@media (max-width: 1199px) {
    .section-validation {
        padding:5rem 0
    }
}

@media (max-width: 1023px) {
    .section-validation {
        padding:5rem 0 8.7rem
    }
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .section-validation {
        padding:5rem 0 4.9rem
    }
}

.section__image {
    position: relative;
    z-index: 2;
    margin-top: -6.2rem;
    padding-left: 3.6rem
}

.section__image:before {
    content: "";
    position: absolute;
    bottom: -3.1rem;
    left: .5rem;
    z-index: -1;
    max-width: 51.9rem;
    max-height: 38.2rem;
    width: 80%;
    height: 100%;
    background: #323138
}

@media (max-width: 1199px) {
    .section__image {
        margin-top:-8rem;
        margin-left: -1.4rem;
        padding-right: .8rem;
        padding-left: 0
    }

    .section__image:before {
        left: -1.7rem;
        bottom: -2.1rem;
        width: 78%;
        height: 88%
    }
}

@media (max-width: 1023px) {
    .section__image {
        margin-left:.4rem;
        margin-right: -2.5rem;
        padding-right: 0
    }

    .section__image:before {
        left: -2.7rem;
        bottom: -3.1rem;
        width: 79%;
        max-width: initial;
        max-height: initial
    }
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .section__image {
        margin-left:1.2rem;
        margin-right: 0
    }

    .section__image:before {
        bottom: -1.4rem;
        left: -1.2rem
    }
}

@media (max-width: 1023px) {
    .section__image img {
        width:100%
    }
}

.section__content {
    position: relative;
    padding-top: 3rem;
    padding-left: .7rem;
    color: #fff;
    line-height: 1.44
}

.section__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: .7rem;
    height: .2rem;
    width: 7.9rem;
    background: #bac18d;
}

@media (max-width: 1199px) {
    .section__content {
        padding-left:5.8rem
    }

    .section__content:before {
        left: 5.8rem
    }
}

@media (max-width: 1023px) {
    .section__content {
        max-width:50rem;
        margin: 8.1rem auto 0;
        padding-left: 0;
        text-align: center
    }

    .section__content:before {
        content: "";
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .section__content {
        margin:3.8rem auto 0
    }
}

.section__title {
    margin-bottom: 2.5rem;
    font-size: 3.7rem;
    font-weight: 500
}

.section__content p {
    margin-bottom: 4.2rem
}

@media (max-width: 1199px) {
    .section__content p {
        margin-bottom:3.4rem
    }
}

@media (max-width: 1023px) {
    .section__content p {
        margin-bottom:3.7rem
    }
}