.about-company-template {
    width: 100%;
}

.company-description {
    position: relative;
    z-index: 1;
    margin-top: 34.5rem;
}

.title-description h1.title-company {
    color: var(--Black, #0D0D0D);
    font-size: 6rem;
    font-family: 'DrukCyr';
    font-style: normal;
    font-weight: 500;
    line-height: 6rem;
    text-transform: uppercase;
    width: 70rem;
    margin-bottom: 0;
    margin-top: 21rem;
}

.about-company-content {
    position: relative;
    z-index: 2;
    margin-bottom: 2.5rem;
}

.video {
    width: 100%;
    position: relative;
    cursor: pointer;
    margin-top: 5rem;
}

.video iframe#iframe_container {
    border-radius: 1.25rem;
    aspect-ratio: 16/9;
}

iframe#iframe_container {
    border-radius: 1.25rem;
}

/*info-block*/

.info-block {
    margin: 5rem auto 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 45rem;
    width: 100%;
}

.info-block .title {
    padding: 0.625rem 0.625rem 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.15);
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15);
}

.info-block h3.title-h3 {
    color: #0D0D0D;
    text-align: center;
    font-family: 'DrukCyr';
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0;
}

.info-block .text {
    width: 100%;
    margin-top: 1.25rem;
    color: #0D0D0D;
    font-family: 'Formular';
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}

.info-block .image {
    margin-top: 1.25rem;
}

a {
    text-decoration: none;
}

.text a,
p a {
    color: #0D0D0D;
    text-decoration: underline;
}

/*Awards block*/

.awards-block {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
    display: grid;
    grid-gap: 1.25rem;
    justify-content: center;
    margin-top: 5rem;
}

.award-unit {
    width: 22rem;
    height: 13rem;
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
}

.icon-award {
    background: url(../../img/components/aboutcompany/award-logo.svg) no-repeat center center;
    background-size: contain;
    height: 3.5rem;
    width: 100%;
    margin-bottom: 0.75rem;
}

.title-award {
    color: #F22424;
    text-align: center;
    font-family: 'DrukCyr';
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}

.description-award {
    color: #0D0D0D;
    text-align: center;
    font-family: 'DrukCyr';
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}

.year-award {
    color: #0D0D0D;
    text-align: center;
    font-family: 'Formular';
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    opacity: 0.6;
}

/*Bottom*/

.about-company-content .video-bottom-block {
    margin-top: 5rem;
    margin-bottom: 1.25rem;
}

/*Footer*/
.about-company-template .ag-rights,
.about-company-template .ag-policy li.menu-item a {
    color: var(--Black, #0D0D0D);
}

.about-company-template .footer-option-email,
.single-vacancy .footer-option-email {
    color: #F22424;
}

.about-company-template .footer-options {
    border: 0.0625rem solid rgba(0, 0, 0, 0.25);
}

.about-company-template .footer-option:not(:last-child) {
    border-right: 0.0625rem solid rgba(0, 0, 0, 0.25);
}

.about-company-template .footer-options .red-text {
    color: #0D0D0D;
}

.about-company-template .footer-option-title {
    color: #0D0D0D;
}

.about-company-template .footer-options a:hover .footer-option-email {
    color: var(--White, #FFF);
}

.about-company-template .social_vk {
    background-image: url(../../img/components/footer/VK_black.svg);
}

.about-company-template .social_linkedin {
    background-image: url(../../img/components/footer/LinkedIn_icon_black.svg);
}

/*Adaptive*/
@media (max-width: 1531px) {
    .about-company-template .awards-block {
        display: flex;
        flex-wrap: wrap;
    }

    .about-company-template .award-unit {
        flex: 0 0 20rem;
    }
}

@media (max-width: 1200px) {
    .about-company-template .awards-block {
        display: grid;
    }

    .about-company-template .award-unit {
        flex: none;
    }
}

@media (max-width: 1050px) {
    .about-company-template .awards-block {
        display: flex;
    }

    .about-company-template .award-unit {
        flex: 0 0 20rem;
    }
}

@media (max-width: 1000px) {
    .company-description {
        margin-top: 0;
    }

    .title-description.vacancies-title,
    .vacancies-description-text {
        text-align: start;
    }

    .about-company-template .video {
        margin-top: 2rem;
        height: auto;
    }

    .about-company-template .video iframe#iframe_container {
        aspect-ratio: 16/9;
    }

    .title-description h1.title-company {
        width: 100%;
    }

    .vacancies-description-text {
        max-width: none;
    }

    .vacancies-graph-text.white {
        max-width: none;
        text-align: start;
    }

    .button-send-resume {
        margin-right: auto;
    }

    .about-company-template .footer-option:not(:last-child) {
        border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.25);
        border-right: 0;
    }

    .about-company-template .vacancies-template .vacancies-media-unit,
    .about-company-template .vacancies-template .vacancies-media-unit.vacancies-media-block-bottom {
        height: 100%;
        align-items: flex-start;
    }

    .vacancies-media-block-bottom .banner-text.vacancies-template,
    .vacancies-media-block-bottom .vacancies-graph-text.white {
        width: 100%;
    }

    .vacancies-media-block-bottom .button-send-resume.button-vacancies-template {
        width: 12rem;
    }

}

@media (max-width: 774px) {
    .about-company-template .awards-block {
        display: grid;
    }

    .about-company-template .award-unit {
        flex: none;
    }
}

@media (max-width: 600px) {

    .title-description h1.title-company {
        margin-top: 0rem;
        font-size: 11vw;
        line-height: 100%;
    }

    .about-company-template .awards-block {
        margin-top: 2.5rem;
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
        grid-gap: 1.25rem 0.62rem;
    }

    .about-company-template .title-award,
    .about-company-template .description-award {
        font-size: 1.5rem;
    }

    .about-company-template .award-unit {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 500px) {

    .about-company-template .title-award,
    .about-company-template .description-award {
        font-size: 1.3rem;
    }

    .about-company-template .awards-block {
        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    }
}

@media (max-width: 450px) {

    .about-company-template .title-award,
    .about-company-template .description-award {
        font-size: 1rem;
        margin-bottom: 0.38rem;
    }

    .about-company-template .icon-award {
        height: 2.75rem;
        margin-bottom: 0.38rem;
    }
}

@media (max-width: 360px) {

    .about-company-template .vacancies-template .vacancies-media-unit,
    .about-company-template .vacancies-template .vacancies-media-unit.vacancies-media-block-bottom {
        height: 30rem;
        background-image: linear-gradient(90deg, #0D0D0D 0%, rgba(13, 13, 13, 0.00) 100%), url(../../img/components/vacancies/imagemin-2.jpg);
        background-position: 43%;
    }

    .title-description.vacancies-title,
    .vacancies-description-text {
        text-align: start;
    }

    .title-description h1.title-company {
        font-size: 2rem;
        line-height: 2rem;
    }

    .about-company-template .title-description.vacancies-title {
        margin-top: 15.25rem;
    }

    .about-company-template .info-block {
        margin-top: 2.5rem;
    }

    .about-company-template .awards-block {
        margin-top: 2.5rem;
        grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
        grid-gap: 1.25rem 0.62rem;
    }

    .about-company-template .award-unit {
        width: 100%;
        height: 100%;
        padding: 0.62rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: auto;
    }

    .about-company-template .icon-award {
        height: 1.75rem;
        width: 2rem;
        margin-bottom: 0.38rem;
        background-size: contain;
    }

    .about-company-template .title-award {
        font-size: 0.875rem;
        line-height: 0.875rem;
        margin-bottom: 0.38rem;
    }

    .about-company-template .description-award {
        font-size: 0.875rem;
        line-height: 0.875rem;
        margin-bottom: 0.38rem;
    }

    .about-company-template .year-award {
        font-size: 0.4375rem;
        line-height: 0.625rem;
    }
}