.head-buttons,
.head-buttons-menu,
.head-buttons-icon,
.head-buttons-closeicon,
.head-buttons-closeicon-mini {
    border-radius: 300px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    background: rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(10px);
}

.head-buttons-menu .tn-atom:after {
    content: '';
    background-image: url(https://static.tildacdn.com/tild3530-3638-4535-a666-363866626533/menu-area.svg);
    width: 57px;
    height: 44px;
    margin-left: auto;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    
    position: absolute;
    right: 0;
    top: 0;
    
    transition: all 0.3s ease;
    
}

.head-buttons-menu .tn-atom:hover:after {
    background-image: url(https://static.tildacdn.com/tild3263-6661-4161-a232-393833326564/menu-area-hover.svg);
}

.head-buttons-closeicon .tn-atom:after {
    content: '';
    background-image: url(https://static.tildacdn.com/tild3465-3034-4332-b932-393361653764/close-area.svg);
    width: 57px;
    height: 44px;
    margin-left: auto;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    
    position: absolute;
    right: 0;
    top: 0;
    
    transition: all 0.3s ease;
    
}

.head-buttons-closeicon .tn-atom:hover:after {
    background-image: url(https://static.tildacdn.com/tild3732-3864-4539-b366-346436373336/close-area-hover.svg);
}


.head-buttons-menu .tn-atom,
.head-buttons-closeicon .tn-atom {
    width: 100% !important;
    text-align: center !important;
    padding-right: 52px !important;
}

.head-buttons-icon .tn-atom:after,
.head-buttons-closeicon-mini .tn-atom:after,
.head-buttons-closeicon-modal .tn-atom:after {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
    
    transition: all 0.3s ease;
}

.head-buttons-icon .tn-atom:after {
    background-image: url(https://static.tildacdn.com/tild3361-6361-4232-a238-643935653765/icon_menu_mob.svg);
}

.head-buttons-closeicon-mini .tn-atom:after {
    background-image: url(https://static.tildacdn.com/tild6337-6361-4637-b231-656336366137/Vector.svg);
}

.head-buttons-closeicon-modal .tn-atom:after {
    background-image: url(https://static.tildacdn.com/tild3234-3938-4935-b762-663936653465/close-icon-brow.svg);
}

.head-buttons-closeicon-modal .tn-atom:hover:after {
    background-image: url(https://static.tildacdn.com/tild3636-3963-4065-a139-366363653966/Group_2087329787.svg);
}

.button-right .tn-atom:after,
.t-submit:after,
.button-right-test .tn-atom:after,
.button-right-view .tn-atom:after {
    content: '';
    background-image: url(https://static.tildacdn.com/tild3463-3331-4530-a538-613030326562/arrow_right_backgrou.svg);
    width: 58px;
    height: 58px;
    margin-left: auto;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    
    position: absolute;
    right: 0;
    top: 0;
    
    transition: all 0.3s ease;
    
}


.button-right .tn-atom:hover:after,
.button-right-test .tn-atom:hover:after,
.button-right-view .tn-atom:hover:after {
    background-image: url(https://static.tildacdn.com/tild3533-3435-4265-b333-303739616662/arrow_right_backgrou.svg);
}

.t-submit:hover:after {
    background-image: url(https://static.tildacdn.com/tild3431-3937-4332-a665-613265376634/icon-modalbtn.svg);
}

.button-right .tn-atom,
.button-right-park .tn-atom,
.button-right-test .tn-atom,
.button-right-view .tn-atom{
    width: 100% !important;
    text-align: center !important;
    padding-right: 52px !important;
}

.button-right-park .tn-atom:after {
    content: '';
    background-image: url(https://static.tildacdn.com/tild6433-6132-4831-b538-313262656666/button-green.svg);
    width: 58px;
    height: 58px;
    margin-left: auto;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    
    position: absolute;
    right: 0;
    top: 0;
    
    transition: all 0.3s ease;
    
}

.button-right-park .tn-atom:hover:after {
    background-image: url(https://static.tildacdn.com/tild6631-6664-4532-a532-306532336536/button-green-hover.svg);
}

.uppercase {
    font-variant-numeric: lining-nums proportional-nums;
}

.background-img {
    mix-blend-mode: overlay;
}

.t-popup__container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.t-submit {
    width: 100% !important;
}

.js-form-proccess {
    height: 100% !important;
}

.t-form__inputsbox {
    display: flex !important;
    height: 100% !important;
    flex-direction: column !important;
}

.t-input-group_ws {
    flex-grow: 1;
}

.policy a {
    transition: all 0.3s ease;
}

.policy a:hover {
    color: #C0AE9C !important;
}

.video {
    height: 100vh !important;
}

.t-input-title {
    height: auto !important;
}

.t-checkbox__indicator {
    border-color: #DFCBB8 !important;
    border-radius: 6px;
}

.t-checkbox__control .t-checkbox:checked~.t-checkbox__indicator {
    border-color: transparent !important;
    background-color: #8F5946 !important;
}

.t-checkbox__control {
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
}

.head-background {
    border: 1px solid rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(20px);
}

.t886__wrapper {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -30px;
    padding: 3px 3px 3px 27px;
}

.t886 .t886__btn {
    height: 52px !important;
}

#rec1227199491 [data-elem-id="1755437194915"] .t-checkbox__indicator:after{
    border-color: white !important;
}

#rec1216344251 .t396__artboard {
    z-index: 6;
}
#rec1225781766 .t396__artboard {
    z-index: 5;
}

#rec1225781766,
#rec1225781766 .t396__artboard {
        height: calc(100vh + 3000px) !important;
}


@media screen and (min-width: 375px) {
    .line  {
        width: calc(100% - 30px) !important; 
        left: 15px !important;
    }
    
    .img-text,
    .img-text2,
    .img-group,
    .button-area {
        width: 100% !important;
    }
    
    .pattern {
        height: calc(100vh  - 397px) !important;
    }
    
    .buttons-group {
        width: calc(100% - 30px) !important;
    }
    
    .shape-thanks {
        width: calc(50% - 215px) !important;
    }
    
    .tab1, .tab2 {
        width: calc(100% - 30px) !important;
        height: calc(100vh - 342px) !important;
        background-color: #FFF2E2 !important;
    }
    
    .t886__wrapper {
        width: calc(100% - 30px) !important;
        margin-bottom: 30px;
        border-radius: 60px !important;
    }
    
    .img-card {
        width: 100% !important; 
    }
    
    .textbottom {
        bottom: 117px !important;
    }
}


@media screen and (min-width: 480px) {
    .pattern {
        height: calc(100vh  - 361px) !important;
    }
    
    .button-area {
        width: 100% !important;
    }
    
    .t886__wrapper {
        width: calc(100% - 30px) !important;
        margin-bottom: 30px;
        border-radius: 60px !important;
    }
    
    .img-card {
        width: 100% !important; 
    }
    
}


@media screen and (min-width: 768px) {
    .line  {
        width: calc(100% - 40px) !important; 
        left: 20px !important;
    }
    
    .img-text,
    .img-text2,
    .img-group {
        width: 100% !important;
    }
    
    .pattern {
        height: calc(100vh  - 377px) !important;
    }
    
    .buttons-group {
        width: calc(100% - 60px) !important;
    }
    
    .shape-thanks {
        width: calc(50% - 215px) !important;
    }
    
    .tab1, .tab2 {
        width: calc(100% - 60px) !important;
        height: calc(100vh - 351px) !important;
        background-color: #FFF2E2 !important;
    }
    
    .t886__wrapper {
        width: 400px !important;
        margin-bottom: 30px;
        border-radius: 60px !important;
    }
    
    .img-card {
        flex: 1 0 calc(50% - 20px);
    }
}
    
@media screen and (min-width: 960px) {
    .line  {
        width: calc(100% - 60px) !important; 
        left: 30px !important;
    }
    
    .img-text,
    .img-text2 {
        width: 100% !important;
    }
    
    .img-group {
        width: calc(100% - 60px) !important;
        height: calc(100% - 285px) !important;
        margin: 0 auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    img-card {
        flex: 1 0 calc(50% - 20px);
    }
    
    .pattern {
        height: calc(100vh  - 377px) !important;
    }
    
    .buttons-group {
        width: calc(100% - 60px) !important;
    }
    
    .shape-thanks {
        width: calc(50% - 215px) !important;
    }
    
    .tab1, .tab2 {
        width: calc(100% - 60px) !important;
        height: calc(100vh - 351px) !important;
        background-color: #FFF2E2 !important;
    }
}
    
@media screen and (min-width: 1200px) {
    .line  {
        width: calc(100% - 80px) !important; 
        left: 40px !important;
    }
    
    .img-text {
        width: calc(100% - 40px) !important;
        height: calc(100% - 346px) !important;
    }
    
    .img-text2 {
        width: 100% !important;
        height: calc(100% - 350px) !important;
    }
    
    .img-group {
        width: calc(100% - 80px) !important;
    }
    
    .pattern,
    .text-right {
        height: 100vh !important;
    }
    
    .menu-link {
        opacity: 0.5; /* 50% прозрачность */
        transition: opacity 0.3s ease-in-out; /* анимация 0.3s с плавностью ease-in-out */
    }

    .menu-link:hover {
        opacity: 1; /* 100% непрозрачность при наведении */
    }
    
    .buttons-group {
        width: calc(50% - 68px) !important;
    }
    
    .shape-thanks {
        width: calc(50% - 215px) !important;
    }
    
    .tab1, .tab2 {
        width: calc(50% - 68px) !important;
        height: calc(100vh - 363px) !important;
        background-color: #FFF2E2 !important;
    }
    
    #rec1217672116 {
        height: 100vh !important;
    }
    
    #rec1217784091,
    #rec1217139531,
    #rec1218382716 {
        position: relative !important;
    }
    
    .button-right-test,
    .button-right-view{
        position: absolute !important;
        left: auto !important;
        top: auto !important;
    }
    
    .button-right-view {
        right: 20% !important;
        bottom: 60px !important;
    }
    
    .button-right-test {
        right: 40px !important;
        bottom: 30px !important;
    }
    
    .head-text {
       top: auto !important;
       bottom: 30px !important;
    }
    
@media screen and (min-width: 1560px) {
    .line  {
        width: calc(100% - 260px) !important; 
        left: 130px !important;
    }
    
    .img-text {
        width: calc(100% - 130px) !important;
        height: calc(100% - 380px) !important;
    }
    
    .img-text2 {
        width: 100% !important;
        height: calc(100% - 380px) !important;
    }
    
    .img-group {
        width: -webkit-calc(100% - 260px) !important;
        width: calc(100% - 260px) !important;
        height: -webkit-calc(100dvh - 285px) !important;
        height: calc(100dvh - 285px) !important;
        margin: 0 auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    .pattern,
    .text-right{
        height: 100vh !important;
    }
    
    .menu-link {
        opacity: 0.5; /* 50% прозрачность */
        transition: opacity 0.3s ease-in-out; /* анимация 0.3s с плавностью ease-in-out */
    }

    .menu-link:hover {
        opacity: 1; /* 100% непрозрачность при наведении */
    }
    
    .buttons-group {
        width: calc(50% - 158px) !important;
    }
    
    .shape-thanks {
        width: calc(50% - 321px) !important;
    }
    
    .tab1, .tab2 {
        width: calc(50% - 158px) !important;
        height: calc(100vh - 363px) !important;
        background-color: #FFF2E2 !important;
    }
    
    #rec1217672116 {
        height: 100vh !important;
    }
    
    
    .button-right-view {
        right: 20% !important;
        bottom: 60px !important;
    }
    
    .button-right-test {
        right: 130px !important;
        bottom: 30px !important;
    }
    
    
    
    

}