@media (min-width: 1600px){
    *{
        --coef: 0.95; 
    }
}

@media (min-width: 1750px){
    *{
        --coef: 0.8; 
    }
}

@media (min-width: 1921px){
    *{
        --coef: 0.75; 
    }
}


@media (max-width: 1440px){
    *{
        --value-1: 1px;
    }
}

@media (max-width: 1100px){
    *{
        --coef: 1.05; 
    }
}

@media (max-width: 767px){
    *{
        --value-2: 2px;
        --value-3: 3px;
        --value-4: 4px;
        --value-5: 5px;
        --value-6: 6px;
        --value-7: 7px;
        --value-8: 8px;
        --value-9: 9px;
        --value-10: 10px;
        --value-12: 12px;
        --value-13: 13px;
        --value-14: 14px;
        --value-15: 15px;
        --value-16: 16px;
        --value-18: 18px;
        --value-20: 20px;
        --value-22: 22px;
        --value-24: 24px;
        --value-25: 25px;
        --value-28: 28px;
        --value-30: 30px;
        --value-32: 32px;
        --value-34: 34px;
        --value-40: 40px;
        --value-48: 48px;
        --value-50: 50px;
        --value-58: 58px;
        --value-60: 60px;
        --value-64: 64px;
        --value-70: 70px;
        --value-80: 80px;
        --value-90: 90px;
        --value-100: 100px;

        --default-font-size: 14px;
        --default-body-line-height: 1.43;
    }

    .container{
        padding: 0 16px;
    }

    .rows{
        gap: 24px;
    }

    .title-box{
        gap: 8px;
    }

    .title-box .title{
        font-size: 18px; 
        line-height: 1.11;
    }
    
    .title-box.sect-title .title{
        font-size: 24px; 
        line-height: 1.17;
    }
    
    .title-box.main-title .title{
        font-size: 28px; 
        line-height: 1.29;
    }

    header .main-bar {
        padding: 12px 0;
    }

    header .sign-in-box{
        display: none;
    }

    header .menu-bt-box,
    header .menu-phone-box,
    header .menu-sign-in-box,
    header .menu-logo-box,
    header .close-menu{
        display: block;
    }

    header .menu-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 10px;
    }

    header .menu-btn img{
        width: 24px;
        height: auto;
    }

    header .main-bar .columns{
        gap: 12px;
    }

    header .animation-btn-box{
        margin-left: -12px;
    }

    header.show-btn .phone{
        color: transparent;
        padding: 10px;
    }

    header.show-btn .phone img,
    header.show-btn .phone svg{
        display: block;
    }

    header .phone{
        padding: 12px 10px;
    }

    header .phone i{
        width: 102px;
        overflow: hidden;
        white-space: nowrap;
        transition: .2s ease width;
        -o-transition: .2s ease width;
        -webkit-transition: .2s ease width;
        -moz-transition: .2s ease width;
    }

    header .phone-box{
        transition: .2s ease margin-right;
    }

    header.show-btn .phone-box{
        margin-right: -12px;
    }
    
    header.show-btn .phone i{
        width: 0;
    }

    header .menu-box{
        position: fixed;
        top: 0;
        right: -375px;
        width: 375px;
        background-color: var(--color-base);
        z-index: 1;
        height: 100dvh;
        justify-content: flex-start;
        padding: 12px 16px 50px;
        z-index: 999;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: translateX(0%);
        transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -webkit-transition: transform .3s ease-out;
    }

    header .menu-box.active {
        transform: translateX(-100%);
    }

    header .main-bar .wrap-menu{
        flex-direction: column;
        text-align: center;
        gap: 0;
    }

    header .menu-box ul{
        flex-direction: column;
        gap: 0;
    }

    header .menu-box ul li a,
    header .menu-box ul li span{
        padding: 8px 16px;
        min-width: 100px;
        width: 100%;
        font-size: 20px;
        line-height: 1.6;
    }

    header .menu-phone-box .phone,
    header .menu-sign-in-box .sign-in{
        padding: 8px 16px;
        font-size: 20px;
        border: none;
        line-height: 1.6;
    }

    header .menu-btn-box{
        margin-top: 4px;
        display: block;
    }

    header .menu-logo-box{
        width: 100%;
        text-align: left;
        margin-bottom: 24px;
        margin-top: 12px;
    }

    .close-menu{
        padding:10px;
        position: absolute;
        top:12px;
        right: 16px;
    }

    .close-menu img,
    .close-menu svg{
        width: 24px;
    }

    .main-page .close-menu svg path{
        fill: #fff;
    }


    .overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgb(0 0 0 / 40%);
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        transition: visibility .3s ease-out, opacity .3s ease-out;
        -o-transition: transform .3s ease-out, opacity .3s ease-out;
        -moz-transition: transform .3s ease-out, opacity .3s ease-out;
        -webkit-transition: transform .3s ease-out, opacity .3s ease-out;
    }

    .overlay.active{
        opacity: 0.7;
        visibility: visible;
    }

    .sect{
        padding: 24px 0;
    }

    .main-wrap {
        --header-height: 68px;
    }

    .title-box .title:not(h1) br{
        display: none;
    }

    .sect.head-sect{
        margin-bottom: 24px;
        padding-top: calc(var(--header-height) + 16px);
        min-height: auto;
    }

    .sect.head-sect .columns{
        padding-right: 0;
        grid-gap: 30px;
    }
    
    .sect.head-sect .content-box {
        gap: 16px;
        font-size: 14px;
        line-height: 1.43;
        max-width: 360px;
    }

    .sect.head-sect .img-box {
        width: 133px;
    }

    footer .footer-bar {
        grid-template-columns: repeat(3, 1fr);
    }

    footer .pad-left {
        padding-left: 0;
    }

    footer .footer-bar.bottom{
        grid-template-columns: repeat(2, 1fr);
    }

    footer li.more-link a{
        text-decoration: underline;
    }

    footer .logo-box{
        order: 1;
    }

    footer .copyright{
        order: 2;
    }

    footer .footer-bar.bottom .col-span-2{
        grid-column-start: initial;
    }

    footer .links{
        grid-column-start: span 2;
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        grid-gap: 30px;
    }

    footer{
        padding: 40px 0;
        margin-top: 24px;
    }

    .sect.text-img-sect .columns,
    .sect.text-img-sect.type-2 .columns{
        grid-template-columns: repeat(2, 1fr);        
        grid-gap: 24px;
    }

    .sect.text-img-sect .image-block{
        align-items: center;
    }

    .sect.text-img-sect .content-box{
        gap: 8px;
    }

    .message-box{
        padding: 8px;
        grid-gap: 8px;
        text-align: left;
    }

    .message-box.great-news{
        width: 265px;
    }

    .sect.text-img-sect .image-block .message-box{
        position: relative;
        top: initial;
        right: initial;
        margin-top: -16px;
    }

    .message-box.great-news .ava-box{
        width: 48px;
        height: 48px;
    }

    .message-box.great-news .name{
        font-size: 12px;
    }

    .sect.triggers.primary,
    .sect.triggers.secondary{
        padding: 48px 0;
        margin: 24px 0;
    }

    .sect.triggers .items-list {
        text-align: center;
    }

    .sect.triggers .items-list .item .ico-box{
        margin: 0 auto;
    }

    .sect.triggers .item .title-box.main-title .title{
        font-size: 32px;
    }

    .sect.triggers.travel-with-confidence .items-list {
        grid-template-columns: repeat(2, 1fr);
        text-align: left;
    }

    .mobile-scroll{
        overflow-x: auto;
        padding: 0 16px;
        margin: 0 -16px;
        width: 100vw;
        display: flex;
    }

    .mobile-scroll::-webkit-scrollbar{
        display: none;
    }

    .mobile-scroll .items-list{
        display: flex!important;
        flex-wrap: nowrap;
    }

    .items-posts-list{
        gap: 16px;
    }

    .items-posts-list .item-post{
        min-width: 280px;
    }

    .link::after{
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

    .slider-box .item {
        padding: 0 8px;
    }

    .sect .slider-cities {
        width: 100%;
        overflow: hidden;
        padding: 0 15px!important;
    }

    .avatar-rows .item {
        width: 64px;
        height: 64px;
    }

    .avatar-rows{
        grid-gap: 8px;
    }

    .avatar-rows .item:nth-child(n+13):nth-child(-n+24) {
        transform: translateX(-52px);
    }

    .life-travalign .travalin-box{
        order: 1;
        text-align: center;
        width: 100vw;
    }

    .life-travalign .travalin-box,
    .life-travalign .img-box{
        margin: 0 -16px;
    }

    .steps-list .item{
        grid-gap: 12px;
    }

    .reviews-list{
        gap: 8px;
    }

    .reviews-list .item{
        width: 280px;
    }

    .sect.reviews .rev-sect-info {
        max-width: 430px;
        gap: 16px;
    }

    .sect.reviews .rev-sect-info img {
        width: 32px;
    }

    .sect.platforms .columns{
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }

    .item-platform{
        padding: 48px 20px;
    }

    .sect.humans-trip {
        padding: 48px 0;
        margin: 24px 0;
    }

    .humans-trips-slider.owl-carousel{
        width: calc(100% + 32px);
        max-width: initial;
        overflow: hidden;
        margin: 0 -16px;
        position: relative;
    }

    .humans-trips-slider .item-trip .img-box{
        max-width: 100%;
    }

    .humans-trips-slider .item-trip{
        gap: 24px;
    }

    .humans-trips-slider .item-trip .content{
        padding: 0 16px;
        font-size: 16px;
    }

    .humans-trips-slider .item-trip .author .name{
        font-size: 14px;
    }

    .humans-trips-slider .owl-nav .owl-next, 
    .humans-trips-slider .owl-nav .owl-prev{
        bottom: 30px;
        margin-top: 0;
        top: initial;
        transform: initial;
        width: 32px;
        height: 32px;
        background-size: 32px;
    }

    .humans-trips-slider .owl-nav .owl-prev{
        transform: scale(-1, 1);
    }


    .humans-trips-slider .owl-nav .owl-prev{
        left: 16px;
    }

    .humans-trips-slider .owl-nav .owl-next{
        right: 16px;
    }

    .sect.faq .rows{
        gap: 16px;
    }

    .faq-list .item .ask{
        font-size: 16px;
    }

    /* Protection Plans Page Responsive */
    .protection-plans-page .flexibility-cards-sect {
        padding: 24px 0 48px 0;
    }

    .protection-plans-page .flexibility-cards-sect .cards-grid {
        gap: 16px;
    }

    .protection-plans-page .flexibility-cards-sect .card-item {
        flex: 0 0 280px;
        min-width: 280px;
        max-width: 280px;
    }

    .protection-plans-page .flexibility-cards-sect .card-badge {
        border-radius: 10px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-flight-update {
        top: 12px;
        left: 12px;
        padding: 10px;
        gap: 8px;
        max-width: calc(100% - 20px);
    }
    .protection-plans-page .flexibility-cards-sect .badge-flight-update .badge-header {
        gap: 5px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-flight-update .badge-title,
    .protection-plans-page .flexibility-cards-sect .badge-flight-update .date-val {
        font-size: 11px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-flight-update .flight-dates {
        gap: 16px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-flight-update .date-lbl {
        font-size: 9px;
    }


    .protection-plans-page .flexibility-cards-sect .badge-flight-update .badge-footer {
        padding-top: 8px;
        font-size: 9px;
        gap: 4px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-flight-update .badge-footer svg {
        width: 14px;
        height: 14px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-refund {
        bottom: 12px;
        left: 12px;
        right: 12px;
        padding: 10px;
        gap: 8px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-refund .badge-logo {
        width: 32px;
        height: 32px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-refund .badge-logo svg {
        width: 11px;
        height: 15px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-refund .company-name {
        font-size: 10px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-refund .refund-amount {
        font-size: 10px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-refund .refund-status {
        font-size: 10px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-chat {
        bottom: 12px;
        left: 12px;
        right: 12px;
        gap: 4px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-chat .badge-avatar {
        width: 32px;
        height: 32px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-chat .chat-bubble {
        padding: 8px 10px;
        border-radius: 10px;
        gap: 2px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-chat .chat-bubble .bubble-tail {
        left: -4px;
        bottom: 0;
        width: 11px;
        height: 13px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-chat .chat-name {
        font-size: 10px;
    }

    .protection-plans-page .flexibility-cards-sect .badge-chat .chat-text {
        font-size: 10px;
        line-height: 1.3;
    }

    .protection-plans-page .plans-sect {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .protection-plans-page .plans-sect .plans-grid {
        grid-template-columns: 1fr;
    }

    .protection-plans-page .plans-sect .title-box {
        gap: 16px;
    }

    .protection-plans-page .plans-sect .plan-card .title-box .descr {
        min-height: auto;
    }

    .protection-plans-page .plans-sect .plan-badge,
    .protection-plans-page .plans-sect .plan-card .badge {
        top: 24px;
        right: 24px;
        font-size: 12px;
        padding: 4px 10px;
        border-radius: 6px;
    }


    .protection-plans-page .support-sect {
        padding: 48px 0 24px 0;
    }

    .protection-plans-page .support-sect .support-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .protection-plans-page .support-sect .support-content {
        max-width: 100%;
    }

    .protection-plans-page .support-sect .support-specialist {
        order: -1;
        padding-bottom: 147px;
    }

    .protection-plans-page .support-sect .support-content .title-box {
        gap: 24px;
    }

    .protection-plans-page .support-sect .support-content .title-box .title br,
    .protection-plans-page .bottom-cta-banner .title-box .title br {
        display: initial;
    }

    .protection-plans-page .support-sect .specialist-img-box{
        width: 100%;
    }

    .protection-plans-page .support-sect .specialist-card {
        width: calc(100% - 16px);
        left: 8px;
        right: 8px;
    }

    .protection-plans-page .bottom-cta-sect {
        padding: 24px 0;
    }

    .protection-plans-page .bottom-cta-banner {
        grid-template-columns: 1fr;
        padding: 8px;
        grid-gap: 16px;
    }

    .protection-plans-page .bottom-cta-banner .cta-content {
        padding: 0 8px 16px;
        gap: 24px;
        max-width: 100%;
    }

    .protection-plans-page .bottom-cta-banner .cta-img-box {
        order: -1;
        width: 100%;
        height: auto;
        aspect-ratio: 16/10;
    }

    .protection-plans-page .bottom-cta-banner .title-box{
        gap: 16px;
    }

    /* .protection-plans-page .bottom-cta-banner .title-box .title {
        font-size: 26px;
    } */

    /* .protection-plans-page .bottom-cta-banner .descr {
        font-size: 15px;
    } */

    .protection-plans-page .bottom-cta-banner .bt {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .posts-box:has(.mobile-scroll){
        overflow: initial;
    }

    .destin-list,
    .top-places-list{
        gap: 8px;
    }

    .mobile-scroll .tabs-nav{
        flex-wrap: nowrap;
        padding-right: 0;
    }

    .mobile-scroll .tabs-nav li{
        white-space: nowrap;
    }
    .mobile-scroll .tabs-nav li:has(img){
        display: inline-grid;
        grid-template-columns: 20px 1fr;
    }

    .tabs-nav li{
        font-size: 14px;
        padding: 12px 16px;
        border-radius: 4px;
    }

    .tabs-nav li img{
        width: 20px;
    }

    .tabs-block{
        gap: 16px;
    }

    .item-post-destin .price-box .price{
        font-size: 18px;
    }

    .item:has(.item-post-destin) {
        flex-direction: initial;
        gap: 8px;
    }

    .item-post-destin,
    .top-place-item{
        min-width: calc(2.8 * var(--value-100));
    } 

    .sect.partners .partners-list .item{
        width: 121px;
        padding: 0 8px;
    }

    .sect.partners .partners-list{
        grid-template-columns: initial;
        margin: 0 -16px;
        width: 100vw;
    }

    .sect.partners .partners-list .item img {
        max-width: 85px;
        width: auto;
    }

    .sect.partners .partners-list .owl-controls{
        display: none;
    }

    .sect.partners {
        padding: 48px 0;
        margin: 24px 0;
        text-align: center;
    }

    .sect.partners .partners-block{
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }

    .sect.partners .partners-block .info{
        grid-gap: 8px;
    }

    .search-form-sect:has(form.booking_form_new){
        min-height: initial!important;
        padding-bottom: 0!important;
    }

    .sect.partners-line {
        padding: 24px 0;
        margin-bottom: 24px;
    }

    .slider-cities .item-post{
        width: 260px;
    }

    /* step version */
    .step_order_home .search-form-sect .columns{
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .step_order_home .cards-box{
        align-items: center;
        order: -1;
        padding-top: 10px;
    }

    .step_order_home form.booking_form_new .top-bar{
        grid-column-start: initial;
    }

    .step_order_home .search-form-sect .main-title {
        text-align: center;
    }

    .step_order_home .search-form-sect .main-title,
    .step_order_home .form-frame:has(.booking_form_new){
        max-width: 347px;
    }

    .step_order_home form.booking_form_new .fields-list {
        grid-gap: 2px;
        grid-template-columns: 1fr;
    }

    .step_order_home form.booking_form_new .top-bar {
        margin-bottom: 0;
    }

    .step_order_home .form-frame:has(.booking_form_new) form {
        grid-gap: 12px;
    }

    .step_order_home form.booking_form_new .bt-box{
        margin-top: 0;
    }

    .step_order_home .step-review-card{
        max-width: 282px;
    }

    .step_order_home .step-review-card{
        padding: 20px;
        border-radius: 10px;
        font-size: 12px;
        gap: 10px;
    }
    
    .step_order_home .step-review-card .img-box {
        width: 36px;
        height: 36px;
    }

    .step_order_home .step-review-card .review-info {
        gap: 13px;
    }

    .step_order_home .step-review-card .name, 
    .step_order_home .step-review-card .title{
        font-size: 13px;
    }

    .step_order_home .step-review-card .logo-box img {
        width: 81px;
    }

    .step_order_home .step-review-card .avatars-list .item {
        width: 26px;
        height: 26px;
    }

    .step_order_home .stars .star{
        width: 16px;
        height: 16px;
    }

    .step_order_home .step-review-card .bottom-bar,
    .step_order_home .step-review-card .rating{
        gap: 6px;
    }

    .step_order_home .step-review-card.trustpilot {
        gap: 13px;
    }

    .step_order_home .step-review-card.trustpilot .head-box{
        gap: 6px;
    }

    .step_order_home .step-review-card:nth-child(1) {
        transform: rotate(6deg) translateX(25px);
    }

    .step_order_home .step-review-card:nth-child(2) {
        transform: rotate(-6deg) translateX(-25px);
        margin-top: -40px;
    }

    .step_order_home form.booking_form_new .bt{
        height: 42px;
    }

    .step_order_home form.booking_form_new .select2-container--search-airports .select2-selection__rendered{
        height: 56px;
    }

    .step_order_home form.booking_form_new .field-box:first-child,
    .step_order_home form.booking_form_new .field-box:first-child .select2-container--search-airports .select2-selection__rendered,
    .step_order_home form.booking_form_new .field-box:first-child select{
        border-top-left-radius: 4px!important;
        border-top-right-radius: 4px!important;
        border-bottom-left-radius: 0!important;
    }

    
    .step_order_home form.booking_form_new .field-box:nth-child(3),
    .step_order_home form.booking_form_new .field-box:nth-child(3) .select-trigger{
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }

    .step_order_home form.booking_form_new .field-box:nth-child(2),
    .step_order_home form.booking_form_new .field-box:nth-child(2) .select2-container--search-airports .select2-selection__rendered,
    .step_order_home form.booking_form_new .field-box:nth-child(2) select{
         border-top-right-radius: 0!important;
         border-bottom-right-radius: 0!important;   
    }

    .step_order_home form.booking_form_new .field-box:nth-child(4),
    .step_order_home form.booking_form_new .field-box:nth-child(4) .select-trigger{
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .multi_step_form .step:not(.thanks_step){
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .multi_step_form .content-section{
        margin-top: 0;
        gap: 16px;
    }

    .multi_step_form .top_bar{
        max-width: 100%;
    }

    .multi_step_form .content-section{
        max-width: 400px;
    }

    .step_order_page .sect:first-child {
        padding-top: 16px;
    }

    .step_order_page .main-wrap{
        padding-bottom: 60px;
    }

    form.multi_step_form:has(.custom-radio-select.active)::before {
        content: '';
        width: 100vw;
        height: 120dvh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgb(0 0 0 / 45%);
        z-index: 1001;
    }

    .main-page form.booking_form_new:has(.custom-radio-select.active)::before{
        height: 120dvh;
    }

    .step_order_page .side-card-item.agents .title{
        font-size: 16px;
    }

    .agents_slider_step .item .title::after{
        margin-top: 0;
    }

    .step_order_page .ui-datepicker-top-panel, .step_order_page .ui-datepicker {
        margin-top: 0;
    }

    .step_order_page .ui-datepicker{
        border: none;
    }

    .multi_step_form,
    .step_order_page .select2-dropdown{
        font-size: 16px;
    }

    .multi_step_form .control-wrap>label,
    .multi_step_form .radio-row .row-content>label, 
    .multi_step_form .control-wrap p {
        font-size: 14px;
    }

    .multi_step_form .select2-selection--multiple .select2-search--inline .select2-search__field{
        height: 24px;
    }

    .multi_step_form .control-wrap .error-message{
        font-size: 14px;
    }

    .step_order_page .agents-box.fixed-funct{
        display: flex!important;
        flex-direction: row;
        width: 400px;
        position: fixed;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
    }

    .step_order_page .agents-box.fixed-funct .subtitle{
        font-size: 14px;
        font-weight: 600;
        color: var(--color-base);
    }

    .step_order_page a:has(.agents-box.fixed-funct){
        text-decoration: none;
    }

    .multi_step_form .fields-row .control-wrap p {
        max-width: 100%;
    }

    .multi_step_form .step .fields-list,
    .multi_step_form .fields-row{
        gap: 20px;
    }

    .around-the-world .main-title .title,
    .around-the-world .sect-title .title{
        font-size: 31px;
    }

    .around-the-world .around-head-sect .columns {
        flex-direction: column;
        max-width: 440px;
        margin: 0 auto;
    }

    .around-the-world header .phone-box {
        order: 0;
    }

    .around-the-world .around-head-sect{
        padding-top: calc(var(--header-height) + 11px);
        margin-bottom: 24px;
    }

    .around-the-world .around-head-sect .list{
        font-size: 16px;
    }

    .around-the-world .around-head-sect .list .item::before{
        width: 22px;
        height: 22px;
        background-size: 18px;
    }

    .around-the-world .around-head-sect .img-box img{
        transform: initial;
    }

    .around-the-world .around-head-sect .img-box {
        margin: 0 -20px;
        max-width: initial;
        width: calc(100% + 20px);
    }

    .around-the-world .how-get-ticket .columns {
        grid-template-columns: 1fr;
        grid-gap: 48px;
        max-width: 440px;
        margin: 0 auto;
    }

    .around-the-world .how-get-ticket .title-box.main-title {
        gap: 16px;
        max-width: 100%;
    }

    .around-the-world .main-title .descr{
        font-size: 17px;
    }

    .around-the-world .how-get-ticket .items-list {
        gap: 23px;
    }

    .around-the-world .how-get-ticket .items-list .item::before {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        font-size: 16px;
    }

    .around-the-world .how-get-ticket .items-list .item{
        gap: 16px;
    }

    .around-the-world .container{
        padding: 0 20px;
    }

    .around-the-world .form-area {
        border-radius: 20px;
        padding: 32px 20px;
        font-size: 16px;
    }

    .around-the-world .wpcf7 form .wpcf7-response-output{
        font-size: 14px;
    }

    .around-the-world .faq-list-around .item{
        font-size: 16px;
    }

    .around-the-world .faq-list-around{
        max-width: 500px;
    }

    .around-the-world .close-menu svg path{
        fill: var(--color-base);
    }

    .around-the-world header .bt{
        font-size: inherit;
        font-weight: inherit;
        border-radius: 4px;
    }

    /* ------------- thanks-new -------------- */
    .new-thanks footer .logo-box{
        display: block;
		order: 0;
    }

	.new-thanks footer .footer-rows{
		grid-gap: 24px;
	}

	.new-thanks footer .title{
		display: block;
		font-size:16px;
		font-weight: 600;
        color: #000;
	}

	.new-thanks footer .reg-block{
		grid-gap: 16px;
	}

	.new-thanks footer .reg-list{
		grid-template-columns: 1fr;
		margin: initial;
	}

	.new-thanks header{
		padding: 0;
		padding-top: 24px;
	}

	.new-thanks header .logo-box img, .new-thanks footer .logo-box img {
		width: 123px;
		max-width: initial;
	}

	.new-thanks header .columns{
		grid-template-columns: 1fr auto;
		justify-content: space-between;
		grid-gap: 24px;
	}

	.new-thanks header .steps{
		grid-column-start: span 2;
		order: 1;
		padding: 16px 20px;
		border-top: 1px solid rgba(226, 224, 227, 1);
		margin: 0 -20px;
		display: initial;
	}

	.new-thanks header .steps .hidden-steps{
		display: none;
		margin-top: 18px;
	}

	.new-thanks header .steps .item{
		margin-right: 0;
	}

	.new-thanks header .steps .hidden-steps .item{
		margin-bottom: 18px;
	}

	.new-thanks header .steps .item:last-child{
		margin-bottom: 0;
	}

	.new-thanks header .steps .item::after{
		display: none;
	}

	.new-thanks header .steps .item.current .step-of {
		display: block;
	}

	.new-thanks header .steps .item.current{
		position: relative;
	}

	.new-thanks header .steps .item.current::after{
		content: '';
		width: 20px;
		height: 20px;
		background-image: url(../img/icons/thanks/arrow-down.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 26px;
		position: absolute;
		right: 0;
		top: 11px;
		display: block;    
		transform: initial;
		background-color: transparent;
		transition: .2s ease transform;
		-o-transition: .2s ease transform;
		-webkit-transition: .2s ease transform;
		-moz-transition: .2s ease transform;
	}

	.new-thanks header .steps .item.active::after{
		transform: rotate(180deg);
	}


	.new-thanks .info-block .images-list img {
		max-width: 60px;
	}

	.new-thanks .searching-block .searching-info {
		font-size: 16px;
	}

	.new-thanks .info-block{
		padding: 24px;
	}

	.new-thanks .info-block,
	.new-thanks .searching-block{
		grid-gap: 24px;
	}

    .article-block h1{
        font-size: 24px;
    }
    
    .article-block h3{
        font-size: 16px;
        line-height: 1.5;
    }

    .countries-column,
    .deal-item{
        min-width: 280px;
    }

    .country-item, 
    .deal-item{
        gap: 16px;
    }

    .country-item .img-box, 
    .deal-item .img-box{
        border-radius: 8px;
        width: 68px;
        height: 68px;
    }

    .country-item .title, 
    .deal-item .title, 
    .deal-item .title a, 
    .recent-deal-item .title a{
        font-size: 16px;
    }

    .sect.top-airlines .airlines-list .item{
        min-height: 45px;
        width: 100px;
    }

    .sect.top-airlines .airlines-list .item img{
        max-width: 90px;
        max-height: 30px;
    }

    .sect.top-airlines .airlines-list{
        gap: 20px 16px;
    }

    .breadcrumbs span:has(a){
        justify-content: flex-start;
    }

    .recent-deals-list.two-col {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .recent-deals-list{
        gap: 12px;
    }

    .city-popular-deals .columns {
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }

    .city-popular-deals .img-box{
        grid-row-start: initial;
    }

    .city-popular-deals .title-box{
        order: -1;
        text-align: center;
    }

    .sect.single-page {
        padding-top: 100px;
    }

    .sect.contacts .columns{
        grid-template-columns: 1fr;
        grid-gap: 48px;
        max-width: calc(3.6 * var(--value-100));
        margin: 0 auto;
    }

    .contact-form input,
    .contact-form textarea,
    .contact-form form .iti--allow-dropdown input, 
    .contact-form form .iti--separate-dial-code input[type=tel]{
        font-size: 16px;
        padding: 10px 12px;
        height: auto;
    }

    .sect.triggers .items-list .separator{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        font-size: 14px;
    }

    .sect.triggers .items-list .separator::before,
    .sect.triggers .items-list .separator::after{
        content: '';
        width:100%;
        height: 1px;
        background-color: #D5E5FB;
    }

    .sect.triggers.ways-to-book .items-list{
        gap: 16px;
    }

    .sect.triggers.ways-to-book .items-list .item:nth-child(2){
        order: 2;
    }

    .seo-scroller-wrap{
        position: relative;
    }

    .seo-scroller-wrap::after{
        content: '';
        width: calc(100% - 10px);
        height: 103px;
        background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
        opacity: 1;
    }

    .seo-scroller-wrap.is-end::after {
        opacity: 0;
    }


    /* protection plans for agents */

    .protection-plans-for-agents .meet-plans .cards-list.cols-3{
        grid-template-columns: 1fr;
    }

    .how-it-works.has-mob-tabs .rows{
        gap: 16px;
    }

    .how-it-works .cards-tabs-nav{
        margin-bottom: 24px!important;
    }

    .protection-plans-for-agents .sect.how-it-works .cards-list .card-item .title-box .title{
        font-size: 18px;
    }

    .protection-plans-for-agents .sect.travel-credits .cards-list .card-item .title-box .title{
        font-size: 20px;
    }

    .protection-plans-for-agents .meet-plans .cards-list .card-item .title-box .descr{
        min-height: auto;
    }

    /* Mobile Tab Swipe Animations */
    .cards-block.has-mob-tabs,
    .sect.compare-benefits .compare-table-block {
        overflow: hidden;
    }

    @keyframes swipeSlideInRight {
        0% {
            opacity: 0.3;
            transform: translate3d(24px, 0, 0);
        }
        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes swipeSlideInLeft {
        0% {
            opacity: 0.3;
            transform: translate3d(-24px, 0, 0);
        }
        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    .tab-swipe-next {
        will-change: transform, opacity;
        animation: swipeSlideInRight 0.28s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }

    .tab-swipe-prev {
        will-change: transform, opacity;
        animation: swipeSlideInLeft 0.28s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }
    
    .cards-block .cards-tabs-nav,
    .compare-benefits .compare-tabs-nav{
        display: flex !important;
        gap: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 16px;
        margin: 0 -16px;
        width: 100vw;
        z-index: 1;
    }

    .cards-block .cards-tabs-nav::-webkit-scrollbar,
    .compare-benefits .compare-tabs-nav::-webkit-scrollbar{
        display: none;
    }

    .cards-block .cards-tabs-nav .tab-btn,
    .compare-benefits .compare-tabs-nav .tab-btn{
        display: flex;
        padding: 8px 12px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 8px;
        border: 1px solid #E2E0E3;
        background: #FFF;
        white-space: nowrap;
        cursor: pointer;
        transition: all 0.2s ease;
        color: #6F6A75;
        font-weight: 600;
    }

    .cards-block .cards-tabs-nav .tab-btn.active,
    .compare-benefits .compare-tabs-nav .tab-btn.active{
        background: #F1F1F1;
        border-color: #F1F1F1;
        color: var(--color-base);
    }


    .compare-benefits .compare-tabs-nav {
        position: sticky;
        top: 70px;
        padding: 12px 16px;
        margin: -12px -16px;
        background: #fff;
    }

    .protection-plans-for-agents .travel-credits .cards-list{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 16px;
        margin: 0 -16px;
        width: 100vw;
    }

    .protection-plans-for-agents .travel-credits .cards-list::-webkit-scrollbar{
        display: none;
    }

    .protection-plans-for-agents .travel-credits .cards-list .card-item{
        width: 330px;
    }

    /* Hide non-active cards on mobile when block has mob_tabs */
    .cards-block.has-mob-tabs .cards-list {
        grid-template-columns: 1fr !important;
    }

    .cards-block.has-mob-tabs .card-item {
        display: none !important;
    }

    .cards-block.has-mob-tabs .card-item.active {
        display: flex !important;
    }

    .compare-benefits .compare-header {
        display: none;
    }

    .compare-benefits .compare-header {
        display: none;
    }

    .compare-benefits .benefit-row {
        grid-template-columns: 1.40fr 1fr;
    }

    .compare-benefits .category-block{
        border-radius: 16px;
        background: #F7F7F7;
        padding: 16px;
    }

    .compare-benefits .category-block,
    .compare-benefits .category-rows{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .compare-benefits .category-header-row {
        grid-template-columns: 1fr;
    }

    .compare-benefits .cell-value,
    .compare-benefits .category-empty-cell {
        display: none !important;
    }

    .compare-benefits .cell-value.active {
        display: flex !important;
        justify-content: flex-end;
        text-align: right;
    }

    .compare-benefits .benefit-row .cell-benefit-label{
        display: initial;
    }

    .compare-benefits .tooltip-box,
    .compare-benefits .cell-value .tooltip-box{
        top: 6px;
        margin-top: -6px;
        margin-left: 0;
    }

    /* Mobile Bottom Sheet Tooltip (Smooth Slide-Up) */
    .compare-benefits .tooltip-box .tooltip-content {
        display: flex !important;
        flex-direction: column;
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        transform: translateY(100%) !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 24px 24px 0 0 !important;
        padding: 24px 20px 40px 20px !important;
        border: none !important;
        z-index: 1000 !important;
        visibility: hidden;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease !important;
        gap: 8px;
    }

    .compare-benefits .tooltip-box.open .tooltip-content {
        transform: translateY(0) !important;
        visibility: visible !important;
    }

    .compare-benefits .tooltip-box .tooltip-content::before {
        display: none;
    }

    .compare-benefits .tooltip-title {
        font-size: 20px;
    }

    .compare-benefits .tooltip-text {
        line-height: 1.5;
    }

    .compare-benefits .tooltip-close {
        display: block;
        position: absolute;
        top: 16px;
        right: 16px;
        background: none;
        border: none;
        font-size: 24px;
        line-height: 1;
        color: #94A3B8;
        cursor: pointer;
        padding: 4px 8px;
    }


}

@media (max-width: 700px){
    /* step variant */
    .multi_step_form .fields-row:has(.date-return-show) {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px){
    .sect.text-img-sect .columns,
    .sect.text-img-sect.type-2 .columns{
        grid-template-columns: 1fr;
    }

    .sect.text-img-sect .content-box{
        text-align: center;
    }

    .sect.text-img-sect .image-block{
        order: -1;
    }

    .sect.triggers .items-list {
        grid-gap: 24px;
        /* max-width: 375px;
        margin: 0 auto; */
    }

    .life-travalign .travalin-box{
        padding: 48px 16px;
    }

    .sect.reviews .rev-sect-info {
        max-width: 340px;
        gap: 16px;
        flex-direction: column;
        font-size: 16px;
        text-align: center;
    }

    /* step variant */
    .step_order_page .agents-box{
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 530px){
    footer .footer-bar {
        grid-template-columns: repeat(2, 1fr);
    }

    footer .reg-list .reg-item p span{
        display: block;
    }

    footer .footer-bar.bottom .cont-box{
        grid-column-start: span 2;
    }

    footer .footer-bar .item{
        grid-gap: 12px;
    }

    footer .footer-bar.top{
        grid-gap: 24px;
    }

    footer .footer-bar.bottom{
        grid-gap: 16px;
    }

    footer .reg-list .reg-item{
        grid-template-columns: 31px 1fr;
        grid-gap: 16px;
    }

    footer .links{
        margin-top: 20px;
        grid-gap: 15px;
    }

    footer .footer-bar .item:first-child{
        order: 1;
    }

    footer .footer-bar.top .pad-left{
        order: 2;
    }

    footer .item ul li.more-link {
        margin-top: 10px;
    }

    footer .rows{
        grid-gap: 32px;
    }

    .sect.real-solutions .images-box .item:nth-child(3){
        display: none;
    }

    .sect.real-solutions .images-box .item:nth-child(1) {
        margin-top: 25px;
        margin-right: -42px;
    }

    .sect.real-solutions .images-box img {
        max-width: 180px;
    }

    /* step variant */
    .multi_step_form .fields-row,
    .multi_step_form .fields-row:has(.date-return-show){
        grid-template-columns: 1fr;
    }

    .sect.triggers.travel-with-confidence .items-list {
        grid-template-columns: 1fr;
        grid-gap: 16px;
        text-align: left;
    }

    .sect.triggers.travel-with-confidence .items-list .item {
        grid-template-columns: 1fr auto;
        column-gap: 24px;
        row-gap: 8px;
        align-items: start;
    }

    .sect.triggers.travel-with-confidence .items-list .item .ico {
        grid-column: 2;
        grid-row: 1 / span 4;
        margin-bottom: 0;
        justify-self: end;
        max-width: 100px;
    }

    .sect.triggers.travel-with-confidence .items-list .item .ico img {
        max-height: 52px;
        width: auto;
        object-fit: contain;
    }

    .sect.triggers.travel-with-confidence .items-list .item > *:not(.ico) {
        grid-column: 1;
    }

}

@media (max-width: 480px){
    .item-platform{
        margin: 0 -16px;
    }

    .item-platform .platform-info{
        flex-direction: column;
        gap: 24px;
    }

    .item-platform .rate-info::before{
        display: none;
    }

    /* step variant */
    .multi_step_form .choice-buttons .bt,
    .multi_step_form .step[data-step="4"] .choice-buttons .bt, 
    .multi_step_form .step[data-step="5"] .choice-buttons .bt{
        min-width: 100%;
    }

    .multi_step_form .content-section{
        max-width: 100%;
    }

    .step_order_page .agents-box.fixed-funct{
        width: calc(100vw - 32px);
        left: 16px;
        transform: initial;
    }

    .around-the-world .around-head-sect .columns {
        max-width: 353px;
    }

    .around-the-world .form-area {
        border-radius: 0;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }

    /* .sect#faq .title-box .title{
        text-align: left!important;
    } */
}

@media (max-width: 430px){
    header .menu-box{
        position: fixed;
        top: 0;
        right: -100vw;
        width: 100vw;
        background-color: var(--color-base);
        z-index: 1;
        height: 100dvh;
        justify-content: flex-start;
        padding: 10px 16px 50px;
        z-index: 999;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: translateX(0%);
        transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -webkit-transition: transform .3s ease-out;
    }

    header .menu-logo-box svg{
        width: 92px;
        height: auto;
    }

    .main-page header .menu-logo-box svg path{
        fill: #fff;
    }

    .around-the-world header .menu-box{
        background-color: rgba(207, 227, 255, 1);
    }

    .around-the-world header .menu-box{
        padding: 10px 20px 50px;
    }

    .around-the-world header .menu-logo-box svg path{
        fill: var(--color-base);
    }

    .sect.head-sect .content-box{
        max-width: 311px;
    }

    div:not(.page-reviews) .sect.head-sect .title-box.main-title{
        max-width: 300px;
    }

    .sect.head-sect{
        position: relative;
        width: 100vw;
        overflow: hidden;
    }

    .sect.head-sect .img-box{
        position: absolute;
        top: var(--header-height);
        right: -32px;
    }

    .avatar-rows{
        transform: translateX(-30%);
        grid-template-columns: repeat(9, 1fr);
    }
    
    .avatar-rows .item:nth-child(-n+9){
        transform: translateX(68px);
    }

    .avatar-rows .item:nth-child(n+10):nth-child(-n+18){
        transform: translateX(104px);
    }

    .avatar-rows .item:nth-child(n+19):nth-child(-n+27){
        transform: translateX(68px);
    }

    .avatar-rows .item:nth-child(n+28):nth-child(-n+36){
        transform: translateX(104px);
    }

    .message-box .ico-box {
        width: 18px;
    }

}


@media (max-width: 350px){
    /* step variant */
    .step_order_home .step-review-card:nth-child(1) {
        transform: rotate(6deg) translateX(10px);
    }

    .step_order_home .step-review-card:nth-child(2) {
        transform: rotate(-6deg) translateX(-10px);
    }

}