.hero-section figure img{
    height: 25dvw;
    object-fit: cover;
}
.hero-section>div{
    bottom: 0;
    position: absolute!important;
    z-index: 5;
}
.hero-section figure:after,
.hero-section figure:before{
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.hero-section figure:before{
    background: linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    height: 100%;
}
.hero-section figure:after{
    background: linear-gradient(to bottom,  rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%);
    height: 100px;
}
.info-contact span.bg-secondary{
    height: 70px;
    min-width: 70px;
    width: 70px;
}
.info-contact span.bg-secondary i{
    font-size: 30px;
}
.info-contact a{
    color: var(--color-text);
}
.info-contact p{
    font-weight: 600;
}
.box {
    position: relative;
}

.inputfile {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.inputfile+label {
    max-width: 100%;
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}

.js .inputfile+label {
    display: none;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
    outline: none
}


.inputfile-4+label {
    color: var(--focus-text);
}

/* .inputfile-4:focus+label,
.inputfile-4.has-focus+label,
.inputfile-4:hover+label {
    background-color: var(--default);
} */

.inputfile-4+label div {
    display: block;
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
    min-width: 20px;
    text-align: left;
}


.inputfile-4+label div i {
    margin-right: 5px;
}

.inputfile-4+label span {
    background: var(--white);
    border: 1px solid var(--focus-secondary);
    border-radius: var(--global-radius);
    color: var(--primary);
    display: block;
    overflow: hidden;
    padding: .5rem 1rem;
    text-overflow: ellipsis;
    transition: color .2s linear, background-color .2s linear, border-color .2s linear;
    white-space: nowrap;
}


.inputfile-4:focus+label span,
.inputfile-4.has-focus+label span,
.inputfile-4:hover+label span {
    background-color: var(--tertiary) !important;
    border-color: var(--focus-tertiary) !important;
    color: var(--white);
}

.inputfile-4+label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}
#filecv-message.is-active{
    padding: .5rem;
    line-height: 1.2;
    border-radius: .25rem;
    font-size: 14px;
}
@media (min-width:992px) {
    .hero-section>div{
        max-width: 45dvw;
        left: 5dvw;
    }
}
@media only screen and (max-device-width: 1025px) and (orientation: portrait) {
    .hero-section figure img{
        height: 100dvw;
    }
}
@media (max-width:767px) {
    .info-contact span.bg-secondary{
        height: 50px;
        min-width: 50px;
        width: 50px;
    }
    .info-contact span.bg-secondary i{
        font-size: 20px;
    }
}