.new-year-banner::after,
.new-year-banner::before{ display:none;} 

/**/
[disabled][type="submit"] {
    cursor : default;
}


@keyframes loadAnimation {
    0% {
        background : #00b6c9;
    }
    50% {
        background : #03616c;
    }
    100% {
        background : #00b6c9;
    }
}

.loadAnimation {
    animation-name            : loadAnimation;
    animation-duration        : 2s;
    animation-timing-function : ease;
    animation-iteration-count : infinite;
    animation-direction       : normal;
    animation-fill-mode       : forwards;
    animation-delay           : 0s;
}

textarea[name="form_textarea_119"] {
    display : none
}

.hfe {
    background-color : #F6F7F8;
    position         : relative;
    padding          : 40px 0;
}

.hfe::before {
    content     : '';
    position    : absolute;
    bottom      : 0;
    background  : url(/local/templates/hfe-hfe/images/new-ad-im.png);
    left        : 17%;
    margin-left : 0;
    top         : 47px;
    width       : 1178px;
    height      : 753px;
}

.hfe .section__title {
    position    : relative;
    line-height : 1.4;
}

.hfe .hfe_row {
    display               : grid;
    grid-template-columns : 246px 246px 301px 352px;
    grid-template-rows    : 1fr 1fr;
    gap                   : 38px 22px;
    position              : relative;
    padding               : 55px 0;
}

.hfe .hfe_item {
    background         : #ccc;
    border-radius      : 20px;
    gap                : 22px;
    min-height         : 295px;
    overflow           : hidden;
    display            : grid;
    grid-template-rows : 1fr auto;
    align-items        : baseline;
    position           : relative;

    .syb_title {
        line-height : 1.3;
        font-size   : 20px;
        font-weight : 700;
    }

    p {
        margin      : 0;
        font-size   : 15px;
        line-height : 1.3;
    }

    strong {
        color : #00AEC7;
    }
}

.hfe .b_1 {
    grid-column : span 2;
    grid-row    : 1;
    background  : #F1FBFE;
    padding     : 53px 35px 48px;

    p {
        padding-right : 160px;
    }

    img {
        position : absolute;
        bottom   : -60px;
        right    : -40px;
    }
}

.hfe .b_2 {
    grid-column : 1;
    grid-row    : 2;
    background  : #fff;
    padding     : 46px 0 38px 35px;

    p {
        padding-right : 14px;
    }
}

.hfe .b_3 {
    grid-column : 2;
    grid-row    : 2;
    background  : #F1FBFE;
    padding     : 46px 23px 38px;
}

.hfe .b_4 {
    grid-column        : 3;
    grid-row           : span 2;
    background         : #fff;
    padding            : 53px 42px 38px;
    grid-template-rows : 0fr auto auto 1fr;

    .syb_title {
        margin : 0 0 18px;
    }

    img {
        position : absolute;
        bottom   : -40px;
        right    : 0px;
        left     : 0;
        margin   : 0 auto;
    }
}

.hfe .b_5 {
    grid-column : 4;
    grid-row    : 1;
    background  : #F1FBFE;
    padding     : 53px 42px 38px;
}

.hfe .b_6 {
    grid-column        : 4;
    grid-row           : 2;
    background         : #fff;
    padding            : 53px 42px 38px;
    grid-template-rows : 1fr 1.6fr;

    .btn-base {
        display          : flex;
        text-decoration  : unset;
        align-items      : center;
        padding          : 0 22px;
        border-radius    : 50px;
        background-color : #fff;
        color            : #4CACC4;
        border           : 1px solid #4CACC4;
        max-width        : 220px;
        justify-content  : center;
        text-decoration  : unset;
        font-size        : 12px;
        height           : 42px;
        margin           : 0;
    }
}

@media (max-width : 1280px) {
    .hfe .hfe_row {
        grid-template-columns : 1fr 1fr 1fr;
        grid-template-rows    : 1fr 1fr auto auto;
    }

    .hfe .b_5 {
        grid-column        : span 3;
        grid-row           : 3;
        min-height         : auto;
        grid-template-rows : auto auto;
    }

    .hfe .b_6 {
        grid-column        : span 3;
        grid-row           : 4;
        min-height         : auto;
        grid-template-rows : auto auto;

    }
}

@media (max-width : 991px) {
    .hfe {
        padding : 20px 0;
    }

    .hfe .hfe_row {
        grid-template-columns : 1fr;
        grid-template-rows    : auto;
        padding               : 20px 0;

        img {
            /* display: none; */
            display  : block;
            position : relative;
            bottom   : -80px;
            right    : -50px;
            margin   : -100px 0 0 auto;
        }
    }

    .hfe .b_1,
    .hfe .b_2,
    .hfe .b_3,
    .hfe .b_4,
    .hfe .b_5,
    .hfe .b_6 {
        grid-column        : span 1;
        grid-row           : auto;
        min-height         : auto;
        padding            : 20px;
        grid-template-rows : auto;

        .syb_title {
            margin : 0;
        }

        p {
            padding : 0;
        }

        .btn-base {
            margin : 0 auto;
        }
    }

    .hfe .b_4 img {
        margin : -80px auto 0;
    }
}

.hfe .home-slider__btn {
    width      : 100%;
    text-align : center;
    background : #00AEC7;
    box-shadow : none;
}

.hfe .home-slider__btn:hover {
    box-shadow : 4px 4px 6px 0px #00000040;
    transform  : scale(1);
}


.team-certificate svg, .team-certificate img, .team-certificate video {
    max-width : 100%;
    height    : auto;
}

.uniq-form-main-form-text-block {
    position : relative;
    z-index  : 2;
}

.uniq-form-main-form-form-block-image img {
    z-index  : 0;
    position : relative;
}


.blue-form {
    margin        : 1rem 0 2rem;
    border-radius : 20px;
    background    : rgba(76, 172, 196, 1);
}

.formText {
    padding : 43px 10px 43px 35px;
    color   : #fff;
}

.imgBlock {
    display         : flex;
    justify-content : center;
    align-items     : center;
    padding-right   : 15px;
}

.imgBlock img {
    max-width  : 100%;
    height     : auto;
    object-fit : contain;
}

.imgBlock.img-place-center {
    align-items : center;
    padding     : 17px 15px 17px 15px;
}

.imgBlock.img-place-flex-start {
    align-items : flex-start
}

.imgBlock.img-place-flex-end {
    align-items : flex-end
}

.fTitle {
    color         : rgba(255, 255, 255, 1);

    font-size     : 37px;
    font-weight   : 700;
    line-height   : 45px;
    text-align    : left;
    margin-bottom : 25px;
}

.fDescr {
    color         : rgba(255, 255, 255, 1);

    font-size     : 16px;
    font-weight   : 400;
    line-height   : 20px;
    text-align    : left;
    margin-bottom : 29px;
}


.green__btn {
    width           : 100%;
    height          : 53px;
    /* Автолейаут */
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    padding         : 16px;
    border-radius   : 70px;
    background      : rgba(37, 211, 102, 1);
    color           : rgba(255, 255, 255, 1);

    font-size       : 16px;
    font-weight     : 600;
    line-height     : 20px;
    cursor          : pointer;
}

.formDescr {
    color       : rgba(0, 0, 0, 1);

    font-size   : 10px;
    font-weight : 600;
    line-height : 12px;
    text-align  : left;
    margin-top  : 24px;
}

.formDescr a {
    text-decoration : underline;
    font-size       : 10px;
    font-weight     : 600;
    line-height     : 12px;
    color           : rgba(0, 0, 0, 1);
}


.callback__bg-mobile {
    display : none;
}

.app .callback__bg {
    opacity : 1;
}

@media (max-width : 767px) {
    .app .callback__bg-mobile {
        position       : absolute;
        display        : block;
        width          : 100%;
        height         : 100%;
        top            : 0px;
        left           : 0px;
        pointer-events : none;
        z-index        : -2;
        opacity        : 1;
        transform      : rotateY(180deg);
        object-fit     : cover;
    }

    .app .text._mini-gap, .app .about__text {
        padding : 0;
    }

    .common .app .section.inner {
        padding-left  : var(--offset);
        padding-right : var(--offset);
    }

    .app .callback__bg {
        display : none;
    }
}


.radioBlock {
    display        : flex;
    flex-direction : row;
    gap            : 5px 10px;
    flex-wrap      : wrap;
    flex-shrink    : 0;
    position       : relative;
}

.radioBlock div {
    display       : flex;
    align-items   : center;
    justify-items : flex-start;
    gap           : 10px;
}

.radioBlock div label:first-child {
    flex-shrink : 0;
}

.radioBlock div:first-child {
    width : 100%;
}

.radioBlock input[type=radio] {
    appearance    : auto;
    accent-color  : #f24c3d;
    margin        : 0;
    flex-shrink   : 0;
    height        : auto;
    border-radius : 50%;

}

.radioBlock label.error {
    position : absolute;
    top      : 5px;
    left     : 175px;
}