#bookingFlight .icon-inside {
    position: absolute;
    right: 20px;
    top: calc(0.6rem + 0px);
    pointer-events: none;
    font-size: 25px;
    font-size: 1.125rem;
    color: #c4c3c3;
    z-index: 3;
}




/*------------sonali*-------------*/



.travellerz-navbar {
    background: white;
    padding: 15px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.travellerz-logo {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

    .travellerz-logo span {
        color: #7CB342;
    }

.travellerz-nav-links {
    list-style: none;
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
}

    .travellerz-nav-links a {
        text-decoration: none;
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
        transition: color 0.3s;
    }

        .travellerz-nav-links a:hover {
            color: #7CB342;
        }

        .travellerz-nav-links a.active {
            color: #7CB342;
        }

.travellerz-hero-slider {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.travellerz-hero-slide {
    height: 500px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.travellerz-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.travellerz-hero-title {
    color: white;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    margin-bottom: 10px;
}

.travellerz-hero-subtitle {
    color: white;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.travellerz-welcome-section {
    background: white;
}

.travellerz-section-title {
    font-size: 32px;
    color: #2C5F7F;
    margin-bottom: 10px;
}

.travellerz-section-subtitle {
    font-size: 24px;
    color: #2C5F7F;
    margin-bottom: 30px;
}

.travellerz-text-content {
    color: #666;
    line-height: 1.8;
    font-size: 14px;
}

.travellerz-blue-banner {
    background: linear-gradient(135deg, #2C5F7F 0%, #4A90B8 100%);
    color: white;
    padding: 20px;
    text-align: center;
    margin: 40px 0;
    border-radius: 5px;
}

    .travellerz-blue-banner h3 {
        font-size: 24px;
    }

.travellerz-btn-white {
    background: white;
    color: #2C5F7F;
    padding: 6px 18px;
    border: none;
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.8rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.travellerz-image-overlay-section {
    position: relative;
    width: 100%;
    height: 350px;
    margin: 30px 0;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.travellerz-reverse-overlay-section {
    flex-direction: row-reverse;
}

.travellerz-overlay-img {
    width: 70%;
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
}

.travellerz-overlay-card {
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    padding: 22px 32px;
    border-radius: 26px;
    max-width: 500px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.travellerz-reverse .travellerz-overlay-card {
    right: auto;
    left: 80px;
}

.travellerz-overlay-title {
    color: #7CB342;
    font-size: 32px;
    /* margin-bottom: 20px; */
    font-weight: bold;
}

.travellerz-overlay-text {
    color: #333;
    /* line-height: 1.8; */
    font-size: 15px;
    /* margin-bottom: 25px; */
}

.travellerz-btn-outline {
    border: 2px solid #7CB342;
    color: #7CB342;
    padding: 2px 16px;
    border-radius: 25px;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    transition: all 0.3s;
}

    .travellerz-btn-outline:hover {
        background: #7CB342;
        color: white;
    }

.travellerz-service-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    margin: 30px 0;
    display: flex;
    align-items: center;
}

    .travellerz-service-card:nth-child(even) {
        flex-direction: row-reverse;
    }

.travellerz-service-img {
    width: 50%;
    height: 300px;
    background-size: cover;
    background-position: center;
}

.travellerz-service-content {
    width: 50%;
    padding: 40px;
}

.travellerz-service-title {
    font-size: 24px;
    color: #7CB342;
    margin-bottom: 20px;
}

.travellerz-service-text {
    color: #666;
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 20px;
}

.travellerz-btn-green {
    background: transparent;
    color: #7CB342;
    border: 2px solid #7CB342;
    padding: 2px 12px;
    font-size: 12px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s;
}

    .travellerz-btn-green:hover {
        background: #7CB342;
        color: white;
    }

.travellerz-green-section {
    background: #7CB342;
    color: white;
    padding: 40px 0;
}

    .travellerz-green-section h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .travellerz-green-section p {
        margin-bottom: 20px;
    }

.travellerz-btn-consultation {
    background: transparent;
    color: white;
    border: 2px solid white;
    padding: 10px 30px;
    border-radius: 25px;
    text-decoration: none;
    display: inline-block;
}

.travellerz-tech-section {
    padding: 60px 0;
    background: #f9f9f9;
}

.travellerz-tech-card {
    background: white;
    border-radius: 28px;
    margin-bottom: 30px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    height: 100%;
}

.travellerz-tech-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    margin-bottom: 20px;
}

.travellerz-tech-title {
    font-size: 20px;
    color: #7CB342;
    margin-bottom: 15px;
}

.travellerz-package-section {
    padding: 60px 0;
    background: white;
}

.travellerz-package-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    transition: transform 0.3s;
}

    .travellerz-package-card:hover {
        transform: translateY(-10px);
    }

.travellerz-package-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.travellerz-package-content {
    padding: 20px;
    text-align: center;
}

.travellerz-package-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.travellerz-package-price {
    color: #666;
    margin-bottom: 8px;
}

.travellerz-bottom-banner {
    background: #7CB342;
    color: white;
    padding: 30px 0;
    text-align: center;
}

    .travellerz-bottom-banner h3 {
        font-size: 20px;
        margin-bottom: 0px;
    }

.travellerz-footer {
    background: white;
    padding: 50px 0 20px;
}

    .travellerz-footer h5 {
        color: #7CB342;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .travellerz-footer ul {
        list-style: none;
        padding: 0;
    }

        .travellerz-footer ul li {
            margin-bottom: 10px;
        }

    .travellerz-footer a {
        color: #666;
        text-decoration: none;
        font-size: 14px;
    }

        .travellerz-footer a:hover {
            color: #7CB342;
        }

.travellerz-newsletter input {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px 0 0 5px;
    width: 70%;
}

.travellerz-newsletter button {
    padding: 10px 20px;
    background: #7CB342;
    color: white;
    border: none;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.travellerz-copyright {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #eee;
    color: #999;
    font-size: 12px;
}

.travellerz-scroll-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #7CB342;
    color: white;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1000;
}

.travellerz-social-icons {
    margin-top: 15px;
}

    .travellerz-social-icons a {
        color: #666;
        margin-right: 15px;
        font-size: 18px;
    }

@media (max-width: 768px) {
    .travellerz-service-card,
    .travellerz-service-card:nth-child(even) {
        flex-direction: column;
    }

    .travellerz-service-img,
    .travellerz-service-content {
        width: 100%;
    }

    .travellerz-hero-title {
        font-size: 32px;
    }

    .travellerz-hero-subtitle {
        font-size: 28px;
    }
}



/*------------------------------*/













.drop0 .select-wrapper,
.drop1 .select-wrapper,
.drop2 .select-wrapper,
.drop3 .select-wrapper,
.drop4 .select-wrapper,
.drop5 .select-wrapper,
.drop6 .select-wrapper {
    position: relative;
}

    .drop0 .select-wrapper select,
    .drop1 .select-wrapper select,
    .drop2 .select-wrapper select,
    .drop3 .select-wrapper select,
    .drop4 .select-wrapper select,
    .drop5 .select-wrapper select,
    .drop6 .select-wrapper select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff;
        -webkit-filter: none;
        filter: none;
        border-radius: 3px;
        box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
        width: 100%;
        border: none;
        color: #999;
        font-size: 14px;
        box-sizing: border-box;
        padding-left: 10px;
        /*display: table;*/
        border-spacing: 0;
        cursor: auto;
        width: 100%;
        box-shadow: 0 0px 3px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.08);
        border-radius: 3px;
        z-index: 1;
        border: 1px solid #dcdfe2;
        height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
    }


    .drop0 .select-wrapper::after {
        content: "\f107";
        z-index: 1;
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        height: calc(2.25rem + 2px);
        line-height: 40px;
        background-color: #d1d1d1;
        border-radius: 0 3px 3px 0;
        text-align: center;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        cursor: pointer;
    }

    .drop1 .select-wrapper::after {
        content: "\f007";
        z-index: 1;
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        height: calc(2.25rem + 2px);
        line-height: 40px;
        background-color: #d1d1d1;
        border-radius: 0 3px 3px 0;
        text-align: center;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        cursor: pointer;
    }


    .drop2 .select-wrapper::after {
        content: "\f0fb";
        z-index: 1;
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        height: calc(2.25rem + 2px);
        line-height: 40px;
        background-color: #d1d1d1;
        border-radius: 0 3px 3px 0;
        text-align: center;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        cursor: pointer;
    }

    .drop3 .select-wrapper::after {
        content: "\f508";
        z-index: 1;
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        background-color: #d1d1d1;
        border-radius: 0 3px 3px 0;
        text-align: center;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        cursor: pointer;
        height: calc(2.25rem + 2px);
        line-height: 40px;
    }

    .drop4 .select-wrapper::after {
        content: "\f017";
        z-index: 1;
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        background-color: #d1d1d1;
        border-radius: 0 3px 3px 0;
        text-align: center;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        cursor: pointer;
        height: calc(2.25rem + 2px);
        line-height: 40px;
    }

    .drop5 .select-wrapper::after {
        content: "\f0fb";
        z-index: 1;
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        background-color: #d1d1d1;
        border-radius: 0 3px 3px 0;
        text-align: center;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        cursor: pointer;
        height: calc(2.25rem + 2px);
        line-height: 40px;
    }

    .drop6 .select-wrapper::after {
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        background-color: #d1d1d1;
        border-radius: 0 3px 3px 0;
        text-align: center;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        cursor: pointer;
        height: calc(2.25rem + 2px);
        line-height: 40px;
    }

.split_sorting_tabs ul li span i {
    font-size: 12px;
}


#flights .form-row .flit-icon input[type="text"] {
    padding: 2px 8px 2px 20px;
}

#flights .form-row .form-group .switch-innter {
    position: absolute;
    left: 92%;
    top: -1%;
}

.hero-content {
    text-align: center;
    position: relative;
}
/*.form-row{ display:inline-block; padding:0px; width:100%;}*/
/* ----- multicity start ---- */

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.mtb {
    margin: 1rem 0;
}

.travellers-class {
    position: relative;
}

.travellers-class-input {
    cursor: pointer;
}

    .travellers-class-input[readonly] {
        background: #fff;
    }

    .travellers-class-input:hover {
        cursor: pointer;
    }

.travellers-dropdown {
    position: absolute;
    display: none;
    -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.176);
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.176);
    z-index: 11;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    min-width: 300px;
    width: 98.6%;
    color: #333;
}

    .travellers-dropdown .qty .qty-spinner, .travellers-dropdown .qty .qty-spinner2 {
        background: none;
        border: none;
        pointer-events: none;
        text-align: center;
        padding: .2rem .2rem;
    }

    .travellers-dropdown .qty .btn {
        padding-top: .2rem;
        padding-bottom: .2rem;
        border-radius: 0.25rem !important;
    }

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.travellers-dropdown2 {
    position: absolute;
    display: none;
    -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.176);
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.176);
    z-index: 11;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    min-width: 300px;
    width: 98.6%;
    color: #333;
}

    .travellers-dropdown2 .qty .qty-spinner {
        background: none;
        border: none;
        pointer-events: none;
        text-align: center;
        padding: .2rem .2rem;
    }

    .travellers-dropdown2 .qty .btn {
        padding-top: .2rem;
        padding-bottom: .2rem;
        border-radius: 0.25rem !important;
    }



#all-search .nav > li > a {
    padding: 12px 13px;
}

#all-search .page-search {
    margin: 0px 0 0px 0;
}

.hadding-flight-new {
    z-index: 1;
    font-weight: bold;
    line-height: normal;
    margin: 20% auto 2% auto;
    position: relative;
    font-size: 60px;
    color: #fff;
    text-align: center;
}

.my-2, .mt-2 {
    margin: 5px 0;
}

.center-marg {
    margin: 0% auto 9.5% auto;
    z-index: 2;
}

.center-marg2 {
    margin: 0% auto 9.5% auto;
    z-index: 2;
}

.mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important;
}

/* --- multicity end ----*/


#passinger-page .custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

#passinger-page .custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}

#passinger-page .d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}



#passinger-page .bg-light {
    background-color: #FFF !important;
    box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4);
}

#passinger-page .p-sm-4 {
    padding: 1.5rem !important;
}

#passinger-page .rounded {
    border-radius: .25rem !important;
}

#passinger-page .text-6 {
    font-size: 24px !important;
}

#passinger-page .shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

#passinger-page .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

#passinger-page .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

#passinger-page .card-header {
    padding: .75rem 1.25rem;
    color: inherit;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-top: 0px solid rgba(0,0,0,.125);
}

#passinger-page .card-footer {
    padding: .10rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
    background-color: #d9edf7;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-top: 1px solid rgba(0,0,0,.125);
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

#passinger-page .card-body {
    -ms-flex: 1 1 auto;
    background: #fff;
    flex: 1 1 auto;
    padding: 1.25rem;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.redc {
    color: #dc3545;
}

#passinger-page .card {
    word-wrap: break-word;
    margin-bottom: 15px;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#passinger-page .badge-success {
    color: #fff;
    background-color: #6394F8;
}

#passinger-page .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#passinger-page .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

#passinger-page .text-sm-left {
    text-align: left !important;
}

#passinger-page .font-weight-bold {
    font-weight: 700 !important;
}

#passinger-page .text-8 {
    font-size: 32px !important;
    font-size: 2rem !important;
}

#passinger-page .text-black-50 {
    color: rgba(0,0,0,.5) !important;
}


#passinger-page .list-2 li {
    font-size: 13px;
    padding: 0px;
}

#passinger-page .select-wrapper {
    position: relative;
}

    #passinger-page .select-wrapper select, #passinger-page .select-wrapper input {
        width: 100%;
        font-size: 12px;
        padding-left: 8px;
    }

    #passinger-page .select-wrapper select {
        width: 100%;
        background: transparent;
        border: 1px solid #d3d1d1;
        margin-top: 0px;
        color: #231360;
        font-size: 12px;
    }

    #passinger-page .select-wrapper::after {
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        top: 1px;
        right: 3px;
        width: 28px;
        height: 36px;
        line-height: 36px;
        background-color: #f2f2f2;
        border-radius: 0;
        text-align: center;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        pointer-events: none;
        cursor: pointer;
    }

#passinger-page .select-resize .select-wrapper {
    width: 33.3%;
    float: left;
    margin: 0px;
}

#passinger-page label {
    font-size: 13px;
    margin: 0px;
    display: inline;
    padding: 0px;
}

#passinger-page #pillsmyTab li {
    background: transparent;
    padding: 0px;
}

#passinger-page .paymein-medth-chge {
    border: 0px;
}

.n-popup-update .data_table1 th {
    text-align: center;
}

.n-popup-update .msg-box {
    padding: 0px;
}

.n-popup-update .content {
    padding: 10px 20px 10px 20px;
}

.n-popup-update .header {
    text-align: center;
    padding: 10px 15px;
    background: #e9ecef;
    color: #333;
    position: relative;
    margin: 0px;
}

.n-popup-update .popup-footer {
    padding: 10px 15px;
    float: left;
    margin: 0px;
    text-align: center;
    width: 100%;
    background: #e9ecef;
    color: #333;
}

.n-popup-update .header .close {
    position: absolute;
    right: 10px;
    top: 7px;
    color: #333;
}

.n-popup-update .main-box {
    width: 50%;
}

.n-popup-update .description, .n-popup-update .description p {
    text-align: center;
    font-size: 13px;
    margin: 10px 0px;
}

.n-popup-update table tbody tr td {
    line-height: 20px;
    padding: 5px 0;
    vertical-align: middle;
    text-align: center;
}

.n-popup-update table tbody tr {
    border-bottom: solid 1px #f2f2f2;
}

    .n-popup-update table tbody tr:last-child {
        border: 0px;
    }

#passinger-page .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

#passinger-page .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
}

#passinger-page .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
}

#popularRoutes .card {
    margin-bottom: 5px;
}

/* Easy Responsive Tab Accordion */
.resp-htabs ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    border-bottom: 1px solid #d7dee3;
}

.resp-tabs-list li {
    padding: .5rem 1rem !important;
    margin: 0;
    list-style: none;
    cursor: pointer;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px 0 0 0;
}

.resp-tab-active {
    margin-bottom: -1px !important;
    border-bottom: 2px solid #4f9e34;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

h2.resp-accordion {
    font-size: 16px;
    color: #777;
    border: 1px solid #e4e9ec;
    border-top: 0px solid #e4e9ec;
    margin: 0px;
    padding: 1rem 1.25rem;
}

h2.resp-tab-active {
    border-bottom: 0px solid #e4e9ec !important;
    margin-bottom: 0px !important;
    padding: 1rem 1.25rem !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #e4e9ec !important;
    background: blue;
}

/* Easy Responsive Vertical tabs */
.resp-vtabs ul.resp-tabs-list {
    margin: 0;
    padding: 0;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    color: #999;
    border: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .resp-vtabs .resp-tabs-list li:hover {
        color: #555;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .resp-vtabs .resp-tabs-list li span {
        font-size: 20px;
        text-align: center;
        width: 30px;
        display: inline-block;
        float: left;
        margin-right: 15px;
    }

h2.resp-accordion span {
    font-size: 20px;
    text-align: center;
    width: 30px;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active, .resp-vtabs li.resp-tab-active:hover {
    color: #0071cc;
    -webkit-box-shadow: -5px 0px 24px -18px rgba(0, 0, 0, 0.4);
    box-shadow: -5px 0px 24px -18px rgba(0, 0, 0, 0.4);
    border-radius: 4px 0px 0px 4px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    margin-bottom: 0px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 6px;
    border-color: #000;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 9px;
    height: 9px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

h2.resp-tab-active {
    background: #f1f2f4 !important;
    color: #535b61;
}

    h2.resp-tab-active i.resp-arrow {
        margin-top: 10px;
        transform: translate(-50%, -50%) rotate(-45deg);
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

/* Accordion Styles */
.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #e4e9ec;
}

    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #e4e9ec !important;
    }

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #e4e9ec !important;
}


#horizontalTab .align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

/*.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
*/
#side-right .text-5 {
    font-size: 21px !important;
}

#side-right .p-3 {
    padding: 1rem !important;
    /*margin-top: 10px;*/
    font-size: 30px;
    padding-left: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}

#side-right .list-unstyled {
    padding-left: 0;
    list-style: none;
}

#side-right .float-right {
    float: right !important;
}

#side-right .small, #side-right small {
    font-size: 80%;
    font-weight: 400;
}

#side-right .bg-light-4 {
    background-color: #eff0f2 !important;
}

#side-right .mb-2, #side-right .my-2 {
    margin-bottom: .5rem !important;
}

#side-right .font-weight-600 {
    font-weight: 600 !important;
}

#side-right .text-dark {
    color: #343a40 !important;
}

#side-right .mt-4, #side-right .my-4 {
    margin-top: 1.5rem !important;
}

#side-right .promo-code {
    max-height: 150px;
    padding-left: 30px;
}

#side-right .promo-code {
    border: 2px #4f9e34 solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    width: fit-content;
    padding: 6px;
    border-style: dashed;
    margin: 10px auto;
    color: #333;
    font-size: 13px !important;
}

    #side-right .promo-code span {
        font-size: 16px !important;
    }

#popularRoutes table {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
}

.bd-example ul {
    list-style: disc;
    margin-left: 15px;
}

    .bd-example ul li {
        font-size: 12px;
        font-weight: normal;
        line-height: 25px;
        list-style: disc;
    }

.bottom-stripo {
    width: 100%;
    display: inline-block;
}

    .bottom-stripo a {
        font-size: 13px;
        float: right;
    }

.color-icon {
    font-size: 13px;
    width: 100%;
    color: #333;
    display: inline-block;
}

    .color-icon span {
        color: #333;
    }

        .color-icon i, .color-icon span i, .color-icon span {
            margin: 0px 4px 0px 0px;
            font-size: 12px;
            color: #4f9e34;
        }

    .color-icon i {
        padding: 0px;
    }

    .color-icon .mr-1 {
        margin-right: 7px !important;
        float: left;
        display: inline-flex;
    }

.bg-none {
    display: table;
    width: 100%;
    border-radius: 0px !important;
    border-bottom: solid 1px #5F77C2;
}

.circle4 {
    border: 1px solid #666 !important;
    border-radius: 50%;
    display: inline-block;
    padding: 5px !important;
    color: #666 !important;
    text-align: center;
    width: 25px;
    height: 25px;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

#myGroup .card {
    overflow: hidden;
}
/* view pares start*/
.table thead tr th {
    font-size: 14px;
}

.table tbody tr td {
    font-size: 13px;
}

.table thead th {
    vertical-align: middle;
    font-weight: normal;
}

.table td, .table th {
    font-weight: normal;
    padding: 10px;
    vertical-align: middle;
}

.search-page1 {
    text-align: right !important;
}

    .search-page1 .table-bordered thead th, .search-page1 .table-bordered tbody th {
        font-weight: bold;
        text-align: right;
        font-size: 11px;
        font-weight: normal;
    }

    .search-page1 .table-bordered thead th, .search-page1 .table-bordered th, .search-page1 .table-bordered {
        text-align: right;
        font-size: 11px;
        font-weight: normal;
        border: 0px;
        color: #666;
    }

.search-page2 {
    margin-bottom: 10px;
    text-align: center;
    color: #666;
    border: solid 5px #f2f2f2;
    border-radius: 4px !important;
    overflow: hidden;
}

    .search-page2 .table-bordered thead th i {
        font-size: 18px;
        color: #666;
    }

    .search-page2 .table-bordered tbody td i {
        font-size: 15px;
        color: #666;
    }

    .search-page2 .table {
        margin: 0px;
    }

.colo-none {
    flex-direction: inherit !important;
}

.colo-none2 {
    flex-direction: inherit !important;
}

.search-page2 .table-bordered tbody tr th, .search-page2 .table-bordered tbody tr td {
    text-align: center;
}

.search-page3 {
    text-align: center;
    color: #666;
}

    .search-page3 .table-bordered thead th, .search-page3 .table-bordered th, .search-page3 .table-bordered {
        border: 0px;
        color: #666;
    }

.search-page4 {
    text-align: center;
    color: #666;
}

    .search-page4 .table-bordered thead th, .search-page4 .table-bordered th, .search-page4 .table-bordered {
        border: 0px;
        color: #666;
    }

.large-box {
    max-width: 1000px;
}

.circle {
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    padding: 5px 8px;
    color: #666;
    text-align: center;
}

.circle2 {
    border: 1px solid #4acf90;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    color: #4acf90 !important;
    text-align: center;
}

.circle3 {
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    color: #666 !important;
    text-align: center;
}

.bg6 {
    background: #304893;
}

.btn-primary-green {
    background-color: #304893;
    border-color: #304893;
    color: #fff;
}

#passinger-page .table-bordered thead:first-child {
    background: #fffad4;
    background: transparent;
    color: #333;
}

#passinger-page .flight-details {
    display: block;
}

#pillsmyTab .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
}

#pillsmyTab .nav-item a {
    padding: 0px;
    background: transparent;
}

#pillsmyTab .active {
    background: #304893 !important;
    color: #fff;
    border-radius: 4px;
    float: left;
}

#tap2travel #pillsmyTab .active {
    background: #3a7397 !important;
}

#pillsmyTab .active a {
    color: #fff;
}

#pillsmyTab li {
    background: transparent;
    float: left;
}


.bg6 #pillsmyTab .nav-link {
    border-radius: 0px !important;
}

.bg6 #pillsmyTab li {
    margin-right: 5px;
    padding: 0px;
    background: transparent;
}

.bg6 #pillsmyTab .active {
    position: relative;
    border-bottom: 2px solid #fff;
}

    .bg6 #pillsmyTab .active a {
        color: #fff;
    }

    .bg6 #pillsmyTab .active:after {
        left: 50%;
        border: 5px solid #fff;
        border-right-color: rgb(255, 255, 255);
        border-bottom-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
        content: '';
        position: absolute;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        bottom: -11px;
        transform: translateX(-50%);
    }

.flight-details2 #myTab {
    border-radius: 0px;
}

.bg6 #pillsmyTab .active {
    background: #304893 !important;
    color: #fff;
    padding: 0px !important;
    border-radius: 0px;
}

.bg6 #pillsmyTab li a {
    color: #6394F8;
}

.no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.bg-light-4 {
    background-color: #eff0f2 !important;
}

.bg-light-3 {
    background-color: #f5f5f5 !important;
}

.line-height-3 {
    line-height: 1.4 !important;
}

.confirm-details .company-info img {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 100%;
}

.flight-list .flight-item, .train-list .train-item, .bus-list .bus-item {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding: 0px;
}

.confirm-details .company-info {
    line-height: 15px;
}

.flight-details2 {
    padding-top: 15px;
}

.icon-plan {
    position: relative;
}

    .icon-plan:before {
        content: '';
        top: -5px;
        right: -27px;
        background-image: url(../images/plane.png);
        z-index: 1;
        position: absolute;
        width: 50px;
        height: 50px;
    }

.icon-plan2 {
    position: relative;
}

    .icon-plan2:before {
        content: '';
        top: -5px;
        right: -33px;
        background-image: url(../images/plane.png);
        z-index: 1;
        position: absolute;
        width: 50px;
        height: 50px;
    }

.icon-plan3 {
    position: relative;
}

    .icon-plan3:before {
        content: '';
        top: -6px;
        right: -58px;
        background-image: url(http://b2e.traversia.net/Images/plane.png);
        z-index: 1;
        position: absolute;
        width: 50px;
        height: 50px;
    }

.icon-plan3 {
    position: relative;
}

    .icon-plan3:before {
        content: '';
        top: 5px;
        right: -8px;
        background-image: url(../images/plane.png);
        z-index: 1;
        position: absolute;
        width: 50px;
        height: 50px;
    }

.icon-plan4 {
    position: relative;
}

    .icon-plan4:before {
        content: '';
        top: -6px;
        right: -58px;
        background-image: url(http://b2e.traversia.net/Images/plane.png);
        z-index: 1;
        position: absolute;
        width: 50px;
        height: 50px;
    }


.bg3 {
    border: dotted 2px #304893;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 12px 0;
    color: #333;
}

.btn-red1 {
    border-radius: 4px;
    margin-left: 10px;
}

.badge-danger2 {
    color: #fff;
    background-color: #333;
}

.btn-bg {
    background: #DBA514 !important;
    margin-left: 10px;
}

.list-group-item {
    padding: 0px 15px;
}

.list-group {
    margin: 0px;
}


.flight-search {
    width: auto;
    padding: 0px 7px;
    border-radius: 15px;
    background: #2e81cf;
    color: #fff;
}

.flight-search2 {
    width: auto;
    padding: 0px 7px;
    border-radius: 4px;
    background: #304893;
    color: #fff;
}

.full-width {
    width: 100%;
    margin: 15px 15px;
    box-sizing: content-box;
    border-top: 1px solid rgba(0,0,0,.1);
}

.full-width2 {
    width: 100%;
    margin: 15px 0px;
    box-sizing: content-box;
    border-top: 1px solid rgba(0,0,0,.1);
    float: left;
}

.bg6 #pillsmyTab .nav-link, .manage ul li {
    background: transparent !important;
    font-size: 12px !important;
    text-align: center;
    padding: 0px;
}

.icon-plan2::before {
    right: -12px;
}

.bg6 #pillsmyTab .nav-link.active {
    text-align: center;
}

}


.manage ul .emulate ul {
    padding: 0px;
    padding: 0px;
    list-style: none;
}

    .manage ul .emulate ul li {
        display: inline-block;
        width: 100%;
        border-bottom: solid 1px #f2f2f2;
    }

        .manage ul .emulate ul li a {
            padding: 3px 10px;
            font-size: 13px;
            color: #333;
        }

.table-responsive {
    overflow: visible;
}

.manage-header {
    font-size: 12px;
    text-align: center;
    display: table;
    width: 100%;
}

    .manage-header ul {
        width: 100%;
        padding: 0px;
        display: table;
        margin: 0px;
    }

        .manage-header ul li {
            list-style: none;
            color: #fff;
            width: 33.333%;
            display: table-cell;
            position: relative;
        }

            .manage-header ul li:first-child {
                text-align: left;
            }

            .manage-header ul li:last-child {
                text-align: left;
            }

.manage {
    border-bottom: 1px solid #fff;
    text-align: center;
    font-size: 12px;
    display: table;
    width: 100%;
    padding: 5px 0px;
}

    .manage ul {
        width: 100%;
        display: table;
        margin: 0px;
        padding: 0px;
    }

        .manage ul li {
            list-style: none;
            color: #fff;
            line-height: 20px;
            width: 33.333%;
            display: table-cell;
            position: relative;
        }

            .manage ul li:first-child {
                text-align: left;
            }

            .manage ul li:last-child {
                text-align: right;
            }

.fares {
    text-align: center;
    font-size: 12px;
    display: table;
    width: 100%;
    padding: 5px 0px;
}

    .fares ul {
        width: 100%;
        display: table;
        margin: 0px;
        padding: 0px;
    }

        .fares ul li {
            list-style: none;
            color: #333;
            font-size: 11px;
            vertical-align: top;
            width: 33.333%;
            display: table-cell;
            text-align: left;
            position: relative;
        }

            .fares ul li:first-child {
                text-align: left;
            }

            .fares ul li:last-child {
                text-align: left;
            }

#moreText {
    display: none;
}

.manage-footer {
    border-bottom: 1px solid #fff;
    text-align: center;
    font-size: 12px;
    display: table;
    width: 100%;
    padding: 5px 0px;
}

    .manage-footer ul {
        width: 100%;
        display: table;
        margin: 0px;
        padding: 0px;
    }

        .manage-footer ul li {
            list-style: none;
            color: #fff;
            width: 33.333%;
            display: table-cell;
            position: relative;
        }

            .manage-footer ul li:first-child {
                text-align: left;
            }

            .manage-footer ul li:last-child {
                text-align: right;
            }


#passinger-page .form-group {
    margin: 0px;
}

.bg-b {
    background: #d9edf7 !important;
}

.bg-b2 {
    background: #304893 !important;
}

.text-3 {
    font-size: 14px !important;
}

.tab {
    display: none;
}

    .tab.active {
        display: block;
    }

.w-100 {
    width: 100%;
}

.brand-logo {
    width: 25px;
}

body {
    color: #000;
    font-size: 14px;
}

#flight-seat .modal-lg {
    width: 1024px;
}

.line-height-0 {
    line-height: normal !important;
}

.custom-control-inline2 {
    display: -ms-inline-flexbox;
    display: inline;
    padding: 0px;
    margin-right: 1rem;
}


#passinger-page .tabs .custom-control-inline {
    padding: 5px 10px;
    background: #f2f2f2;
    margin-right: 0px;
}

#passinger-page .tabs .tab-btns .active {
    border-bottom: solid 2px #304893;
    background: #d9edf7;
    padding: 5px 10px;
}

#passinger-page .tabs .tab-btns:hover {
    cursor: pointer;
}

#passinger-page .tabs .form-row {
    border-bottom: 0px;
}

#passinger-page .tab-btns {
    background: #f2f2f2;
}

#passinger-page #side-right .right-input {
    font-size: 13px;
}

#passinger-page .accordion.accordion-alternate.popularRoutes .card-header h5 {
    cursor: pointer;
    font-size: 16px;
    color: #333;
}

    #passinger-page .accordion.accordion-alternate.popularRoutes .card-header h5:before {
        position: absolute;
        content: " ";
        right: 15px;
        top: 17px;
        width: 10px;
        height: 10px;
        opacity: 0.6;
        border-top: 2px solid;
        border-right: 2px solid;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    #passinger-page .accordion.accordion-alternate.popularRoutes .card-header h5.collapsed:before {
        top: 20px;
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg);
    }

#seatmap .modal-content.seatmap-col-wrap .nav-tabs {
    width: auto;
}

#flight-modify .page-search1 .tab-content {
    border: 0px !important;
    box-shadow: none;
    display: inline-block;
}


.auto-width0 {
    display: flex !important;
}

.auto-width1 {
    flex: 1 1 15% !important;
    width: auto !important;
    max-width: initial !important;
}

@media screen and (max-width: 600px) and (min-width: 320px) {

    #bookingFlight .form-row .col-lg-8 {
        text-align: left;
    }

    #bookingFlight .custom-control-label {
        font-size: 12px !important;
        padding: 0px;
    }

    #bookingFlight .custom-control {
        margin-right: 0px;
    }

    #bookingFlight .tab-content {
        padding: 13px;
    }

    #flights .form-row .form-group {
        padding: 0px;
        margin-top: 10px;
    }

    #bookingFlight .form-row .form-control {
        width: 95%;
    }

    #bookingFlight .icon-inside {
        display: none;
    }

    #flights .form-row .form-group .switch-innter {
        left: 92%;
    }

    #bookingFlight .form-row {
        text-align: left;
    }

    .d-lg-none {
        display: block !important;
    }

    #myGroup .card {
        overflow: visible;
    }

    .text-md-left {
        text-align: center !important;
    }

    .color-icon .mr-1 {
        float: none;
    }

    .color-icon .mr-1 {
        margin: 5px 0 !important;
    }

    .footer-strip {
        display: none;
    }

    .prisse-btn {
        display: block;
    }

    .arrow-btn2 {
        position: relative;
    }

    #toggle {
        position: absolute;
        right: 70px;
        bottom: 12px;
    }

    .scroll2 {
        width: 330px;
        overflow-x: hidden;
        display: block ruby;
        position: relative;
    }

    .page-link {
        font-size: 10px;
    }

    .color-icon i, .color-icon span i, .color-icon span {
        font-size: 10px;
        margin: 0px 2px 0px 0px;
    }

    .circle4 {
        width: 20px;
        height: 20px;
    }

    .m-new {
        padding: 0 10px;
    }

    .no-wrap {
        display: flex;
    }

    .custom-checkbox .float-right {
        float: right !important;
    }

    #passinger-page .btn-primary-green, #passinger-page .btn-primary {
        font-size: 12px !important;
    }

    .d-none {
        display: none !important;
    }

    .search-page2 {
        display: none;
    }

    .text-0 {
        font-size: 11px !important;
    }

    .m-text {
        font-size: 12px !important;
    }

    #passinger-page .flight-item {
        margin-bottom: 0pc;
    }

    #passinger-page input[type="text"] {
        width: 100%;
    }

    #passinger-page .form-control #passinger-page .custom-select {
        margin-bottm: 15px;
    }

    #passinger-page .form-row {
        margin: 0px;
    }

    #passinger-page .form-group {
        margin-bottom: 10px;
    }

    .resp-tab-content {
        padding: 0px;
    }

    .resp-tabs-list li {
        font-size: 11px;
    }

    .resp-tabs-list li {
        padding: 5px 3px !important;
    }

    .flight-search {
        font-size: 9px !important;
        text-align: center;
        margin-bottom: 10px;
    }

    .colo-none {
        flex-direction: inherit !important;
    }

    .colo-none2 {
        flex-direction: column !important;
    }

    #viewf .colo-none .search-page1 .table-bordered tbody tr th,
    #viewf .colo-none .search-page4 .table-bordered tbody tr th,
    #viewf .colo-none .search-page3 .table-bordered tbody tr th {
        vertical-align: bottom;
        height: 67px;
    }

    .table-mobile td {
        height: auto !important;
        text-align: left;
    }

    .confirm-details .company-info {
        text-align: center !important;
    }

    .icon-plan::before {
        top: -46px;
        right: 10px;
    }

    #bookingFlight .form-row {
        padding: 0px;
    }

        #bookingFlight .form-row .col-md-6, #bookingFlight .form-row .col-xs-6, #bookingFlight .form-row .col-xs-12 {
            margin-bottom: 5px;
        }

        #bookingFlight .form-row .form-control {
            width: 100%;
        }

    #bookingFlight .qty-spinner, #bookingFlight .qty-spinner2 {
        width: 76% !important;
    }

    .navbar-default .navbar-nav > li > a:hover {
        background-color: #fff !important;
    }

    .mt-4, .my-4 {
        margin-top: 0px !important;
    }

    .btnRemoveSec {
        margin-top: 15px;
    }

    #bookingFlight .btn-success {
    }

    .icon-plan4::before {
        top: 34px;
        right: 0px;
    }

    .refundable-block .col-c {
        text-align: center;
    }

    .n-popup-update .main-box {
        width: 95%;
    }

    .col-gry {
        font-size: 13px;
    }

    .center-marg {
        margin: 7px 0;
    }

    .auto-width0 {
        display: block !important;
    }

    #Multicityblock .auto-width1 .switch-innter span {
        display: none;
    }

    #nonMulticityblock .auto-width0 .switch-innter span {
        display: none;
    }
}

.text-algin2 {
    text-align: right;
    vertical-align: top !important;
}

.text-algin3 {
    text-align: left;
    vertical-align: top !important;
}


.bgreadyonly {
    background-color: #fff !important;
}

.wraptext {
    word-wrap: break-word;
    text-align: left !important;
    white-space: break-spaces;
}

#bookingFlight .font-small {
    color: #333;
    font-size: 14px;
}

#tap2travel #bookingFlight .font-small {
    font-size: 12px
}

.hadding {
    font-size: 17px;
    text-align: left;
    color: #304893;
    text-transform: uppercase;
    border-bottom: 1px solid #D4D4D4;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#tap2travel .hadding {
    color: #153346;
}

#bookingFlight #nav-tab a {
    float: left;
    padding: 3px 15px;
}

#bookingFlight #nav-tab {
    margin: 10px 0;
}



/* nav-amigosalliance */
.nav-amigosalliance {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #ffffff;
    border-bottom: 1px solid #d6e8f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 6%;
}

.logo-amigosalliance {
    font-size: 1.35rem;
    font-weight: 700;
    color: #2a7fba;
    text-decoration: none;
}

    .logo-amigosalliance span {
        color: #f4a732;
    }

.nav-amigosalliance-links {
    display: flex;
    gap: 2rem;
    list-style: none;
}

    .nav-amigosalliance-links a {
        font-size: 0.9rem;
        color: #5d7a96;
        text-decoration: none;
        font-weight: 600;
        transition: color .2s;
    }

        .nav-amigosalliance-links a:hover {
            color: #2a7fba;
        }

.nav-amigosalliance-btn {
    background: #2a7fba;
    color: #ffffff;
    padding: .5rem 1.4rem;
    border-radius: 50px;
    font-size: .87rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
}

    .nav-amigosalliance-btn:hover {
        background: #1b5e8a;
    }

/* hero-amigosalliance */
.hero-amigosalliance {
    background: linear-gradient(135deg,#eaf4fb 0%,#dbeef9 100%);
    padding: 5.5rem 6% 4.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.hero-amigosalliance-tag {
    display: inline-block;
    background: rgba(42,127,186,.12);
    color: #2a7fba;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .3rem 1rem;
    border-radius: 50px;
    margin-bottom: 1.2rem;
}

.hero-amigosalliance h1 {
    font-family: 'Lora',serif;
    font-size: clamp(2rem,4vw,3rem);
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 1rem;
}

    .hero-amigosalliance h1 span {
        color: #2a7fba;
    }

.hero-amigosalliance p {
    font-size: 1rem;
    color: #5d7a96;
    max-width: 480px;
    margin-bottom: 2rem;
}

.hero-amigosalliance-btns {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-main-amigosalliance {
    background: #2a7fba;
    color: #ffffff;
    padding: .75rem 2rem;
    border-radius: 50px;
    font-size: .92rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
}

    .btn-main-amigosalliance:hover {
        background: #1b5e8a;
    }

.btn-sec-amigosalliance {
    background: #ffffff;
    color: #2a7fba;
    border: 2px solid #2a7fba;
    padding: .75rem 2rem;
    border-radius: 50px;
    font-size: .92rem;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s;
}

    .btn-sec-amigosalliance:hover {
        background: #eaf4fb;
    }

.hero-amigosalliance-visual {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.stat-row-amigosalliance {
    display: flex;
    gap: 1rem;
}

.stat-box-amigosalliance {
    flex: 1;
    background: #ffffff;
    border: 1px solid #d6e8f5;
    border-radius: 16px;
    padding: 1.4rem 1rem;
    text-align: center;
    box-shadow: 0 2px 12px rgba(42,127,186,.07);
}

.stat-num-amigosalliance {
    font-size: 1.8rem;
    font-weight: 700;
    color: #2a7fba;
    line-height: 1;
}

.stat-label-amigosalliance {
    font-size: .75rem;
    color: #5d7a96;
    margin-top: .3rem;
}

.hero-amigosalliance-banner {
    background: #ffffff;
    border: 1px solid #d6e8f5;
    border-radius: 14px;
    padding: 1.2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 12px rgba(42,127,186,.07);
}

.hb-icon-amigosalliance {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #eaf4fb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.hb-text-amigosalliance {
    font-size: .85rem;
    color: #5d7a96;
}

    .hb-text-amigosalliance strong {
        display: block;
        color: #1e2d3d;
        font-size: .93rem;
        margin-bottom: .1rem;
    }

/* section-amigosalliance BASE */
.section-amigosalliance {
    padding: 4.5rem 6%;
}

.sec-tag-amigosalliance {
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #2a7fba;
    margin-bottom: .6rem;
}

.h2-amigosalliance {
    font-family: 'Lora',serif;
    font-size: clamp(1.6rem,3vw,2.2rem);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: .8rem;
}

    .h2-amigosalliance em {
        font-style: italic;
        color: #2a7fba;
    }

.sub-amigosalliance {
    font-size: .97rem;
    color: #5d7a96;
    max-width: 560px;
}

/* about-amigosalliance */
.about-amigosalliance {
    background: #f8fbfd;
}

.about-amigosalliance-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    margin-top: 2.5rem;
}

.feat-amigosalliances-amigosalliance {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    margin-top: 1.5rem;
}

.feat-amigosalliance {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #d6e8f5;
    border-radius: 12px;
    padding: 1rem 1.2rem;
}

.feat-amigosalliance-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #eaf4fb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.feat-amigosalliance-title {
    font-size: .92rem;
    font-weight: 700;
    color: #1e2d3d;
}

.feat-amigosalliance-desc {
    font-size: .81rem;
    color: #5d7a96;
    margin-top: .12rem;
}

.about-amigosalliance-card {
    background: #ffffff;
    border: 1px solid #d6e8f5;
    border-radius: 20px;
    padding: 2.2rem;
    text-align: center;
}

.big-num-amigosalliance {
    font-family: 'Lora',serif;
    font-size: 3.8rem;
    font-weight: 600;
    color: #2a7fba;
    line-height: 1;
}

.big-label-amigosalliance {
    font-size: .85rem;
    color: #5d7a96;
    margin: .4rem 0 1.2rem;
}

.divider-amigosalliance {
    height: 1px;
    background: #d6e8f5;
    margin: 1.1rem 0;
}

.quote-amigosalliance {
    font-size: .87rem;
    color: #5d7a96;
    line-height: 1.7;
    font-style: italic;
}

.mini-stat-amigosalliances-amigosalliance {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.mini-stat-amigosalliance {
    text-align: center;
}

.mini-num-amigosalliance {
    font-size: 1.45rem;
    font-weight: 700;
    color: #f4a732;
}

.mini-label-amigosalliance {
    font-size: .74rem;
    color: #5d7a96;
}

/* SERVICES */
.svc-grid-amigosalliance {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.2rem;
    margin-top: 2.5rem;
}

.svc-card-amigosalliance {
    background: #ffffff;
    border: 1px solid #d6e8f5;
    border-radius: 16px;
    padding: 1.8rem;
    transition: box-shadow .2s,transform .2s;
}

    .svc-card-amigosalliance:hover {
        box-shadow: 0 8px 28px rgba(42,127,186,.1);
        transform: translateY(-4px);
    }

.svc-icon-amigosalliance {
    width: 50px;
    height: 50px;
    border-radius: 13px;
    background: #eaf4fb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.svc-title-amigosalliance {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.svc-desc {
    font-size: .83rem;
    color: #5d7a96;
    line-height: 1.65;
}

/* corporate-amigosalliance */
.corporate-amigosalliance {
    background: #eaf4fb;
}

.corp-grid-amigosalliance {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5rem;
    align-items: center;
    margin-top: 2.5rem;
}

.corp-list-amigosalliance {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.corp-item-amigosalliance {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #d6e8f5;
    border-radius: 12px;
    padding: 1rem 1.2rem;
}

.corp-check-amigosalliance {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(42,127,186,.12);
    color: #2a7fba;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .88rem;
    font-weight: 700;
    flex-shrink: 0;
}

.corp-label-amigosalliance {
    font-size: .9rem;
    font-weight: 700;
}

.corp-sub-amigosalliance {
    font-size: .78rem;
    color: #5d7a96;
}

.corp-hl-amigosalliance {
    background: #2a7fba;
    border-radius: 20px;
    padding: 2.5rem;
    color: #ffffff;
    text-align: center;
}

.hl-num-amigosalliance {
    font-size: 3.5rem;
    font-weight: 700;
    color: #f4a732;
    line-height: 1;
}

.hl-label-amigosalliance {
    font-size: .88rem;
    opacity: .85;
    margin: .3rem 0 1.4rem;
}

.hl-body-amigosalliance {
    font-size: .87rem;
    opacity: .8;
    line-height: 1.75;
}

/* HOW IT WORKS */
.step-amigosalliances-grid-amigosalliance {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
    margin-top: 2.5rem;
}

.step-amigosalliance {
    background: #ffffff;
    border: 1px solid #d6e8f5;
    border-radius: 16px;
    padding: 1.6rem 1.2rem;
    text-align: center;
}

.step-amigosalliance-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #eaf4fb;
    border: 2px solid #2a7fba;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin: 0 auto .9rem;
}

.step-amigosalliance-num {
    font-size: .7rem;
    font-weight: 700;
    color: #2a7fba;
    letter-spacing: .1em;
    margin-bottom: .35rem;
}

.step-amigosalliance-title {
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.step-amigosalliance-desc {
    font-size: .79rem;
    color: #5d7a96;
    line-height: 1.6;
}

/* contact-amigosalliance */
.contact-amigosalliance {
    background: #f8fbfd;
}

.contact-amigosalliance-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 4rem;
    margin-top: 2.5rem;
}

.fg-amigosalliance {
    margin-bottom: 1rem;
}

.row2-amigosalliance {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.cd-list-amigosalliance {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}

.cd-item-amigosalliance {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.cd-icon-amigosalliance {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #eaf4fb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.cd-lbl-amigosalliance {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #2a7fba;
}

.cd-val-amigosalliance {
    font-size: .9rem;
    color: #1e2d3d;
    margin-top: .12rem;
}

.cd-sub-amigosalliance-amigosalliance {
    font-size: .77rem;
    color: #5d7a96;
}

/* footer-amigosalliance */
.footer-amigosalliance {
    background: #1e2d3d;
    color: #a8bdd0;
    padding: 3rem 6% 1.5rem;
}

.footer-amigosalliance-top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}

.f-logo-amigosalliance {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: .7rem;
}

    .f-logo-amigosalliance span {
        color: #f4a732;
    }

.f-desc-amigosalliance {
    font-size: .83rem;
    line-height: 1.7;
}

.f-col-title {
    font-size: .73rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: .9rem;
}

.f-links-amigosalliance {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .f-links-amigosalliance a {
        font-size: .83rem;
        color: #a8bdd0;
        text-decoration: none;
        transition: color .2s;
    }

        .f-links-amigosalliance a:hover {
            color: #ffffff;
        }

.footer-amigosalliance-bottom {
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
}

.f-copy-amigosalliance {
    font-size: .79rem;
}

    .f-copy-amigosalliance a {
        color: #f4a732;
        text-decoration: none;
    }

/* RESPONSIVE */
@media(max-width:860px) {
    .hero-amigosalliance, .about-amigosalliance-grid, .corp-grid-amigosalliance, .contact-amigosalliance-grid {
        grid-template-columns: 1fr;
    }

    .hero-amigosalliance-visual {
        display: none;
    }

    .svc-grid-amigosalliance {
        grid-template-columns: 1fr 1fr;
    }

    .step-amigosalliances-grid-amigosalliance {
        grid-template-columns: 1fr 1fr;
    }

    .footer-amigosalliance-top {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:540px) {
    .svc-grid-amigosalliance, .step-amigosalliances-grid-amigosalliance {
        grid-template-columns: 1fr;
    }

    .row2-amigosalliance {
        grid-template-columns: 1fr;
    }

    .footer-amigosalliance-top {
        grid-template-columns: 1fr;
    }

    .nav-amigosalliance-links {
        display: none;
    }
}


/*MVT*/
/* ══ NAV ══ */
.nav-myvaluetrip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 56px;
    background: #fff;
    border-bottom: 1px solid rgba(27,73,101,.12);
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 20px rgba(27,73,101,.06);
}

.logo-wrap-myvaluetrip {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.logo-name-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 22px;
    color: #1B4965;
    letter-spacing: -.3px;
}

    .logo-name-myvaluetrip span {
        color: #62B6CB;
    }

.logo-sub-myvaluetrip {
    font-size: 9px;
    color: #6b8299;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 3px;
    font-weight: 500;
}

.nav-links-myvaluetrip { 
    gap: 32px;
}

    .nav-links-myvaluetrip a {
        font-size: 13px;
        color: #6b8299;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: .2px;
        transition: color .2s;
    }

        .nav-links-myvaluetrip a:hover {
            color: #1B4965;
        }

.nav-btns-myvaluetrip {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-ghost-myvaluetrip {
    border: 1.5px solid #1B4965;
    color: #1B4965;
    background: transparent;
    border-radius: 6px;
    padding: 9px 20px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    font-family: 'DM Sans',sans-serif;
    transition: all .2s;
    letter-spacing: .3px;
}

    .btn-ghost-myvaluetrip:hover {
        background: #e8f2f8;
    }

.btn-fill-myvaluetrip {
    background: #1B4965;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 9px 20px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    font-family: 'DM Sans',sans-serif;
    transition: all .2s;
    letter-spacing: .3px;
}

    .btn-fill-myvaluetrip:hover {
        background: #163d54;
    }

/* ══ hero-myvaluetrip ══ */
.hero-myvaluetrip {
    width:100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #FFF9F0;
    border-bottom: 1px solid rgba(27,73,101,.12);
}

.hero-myvaluetrip-left-myvaluetrip {
    padding: 72px 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
}

.hero-myvaluetrip-badge-myvaluetrip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fdf5d0;
    color: #1B4965;
    border: 1px solid rgba(244,211,94,.5);
    border-radius: 4px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 600;
    width: fit-content;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.hero-myvaluetrip-h1-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 54px;
    font-weight: 400;
    line-height: 1.05;
    color: #1B4965;
}

    .hero-myvaluetrip-h1-myvaluetrip em {
        font-style: italic;
        color: #62B6CB;
    }

.hero-myvaluetrip-p-myvaluetrip {
    font-size: 15px;
    color: #6b8299;
    line-height: 1.75;
    max-width: 400px;
    font-weight: 300;
}

.hero-myvaluetrip-btns-myvaluetrip {
    display: flex;
    gap: 14px;
    margin-top: 4px;
}

.btn-hero-myvaluetrip-main-myvaluetrip {
    background: #1B4965;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'DM Sans',sans-serif;
    transition: all .2s;
    letter-spacing: .4px;
    box-shadow: 0 6px 24px rgba(27,73,101,.25);
}

    .btn-hero-myvaluetrip-main-myvaluetrip:hover {
        background: #163d54;
        transform: translateY(-1px);
    }

.btn-hero-myvaluetrip-sec-myvaluetrip {
    background: transparent;
    color: #1B4965;
    border: 1.5px solid #1B4965;
    border-radius: 6px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    font-family: 'DM Sans',sans-serif;
    transition: all .2s;
    letter-spacing: .4px;
}

    .btn-hero-myvaluetrip-sec-myvaluetrip:hover {
        background: #e8f2f8;
    }

.divider-myvaluetrip {
    height: 1px;
    background: rgba(27,73,101,.12);
    margin: 8px 0;
}

.hero-myvaluetrip-stats-myvaluetrip {
    display: flex;
    gap: 40px;
    padding-top: 8px;
}

.stat-val-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 30px;
    color: #1B4965;
}

.stat-lbl-myvaluetrip {
    font-size: 12px;
    color: #6b8299;
    margin-top: 2px;
    font-weight: 500;
    letter-spacing: .3px;
}

/* dash-myvaluetripboard */
.hero-myvaluetrip-right-myvaluetrip {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
    background: linear-gradient(145deg,#e8f4f9 0%,#d4ecf4 100%);
    border-left: 1px solid rgba(27,73,101,.12);
}

.dash-myvaluetrip {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(27,73,101,.12);
    width: 100%;
    max-width: 390px;
    padding: 24px;
    box-shadow: 0 12px 48px rgba(27,73,101,.12);
}

.dash-myvaluetrip-header-myvaluetrip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(27,73,101,.12);
}

.dash-myvaluetrip-title-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 16px;
    color: #1B4965;
}

.dash-myvaluetrip-badge-myvaluetrip {
    background: #d8f0f6;
    color: #1B4965;
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.dash-myvaluetrip-kpi-myvaluetrips {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 8px;
    margin-bottom: 18px;
}

.kpi-myvaluetrip {
    background: #FFF9F0;
    border-radius: 8px;
    padding: 12px 8px;
    border: 1px solid rgba(27,73,101,.12);
}

.kpi-myvaluetrip-l-myvaluetrip {
    font-size: 9px;
    color: #6b8299;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-weight: 600;
}

.kpi-myvaluetrip-v-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 17px;
    color: #1B4965;
    margin-top: 4px;
}

    .kpi-myvaluetrip-v-myvaluetrip.sky {
        color: #62B6CB;
    }

    .kpi-myvaluetrip-v-myvaluetrip.grn {
        color: #2e9e6b;
    }

.chart-section-myvaluetrip {
    display: flex;
    gap: 14px;
    align-items: flex-end;
}

.chart-label-row-myvaluetrip {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: #6b8299;
    margin-bottom: 8px;
    font-weight: 500;
}

.bar-myvaluetrips-wrap {
    flex: 1;
}

.bar-myvaluetrips {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    height: 68px;
}

.bar-myvaluetrip {
    border-radius: 4px 4px 0 0;
    width: 100%;
}

    .bar-myvaluetrip.ocean {
        background: #1B4965;
    }

    .bar-myvaluetrip.sky {
        background: #62B6CB;
    }

    .bar-myvaluetrip.sand {
        background: #F4D35E;
        opacity: .85;
    }

.pie-side-myvaluetrip {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.donut-myvaluetrip {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: conic-gradient(#1B4965 0% 42%,#62B6CB 42% 68%,#F4D35E 68% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.donut-myvaluetrip-hole-myvaluetrip {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
}

.pie-legend-myvaluetrip {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.legend-item-myvaluetrip {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    color: #6b8299;
}

.legend-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

/* ══ ticker-myvaluetrip ══ */
.ticker-myvaluetrip {
    background: #1B4965;
    padding: 13px 0;
    overflow: hidden;
    white-space: nowrap;
}

.ticker-myvaluetrip-track-myvaluetrip {
    display: inline-flex;
    gap: 56px;
    animation: scroll 24s linear infinite;
}

@keyframes scroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.tick-item-myvaluetrip {
    font-size: 12px;
    color: #a8c8d8;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.tick-diamond-myvaluetrip {
    color: #F4D35E;
    font-size: 10px;
}

/* ══ section-myvaluetripS ══ */
.section-myvaluetrip {
    padding: 80px 56px;
}

    .section-myvaluetrip.alt {
        background: #fff;
    }

    .section-myvaluetrip.dark {
        background: #1B4965;
    }

    .section-myvaluetrip.sand-bg {
        background: #fdf5d0;
    }

.sec-eyebrow-myvaluetrip {
    font-size: 11px;
    color: #62B6CB;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .sec-eyebrow-myvaluetrip::after {
        content: '';
        flex: 0 0 40px;
        height: 1.5px;
        background: #62B6CB;
    }

    .sec-eyebrow-myvaluetrip.light {
        color: #a8d8e8;
    }

        .sec-eyebrow-myvaluetrip.light::after {
            background: #a8d8e8;
        }

.sec-h2-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 40px;
    font-weight: 400;
    color: #1B4965;
    line-height: 1.1;
    margin-bottom: 48px;
}

    .sec-h2-myvaluetrip em {
        font-style: italic;
        color: #62B6CB;
    }

    .sec-h2-myvaluetrip.light {
        color: #fff;
    }

        .sec-h2-myvaluetrip.light em {
            color: #F4D35E;
        }

.sec-row-myvaluetrip {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 48px;
}

    .sec-row-myvaluetrip .sec-h2-myvaluetrip {
        margin-bottom: 0;
    }

/* ══ WHY CARDS ══ */
.why-grid-myvaluetrip {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.why-card-myvaluetrip {
    background: #fff;
    border: 1px solid rgba(27,73,101,.12);
    border-radius: 12px;
    padding: 28px;
    transition: transform .25s,box-shadow .25s;
    position: relative;
    overflow: hidden;
}

    .why-card-myvaluetrip::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #62B6CB;
        opacity: 0;
        transition: opacity .25s;
    }

    .why-card-myvaluetrip:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 48px rgba(27,73,101,.1);
    }

        .why-card-myvaluetrip:hover::before {
            opacity: 1;
        }

.why-icon-myvaluetrip {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #1B4965;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-size: 24px;
}

    .why-icon-myvaluetrip.sky-bg {
        background: #62B6CB;
    }

    .why-icon-myvaluetrip.sand-bg-ic {
        background: #F4D35E;
    }

.why-ttl-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 18px;
    color: #1B4965;
    margin-bottom: 8px;
}

.why-desc-myvaluetrip {
    font-size: 13px;
    color: #6b8299;
    line-height: 1.7;
    font-weight: 300;
}

/* ══ SERVICE CARDS ══ */
.srv-grid-myvaluetrip {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.srv-card-myvaluetrip {
    background: #FFF9F0;
    border: 1px solid rgba(27,73,101,.12);
    border-radius: 12px;
    padding: 28px;
    transition: all .25s;
}

    .srv-card-myvaluetrip:hover {
        box-shadow: 0 12px 40px rgba(27,73,101,.1);
        transform: translateY(-3px);
    }

    .srv-card-myvaluetrip.featured {
        background: #1B4965;
        border-color: #1B4965;
    }

.srv-icon-myvaluetrip {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #62B6CB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 16px;
}

.srv-card-myvaluetrip.featured .srv-icon-myvaluetrip {
    background: rgba(255,255,255,.15);
}

.srv-ttl-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 20px;
    color: #1B4965;
    margin-bottom: 8px;
}

.srv-card-myvaluetrip.featured .srv-ttl-myvaluetrip {
    color: #fff;
}

.srv-desc-myvaluetrip {
    font-size: 13px;
    color: #6b8299;
    line-height: 1.7;
    margin-bottom: 16px;
    font-weight: 300;
}

.srv-card-myvaluetrip.featured .srv-desc-myvaluetrip {
    color: rgba(255,255,255,.7);
}

.srv-list-myvaluetrip {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

    .srv-list-myvaluetrip li {
        font-size: 12px;
        color: #6b8299;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-weight: 400;
    }

.srv-card-myvaluetrip.featured .srv-list-myvaluetrip li {
    color: rgba(255,255,255,.75);
}

.srv-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #62B6CB;
    flex-shrink: 0;
    margin-top: 5px;
}

.srv-card-myvaluetrip.featured .srv-dot {
    background: #F4D35E;
}

.srv-link-myvaluetrip {
    font-size: 13px;
    color: #62B6CB;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    letter-spacing: .3px;
    transition: gap .2s;
}

.srv-card-myvaluetrip.featured .srv-link-myvaluetrip {
    color: #F4D35E;
}

.srv-link-myvaluetrip:hover {
    gap: 10px;
}

/* ══ PROCESS ══ */
.proc-grid-myvaluetrip {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0;
    position: relative;
    margin-top: 16px;
}

.proc-connector-myvaluetrip {
    position: absolute;
    top: 26px;
    left: calc(12.5% + 14px);
    right: calc(12.5% + 14px);
    height: 1px;
    background: repeating-linear-gradient(90deg,rgba(98,182,203,.4) 0,rgba(98,182,203,.4) 8px,transparent 8px,transparent 16px);
}

.proc-step-myvaluetrip {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 0 16px;
}

.proc-num-myvaluetrip {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #62B6CB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'DM Serif Display',serif;
    font-size: 18px;
    color: #fff;
    border: 3px solid #1B4965;
    margin-bottom: 16px;
}

.proc-ttl-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 17px;
    color: #fff;
    margin-bottom: 8px;
}

.proc-desc-myvaluetrip {
    font-size: 12px;
    color: #a8c8d8;
    line-height: 1.65;
    font-weight: 300;
}

/* ══ trusted-myvaluetrip ══ */
.trusted-myvaluetrip {
    background: #fff;
    padding: 40px 56px;
    border-top: 1px solid rgba(27,73,101,.12);
    text-align: center;
}

.trust-eyebrow-myvaluetrip {
    font-size: 11px;
    color: #6b8299;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.logos-myvaluetrip {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.logo-pill-myvaluetrip {
    background: #FFF9F0;
    border: 1px solid rgba(27,73,101,.12);
    border-radius: 6px;
    padding: 10px 22px;
    font-family: 'DM Serif Display',serif;
    font-size: 14px;
    color: #1B4965;
    transition: all .2s;
}

    .logo-pill-myvaluetrip:hover {
        border-color: #62B6CB;
        color: #62B6CB;
        background: #d8f0f6;
    }

/* ══ TESTIMONIALS ══ */
.testi-grid-myvaluetrip {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.testi-card-myvaluetrip {
    background: #fff;
    border: 1px solid rgba(27,73,101,.12);
    border-radius: 12px;
    padding: 28px;
    transition: transform .2s;
}

    .testi-card-myvaluetrip:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 40px rgba(27,73,101,.08);
    }

.testi-mark-myvaluetrip {
    font-family: 'Cormorant Garamond',serif;
    font-size: 64px;
    color: #d8f0f6;
    line-height: .8;
    margin-bottom: 4px;
}

.testi-txt-myvaluetrip {
    font-size: 14px;
    color: #2C3E50;
    line-height: 1.75;
    margin-bottom: 20px;
    font-style: italic;
    font-weight: 300;
    font-family: 'Cormorant Garamond',serif;
    font-size: 16px;
}

.testi-divider-myvaluetrip-myvaluetrip {
    height: 1px;
    background: rgba(27,73,101,.12);
    margin-bottom: 16px;
}

.testi-author-myvaluetrip {
    display: flex;
    align-items: center;
    gap: 14px;
}

.testi-av-myvaluetrip {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #1B4965;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'DM Serif Display',serif;
    font-size: 14px;
    color: #fff;
}

.testi-name-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 15px;
    color: #1B4965;
}

.testi-co-myvaluetrip {
    font-size: 12px;
    color: #6b8299;
    margin-top: 2px;
}

.testi-stars-myvaluetrip {
    color: #F4D35E;
    font-size: 13px;
    letter-spacing: 1px;
    margin-top: 2px;
}

/* ══ cta-myvaluetrip ══ */
.cta-myvaluetrip {
    background: #1B4965;
    padding: 96px 56px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .cta-myvaluetrip::before {
        content: '';
        position: absolute;
        top: -80px;
        right: -80px;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        background: rgba(98,182,203,.08);
    }

    .cta-myvaluetrip::after {
        content: '';
        position: absolute;
        bottom: -100px;
        left: -60px;
        width: 280px;
        height: 280px;
        border-radius: 50%;
        background: rgba(244,211,94,.06);
    }

.cta-myvaluetrip-title-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 44px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 14px;
    line-height: 1.1;
    position: relative;
    z-index: 1;
}

    .cta-myvaluetrip-title-myvaluetrip em {
        font-style: italic;
        color: #F4D35E;
    }

.cta-myvaluetrip-sub-myvaluetrip {
    font-size: 16px;
    color: rgba(255,255,255,.65);
    margin-bottom: 36px;
    position: relative;
    z-index: 1;
    font-weight: 300;
}

.cta-myvaluetrip-btns-myvaluetrip {
    display: flex;
    gap: 16px;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.btn-cta-myvaluetrip-sand-myvaluetrip {
    background: #F4D35E;
    color: #1B4965;
    border: none;
    border-radius: 6px;
    padding: 16px 32px;
    font-family: 'DM Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s;
    letter-spacing: .3px;
    box-shadow: 0 6px 24px rgba(244,211,94,.3);
}

    .btn-cta-myvaluetrip-sand-myvaluetrip:hover {
        background: #f0ca3a;
        transform: translateY(-2px);
    }

.btn-cta-myvaluetrip-outline-myvaluetrip {
    background: transparent;
    color: #fff;
    border: 1.5px solid rgba(255,255,255,.4);
    border-radius: 6px;
    padding: 16px 32px;
    font-family: 'DM Sans',sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s;
    letter-spacing: .3px;
}

    .btn-cta-myvaluetrip-outline-myvaluetrip:hover {
        border-color: #fff;
        background: rgba(255,255,255,.08);
    }

/* ══ FOOTER ══ */
.footer-myvaluetrip {
    background: #112e40;
    padding: 56px 56px 24px;
}

.footer-grid-myvaluetrip {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 48px;
}

.f-logo-myvaluetrip {
    font-family: 'DM Serif Display',serif;
    font-size: 22px;
    color: #fff;
}

    .f-logo-myvaluetrip span {
        color: #62B6CB;
    }

.f-tagline-myvaluetrip {
    font-size: 13px;
    color: #7a9ab0;
    margin-top: 10px;
    line-height: 1.7;
    font-weight: 300;
    max-width: 240px;
}

.f-contact-myvaluetrip {
    margin-top: 20px;
    font-size: 13px;
    color: #7a9ab0;
    line-height: 2;
}

    .f-contact-myvaluetrip a {
        color: #7a9ab0;
        text-decoration: none;
        transition: color .2s;
    }

        .f-contact-myvaluetrip a:hover {
            color: #62B6CB;
        }

.f-col-myvaluetrip-h {
    font-family: 'DM Serif Display',serif;
    font-size: 15px;
    color: #fff;
    margin-bottom: 16px;
}

.f-col-myvaluetrip a {
    display: block;
    font-size: 13px;
    color: #7a9ab0;
    text-decoration: none;
    margin-bottom: 10px;
    transition: color .2s;
    font-weight: 300;
}

    .f-col-myvaluetrip a:hover {
        color: #62B6CB;
    }

.footer-bar-myvaluetrip-myvaluetrip {
    border-top: 1px solid rgba(255,255,255,.07);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f-copy-myvaluetrip {
    font-size: 12px;
    color: #5a7a90;
    letter-spacing: .3px;
}

.f-socials-myvaluetrip {
    display: flex;
    gap: 10px;
}

.soc-btn-myvaluetrip {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #7a9ab0;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s;
    font-weight: 600;
}

    .soc-btn-myvaluetrip:hover {
        background: #1B4965;
        border-color: #62B6CB;
        color: #fff;
    }

/* Sand accent strip on hero-myvaluetrip */
.sand-strip-myvaluetrip {
    height: 4px;
    background: linear-gradient(90deg,#F4D35E 0%,#62B6CB 50%,#1B4965 100%);
}

/* ══ RESPONSIVE ══ */

/* Tablet: ≤ 1024px */
@media(max-width:1024px) {
    nav {
        padding: 16px 28px;
    }

    .nav-links-myvaluetrip {
        gap: 20px;
    }

    .hero-myvaluetrip-left-myvaluetrip {
        padding: 56px 32px;
    }

    .hero-myvaluetrip-h1-myvaluetrip {
        font-size: 44px;
    }

    .hero-myvaluetrip-right-myvaluetrip {
        padding: 32px;
    }

    .section-myvaluetrip {
        padding: 64px 32px;
    }

    .trusted-myvaluetrip {
        padding: 36px 32px;
    }

    .cta-myvaluetrip {
        padding: 72px 32px;
    }

    footer {
        padding: 48px 32px 20px;
    }

    .footer-grid-myvaluetrip {
        gap: 28px;
    }

    .why-grid-myvaluetrip {
        grid-template-columns: repeat(2,1fr);
    }

    .srv-grid-myvaluetrip {
        grid-template-columns: repeat(2,1fr);
    }

    .testi-grid-myvaluetrip {
        grid-template-columns: repeat(2,1fr);
    }

    .proc-grid-myvaluetrip {
        grid-template-columns: repeat(2,1fr);
        gap: 40px 0;
    }

    .proc-connector-myvaluetrip {
        display: none;
    }

    .sec-h2-myvaluetrip {
        font-size: 34px;
    }

    .cta-myvaluetrip-title-myvaluetrip {
        font-size: 36px;
    }
}

/* Mobile: ≤ 768px */
@media(max-width:768px) {
    /* Nav */
    nav {
        padding: 14px 20px;
        flex-wrap: wrap;
        gap: 12px;
    }

    .nav-links-myvaluetrip {
        display: none;
    }

    .nav-btns-myvaluetrip {
        gap: 8px;
    }

    .btn-ghost-myvaluetrip, .btn-fill-myvaluetrip {
        padding: 8px 14px;
        font-size: 12px;
    }

    /* hero-myvaluetrip */
    .hero-myvaluetrip {
        grid-template-columns: 1fr;
    }

    .hero-myvaluetrip-left-myvaluetrip {
        padding: 48px 20px 36px;
        gap: 20px;
    }

    .hero-myvaluetrip-h1-myvaluetrip {
        font-size: 38px;
    }

    .hero-myvaluetrip-right-myvaluetrip {
        border-left: none;
        border-top: 1px solid rgba(27,73,101,.12);
        padding: 28px 20px;
    }

    .hero-myvaluetrip-stats-myvaluetrip {
        gap: 24px;
    }

    .stat-val-myvaluetrip {
        font-size: 24px;
    }

    .hero-myvaluetrip-btns-myvaluetrip {
        flex-direction: column;
        gap: 10px;
    }

    .btn-hero-myvaluetrip-main-myvaluetrip, .btn-hero-myvaluetrip-sec-myvaluetrip {
        width: 100%;
        text-align: center;
    }

    /* dash-myvaluetripboard kpi-myvaluetrips */
    .dash-myvaluetrip-kpi-myvaluetrips {
        grid-template-columns: repeat(2,1fr);
    }

    /* section-myvaluetrips */
    .section-myvaluetrip {
        padding: 52px 20px;
    }

    .trusted-myvaluetrip {
        padding: 28px 20px;
    }

    .sec-h2-myvaluetrip {
        font-size: 30px;
        margin-bottom: 32px;
    }

    .sec-row-myvaluetrip {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 32px;
    }

    /* Grids → single column */
    .why-grid-myvaluetrip {
        grid-template-columns: 1fr;
    }

    .srv-grid-myvaluetrip {
        grid-template-columns: 1fr;
    }

    .testi-grid-myvaluetrip {
        grid-template-columns: 1fr;
    }

    .proc-grid-myvaluetrip {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Footer */
    footer {
        padding: 40px 20px 16px;
    }

    .footer-grid-myvaluetrip {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .footer-bar-myvaluetrip-myvaluetrip {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    /* cta-myvaluetrip */
    .cta-myvaluetrip {
        padding: 56px 20px;
    }

    .cta-myvaluetrip-title-myvaluetrip {
        font-size: 30px;
    }

    .cta-myvaluetrip-btns-myvaluetrip {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .btn-cta-myvaluetrip-sand-myvaluetrip, .btn-cta-myvaluetrip-outline-myvaluetrip {
        width: 100%;
        max-width: 280px;
    }
}

/* Small mobile: ≤ 480px */
@media(max-width:480px) {
    .hero-myvaluetrip-h1-myvaluetrip {
        font-size: 32px;
    }

    .hero-myvaluetrip-badge-myvaluetrip {
        font-size: 10px;
        padding: 5px 12px;
    }

    .hero-myvaluetrip-p-myvaluetrip {
        font-size: 14px;
    }

    .hero-myvaluetrip-stats-myvaluetrip {
        gap: 16px;
    }

    .stat-val-myvaluetrip {
        font-size: 22px;
    }

    .dash-myvaluetrip {
        padding: 18px;
    }

    .dash-myvaluetrip-kpi-myvaluetrips {
        gap: 6px;
    }

    .kpi-myvaluetrip {
        padding: 10px 6px;
    }

    .kpi-myvaluetrip-v-myvaluetrip {
        font-size: 15px;
    }

    .sec-h2-myvaluetrip {
        font-size: 26px;
    }

    .cta-myvaluetrip-title-myvaluetrip {
        font-size: 26px;
    }

    .cta-myvaluetrip-sub-myvaluetrip {
        font-size: 14px;
    }
}

/*MVT END*/