:root {
    --tn-theme-color:#1414d2;
    --tn-theme-color2: #1414d200;
     --dgh-red  :#e8edff;
    --main-color: #1414d2;
    --dark-color: #000;
    --theme-color: #1414d2;
    --theme-color2: #1414d2;
    --z-dark: #000;
    --white-color: #fff;
    --light-theme-color: #69488930;
    --back-desk: #1414d2;
    --white: #fff;
    --black: #000;
    --gray: #ccc;
    --gray2: #f1f1f1;
        --dgh-border: #d4d4d4;
     --tn-theme-color:#1414d2;
    --tn-title:#2D2737;
    --tn-text:#666;
    --tn-border:#e9edf7;
    --tn-bg:#f7f9fc;
    --tn-theme-yellow:#FF9800;
        --dgh-dark: linear-gradient(110deg, rgb(23, 43, 228), rgb(25, 66, 245));
        
 --fgh-blog-primary: #1414d2;
            --fgh-blog-primary-dark: #0d0da8;
            --fgh-blog-heading: #111827;
            --fgh-blog-text: #667085;
            --fgh-blog-border: #e7eaf0;
            --fgh-blog-bg: #f7f8fc;
            --fgh-blog-white: #ffffff;
        --fghbl-primary: #1414d2;
    --fghbl-primary-dark: #0d0d9e;
    --fghbl-heading: #101828;
    --fghbl-text: #667085;
    --fghbl-border: #e6e8ef;
    --fghbl-light: #f5f6ff;
    --fghbl-white: #ffffff;
    --fcat-blue: #1414d2;
    --fcat-dark: #111827;
    --fcat-text: #344054;
    --fcat-muted: #667085;
    --fcat-border: #e5e7eb;
    --fcat-light: #f3f5ff;
    --fcat-white: #ffffff;
    
      --fgh-help-primary: #1414d2;
            --fgh-help-primary-dark: #0e0e9d;
            --fgh-help-dark: #101828;
            --fgh-help-text: #344054;
            --fgh-help-muted: #667085;
            --fgh-help-border: #e4e7ec;
            --fgh-help-bg: #f6f8fc;
            --fgh-help-white: #ffffff;
            --fgh-help-green: #12b76a;
            --fgh-help-orange: #f79009;
            --fgh-primary-light: #f0f0ff;
    --fgh-text: #1d2433;
    --fgh-muted: #687386;
    --fgh-border: #e6e8ef;
    --fgh-bg: #f7f8fc;
    --fgh-white: #ffffff;
    --fgh-shadow: 0 10px 35px rgba(20, 20, 210, .08);
}

.fgh-trust-features{
    width:100%;
    position:relative;
    z-index:0;
    margin-top:0px;
    padding:0 16px;
    margin-bottom:40px;
}

.fgh-trust-features__container{
    max-width:1450px;
    margin:0 auto;
    padding:28px 20px 25px;

    background:#ffffff;

    border-radius:8px;

    display:grid;
    grid-template-columns:repeat(6,1fr);

    align-items:center;

    box-shadow:
        0 5px 14px rgba(0,0,0,.14);

    border:1px solid #eeeeee;
}

.fgh-trust-features__item{
    min-width:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    padding:5px 10px;
}

.fgh-trust-features__icon{
    width:74px;
    height:74px;

    margin-bottom:18px;

    border-radius:50%;

    background:#f0f0f0;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#1414d2;

    font-size:27px;

    transition:all .3s ease;
}

.fgh-trust-features__item h3{
    margin:0;

    font-size:18px;
    line-height:1.3;

    font-weight:700;

    color:#172033;

    white-space:nowrap;
}

.fgh-trust-features__item:hover
.fgh-trust-features__icon{
    background:#1414d2;
    color:#ffffff;

    transform:translateY(-3px);
}

.tn-header__logo img {
    width: 100%;
    max-width: 200px;
}
.offer-box::after  {
    display:none;
}
.tn-header__logo {
    padding: 10px 0;
}

.tn-booking__tabs {
    background-color:var(--white);
}

.tn-hero__bg {
    background-position:center;
}

.tn-booking {
    border-radius: 5px;
    background-color: transparent;
}
.tn-booking__tabs .tab:nth-child(1) {
    padding-left: 24px;
    border-top-left-radius: 5px;
}
.hotel-promo-text h3 {
    text-transform: none !important;
}
.tn-booking__tabs .tab.active {
    background-color: var(--tn-theme-color);
    color: var(--white-color);
}

.tn-booking__tabs-right .radio {
 
    color: var(--tn-title-color);
    font-weight:500;
}

.tn-booking__tabs-right .radio span {

    border: 2px solid var(--tn-title-color);

}

.tn-booking__tabs-right .radio input:checked + span::after {

    background-color: var(--tn-title-color);

}

.tn-booking__tabs .tab {
    color: var(--tn-title-color);
    background-color: var(--white-color);
        padding: 12px 24px;
}

.tn-booking__content {
    padding: 20px 20px;
    background-color: var(--tn-white-color);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tn-booking__tabs .tab:nth-child(2) {
    border-top-right-radius: 5px;
}
.tn-booking__tabs {
    background-color: transparent;
}

.tn-booking__tabs-right {
     position: absolute;
    right: 0;
    top: 0px;
    background-color: var(--white-color);
    padding: 13px 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.field.date-col i {
    left: -3px;
}

.field.date-col label {
    padding-left: 27px;
}

.tn-btn {
    font-size:15px;
}

.tn-btn {
 background-color:var(--tn-theme-color);   
}

.tn-btn::after, .tn-btn::before {
    background-color: var(--tn-theme-color1);
}
.tn-hero__bg {
   
    background-color: #1414d296;
    background-blend-mode: screen;
}

.tn-hero__shape h1 {
 
    text-shadow: 2px -4px 14px #000;
}

.why-box .col-lg-2.col-md-4.col-6 {
    padding: 0 !important;
    margin: 0 !important;
}

.why-box .feature-item h6
 {
    font-size: 15px;
    width: 100%;
    max-width: 90px;
    margin: auto;
    text-align: center;
    line-height: 1.3;
    font-weight: 600;
}

.why-box {
    background-color: #fff;
    /*position: relative;*/
    /*z-index: 3;*/
    margin-top: -100px !important;
     padding: 69px 0 40px;
    border-radius: 5px;
    box-shadow: 0 0px 10px rgb(0 0 0 / 23%);
}
.tn-hero {
    z-index:1;
}

.why-box .icon-box {
    width: 60px;
    height: 60px;
    margin: auto;
    background-color: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 14px;
}


.why-box i {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: auto;
    font-size: 20px;
    color: var(--tn-theme-color);
}
.fgh-deal-card .fgh-info span i.fa-solid.fa-circle {
    font-size: 8px;
}
.why-box .feature-item h6 {
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    margin: auto;
    text-align: center;
    line-height: 1.3;
    font-weight: 600;
}

.tn-hero__content

 {
    padding: 100px 0;
}

.tn-hero__shape h1 {
    /*font-size: 42px;*/
        font-size: 34px;
    margin-bottom: 74px;
}



/*.flight-card-section{*/
/*    background:#f7f9fc;*/
/*}*/

.flight-card-section .flight-card{
    background:linear-gradient(135deg,#ffffff,#eef4ff);
    border:1px solid #dce6ff;
    border-radius:10px;
    padding:22px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    overflow:hidden;
    position:relative;
}

.flight-card-section .flight-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(20,20,210,.15);
}

.flight-card-section .top-area{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:25px;
}

.flight-card-section .airline{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.flight-card-section .airline img{
    width:48px;
    height:48px;
    object-fit:contain;
     border: 1px solid #e2e0e0;
}

.flight-card-section .airline h5{
    margin:0;
    font-size:20px;
    font-weight:700;
    color:#1d1d1d;
}

.flight-card-section .badges{
    margin-top:6px;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.flight-card-section .badges span{
    font-size:13px;
    color:#666;
}

.flight-card-section .badge-blue{
    background:#e8edff;
    color:var(--tn-theme-color) !important;
    padding:4px 10px;
    border-radius:20px;
    font-size:11px !important;
    font-weight:700;
}

.flight-card-section .badge-purple{
    background:#f2e7ff;
    color:#8d3df7 !important;
    padding:4px 10px;
    border-radius:20px;
    font-size:11px !important;
    font-weight:700;
}

.flight-card-section .wishlist{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#fff;
    border:1px solid #ebebeb;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#7b7b7b;
    cursor:pointer;
    transition:.3s;
}

.flight-card-section .wishlist:hover{
    background:var(--tn-theme-color);
    color:#fff;
}

.flight-card-section .route-area{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.flight-card-section .city{
    width:30%;
}

.flight-card-section .city h2{
    font-size:22px;
    font-weight:700;
    color:#18224d;
    margin-bottom:3px;
}

.flight-card-section .city p{
    margin:0;
    color:#444;
    font-size:15px;
}

.flight-card-section .city span{
    display:block;
    margin-top:12px;
    font-size:15px;
    color:#222;
    font-weight:600;
}

.flight-card-section .city small{
    display:block;
    margin-top:3px;
    color:#777;
    font-size:13px;
}

.flight-card-section .route-line{
    width:40%;
    text-align:center;
    position:relative;
}

.flight-card-section .line{
    height:2px;
    border-top:2px dashed #7a86bf;
    margin:18px 0;
}

.flight-card-section .plane{
    position:absolute;
    left:50%;
    top:0px;
    transform:translateX(-50%);
    background:#eef4ff;
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.flight-card-section .plane i{
    color:var(--tn-theme-color);
    transform:rotate(0deg);
    font-size:15px;
}

.flight-card-section .route-line span{
    font-size:14px;
    color:#555;
    font-weight:600;
}

.flight-card-section .price-box{
    background:#fff;
    border-radius:15px;
    padding:22px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.flight-card-section .price-box small{
    display:block;
    color:#777;
    font-size:14px;
}

.flight-card-section .price-box h2{
    margin:8px 0;
    font-size:30px;
    color:var(--tn-theme-color);
    font-weight:700;
}

.flight-card-section .price-box p{
    color:#666;
    margin-bottom:18px;
}

.flight-card-section .book-btn{
    display:block;
    background:var(--tn-theme-color);
    color:#fff;
    text-decoration:none;
    padding:12px;
    border-radius:10px;
    font-weight:600;
    transition:.3s;
}

.flight-card-section .book-btn:hover{
    background:#0e0e0e;
    color:#fff;
}



.heading-title-h2 span {
    color: var(--theme-color);
}

.heading-title-h2 {
    /*font-size: 26px;*/
    /*line-height: 1.5;*/
    /*word-spacing:3px;*/
    
    font-size: 34px;
    line-height: 1;
    word-spacing: 3px;

}


/*airlines name slider css start here */



  
        .airline-slider {
            position: relative;
            padding: 0 60px;
        }

     .airline-section .swiper {
            overflow: hidden;
        }

   .airline-section     .swiper-slide {
            height: auto;
        }

   .airline-section     .airline-card {

            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 15px;

            height: 140px;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            transition: .3s;

        }

    .airline-section    .airline-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 30px rgba(0, 0, 0, .08);

        }

.airline-section    .airline-card img {

            width: 90px;
            height: 40px;

            object-fit: contain;

            margin-bottom: 15px;

        }

      .airline-section  .airline-card h6 {

            margin: 0;
            font-size: 15px;
            font-weight: 700;

        }

      .airline-section   .airline-card span {

            color: #666;
            font-size: 13px;

        }

     .airline-section   .swiper-button-next,
     .airline-section    .swiper-button-prev {

            width: 45px;
            height: 45px;

            background: #fff;

            border-radius: 50%;

            border: 1px solid #ddd;

            box-shadow: 0 5px 15px rgba(0, 0, 0, .08);

            color: var(--tn-theme-color);

            top: 50%;

            /*transform: translateY(-50%);*/

            z-index: 99;

        }

    .airline-section     .swiper-button-prev {

            left: 0;

        }

    .airline-section    .swiper-button-next {

            right: 0;

        }

      .airline-section   .swiper-button-next:after,
        .airline-section .swiper-button-prev:after {

            font-size: 18px;
            font-weight: bold;

        }
        
        
        
        
      /*==============================
TOP DESTINATION SECTION
==============================*/

/*.destination-section{*/
/*    padding:80px 0;*/
/*    background:#f7f9fc;*/
/*}*/

.destination-heading{
    font-size:40px;
    font-weight:700;
    color:#111827;
    margin-bottom:0;
}

.destination-heading span{
    color:var(--tn-theme-color);
}

.view-all{
    color:var(--tn-theme-color);
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.view-all:hover{
    color:#ff9800;
}

.destination-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:15px;
    overflow:hidden;
    transition:.35s;
    height:100%;
    display:flex;
    flex-direction:column;
    box-shadow:0 4px 18px rgba(0,0,0,.05);
}

.destination-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.destination-image{
    overflow:hidden;
    position:relative;
}

.destination-image img{
     width: 100%;
    height: 370px;
    object-fit: cover;
    transition: .5s;
    object-position: top;

}

.destination-card:hover .destination-image img{
    transform:scale(1.08);
}

.destination-content{
    padding:20px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.destination-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.country {
    display: block;
    font-size: 14px;
    background: #f2e7ff;
    color: #8d3df7 !important;
    padding: 5px 20px;
    font-weight: 400;
    border-radius: 20px;
}

.destination-content ul{
    margin:0;
    padding:0;
    list-style:none;
}

.destination-content ul li{
    display:flex;
    align-items:center;
    font-size:15px;
    color:#444;
    margin-bottom:14px;
}

.destination-content ul li i{
    width:22px;
    color:var(--tn-theme-color);
    margin-right:8px;
}

.destination-content ul li strong{
    color:var(--tn-theme-color);
    margin-left:3px;
}

.explore-btn{
    margin-top:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    background: var(--tn-theme-color);
    color:var(--white-color);
    text-decoration:none;
    font-weight:600;
    border-radius:10px;
    padding:14px;
    transition:.35s;
}

.explore-btn:hover{
    background:#eef4ff;
    color:var(--tn-theme-color);
}

.explore-btn i{
    transition:.35s;
}

.explore-btn:hover i{
    transform:translateX(5px);
}

    /*=========================
Travel Offer Banner
=========================*/

/*.travel-offer{*/
/*    padding:80px 0;*/
/*}*/

.offer-box{

    position:relative;

    /*background:linear-gradient(135deg,#012b8d,#0033a0,#001f66);*/
    
        /*background: linear-gradient(135deg, #1414d2 0%, #0d3bff 50%, #061c7f 100%);*/
    background: var(--tn-theme-color);
    border-radius:24px;

    overflow:hidden;

    /*padding:60px;*/
        padding: 30px 40px;


    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

/* Decorative dots */

.offer-box:before{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    left:-60px;
    top:40px;

    border:2px dashed rgba(255,255,255,.18);

    border-radius:50%;

}

.offer-box:after{

    content:"✈";

    position:absolute;

    left:40px;
    top:120px;

    font-size:32px;

    color:#fff;

    opacity:.25;

    transform:rotate(-20deg);

}

/*==================
Content
==================*/

.offer-content{

    position:relative;

    z-index:2;

}

.offer-tag{

    display:inline-block;

    color:#fff;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;

    font-weight:600;

}

.offer-content h2{

      color: #fff;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;

}

.offer-content h2 span{

    color:#ffc107;

}
.main-menu > ul > li {
    margin: 0 12px;
}
.offer-content p{
color: rgba(255, 255, 255, .85);
    font-size: 15px;
    line-height: 30px;
    max-width: 500px;
    margin-bottom: 15px

}


.offer-images {
    position: relative;
    
}
.discount-box {
    position: absolute;
    top: 48%;
    right: 0;
    transform: translate(-50px, -50%);
    background-color: #ffc107;
    z-index: 99;
    padding: 10px 10px 5px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    left: 0;
    margin: auto;
    width: 100%;
    max-width: 120px;
    z-index:2;
}
.discount-box h3 {
       font-size: 24px;
    font-weight: 700;
    width: 100px;
    text-align: center;
    line-height: 1;
}
.offer-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#fff;

    color:var(--tn-theme-color);

    padding:15px 30px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.offer-btn:hover{

    background:#ffc107;

    color:#111;

    transform:translateY(-3px);

}

.offer-btn i{

    transition:.3s;

}

.offer-btn:hover i{

    transform:translateX(6px);

}    
    .offer-images img:nth-child(1) {
    transform: skewX(-6deg);
}
.offer-images img:nth-child(2) {
    position: relative;
    z-index: 2;
    left: -30px;
    transform: skewX(-11deg);
    top: -7px;
}
.offer-images img {
    width: 100%;
    max-width: 300px;
    object-fit: cover;
    border: 7px solid var(--white-color);
    height: 176px;
    border-radius: 10px;
}    
    .travel-offer {
    margin-bottom: 80px;
}    
        
        
/*Airlines sections design start here*/

.airlines-section{
    background:#fff;
}

.airline-card{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:10px;
    height:64px;
    display:flex;
    align-items:center;
    text-decoration:none;
    transition:.35s;
    overflow:hidden;
    position:relative;
}


.airline-card:hover {
    border-color: var(--tn-theme-color);
    box-shadow: 0 10px 25px rgba(13, 110, 253, .12);
    transform: translateY(-3px);
    background-color: var(--tn-theme-color);
    color: #fff !important;
}

.airline-card:hover span {
    color: #fff;
}
.number{
    width:55px;
    text-align:center;
    color:var(--tn-theme-color);;
    font-weight:700;
    font-size:15px;
    flex-shrink:0;
}

.divider{
    width:1px;
    height:22px;
    background:#e7e7e7;
}

.airline-name{
    flex:1;
    padding:0 14px;
    color:#222;
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.arrow{
    width:40px;
    text-align:center;
    color:var(--tn-theme-color);;
    font-size:13px;
}

.airline-card:hover .arrow{
    transform:translateX(4px);
    transition:.3s;
}
.tn-footer__logo img {
    width: 100%;
    max-width: 200px;
}
/*==========================================
Travel Expert Assistant
==========================================*/

.travel-assistant {
    position: fixed;
    right: 0;
    top: 50%;
    left: 0;
    margin: auto;
    width: 560px;
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    /*box-shadow: 0 20px 60px rgba(0, 0, 0, .18);*/
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    transform: translateX(120%);
    transition: .6s ease;
    transform: translateY(-50%) !important;
    display:none;
}
.travel-assistant.show{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

/* Header */

.assistant-header {
    background: linear-gradient(135deg, #1414d2, #1414d2d4);
    padding: 22px 22px 80px;
    position: relative;
    overflow: hidden;
}
.assistant-header::before{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-140px;
    right:-90px;
}

.assistant-close{
    position:absolute;
    right:18px;
    top:18px;
    width:34px;
    height:34px;
    border:none;
    background:transparent;
    color:#fff;
    font-size:22px;
    cursor:pointer;
}

.assistant-info{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}

.assistant-content h4{
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin-bottom:10px;
}

.online-status{
  color: #fff;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding-left: 25px;
}

.online-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#2dff4e;
    margin-right:8px;
    animation:pulse 1.2s infinite;
}

@keyframes pulse{

0%{
box-shadow:0 0 0 0 rgba(45,255,78,.6);
}

70%{
box-shadow:0 0 0 12px rgba(45,255,78,0);
}

100%{
box-shadow:0 0 0 0 rgba(45,255,78,0);
}

}

.assistant-info img{
    width:130px;
    margin-bottom:-80px;
}

/* Body */

.assistant-body{
    margin-top:-45px;
    background:#fff;
    border-radius:24px 24px 0 0;
    padding:28px;
    position:relative;
}

.assistant-message{
    display:flex;
    margin-bottom:25px;
}

.wave{
    font-size:34px;
    margin-right:12px;
}

.assistant-message h5{
    font-size:30px;
    font-weight:700;
    margin-bottom:5px;
}

.assistant-message p{
    color:#666;
    line-height:28px;
    margin:0;
}

/* Grid */
.support-widget .support-avatar span.online-dot {
    right: 0px !important;
    left: 47px;
    margin: auto;
    top: 40px;
}
.assistant-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:25px;
}

.assistant-item{
    background:#f8f8ff;
    border-radius:18px;
    padding:22px 15px;
    text-align:center;
    text-decoration:none;
    transition:.35s;
}

.assistant-item:hover{
    transform:translateY(-6px);
    background:#eef2ff;
}

.assistant-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#eef2ff;
    margin:0 auto 15px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.assistant-icon i{
    color:#2e4dff;
    font-size:22px;
}

.cancel i{
    color:#ff3a3a;
}

.assistant-item h6{
    color:#222;
    font-size:18px;
    font-weight:700;
    margin-bottom:6px;
}

.assistant-item span{
    color:#777;
    font-size:14px;
}

/* Button */

.assistant-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    width:100%;
    background: linear-gradient(135deg, #1414d2, #1414d2d4);
    color:#fff;
    text-decoration:none;
    height:60px;
    border-radius:15px;
    font-size:20px;
    font-weight:700;
    transition:.35s;
}

.assistant-btn:hover{
    color:#fff;
    transform:translateY(-3px);
}

.assistant-body small{
    display:block;
    text-align:center;
    color:#888;
    margin-top:15px;
    font-size:14px;
}

/*======================================
How It Works
======================================*/

.how-work-section{
    position:relative;
    padding:60px 0;
    background:var(--tn-theme-color);;
    overflow:hidden;
}

.how-work-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../images/world-map.webp") center center no-repeat;
    background-size:70%;
    opacity:.05;
}

.section-heading{
    position:relative;
    z-index:10;
    margin-bottom:0px;
}

.section-heading .sub-title{
    display:inline-block;
    color:var(--white-color);
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
}

.section-heading .heading{
    color:#fff;
    font-size:46px;
    font-weight:700;
    margin:12px 0 15px;
}

.section-heading .description{
    color:#d7e4ff;
    max-width:700px;
    margin:auto;
    font-size:18px;
    line-height:30px;
}
.how-work-section .heading-title-h2 {
    color: var(--white-color);
}

.how-work-section .heading-title-h2 span {
    color: #ffc107;

}
/*======================================
Journey Wrapper
======================================*/

.journey-wrapper{
    position:relative;
    z-index:5;
    padding-top:30px;
}

.flight-line{
    position:absolute;
    left:0;
    top:55px;
    width:100%;
    height:170px;
    overflow:visible;
}

.flight-line path{
    fill:none;
    stroke:#ffffff;
    stroke-width:3;
    stroke-dasharray:10 10;
    stroke-linecap:round;
}

/*======================================
Cards
======================================*/

.step-card{
    text-align:center;
    position:relative;
    z-index:20;
}

.step-card h4{
        color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-top: 45px;
    margin-bottom: 5px;
}

.step-card p{
    color:#dbe6ff;
    font-size:15px;
    line-height:28px;
    max-width:180px;
    margin:auto;
}
/*========================================
LOCATION PIN
========================================*/

.pin{
    width:95px;
    height:95px;
    border-radius:50%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    color:#fff;
    font-size:38px;
    transition:.35s ease;
    box-shadow:0 18px 35px rgba(0,0,0,.18);
    cursor:pointer;
}

/* Pin Tail */

.pin::after{

    content:"";
    position:absolute;
    left:50%;
    bottom:-20px;
    transform:translateX(-50%);

    width:0;
    height:0;

    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:24px solid;

}

/* White Circle */

.pin::before{

    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#fff;
    bottom:-28px;
    left:50%;
    transform:translateX(-50%);
    box-shadow:0 0 0 6px rgba(255,255,255,.18);

}

/*========================================
PIN COLORS
========================================*/

.pin-pink{

    background:#ff4f88;

}

.pin-pink::after{

    border-top-color:#ff4f88;

}

.pin-green{

    background:#20c997;

}

.pin-green::after{

    border-top-color:#20c997;

}

.pin-orange{

    background:#ffb21d;

}

.pin-orange::after{

    border-top-color:#ffb21d;

}

.pin-purple{

    background:#8b5cf6;

}

.pin-purple::after{

    border-top-color:#8b5cf6;

}

.pin-blue{

    background:#49a6ff;

}

.pin-blue::after{

    border-top-color:#49a6ff;

}

/*========================================
ICON
========================================*/

.pin i{

    font-size:38px;
    color:#fff;
    transition:.35s;

}

/*========================================
HOVER
========================================*/

.step-card:hover .pin{

    transform:translateY(-12px) scale(1.05);

}

.step-card:hover .pin i{

    transform:rotate(10deg);

}

.step-card:hover h4{

    color:#ffd34d;

}

.step-card:hover p{

    color:#ffffff;

}

/*========================================
FLOAT ANIMATION
========================================*/

@keyframes pinFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

/*.pin{*/

/*    animation:pinFloat 3s ease-in-out infinite;*/

/*}*/

.step-card:nth-child(2) .pin{

    animation-delay:.4s;

}

.step-card:nth-child(3) .pin{

    animation-delay:.8s;

}

.step-card:nth-child(4) .pin{

    animation-delay:1.2s;

}

.step-card:nth-child(5) .pin{

    animation-delay:1.6s;

}

/*========================================
PLANE
========================================*/

.plane-wrapper-road .plane{

    position:absolute;
    top:0;
    left:0;

    width:50px;
    height:50px;

    display:flex;
    justify-content:center;
    align-items:center;

    z-index:100;

    color:#ffffff;

    font-size:28px;

    filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));

    offset-path:path("M50 150 C180 40 310 220 440 120 S700 30 830 140 S1050 230 1150 90");
    offset-distance:0%;
    offset-rotate:auto;

    animation:planeFly 12s linear infinite;

}

/* Safari */

.plane-wrapper-road .plane{

    -webkit-offset-path:path("M50 150 C180 40 310 220 440 120 S700 30 830 140 S1050 230 1150 90");
    -webkit-offset-distance:0%;
    -webkit-offset-rotate:auto;

}

@keyframes planeFly{

    from{

        offset-distance:0%;
        -webkit-offset-distance:0%;

    }

    to{

        offset-distance:100%;
        -webkit-offset-distance:100%;

    }

}

/*========================================
DRAW SVG
========================================*/

.flight-line path{

    stroke-dasharray:8 8;

    animation:pathMove 18s linear infinite;

}

@keyframes pathMove{

    from{

        stroke-dashoffset:0;

    }

    to{

        stroke-dashoffset:-180;

    }

}

/*========================================
PLANE GLOW
========================================*/

.plane-wrapper-road .plane i {
    animation: planeGlow 2s ease infinite;
    transform: rotate(38deg) !important;
}

@keyframes planeGlow{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.15);

    }

    100%{

        transform:scale(1);

    }

}

/*========================================
PLANE SHADOW
========================================*/

/*.plane::after{*/

/*    content:"";*/

/*    position:absolute;*/

/*    width:40px;*/
/*    height:8px;*/

/*    background:rgba(255,255,255,.18);*/

/*    filter:blur(5px);*/

/*    border-radius:50%;*/

/*    bottom:-12px;*/

/*    left:5px;*/

/*}*/

/*========================================
CLOUD
========================================*/

.cloud{

    position:absolute;

    opacity:.10;

    animation:cloudMove 35s linear infinite;

}

.cloud1{

    top:40px;

    left:-250px;

}

.cloud2{

    bottom:50px;

    right:-220px;

    animation-duration:42s;

}

@keyframes cloudMove{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(1600px);

    }

}
/* Straight Dotted Line */

.journey-line {

    border-top: 4px dashed #ffffff;
    /*z-index: 1;*/
    /*right: 0;*/
    /*margin: auto;*/
}

/* Plane */


.plane-wrapper-road {
    position: absolute;
    top: 147px;
    left: 0;
    width: 80%;
    right: 0;
    margin: auto;
}
.plane-wrapper-road .plane {
    position: absolute;
    top: -147px;
    left: 0;
    color: #fff;
    font-size: 28px;
    animation: planeMove 18s linear infinite;
}
@keyframes planeMove{

    0%{
        left:0%;
    }

    100%{
        left:calc(100% - 28px);
    }

}

.step-card{
    position:relative;
    z-index:5;
    text-align:center;
}

.pin{
    margin-bottom:30px;
}


.travel-package-section{
    padding:60px 30px 0px;
    /*background:*/
    /*linear-gradient(rgba(240,245,250,.85),rgba(240,245,250,.85)),*/
    /*url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee");*/
    /*background-size:cover;*/
    /*background-position:center;*/
}


.travel-package-wrapper {
    max-width: 1450px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
     margin-top: 40px;
}
.img-btn {
    width: 100%;
    max-width: 200px;
       
}

.travel-package-card{
    position:relative;
}



.location-badge{
position: absolute;
    top: -18px;
    left: 0;
    background: #fff;
    padding: 7px 18px;
    border-radius: 30px 30px 30px 0px;
    font-size: 15px;
    color: var(--tn-title-color);
    z-index: 2;
    border: 1px solid #dfdada;
}


.location-badge i{
    color:var(--tn-theme-color);
    margin-right:8px;
}



.travel-package-section .package-content{

    background:#fff;
    border-radius:18px;
        padding: 30px 20px 20px;
    display:flex;
    gap:30px;
    align-items:center;
    position:relative;
    min-height:180px;

      border: 1px solid #dfdada;
}



.package-img {
    width: 100%;
    height: 115px;
    object-fit: cover;
 border-radius: 10px 10px 0px 0px;
}


.package-info{
    flex:1;
}


.package-info h3{

    margin: 0 0 12px;
    color: var(--tn-title-color);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;

}



.package-price{

    font-size:18px;
  color: var(--tn-title-color);
}


.package-price strong{

    color:var(--tn-theme-color);
    font-size:24px;

}



.package-meta{

    position:absolute;
    right:30px;
    top:100px;
     color: var(--tn-title-color);
}



.package-meta i{

    color:var(--tn-theme-color);
    margin-right:6px;

}



.package-bottom{

    border-top:1px solid #ddd;
    margin-top:18px;
    padding-top:18px;
    font-size:17px;
    color:#707070;
    white-space:nowrap;
    overflow:hidden;

}



.rating{

    position:absolute;
    right:30px;
    top:30px;
    background:#edf3f5;
    padding:5px 14px;
    border-radius:20px;
    color:var(--tn-theme-color);
    font-size:15px;

}


.rating:first-letter{
    color:var(--tn-theme-color);
}
.img-btn .offer-btn {
    background-color: var(--tn-theme-color);
    color: var(--white-color);
    padding: 9px 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    justify-content: center;
      border-radius: 0 0 10px 10px;
    font-size: 14px;
}

.fgh-contact-item a:hover i {
    background-color: var(--theme-color);
    color: var(--white);
}
.fgh-call-btn:hover {
    background: #FF9800;
    color: #fff;
}



/*=====
=====================
    SUPPORT WIDGET
==========================*/

.support-widget{

  position: fixed;
    right: 0px;
    bottom: 70px;
    width: 290px;
    height: 76px;
    background: linear-gradient(135deg, #1414d2, #1b4fff);
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
    z-index: 9999;
    transition: .35s;
    animation: float 3s ease-in-out infinite;

}
.tn-header__info-right:hover a  , .tn-header__info:hover i{
    color: #FFC107;
}
.support-widget:hover{

    transform:translateY(-4px);

    box-shadow:0 22px 45px rgba(0,0,0,.28);

}

.support-avatar{

    position:relative;

    width:56px;
    height:56px;

    flex-shrink:0;

}

.support-avatar img{

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:50%;

    border:3px solid #fff;

}

.online-dot{

      position: absolute;
    right: 2px;
    top: 50%;
    width: 14px;
    height: 14px;
    background: #22c55e;
    border-radius: 50%;
    border: 2px solid #fff;
    animation: pulse 1.6s infinite;
    left: 0;
    transform: translateY(-50%);
}

.support-content{

    margin-left: 12px;
    flex: 1;
    position: relative;
    top: 11px;

}

.support-content h4{

     color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;

}

.support-content p{

    color:rgba(255,255,255,.9);

    font-size:14px;

}

.support-call{

    width:48px;
    height:48px;

    background:#fff;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#0033A0;

    text-decoration:none;

    font-size:18px;

    transition:.3s;

}

.support-call:hover{

    background:#ffb400;

    color:#fff;

    transform:rotate(15deg);

}

/* Floating Animation */

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

/* Online Pulse */

@keyframes pulse{

0%{

box-shadow:0 0 0 0 rgba(34,197,94,.8);

}

70%{

box-shadow:0 0 0 10px rgba(34,197,94,0);

}

100%{

box-shadow:0 0 0 0 rgba(34,197,94,0);

}

}

/*====================================
    Hotel CTA Section
====================================*/

.hotel-cta-section{
    padding:70px 0;
}

.hotel-cta-wrapper{
    background:#fff;
    border:1px solid #e8edf7;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(18,38,63,.08);
    transition:.35s;
}

.hotel-cta-wrapper:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 50px rgba(18,38,63,.12);
}

/*=========================
      Image
=========================*/

.hotel-cta-image{
    position:relative;
    overflow:hidden;
    height:100%;
    min-height: 100%;
}

.hotel-cta-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.hotel-cta-wrapper:hover .hotel-cta-image img{
    transform:scale(1.05);
}

/* Right Slant */

.hotel-cta-image:after{

content: "";
    position: absolute;
    top: 0;
    right: -100px;
    width: 170px;
    height: 100%;
    background: #fff;
    transform: skewX(-17deg);
    z-index: 2;

}

/*=========================
      Content
=========================*/

.hotel-cta-content{
    padding: 40px 20px;
    position: relative;
}

.hotel-subtitle{

display:inline-block;

font-size: 15px;

font-weight:700;

letter-spacing:1px;

color:var(--tn-theme-color);

text-transform:uppercase;

margin-bottom: 4px;
}

.hotel-title{

font-size: 34px;

font-weight:800;

line-height:1.2;

color: var(--tn-title-color);

margin-bottom: 8px;
}

.hotel-desc{

    font-size:15px;

    line-height:30px;

    color:#666;

    margin-bottom:30px;

}

/*=========================
      Features
=========================*/

.hotel-feature-list{

    display:flex;

    flex-wrap:wrap;

    gap:22px;

    margin-bottom:35px;

}

.hotel-feature-item{

    display:flex;

    align-items:center;

    gap:12px;

}

.feature-icon{

    width:55px;
    height:55px;

    border-radius:50%;

    background:var(--tn-theme-color);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;

    transition:.3s;

}

.hotel-feature-item:hover .feature-icon{

    transform:rotate(10deg);

}

.feature-text{

    display:flex;
    flex-direction:column;

}

.feature-text strong{

    font-size:15px;

    color:var(--tn-title-color);
    line-height: 1.3;
    font-weight:700;

}

.feature-text span{

    font-size:14px;

    color:#666;
        line-height: 1.3;

}

/*=========================
      Button
=========================*/

.hotel-cta-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:var(--tn-theme-color);

    color:#fff;

    text-decoration:none;

    padding:15px 34px;

    border-radius:8px;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    transition:.35s;

}

.hotel-cta-btn:hover{

    background:var(--z-dark);

    color:#fff;

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(0,51,160,.25);

}


/*======================================
    TOP USA PACKAGE SECTION
======================================*/


.usa-package-section{
padding: 90px 0;
    background: #0033a012;
    position: relative;
    overflow: hidden;
    /*margin-bottom: 100px;*/
}

.usa-package-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(0,51,160,.05);
    border-radius:50%;
    top:-180px;
    right:-120px;
}

.usa-package-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(0,51,160,.04);
    border-radius:50%;
    bottom:-150px;
    left:-120px;
}

/*==============================
      Heading
==============================*/

.package-tag{
     display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffb21d;
    color: #141414;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.package-title{
    font-size: 34px;
    font-weight: 800;
    color: var(--tn-title);
    margin-bottom: 14px;
}

.package-title span{
    color:var(--tn-theme-color);
}

.package-subtitle{
    font-size: 28px;
    font-weight: 300;
    color: #1d1d1d;
    margin-bottom: 18px;
}

.package-desc{
    max-width:760px;
    margin:auto;
    color:var(--tn-text);
    font-size:17px;
    line-height:30px;
}

/*==============================
      Features
==============================*/

.package-features{
    margin-top:60px;
    margin-bottom:30px;
}

.feature-box{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:15px;
}

.feature-icon{
    width:65px;
    height:65px;
    background:var(--tn-theme-color);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    transition:.35s;
}

.feature-box:hover .feature-icon{
    transform:rotate(12deg) scale(1.08);
}

.feature-box h6{
    margin:0;
    font-size:17px;
    font-weight:700;
    color:var(--tn-title);
    text-align:left;
    line-height:26px;
}

/*==============================
      Package Card
==============================*/

.package-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
 border:1px solid #d7dae0;
    /*box-shadow:0 10px 35px rgba(0,0,0,.08);*/
    transition:.35s;
    height:100%;
}

.package-card:hover{
    transform:translateY(-8px);
    /*box-shadow:0 20px 45px rgba(0,0,0,.12);*/
}
.will-sticky .sticky-active {

    box-shadow: 0 0 10px 0 rgb(0 0 0 / 29%);
}
.package-image{
    position:relative;
    overflow:hidden;
}

.package-image img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
    transition:.5s;
    object-position:bottom;
}

.package-card:hover .package-image img{
    transform:scale(1.08);
}

/*==============================
      Badge
==============================*/

.package-badge{
    position:absolute;
    left:18px;
    top:18px;
    background:#ffb400;
    color:#000;
    padding:7px 15px;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
}

/*==============================
      Wishlist
==============================*/

.wishlist{
    position:absolute;
    top:18px;
    right:18px;
    width:42px;
    height:42px;
    background:#fff;
    color:var(--tn-theme-color);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:18px;
    transition:.35s;
    box-shadow:0 6px 15px rgba(0,0,0,.12);
}

.wishlist:hover{
    background:var(--tn-theme-color);
    color:#fff;
}

/*==============================
      Content
==============================*/

.package-content{
    padding:24px;
}

.package-content h3{
    font-size:20px;
    font-weight:700;
    color:var(--tn-title);
    margin-bottom:8px;
}

.package-content p{
    color:var(--tn-text);
    font-size:15px;
    margin-bottom:20px;
    line-height:26px;
}

/*==============================
      Flight + Hotel
==============================*/

.package-inc{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:20px;
}

.package-inc span{
    flex:1;
    background:#e7edf5;
    border-radius:10px;
    padding:10px;
    text-align:center;
    font-size:13px;
    font-weight:600;
    color:#444;
}

.package-inc i{
    color:var(--tn-theme-color);
    margin-right:6px;
}



/*========================================
      PACKAGE SERVICES
========================================*/

.package-service{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-bottom:25px;
    padding-bottom:20px;
    border-bottom:1px solid var(--tn-border);
}

.package-service div{
    flex:1;
    text-align:center;
}

.package-service i{
    width:42px;
    height:42px;
    line-height:42px;
    border-radius:50%;
    background:#eef4ff;
    color:var(--tn-theme-color);
    font-size:18px;
    margin-bottom:8px;
    transition:.35s;
}

.package-service span{
    display:block;
    font-size:13px;
    font-weight:600;
    color:#666;
}

.package-card:hover .package-service i{
    background:var(--tn-theme-color);
    color:#fff;
    transform:translateY(-4px);
}

/*========================================
      PRICE
========================================*/

.package-price{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:22px;
}

.package-price small{
      display: block;
    color: #393737;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0px;
}

.package-price h4{
    margin:0;
    color:var(--tn-theme-color);
    font-size:26px;
    font-weight:700;
    line-height:1;
}

.package-price h4 span{
    font-size:15px;
    color:#777;
    font-weight:500;
}

/*========================================
      BUTTON
========================================*/

.package-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;

    padding:15px 20px;

    background:var(--tn-theme-color);

    color:#fff;

    text-decoration:none;

    border-radius:12px;

    font-size:15px;

    font-weight:700;

    transition:.35s;
}

.package-btn i{
    transition:.35s;
}

.package-btn:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(0,51,160,.25);
}

.package-btn:hover i{
    transform:translateX(6px);
}

/*========================================
      HELP CTA
========================================*/

.help-cta{
    padding:80px 0 40px;
}

.help-wrapper{

    background:linear-gradient(135deg, var(--tn-theme-color), #1414d2);
    border-radius:20px;

    padding:45px 40px;

    overflow:hidden;

    position:relative;

    box-shadow:0 20px 45px rgba(0,51,160,.18);

}

.help-wrapper::before{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    right:-120px;
    top:-120px;

}

.help-left{

    display:flex;

    align-items:center;

    gap:20px;

}

.help-icon{

    width:75px;
    height:75px;

    border-radius:50%;

    background:#fff;

    color:var(--tn-theme-color);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:30px;

    flex-shrink:0;

}

.help-left h3{

    color:#fff;

    font-size:28px;

    font-weight:700;

    margin-bottom:8px;

}

.help-left p{

    color:rgba(255,255,255,.88);

    margin:0;

    line-height:28px;

}

.help-phone small{

    color:#dfe8ff;

    text-transform:uppercase;

    letter-spacing:1px;

    display:block;

    margin-bottom:8px;

}

.help-phone h2{

    color:#fff;

    font-size:42px;

    font-weight:800;

    margin:0;

}

.expert-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#fff;

    color:var(--tn-theme-color);

    text-decoration:none;

    padding:15px 34px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.expert-btn i{

    transition:.35s;

}

.expert-btn:hover{

    background:#ffb400;

    color:#111;

    transform:translateY(-3px);

}

.expert-btn:hover i{

    transform:translateX(6px);

}
.best-seller{ background:#FFB400; color:#222; }
.popular{ background:#0EA5E9; color:#fff; }
.hot-deal{ background:#EF4444; color:#fff; }
.family{ background:#EC4899; color:#fff; }
.discount{ background:#16A34A; color:#fff; }
.premium{ background:#111827; color:#fff; }
.usaPackageSlider{
    padding:15px 5px 60px;
}

.usaPackageSlider .swiper-slide{
    height:auto;
}

.usaPackageSlider .package-card{
    height:100%;
}

.usaPackageSlider .swiper-button-next,
.usaPackageSlider .swiper-button-prev{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    color:var(--tn-theme-color);
}

.usaPackageSlider .swiper-button-next:after,
.usaPackageSlider .swiper-button-prev:after{
    font-size:18px;
    font-weight:700;
}

.usaPackageSlider .swiper-pagination-bullet{
    width:12px;
    height:12px;
}

.usaPackageSlider .swiper-pagination-bullet-active{
    background:var(--tn-theme-color);
    width:28px;
    border-radius:20px;
}













/*==========================================
HERO SECTION
==========================================*/

.destination-hero{
    position:relative;
    /*overflow:hidden;*/
    padding:70px 0;
  
}

.destination-hero:before{
    position:absolute;
    content:"";
    inset:0;
    background:linear-gradient(90deg,
    rgba(10,18,38,.92)0%,
    rgba(10,18,38,.78)45%,
    rgba(10,18,38,.25)100%);
}

.hero-overlay{
    position:absolute;
    inset:0;
}

.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
}

.hero-tag{

    display:inline-block;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    padding:10px 22px;
    border-radius:30px;
    color:#fff;
    font-weight:600;
    margin-bottom:20px;
}

.hero-content h1 {
    font-size: 44px;
    line-height: 1.05;
    font-weight: 900;
    margin-bottom: 15px;
    color: var(--white);
}

.hero-content h1 span{

    display:block;
    color:#ffb400;
}

.hero-content p{

    font-size:18px;
    line-height:32px;
    max-width:620px;
    color:rgba(255,255,255,.9);
}

/*==========================================
PRICE BOX
==========================================*/

.hero-price{

    margin:35px 0;
}

.hero-price small{

    display:block;
    color:#fff;
    opacity:.8;
    margin-bottom:8px;
    font-size:15px;
}

.hero-price h2{

    font-size:44px;
    font-weight:900;
        color: #ffb400;
}

.hero-price h2 span{

    font-size:18px;
    font-weight:500;
    color:#ddd;
}

/*==========================================
BUTTONS
==========================================*/

.hero-buttons{

    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:35px;
}
.btn-call {
    display: flex;
    align-items: center;
    gap: 15px;
    background: var(--tn-theme-color);
    color: var(--white);
    padding: 18px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    transition: .35s;
    box-shadow: 0 20px 40px rgba(255, 180, 0, .25);
    font-size: 30px;
}

.btn-call div {
    font-size: 18px;
    line-height: 1.3;
}
.btn-call span{

    display:block;
  font-size: 18px;
    line-height: 1.3;
    font-weight:500;
}

.btn-call:hover{

    transform:translateY(-4px);
    color:#111;
}

.btn-check{

    display:flex;
    align-items:center;
    gap:12px;
    border:2px solid rgba(255,255,255,.35);
    color:#fff;
    padding:18px 30px;
    border-radius:60px;
    text-decoration:none;
    transition:.35s;
    backdrop-filter:blur(12px);
}

.btn-check:hover{

    background:#fff;
    color:var(--tn-theme-color);
}

/*==========================================
FEATURE LIST
==========================================*/

.hero-features{

    display:flex;
    flex-wrap:wrap;
    gap:25px;
    margin-top:45px;
}

.hero-features span{

    color:#fff;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:15px;
}

.hero-features i{

    color:#22c55e;
}

/*==========================================
RATING CARD
==========================================*/

.rating-box{

    position:relative;
    z-index:2;

    background:#fff;

    border-radius:22px;

    padding:45px;

    box-shadow:var(--shadow);

    max-width:380px;

    margin-left:auto;
}

.rating-stars{

    color:#ffb400;
    font-size:22px;
    margin-bottom:18px;
}

.rating-box h3{

    font-size:34px;
    font-weight:800;
    color:var(--tn-theme-color);
}

.rating-box p{

    color:#777;
    margin:0;
    line-height:28px;
}

.rating-box:after{

    position:absolute;
    content:"★★★★★";
    right:25px;
    top:25px;
    font-size:60px;
    opacity:.05;
}


/*=========================================
SFX ORLANDO - WHY VISIT SECTION
=========================================*/

.sfx-orl-why {
    padding: 90px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.sfx-orl-why::before {
    content: "";
    position: absolute;
    top: -180px;
    left: -180px;
    width: 380px;
    height: 380px;
    background: rgba(20, 20, 210, .04);
    border-radius: 50%;
}

.sfx-orl-subtitle {
    display: inline-block;
    padding: 8px 18px;
    background: rgba(20,20,210,.08);
    color: var(--tn-theme-color);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.sfx-orl-title {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--tn-title-color);
    margin-bottom: 20px;
}

.sfx-orl-title span {
    color: var(--tn-theme-color);
}

.sfx-orl-desc {
    color: #667085;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 35px;
}

/*=========================================
FEATURE ICONS
=========================================*/

.sfx-orl-features {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 35px;
}

.sfx-orl-feature {
    flex: 1 1 calc(50% - 18px);
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 15px;
    padding: 18px;
    transition: .35s;
}

.sfx-orl-feature:hover {
    transform: translateY(-6px);
    border-color: var(--tn-theme-color);
    box-shadow: 0 18px 40px rgba(20,20,210,.10);
}

.sfx-orl-feature-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(20,20,210,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tn-theme-color);
    font-size: 24px;
    flex-shrink: 0;
}

.sfx-orl-feature h5 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--tn-title-color);
}

.sfx-orl-feature p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #667085;
}

/*=========================================
CENTER IMAGE
=========================================*/

.sfx-orl-image {
    position: relative;
}

.sfx-orl-image img {
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
    box-shadow: 0 25px 55px rgba(0,0,0,.12);
}

.sfx-orl-image::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 2px solid rgba(255,255,255,.35);
    border-radius: 20px;
    pointer-events: none;
}
/*=========================================
SFX ORLANDO - WHY VISIT SECTION
=========================================*/

.sfx-orl-why {
    padding: 90px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.sfx-orl-why::before {
    content: "";
    position: absolute;
    top: -180px;
    left: -180px;
    width: 380px;
    height: 380px;
    background: rgba(20, 20, 210, .04);
    border-radius: 50%;
}

.sfx-orl-subtitle {
    display: inline-block;
    padding: 8px 18px;
    background: rgba(20,20,210,.08);
    color: var(--tn-theme-color);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.sfx-orl-title {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--tn-title-color);
    margin-bottom: 20px;
}

.sfx-orl-title span {
    color: var(--tn-theme-color);
}

.sfx-orl-desc {
    color: #667085;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 35px;
}
.sfx-orl-benefit-item {
    display: flex;
    align-items: center;
}

.sfx-orl-benefit-icon i {
    background: var(--tn-theme-color);
    color: var(--white);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
}

.sfx-orl-benefit-icon {
    margin-right: 10px;
}

.sfx-orl-benefits .sfx-orl-benefit-item:not(:last-child) {
    margin-bottom: 11px;
}

.sfx-orl-benefit-content h6 {
     margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
}

/*=

========================================
FEATURE ICONS
=========================================*/

.sfx-orl-features {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 35px;
}

.sfx-orl-feature {
    flex: 1 1 calc(50% - 18px);
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 15px;
    padding: 18px;
    transition: .35s;
}

.sfx-orl-feature:hover {
    transform: translateY(-6px);
    border-color: var(--tn-theme-color);
    box-shadow: 0 18px 40px rgba(20,20,210,.10);
}

.sfx-orl-feature-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(20,20,210,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tn-theme-color);
    font-size: 24px;
    flex-shrink: 0;
}

.sfx-orl-feature h5 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--tn-title-color);
}

.sfx-orl-feature p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #667085;
}

/*=========================================
CENTER IMAGE
=========================================*/

.sfx-orl-image {
    position: relative;
}

.sfx-orl-image img {
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
    box-shadow: 0 25px 55px rgba(0,0,0,.12);
}

.sfx-orl-image::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 2px solid rgba(255,255,255,.35);
    border-radius: 20px;
    pointer-events: none;
}

/*=========================================
RIGHT BENEFITS CARD
=========================================*/

.sfx-orl-benefits {
       background: #fff;
    border-radius: 24px;
    padding: 20px 30px;
    border: 1px solid #edf2f7;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.sfx-orl-benefits h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}

.sfx-orl-benefits ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sfx-orl-benefits li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px dashed #ececec;
    font-size: 15px;
    color: #444;
}

.sfx-orl-benefits li:last-child {
    border-bottom: none;
}

.sfx-orl-benefits li i {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(20,20,210,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tn-theme-color);
    font-size: 18px;
}


/*======================================
TOP ORLANDO VACATION PACKAGES
Unique CSS
======================================*/

.orl-pkg-section{
    position:relative;
    padding:90px 0;
    background:#fff;
}

.orl-pkg-heading{
    text-align:center;
    margin-bottom:50px;
}

.orl-pkg-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#eef3ff;
    color:var(--tn-theme-color);
    padding:8px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.orl-pkg-title{
    font-size:42px;
    font-weight:800;
    color:#1b2559;
    margin-bottom:12px;
}

.orl-pkg-title span{
    color:var(--tn-theme-color);
}

.orl-pkg-desc{
    max-width:760px;
    margin:auto;
    color:#6b7280;
    line-height:30px;
}

/*=========================
PACKAGE CARD
==========================*/

.orl-pkg-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #edf1f7;
    transition:.35s;
    position:relative;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    height:100%;
}

.orl-pkg-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(20,20,210,.15);
}

/*=========================
IMAGE
==========================*/

.orl-pkg-image{
    position:relative;
    overflow:hidden;
}

.orl-pkg-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:.6s;
}

.orl-pkg-card:hover img{
    transform:scale(1.08);
}

/*=========================
BADGE
==========================*/

.orl-pkg-badge{
    position:absolute;
    top:15px;
    left:15px;
    background:#ffb100;
    color:#111;
    padding:8px 15px;
    border-radius:50px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    z-index:2;
}

.orl-pkg-badge.popular{
    background:#0ea5e9;
    color:#fff;
}

.orl-pkg-badge.premium{
    background:#7c3aed;
    color:#fff;
}

.orl-pkg-badge.deal{
    background:#16a34a;
    color:#fff;
}

/*=========================
WISHLIST
==========================*/

.orl-pkg-like{
    position:absolute;
    top:15px;
    right:15px;
    width:42px;
    height:42px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--tn-theme-color);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    transition:.3s;
    z-index:2;
}

.orl-pkg-like:hover{
    background:var(--tn-theme-color);
    color:#fff;
}

/*=========================
CONTENT
==========================*/

.orl-pkg-body{
    padding:24px;
}

.orl-pkg-body h3{
    font-size:25px;
    font-weight:700;
    color:#16213e;
    margin-bottom:8px;
}

.orl-pkg-body p{
    color:#6b7280;
    margin-bottom:18px;
}

/*=========================
INCLUDED
==========================*/

.orl-pkg-inc{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.orl-pkg-inc span{
    background:#f5f7fc;
    padding:8px 14px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    color:#4b5563;
}

.orl-pkg-inc i{
    color:var(--tn-theme-color);
    margin-right:6px;
}

/*=========================
SERVICES
==========================*/

.orl-pkg-service{
    display:flex;
    justify-content:space-between;
    margin-bottom:24px;
    border-top:1px solid #edf2f7;
    border-bottom:1px solid #edf2f7;
    padding:18px 0;
}

.orl-pkg-service div{
    text-align:center;
    flex:1;
}

.orl-pkg-service i{
    display:block;
    color:var(--tn-theme-color);
    font-size:20px;
    margin-bottom:8px;
}

.orl-pkg-service span{
    font-size:14px;
    color:#555;
}

/*=========================
PRICE
==========================*/

.orl-pkg-price{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:22px;
}

.orl-pkg-price small{
    display:block;
    color:#999;
}

.orl-pkg-price h4{
    font-size:34px;
    color:var(--tn-theme-color);
    font-weight:800;
    margin:5px 0;
}

.orl-pkg-price h4 span{
    font-size:15px;
    color:#777;
    font-weight:500;
}

/*=========================
BUTTON
==========================*/

.orl-pkg-btn{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    padding:15px;
    border-radius:12px;
    background:var(--tn-theme-color);
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    transition:.35s;
}

.orl-pkg-btn:hover{
    background:#0d1fb8;
    color:#fff;
    letter-spacing:.4px;
}

.orl-pkg-btn i{
    transition:.35s;
}

.orl-pkg-btn:hover i{
    transform:translateX(5px);
}

/*=========================
SWIPER
==========================*/

.orlPackageSlider{
    padding-bottom:60px;
}

.orlPackageSlider .swiper-button-next,
.orlPackageSlider .swiper-button-prev{
    width:52px;
    height:52px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    color:var(--tn-theme-color);
}

.orlPackageSlider .swiper-button-next:after,
.orlPackageSlider .swiper-button-prev:after{
    font-size:18px;
    font-weight:700;
}

.orlPackageSlider .swiper-pagination-bullet{
    width:11px;
    height:11px;
}

.orlPackageSlider .swiper-pagination-bullet-active{
    width:28px;
    border-radius:20px;
    background:var(--tn-theme-color);
}


.section-heading h2.section-title {
    font-size: 34px;
}
span.section-tag {
    display: inline-block;
    color: var(--tn-theme-color);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
    padding: 8px 18px;
    background: rgba(20, 20, 210, 0.08);
    border-radius: 50px;
}

/*.vacation-packages .package-info {*/
/*    font-size: 15px;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/

.vacation-packages .package-info {
    margin-bottom:5px;
}


/*==========================
PACKAGE INCLUDE SECTION
===========================*/

.package-includes{
    padding:90px 0 0;
    background:#fff;
}


.package-includes .section-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#eef3ff;
    color:var(--tn-theme-color);
    padding:8px 20px;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:18px;
}

.package-includes .section-title{
    font-size:34px;
    font-weight:800;
    color:#172554;
    margin-bottom:18px;
}

.package-includes .section-desc{
    max-width:760px;
    margin:auto;
    color:#6b7280;
    line-height:30px;
}

/*======================
CARD
=======================*/

.include-card{

    background:#fff;
    border:1px solid #edf1f7;
    border-radius:22px;
    padding:35px 30px;
    text-align:center;
    height:100%;
    transition:.35s;
    position:relative;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.include-card:hover{

    transform:translateY(-8px);

    border-color:var(--tn-theme-color);

    box-shadow:0 20px 50px rgba(20,20,210,.12);

}

.include-card:before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:var(--tn-theme-color);

    transform:scaleX(0);

    transition:.4s;

}

.include-card:hover:before{

    transform:scaleX(1);

}

.include-icon{

    width:78px;

    height:78px;

    margin:auto;

    margin-bottom:22px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eef3ff;

    color:var(--tn-theme-color);

    font-size:30px;

    transition:.35s;

}

.include-card:hover .include-icon{

    background:var(--tn-theme-color);

    color:#fff;

    transform:rotate(10deg);

}

.include-card h4{

    font-size:20px;

    font-weight:700;

    margin-bottom:5px;

    color:#16213e;

}

.include-card p{

    color:#6b7280;

    line-height:28px;

}

/*======================
BOTTOM CTA
=======================*/

.package-highlight{

    background:linear-gradient(135deg,var(--tn-theme-color),#0d1fb8);

    border-radius:24px;

    padding:45px;

    color:#fff;

}

.package-highlight h3{

    font-size:34px;

    font-weight:700;
    color:#fff;
    margin-bottom:15px;

}

.package-highlight p{

    opacity:.9;

    margin:0;
        color:#fff;

}

.highlight-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#fff;

    color:var(--tn-theme-color);

    padding:15px 28px;

    border-radius:50px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.highlight-btn:hover{

    background:#ffb400;

    color:#111;

}
/*=========================
ORLANDO ATTRACTIONS
=========================*/

.orl-attractions{
    background:#fff;
    padding:80px 0;
}

.orl-attraction-subtitle{

     display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #eef3ff;
    color: var(--tn-theme-color);
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;

}

.orl-attraction-title{

      font-size: 34px;
    font-weight: 800;
    color: #172554;
    margin-bottom: 18px;
}

.orl-attraction-item{

    display:block;
    text-align:center;
    text-decoration:none;
    transition:.35s;

}

.orl-attraction-image{

    overflow:hidden;
    border-radius:14px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.orl-attraction-image img{

    width:100%;
    height:150px;
    object-fit:cover;
    display:block;
    transition:.5s;

}

.orl-attraction-item:hover img{

    transform:scale(1.08);

}

.orl-attraction-item h4{

    font-size:18px;
    font-weight:700;
    color:#1b1b1b;
    margin-top:15px;
    line-height:28px;
    transition:.3s;

}

.orl-attraction-item:hover h4{

    color:var(--tn-theme-color);

}
.sfx-orl-why {
    padding-bottom:70px;
}


/*=========================================
   PREMIUM HOTEL SECTION
=========================================*/

.orlh-section {
    padding: 90px 0 0;
    background: var(--tn-theme-color);
    overflow: hidden;
}

.orlh-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 20px;
    background:#eef3ff;
    color:var(--tn-theme-color);
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.orlh-title{
    font-size:44px;
    font-weight:800;
    color:#16213e;
    margin:18px 0;
}

.orlh-desc{
    max-width:760px;
    margin:auto;
    color:var(--white);
    line-height:30px;
}
.tn-booking {
    box-shadow:unset;
}
/*==========================
CARD
==========================*/

.orlh-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #edf2f7;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.orlh-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(20,20,210,.12);
}

/*==========================
IMAGE
==========================*/

.orlh-image{
    position:relative;
    overflow:hidden;
}

.orlh-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.6s;
    display:block;
}

.orlh-card:hover .orlh-image img{
    transform:scale(1.08);
}

/*==========================
BADGE
==========================*/

.orlh-badge{
    position:absolute;
    top:18px;
    left:18px;
    padding:8px 15px;
    border-radius:40px;
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.orlh-badge.luxury{
    background:#6d28d9;
}

.orlh-badge.popular{
    background:#ffb400;
    color:#111;
}

.orlh-badge.deal{
    background:#16a34a;
}

/*==========================
WISHLIST
==========================*/

.orlh-wishlist{
    position:absolute;
    top:18px;
    right:18px;
    width:42px;
    height:42px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#111;
    transition:.3s;
}

.orlh-wishlist:hover{
    background:var(--tn-theme-color);
    color:#fff;
}

/*==========================
CONTENT
==========================*/

.orlh-content{
    padding:25px;
}

.orlh-rating{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

.orlh-stars{
    color:#ffb400;
    font-size:14px;
}

.orlh-rating span{
    font-size:14px;
    font-weight:700;
    color:#555;
}

.orlh-content h3{
    font-size:24px;
    font-weight:700;
    margin-bottom:10px;
    color:#16213e;
}

.orlh-location{
    color:#6b7280;
    margin-bottom:18px;
    font-size:15px;
}

.orlh-location i{
    color:var(--tn-theme-color);
    margin-right:6px;
}

/*==========================
FACILITIES
==========================*/

.orlh-facilities{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:25px;
}

.orlh-facilities span {
    padding: 3px 5px;
    /* background: #f4f7fb; */
    border-radius: 0;
    font-size: 13px;
    color: #555;
}
.orlh-facilities span:not(:last-child) {
    margin-right:5px;
}

.orlh-facilities i{
    color:var(--tn-theme-color);
    margin-right:5px;
}

/*==========================
BOTTOM
==========================*/

.orlh-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #edf2f7;
    padding-top:20px;
}

.orlh-bottom small{
    display:block;
    color:#393737;
}

.orlh-bottom h4{
    font-size: 30px;
    color: var(--tn-theme-color);
    margin-top: 0;
    font-weight: 800;
    margin-bottom: 0;
}

.orlh-bottom h4 span{
    font-size:15px;
    color:#666;
    font-weight:500;
}

.orlh-bottom a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    /* background: var(--tn-theme-color); */
    color: var(--tn-theme-color);
    /* padding: 12px 22px; */
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    transition: .3s;
    transition:.3s;
}
.orlh-bottom a:hover {
    background: transparent;
    color: var(--tn-title-color);
}
.orlh-bottom a i{
    transition:.3s;
}

.orlh-bottom a:hover i{
    transform:translateX(5px);
}

.orlhSlider{
    padding:20px 5px 70px;
}

.orlhSlider .swiper-slide{
    height:auto;
}

.orlhSlider .swiper-button-next,
.orlhSlider .swiper-button-prev{

    width:50px;
    height:50px;
    border-radius:50%;
    background:#fff;
    color:var(--tn-theme-color);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.orlhSlider .swiper-button-next:after,
.orlhSlider .swiper-button-prev:after{

    font-size:18px;
    font-weight:700;

}

.orlhSlider .swiper-pagination-bullet{

    width:10px;
    height:10px;

}

.orlhSlider .swiper-pagination-bullet-active{

    width:28px;
    border-radius:20px;
    background:var(--tn-theme-color);

}

.orlh-section .orl-attraction-title {
    color: var(--white);
    margin-top: 14px;
    margin-bottom: 15px;
}

/*=========================================
 ORLANDO FLIGHT + SEASON SECTION
=========================================*/

.orl-flight-season{
    padding:90px 0;
}

.orl-flight-box,
.orl-season-box{

    background:#fff;
    border:1px solid #edf2f7;
    border-radius:22px;
    padding:30px;
    height:100%;
    box-shadow:0 10px 35px rgba(0,0,0,.05);

}

.orl-box-title{
    margin-bottom:25px;
}

.orl-box-title h3 , .orl-faq-heading h2{

    font-size:34px;
    font-weight:800;
    color:#16213e;
    margin:0;

}

.orl-faq-heading {
    margin-bottom: 30px;
}


.orl-box-title i{

    color:var(--tn-theme-color);
    margin-right:10px;

}

/*==============================
FLIGHT TABLE
==============================*/

.orl-flight-table{

    width:100%;
    border-collapse:collapse;
    table-layout:fixed;

}
table.orl-flight-table tr th , table.orl-flight-table tr td {
    text-align: center;
}

table.orl-flight-table tr th:nth-child(1), table.orl-flight-table tr td:nth-child(1){
    text-align: left;
}
table.orl-flight-table tr th:nth-child(4), table.orl-flight-table tr td:nth-child(4) {
    text-align: right;
}

.orl-flight-table thead th{

    padding:14px 12px;
    background:#eef3ff;
    color:#16213e;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;

}

.orl-flight-table tbody td{

    padding:15px 12px;
    border-bottom:1px solid #edf2f7;
    font-size:15px;
    color:#555;

}

.orl-flight-table tbody tr{

    transition:.3s;

}

.orl-flight-table tbody tr:hover{

    background:#f8fbff;

}

.orl-flight-table tbody td:last-child{

    color:var(--tn-theme-color);
    font-weight:700;

}

/*==============================
AIRLINES
==============================*/

.orl-airlines h5{

    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
    color:#16213e;

}

.orl-airlines ul{

    list-style:none;
    margin:0;
    padding:0;

}

.orl-airlines ul li{

    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#555;
    font-weight:600;

}

.orl-airlines ul li img{

    width:30px;
    height:30px;
    object-fit:contain;

}

/*==============================
SEASON CARDS
==============================*/

.season-card{

    background:#fff;
    border:1px solid #edf2f7;
    border-radius:18px;
    padding:22px 18px;
    text-align:center;
    transition:.35s;
    height:100%;

}

.season-card:hover{

    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(20,20,210,.10);

}

.season-card i{

    font-size:34px;
    margin-bottom:12px;

}

.season-card h4{

    font-size:20px;
    font-weight:700;
    color:#16213e;
    margin-bottom:4px;

}

.season-card span{

    display:block;
    color:#667085;
    font-size:14px;
    margin-bottom:12px;

}

.season-card p{

    font-size:14px;
    color:#667085;
    line-height:24px;
    margin:0;

}

/*==============================
ICON COLORS
==============================*/

.spring i{

    color:#22c55e;

}

.summer i{

    color:#f59e0b;

}

.fall i{

    color:#ea580c;

}

.winter i{

    color:#2563eb;

}

/*=========================================
 ORLANDO FAQ SECTION
=========================================*/

.orl-faq-section {
    padding: 0 0 150px;
    background: #fff;
    
}
.orl-faq-title{
    font-size:42px;
    font-weight:800;
    color:#16213e;
    margin-bottom:30px;
}

/*========================
FAQ ACCORDION
========================*/

.orl-faq-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.orl-faq-item{
    background:#fff;
    border:1px solid #edf2f7;
    border-radius:14px;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.orl-faq-item:hover{
    border-color:var(--tn-theme-color);
    box-shadow:0 18px 45px rgba(20,20,210,.10);
}

.orl-faq-btn{
    width:100%;
    background:#fff;
    border:none;
    outline:none;
    padding:22px 25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    font-size:18px;
    font-weight:700;
    color:#16213e;
    transition:.3s;
}

.orl-faq-btn:hover{
    color:var(--tn-theme-color);
}

.orl-faq-btn i{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#eef3ff;
    color:var(--tn-theme-color);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    font-size:14px;
}

.orl-faq-item.active .orl-faq-btn i{
    transform:rotate(45deg);
    background:var(--tn-theme-color);
    color:#fff;
}

.orl-faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}

.orl-faq-content p{
    padding:0 25px 22px;
    margin:0;
    color:#667085;
    line-height:28px;
    font-size:15px;
}

/*========================
RIGHT CTA BOX
========================*/

.orl-support-box{
    background:linear-gradient(135deg,#0d47ff,#0033a0);
    border-radius:24px;
    overflow:hidden;
    position:relative;
    color:#fff;
    box-shadow:0 25px 60px rgba(0,51,160,.22);
}

.orl-support-inner{
    padding:40px;
    position:relative;
    z-index:2;
}

.orl-support-inner h3{
    font-size:34px;
    font-weight:800;
    margin-bottom:15px;
    color:#fff;
}

.orl-support-inner p{
    color:rgba(255,255,255,.9);
    line-height:30px;
    margin-bottom:28px;
}
.orl-phone i {
    font-size: 24px;
    color: #16213e;
}
.orl-phone{
    display:flex;
    align-items:center;
    gap:4px;
    margin-bottom:30px;
}
.tn-footer--top {
    background-color: #16213e;
}

.orl-phone-icon{
    width:70px;
    height:70px;
    background:#fff;
    color:var(--tn-theme-color);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    flex-shrink:0;
}

.orl-phone small{
    display:block;
    color:#dbe7ff;
    margin-bottom:4px;
    font-size:14px;
}

.orl-phone h2{
    color:#fff;
    font-size:36px;
    font-weight:800;
    margin:0;
}

.orl-call-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    background:#ffb400;
    color:#111;
    padding:18px 25px;
    border-radius:12px;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    transition:.35s;
}

.orl-call-btn:hover{
    background:#fff;
    color:var(--tn-theme-color);
}

.orl-agent{
    /*position:absolute;*/
    /*right:0;*/
    /*bottom:0;*/
    /*width:240px;*/
    /*pointer-events:none;*/
}
.orl-help-card {
    display: flex;
    align-items: center;
    padding-left: 30px;
    background-color: #cfe2ff;
    border-radius:10px;
}
.orl-faq-heading {
    margin: 0;
}
.orl-faq-tag i
{
        color: var(--tn-theme-color);
    margin-right: 10px;
}

.orl-help-card h3 {
    font-size: 28px;
}

.orl-help-card .orl-phone a {
    color: var(--tn-theme-color);
    font-size: 28px;
    font-weight: 800;
}

.tn-subscribe {
    position: relative;
    top: -80px;
    border-radius: 20px;
    margin-bottom: -100px;
}

/*popular routes section  design start here */

.popular-routes{
padding: 60px 0 80px;
    background: #1624de;
    position: relative;
    overflow: hidden;
    margin: 70px 0 20px;
 background-blend-mode: color-burn;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-color-theme .heading-title-h2 {
    color: var(--white);
}
.fly-plane-icon {
    position: absolute;
    right: 0;
    width: 100%;
    max-width: 310px !important;
    top: 0;
}
.bg-color-theme .heading-title-h2 span
{
        color: #ffc107;
}
.orlh-section .swiper-button-next, .orlh-section .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 36%);
}
.bg-color-theme p {
    color:var(--white-color);
}
/*.popular-routes:before{*/
/*    content:"";*/
/*    position:absolute;*/
/*    left:0;*/
/*    right:0;*/
/*    bottom:0;*/
/*    height:180px;*/
/*    background:url(../img/city-bg.webp) bottom center/cover no-repeat;*/
/*    opacity:.08;*/
/*}*/

.popular-routes .section-title{
    text-align:center;
    margin-bottom:60px;
}

.popular-routes .section-title span{
    display:block;
    color:#555;
    font-size:20px;
    margin-bottom:5px;
}

.popular-routes .section-title h2{
    font-size:48px;
    font-weight:800;
    color:var(--tn-theme-color);
    margin:0;
}

.popular-routes .title-line{
    width:90px;
    height:4px;
    background:var(--tn-theme-color);
    margin:18px auto 0;
    border-radius:30px;
}

/*.popular-routes .routes-grid{*/
/*    display:grid;*/
/*    grid-template-columns:repeat(8,1fr);*/
/*    gap:35px 18px;*/
/*    position:relative;*/
/*    z-index:2;*/
/*}*/
.popular-routes .routes-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px 18px;
    position: relative;
    z-index: 2;
}
/*.popular-routes .route-card{*/
/*    background:#fff;*/
/*    clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%);*/
/*    height:155px;*/
/*    display:flex;*/
/*    flex-direction:column;*/
/*    align-items:center;*/
/*    justify-content:center;*/
/*    text-align:center;*/
/*    text-decoration:none;*/
/*    position:relative;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,.08);*/
/*    transition:.35s;*/
/*    color:#222;*/
/*}*/
.popular-routes .route-card {
      background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    text-decoration: none;
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    transition: .35s;
    color: #222;
    padding: 20px 20px;
    border-radius: 10px;
}
.popular-routes .route-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(20,20,210,.18);
}

.popular-routes .plane-icon{
    width:42px;
    height:42px;
    background:var(--tn-theme-color);
    color:#fff;
    /*position:absolute;*/
    /*top:-12px;*/
    /*left:50%;*/
    /*transform:translateX(-50%);*/
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    font-size:18px;
    transform-origin:center;
    rotate:45deg;
}

.popular-routes .plane-icon i{
    transform:rotate(-45deg);
}

.popular-routes .route-card h3{
       font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 10px;
}

.popular-routes .arrow{
    /*position:absolute;*/
    /*bottom:18px;*/
    width:28px;
    height:28px;
    border-radius:50%;
    background:var(--tn-theme-color);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}



/*flights-routes pages css start here */

.tn-hero.flight-route-bg .tn-hero__bg {
    background-color: var(--tn-theme-color);
    background-blend-mode: overlay;
}

.tn-hero.flight-route-bg h1 {
    font-size: 34px;
    margin-bottom: 54px;
}

.tn-hero.flight-route-bg h1 span {
    color: #ffc107;
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.px-margin-desktop {
    padding-left: 40px;
    padding-right: 40px;
}

/*==================================================
        FLIGHT DEALS SECTION
==================================================*/

.flight-deals-section{
    padding:80px 0;
    background:#f5f8ff;
}

.flight-deals-section .route-info{
    margin-bottom:40px;
}

/*=========================================
            TOP INFO CARD
=========================================*/

.flight-deals-section .route-info-card{

    background:#fff;

    border-radius:18px;

    padding:38px 20px 30px;

    text-align:center;

    box-shadow:0 12px 35px rgba(19,33,68,.07);

    transition:.35s;

    height:100%;
}

.flight-deals-section .route-info-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(20,20,210,.12);

}

.flight-deals-section .route-icon{

    width:54px;

    height:54px;

    margin:0 auto 10px;

    border-radius:50%;

    background:#eef0ff;

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--tn-theme-color);

    font-size:22px;

}

.flight-deals-section .route-info-card h5{

       margin: 0 0 6px;
    font-size: 15px;
    font-weight: 500;
    color: #353535;

}

.flight-deals-section .route-info-card span{

    color:var(--tn-theme-color);

    font-size:22px;

    font-weight:700;

}


/*=========================================
            HEADING
=========================================*/

.flight-deals-section .deals-heading{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    margin-bottom:20px;

}

.section-heading  h2{

    font-size: 34px;
    line-height: 1;
    word-spacing: 3px;

}

.section-heading  h2 span{
    color: var(--tn-theme-color);
}

.section-heading p{

    margin:0;

    color:#555;

    font-size:15px;

}

.flight-deals-section .view-all{

    color:var(--tn-theme-color);

    font-size:18px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.flight-deals-section .view-all:hover{

    color:#ffb400;

}

.flight-deals-section .view-all i{

    margin-left:6px;

}



/*=========================================
            DEAL CARD
=========================================*/

.flight-deals-section .deal-card{

    background:#fff;

    border-radius:18px;

    padding:24px;

    box-shadow:0 10px 35px rgba(0,0,0,.07);

    transition:.35s;

    border:2px solid transparent;

    height:100%;

}

.flight-deals-section .deal-card:hover{

    transform:translateY(-8px);

    border-color:var(--tn-theme-color);

    box-shadow:0 18px 45px rgba(20,20,210,.12);

}



/* Featured Card */

.flight-deals-section .deal-card.featured{

    border-color:#ffb400;

}

.flight-deals-section .deal-card.featured:hover{

    border-color:var(--tn-theme-color);

}



/*=========================================
          TOP LABELS
=========================================*/

.flight-deals-section .deal-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.flight-deals-section .airline{

    background:#eef0ff;

    color:var(--tn-theme-color);

    font-size:13px;

    font-weight:700;

    padding:5px 12px;

    border-radius:5px;

    letter-spacing:.5px;

}

.flight-deals-section .flight-type{

    color:#555;

    font-size:15px;

}

.flight-deals-section .best-value{

    background:#ffe8a6;

    color:#8d5d00;

    padding:6px 12px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

}



/*=========================================
            ROUTE
=========================================*/

.flight-deals-section .deal-card h3{

    font-size:24px;

    font-weight:800;

    color:var(--tn-theme-color);

    margin-bottom:18px;

    letter-spacing:1px;

}

.flight-deals-section .deal-card h3 span{

    color:#98a2ff;

    margin:0 10px;

}



/*=========================================
            DATE
=========================================*/

.flight-deals-section .travel-date{

    color:#555;

    font-size:17px;

    margin-bottom:20px;

}

.flight-deals-section .deal-card hr{

    margin:22px 0;

    opacity:.15;

}



/*=========================================
          BOTTOM AREA
=========================================*/

.flight-deals-section .deal-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.flight-deals-section .deal-bottom small{

       display: block;
    color: #777;
    font-size: 15px;
    margin-bottom: 0;

}

.flight-deals-section .deal-bottom h4{

color: var(--tn-theme-color);
    font-size: 26px;
    font-weight: 700;
    margin: 0;

}



/*=========================================
            BUTTON
=========================================*/

.flight-deals-section .book-btn{

    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tn-theme-color);
    color: #fff;
    text-decoration: none;
    padding: 7px 28px;
    border-radius: 10px;
    font-weight: 700;
    transition: .35s;
    font-size: 15px;

}

.flight-deals-section .book-btn:hover{

    background:#0e0ea9;

    color:#fff;

    transform:translateY(-2px);

}

.flight-deals-section .book-btn.yellow{

    background:#ffb400;

    color:#111;

}

.flight-deals-section .book-btn.yellow:hover{

    background:var(--tn-theme-color);

    color:#fff;

}
.tn-hero.flight-route-bg .tn-hero__content {
    padding: 100px 0 90px;
}

.section-heading h2 span {
    color:var(--tn-theme-color);
}


/*=================================================
        TRAVEL TIPS SECTION
=================================================*/

.travel-tips-section{
    position:relative;
    padding:90px 0;
    background:#1414d2;
    overflow:hidden;
}

/* Decorative Circle */

.travel-tips-section:before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:12%;
    top:25px;
    border:26px solid rgba(255,255,255,.08);
    border-radius:50%;
}

.travel-tips-section:after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    left:-180px;
    bottom:-180px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
}

/*======================================
            LEFT CONTENT
======================================*/

.travel-tips-section .travel-content{
    position:relative;
    z-index:2;
}

.travel-tips-section .section-tag{

    display:inline-block;

    color:#ffcc00;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.travel-tips-section h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 0px;
    line-height: 1.2;
}

.travel-tips-section .section-desc{

    color:rgba(255,255,255,.85);

    font-size:16px;

    line-height:1.5;

    margin-bottom:45px;

}



/*======================================
            TIP ITEM
======================================*/

.travel-tips-section .tip-item{

    display:flex;

    gap:20px;

    margin-bottom:32px;

    align-items:flex-start;

}

.travel-tips-section .tip-icon{

    width:58px;

    height:58px;

    min-width:58px;

    border-radius:12px;

    background:#2936f3;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:22px;

    transition:.35s;

}

.travel-tips-section .tip-item:hover .tip-icon{

    transform:translateY(-6px);

    background:#ffb400;

    color:#141414;

}

.travel-tips-section .tip-content h4{

    color:#fff;

    font-size:24px;

    font-weight:700;

    margin-bottom:0px;

}

.travel-tips-section .tip-content p{

    color:rgba(255,255,255,.82);

    font-size:16px;

    line-height:1.5;

    margin:0;

}



/*======================================
        RIGHT GLASS CARD
======================================*/

.travel-tips-section .booking-benefits{

    position:relative;

    z-index:2;

    padding:40px;

    border-radius:22px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:0 20px 50px rgba(0,0,0,.18);

    transition:.35s;

}

.travel-tips-section .booking-benefits:hover{

    transform:translateY(-8px);

}

.travel-tips-section .card-title{

    display:inline-block;

    color:#ffcc00;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:18px;

}

.travel-tips-section .booking-benefits h3{

    color:#fff;

    font-size:34px;

    font-weight:800;

    margin-bottom:18px;

}

.travel-tips-section .booking-benefits p{

    color:rgba(255,255,255,.82);

    font-size:16px;

    line-height:1.5;

    margin-bottom:30px;

}



/*======================================
            BENEFITS
======================================*/

.travel-tips-section .benefit-list{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.travel-tips-section .benefit-list li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:#fff;

    font-size:17px;

}

.travel-tips-section .benefit-list i{

    color:#ffcc00;

    font-size:18px;

}



/*======================================
            BUTTON
======================================*/

.travel-tips-section .btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#ffb400;

    color:#141414;

    text-decoration:none;

    padding:14px 34px;

    border-radius:10px;

    font-weight:700;

    transition:.35s;

}

.travel-tips-section .btn-primary:hover{

    background:#fff;

    color:#1414d2;

    transform:translateY(-3px);

}


/*==========================================
        AIRPORT GUIDE SECTION
==========================================*/

.airport-guide-section{
    position:relative;
    padding:70px 0;
    background:#f5f8ff;
    overflow:hidden;
}

/* Background Shape */

.airport-guide-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(20,20,210,.03);
    border-radius:50%;
    top:-180px;
    right:-180px;
}

.airport-guide-section::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(20,20,210,.04);
    border-radius:50%;
    bottom:-150px;
    left:-120px;
}


/*==========================================
            Heading
==========================================*/

.airport-guide-section .airport-heading{
    margin-bottom:60px;
    position:relative;
    z-index:2;
}

.airport-guide-section .sub-title{

    display:inline-block;

    padding:8px 18px;

    background:#eef1ff;

    color:#1414d2;

    border-radius:30px;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:18px;

}



.airport-guide-section .airport-heading p{

    max-width:700px;

    margin:auto;

    color:#666;

    font-size:18px;

    line-height:1.8;

}



/*==========================================
            Airport Card
==========================================*/

.airport-guide-section .airport-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 18px 50px rgba(20,20,210,.08);

    transition:.35s;

    height:100%;

    position:relative;

}

.airport-guide-section .airport-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(20,20,210,.16);

}



/*==========================================
            Image
==========================================*/

.airport-guide-section .airport-image{

    position:relative;

    overflow:hidden;

}

.airport-guide-section .airport-image img{

    /*width:100%;*/

    /*height:430px;*/

    /*object-fit:cover;*/

    /*transition:.5s;*/
    
        width: 100%;
    height: 300px;
    object-fit: cover;
    transition: .5s;
    object-position: bottom;

}

.airport-guide-section .airport-card:hover img{

    transform:scale(1.08);

}

.airport-guide-section .airport-code{

    position:absolute;

    top:20px;

    left:20px;

    background:#1414d2;

    color:#fff;

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:20px;

    font-weight:700;

    box-shadow:0 8px 25px rgba(20,20,210,.35);

}



/*==========================================
            Content
==========================================*/

.airport-guide-section .airport-content{

    padding:35px;

}

.airport-guide-section .airport-label{

    color:#1414d2;

    text-transform:uppercase;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.airport-guide-section .airport-content h3{

    font-size:30px;

    font-weight:800;

    margin:0px 0;

    color:#222;

}

.airport-guide-section .airport-content h5{

    color:#666;

    font-size:18px;

    margin-bottom:18px;

}

.airport-guide-section .airport-content p{

    color:#666;
   font-size:15px;
    line-height:1.5;

    margin-bottom:30px;

}



/*==========================================
            Features
==========================================*/

.airport-guide-section .airport-features{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:15px;

    margin-bottom:35px;

}

.airport-guide-section .feature-item{

display: flex;
    align-items: center;
    gap: 4px;
    padding: 11px 10px;
    border-radius: 10px;
    background: rgb(238 240 255);
    transition: .35s;
    font-weight: 600;
    color: #333;
    font-size: 15px;
    justify-content: center;

}

.airport-guide-section .feature-item i{

    color:#1414d2;

    font-size:18px;

}

.airport-guide-section .feature-item:hover{

    background:#1414d2;

    color:#fff;

}

.airport-guide-section .feature-item:hover i{

    color:#fff;

}



/*==========================================
            Button
==========================================*/

.airport-guide-section .airport-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    background:#1414d2;

    color:#fff;

    padding:14px 28px;

    border-radius:10px;

    font-weight:700;

    transition:.35s;

}

.airport-guide-section .airport-btn:hover{

    background:#ffb400;

    color:#111;

}

.airport-guide-section .airport-btn i{

    transition:.35s;

}

.airport-guide-section .airport-btn:hover i{

    transform:translateX(5px);

}
/*==========================================
        FLIGHT CONNECTOR
==========================================*/

.airport-guide-section .row{
    position:relative;
}

.airport-guide-section .airport-flight-line{

    position:absolute;

    left:50%;

    top:210px;

    width:180px;

    height:2px;

    transform:translateX(-50%);

    z-index:5;

}

.airport-guide-section .flight-path{

    width:100%;

    height:2px;

    background-image:linear-gradient(
        to right,
        #1414d2 45%,
        transparent 0%
    );

    background-size:14px 2px;

}

.airport-guide-section .plane{

    position:absolute;

    left:0;

    top:-10px;

    color:#1414d2;

    font-size:20px;

    animation:airportPlane 6s linear infinite;

}

@keyframes airportPlane{

0%{

left:0;

}

100%{

left:160px;

}

}

.airport-guide-section .airport-image::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(
180deg,
rgba(0,0,0,.05),
rgba(0,0,0,.35)
);

opacity:0;

transition:.4s;

z-index:1;

}

.airport-guide-section .airport-card:hover .airport-image::before{

opacity:1;

}

.airport-guide-section .airport-code{

z-index:2;

}

.airport-guide-section .airport-rating{

position:absolute;

right:20px;

top:20px;

background:#fff;

padding:8px 14px;

border-radius:30px;

font-size:14px;

font-weight:700;

color:#1414d2;

box-shadow:0 8px 20px rgba(0,0,0,.12);

z-index:2;

}

.airport-guide-section .airport-card{

overflow:hidden;

}

.airport-guide-section .airport-card::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:0;

height:4px;

background:#1414d2;

transition:.4s;

}

.airport-guide-section .airport-card:hover::after{

width:100%;

}

.airport-guide-section .airport-btn{

position:relative;

overflow:hidden;

}

.airport-guide-section .airport-btn::before{

content:"";

position:absolute;

left:-120%;

top:0;

width:100%;

height:100%;

background:rgba(255,255,255,.25);

transform:skewX(-25deg);

transition:.6s;

}

.airport-guide-section .airport-btn:hover::before{

left:120%;

}

.airport-guide-section .airport-card{

animation:fadeUp .8s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(50px);

}

to{

opacity:1;

transform:translateY(0);

}

}



/*airlines expand content btn */

.extra-airline{
    display:none;
}

.airline-btn{
    background:#1414d2;
    color:#fff;
    border:none;
    padding:12px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.airline-btn:hover{
    background:#0e0eb3;
}

.airline-btn i{
    margin-left:8px;
}
/*==========================
POPULAR FLIGHT ROUTES
==========================*/

.pfr-city{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    overflow:hidden;
    transition:.3s;
}
.pfr-city-head:hover {
    background-color: var(--theme-color);
}
.pfr-city:hover{
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}
.pfr-city-head:hover span, .pfr-city-head:hover i {
    color: #fff;
}



.pfr-city-head{
display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 18px;
    cursor: pointer;
}

.pfr-city-head span {
    font-size: 15px;
    font-weight: 600;
    color: #222;
}

.pfr-city-head i{
    transition:.3s;
    color:var(--tn-theme-color);
}

.pfr-city.active .pfr-city-head i{
    transform:rotate(180deg);
}

.route-list{
    display:none;
    margin:0;
    padding:0 18px 18px;
    list-style:none;
}

.route-list li{
    margin-top:10px;
}

.route-link{
    display:block;
    padding:12px 15px;
    border:1px solid #ececec;
    border-radius:8px;
    text-decoration:none;
    color:#222;
    transition:.3s;
    font-size:15px;
}

.route-link:hover{
    background:var(--tn-theme-color);
    color:#fff;
}
.route-list{
    display:none !important;
}

.route-item{
   display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    border: 1px solid var(--theme-color);
    border-radius: 10px;
    text-decoration: none;
    color: var(--white);
    transition: .3s;
    height: 100%;
    background-color: var(--theme-color);
}

.route-item i{
    color:var(--white);
}

.route-item:hover{
    background:var(--tn-theme-color);
    color:#fff;
}

.route-item:hover i{
    color:#fff;
}

.airline-toggle-btn {
    background-color: var(--theme-color);
    color: var(--white);
    outline: 0;
    border: 1px solid var(--theme-color);
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 40px;
    font-size: 15px;
    font-weight: 600;
}
#routeModal .modal-body {
    padding: 10px 20px 40px;
}

#routeModal .modal-header {
    padding: 20px 20px 0px;
    border-bottom: 0;
} 
.modal-title-one {
    font-size: 20px;
    font-weight: 700;
}
.modal-title-one span {
    color:var(--theme-color);
}
/*flights-routes pages css end here */


/*=========================================
        TESTIMONIAL SECTION
=========================================*/

.fg-review-section{
    padding:80px 0 0px;
    position:relative;
    overflow:hidden;
}


.fg-section-subtitle{

    display:inline-block;

    background:#eef2ff;

    color:#1414d2;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.fg-review-header p{

    color:#6b7280;

    line-height:1.9;

    font-size:15px;

    margin-top:18px;

}



/*=========================================
        CARD
=========================================*/

.fg-review-card{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:35px;

    border:1px solid #d7dae0;

    /*box-shadow:0 15px 45px rgba(0,0,0,.08);*/

    transition:.35s;

    height:100%;

}

.fg-review-card:hover{

    transform:translateY(-10px);

    /*box-shadow:0 25px 60px rgba(20,20,210,.15);*/

}



/*=========================================
        QUOTE ICON
=========================================*/

.fg-quote-icon{

    position:absolute;

    top:25px;

    right:25px;

    width:48px;

    height:48px;

    border-radius:50%;

    background:#eef2ff;

    color:#1414d2;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

}



/*=========================================
        USER
=========================================*/

.fg-review-user{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:25px;

}

.fg-review-user img{

    width:72px;

    height:72px;

    border-radius:50%;

    object-fit:cover;

    border:4px solid #eaeaea;

    flex-shrink:0;

}

.fg-user-info h4{

    margin:0;

    font-size:20px;

    font-weight:700;

    color:#111827;

}

.fg-user-info p{

    margin:0px 0 0;

    color:#6b7280;

    font-size:14px;

}



/*=========================================
        STAR
=========================================*/

.fg-review-rating{

    display:flex;

    align-items:center;

    gap:4px;

    margin-bottom:22px;

}

.fg-review-rating i{

    color:#ffb400;

    font-size:17px;

}



/*=========================================
        REVIEW
=========================================*/

.fg-review-text{

    color:#555;

    line-height:1.9;

    font-size:15px;

    margin-bottom:0px;

    min-height:120px;

}



/*=========================================
        TRIP INFO
=========================================*/

.fg-trip-info{

    display:flex;

    align-items:center;

    gap:12px;

    background:#e1e5f1;

    border-radius:14px;

    padding:14px 15px;

}

.fg-trip-icon{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#1414d2;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.fg-trip-icon i{

    font-size:15px;

}

.fg-trip-info span{

    font-size:15px;

    font-weight:600;


}

/*=========================================
        SLIDER WRAPPER
=========================================*/

.fg-slider-wrapper{
    position:relative;
}

.fgReviewSwiper{
    position:relative;
    overflow:hidden;
    padding:10px 0 65px;
}


/*=========================================
        NAVIGATION BUTTONS
=========================================*/

.fg-review-prev,
.fg-review-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:54px;

    height:54px;

    border-radius:50%;

    background:#1414d2;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.35s;

    z-index:100;

    box-shadow:0 12px 30px rgba(20,20,210,.18);

}

.fg-review-prev{

    left:-70px;

}

.fg-review-next{

    right:-70px;

}

.fg-review-prev:hover,
.fg-review-next:hover{

    background:#0f0fb8;

    transform:translateY(-50%) scale(1.08);

}



/*=========================================
        PAGINATION
=========================================*/

.fgReviewSwiper .swiper-pagination{

    position:relative;

    margin-top:40px;

}

.fgReviewSwiper .swiper-pagination-bullet{

    width:11px;

    height:11px;

    background:#cfd5e2;

    opacity:1;

    transition:.35s;

}

.fgReviewSwiper .swiper-pagination-bullet-active{

    width:34px;

    border-radius:30px;

    background:#1414d2;

}


/*=========================================
        SLIDES
=========================================*/

.fgReviewSwiper .swiper-slide{

    display:flex;

    height:auto;

}

.fgReviewSwiper .swiper-slide .fg-review-card{

    width:100%;

}/*=========================================
        SLIDER WRAPPER
=========================================*/

.fg-slider-wrapper{
    position:relative;
}

.fgReviewSwiper{
    position:relative;
    overflow:hidden;
    padding:10px 0 65px;
}


/*=========================================
        NAVIGATION BUTTONS
=========================================*/

.fg-review-prev,
.fg-review-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:54px;

    height:54px;

    border-radius:50%;

    background:#1414d2;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.35s;

    z-index:100;

    box-shadow:0 12px 30px rgba(20,20,210,.18);

}

.fg-review-prev{

    left:-70px;

}

.fg-review-next{

    right:-70px;

}

.fg-review-prev:hover,
.fg-review-next:hover{

    background:#0f0fb8;

    transform:translateY(-50%) scale(1.08);

}



/*=========================================
        PAGINATION
=========================================*/

.fgReviewSwiper .swiper-pagination{

    position:relative;

    margin-top:40px;

}

.fgReviewSwiper .swiper-pagination-bullet{

    width:11px;

    height:11px;

    background:#cfd5e2;

    opacity:1;

    transition:.35s;

}

.fgReviewSwiper .swiper-pagination-bullet-active{

    width:34px;

    border-radius:30px;

    background:#1414d2;

}

/*======================================
        FEATURE BLOG
======================================*/

.fg-feature-blog{

    padding:0px 0px 80px;

}



/*=========================
LEFT CARD
=========================*/

.fg-feature-card{

    position:relative;

    height:100%;

    min-height:620px;

    overflow:hidden;

    border-radius:22px;

}

.fg-feature-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.fg-feature-card:hover img{

    transform:scale(1.08);

}

.fg-feature-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
    rgba(0,0,0,.78),
    rgba(0,0,0,.08));

}

.fg-feature-content{

    position:absolute;

    left:40px;

    right:40px;

    bottom:40px;

    color:#fff;

}

span.fg-feature-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffb21d;
    color: #141414;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.fg-feature-content h2{

    color:#fff;

    font-size:34px;

    font-weight:700;

    margin-bottom:10px;

    line-height:1.1;

}

.fg-feature-content p{

    color:#fff;

    line-height:1.8;

    margin-bottom:25px;

}

.fg-feature-btn{

    display:inline-block;

    background:#fff;

    color:#1414d2;

    text-decoration:none;

    padding:14px 28px;

    border-radius:10px;

    font-weight:700;

    transition:.3s;

}

.fg-feature-btn:hover{

    background:#1414d2;

    color:#fff;

}



/*=========================
RIGHT LIST
=========================*/

.fg-blog-list{

    background:#fff;

    border-radius:22px;

    padding:30px;

    height:100%;

    /*box-shadow:0 15px 45px rgb(0 0 0 / 14%);*/
    border: 1px solid #d7dae0;
    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

.fg-blog-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding-bottom:22px;

    margin-bottom:22px;

    border-bottom:1px solid #e7e1e1;

    transition:.3s;

}

.fg-blog-item:last-child{

    border:none;

    padding-bottom:0;

    margin-bottom:0;

}

.fg-blog-item:hover{

    transform:translateX(8px);

}

.fg-blog-thumb{

    width:100%;
   max-width:170px;
    flex-shrink:0;

}

.fg-blog-thumb img{

    width:100%;
    max-width:100%;
    height:100%;

    border-radius:14px;

    object-fit:cover;

}

.fg-blog-meta{

    font-size:13px;

    color:#888;


}
.fg-blog-meta span:not(:last-child) {
    margin-right: 10px;
}

.fg-blog-info h4{

    font-size:20px;

    line-height:1.5;

    margin:0;

    font-weight:700;

    transition:.3s;

}

.fg-blog-item:hover h4{

    color:#1414d2;

}
.fg-blog-info p{
    font-size: 14px;
    line-height: 1.7;
    color: #6b7280;
    margin: 10px 0 10px;
}

.fg-blog-read{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#1414d2;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.fg-blog-read:hover{
    gap:12px;
    color:#0d0db8;
}

/*.fg-review-section .swiper {*/
/*    padding: 0 50px;*/
/*}*/

.main-menu ul {
    display: flex;
    align-items: center;
}
.vx-query-icon {
    /*overflow: hidden;*/
    background: transparent;
    border: 2px solid #2d2737;
        width: 60px;
    height: 60px;
    min-width: 60px;
}
.vx-query-content p {
    font-size: 16px;
    line-height: 1;
    padding-top: 5px;
    font-weight: 600;
}

.vx-query-icon img {
    border-radius:50%;
}
.vx-query-icon span.online-dot {
    right: -12px;
    left: unset;
    top: 40px;
}

/*=========================================
        TRAVEL GUIDE SECTION
=========================================*/

.fg-travel-guide{
    padding:50px 0 0px;
    /*background:#f8fbff;*/
    position:relative;
    overflow:hidden;
}

.fg-guide-tag{

    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    color:#1414d2;
    padding:12px 24px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    margin-bottom:20px;

}

.fg-guide-tag i{

    font-size:15px;

}

.fg-travel-guide h2{

    margin:20px 0;

}

.fg-guide-intro{

    max-width: 100%;
    text-align: justify;

}

.fg-guide-intro>p{

    font-size:15px;
    line-height:1.5;


}


/*=========================================
        PLANE DIVIDER
=========================================*/

.fg-title-shape{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin:25px 0 35px;

}

.fg-title-shape span{

    width:130px;
    height:2px;
    background:#1414d2;
    position:relative;

}

.fg-title-shape span:before{

    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#1414d2;
    position:absolute;
    right:-4px;
    top:-3px;

}

.fg-title-shape i{

    color:#1414d2;
    font-size:24px;

}


/*=========================================
        CONTENT BOX
=========================================*/

.fg-guide-box{

    display:flex;
    gap:25px;
    text-align:left;
    background:#fff;
    padding:35px;
    border-radius:20px;
    margin-bottom:25px;
    border:1px solid #d7dae0;
    /*box-shadow:0 12px 35px rgba(0,0,0,.06);*/
    transition:.35s;

}

/*.fg-guide-box:hover{*/

/*    transform:translateY(-8px);*/
/*    border-color:#1414d2;*/
/*    box-shadow:0 18px 40px rgba(20,20,210,.12);*/

/*}*/


/*=========================================
        ICON
=========================================*/

.fg-guide-icon{

    width:70px;
    height:70px;
    min-width:70px;
    background:#1414d2;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;

}

.fg-guide-box:hover .fg-guide-icon{

    transform:rotate(-12deg);

}


/*=========================================
        TEXT
=========================================*/

.fg-guide-text{

    flex:1;

}

.fg-guide-text h3{

    font-size:24px;
    margin-bottom:0px;
    color:#1f1f1f;
    font-weight:700;

}

.fg-guide-text p{

    color:#666;
    line-height:1.9;
    margin:0;

}


/*=========================================
        HIDDEN CONTENT
=========================================*/

.fg-hidden-content{

    display:none;
    margin-top:20px;

}

.fg-hidden-content.active{

    display:block;
    animation:fadeGuide .5s ease;

}

@keyframes fadeGuide{

    from{

        opacity:0;
        transform:translateY(-20px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}


/*=========================================
        BUTTON
=========================================*/

.fg-readmore-wrap{

    text-align:center;
    margin-top:20px;

}

.fg-readmore-btn{

    border:none;
    background:#1414d2;
    color:#fff;
    padding:15px 38px;
    border-radius:10px;
    cursor:pointer;
    font-size:15px;
    font-weight:700;
    transition:.35s;

}

.fg-readmore-btn:hover{

    background:#0d0db8;

}

.fg-readmore-btn i{

    margin-left:10px;

}


/*=========================================
        CTA
=========================================*/

.fg-guide-cta{

    margin-top:70px;
    background:linear-gradient(135deg,#1414d2,#0f2fd8);
    color:#fff;
    border-radius:25px;
    padding:60px 40px;
    text-align:center;

}

.fg-guide-cta h3{

    font-size:36px;
    margin-bottom:15px;

}

.fg-guide-cta p{

    max-width:700px;
    margin:auto;
    opacity:.9;
    line-height:1.9;

}

.fg-guide-cta-btn{

    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-top:35px;
    background:#fff;
    color:#1414d2;
    padding:15px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.35s;

}

.fg-guide-cta-btn:hover{

    background:#ffb400;
    color:#fff;
    text-decoration:none;

}




/*inner pages css start here*/
.inner_fp .tn-hero__content {
    padding: 100px 0 80px;
}
.tn-hero__shape h1 {
    font-size: 42px;
    margin-bottom: 50px;
}

.inner_fp .tn-hero__bg {
    /*background-color: #00000096;*/
    /*background-blend-mode: multiply;*/
    
    /*background-color: #1313cc3b;*/
    /*background-blend-mode: color-dodge;*/
    
        background-color: #00000063;
    background-blend-mode: hue;
    background-position: bottom;
}

.why-us-fr .why-box {
       margin-top: 40px !important;
    box-shadow: unset;
    border: 1px solid #c6c7cc;
    padding: 50px 50px 30px;
    background-color: #eee;

}

.why-us-fr .why-box .feature-item .icon-box {
    background-color: #1414d224;
}
.why-us-fr .why-box .feature-item .feature-content h6 {
    text-align: left;
}
.why-us-fr .why-box .feature-item {
    display: flex;
    align-items: center;
    gap:10px;
}
.why-us-fr .why-box .feature-item .icon-box {
    margin: 0;
}

.why-us-fr .why-box .feature-item .feature-content p{
    font-size:14px;
    margin-bottom:0px;
}

/*.inner_fp .tn-hero__bg {*/
/*    background-color: transparent;*/
/*    background-blend-mode: unset;*/
/*    margin-top: -65px;*/
/*}*/

.inner_fp .tn-hero__bg {
    /*background-color: transparent;*/
    /*background-blend-mode: unset;*/
    /*margin-top: 0;*/
    /*background-size: cover;*/
    /*background-position:right;*/
}
.inner_fp .tn-hero__shape h1 {
    text-shadow: unset;
    color: #fff;
        margin-bottom: 30px;
}
.tn-hero.inner_fp .tn-booking__tabs button#tab_two {
    display: none;
}
.why-us-fr .why-box {
    margin-top: 0px !important;
}
/*.inner_fp .tn-hero__content {*/
/*    padding: 240px 0 90px;*/
/*}*/
/*.inner_fp .tn-hero__content {*/
/*    padding: 180px 0 6px;*/
/*}*/
/*.inner_fp .tn-booking__content {*/

/*    border-bottom: 4px solid #193df1;*/
/*}*/


.fgh-popular-flight.common-sec-control {
    background-color: #e3e7f2;
    padding: 70px 0 50px;
        margin: 50px 0px 70px;

}
/*=============================
 FlightsGoHub Tabs
==============================*/

.fgh-flight-tabs-wrapper{
    margin-bottom:40px;
}

.fgh-flight-tabs{
    gap:12px;
}

.fgh-flight-tabs .nav-link{

    border:1px solid #dfe6ff;
    background:#fff;
    color:#444;
    border-radius:50px;
    padding:12px 28px;
    font-weight:600;
    transition:.3s;
}

.fgh-flight-tabs .nav-link:hover{

    color:#1414d2;
    border-color:#1414d2;

}

.fgh-flight-tabs .nav-link.active{

    background:#1414d2;
    border-color:#1414d2;
    color:#fff;

}

.fgh-view-all{

    color:#1414d2;
    font-weight:700;
    text-decoration:none;

}

.fgh-view-all:hover{

    color:#0d0db5;

}


.fgh-popular-deals-section{


    padding:20px 0;

}



.fgh-popular-wrapper:after{

    content:"";
    position:absolute;
    right:0;
    top:0;
    width:320px;
    height:140px;
    background:url(images/plane-bg.png) no-repeat right top;
    opacity:.12;

}

.fgh-subtitle{
    font-size:14px;
    color:#ff6a00;
    font-weight:700;
    display:block;
    margin-bottom:0px;

}

.fgh-title{

    font-size:28px;
    font-weight:700;
    margin-bottom:0px;

}

.fgh-desc{

    color:#666;

}

.fgh-view-btn{

    padding:14px 28px;
    border-radius:12px;
    border:1px solid #ddd;
    color:#111;
    font-weight:700;
    text-decoration:none;
    background:#fff;

}

.fgh-deal-card{

    position:relative;
    background:#fff;
    border:1px solid #c6c7cc;
    border-radius:18px;
    padding:20px 15px;
    transition:.35s;
    height:100%;

}

.fgh-deal-card:hover{

    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(20,20,210,.15);

}

.fgh-badge{

    position:absolute;
    left:18px;
    top:18px;
    color:#fff;
    font-size:11px;
    padding:5px 8px;
    border-radius:6px;

}

.fgh-heart{

    position:absolute;
    right:18px;
    top:18px;
    font-size:18px;
    color:#777;

}

.fgh-airline-logo{

    height:34px;
    object-fit:contain;

}

.fgh-route{

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:25px 0;

}

.fgh-route h3{

    color:#1414d2;
    font-size:24px;
    font-weight:800;
    margin:0px;

}

.fgh-deal-card .text-center .fgh-airline-logo + h5 {
    font-size: 15px;
}
.fgh-line{

    display:flex;
    align-items:center;
    flex:1;
    margin:0 15px;

}

.fgh-line span{

    flex:1;
    border-top:2px dashed #bcc7ff;

}

.fgh-line i{

    color:#1414d2;
    margin:0 10px;

}

.fgh-info{

    display:flex;
    justify-content:center;
    gap:10px;
    margin-bottom:20px;
    color:#666;
    font-size:14px;

}

.fgh-feature-list{

    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:22px;

}

.fgh-feature-list span {
    background: #e3e7f2;
    padding: 5px;
    border-radius: 6px;
    font-size: 12px;
    width: 31.33%;
    text-align: center;
}

.fgh-price-row{

    display:flex;
    justify-content:space-between;
    align-items:center;

}

.fgh-price-row h2{

    color:#1414d2;
    font-size:24px;
    font-weight:800;

}

.fgh-book-btn:hover {
    text-decoration: none;
    outline: 0;
    background-color: #2e2937;
    color: #fff;
}

.fgh-book-btn{

    background:#1414d2;
    color:#fff;
    padding:12px 24px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;

}



/*==========================================
FlightsGoHub Route Section
==========================================*/

.fgh-route-section{
    padding:70px 0;
    background:#f6f9ff;
}

/*.fgh-route-box{*/
/*    background:#fff;*/
/*    border:1px solid #e8edff;*/
/*    border-radius:18px;*/
/*    padding:25px;*/
/*    height:100%;*/
/*    box-shadow:0 10px 35px rgba(0,0,0,.06);*/
/*}*/
.inner-fghcp-overlay span {
    display: inline;
}
/*==========================================
Heading
==========================================*/

.fgh-route-icon{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#eef3ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-right:15px;
    overflow:hidden;
}

.fgh-route-title{
    font-size:34px;
    font-weight:700;
    margin-bottom:4px;
    color:#1414d2;
}

.fgh-route-box p{
    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.5;
}

.fgh-view-link{
    color:#1414d2;
    font-weight:700;
    text-decoration:none;
}

.fgh-view-link:hover{
    color:#000;
}
.fgh-route-icon img {
    height: 100%;
}
/*==========================================
Card
==========================================*/

.fgh-route-card{
    background:#fff;
    border:1px solid #e7ebff;
    border-radius:15px;
    overflow:hidden;
    position:relative;
    transition:.35s;
    height:100%;
}

.fgh-route-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(20,20,210,.12);
}

.fgh-route-card img{
    width:100%;
    height:120px;
    object-fit:cover;
    transition:.4s;
}

.fgh-route-card:hover img{
    transform:scale(1.08);
}

.fgh-route-body{
    padding:18px;
}
.fgh-route-title {
    color: var(--tn-title-color);
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0px;
}
/*==========================================
Badge
==========================================*/

.fgh-card-badge{
    position:absolute;
    top:10px;
    left:10px;
    background:#1414d2;
    color:#fff;
    font-size:11px;
    padding:5px 10px;
    border-radius:5px;
    z-index:2;
    font-weight:600;
}
section.fgh-route-section.py-5 {
    margin-bottom: 200px;
}
/*==========================================
Airport
==========================================*/

.fgh-airport-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:15px;
}

.fgh-airport-row h3{
    font-size:24px;
    font-weight:700;
    color:#1414d2;
    margin-bottom:2px;
}

.fgh-airport-row small{
    display:block;
    color:#777;
    font-size:13px;
}

.fgh-airport-row i{
    color:#1414d2;
    font-size:18px;
}

/*==========================================
Duration
==========================================*/

.fgh-duration{
    text-align:center;
    font-size:14px;
    color:#666;
    margin-bottom:20px;
}

.fgh-duration span{
    margin:0 10px;
}

/*==========================================
Bottom
==========================================*/

.fgh-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.fgh-bottom small{
    color:#777;
}

.fgh-bottom h4{
    font-size:24px;
    font-weight:700;
    color:#1414d2;
    margin:0px 0 0;
}

.fgh-btn{
    background:#1414d2;
    color:#fff;
    border-radius:8px;
    padding:10px 20px;
    font-size:14px;
    font-weight:600;
    border:none;
}

.fgh-btn:hover{
    background:#0f0fb5;
    color:#fff;
}





/* =========================================
   FIND THE RIGHT FLIGHT
========================================= */

.flight-intro-section {
    width: 100%;
    background: #ffffff;
    padding: 35px 20px;
    overflow: hidden;
}

.flight-intro-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;
}


/* =========================================
   LEFT CONTENT
========================================= */

.flight-intro-content {
    width: 48%;
    max-width: 650px;
}

.flight-intro-content h2 {
    margin: 0 0 8px;
    color: #1414d2;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}

.flight-intro-short {
    margin: 0 0 10px;
    color: #222;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}

.flight-intro-content p:not(.flight-intro-short) {
    margin: 0;
    color: #333;
    font-size: 15px;
    line-height: 1.55;
}


/* =========================================
   BENEFITS
========================================= */

.flight-benefits {
    list-style: none;
    padding: 0;
    margin: 14px 0 15px;
}

.flight-benefits li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 7px;

    color: #333;
    font-size: 15px;
    line-height: 1.4;
}

.flight-benefits li::before {
    content: "✓";

    position: absolute;
    left: 0;
    top: 0;

    width: 18px;
    height: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #1414d2;
    color: #fff;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 700;
}


/* =========================================
   BUTTON
========================================= */

.flight-search-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 140px;
    padding: 10px 20px;

    background: #1414d2;
    color: #ffffff;

    border-radius: 5px;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;
}

.flight-search-btn:hover {
    background: #0d0da8;
    color: #ffffff;
    transform: translateY(-2px);
}


/* =========================================
   RIGHT IMAGE
========================================= */

.flight-intro-image {
    width: 52%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flight-intro-image img {
    display: block;

    width: 100%;
    max-width: 680px;
    height: auto;

    object-fit: contain;
}

 /* =====================================================
           POPULAR FLIGHT DEALS SECTION
        ===================================================== */

        .fgh-popular-flight {
            width: 100%;
            /*padding: 55px 20px;*/
            background: #ffffff;
            overflow: hidden;
        }


        .fgh-popular-flight-container {
            width: 100%;
            max-width: 1440px;
            min-height: 440px;

            margin: 0 auto;

            display: flex;
            align-items: center;

            gap: 55px;
        }


        /* =====================================================
           LEFT CONTENT
        ===================================================== */

        .fgh-popular-flight-content {
            width: 58%;
            max-width: 780px;
        }


        /* Small Orange Label */

        .fgh-popular-flight-label {
            display: flex;
            align-items: center;

            gap: 8px;

            margin-bottom: 7px;

            color: #ff6b00;

            font-size: 14px;
            line-height: 1.3;

            font-weight: 700;

            text-transform: uppercase;
        }


        .fgh-popular-flight-label i {
            font-size: 14px;
        }


        /* Main Heading */

        .fgh-popular-flight-content h2 {
            margin: 0 0 14px;

            color: #1414d2;

            font-size: 34px;
            line-height: 1.15;

            font-weight: 700;

            text-transform: uppercase;
        }


        /* Description */

        .fgh-popular-flight-description {
            max-width: 760px;

            margin: 0 0 22px;

            color: #333;

            font-size: 15px;
            line-height: 1.65;

            font-weight: 400;
        }


        /* =====================================================
           FEATURES
        ===================================================== */

        .fgh-popular-flight-features {
            display: grid;

            grid-template-columns: 1fr 1fr;

            column-gap: 30px;
            row-gap: 11px;

            margin: 0 0 25px;

            padding: 0;
        }


        .fgh-popular-flight-features div {
            display: flex;
            align-items: center;

            gap: 9px;

            color: #222;

            font-size: 14px;
            line-height: 1.4;

            font-weight: 500;
        }


        /* Check Icon */

        .fgh-popular-flight-features i {
            flex: 0 0 19px;

            width: 19px;
            height: 19px;

            display: flex;
            align-items: center;
            justify-content: center;

            background: #1414d2;

            color: #ffffff;

            border-radius: 50%;

            font-size: 9px;
        }


        /* =====================================================
           SEARCH BUTTON
        ===================================================== */

        .fgh-popular-flight-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;

            gap: 12px;

            min-width: 155px;

            padding: 13px 21px;

            background: #1414d2;
            color: #ffffff;

            border: 1px solid #1414d2;

            border-radius: 6px;

            text-decoration: none;

            font-size: 16px;
            line-height: 1;

            font-weight: 700;

            transition: all 0.3s ease;
        }


        .fgh-popular-flight-btn:hover {
            background: #0d0da8;
            border-color: #0d0da8;

            color: #ffffff;

            transform: translateY(-2px);
        }


        .fgh-popular-flight-btn i {
            font-size: 12px;
        }


        /* =====================================================
           RIGHT IMAGE
        ===================================================== */

        .fgh-popular-flight-visual {
            position: relative;

            width: 42%;
            height: 440px;

            display: flex;
            align-items: center;
            justify-content: center;

            overflow: visible;
        }


        .fgh-popular-flight-image {
            width: 100%;
            height: 100%;

            display: flex;
            align-items: center;
            justify-content: center;
        }


        .fgh-popular-flight-image img {
            /*display: block;*/

            /*width: 100%;*/
            /*max-width: 520px;*/

            /*max-height: 430px;*/

            /*height: auto;*/

            /*object-fit: contain;*/

            /*object-position: center;*/
                display: block;
    width: 100%;
    max-width: 370px;
    /* max-height: 430px; */
    height: auto;
    object-fit: contain;
    object-position: center;
    
        }
/* =====================================================
   FLIGHT CLASS SECTION
===================================================== */

.fgh-flight-class-section {
    width: 100%;
    padding: 70px 20px;
    background: #f7f9ff;
    overflow: hidden;
}

.fgh-flight-class-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/* =====================================================
   HEADING
===================================================== */

.fgh-flight-class-heading {
    max-width: 750px;
    margin: 0 auto 40px;
    text-align: center;
}

.fgh-flight-class-label  , .fgh-res-eyebrow , .fgh-res-small-label , .fgh-res-faq-eyebrow , .fgh-res-final-cta-inner span{
     display: inline-flex;
    align-items: center;
    gap: 7px;
    letter-spacing: .5px;
    color: #ff6b00;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

.fgh-flight-class-label i {
    font-size: 13px;
}

.fgh-flight-class-heading h2 {
    margin: 0 0 12px;

    color: #1414d2;

    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
}

.fgh-flight-class-heading p {
    margin: 0;

    color: #555;

    font-size: 15px;
    line-height: 1.6;
}


/* =====================================================
   GRID
===================================================== */

.fgh-flight-class-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 22px;
}


/* =====================================================
   CARD
===================================================== */

.fgh-flight-class-card {
    background: #fff;

    border: 1px solid #e7e9f2;

    border-radius: 14px;

    overflow: hidden;

    box-shadow: 0 8px 30px rgba(20, 20, 210, .07);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.fgh-flight-class-card:hover {
    transform: translateY(-7px);

    border-color: #1414d2;

    box-shadow:
        0 15px 40px rgba(20, 20, 210, .14);
}


/* =====================================================
   IMAGE
===================================================== */

.fgh-flight-class-image {
    position: relative;

    width: 100%;
    height: 205px;

    overflow: hidden;
}

.fgh-flight-class-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .5s ease;
}

.fgh-flight-class-card:hover
.fgh-flight-class-image img {
    transform: scale(1.05);
}


/* Badge */

.fgh-flight-class-badge {
    position: absolute;
    left: 14px;
    top: 14px;
    padding: 6px 10px;
    background: #fff;
    color: #404040;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .12);
}


/* =====================================================
   CARD BODY
===================================================== */

.fgh-flight-class-body {
    padding: 20px;
}


/* =====================================================
   TITLE
===================================================== */

.fgh-flight-class-title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 10px;
}

.fgh-flight-class-title > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.fgh-flight-class-title span {
 width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e9e9ff;
    color: #1414d2;
    font-size: 15px;
    font-weight: 700;
}

.fgh-flight-class-title h3 {
    margin: 0;

    color: #202020;

    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.fgh-flight-class-title > i {
    color: #1414d2;

    font-size: 20px;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.fgh-flight-class-body > p {
    margin: 0 0 15px;

    color: #666;

    font-size: 13px;
    line-height: 1.55;
}


/* =====================================================
   FEATURES
===================================================== */

.fgh-flight-class-body ul {
    list-style: none;

    margin: 0 0 18px;
    padding: 0;
}

.fgh-flight-class-body li {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 8px;

    color: #333;

    font-size: 15px;
    line-height: 1.4;
}

.fgh-flight-class-body li i {
    width: 15px;
    height: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 15px;

    background: #1414d2;
    color: #fff;

    border-radius: 50%;

    font-size: 8px;
}


/* =====================================================
   BUTTON
===================================================== */

.fgh-flight-class-btn {
 width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 12px;
    background: #1414d2;
    color: #fff;
    border: 1px solid #1414d2;
    border-radius: 6px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: .3s ease;
}

.fgh-flight-class-btn:hover {
    background: #fff;
    color: #1414d2;
}

.fgh-flight-class-btn i {
    font-size: 10px;
}


/* =====================================================
   FEATURED CARD
===================================================== */

.fgh-flight-class-featured {
    border: 2px solid #1414d2;
    position: relative;
}

.fgh-flight-class-featured::before {
    content: "RECOMMENDED";

    position: absolute;

    top: 0;
    right: 0;

    z-index: 5;

    padding: 7px 11px;

    background: #1414d2;
    color: #fff;

    border-radius: 0 0 0 8px;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .4px;
}


/* =========================================================
   FLIGHT RESERVATION CONTENT
   Primary Color: #1414d2
========================================================= */

.fgh-res-content-area {
    width: 100%;
    padding: 75px 20px 0px;
    background: #fff;
    overflow: hidden;
}

.fgh-res-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/* =========================================================
   COMMON HEADING
========================================================= */

.fgh-res-section-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.fgh-res-heading-left {
    margin-left: 0;
    text-align: left;
}

/*.fgh-res-eyebrow {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 7px;*/

/*    margin-bottom: 9px;*/

/*    color: #1414d2;*/

/*    font-size: 12px;*/
/*    font-weight: 800;*/
/*    letter-spacing: .5px;*/
/*}*/

.fgh-res-eyebrow i {
    font-size: 12px;
}

.fgh-res-section-heading h2  , .fgh-res-faq-heading h2{
    margin: 0 0 12px;

    color: #1414d2;

    font-size: 32px;
    line-height: 1.2;
    font-weight: 750;
}

.fgh-res-section-heading p {
    margin: 0;

    color: #606060;

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   BENEFIT GRID
========================================================= */

.fgh-res-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 70px;
}

.fgh-res-benefit-card {
    position: relative;

    padding: 28px 23px;

    background: #fff;

    border: 1px solid #e5e7f2;
    border-radius: 12px;

    box-shadow: 0 8px 28px rgba(20, 20, 210, .06);

    transition: .3s ease;
}

.fgh-res-benefit-card:hover {
    transform: translateY(-6px);

    border-color: #1414d2;

    box-shadow: 0 15px 35px rgba(20, 20, 210, .12);
}
.fgh-res-benefit-card {
    text-align: center;
}
.fgh-res-benefit-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eeeeff;
    color: #1414d2;
    font-size: 19px;
}

.card-head {
    margin-bottom: 5px;
}

.fgh-res-benefit-card p {
    margin: 0;

    color: #666;

    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   PROCESS
========================================================= */

/*.fgh-res-process-section {*/
/*    padding: 65px 0;*/

/*    border-top: 1px solid #edf0f7;*/
/*    border-bottom: 1px solid #edf0f7;*/
/*}*/

.fgh-res-process-grid {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 20px;
}

.fgh-res-process-grid::before {
    content: "";

    position: absolute;

    left: 12%;
    right: 12%;
    top: 47px;

    height: 1px;

    background: #dfe1ef;
}

.fgh-res-process-card {
    position: relative;

    z-index: 1;

    padding: 0 15px;

    text-align: center;
}

.fgh-res-process-number {
    position: relative;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 17px;

    background: #1414d2;
    color: #fff;

    border: 5px solid #fff;
    border-radius: 50%;

    box-shadow: 0 3px 12px rgba(20, 20, 210, .2);

    font-size: 11px;
    font-weight: 800;
}

.fgh-res-process-icon {
    color: #1414d2;

    font-size: 22px;

    margin-bottom: 10px;
}

.fgh-res-process-card h3 {
    margin: 0 0 8px;

    color: #222;

    font-size: 17px;
}

.fgh-res-process-card p {
    max-width: 250px;

    margin: 0 auto;

    color: #666;

    font-size: 12px;
    line-height: 1.65;
}

.fgh-res-faq-heading h2 {
        color: var(--tn-title-color) !important;
}
/* =========================================================
   DOMESTIC / INTERNATIONAL
========================================================= */

.fgh-res-travel-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 25px;

    padding: 90px 0;
}

.fgh-res-travel-card {
    min-height: 390px;

    display: grid;
    grid-template-columns: 1.25fr .75fr;

    overflow: hidden;

    background: #f7f8ff;

    border: 1px solid #e4e6f2;
    border-radius: 15px;
}

.fgh-res-travel-content {
    padding: 35px;
}

/*.fgh-res-small-label {*/
/*    display: inline-block;*/

/*    margin-bottom: 9px;*/

/*    color: #1414d2;*/

/*    font-size: 11px;*/
/*    font-weight: 800;*/
/*    letter-spacing: .7px;*/
/*}*/
.fgh-res-travel-card.fgh-res-international-card {
    grid-template-columns: 0.75fr 1.2fr;
}
.fgh-res-travel-content h2 {
    margin: 0 0 13px;

    color: #202020;

    font-size: 25px;
    line-height: 1.25;
}

.fgh-res-travel-content p {
    margin: 0 0 17px;

    color: #626262;

    font-size: 13px;
    line-height: 1.7;
}

.fgh-res-travel-content ul {
    margin: 0 0 22px;
    padding: 0;

    list-style: none;
}

.fgh-res-travel-content li {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 8px;

    color: #333;

    font-size: 15px;
}

.fgh-res-travel-content li i {
    color: #1414d2;
}

.fgh-res-outline-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 10px 15px;

    color: #1414d2;

    border: 1px solid #1414d2;
    border-radius: 5px;

    text-decoration: none;

    font-size: 15px;
    font-weight: 700;

    transition: .3s ease;
}

.fgh-res-outline-btn:hover {
    background: #1414d2;
    color: #fff;
}


/* =========================================================
   TRAVEL VISUAL
========================================================= */

.fgh-res-travel-visual {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background: #1414d2;

    color: #fff;
}

.fgh-res-domestic-visual {
    background:
        radial-gradient(
            circle at center,
            #3737df 0,
            #1414d2 65%
        );
}

.fgh-res-international-visual {
    background: #1010aa;
}

.fgh-res-visual-circle {
    width: 100px;
    height: 100px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 13px;

    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;

    font-size: 34px;
}

.fgh-res-travel-visual > span {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.fgh-res-route-line {
    width: 80px;
    height: 1px;

    margin: 15px 0;

    background: rgba(255,255,255,.4);
}

.fgh-res-travel-visual > i {
    font-size: 24px;
}

.fgh-res-globe {
    width: 105px;
    height: 105px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 13px;

    border-radius: 50%;

    background: rgba(255,255,255,.1);

    font-size: 45px;
}


/* =========================================================
   POPULAR ROUTES
========================================================= */

/*.fgh-res-routes-section {*/
/*    padding: 10px 0 80px;*/
/*}*/

.fgh-res-route-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;
}

.fgh-res-route-card {
    display: block;

    padding: 20px;

    background: #fff;

    border: 1px solid #e4e6ef;
    border-radius: 10px;

    text-decoration: none;

    transition: .3s ease;
}

.fgh-res-route-card:hover {
    transform: translateY(-5px);

    border-color: #1414d2;

    box-shadow: 0 12px 30px rgba(20,20,210,.1);
}

.fgh-res-route-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 18px;
}

.fgh-res-route-top span {
      padding: 10px 15px;
    background: #eeeeff;
    color: #1414d2;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.fgh-res-route-top i {
    color: #1414d2;
    font-size: 14px;
}

.fgh-res-route-cities {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}

.fgh-res-route-cities strong {
    color: #1e1e1e;

    font-size: 25px;
}

.fgh-res-route-cities span {
    width: 35px;
    height: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f0f0ff;
    color: #1414d2;

    font-size: 12px;
}

.fgh-res-route-card p {
    margin: 9px 0 9px;
    color: #666;
    font-size: 14px !important;
}

.fgh-res-route-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #dddddd;
    color: #1414d2;
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   BOOKING TIPS
========================================================= */

.fgh-res-tips-section {
    padding: 75px 0 0px;

    /*background: #f7f8ff;*/
}

.fgh-res-tips-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;
}

.fgh-res-tip-card {
    position: relative;

    padding: 28px 25px;

    background: #fff;

    border: 1px solid #e5e7f0;
    border-radius: 12px;

    transition: .3s ease;
}

.fgh-res-tip-card:hover {
    transform: translateY(-5px);

    border-color: #1414d2;

    box-shadow: 0 12px 30px rgba(20,20,210,.08);
}

.fgh-res-tip-card > span {
    position: absolute;

    top: 17px;
    right: 18px;

    color: #dfe0f3;

    font-size: 40px;
    font-weight: 800;
}

.fgh-res-tip-card > i {
    display: block;

    margin-bottom: 17px;

    color: #1414d2;

    font-size: 22px;
}

.fgh-res-tip-card h3 {
    margin: 0 0 8px;

    color: #222;

    font-size: 17px;
}

.fgh-res-tip-card p {
    margin: 0;

    color: #666;

    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   BUSINESS / FAMILY
========================================================= */

.fgh-res-audience-section {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    padding: 70px 0 0px;
}

.fgh-res-audience-card {
    display: flex;
    gap: 20px;

    padding: 30px;

    background: #1414d2;
    color: #fff;

    border-radius: 14px;

    box-shadow: 0 12px 30px rgba(20,20,210,.13);
}

.fgh-res-family-card {
    background: #f3f4ff;
    color: #222;

    box-shadow: none;

    border: 1px solid #e1e3f0;
}

.fgh-res-audience-icon {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,.15);

    border-radius: 11px;

    font-size: 21px;
}

.fgh-res-family-card .fgh-res-audience-icon {
    background: #e2e3ff;
    color: #1414d2;
}

.fgh-res-audience-card span {
    display: block;

    margin-bottom: 0px;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: .7px;
}

.fgh-res-audience-card h2 {
    margin: 0 0 10px;

    font-size: 21px;
    line-height: 1.3;
}

.fgh-res-audience-card p {
    margin: 0 0 17px;

    font-size: 12px;
    line-height: 1.7;

    opacity: .88;
}

.fgh-res-audience-card a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: inherit;

    text-decoration: none;

    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   ASSISTANCE CTA
========================================================= */

.fgh-res-assistance {
    width: 100%;

    padding: 0px;
}

.fgh-res-assistance-container {
    width: 100%;
    max-width: 1440px;

    min-height: 175px;

    display: flex;
    align-items: center;

    gap: 25px;

    margin: 0 auto;

    padding: 35px 45px;

    background: #1414d2;

    border-radius: 15px;

    color: #fff;

    box-shadow: 0 15px 40px rgba(20,20,210,.18);
}

.fgh-res-assistance-icon {
    width: 65px;
    height: 65px;

    flex: 0 0 65px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,.14);

    border-radius: 50%;

    font-size: 27px;
}

.fgh-res-assistance-content {
    flex: 1;
}

.fgh-res-assistance-content span {
    display: block;

    margin-bottom: 5px;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: .7px;
}

.fgh-res-assistance-content h2 {
    margin: 0 0 7px;

    font-size: 25px;
}

.fgh-res-assistance-content p {
    max-width: 650px;

    margin: 0;

    font-size: 12px;
    line-height: 1.6;

    opacity: .88;
}

.fgh-res-assistance-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.fgh-res-call-btn,
.fgh-res-search-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-width: 130px;

    padding: 12px 17px;

    border-radius: 5px;

    text-decoration: none;

    font-size: 15px;
    font-weight: 700;

    transition: .3s ease;
}

.fgh-res-call-btn {
    background: #fff;
    color: #1414d2;
}

.fgh-res-search-btn {
    border: 1px solid rgba(255,255,255,.7);
    color: #fff;
}

.fgh-res-call-btn:hover {
    background: #f1f1f1;
}

.fgh-res-search-btn:hover {
    background: #fff;
    color: #1414d2;
}


/* =========================================================
   FINAL CTA
========================================================= */

.fgh-res-final-cta {
    padding: 0px 0px;

    background: #fff;
    margin-bottom:160px;
}

.fgh-res-final-cta-inner {
    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}


.fgh-res-final-cta h2 {
    margin: 0 0 12px;

    color: #1414d2;

    font-size: 36px;
}

.fgh-res-final-cta p {
    max-width: 680px;

    margin: 0 auto 25px;

    color: #666;

    font-size: 14px;
    line-height: 1.7;
}

.fgh-res-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 10px;
}

.fgh-res-final-primary,
.fgh-res-final-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 13px 22px;

    border-radius: 5px;

    text-decoration: none;

    font-size: 16px;
    font-weight: 700;

    transition: .3s ease;
}

.fgh-res-final-primary {
    background: #1414d2;
    color: #fff;
}

.fgh-res-final-secondary {
    border: 1px solid #1414d2;
    color: #1414d2;
}

.fgh-res-final-primary:hover {
    background: #0c0caa;
}

.fgh-res-final-secondary:hover {
    background: #1414d2;
    color: #fff;
}


.fgh-flight-class-section.common-sec-style {
    padding: 30px 0;
}

.fgh-flight-class-section  {
      padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    background-color: transparent;
}

.common-sec-control h2 {
    color: var(--tn-title-color) !important;
}
section.fgh-res-content-area.common-sec-control {
    padding-top: 0;
}

.common-sec-control p {
    font-size:15px;
}

.fgh-res-benefit-card h3 {
    margin: 0 0 0px;
    color: #202020;
    font-size: 20px;
    font-weight: 700;
}

.fgh-res-audience-card h2 , .fgh-res-audience-card p , .fgh-res-assistance.common-sec-control h2  ,  .fgh-res-assistance.common-sec-control  p {
    color: #fff !important;
}

.fgh-res-audience-card.fgh-res-family-card h2 , .fgh-res-audience-card.fgh-res-family-card p {
    color:#222 !important;
}



/* =========================================
   FLIGHT FAQ SECTION
========================================= */

.fgh-res-faq-section {
    width: 100%;
    padding: 70px 0px;
    overflow: hidden;
}

.fgh-res-faq-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 70px;
}


/* =========================================
   LEFT CONTENT
========================================= */

.fgh-res-faq-left {
    width: 100%;
    min-width: 0;
}

.fgh-res-faq-heading {
    margin-bottom: 28px;
}



.fgh-res-faq-eyebrow i {
    font-size: 14px;
}



.fgh-res-faq-heading p {
    max-width: 700px;
    margin: 0;

    color: #626b82;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================
   BOOTSTRAP ACCORDION
========================================= */

.fgh-res-faq-accordion {
    width: 100%;
}

.fgh-res-faq-accordion .accordion-item {
    margin-bottom: 12px;

    border: 1px solid #e2e5f2 !important;
    border-radius: 10px !important;

    background: #ffffff;

    overflow: hidden;

    box-shadow: 0 5px 18px rgba(20, 20, 210, .035);

    transition: .25s ease;
}

.fgh-res-faq-accordion .accordion-item:hover {
    border-color: rgba(20, 20, 210, .22) !important;

    box-shadow:
        0 8px 25px rgba(20, 20, 210, .07);
}


/* QUESTION BUTTON */

.fgh-res-faq-accordion .accordion-button {
    min-height: 68px;

    padding: 13px 20px;

    display: flex;
    align-items: center;

    background: #ffffff;

    color: #121a3b;

    font-size: 16px;
    font-weight: 650;

    border: 0;

    box-shadow: none !important;
}

.fgh-res-faq-accordion .accordion-button:not(.collapsed) {
    color: #1414d2;
    background: #ffffff;
}


/* BOOTSTRAP ARROW */

.fgh-res-faq-accordion .accordion-button::after {
    width: 15px;
    height: 15px;

    margin-left: auto;

    background-size: 15px;

    transition: transform .25s ease;
}


/* QUESTION ICON */

.fgh-res-faq-icon {
    width: 40px;
    height: 40px;

    margin-right: 15px;

    flex: 0 0 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf0ff;
    color: #1414d2;

    font-size: 15px;

    transition: .25s ease;
}

.fgh-res-faq-accordion
.accordion-button:not(.collapsed)
.fgh-res-faq-icon {
    background: #1414d2;
    color: #ffffff;
}

.fgh-res-faq-question {
    padding-right: 10px;
}


/* ANSWER */

.fgh-res-faq-accordion .accordion-body {
    padding: 0 55px 22px 75px;

    color: #687187;

    font-size: 14px;
    line-height: 1.75;
}

.accordion.dgh-faq .accordion-body {
       font-size: 16px;
       color: #687187;
           line-height: 1.75;
           font-weight:400;
}
/* =========================================
   RIGHT IMAGE AREA
========================================= */

.fgh-res-faq-right {
    width: 100%;
    min-height: 570px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.fgh-res-faq-art {
    position: relative;

    width: 100%;
    max-width: 600px;

    min-height: 570px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* BACKGROUND CIRCLE */

.fgh-res-faq-art-circle {
    position: absolute;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            #e1e8ff 0%,
            #edf1ff 58%,
            transparent 72%
        );
}


/* IMAGE */

.fgh-res-faq-main-image {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 590px;
    height: auto;

    display: block;

    object-fit: contain;
}


/* =========================================
   HELP CARD
========================================= */

.fgh-res-faq-help {
    position: absolute;

    z-index: 5;

    right: 0;
    bottom: 25px;

    min-width: 285px;

    padding: 16px 20px;

    display: flex;
    align-items: center;
    gap: 14px;

    background: #ffffff;

    border-radius: 16px;

    box-shadow:
        0 15px 40px rgba(20, 20, 70, .16);
}

.fgh-res-faq-help-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #1414d2;
    color: #ffffff;

    font-size: 19px;
}

.fgh-res-faq-help-content strong {
    display: block;

    margin-bottom: 3px;

    color: #111735;

    font-size: 17px;
    line-height: 1.2;
}

.fgh-res-faq-help-content span {
    display: block;

    color: #697187;

    font-size: 12px;
    line-height: 1.4;
}
section.fgh-res-final-cta.common-sec-style .container.container--custom {
    position: relative;
        border-radius: 20px;
    overflow: hidden;
}
.img-cont {
      position: relative;
    overflow: hidden;
    border-radius: 30px;
}
.img-cont:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #1623dea1;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
}

.fgh-res-final-cta-inner {
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 80px;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 80px 40px;
    border-radius: 5px;
}

.mt-70 {
    margin-top:70px;
}
section.why-us {
    background-color: #fff;
}


/*hotel reservation page css start here*/
.tn-hero.inner-hp .tn-hero__bg {
    background-color: #21212196;
    background-blend-mode: hard-light;
}

.tn-hero.inner-hp .tn-hero__content {
    padding: 100px 0 100px;
}
.tn-hero.inner-hp .tn-hero__content div#nav-tab button:nth-child(1) , .tn-hero.inner-hp  #nav_one{
    display: none;
}
.tn-hero.inner-hp div#nav_two {
    display:block !important;
}

.tn-hero.inner-hp button#tab_two {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-top-left-radius: 5px;
}

.fgh-hotel-benefits {
    width: 100%;
    background: #1414d2;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
}


/* Subtle background decoration */

.fgh-hotel-benefits::before {
    content: "";
    position: absolute;

    width: 450px;
    height: 450px;

    left: -180px;
    top: -300px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.06);

    pointer-events: none;
}


.fgh-hotel-benefits::after {
    content: "";
    position: absolute;

    width: 500px;
    height: 500px;

    right: -200px;
    bottom: -400px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.05);

    pointer-events: none;
}


/* =====================================================
   BENEFITS WRAPPER
===================================================== */

.fgh-hotel-benefits-inner {
    width: 100%;
    max-width: 1440px;

    margin: 0 auto;
    padding: 30px 45px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    align-items: center;
}


/* =====================================================
   BENEFIT ITEM
===================================================== */

.fgh-hotel-benefit {
    min-width: 0;

    padding: 8px 35px;

    display: flex;
    align-items: center;

    gap: 18px;

    position: relative;
}


/* Vertical divider */

.fgh-hotel-benefit:not(:last-child)::after {
    content: "";

    position: absolute;

    width: 1px;
    height: 70px;

    right: 0;
    top: 50%;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.35);
}


/* =====================================================
   ICON
===================================================== */

.fgh-hotel-benefit-icon {
    width: 78px;
    height: 78px;

    min-width: 78px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    font-size: 34px;

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.25);

    box-shadow:
        inset 0 0 20px rgba(255, 255, 255, 0.05),
        0 8px 25px rgba(0, 0, 0, 0.08);
}


/* =====================================================
   CONTENT
===================================================== */

.fgh-hotel-benefit-content {
    flex: 1;
}


/* Benefit heading */

.fgh-hotel-benefit-content h3 {
    margin: 0 0 7px;

    color: #ffffff;

    font-size: 19px;
    line-height: 1.3;

    font-weight: 700;
}


/* Benefit description */

.fgh-hotel-benefit-content p {
    margin: 0;

    color: rgba(255, 255, 255, 0.94);

    font-size: 15px;
    line-height: 1.55;

    font-weight: 400;
}

/* =====================================================
   POPULAR HOTEL DESTINATIONS
===================================================== */

.fgh-popular-hotels {
    width: 100%;
    padding: 55px 0;
    background: #ffffff;
    overflow: hidden;
}

.fgh-popular-hotels-inner {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    /*padding: 0 35px;*/
}


/* =====================================================
   HEADER
===================================================== */

.fgh-popular-hotels-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.fgh-popular-hotels-title span {
    display: block;
    margin-bottom: 5px;

    color: #1414d2;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

.fgh-popular-hotels-title h2 {
    margin: 0;

    color: #171717;

    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}


/* =====================================================
   HEADER ACTIONS
===================================================== */

.fgh-popular-hotels-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.fgh-popular-view-all {
    color: #1414d2;
    text-decoration: none;

    font-size: 16px;
    font-weight: 600;

    transition: color 0.2s ease;
}

.fgh-popular-view-all:hover {
    color: #0b0b9d;
}


/* =====================================================
   NAVIGATION
===================================================== */

.fgh-popular-nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fgh-popular-nav button {
    width: 38px;
    height: 38px;

    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #d9dce8;
    border-radius: 50%;

    background: #ffffff;
    color: #252525;

    cursor: pointer;

    font-size: 13px;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

.fgh-popular-nav button:hover {
    background: #1414d2;
    border-color: #1414d2;
    color: #ffffff;
}


/* =====================================================
   SWIPER
===================================================== */

.fgh-popular-slider {
    width: 100%;
    overflow: hidden;
}

.fgh-popular-wrapper {
    display: flex;
}


/* =====================================================
   HOTEL CARD
===================================================== */

.fgh-popular-card {
    height: auto;

    background: #ffffff;

    border: 1px solid #e3e5eb;
    border-radius: 10px;

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.fgh-popular-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(20, 20, 210, 0.10);
}


/* =====================================================
   IMAGE
===================================================== */

.fgh-popular-image {
    position: relative;

    width: 100%;
    height: 200px;

    overflow: hidden;
}

.fgh-popular-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.45s ease;
}

.fgh-popular-card:hover
.fgh-popular-image img {
    transform: scale(1.05);
}


/* =====================================================
   RATING
===================================================== */

.fgh-popular-rating {
    position: absolute;
    top: 7px;
    right: 7px;
    min-width: 45px;
    height: 29px;
    padding: 0 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #FF9800;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}


/* =====================================================
   CONTENT
===================================================== */

.fgh-popular-content {
    padding: 13px 16px 16px;
}

.fgh-popular-content h3 {
    margin: 0 0 6px;

    color: #252525;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* =====================================================
   LOCATION
===================================================== */

.fgh-popular-location {
    display: flex;
    align-items: center;
    gap: 5px;

    margin-bottom: 8px;

    color: #6c707a;

    font-size: 12px;
    line-height: 1.4;
}

.fgh-popular-location i {
    color: #60636b;
    font-size: 11px;
}


/* =====================================================
   STARS
===================================================== */

.fgh-popular-stars {
    display: flex;
    align-items: center;
    gap: 2px;

    margin-bottom: 7px;
}

.fgh-popular-stars i {
    color: #ffb400;

    font-size: 11px;
}


/* =====================================================
   PRICE
===================================================== */

.fgh-popular-price {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.fgh-popular-price strong {
    color: #1414d2;

    font-size: 21px;
    line-height: 1;

    font-weight: 700;
}

.fgh-popular-price span {
    color: #858995;

    font-size: 12px;
}

/* =====================================================
   HOTEL BOOK NOW BUTTON
===================================================== */

.fgh-hotel-book-btn {
    width: 100%;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    box-sizing: border-box;
    border: 1px solid #1414d2;
    border-radius: 5px;
    background: #1414d2;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
    padding: 7px 10px;
    line-height: 28px;
}

.fgh-hotel-book-btn i {
    font-size: 10px;

    transition: transform 0.25s ease;
}

.fgh-hotel-book-btn:hover {
    background: #ffffff;
    color: #1414d2;
}

.fgh-hotel-book-btn:hover i {
    transform: translateX(3px);
}

.inner-fgh-popular {
    display: flex;
    justify-content: space-between;
}


.fgh-popular-price {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: end;
}


/* =====================================================
   HOTEL EXCLUSIVE DEALS
===================================================== */

.fgh-hotel-deals {
    width: 100%;
    padding: 14px 0;
    box-sizing: border-box;
}

.fgh-hotel-deals-inner {
width: calc(100% - 52px);
    max-width: 1450px;
    margin: 0 auto;

    padding: 20px;

    display: grid;
    grid-template-columns: 290px 1fr;
    align-items: center;
    gap: 28px;

    background: #e3e6fa;
    border-radius: 14px;

    box-sizing: border-box;
}


/* =====================================================
   INTRO
===================================================== */

.fgh-hotel-deals-intro {
    min-width: 0;
}

.fgh-hotel-deals-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #1414d2;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .3px;
}

.fgh-hotel-deals-intro h2 {
    margin: 0 0 8px;

    color: #171717;

    font-size: 28px;
    line-height: 1.15;
    font-weight: 700;
}

.fgh-hotel-deals-intro p {
    /*max-width: 220px;*/

    margin: 0 0 16px;

    color: #5d6270;

    font-size: 15px;
    line-height: 1.55;
}

.fgh-hotel-deals-link {
      display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: gap .25s ease;
    background-color: var(--theme-color);
    padding: 7px 14px;
    border-radius: 5px;
    border:1px solid   var(--theme-color);
}
.fgh-hotel-deals-link:hover {
    background-color:var(--white);
    color:var(--theme-color);
}

/*.fgh-hotel-deals-link i {*/
/*    font-size: 10px;*/
/*}*/


/* =====================================================
   DEAL CARDS
===================================================== */

.fgh-hotel-deals-list {
    min-width: 0;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}


/* =====================================================
   DEAL CARD
===================================================== */

.fgh-hotel-deal-card {
    min-width: 0;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5e7f2;
    border-radius: 10px;

    box-shadow: 0 2px 8px rgba(20, 20, 210, .04);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.fgh-hotel-deal-card:hover {
    transform: translateY(-3px);

    box-shadow: 0 8px 22px rgba(20, 20, 210, .12);
}


/* =====================================================
   IMAGE
===================================================== */

.fgh-hotel-deal-image {
    position: relative;

    width: 100%;
    height: 200px;

    overflow: hidden;
}

.fgh-hotel-deal-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .4s ease;
}

.fgh-hotel-deal-card:hover
.fgh-hotel-deal-image img {
    transform: scale(1.04);
}


/* =====================================================
   OFFER BADGE
===================================================== */

.fgh-hotel-deal-offer {
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 10px 8px 8px;
    background: #1414d2;
    color: #ffffff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

/* =====================================================
   CONTENT
===================================================== */

.fgh-hotel-deal-content {
    padding: 9px 10px 11px;
}

.fgh-hotel-deal-content h3 {
    margin: 0 0 4px;

    color: #202020;

    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

.fgh-hotel-deal-content p {
    min-height: 30px;
 
    margin: 0 0 6px;

    color: #687080;

    font-size: 14px;
    line-height: 1.45;
}

.fgh-hotel-deal-valid {
    display: block;

    color: #1414d2;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
}

.fight-group-popular-wrapperr {
    display: block;
}


/* =====================================================
   WHY BOOK WITH US
   Unique Prefix: fgh-hotel-why-
===================================================== */

.fgh-hotel-why-section {
    width: 100%;
    padding: 45px 0;
    background: #ffffff;
    overflow: hidden;
}

.fgh-hotel-why-section *,
.fgh-hotel-why-section *::before,
.fgh-hotel-why-section *::after {
    box-sizing: border-box;
}


/* =====================================================
   MAIN WRAPPER
===================================================== */

.fgh-hotel-why-inner {
   
    margin: 0 auto;

    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 25px;

    align-items: center;
}


/* =====================================================
   IMAGE
===================================================== */

.fgh-hotel-why-image {
    width: 100%;
    /*height: 185px;*/

    overflow: hidden;

    border-radius: 9px;
}

.fgh-hotel-why-image img {
    display: block;

    width: 100%;
    height: 360px;

    object-fit: cover;

    transition: transform .4s ease;
}

.fgh-hotel-why-image:hover img {
    transform: scale(1.04);
}


/* =====================================================
   CONTENT
===================================================== */

.fgh-hotel-why-content {
    min-width: 0;
}

.fgh-hotel-why-eyebrow {
    display: block;

    margin-bottom: 4px;

    color: #1414d2;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .3px;
}

.fgh-hotel-why-content h2 {
    margin: 0 0 5px;

    color: #171717;

    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}

.fgh-hotel-why-intro {
    margin: 0 0 14px;

    color: #5e6470;

    font-size: 15px;
    line-height: 1.5;
}


/* =====================================================
   FEATURES GRID
===================================================== */

.fgh-hotel-why-grid {
        display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 28px;
    margin-top: 20px;
}


/* =====================================================
   FEATURE ITEM
===================================================== */

.fgh-hotel-why-item {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    min-width: 0;
}


/* =====================================================
   ICON
===================================================== */

.fgh-hotel-why-icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe1ff;
    border-radius: 50%;
    background: #dfe1ff;
    color: #1414d2;
    font-size: 20px;
}

.fgh-hotel-why-icon i {
    line-height: 1;
}


/* =====================================================
   FEATURE TEXT
===================================================== */

.fgh-hotel-why-text {
    min-width: 0;
}

.fgh-hotel-why-text h3 {
    margin: 1px 0 3px;

    color: #242424;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
}

.fgh-hotel-why-text p {
    margin: 0;

    color: #707580;

    font-size: 15px;
    line-height: 1.45;
}



/* =========================================
   HOTEL PROMO CARDS
========================================= */

.hotel-promo-section {
    width: 100%;
    padding: 8px 24px;
    box-sizing: border-box;
    background: #fff;
}

.hotel-promo-wrapper {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}


/* =========================================
   CARD
========================================= */

.hotel-promo-card {
    position: relative;
    /*height: 145px;*/
    min-width: 0;

    overflow: hidden;
    border-radius: 9px;

    color: #fff;
    box-sizing: border-box;
}


/* Blue card */

.hotel-promo-help {
    background:
        linear-gradient(
            105deg,
            #142bd1 0%,
            #1237d8 55%,
            #1729b9 100%
        );
}


/* Purple card */

.hotel-promo-deals {
    background:
        linear-gradient(
            105deg,
            #4720ce 0%,
            #5724d2 52%,
            #4420bd 100%
        );
}


/* Third card */

.hotel-promo-save {
    background:
        linear-gradient(
            105deg,
            #1335d1 0%,
            #163ed9 60%,
            #1648c9 100%
        );
}


/* =========================================
   CONTENT
========================================= */

.hotel-promo-content {
    position: relative;
    z-index: 5;

    display: flex;
    gap: 11px;

    height: 100%;
    padding: 17px 15px 12px 17px;

    box-sizing: border-box;
}


.hotel-promo-icon {
    flex: 0 0 28px;

    width: 28px;
    height: 28px;

    margin-top: 1px;

    color: #fff;
}


.hotel-promo-icon svg {
    display: block;
    width: 28px;
    height: 28px;
}


/* =========================================
   TEXT
========================================= */

.hotel-promo-text {
    position: relative;
    z-index: 4;
}


.hotel-promo-text h3 {
    margin: 0 0 5px;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;

    color: #fff;
}


.hotel-promo-text p {
        margin: 12px 0 !important;
 
    font-size: 15px;
    line-height: 1.35;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.95);
    display: block;
}


/* =========================================
   BUTTON
========================================= */

.hotel-promo-btn {
       display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    /*margin-top: 9px;*/
    padding: 7px 13px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    color: #1735c8;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}


.hotel-promo-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    background-color:var(--z-dark);
    color:var(--white);
}


.hotel-promo-btn span {
    font-size: 16px;
    line-height: 1;
}


/* =========================================
   PERSON IMAGES
========================================= */

.hotel-person {
    position: absolute;

    z-index: 3;

    display: block;

    object-fit: contain;

    pointer-events: none;
}


/* Woman */

.hotel-woman {
  right: -2px;
    bottom: -8px;
    width: 11vw;
    object-fit: contain;
    object-position: bottom center;
}


/* Man */

.hotel-man {
    right: -8px;
    bottom: -5px;
    width: 13vw;
    height: auto;
    object-fit: contain;
    object-position: bottom center;
}


/* =========================================
   BEACH IMAGE
========================================= */

.hotel-beach {
   position: absolute;
    right: 0;
    bottom: -10px;
    width: 13vw;
    height: auto;
    object-fit: cover;
    object-position: center;
    /* z-index: 2; */
    pointer-events: none;
}


/* Gradient overlay over beach */

.hotel-promo-save::after {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 58%;

    z-index: 3;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(20, 53, 209, 0.98) 0%,
        rgba(20, 53, 209, 0.92) 35%,
        rgba(20, 53, 209, 0.35) 82%,
        rgba(20, 53, 209, 0) 100%
    );
}

.hotel-promo-text {
    width: 100%;
    max-width: 190px;
}


.home-tn-hero {
    background-position:bottom;
}

/* =========================================
   HOTEL HOW IT WORKS
========================================= */

.hotel-how-section {
    width: 100%;
    padding: 65px 10px;
    background: #ffffff;
    box-sizing: border-box;
}

.hotel-how-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================================
   HEADING
========================================= */

.hotel-how-heading {
    max-width: 650px;
    margin: 0 auto 50px;
    text-align: center;
}

.hotel-how-heading > span {
      display: block;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .3px;

    color: var(--tn-theme-color, #1414d2);
}

.hotel-how-heading h2 {
   margin: 0 0 5px;
    color: #171717;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}

.hotel-how-heading p {
    margin: 0;

    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;

    color: #687386;
}


/* =========================================
   STEPS
========================================= */

.hotel-how-steps {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}


/* Connecting line */

.hotel-how-steps::before {
    content: "";

    position: absolute;
    top: 38px;
    left: 11%;
    right: 11%;

    height: 1px;

    background: #dfe4f0;

    z-index: 0;
}


/* =========================================
   STEP
========================================= */

.hotel-how-step {
    position: relative;
    z-index: 1;

    text-align: center;
}


/* =========================================
   ICON
========================================= */

.hotel-step-icon-wrap {
    position: relative;

    width: 76px;
    height: 76px;

    margin: 0 auto 22px;
}


.hotel-step-icon {
    width: 76px;
    height: 76px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:#e2e7ff;

    border: 1px solid #e1e6f2;

    color: var(--tn-theme-color, #1414d2);

    font-size: 25px;

    box-shadow:
        0 8px 25px rgba(20, 20, 210, 0.08);
}


/* Step number */

.hotel-step-number {
       position: absolute;
    top: -5px;
    right: -8px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--tn-theme-color, #1414d2);
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    border: 3px solid #ffffff;
}


/* =========================================
   CONTENT
========================================= */

.hotel-step-content h3 {
    margin: 0 0 9px;

    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;

    color: #182238;
}

.hotel-step-content p {

    margin: 0 auto;

    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;

    color: #727c8f;
}


/* =========================================
   HOVER
========================================= */

.hotel-how-step:hover .hotel-step-icon {
    color: #ffffff;
    background: var(--tn-theme-color, #1414d2);
    border-color: var(--tn-theme-color, #1414d2);

    transform: translateY(-4px);

    box-shadow:
        0 12px 30px rgba(20, 20, 210, 0.18);
}

.hotel-step-icon {
    transition: all 0.25s ease;
}

/* =========================================
   HOTEL SEO CONTENT
========================================= */

/*.hotel-seo-section {*/
/*    padding: 0px 20px;*/
/*    background: #f7f9fc;*/
/*}*/

.hotel-seo-container {
    max-width: 1450px;
    margin: 0 auto;
}


/* Heading */

.hotel-seo-heading {
    max-width: 1450px;
    margin: 0 auto 45px;
    text-align: center;
}

.hotel-seo-label {
    display: inline-block;
    margin-bottom: 0px;
    color: var(--tn-theme-color, #1414d2);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.hotel-seo-heading h2 {
    margin: 0 0 15px;
    color: #172033;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
}

.hotel-seo-heading h2 strong {
    color: var(--tn-theme-color, #1414d2);
}

.hotel-seo-heading p {
    margin: 0;
    color: #687386;
    font-size: 16px;
    line-height: 1.8;
}


/* Intro */

/*.hotel-seo-intro {*/

/*    background: #fff;*/
  
/*    border-radius: 16px;*/
/*    box-shadow: 0 8px 30px rgba(30,40,70,.05);*/
/*}*/

.hotel-seo-intro h3,
.hotel-seo-content-block h3 {
    margin: 0 0 5px;
    color: #172033;
    font-size: 23px;
    line-height: 1.4;
}

.hotel-seo-intro p,
.hotel-seo-content-block p {
    margin: 0 0 16px;
    color: #626c7c;
    font-size: 15px;
    line-height: 1.85;
}

.hotel-seo-content-block p:last-child {
    margin-bottom: 0;
}


/* Expand */

.hotel-seo-more {
    max-height: 0;
    overflow: hidden;
    opacity: 0;

    transition:
        max-height .8s ease,
        opacity .5s ease,
        margin-top .5s ease;
}

.hotel-seo-more.active {
    max-height: 10000px;
    margin-top: 25px;
    opacity: 1;
}


/* Content Blocks */

.hotel-seo-content-block {
    margin-bottom: 25px;

    background: #fff;
   
    border-radius: 16px;
}


/* Hotel Cards */

.hotel-seo-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.hotel-seo-card {
    padding: 25px;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    background: #fafbfe;
    transition: .3s ease;
}

.hotel-seo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(20,30,60,.08);
}

.hotel-seo-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    border-radius: 12px;

    background: rgba(20,20,210,.08);
    color: var(--tn-theme-color, #1414d2);

    font-size: 20px;
}

.hotel-seo-card h4 {
    margin: 0 0 8px;
    color: #172033;
    font-size: 18px;
}

.hotel-seo-card p {
    margin: 0;
    font-size: 14px;
}


/* List */

.hotel-seo-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.hotel-seo-list li {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 14px;

    border-radius: 9px;
    background: #f8f9fc;

    color: #596375;
    font-size: 14px;
}

.hotel-seo-list i {
    color: #16a36a;
}


/* Destinations */

.hotel-destination-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.hotel-destination-item {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 15px 18px;

    border: 1px solid #e5e8ef;
    border-radius: 9px;

    background: #fafbfe;

    color: #303949;
    font-size: 14px;
    font-weight: 600;
}

.hotel-destination-item i {
    color: var(--tn-theme-color, #1414d2);
}


/* Tips */

.hotel-tip {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    padding: 22px;
    margin-bottom: 12px;

    border: 1px solid #e7eaf0;
    border-radius: 12px;
}

.hotel-tip > span {
    flex: 0 0 45px;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: var(--tn-theme-color, #1414d2);
    color: #fff;

    font-size: 13px;
    font-weight: 700;
}

.hotel-tip h4 {
    margin: 0 0 7px;
    color: #172033;
    font-size: 17px;
}

.hotel-tip p {
    margin: 0;
}


/* FAQ */

.hotel-faq {
    margin-top: 25px;
}

.hotel-faq details {
    margin-bottom: 12px;

    border: 1px solid #e5e8ef;
    border-radius: 10px;

    background: #fafbfc;
    overflow: hidden;
}

.hotel-faq summary {
    position: relative;

    padding: 18px 50px 18px 18px;

    cursor: pointer;
    list-style: none;

    color: #252d3b;
    font-size: 15px;
    font-weight: 600;
}

.hotel-faq summary::-webkit-details-marker {
    display: none;
}

.hotel-faq summary i {
    position: absolute;
    right: 18px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--tn-theme-color, #1414d2);
    font-size: 12px;

    transition: .3s ease;
}

.hotel-faq details[open] summary i {
    transform: translateY(-50%) rotate(180deg);
}

.hotel-faq details p {
    padding: 0 18px 18px;
    margin: 0;

    color: #687386;
    font-size: 14px;
    line-height: 1.75;
}


/* Button */

.hotel-seo-button-wrap {
    margin-top: 30px;
    text-align: center;
}

.hotel-seo-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-width: 170px;
    padding: 14px 25px;

    border: 0;
    border-radius: 8px;

    background: var(--tn-theme-color, #1414d2);
    color: #fff;

    cursor: pointer;

    font-size: 14px;
    font-weight: 600;

    transition: .3s ease;
}

.hotel-seo-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(20,20,210,.2);
}

.hotel-seo-button i {
    transition: .3s ease;
}

.hotel-seo-button.active i {
    transform: rotate(180deg);
}


/* =========================================
   HEADING WITH ICON
========================================= */

.hotel-seo-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.hotel-seo-title h3 {
    margin: 0 !important;
    flex: 1;
}

.hotel-heading-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: rgba(20, 20, 210, 0.08);

    color: var(--tn-theme-color, #1414d2);

    font-size: 18px;

    border: 1px solid rgba(20, 20, 210, 0.08);

    transition: all 0.3s ease;
}

.hotel-seo-content-block:hover .hotel-heading-icon,
.hotel-seo-intro:hover .hotel-heading-icon {
    background: var(--tn-theme-color, #1414d2);
    color: #fff;
    transform: translateY(-2px);
}

/* =========================================
   HOTEL FAQ + IMAGE COLLAGE
========================================= */

.hotel-faq-collage-section {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 65px;

    padding: 50px 0 10px;

    align-items: center;
}


/* =========================================
   FAQ LEFT
========================================= */

.hotel-faq-content {
    min-width: 0;
}

.hotel-faq-content .hotel-seo-title {
    margin-bottom: 12px;
}

.hotel-small-label {
   display: block;
    margin-bottom: 0;
    color: var(--tn-theme-color, #1414d2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1;
}

.hotel-faq-content h3 {
    margin: 0;

    color: #172033;

    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
}

.hotel-faq-intro {
    max-width: 650px;

    margin: 0 0 25px;

    color: #687386;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   FAQ ITEMS
========================================= */

.hotel-faq-list details {
    margin-bottom: 10px;

    border: 1px solid #e6e9ef;

    border-radius: 10px;

    background: #fff;

    overflow: hidden;

    transition: all .3s ease;
}

.hotel-faq-list details:hover {
    border-color: rgba(20, 20, 210, .25);
}

.hotel-faq-list details[open] {
    border-color: rgba(20, 20, 210, .18);

    box-shadow: 0 8px 25px rgba(20, 30, 60, .06);
}


/* Question */

.hotel-faq-list summary {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 17px 18px;

    cursor: pointer;

    list-style: none;

    color: #202838;

    font-size: 16px;
    font-weight: 600;
}

.hotel-faq-list summary::-webkit-details-marker {
    display: none;
}


/* Plus */

.hotel-faq-list summary i {
    width: 28px;
    height: 28px;
    min-width: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f2f4fb;

    color: var(--tn-theme-color, #1414d2);

    font-size: 11px;

    transition: all .3s ease;
}


/* Open icon */

.hotel-faq-list details[open] summary i {
    transform: rotate(45deg);

    background: var(--tn-theme-color, #1414d2);

    color: #fff;
}


/* Answer */

.hotel-faq-answer {
    padding: 0 18px 18px;
}

.hotel-faq-answer p {
    margin: 0;

    color: #687386;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   RIGHT IMAGE COLLAGE
========================================= */

.hotel-faq-collage {
    position: relative;

    min-height: 500px;
}


/* Main Image */

.hotel-collage-main {
    position: absolute;

    left: 35px;
    top: 25px;

    width: 65%;
    height: 390px;

    border-radius: 24px;

    overflow: hidden;

    box-shadow: 0 20px 50px rgba(20, 30, 60, .15);
}

.hotel-collage-main img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .6s ease;
}

.hotel-collage-main:hover img {
    transform: scale(1.04);
}


/* Small Images */

.hotel-collage-small {
    position: absolute;

    width: 42%;
    height: 185px;

    overflow: hidden;

    border: 7px solid #fff;

    border-radius: 20px;

    box-shadow: 0 15px 40px rgba(20, 30, 60, .14);

    z-index: 2;
}

.hotel-collage-small img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.hotel-collage-top {
    top: 0;
    right: 0;
}

.hotel-collage-bottom {
    right: -10px;
    bottom: 25px;
}


/* =========================================
   BADGE ON MAIN IMAGE
========================================= */

.hotel-collage-badge {
    position: absolute;

    left: 18px;
    bottom: 18px;

    display: flex;
    align-items: center;

    gap: 11px;

    padding: 11px 14px;

    border-radius: 12px;

    background: rgba(255, 255, 255, .95);

    box-shadow: 0 8px 25px rgba(0, 0, 0, .12);
}

.hotel-collage-badge > i {
    width: 35px;
    height: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: var(--tn-theme-color, #1414d2);

    color: #fff;

    font-size: 14px;
}

.hotel-collage-badge strong {
    display: block;

    color: #172033;

    font-size: 12px;
}

.hotel-collage-badge span {
    display: block;

    margin-top: 2px;

    color: #7a8392;

    font-size: 10px;
}


/* =========================================
   FLOATING BADGE
========================================= */

.hotel-collage-floating {
    position: absolute;

    left: 0;
    bottom: 8px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 10px 14px;

    background: #fff;

    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(20, 30, 60, .12);

    z-index: 3;
}

.hotel-collage-floating > i {
    color: #f6a800;

    font-size: 16px;
}

.hotel-collage-floating strong {
    display: block;

    color: #172033;

    font-size: 12px;
}

.hotel-collage-floating span {
    display: block;

    margin-top: 2px;

    color: #7a8392;

    font-size: 10px;
}

.faq-sec-hp {
    margin-bottom: 150px;
}

/* =====================================================
   HOTEL CTA - UNIQUE COMPONENT
   PREFIX: htlcta9-
===================================================== */

.htlcta9-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 75px 20px;
    background: var(--tn-theme-color, #1414d2);
    margin-top:70px;
}

.htlcta9-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    left: -220px;
    top: -250px;
    border-radius: 50%;
    background: rgba(255,255,255,.07);
}

.htlcta9-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: -180px;
    bottom: -220px;
    border-radius: 50%;
    background: rgba(255,255,255,.07);
}


/* WRAPPER */

.htlcta9-wrap {
    position: relative;
    z-index: 2;

    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr .85fr;

    align-items: center;

    gap: 70px;
}


/* CONTENT */

.htlcta9-content {
    max-width: 650px;
}

.htlcta9-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 18px;

    padding: 7px 12px;

    border: 1px solid rgba(255,255,255,.25);
    border-radius: 30px;

    background: rgba(255,255,255,.08);

    color: #fff;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1.2px;
}

.htlcta9-tag i {
    font-size: 13px;
}


.htlcta9-title {
    margin: 0 0 18px;

    color: #fff;

    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;
        text-transform: math-auto;
}

.htlcta9-title span {
    display: block;
}


.htlcta9-text {
    max-width: 570px;

    margin: 0 0 28px;

    color: rgba(255,255,255,.78);

    font-size: 15px;
    line-height: 1.8;
}


/* BUTTONS */

.htlcta9-actions {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 28px;
}

.htlcta9-btn {
    min-height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 21px;

    border-radius: 8px;

    text-decoration: none;

    font-size: 15px;
    font-weight: 600;

    transition: all .3s ease;
}


.htlcta9-btn-primary {
    background: #fff;
    color: var(--tn-theme-color, #1414d2);
}

.htlcta9-btn-primary:hover {
    color: var(--tn-theme-color, #1414d2);
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0,0,0,.18);
}


.htlcta9-btn-outline {
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.35);
}

.htlcta9-btn-outline:hover {
    color: #fff;
    background: rgba(255,255,255,.17);
    transform: translateY(-3px);
}


/* POINTS */

.htlcta9-points {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.htlcta9-point {
    display: flex;
    align-items: center;
    gap: 7px;

    color: rgba(255,255,255,.85);

    font-size: 11px;
}

.htlcta9-point i {
    color: #fff;
    font-size: 12px;
}


/* =====================================================
   VISUAL
===================================================== */

.htlcta9-visual {
    position: relative;

    min-height: 400px;

    width: 100%;
}


/* IMAGE */

.htlcta9-image {
    position: absolute;

    top: 10px;
    right: 25px;

    width: 78%;
    height: 370px;

    overflow: hidden;

    border: 7px solid #fff;

    border-radius: 25px;

    transform: rotate(0deg);

    box-shadow: 0 25px 55px rgba(0,0,0,.25);
}

.htlcta9-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .6s ease;
}

.htlcta9-image:hover img {
    transform: scale(1.06);
}


/* FLOATING CARD */

.htlcta9-card {
    position: absolute;

    left: 0;
    bottom: 45px;

    z-index: 3;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 12px 15px;

    background: #fff;

    border-radius: 12px;

    box-shadow: 0 15px 35px rgba(0,0,0,.2);
}

.htlcta9-card-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: rgba(20,20,210,.08);

    color: var(--tn-theme-color, #1414d2);

    font-size: 15px;
}

.htlcta9-card-info span {
     display: block;
    margin-bottom: 4px;
    color: #8b93a0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 1;
}
.htlcta9-card-info {
    line-height:1;
}
.htlcta9-card-info strong {
    color: #172033;

    font-size: 12px;
}


/* RATING CARD */

.htlcta9-rating {
    position: absolute;

    top: 0;
    right: 0;

    z-index: 4;

    min-width: 135px;

    padding: 12px 14px;

    background: #fff;

    border-radius: 11px;

    box-shadow: 0 12px 30px rgba(0,0,0,.16);
}

.htlcta9-stars {
    margin-bottom: 5px;
    color: #f4ad00;
    font-size: 12px;
    line-height: 1;
}

.htlcta9-rating strong {
        display: block;
    color: #172033;
    font-size: 14px;
    line-height: 1;
}

.htlcta9-rating span {
    display: block;
    margin-top: 4px;
    color: #7c8491;
    font-size: 12px;
    line-height: 1;
}


/*.airport-guide-section {*/
/*    padding-bottom: 150px;*/
/*}*/



/* =====================================================

===================================================== */


.htxewr-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* INTRO */




.htxewr-route-content {
    padding: 70px 0 150px;
}

.htxewr-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 0px;

    color: var(--tn-theme-color, #1414d2);

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.htxewr-intro h1 {
    margin: 0 0 18px;

    color: #172033;

    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}

.htxewr-intro h1 span {
    color: var(--tn-theme-color, #1414d2);
}

.htxewr-intro p {
    margin: 0 0 12px;

    color: #687181;

    font-size: 15px;
    line-height: 1.5;
}


/* SECTION HEADING */

.htxewr-info-section,
.htxewr-airport-section,
.htxewr-about {
    margin-bottom: 45px;
}

.htxewr-section-heading,
.htxewr-about-header {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 15px;
}

.htxewr-heading-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: rgba(20,20,210,.08);

    color: var(--tn-theme-color, #1414d2);

    font-size: 17px;
}

.htxewr-section-heading span,
.htxewr-about-header span {
    display: block;

    margin-bottom: 4px;

    color: var(--tn-theme-color, #1414d2);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.htxewr-section-heading h2,
.htxewr-about-header h2 {
    margin: 0;

    color: #172033;

    font-size: 24px;
    line-height: 1.3;
}
.htxewr-intro {
    padding-bottom: 20px;
}

/* ATTRACTIONS */

.htxewr-attractions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.htxewr-attraction {
    display: flex;
    align-items: center;
    gap: 10px;

    min-height: 58px;

    padding: 12px 15px;

    background: #fff;

    border: 1px solid #e9ebf1;
    border-radius: 10px;

    color: #384152;

    font-size: 14px;

    transition: .25s ease;
}

.htxewr-attraction:hover {
    border-color: rgba(20,20,210,.25);

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(20,20,210,.06);
}

.htxewr-attraction i {
    color: var(--tn-theme-color, #1414d2);
}


/* INFO CARD */
.htxewr-info-card {
    display: flex;
    gap: 20px;
    margin-bottom: 45px;
    background: #fff;
    border-radius: 15px;
}
.htxewr-card-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: rgba(20,20,210,.08);

    color: var(--tn-theme-color, #1414d2);
}

.htxewr-card-content h2 {
    margin: 0 0 12px;

    color: #172033;

    font-size: 23px;
}

.htxewr-card-content p {
    margin: 0 0 10px;

    color: #687181;

    font-size: 15px;
    line-height: 1.5;
}


/* AIRPORT */

.htxewr-airport-route {
    display: grid;

    grid-template-columns: 1fr 130px 1fr;

    align-items: center;

    gap: 20px;

    padding: 30px;

    background: #fff;

    border: 1px solid #e8eaf0;

    border-radius: 15px;
}

.htxewr-airport {
    display: flex;
    align-items: center;
    gap: 15px;
}

.htxewr-airport-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(20,20,210,.08);

    color: var(--tn-theme-color, #1414d2);
}

.htxewr-airport small {
    display: block;

    margin-bottom: 5px;

    color: #9299a5;

    font-size: 8px;
    font-weight: 700;
}

.htxewr-airport strong {
    display: block;

    margin-bottom: 4px;

    color: #283142;

    font-size: 13px;
}

.htxewr-airport span {
    color: #7b8492;

    font-size: 11px;
}

.htxewr-airport b {
    display: inline-block;

    margin-left: 7px;

    color: var(--tn-theme-color, #1414d2);

    font-size: 10px;
}

.htxewr-route-line {
    display: flex;
    align-items: center;
    gap: 7px;
}

.htxewr-route-line span {
    height: 1px;

    flex: 1;

    border-top: 1px dashed #c8ccd7;
}

.htxewr-route-line i {
    color: var(--tn-theme-color, #1414d2);

    font-size: 16px;
}


/* TIPS */

.htxewr-tips {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.htxewr-tip {
    display: flex;
    gap: 15px;

    padding: 20px;

    background: #fff;

    border: 1px solid #e8eaf0;

    border-radius: 12px;
}

.htxewr-tip > span {
    width: 34px;
    height: 34px;
    min-width: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: var(--tn-theme-color, #1414d2);

    color: #fff;

    font-size: 14px;
    font-weight: 700;
}

.htxewr-tip h3 {
    margin: 0 0 5px;

    color: #273143;

    font-size: 16px;
}

.htxewr-tip p {
    margin: 0;

    color: #737c8b;

    font-size: 15px;
    line-height: 1.5;
}


/* FAQ */

.htxewr-about {
    padding: 35px;

    background: #fff;

    border: 1px solid #e7e9ef;

    border-radius: 16px;
}

.htxewr-faq {
    border-top: 1px solid #e8eaf0;
}

.htxewr-faq summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 19px 0 10px;
    cursor: pointer;
    list-style: none;
    color: #273143;
    font-size: 16px;
    font-weight: 600;
}

.htxewr-faq summary::-webkit-details-marker {
    display: none;
}

.htxewr-faq summary i {
    color: var(--tn-theme-color, #1414d2);

    font-size: 11px;

    transition: transform .25s ease;
}

.htxewr-faq[open] summary i {
    transform: rotate(45deg);
}

.htxewr-faq-answer {
    padding: 0 25px 20px 0;
}

.htxewr-faq-answer p {
    margin: 0 0 10px;

    color: #6d7584;

    font-size: 15px;
    line-height: 1.5;
}


/* FINAL CTA */

.htxewr-final-cta {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding: 30px 35px;

    border-radius: 16px;

    background: var(--tn-theme-color, #1414d2);
}

.htxewr-final-cta > div {
    max-width: 700px;
}

.htxewr-final-cta span {
    display: block;

    margin-bottom: 7px;

    color: rgba(255,255,255,.75);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.htxewr-final-cta h2 {
    margin: 0 0 7px;

    color: #fff;

    font-size: 26px;
}

.htxewr-final-cta p {
    margin: 0;

    color: rgba(255,255,255,.75);

    font-size: 18px;
}

.htxewr-final-cta a {
    min-width: 170px;
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    padding: 0 18px;

    border-radius: 8px;

    background: #fff;

    color: var(--tn-theme-color, #1414d2);

    text-decoration: none;

    font-size: 16px;
    font-weight: 700;

    transition: .25s ease;
}

.htxewr-final-cta a:hover {
    color: var(--tn-theme-color, #1414d2);

    transform: translateY(-2px);
}

.htxewr-intro h2 {
    font-size: 24px;
}

/*airlines page css start here */

.tn-hero.flight-route-bg.airlines-hero-bg .tn-hero__bg {
    background-color: #1414d259;
    background-blend-mode: color-burn;
}
 /* =====================================
           TRUST STRIP
        ====================================== */

        .dgh-trust {
            padding: 40px 0 30px;
            border-bottom: 1px solid var(--dgh-border);
            background: var(--theme-color);
        }

        .dgh-trust-item {
            display: flex;
            align-items: center;
                justify-content: center;
            gap: 12px;
        }

        .dgh-trust-icon {
           min-width: 44px;
            height: 44px;
            border-radius: 10px;
            background: #eaf5ff;
            color: var(--theme-color);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .dgh-trust-item strong {
            display: block;
    color: var(--white-color);
    line-height: 1.5;
    font-size: 18px;
    margin-bottom:4px;
        }
.dgh-trust-item span {
 
       font-size: 15px;
    font-weight: 400;
    color: #e2d9d9;
    line-height: 1.3;
    display: inline-block;

}


.dgh-deal-card {
            background: #fff;
            border-radius: 14px;
            border: 1px solid var(--dgh-border);
            overflow: hidden;
            height: 100%;
            transition: .3s;
        }

      

        .dgh-deal-top {
            padding: 18px;
            background:
                linear-gradient(135deg,#edf7ff,#fff);
            border-bottom: 1px solid var(--dgh-border);
        }

        .dgh-airline {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .dgh-airline-name {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 700;
            color: var(--tn-title-color);
        }

        .dgh-airline-logo {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--dgh-red);
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 17px;
        }
.dgh-airline-logo img {
    width:100%;
    max-width:80%;
}
        .dgh-deal-tag {
            background: #eaf7ed;
            color: #16843b;
            padding: 5px 9px;
            border-radius: 5px;
            font-size: 12px;
            font-weight: 700;
        }

        .dgh-route {
            display: grid;
            grid-template-columns: 1fr 70px 1fr;
            align-items: center;
            margin-top: 20px;
        }

        .dgh-city strong {
            display: block;
            font-size: 23px;
            color: var(--tn-title-color);
        }

        .dgh-city span {
            color: #7a8996;
            font-size: 13px;
        }

        .dgh-city:last-child {
            text-align: right;
        }

        .dgh-route-line {
            text-align: center;
            position: relative;
        }

        .dgh-route-line:before {
           content: "";
    position: absolute;
    left: -35px;
    right: -35px;
    top: 50%;
    border-top: 1px dashed #a8b8c6;
    transform: translateY(-50%);
        }

        .dgh-route-line i {
            position: relative;
            z-index: 2;
     
            color: var(--theme-color);
            font-style: normal;
        }

        .dgh-deal-body {
            padding: 18px;
        }

        .dgh-deal-info {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            font-size: 13px;
            color: #697a89;
            margin-bottom: 18px;
        }
.dgh-section-light {
    padding: 70px 0;
}
        .dgh-price-row {
            display: flex;
            justify-content: space-between;
            align-items: end;
        }

        .dgh-price small {
            display: block;
            color: #778593;
            font-size: 12px;
        }

        .dgh-price strong {
            font-size: 27px;
            color: var(--tn-title-color);
        }

        .dgh-deal-button {
            border: 1px solid var(--theme-color);
            color: var(--theme-color);
            padding: 8px 14px;
            border-radius: 6px;
            font-weight: 700;
            font-size: 14px;
        }

        .dgh-deal-button:hover {
            background: var(--theme-color);
            color: #fff;
        }

 /* =====================================
           CTA
        ====================================== */

        /*.dgh-cta {*/
        /*    padding: 55px 0;*/
        /*}*/

        .dgh-cta-box {
            position: relative;
            overflow: hidden;
              background: linear-gradient(110deg, #172be4, #1942f5);
            border-radius: 18px;
            padding: 45px 50px;
            color: #fff;
        }

        .dgh-cta-box:after {
            content: "";
            position: absolute;
            width: 350px;
            height: 350px;
            border: 60px solid rgba(255,255,255,.07);
            border-radius: 50%;
            right: -100px;
            top: -180px;
        }

        .dgh-cta-content {
            position: relative;
            z-index: 2;
        }

        .dgh-cta h2 {
            margin: 0 0 8px;
            /*font-size: 32px;*/
                     font-size: 26px;
            font-weight: 600;
            color:var(--white);
        }

        .dgh-cta p {
            margin: 0;
            color: rgba(255,255,255,.82);
        }

        .dgh-cta-button {
            background: #fff;
            color: var(--theme-color);
            padding: 13px 25px;
            border-radius: 7px;
            font-weight: 800;
            display: inline-block;
        }
        
        /* =====================================
           ROUTES
        ====================================== */

        .dgh-route-box {
            background: #fff;
            border: 1px solid var(--dgh-border);
            border-radius: 12px;
            padding: 20px;
            height: 100%;
            transition: .25s;
        }

        .dgh-route-box:hover {
            border-color: var(--tn-theme-color);
            box-shadow: 0 12px 28px rgba(0,80,130,.08);
        }

        .dgh-route-box-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 14px;
        }

        .dgh-route-box-top i {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            color: var(--tn-theme-color);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .dgh-route-box h3 {
               font-size: 16px;
    color: var(--tn-title-color);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
        }

        .dgh-route-box p {
            font-size: 13px;
            color: #71808e;
            margin: 0;
        }

        .dgh-route-price {
          
            font-weight: 800;
            color: var(--tn-theme-color);
        }
.dgh-route-box-top i.fa-solid.fa-plane {
    background-color: #b5b5e442;
}
        .heading-title-h2 {
font-size: 26px;
    margin-bottom: 20px;
        }
        
        .dgh-section {
    padding: 70px 0px;
}

.dgh-route-box-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dgh-route-box-bottom {
    margin-top: 20px;
}

.dgh-route-box-bottom a.check-route-col {
    color: var(--theme-color);
    font-size: 14px;
    border: 1px solid var(--theme-color);
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

/* =====================================
           EXPERIENCE SECTION
        ====================================== */

        .dgh-experience {
            background: var(--dgh-dark);
            color: #fff;
            position: relative;
            overflow: hidden;
        }

        .dgh-experience:before {
            content: "";
            position: absolute;
            width: 450px;
            height: 450px;
            border: 80px solid rgba(255,255,255,.04);
            border-radius: 50%;
            right: -150px;
            top: -180px;
        }

        .dgh-experience .dgh-section-heading h2 {
            color: #fff;
        }

        .dgh-experience .dgh-section-heading p {
            color: #bdccda;
        }

        .dgh-feature {
            padding: 25px;
            border: 1px solid rgba(255,255,255,.12);
            background: rgba(255,255,255,.05);
            border-radius: 12px;
            height: 100%;
        }

        .dgh-feature-icon {
            width: 48px;
            height: 48px;
            border-radius: 10px;
            background: rgba(255,255,255,.1);
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 18px;
            font-size: 21px;
            color: var(--white);
        }

        .dgh-feature h3 {
            font-size: 18px;
            margin-bottom: 8px;
            color:var(--white);
        }

        .dgh-feature p {
              margin: 0;
    color: #bdccda;
    font-size: 15px;
    line-height: 1.5;
        }

/* ================================
   DELTA CABIN SECTION
================================ */

.delta-cabin-section {
    width: 100%;
    padding: 55px 20px;
    /*background: #eef;*/
    box-sizing: border-box;
}

.delta-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}


/* ================================
   SECTION HEADING
================================ */

.delta-section-heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.delta-section-heading span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    color: #1414d2;
}

.delta-section-heading h2 {
    margin: 0 0 12px;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    color: #172033;
}

.delta-section-heading p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #687386;
}


/* ================================
   CABIN GRID
================================ */

.delta-cabin-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    align-items: stretch;
}


/* ================================
   CARD
================================ */

.delta-cabin-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 24px 21px 22px;
    background: #ffffff;
    border: 1px solid #d1d3d7;
    border-radius: 12px;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

.delta-cabin-card:hover {
    transform: translateY(-4px);
    border-color: #cfd5ff;
    box-shadow: 0 12px 30px rgba(20, 20, 210, 0.08);
}


/* ================================
   FEATURED CARD
================================ */

.delta-cabin-card.featured {
    border: 1px solid #1414d2;
    box-shadow: 0 8px 24px rgba(20, 20, 210, 0.08);
}

.delta-cabin-card.featured::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 20px;
    right: 20px;
    height: 3px;
    background: #1414d2;
    border-radius: 0 0 5px 5px;
}


/* ================================
   CARD TOP
================================ */

.delta-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 26px;
    margin-bottom:5px;
}

.delta-number {
    font-size: 18px;
    font-weight: 700;
    color: #1414d2;
}

.delta-badge {
     padding: 5px 15px;
    border-radius: 5px;
    background: #e2e4f3;
    color: #1414d2;
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .6px;
}


/* ================================
   CARD CONTENT
================================ */

.delta-cabin-card h3 {
   margin: 0 0 6px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
      color: var(--tn-title-color);
}

.delta-cabin-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
    color: #687386;
}


/* ================================
   CARD LINK
================================ */

.delta-card-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 22px;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    color: #1414d2;
}

.delta-card-link span {
    font-size: 17px;
    line-height: 10px;
    transition: transform .2s ease;
}

.delta-card-link:hover {
    color: #0d0da5;
}

.delta-card-link:hover span {
    transform: translateX(4px);
}

/* =========================================================
   FLIGHTSGOHUB DELTA CONTENT
   MAX WIDTH: 1450PX
========================================================= */

.fg-delta-page {
    width: 100%;
    padding: 50px 20px 70px;
    background: #f5f7fb;
    box-sizing: border-box;
}

.fg-delta-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================================================
   MAIN CARD
========================================================= */

.fg-delta-card {
    width: 100%;
    margin-bottom: 20px;
    padding: 30px 34px;
    background: #ffffff;
    border: 1px solid #e5e9f1;
    border-radius: 14px;
    box-sizing: border-box;
}


/* =========================================================
   TITLE
========================================================= */

.fg-delta-title {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
}

.fg-delta-title-icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eef0ff;
    color: #1414d2;
    border-radius: 12px;
}

.fg-delta-title-icon svg {
    width: 29px;
    height: 29px;
}

.fg-delta-title span,
.fg-final-content > span {
    display: block;
    margin-bottom: 6px;
    color: #1414d2;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.fg-delta-title h2 {
    margin: 0;
    padding: 0;
    color: #172033;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================================
   CONTENT
========================================================= */

.fg-delta-content {
    color: #667085;
    font-size: 15px;
    line-height: 1.75;
}

.fg-delta-content p {
    margin: 0 0 17px;
}

.fg-delta-content p:last-child {
    margin-bottom: 0;
}

.fg-delta-content strong {
    color: #263148;
}


/* =========================================================
   READ MORE CONTENT
========================================================= */

.fg-read-more-content {
    display: none;
}

.fg-delta-card.is-expanded .fg-read-more-content {
    display: block;
}


/* =========================================================
   READ MORE BUTTON
========================================================= */

.fg-read-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-top: 21px;
    padding: 0;

    border: 0;
    background: transparent;

    color: #1414d2;

    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;

    cursor: pointer;
}

.fg-read-more svg {
    width: 17px;
    height: 17px;
    transition: transform .25s ease;
}

.fg-delta-card.is-expanded .fg-read-more svg {
    transform: rotate(180deg);
}


/* =========================================================
   CHECK-IN
========================================================= */

.fg-info-block {
    padding: 0 0 19px;
    margin-bottom: 19px;
    border-bottom: 1px solid #edf0f5;
}

.fg-info-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.fg-info-block h3 {
    margin: 0 0 7px;
    color: #202a3d;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}


/* =========================================================
   DEALS
========================================================= */

.fg-deal-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;

    margin: 0 0 22px;
    padding: 0;

    list-style: none;
}

.fg-deal-list li {
    position: relative;

    padding: 13px 15px 13px 38px;

    background: #f7f8fc;
    border: 1px solid #edf0f5;
    border-radius: 9px;

    color: #354054;
    font-size: 14px;
    font-weight: 600;
}

.fg-deal-list li::before {
    content: "✓";

    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);

    width: 17px;
    height: 17px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #1414d2;
    color: #ffffff;
    border-radius: 50%;

    font-size: 9px;
    font-weight: 700;
}

.fg-phone-box {
    padding: 15px 18px;

    background: #f0f1ff;
    border-left: 3px solid #1414d2;
    border-radius: 0 8px 8px 0;
}

.fg-phone-box p {
    margin: 0;
    color: #344054;
}


/* =========================================================
   MANAGE BOOKING
========================================================= */

.fg-booking-items {
    margin-top: 21px;
}

.fg-booking-item {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 13px;

    padding: 15px 0;

    border-bottom: 1px solid #edf0f5;
}

.fg-booking-item:first-child {
    padding-top: 0;
}

.fg-booking-item > span {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eef0ff;
    color: #1414d2;
    border-radius: 8px;

    font-size: 10px;
    font-weight: 700;
}

.fg-booking-item p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   CUSTOMER SUPPORT
========================================================= */

.fg-support-box {
    margin-top: 15px;
    padding: 20px;

    background: #f8f9fc;
    border: 1px solid #edf0f5;
    border-radius: 10px;
}

.fg-support-box h3 {
    margin: 0 0 8px;
    color: #202a3d;
    font-size: 17px;
    line-height: 1.4;
}

.fg-support-box p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   BOOKING STEPS
========================================================= */

.fg-step-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 15px;

    padding-bottom: 22px;
    margin-bottom: 22px;

    border-bottom: 1px solid #edf0f5;
}

.fg-step-number {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #1414d2;
    color: #ffffff;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 700;
}

.fg-step-item h3 {
    margin: 0 0 7px;
    color: #202a3d;
    font-size: 18px;
    line-height: 1.4;
}

.fg-step-item p {
    margin: 0;
}


/* =========================================================
   CHILD POLICY
========================================================= */

.fg-sub-content {
    padding-top: 22px;
    margin-top: 22px;
    border-top: 1px solid #edf0f5;
}

.fg-sub-content h3 {
    margin: 0 0 8px;
    color: #202a3d;
    font-size: 19px;
    line-height: 1.4;
}


/* =========================================================
   FINAL CTA
========================================================= */

.fg-delta-final {
    display: flex;
    align-items: center;
    gap: 25px;

    padding: 34px 38px;

    background: #1414d2;
    border-radius: 15px;
    box-sizing: border-box;
}

.fg-final-icon {
    width: 65px;
    height: 65px;
    flex: 0 0 65px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 14px;
}

.fg-final-icon svg {
    width: 35px;
    height: 35px;
}

.fg-final-content {
    flex: 1;
}

.fg-final-content > span {
    color: rgba(255,255,255,.8);
}

.fg-final-content h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 28px;
    line-height: 1.3;
}

.fg-final-content p {
    margin: 0 0 10px;
    color: rgba(255,255,255,.87);
    font-size: 14px;
    line-height: 1.7;
}

.fg-final-content strong {
    color: #ffffff;
}

.fg-final-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 10px;
    padding: 12px 21px;

    background: #ffffff;
    color: #1414d2;

    border-radius: 7px;
    text-decoration: none;

    font-size: 13px;
    font-weight: 700;
}





/* =========================================
   MAIN WRAPPER
========================================= */
.delta-content-wrap {
    padding: 40px 0px;
}

.delta-content {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    color: #596579;
    font-family: Arial, Helvetica, sans-serif;
}
.delta-intro-text p {
    font-size: 15px !important;
}

/* =========================================
   MAIN HEADING
========================================= */

.delta-main-heading,
.delta-heading {
    display: flex;
    align-items: center;
    gap: 14px;
}

.delta-main-heading {
    margin-bottom: 5px;
}

.delta-main-heading h2,
.delta-heading h2 {
    margin: 0;
    /*color: #182033;*/
    color:var(--tn-title-color);
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
}

.delta-heading {
    margin-bottom: 10px;
}


/* =========================================
   SVG ICON
========================================= */

.delta-heading-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #1414d2;
    background: #f1f3ff;

    border-radius: 9px;
}

.delta-heading-icon svg {
    width: 26px;
    height: 26px;
}


/* =========================================
   TEXT
========================================= */

.delta-content p {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.75;
    color: #596579;
}

.delta-content strong {
    color: #202a3d;
}


/* =========================================
   SECTIONS
========================================= */

.delta-section {
    margin-top: 42px;
}

.delta-section h3 {
    margin: 24px 0 8px;

    color: #202a3d;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
}

.delta-section h3:first-child {
    margin-top: 0;
}


/* =========================================
   HIDDEN CONTENT
========================================= */

.delta-hidden-content {
    display: none;
}

.delta-intro-section.is-open .delta-hidden-content {
    display: block;
}


/* =========================================
   SHOW MORE
========================================= */

.delta-read-more-wrap {
    margin-top: 4px;
}

.delta-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 0;
    margin: 0;

    border: 0;
    outline: none;
    background: transparent;

    color: #1414d2;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;

    cursor: pointer;
}

.delta-read-more:hover {
    color: #0b0ba8;
}

.delta-read-more svg {
    width: 17px;
    height: 17px;

    transition: transform .25s ease;
}

.delta-intro-section.is-open .delta-read-more svg {
    transform: rotate(180deg);
}


/* =========================================
   DEALS
========================================= */

.delta-deals {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 8px 35px;

    list-style: none;

    margin: 0 0 18px;
    padding: 0;
}

.delta-deals li {
    position: relative;
    padding-left: 21px;

    font-size: 15px;
    line-height: 1.7;
}

.delta-deals li::before {
    content: "✓";

    position: absolute;
    left: 0;
    top: 0;

    color: #1414d2;
    font-weight: 700;
}


/* =========================================
   BOOKING LIST
========================================= */

.delta-booking-list {
    margin: 8px 0 0;
    padding: 0;

    list-style: none;
}

.delta-booking-list li {
    position: relative;

    margin-bottom: 14px;
    padding-left: 22px;

    font-size: 15px;
    line-height: 1.75;
    font-weight:400;
}

.delta-booking-list li::before {
    content: "•";

    position: absolute;
    left: 3px;
    top: -4px;

    color: #1414d2;
    font-size: 20px;
}


/* =========================================
   FINAL SECTION
========================================= */

.delta-final-section {
    margin-bottom: 0;
}


/*==========================================
Desktop
==========================================*/


        /* =====================================
           IMAGE COLLAGE + FAQ
        ====================================== */

        .dgh-faq-area {
            background: #fff;
        }

        .dgh-collage {
            position: relative;
            min-height: 510px;
        }

        .dgh-collage-main {
            width: 75%;
            height: 390px;
            object-fit: cover;
            border-radius: 16px;
        }

        .dgh-collage-small {
            position: absolute;
            width: 45%;
            height: 210px;
            object-fit: cover;
            border-radius: 14px;
            border: 8px solid #fff;
            right: 0;
            bottom: 0;
            box-shadow: 0 15px 35px rgba(0,0,0,.15);
        }

        .dgh-collage-card {
            position: absolute;
            left: 0;
            bottom: 88px;
            background: #fff;
            border-radius: 10px;
            padding: 15px 18px;
            box-shadow: 0 12px 35px rgba(0,0,0,.15);
            max-width: 230px;
        }

        .dgh-collage-card strong {
            display: block;
            font-size: 21px;
            color: var(--dgh-dark);
            line-height:1;
        }

        .dgh-collage-card span {
            color: #71808e;
            font-size: 13px;
            line-height:1;
        }

        .dgh-faq .accordion-item {
            border: 1px solid var(--dgh-border);
            margin-bottom: 10px;
            border-radius: 8px !important;
            overflow: hidden;
        }

        .dgh-faq .accordion-button {
            font-weight: 700;
            color: var(--dgh-dark);
            background: #fff;
            box-shadow: none;
        }

        .dgh-faq .accordion-button:not(.collapsed) {
            color: var(--theme-color);
    background: #e9f1f8;
        }


.airline-cta {
    width: 100%;
    padding: 18px 20px;
    box-sizing: border-box;
}

.airline-cta-inner {
    max-width: 1450px;
    margin: 0 auto;

    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: minmax(0, 1.7fr) 350px 250px;
    align-items: center;

    gap: 30px;

    padding: 38px 45px;

    background:
        radial-gradient(circle at 72% 20%,
        rgba(255,255,255,.14),
        transparent 30%),
        linear-gradient(110deg,
        #1010b8 0%,
        #1414d2 48%,
        #2929e7 100%);

    border-radius: 18px;

    box-shadow: 0 18px 45px rgba(20,20,210,.18);
}


/* Decorative circles */

.airline-cta-inner::before {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    right: 190px;
    top: -150px;

    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
}

.airline-cta-inner::after {
    content: "";
    position: absolute;

    width: 180px;
    height: 180px;

    right: 280px;
    bottom: -130px;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
}


/* CONTENT */

.airline-cta-content {
    position: relative;
    z-index: 2;
}

.airline-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 12px;

    color: #fff;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.airline-cta-badge-icon {
    width: 27px;
    height: 27px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,.15);
    border-radius: 50%;
}

.airline-cta-badge-icon i {
    font-size: 12px;
}


.airline-cta h2 {
    margin: 0 0 10px;

    color: #fff;

    font-size: 31px;
    line-height: 1.2;
    font-weight: 700;
}

.airline-cta h2 span {
    color: #fff;
}


.airline-cta-content p {
    max-width: 650px;

    margin: 0;

    color: rgba(255,255,255,.82);

    font-size: 14px;
    line-height: 1.65;
}


/* FEATURES */

.airline-cta-features {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;

    margin-top: 17px;
}

.airline-cta-features span {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #fff;

    font-size: 12px;
    font-weight: 600;
}

.airline-cta-features i {
    color: #fff;
    font-size: 12px;
}


/* OFFER */

.airline-cta-offer {
    position: relative;
    z-index: 2;

    text-align: center;

    padding: 20px 15px;

    background: rgba(255,255,255,.11);

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 14px;

    backdrop-filter: blur(8px);
}

.airline-offer-small {
    margin-bottom: 5px;

    color: rgba(255,255,255,.75);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}


.airline-offer-price {
    display: flex;
    flex-direction: column;

    color: #fff;
}

.airline-offer-price strong {
    font-size: 14px;
    font-weight: 500;
}

.airline-offer-price b {
    font-size: 28px;
    line-height: 1.15;
}


.airline-offer-code {
    margin-top: 9px;

    color: rgba(255,255,255,.8);

    font-size: 10px;
    letter-spacing: .3px;
}

.airline-offer-code strong {
    color: #fff;
}


/* ACTION */

.airline-cta-action {
    position: relative;
    z-index: 2;
}

.airline-cta-help {
    display: block;

    margin-bottom: 9px;

    color: rgba(255,255,255,.75);

    font-size: 16px;
}


.airline-call-btn {
    display: flex;
    align-items: center;
    gap: 11px;

    width: 100%;
    box-sizing: border-box;

    padding: 12px 14px;

    background: #fff;

    border-radius: 10px;

    text-decoration: none;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.airline-call-btn:hover {
    color: inherit;
    text-decoration: none;

    transform: translateY(-2px);

    box-shadow: 0 9px 22px rgba(0,0,0,.16);
}


.airline-call-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #1414d2;

    color: #fff;

    border-radius: 8px;
}

.airline-call-icon i {
    font-size: 15px;
}


.airline-call-btn span:last-child {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.airline-call-btn small {
    margin-bottom: 2px;

    color: #7a8292;

    font-size: 16px;
}

.airline-call-btn strong {
    color: #1414d2;

    font-size: 22px;
    line-height: 1;
}


.airline-cta-note {
    display: flex;
    align-items: center;

    gap: 6px;

    margin-top: 9px;

    color: rgba(255,255,255,.72);

    font-size: 14px;
}

.airline-cta-note i {
    font-size: 11px;
}
.tn-hero.flight-route-bg.airlines-hero-bg h1 {
    text-shadow: unset;
}

.tn-booking__tabs-right .radio {

    gap: 5px;
 
}

.tn-subscribe__txt p {
    line-height:1.5;
}


/* =========================================
   HOTEL AREA SECTION
========================================= */

.hotel-area-section {
    width: 100%;

    overflow: hidden;
    padding-bottom:45px;
}

.hotel-area-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.hotel-area-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 20px;
}

/*.hotel-area-heading {*/
/*    max-width: 850px;*/
/*}*/

.hotel-area-label {
      display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0px;
    color: var(--tn-theme-color, #1414d2);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px
}

.hotel-area-label i {
    font-size: 14px;
}

.hotel-area-heading h2 {
color: #111827;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.hotel-area-heading p {
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================
   BUTTON
========================================= */

.hotel-area-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    flex-shrink: 0;

    min-height: 48px;
    padding: 0 20px;

    border: 1px solid #d9dce5;
    border-radius: 7px;

    background: #fff;
    color: #1414d2;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    transition: all .25s ease;
}

.hotel-area-button i {
    transition: transform .25s ease;
}

.hotel-area-button:hover {
    background: #1414d2;
    border-color: #1414d2;
    color: #fff;
}

.hotel-area-button:hover i {
    transform: translateX(4px);
}


/* =========================================
   GRID
========================================= */

.hotel-area-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}


/* =========================================
   CARD
========================================= */

.hotel-area-card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    overflow: hidden;

    border: 1px solid #e6e8ee;
    border-radius: 12px;

    background: #fff;

    text-decoration: none;

    box-shadow: 0 5px 20px rgba(20, 25, 50, .05);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.hotel-area-card:hover {
    transform: translateY(-5px);

    border-color: rgba(20, 20, 210, .2);

    box-shadow: 0 18px 40px rgba(20, 25, 60, .12);
}


/* =========================================
   IMAGE
========================================= */

.hotel-area-image {
    width: 100%;
    height: 210px;

    position: relative;
    overflow: hidden;

    background: #e9ecf3;
}

.hotel-area-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .5s ease;
}

.hotel-area-card:hover .hotel-area-image img {
    transform: scale(1.06);
}


/* Image Overlay */

.hotel-area-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.05),
            rgba(0,0,0,.30)
        );

    pointer-events: none;
}


/* =========================================
   NUMBER
========================================= */

.hotel-area-number {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: rgba(255,255,255,.95);
    color: #1414d2;

    font-size: 13px;
    font-weight: 800;

    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}


/* =========================================
   BADGE
========================================= */

.hotel-area-badge {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 7px 11px;

    border-radius: 5px;

    background: #1414d2;
    color: #fff;

    font-size: 11px;
    font-weight: 700;
}

.hotel-area-badge i {
    font-size: 10px;
}


/* =========================================
   CONTENT
========================================= */

.hotel-area-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    padding: 22px 20px 23px;
}


/* =========================================
   ICON
========================================= */

.hotel-area-icon {
    
    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: #eeeeff;
    color: #1414d2;

    font-size: 17px;

    transition: all .25s ease;
    display:none;
}

.hotel-area-card:hover .hotel-area-icon {
    background: #1414d2;
    color: #fff;
}


/* =========================================
   INFO
========================================= */

.hotel-area-info {
    min-width: 0;
}

.hotel-area-info h3 {
    margin: 0 0 8px;

    color: #151923;

    font-size: 19px;
    line-height: 1.3;
    font-weight: 800;
}

.hotel-area-info p {
    margin: 0 0 13px;

    color: #687386;

    font-size: 15px;
    line-height: 1.5;
}


/* =========================================
   CARD LINK
========================================= */

.hotel-area-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #1414d2;

    font-size: 16px;
    font-weight: 800;
}

.hotel-area-link i {
    font-size: 11px;

    transition: transform .25s ease;
}

.hotel-area-card:hover .hotel-area-link i {
    transform: translateX(4px);
}



/*inner pages css start here */

.tn-title__sub {
font-size: 16px;
font-family:inherit;
    

} 
.pb-150 {
   padding-bottom:150px; 
}
 /* =========================
           SERVICES
        ========================= */

        .fgh-services {
            background: var(--fgh-light);
        }

        .fgh-service-card {
            background: #fff;
    height: 100%;
    padding: 32px;
    border-radius: 14px;
    border: 1px solid #e6e7ef;
    transition: .25s ease;
    position: relative;
    overflow: hidden;
        }

        .fgh-service-card:hover {
            transform: translateY(-7px);
            box-shadow: var(--fgh-shadow);
            border-color: rgba(20,20,210,.18);
        }

        .fgh-service-card::after {
            content: "";
            position: absolute;
            width: 130px;
            height: 130px;
            right: -65px;
            top: -65px;
            border-radius: 50%;
            background: #f0f1ff;
        }

        .fgh-service-icon {
            width: 60px;
            height: 60px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            background: var(--theme-color);
            font-size: 23px;
            margin-bottom: 23px;
            position: relative;
            z-index: 2;
        }

        .fgh-service-card h3 {
            font-size: 23px;
            margin-bottom: 12px;
            font-weight: 750;
        }

        .fgh-service-card p {
  
            font-size: 15px;
            margin: 0 0 20px;
        }

        .fgh-service-link {
            color: var(--theme-color);
            font-size: 16px;
            font-weight: 700;
        }
  .fgh-section {
            padding: 0px 0 70px;
        }

        .fgh-container {
            width: min(1450px, calc(100% - 32px));
            margin: 0 auto;
        }

        .fgh-section-heading {
            max-width: 760px;
            margin: 0 auto 50px;
            text-align: center;
        }

        .fgh-section-heading .fgh-eyebrow {
            margin-bottom: 10px;
        }

        .fgh-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--theme-color);
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.3px;
        }
        
        section.tn-process.space-extra-top.space-extra-bottom {
    background: transparent;
}

        /*.fgh-eyebrow::before {*/
        /*    content: "";*/
        /*    width: 25px;*/
        /*    height: 2px;*/
        /*    background: var(--theme-color);*/
        /*    display: inline-block;*/
        /*}*/

        .fgh-section-title {
               font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
    margin: 0px 0 15px
        }

        .fgh-section-description {
            color: var(--fgh-muted);
            font-size: 16px;
            margin: 0;
        }
/* =========================
           MISSION
        ========================= */

        .fgh-mission {
            position: relative;
            overflow: hidden;
        }

        .fgh-mission-box {
            background: var(--theme-color);
            color: #fff;
            border-radius: 20px;
            padding: 65px;
            position: relative;
            overflow: hidden;
        }

        .fgh-mission-box::before {
            content: "";
            position: absolute;
            width: 350px;
            height: 350px;
            right: -100px;
            top: -150px;
            border-radius: 50%;
            border: 70px solid rgba(255,255,255,.06);
        }

        .fgh-mission-content {
            max-width: 850px;
            position: relative;
            z-index: 2;
        }

        .fgh-mission-content h2 {
           font-size: 35px;
    line-height: 1.15;
    font-weight: 800;
    margin: 10px 0 18px;
    color: var(--white);
        }

        .fgh-mission-content p {
            color: rgba(255,255,255,.75);
            font-size: 16px;
            margin: 0;
        }
        .mb-90 {
            margin-bottom:90px;
        }
.tn-contact__form {
    border: 0;
    padding-top: 50px;
    padding-bottom: 60px;
    border: 1px solid #d0c8c8;
}

.tn-footer--top .tn-footer__icon-txt span a:hover {
    color: #FF9800;
}
.bp-t {
    background-position:top;
}


/* =========================================
   RIGHT SIDE
========================================= */

.fgh-terms-right-sidebar{
    position:sticky;
    top:70px;
}


/* =========================================
   AD WRAPPER
========================================= */

.fgh-terms-ad-stack{
    display:flex;
    flex-direction:column;
    gap:18px;
}


/* =========================================
   AD CARD COMMON
========================================= */

.fgh-terms-ad{
    position:relative;
    overflow:hidden;

    border-radius:12px;

    min-height:285px;

    padding:23px;

    color:#fff;

    box-shadow:
    0 8px 30px rgba(18,25,60,.10);
}

.fgh-terms-ad:before{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

    background:rgba(255,255,255,.10);

    right:-75px;
    top:-75px;
}

.fgh-terms-ad:after{
    content:"";

    position:absolute;

    width:120px;
    height:120px;

    border-radius:50%;

    border:25px solid rgba(255,255,255,.06);

    left:-60px;
    bottom:-65px;
}


/* =========================================
   FLIGHT AD
========================================= */

.fgh-terms-ad-flight{
    background:
    linear-gradient(
        145deg,
        #1414d2,
        #2929e7
    );
}

.fgh-terms-ad-tag{
    display:inline-flex;
    align-items:center;
    gap:7px;

    background:rgba(255,255,255,.14);

    border:1px solid rgba(255,255,255,.18);

    padding:6px 10px;

    border-radius:10px;

    font-size:14px;
    font-weight:600;

    text-transform:uppercase;

    position:relative;
    z-index:2;
}

.fgh-terms-ad-icon{
    position:absolute;

    right:20px;
    top:70px;

    font-size:62px;

    transform:rotate(-12deg);

    opacity:.14;
}

.fgh-terms-ad h3{
    position:relative;
    z-index:2;

    margin:12px 0 8px;

    font-size:22px;
    line-height:1.15;
color:var(--white);
    font-weight:800;
}

.fgh-terms-ad p{
    position:relative;
    z-index:2;

    margin:0 0 0px;

    color:rgba(255,255,255,.84);

    font-size:15px;
    line-height:1.55;
}

.fgh-terms-ad-route{
    display:flex;
    align-items:center;
    gap:8px;

    position:relative;
    z-index:2;

    margin-bottom:18px;

    font-size:14px;
    font-weight:700;
}

.fgh-terms-ad-route i{
    opacity:.7;
}

.fgh-terms-ad-btn{
    position:relative;
    z-index:3;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:11px 16px;

    border-radius:6px;

    background:#fff;
    color:var(--theme-color);

    font-size:15px;
    font-weight:800;

    transition:.2s ease;
}

.fgh-terms-ad-btn:hover{
    transform:translateY(-2px);
    color:var(--z-dark);
}


/* =========================================
   HOTEL AD
========================================= */

.fgh-terms-ad-hotel{
    background:
    linear-gradient(
        145deg,
        #171a3e,
        #30356d
    );
}

.fgh-terms-ad-hotel .fgh-terms-ad-icon{
    transform:none;
    opacity:.12;
}

/*.fgh-terms-ad-hotel h3{*/
/*    margin-top:25px;*/
/*}*/


/* =========================================
   SMALL CTA
========================================= */

.fgh-terms-mini-cta{
    padding:21px;

    border:1px solid #e5e7ec;
    border-radius:10px;

    background:#fff;
}

.fgh-terms-mini-cta-top{
    display:flex;
    align-items:center;
    gap:11px;

    margin-bottom:12px;
}

.fgh-terms-mini-cta-icon{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eef0ff;
    color:var(--theme-color);

    border-radius:7px;
}

.fgh-terms-mini-cta h4{
    margin:0;

    font-size:22px;
    font-weight:800;
}

.fgh-terms-mini-cta p{
    margin:0 0 13px;

    color:#69717c;

    font-size:15px;
    line-height:1.6;
}

.fgh-terms-mini-cta-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    width:100%;

    padding:10px;

    background:var(--theme-color);
    color:#fff;

    border-radius:6px;

    font-size:15px;
    font-weight:800;
}

.fgh-terms-mini-cta-btn:hover{
    color:#fff;
    background:var(--z-dark);
}
.notice.is-fixed {
            position: fixed;

            left: 0;
            bottom: 0;

            width: 100%;

            transform: translateY(0);

            box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15);

            animation: bottomBarIn 0.45s ease forwards;
        }


.tn-breadcrumb.gri-bg:after {
        background: linear-gradient(100deg, rgba(5, 10, 72, .93), rgba(20, 20, 210, .72)) !important; 
}
.fgh-sitemap-hero-inner {
    position: relative;
    z-index: 1;
    text-align:center;
}
.fgh-sitemap-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .1);
    border-radius: 20px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

.fgh-sitemap-eyebrow span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #72ffba;
    display: inline-block;
}

.fgh-sitemap-hero h1 {
    font-size: 40px;
    line-height: 1.12;
    font-weight: 800;
    margin-bottom: 18px;
    letter-spacing: -1.5px;
    color:#fff;
}
.fgh-sitemap-hero p {
    max-width: 720px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .88);
}

.fgh-sitemap-hero {
    padding: 70px 0;
}

        .fgh-sitemap-content{
            padding:75px 0 90px;
        }

        .fgh-sitemap-section{
            margin-bottom:55px;
        }

        .fgh-sitemap-section-head{
            display:flex;
            align-items:center;
            gap:14px;
            margin-bottom:22px;
        }

        .fgh-sitemap-section-icon{
             width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 12px;
    background: #ececff;
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 800;
        }

        .fgh-sitemap-section-title h2{
            font-size:22px;
            line-height:1.2;
            margin-bottom:0px !important;
            color:var(--fgh-text);
            padding-left:0px;
        }

        .fgh-sitemap-section-title p{
            font-size:14px;
            color:var(--fgh-muted);
        }

        /* ==============================
           LINK GRID
        ============================== */

        .fgh-sitemap-links{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:16px;
        }

        .fgh-sitemap-link{
            position:relative;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:15px;
            min-height:78px;
            padding:17px 18px;
            background:#fff;
            border:1px solid var(--fgh-border);
            border-radius:12px;
            transition:.25s ease;
            box-shadow:0 3px 15px rgba(20,20,210,.025);
        }

        .fgh-sitemap-link:hover{
            transform:translateY(-3px);
            border-color:rgba(20,20,210,.25);
            box-shadow:var(--fgh-shadow);
        }

        .fgh-sitemap-link-left{
            display:flex;
            align-items:center;
            gap:13px;
            min-width:0;
        }

        .fgh-sitemap-link-icon{
            width:40px;
            height:40px;
            flex:0 0 40px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:9px;
            background:#e3e3f8;
            color:var(--theme-color);
            font-size:15px;
            font-weight:800;
        }

        .fgh-sitemap-link-name{
            min-width:0;
        }

        .fgh-sitemap-link-name strong{
            display:block;
            color:var(--fgh-text);
            font-size:16px;
            line-height:1.3;
            margin-bottom:2px;
        }

        .fgh-sitemap-link-name small{
            display:block;
            color:var(--fgh-muted);
            font-size:12px;
            line-height:1.4;
        }

        .fgh-sitemap-link-arrow{
          width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: var(--theme-color);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: .25s ease;
        }

        .fgh-sitemap-link:hover .fgh-sitemap-link-arrow{
            background:var(--theme-color);
            color:#fff;
        }
.fgh-sitemap-section-title h2:before {
    display:none;
} 

/* ==============================
           DESTINATIONS
        ============================== */

        .fgh-sitemap-destinations{
            display:grid;
            grid-template-columns:repeat(5,1fr);
            gap:16px;
        }

        .fgh-sitemap-destination{
            position:relative;
            min-height:145px;
            padding:22px 18px;
            border-radius:14px;
            background:#fff;
            border:1px solid var(--fgh-border);
            overflow:hidden;
            transition:.25s ease;
        }

        .fgh-sitemap-destination:before{
            content:"";
            position:absolute;
            width:85px;
            height:85px;
            border-radius:50%;
            right:-30px;
            bottom:-30px;
            background:var(--fgh-primary-light);
        }

        .fgh-sitemap-destination:hover{
            transform:translateY(-4px);
            border-color:rgba(20,20,210,.3);
            box-shadow:var(--fgh-shadow);
        }

        .fgh-sitemap-destination-icon{
            position:relative;
            z-index:1;
            width:42px;
            height:42px;
            border-radius:10px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:var(--theme-color);
            color:#fff;
            font-size:17px;
            font-weight:800;
            margin-bottom:18px;
        }

        .fgh-sitemap-destination strong{
            position:relative;
            z-index:1;
            display:block;
            font-size:16px;
            margin-bottom:4px;
            color: var(--fgh-text);
        }

        .fgh-sitemap-destination span{
            position:relative;
            z-index:1;
            color:var(--fgh-muted);
            font-size:12px;
        }


        .fgh-sitemap-destination strong{
            position:relative;
            z-index:1;
            display:block;
            font-size:16px;
            margin-bottom:4px;
        }

        .fgh-sitemap-destination span{
            position:relative;
            z-index:1;
            color:var(--fgh-muted);
            font-size:12px;
        }
.fgh-sitemap-section {
    color: var(--fgh-text);
}


/* =========================================================
   FLIGHTSGOHUB SITEMAP CTA
========================================================= */

.fgh-sitemap-cta-box{
    position:relative;
    min-height:390px;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:55px 65px;
    border-radius:26px;
    background:#1414d2;
}


/* Background */

.fgh-sitemap-cta-grid{
    position:absolute;
    inset:0;
    opacity:.07;
    background-image:
        linear-gradient(
            rgba(255,255,255,.5) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.5) 1px,
            transparent 1px
        );
    background-size:42px 42px;
}

.fgh-sitemap-cta-circle{
    position:absolute;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
}

.fgh-sitemap-cta-circle-1{
    width:520px;
    height:520px;
    right:-210px;
    top:-280px;
}

.fgh-sitemap-cta-circle-2{
    width:300px;
    height:300px;
    right:130px;
    bottom:-220px;
}

.fgh-sitemap-cta-circle-3{
    width:170px;
    height:170px;
    left:47%;
    top:-100px;
}


/* Content */

.fgh-sitemap-cta-content{
    position:relative;
    z-index:5;
    width:57%;
}

.fgh-sitemap-cta-label{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:16px;
    color:rgba(255,255,255,.72);
    font-size:11px;
    font-weight:700;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.fgh-sitemap-cta-label:before{
    content:"";
    width:27px;
    height:2px;
    background:rgba(255,255,255,.7);
}

.fgh-sitemap-cta h2{
       max-width: 600px;
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(31px, 4vw, 36px);
    line-height: 1.3;
    letter-spacing: 1px;
}

.fgh-sitemap-cta p{
    max-width:620px;
    margin:0 0 28px;
    color:rgba(255,255,255,.76);
    font-size:14px;
    line-height:1.75;
}


/* Buttons */

.fgh-sitemap-cta-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.fgh-sitemap-cta-btn{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 21px;
    border-radius:9px;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    transition:.25s ease;
}

.fgh-sitemap-cta-btn-primary{
    color:#1414d2;
    background:#fff;
}

.fgh-sitemap-cta-btn-primary:hover{
    color:#1414d2;
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(0,0,0,.18);
}

.fgh-sitemap-cta-btn-secondary{
    color:#fff;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.08);
}

.fgh-sitemap-cta-btn-secondary:hover{
    color:#fff;
    transform:translateY(-3px);
    background:rgba(255,255,255,.16);
}


/* =========================================================
   RIGHT SIDE TRAVEL IMAGE
========================================================= */

.fgh-sitemap-cta-visual{
    position:absolute;
    z-index:3;
    right:35px;
    top:50%;
    width:520px;
    height:340px;
    transform:translateY(-50%);
}


/* Image */

.fgh-sitemap-cta-image{
    position:absolute;
    right:0;
    top:20px;
    width:390px;
    height:285px;
    overflow:hidden;
    border:7px solid rgba(255,255,255,.96);
    border-radius:24px;
    background:#dceeff;
    box-shadow:0 30px 70px rgba(0,0,0,.25);
}

.fgh-sitemap-cta-sky{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            #8ed0ff 0%,
            #e8f7ff 68%,
            #ffffff 100%
        );
}


/* Clouds */

.fgh-sitemap-cloud{
    position:absolute;
    width:85px;
    height:25px;
    border-radius:30px;
    background:rgba(255,255,255,.9);
}

.fgh-sitemap-cloud:before,
.fgh-sitemap-cloud:after{
    content:"";
    position:absolute;
    border-radius:50%;
    background:#fff;
}

.fgh-sitemap-cloud:before{
    width:40px;
    height:40px;
    left:15px;
    top:-19px;
}

.fgh-sitemap-cloud:after{
    width:32px;
    height:32px;
    right:12px;
    top:-13px;
}

.fgh-sitemap-cloud-1{
    left:28px;
    top:52px;
}

.fgh-sitemap-cloud-2{
    right:25px;
    top:92px;
    transform:scale(.7);
}


/* Mountains / Horizon */

.fgh-sitemap-horizon{
    position:absolute;
    left:-30px;
    right:-30px;
    bottom:0;
    height:115px;
    background:
        linear-gradient(
            160deg,
            #dbeeff 0%,
            #bcdcff 45%,
            #91c7f5 100%
        );
    clip-path:polygon(
        0 45%,
        20% 28%,
        35% 45%,
        50% 22%,
        67% 42%,
        83% 25%,
        100% 43%,
        100% 100%,
        0 100%
    );
}


/* Ocean */

.fgh-sitemap-ocean{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:48px;
    background:rgba(20,20,210,.18);
}


/* Airplane */

.fgh-sitemap-airplane{
    position:absolute;
    z-index:5;
    left:90px;
    top:91px;
    color:#fff;
    font-size:58px;
    filter:
        drop-shadow(
            0 8px 12px rgba(0,0,0,.22)
        );
    transform:rotate(-13deg);
}


/* Flight Path */

.fgh-sitemap-flight-path{
    position:absolute;
    z-index:4;
    left:85px;
    top:65px;
    width:215px;
    height:100px;
    border-top:2px dashed rgba(20,20,210,.45);
    border-radius:50%;
    transform:rotate(-13deg);
}


/* =========================================================
   FLOATING BOOKING CARD
========================================================= */

.fgh-sitemap-floating-card{
    position:absolute;
    z-index:8;
    left:0;
    bottom:4px;
    width:205px;
    padding:17px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:17px;
    background:rgba(255,255,255,.96);
    box-shadow:0 20px 50px rgba(0,0,0,.2);
}

.fgh-sitemap-floating-card-top{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
}

.fgh-sitemap-floating-icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#f0f1ff;
    color:#1414d2;
    font-size:18px;
}

.fgh-sitemap-floating-card strong{
    display:block;
    color:#171b2d;
    font-size:13px;
}

.fgh-sitemap-floating-card small{
    display:block;
    margin-top:3px;
    color:#687087;
    font-size:10px;
}

.fgh-sitemap-route{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding-top:11px;
    border-top:1px solid #edf0f5;
}

.fgh-sitemap-route span{
    color:#171b2d;
    font-size:11px;
    font-weight:700;
}

.fgh-sitemap-route i{
    color:#1414d2;
    font-style:normal;
}


/* Badge */

.fgh-sitemap-visual-badge{
    position:absolute;
    z-index:9;
    right:18px;
    bottom:0;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 13px;
    border-radius:10px;
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.fgh-sitemap-visual-badge-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#20b26b;
}

.fgh-sitemap-visual-badge span{
    color:#171b2d;
    font-size:14px;
    font-weight:700;
}

.fgh-sitemap-cta {
    margin-bottom: 190px;
}

a.tel-text {
    color: var(--theme-color);
    font-weight: 700;
}
a.tel-text:hover {
    color:#000;
}
.delta-cabin-grid-4 {
    grid-template-columns: repeat(4, 1fr);
}
.delta-cabin-grid-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}


.bp-c{
    background-position: center !important;
}
.bp-t {
     background-position: top !important;  
}

.flight-cta a:hover  , .akhotel-footer a.akhotel-btn:hover{
    background-color: #000;
    color: #fff;
}

.fgh-res-final-primary:hover {
    background: var(--z-dark);
    color: var(--white);
}

.bg-c-btn {
    background-color: var(--white) !important;
    color: var(--theme-color) !important;
    border:1px solid var(--white) !important;
    padding: 5px 10px;
    border-radius: 5px;
}
.bg-c-btn:hover  {
      background-color: var(--theme-color) !important;
    color: var(--white) !important; 
       border:1px solid var(--white) !important;
}
.fgh-service-link:hover {
    color: #000;
}
.bg-t-btn {
    
     background-color:var(--theme-color) !important;  
  color:var(--white) !important;
   border:1px solid var(--theme-color) !important;
      padding: 5px 10px;
    border-radius: 5px
     
}

.bg-t-btn:hover , .fgh-popular-flight-btn:hover {
         background-color:var(--z-dark) !important;  
  color:var(--white) !important;
   border:1px solid var(--z-dark) !important;
}

.fgh-res-call-btn:hover {
      background-color:#ffc107 !important;
    color: var(--z-dark) !important; 

}
div#flight-search {
    scroll-margin-top: 250px;
}
.dgh-cta-button:hover {
    background-color: #000;
    color: #fff;
}
a{
    cursor: pointer;
}
.dgh-deal-info span {
    width: 33.33%;
    text-align: center;
}
.dgh-deal-info span:nth-child(1){
    text-align:left;
}
.dgh-deal-info span:nth-child(3){
    text-align:right;
}
section.dgh-cta {
    margin-top:0px;
}

    /* =========================================
       KLM CHECK-IN SECTION
    ========================================= */

    .klm-checkin-section {
        width: 100%;
        padding: 70px 00px 70px;
        

    }

    .klm-checkin-container {
        width: 100%;
        max-width: 1450px;
        margin: 0 auto;
    }

    /* =========================================
       HEADING
    ========================================= */

    .klm-checkin-header {
        text-align: center;
        margin-bottom: 45px;
    }

    .klm-checkin-header h2 {
        margin: 0;
        color: #1414d2;
        font-size: 38px;
        line-height: 1.25;
        font-weight: 800;
    }

    /* =========================================
       MAIN BOX
    ========================================= */

    .klm-checkin-wrapper {
        display: grid;
        grid-template-columns: 42% 58%;
        width: 100%;
        background: #ffffff;
        border-radius: 28px;
        overflow: hidden;
        border: 1px solid #e5e5ef;
        /*box-shadow: 0 20px 60px rgba(20, 20, 210, 0.10);*/
    }

    /* =========================================
       LEFT IMAGE
    ========================================= */

    .klm-checkin-visual {
        position: relative;
        min-height: 600px;
        overflow: hidden;
    }

    .klm-checkin-visual img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .klm-checkin-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.02) 0%,
            rgba(0, 0, 0, 0.25) 100%
        );
        pointer-events: none;
    }

    /* =========================================
       RIGHT CONTENT
    ========================================= */

    .klm-checkin-options {
        padding: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .klm-checkin-option {
        display: grid;
        grid-template-columns: 65px 1fr;
        gap: 22px;
        padding: 28px 0;
        border-bottom: 1px solid #e8e8ee;
    }

    .klm-checkin-option:first-child {
        padding-top: 0;
    }

    .klm-checkin-option:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    /* =========================================
       NUMBER
    ========================================= */

    .klm-checkin-number {
        width: 58px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #eef0ff;
        color: #1414d2;
        border-radius: 16px;
        font-size: 18px;
        font-weight: 800;
        transition: all 0.25s ease;
    }

    .klm-checkin-option:hover .klm-checkin-number {
        background: #1414d2;
        color: #ffffff;
    }

    /* =========================================
       CONTENT
    ========================================= */

    .klm-checkin-option h4 {
        margin: 0 0 10px;
        color: #171717;
        font-size: 21px;
        line-height: 1.35;
        font-weight: 700;
    }

    .klm-checkin-option p {
        margin: 0;
        color: #5f5f67;
        font-size: 15px;
        line-height: 1.8;
    }

    .klm-checkin-option strong {
        color: #000;
        font-weight: 700;
    }

.breadcrumb-cus {
    display: flex;
    list-style: none;
}
.breadcrumb-cus .breadcrumb-item+.breadcrumb-item::before {
    display:none;
}


.dgh-klm-booking-deals {
    padding: 30px 0 0;

}

.dgh-klm-deals-header {
    text-align: center;
    margin-bottom: 30px;
}

.dgh-klm-deals-header h2 {
    margin: 0;
    color: #182033;
    font-size: 32px;
    font-weight: 700;
}

.dgh-klm-deal-card {
    position: relative;
    min-height: 105px;
    padding: 22px 25px;
    background: #fff;
    border: 1px solid #e7e9f0;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 18px;
    transition: all .3s ease;
    overflow: hidden;
}

.dgh-klm-deal-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #1414d2;
    transition: height .3s ease;
}

.dgh-klm-deal-card:hover {
    transform: translateY(-4px);
    border-color: #d9dbf5;
    box-shadow: 0 12px 30px rgba(20, 20, 210, .10);
}

.dgh-klm-deal-card:hover::before {
    height: 100%;
}

.dgh-klm-deal-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 12px;
    background: #eef0ff;
    color: #1414d2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all .3s ease;
}

.dgh-klm-deal-card:hover .dgh-klm-deal-icon {
    background: #1414d2;
    color: #fff;
}

.dgh-klm-deal-card h3 {
    margin: 0;
    color: #202638;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.dgh-klm-deals-bottom {
    margin-top: 25px;
    padding: 18px 25px;
    background: #1414d2;
    border-radius: 12px;
    text-align: center;
}

.dgh-klm-deals-bottom p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.6;
}

.dgh-klm-deals-bottom a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    margin-left: 4px;
}
.fgh-trust-features.fgh-trust-sec {
    margin: 0;
    padding: 70px 0 30px;
}
.fgh-trust-features.fgh-trust-sec span.sub-title , .fgh-trust-features.fgh-trust-sec .section-heading   p {
    color: #000 !important;
}

.package-banner .btn-call:hover {
    background: #ffb400 !important;
}

section.destination-hero.package-banner div#flight-search {
    margin: 50px 0 0;
    position: relative;
}

.package-banner .hero-price , .package-banner .hero-buttons  , .package-banner .hero-features{
    position: relative !important;
    z-index:9;
}
.hover-text2:hover {
    color:var(--tn-theme-yellow);
}

.orl-attraction-image img.c-hight-1 {
    height: 250px;
}

/* =========================================================
   PACKAGE INQUIRY CARD
========================================================= */

.orlh-inquiry-card {
position: relative;
    min-height: 330px;
    width: 100%;
    max-width: 960px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 42px 55px;
    border-radius: 22px;
    background: #f7f9fc;
    border: 1px solid #e8edf5;
    margin: auto;
}


/* =========================================================
   CONTENT
========================================================= */

.orlh-inquiry-content {
    position: relative;
    z-index: 3;
    width: 62%;
}


.orlh-inquiry-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: var(--theme-color);
}


.orlh-inquiry-label i {
    font-size: 15px;
}


.orlh-inquiry-content h3 {
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #172033;
}


.orlh-inquiry-content p {
    max-width: 620px;
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.7;
    color: #687386;
}


/* =========================================================
   FEATURES
========================================================= */

.orlh-inquiry-features {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}


.orlh-inquiry-features span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #39465a;
}


.orlh-inquiry-features i {
    color: var(--theme-color);
    font-size: 14px;
}


/* =========================================================
   ACTION
========================================================= */

.orlh-inquiry-action {
    display: flex;
    align-items: center;
    gap: 20px;
}


.orlh-inquiry-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 9px;
    background: var(--theme-color);
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s ease;
}


.orlh-inquiry-btn:hover {
    background: #;
    transform: translateY(-2px);
}


.orlh-inquiry-btn i {
    font-size: 14px;
}


.orlh-inquiry-phone {
    display: flex;
    flex-direction: column;
    gap: 3px;
}


.orlh-inquiry-phone small {
    font-size: 11px;
    color: #7a8495;
}


.orlh-inquiry-phone strong {
    font-size: 15px;
    color: #172033;
}


/* =========================================================
   VISUAL
========================================================= */

.orlh-inquiry-visual {
    position: relative;
    width: 34%;
    height: 330px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}


.orlh-inquiry-circle {
    position: absolute;
    width: 265px;
    height: 265px;
    right: 20px;
    bottom: -75px;
    border-radius: 50%;
    background: #e8efff;
}


.orlh-inquiry-visual img {
     position: relative;
    z-index: 2;
    max-width: 370px;
    object-fit: contain;
    object-position: bottom center;
    top: 42px;
}


/* =========================================================
   FLOATING BUBBLE
========================================================= */

.orlh-inquiry-bubble {
    position: absolute;
    z-index: 4;
    right: 10px;
    bottom: 45px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(25,45,80,.12);
}


.orlh-inquiry-bubble i {
    color: var(--theme-color);
    font-size: 14px;
}


.orlh-inquiry-bubble span {
    font-size: 12px;
    font-weight: 600;
    color: #303b4d;
}
/* ==================================================
   FLIGHTSGOHUB AIRLINES MULTI-COLUMN DROPDOWN
   Desktop: 5 airlines per column
   Mobile: Single column
================================================== */

.fgh-airlines-parent {
    position: relative;
}

/* Main dropdown */
.fgh-airlines-parent > ul.fgh-airlines-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;

    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100vw - 30px);

    margin: 0;
    padding: 15px !important;
    list-style: none;

    background: #ffffff;
    border: 1px solid #ededf5;
    border-radius: 10px;
    box-shadow: 0 12px 35px rgba(20, 20, 70, 0.13);
}

/* Show dropdown on desktop */
@media (min-width: 992px) {
    .fgh-airlines-parent:hover > ul.fgh-airlines-submenu,
    .fgh-airlines-parent:focus-within > ul.fgh-airlines-submenu {
        display: block !important;
    }
}
/* Wrapper around inner list */
.fgh-airlines-submenu > .fgh-airlines-list-item {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Airlines grid */
.fgh-airlines-submenu .fgh-airlines-grid {
    display: grid !important;

    /* Five rows in each column */
    grid-template-rows: repeat(5, auto) !important;

    /* Fill each column before starting the next */
    grid-auto-flow: column !important;
    grid-auto-columns: 250px !important;

    gap: 4px 12px !important;

    width: max-content !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Reset airline list items */
.fgh-airlines-submenu .fgh-airlines-grid > li {
    display: block !important;
    position: relative;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

/* Airline links */
.fgh-airlines-submenu .fgh-airlines-grid > li > a {
    display: flex !important;
    align-items: center;

    width: 100% !important;
    min-height: 42px;
    box-sizing: border-box;

    padding: 10px 12px !important;
    border-radius: 6px;

    color: #29293b !important;
    background: transparent;

    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.45;

    text-decoration: none !important;
    white-space: normal;


}
li.fgh-airlines-more a:hover {
    transform: translateX(0px) !important;
}
/* Airline hover */
.fgh-airlines-submenu .fgh-airlines-grid > li > a:hover,
.fgh-airlines-submenu .fgh-airlines-grid > li > a:focus {
    color: #1414d2 !important;
    background: #f1f2ff;
}

/* More Airlines separator */
.fgh-airlines-submenu > .fgh-airlines-more {
       display: block !important;
    width: 100% !important;
    margin: 12px 0 -3px !important;
    padding: 0px 0 0 !important;
    border-top: 1px solid #ccccd8 !important;
}

/* More Airlines link */
.fgh-airlines-submenu > .fgh-airlines-more > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    width: 100%;
    box-sizing: border-box;

    padding: 12px 14px !important;
    border-radius: 7px;

    background: #f3f4ff !important;
    color: #1414d2 !important;

    font-size: 16px !important;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;

    transition: background .2s ease, color .2s ease;
}
/*.main-menu ul.sub-menu li a::before {*/
/*    content: "\f101";*/
/*    font-family: var(--tn-icon-font) !important;*/
/*    font-weight: normal;*/
/*    margin: 0 10px 0 0;*/
/*}*/

/* Airlines dropdown */
.main-menu ul.fgh-airlines-submenu li a::before {
    display:none;
}
.fgh-airlines-submenu > .fgh-airlines-more > a:hover {
    background: #1414d2 !important;
    color: #ffffff !important;
}

/* Keep icon spacing tidy */
.fgh-airlines-submenu .fgh-airlines-more i {
    flex-shrink: 0;
}

/*=========================
      Responsive
=========================*/
     /*responsive css start here */
        
 
 
        
@media (min-width: 1600px) {

    .flight-intro-section {
        padding-left: 30px;
        padding-right: 30px;
    }

    .flight-intro-container {
        max-width: 1440px;
    }

    .flight-intro-content h2 {
        font-size: 27px;
    }

    .flight-intro-content p {
        font-size: 15px;
    }

}

        
        @media (min-width:767px){
            .fg-popup-overlay , .mobile-main2 {
                display:none;
            }
        }
        
         @media (max-width:767px){
             
               .fgh-airlines-parent > ul.fgh-airlines-submenu {
        display: none;
        position: static;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        box-sizing: border-box;
        padding: 8px !important;
        margin: 0 !important;

        background: #f8f9ff;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    /* Use existing menu's .show class if present */
    .fgh-airlines-parent > ul.fgh-airlines-submenu.show {
        display: block !important;
    }

    .fgh-airlines-submenu .fgh-airlines-grid {
        display: grid !important;

        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;

        width: 100% !important;
        max-width: 100% !important;
        gap: 2px !important;
    }

    .fgh-airlines-submenu .fgh-airlines-grid > li > a {
        min-height: 42px;
        padding: 11px 16px !important;
    }

    .fgh-airlines-submenu > .fgh-airlines-more {
        margin-top: 8px !important;
        padding-top: 8px !important;
    }
             .fgh-float-ad , ol.breadcrumb-cus {
                 display:none !important;
             }
  .klm-checkin-wrapper {
        grid-template-columns: 1fr;
    }
            .klm-checkin-section {
                padding: 30px 0px 0px;
            }

            .klm-checkin-header h2 {
                font-size: 23px;
            }

            .klm-checkin-visual {
                min-height: 270px;
            }

            .klm-checkin-options {
                padding: 25px 16px;
            }

            .klm-checkin-option {
                grid-template-columns: 44px 1fr;
                gap: 12px;
            }

            .klm-checkin-number {
                width: 44px;
                height: 44px;
                border-radius: 12px;
                font-size: 14px;
            }

            .klm-checkin-option h4 {
                font-size: 17px;
            }

            .klm-checkin-option p {
                font-size: 13px;
                line-height: 1.7;
            }
    
    .tn-hero.flight-route-bg .tn-hero__content {
    padding: 0px 0 0px;
}

    .fgh-sitemap-cta-box{
        min-height:auto;
        display:block;
        padding:36px 24px 28px;
        border-radius:21px;
    }

    .fgh-sitemap-cta-content{
        width:100%;
    }

    .fgh-sitemap-cta h2{
        font-size:30px;
        letter-spacing:-.7px;
    }

    .fgh-sitemap-cta p{
        font-size:13px;
        line-height:1.7;
    }

    .fgh-sitemap-cta-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .fgh-sitemap-cta-btn{
        width:100%;
    }


    /* Mobile visual */

    .fgh-sitemap-cta-visual{
        position:relative;
        right:auto;
        top:auto;
        width:100%;
        height:220px;
        margin-top:35px;
        transform:none;
    }

    .fgh-sitemap-cta-image{
        width:100%;
        height:190px;
        right:0;
        top:0;
    }

    .fgh-sitemap-airplane{
        left:24%;
        top:62px;
        font-size:45px;
    }

    .fgh-sitemap-flight-path{
        left:22%;
        top:45px;
        width:175px;
    }

    .fgh-sitemap-floating-card{
        left:5px;
        bottom:0;
        width:110px;
        padding:13px;
    }

    .fgh-sitemap-visual-badge{
        right:5px;
        bottom:0;
    }

             .fgh-sitemap-hero h1 {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 18px;
    letter-spacing: 1px;
    color: #fff;
}

.fgh-sitemap-links  , .fgh-sitemap-destinations{

    grid-template-columns: repeat(1, 1fr);

}
             .htxewr-final-cta {
    flex-wrap: wrap;
}
.htxewr-final-cta a {
    width:100%;
}
             .hotel-area-grid {

    grid-template-columns: repeat(1, minmax(0px, 1fr));

}

.htxewr-attractions , .htxewr-tips {
    grid-template-columns: repeat(1, 1fr);
}
                .fgh-trust-features{
        padding:0 10px;
        margin-top:-20px;
    }

    .fgh-trust-features__container{
        grid-template-columns:repeat(2,1fr);

        padding:25px 8px;

        row-gap:25px;
    }

    .fgh-trust-features__icon{
        width:58px;
        height:58px;

        font-size:21px;

        margin-bottom:11px;
    }

    .fgh-trust-features__item h3{
        font-size:13px;
        white-space:normal;
    }

                 .mobile-popup {
        display: flex;
        align-items: center;
        justify-content: center;
        padding:5px 0px;
    }
    
        .call-icon img {
        width: 100%;
        max-width: 57px !important;
    }
    
                 .mobile-main2 {
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 100%;
               background: var(--theme-color);
        padding: 0px !important;
        margin: 0 0px;
       
        left: 0;
        right: 0;
    }
    
    .mobile-main2.tfn-top {
        bottom: unset !important;
        top: 0px !important;
       
    }
    
    .call-now p {
    color: var(--white);
        margin-bottom: 0;
}

.call-now span {
    font-size: 30px;
    line-height: 1;
}
             
             .support-widget {
                 display:none ;
             }
                 .airline-section     .airline-slider {

                padding: 0;

            }

          .airline-section  .swiper-button-next,
          .airline-section   .swiper-button-prev {

                display: none;

            }

          .airline-section  .airline-card {

                height: 120px;

            }

          .airline-section  .airline-card img {

                width: 70px;
                height: 35px;

            }

            .airline-section .airline-card h6 {

                font-size: 13px;

            }

         .airline-section   .airline-card span {

                font-size: 12px;

            }
            
            
            
            
            /*destination*/
            
            .destination-section{
    padding:50px 0;
}

.destination-heading{
    font-size:28px;
    margin-bottom:15px;
}

.view-all{
    margin-top:10px;
}

.destination-image img{
    height:220px;
}

.destination-content{
    padding:18px;
}

.destination-content h3{
    font-size:22px;
}

.destination-content ul li{
    font-size:14px;
}

.explore-btn{
    padding:13px;
    font-size:14px;
}
.travel-assistant{

left:15px;
right:15px;
bottom:15px;
width:auto;

}

.assistant-header{
padding:18px 18px 65px;
}

.assistant-info img{
width:110px;
}

.assistant-body{
padding:20px;
}

.assistant-message h5{
font-size:24px;
}

.assistant-grid{
gap:10px;
}

.assistant-item{
padding:18px 10px;
}

.assistant-item h6{
font-size:15px;
}

.assistant-btn{
height:54px;
font-size:18px;
}

.how-work-section{

padding:70px 0;

}

.section-title h2{

font-size:30px;

}

.section-title p{

font-size:15px;

}

.pin{

width:75px;
height:75px;
font-size:28px;

}

.step-item h4{

font-size:20px;

}

.step-item p{

font-size:15px;
line-height:25px;

}

.popular-hotels{

padding:70px 0;

}

.hotel-title{

font-size:28px;

}

.hotel-text{

font-size:15px;
line-height:26px;

}

.hotel-content{

padding:20px;

}

.hotel-content h4{

font-size:22px;

}

.hotel-img img{

height:220px;

}

.hotel-feature{

gap:8px;

}

.hotel-feature li{

font-size:13px;

}



.destination-hero{

padding:70px 0;

}

.hero-content h1{

font-size:38px;

}

.hero-price h2{

font-size:42px;

}

.hero-buttons{

flex-direction:column;

}

.btn-call,
.btn-check{

justify-content:center;
width:100%;

}

.section-title{

font-size:30px;

}

.py-80{

padding:60px 0;

}


.orl-pkg-section{
padding:60px 0;
}

.orl-pkg-title{
font-size:28px;
}

.orl-pkg-image img{
height:210px;
}

.orl-pkg-body{
padding:20px;
}

.orl-pkg-price h4{
font-size:28px;
}

.orlPackageSlider .swiper-button-next,
.orlPackageSlider .swiper-button-prev{
display:none;
}

.orl-hotel-title{
    font-size:34px;
}

.orl-hotel-image img{
    height:220px;
}



.orl-hotel-section{
    padding:60px 0;
}

.orl-hotel-title{
    font-size:28px;
}

.orl-hotel-content{
    padding:20px;
}

.orl-hotel-content h3{
    font-size:20px;
}

.orl-hotel-image img{
    height:200px;
}

.orl-hotel-price{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}

.orl-hotel-btn{
    width:100%;
}
.orl-hotel-title{
    font-size:34px;
}

.orl-hotel-image img{
    height:220px;
}


.orl-hotel-section{
    padding:60px 0;
}

.orl-hotel-title{
    font-size:28px;
}

.orl-hotel-content{
    padding:20px;
}

.orl-hotel-content h3{
    font-size:20px;
}

.orl-hotel-image img{
    height:200px;
}

.orl-hotel-price{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}

.orl-hotel-btn{
    width:100%;
}

.orl-hotel-section{
    padding:60px 0;
}

.orl-hotel-title{
    font-size:28px;
}

.orl-hotel-content{
    padding:20px;
}

.orl-hotel-content h3{
    font-size:20px;
}

.orl-hotel-image img{
    height:200px;
}

.orl-hotel-price{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}

.orl-hotel-btn{
    width:100%;
}

 .fg-blog-heading{

        margin-bottom:35px;

    }

    .fg-blog-content{

        padding:20px;

    }

    .fg-blog-content h3{

        font-size:19px;

    }

    .fg-blog-img img{

        height:210px;

    }

    .fg-featured-blog{

        min-height:420px;

    }

    .fg-featured-content{

        left:25px;
        bottom:25px;

    }

    .fg-featured-content h3{

        font-size:30px;

    }

    .fg-featured-content p{

        font-size:15px;

    }

/*=========================================
        OVERLAY
=========================================*/

.fg-popup-overlay{

    /*position:fixed;*/
    /*inset:0;*/
    /*background:rgba(0,0,0,.65);*/
    /*backdrop-filter:blur(8px);*/
    /*display:flex;*/
    /*justify-content:center;*/
    /*align-items:center;*/
    /*z-index:999999;*/
    /*padding:15px;*/

}


/*=========================================
        POPUP
=========================================*/

.fg-mobile-popup{

    width:100%;
    max-width:100%;
    background:#ffffff;
    border-radius:0px;
    overflow:hidden;
    position:relative;
    box-shadow:0 30px 80px rgba(0,0,0,.35);

}


/*=========================================
        CLOSE
=========================================*/

.fg-close-popup{

    position:absolute;
    top:18px;
    right:18px;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#ffffff;
    color:#1414d2;
    font-size:18px;
    cursor:pointer;
    z-index:50;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    transition:.3s;

}

.fg-close-popup:hover{

    transform:rotate(90deg);
    background:#1414d2;
    color:#fff;

}


/*=========================================
        HEADER
=========================================*/

.fg-popup-header{background:linear-gradient(135deg,#1414d2,#304ffe);padding: 40px 25px 20px;position:relative;overflow:hidden;}


/* Decorative Circles */
.mobile-main2.tfn-top {
    border-bottom: 0.1px solid #ffffff59;
}
.fg-popup-header::before{

    content:"";
    width:220px;
    height:220px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    position:absolute;
    top:-80px;
    right:-70px;

}

.fg-popup-header::after{

    content:"";
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    position:absolute;
    bottom:-70px;
    left:-50px;

}


/*=========================================
        TAG
=========================================*/

.fg-tag{

    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.25);
    border-radius:40px;
    color:#fff;
    font-size:12px;
    font-weight:700;
    margin-bottom:18px;

}

.fg-tag i{

    color:#ffd54f;

}


/*=========================================
        TITLE
=========================================*/

.fg-header-content{

        position: relative;
        z-index: 2;
        width: 65%;
}

.fg-header-content h2{color:#fff;font-size: 26px;font-weight: 600;line-height: 1.3;margin-bottom:15px;}

.fg-header-content h2 span{

    color:#ffd54f;

}

.fg-header-content p{

    color:rgba(255,255,255,.92);
    line-height:1.8;
    font-size:15px;
    max-width:210px;

}


/*=========================================
        ONLINE STATUS
=========================================*/

.fg-online-status{margin-top: 3px;display:inline-flex;align-items:center;gap:12px;background: #fff;border:1px solid rgba(255,255,255,.20);padding:10px 18px;border-radius: 10px;color: #000;}

.fg-online-dot{

    width:12px;
    height:12px;
    background:#00e676;
    border-radius:50%;
    animation:fgPulse 1.5s infinite;

}

@keyframes fgPulse{

    0%{
        box-shadow:0 0 0 0 rgba(0,230,118,.7);
    }

    70%{
        box-shadow:0 0 0 12px rgba(0,230,118,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(0,230,118,0);
    }

}

.fg-online-status strong{display:block;color: #000000;font-size: 15px;line-height:1;}

.fg-online-status small{color: #000000;font-size: 12px;}


/*=========================================
        AGENT IMAGE
=========================================*/

.fg-agent-image{position:absolute;right: -5px;bottom: -5px;z-index:3;}

.fg-agent-image img{width: 175px;display:block;}


/*=========================================
        PLANE
=========================================*/

.fg-flight-path{

    position:absolute;
    left:28px;
    bottom:30px;
    color:#ffd54f;
    font-size:28px;
    opacity:.9;
    animation:planeMove 5s linear infinite;

}

@keyframes planeMove{

    0%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(15px);

    }

    100%{

        transform:translateX(0);

    }

}


/*=========================================
        FLOATING CALL CARD
=========================================*/

.fg-call-card{width:calc(100% - 36px);margin: -70px auto 8px;background:#fff;border-radius:24px;padding: 13px 22px;position:relative;z-index:20;box-shadow:0 20px 50px rgba(20,20,210,.18);}

.fg-badge{

        display: inline-block;
        background: #ff9800;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding: 7px 15px;
        border-radius: 10px;
        margin-bottom: 15px;

}

.fg-call-card h3{

    font-size:24px;
    color:#222;
    margin-bottom:12px;

}

.fg-call-card p{

    color:#666;
    line-height:1.8;
    font-size:14px;
    margin-bottom:22px;

}


/*=========================================
        CALL BUTTON
=========================================*/

.fg-call-button{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-decoration:none;
    background:#1414d2;
    color:#fff;
    padding:15px;
    border-radius:60px;
    font-size:18px;
    font-weight:700;
    transition:.35s;

}

.fg-call-button:hover{

    background:#0d0db8;
    color:#fff;
    transform:translateY(-2px);

}

.fg-call-button i{

    font-size:20px;

}



/*=========================================
        FOOTER
=========================================*/

.fg-popup-footer{

    text-align:center;
    padding:0 20px 30px;

}

.fg-rating{

  color: #ffb400;
        font-size: 24px;
        letter-spacing: 3px;
        margin-bottom: 8px;
        margin-top: 20px;

}
.fg-rating + small {
    color: var(--white-color);
}
.fg-popup-footer small{

    color:#777;
    font-size:13px;

}


/*=========================================
        SCROLLBAR
=========================================*/

.fg-mobile-popup{

    max-height:95vh;
    overflow-y:auto;

}

.fg-mobile-popup::-webkit-scrollbar{

    width:6px;

}

.fg-mobile-popup::-webkit-scrollbar-thumb{

    background:#d6dcff;
    border-radius:20px;

}
   .travel-package-wrapper {
            grid-template-columns: repeat(1, 1fr);
    }
.package-price {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    margin-bottom: 22px;
}
    .travel-package-section .package-content {
    flex-wrap: wrap;
    padding-bottom: 60px;
}

.img-btn .offer-btn {
    position: absolute;
    left: 0;
    bottom: 0;
}

.img-btn {
    width: 100%;
    max-width: 100%;
}

.rating {
    position: absolute;
    right: 27px;
    top: 35px;
    background: #ffffff;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 15px;
}
.package-img {
  ;
    height: 155px;

}
.package-content h3 {
    margin-bottom: 20px;
} 

.package-meta {
    position: relative;
    right: 0;
    top: 0;
    color: var(--tn-title-color);
    margin-top: -44px;
}
.tn-hero__bg {
    background-color: #d5d5d5;
    background-blend-mode: screen;
}
.travel-package-section{
    display:none;
}
.tn-booking__tabs-right {
        position: unset;
        justify-content: left;
        padding-left: 20px;
        padding-bottom: 0px;
        padding-top: 20px
    }
.tn-hero__content {
    /*padding: 70px 0 70px;*/
    padding:20px 0 20px;
}

.why-box {
        background-color: #fff;
        position: relative;
        z-index: 0;
        margin-top: 20px !important;
        padding: 30px 0 0px;
        border-radius: 5px;
        box-shadow: unset;
        margin-bottom: 0px;
    }
.why-box .col-lg-2.col-md-4.col-6 {
    margin-bottom: 50px !important;
}
    .tn-booking__content .field
 {
        background-color: #ffffff;
        padding: 14px 10px;
        border: 1px solid #bfbfbf;
        border-radius:5px;
    }
    
    .tn-booking__content .field.flex-field {
    padding: 0px;
    border: 0px;
}

.field.date-col i {
    left: unset;
}

.field.date-col label {
    padding-left: 0;
}

    .tn-booking__content {
        gap: 10px;
    }
    .tn-hero .tn-btn {
    margin-top: 10px;
}


.heading-title-h2 {
  
    font-size: 26px;
    line-height:1.3;
}
.flight-card-section .flight-card .airline {
    background: transparent;
}

.flight-card-section .price-box {
   padding: 22px 0px;
   box-shadow: unset;
}

.travel-offer .offer-btn {
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
}
.offer-images img:nth-child(2) {
    position: relative;
    z-index: 2;
    left: 30px;

    top: 0px;
}
.section-heading h2 {
    font-size: 26px !important;
    line-height: 1;
    word-spacing: 3px;
}
.step-card h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-top: 38px;
    margin-bottom: 0px;
}
.plane-wrapper-road + .row {
    justify-content: center ! IMPORTANT;
    margin: auto;
    text-align: center;
}
.hotel-cta-image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: #fff;
    transform: skewX(0);
    z-index: 2;
}

.hotel-feature-list {

    justify-content: space-between;
}

.hotel-cta-btn {
    width: 100%;
    text-align: center;
    justify-content: center !important;
    margin-top: 30px;
}

.help-wrapper {
    
    padding: 45px 10px;
  ;
}
    .help-phone h2 {
        font-size: 10vw;
        margin-top: 20px;
    }

.expert-btn {
    width: 100%;
    margin: 18px 0 0px;
    border-radius: 10px;
}
.help-cta {
    padding: 80px 0 0;
}

.orl-box-title h3, .orl-faq-heading h2 {
    font-size:26px;
}

.orl-help-card h3 , .orl-help-card .orl-phone a{
    font-size: 20px;
}

.orl-help-card {
    display: flex;
    align-items: center;
    padding-left: 30px;
    background-color: #cfe2ff;
    border-radius: 10px;
    padding: 20px 0 20px 20px;
    margin-bottom: 70px;
}

.orl-call-btn {
    display: inline-flex;

    background: transparent;
    
    padding: 0px;
   
}
.orl-phone {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}
.hotel-feature-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}

.plane-wrapper-road {
    display:none;
}
.package-price div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.help-left h3 {

    font-size: 26px;

}

.fg-travel-guide {
    padding: 50px 0 70px;
  
}

.orl-agent {
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
}
.tn-footer {
    padding-bottom: 70px;
}

    
    .destination-heading{
    font-size:24px;
}

.destination-image img{
    height:200px;
}

.destination-content h3{
    font-size:20px;
}

.country{
    font-size:13px;
}

.destination-content ul li{
    font-size:13px;
}
      .support-widget{

width:220px;

height:68px;

right:15px;

bottom:15px;

padding:8px;

}

.support-avatar{

width:48px;
height:48px;

}

.support-content h4{

font-size:17px;

}

.support-content p{

font-size:12px;

}

.support-call{

width:42px;
height:42px;

font-size:15px;

}      
  .package-includes{

padding:60px 0;

}

.package-includes .section-title{

font-size:30px;

}

.package-highlight{

padding:30px;

text-align:center;

}

.package-highlight h3{

font-size:26px;

}

.highlight-btn{

margin-top:20px;

}     

    .orlh-section{

padding:60px 0;

}

.orlh-title{

font-size:28px;

}

.orlh-content{

padding:20px;

}

.orlh-bottom{

flex-direction:column;
align-items:flex-start;
gap:15px;

}

.orlh-bottom a{

width:100%;
justify-content:center;

}

.orlh-image img{

height:210px;

}
    .orl-flight-season{

padding:60px 0;

}

.orl-flight-box,
.orl-season-box{

padding:20px;

}

.orl-box-title h3{

font-size:21px;

}

.orl-flight-table{

display:block;
overflow-x:auto;
white-space:nowrap;
table-layout:;

}

.orl-airlines{

margin-top:25px;

}

.season-card{

padding:18px 15px;

}

.season-card h4{

font-size:18px;

}
.flight-deals-section{

padding:60px 15px;

}

.flight-deals-section .route-info-card{

padding:30px 15px;

}

.flight-deals-section .route-info-card h5{

font-size:18px;

}

.flight-deals-section .route-info-card span{

font-size:20px;

}

.flight-deals-section .deals-heading h2{

font-size:30px;

}

.flight-deals-section .deals-heading p{

font-size:15px;

}

.flight-deals-section .deal-card{

padding:20px;

}

.flight-deals-section .deal-card h3{

font-size:32px;

}

.flight-deals-section .travel-date{

font-size:15px;

}

.flight-deals-section .deal-bottom{

flex-direction:column;

align-items:flex-start;

gap:18px;

}

.flight-deals-section .book-btn{

width:100%;

}

.travel-tips-section{

padding:60px 15px;

}

.travel-tips-section h2{

font-size:28px;

}

.travel-tips-section .section-desc{

font-size:15px;

}

.travel-tips-section .tip-item{

gap:15px;

}

.travel-tips-section .tip-icon{

width:50px;

height:50px;

min-width:50px;

font-size:18px;

}

.travel-tips-section .tip-content h4{

font-size:22px;

}

.travel-tips-section .tip-content p{

font-size:15px;

}

.travel-tips-section .booking-benefits{

padding:25px;

}

.travel-tips-section .booking-benefits h3{

font-size:28px;

}

.travel-tips-section .booking-benefits p{

font-size:15px;

}

.travel-tips-section .benefit-list li{

font-size:15px;

}

.travel-tips-section .btn-primary{

width:100%;

}


.airport-guide-section .airport-content{

padding:25px;

}

.airport-guide-section .airport-content h3{

font-size:24px;

}

.airport-guide-section .airport-content h5{

font-size:15px;

}

.airport-guide-section .airport-features{

grid-template-columns:1fr;

}

.airport-guide-section .airport-btn{

width:100%;

justify-content:center;

}
   .fg-feature-blog{

        padding:0px 0;

    }

    .fg-feature-card{

        min-height:420px;

    }

    .fg-feature-content{

        left:25px;

        right:25px;

        bottom:25px;

    }

    .fg-feature-content h2{

        font-size:34px;

    }

    .fg-blog-item{

        align-items:flex-start;

    }

    .fg-blog-thumb{

        width:80px;

    }

    .fg-blog-thumb img{

        width:80px;

        height:80px;

    }

    .fg-blog-info h4{

        font-size:17px;

    }

.airport-guide-section h2{

font-size:28px;

}

.airport-guide-section .airport-image img{

height:190px;

}

.airport-guide-section .airport-code{

width:50px;

height:50px;

font-size:15px;

}

.airport-guide-section .airport-content{

padding:20px;

}

.airport-guide-section .airport-content h3{

font-size:22px;

}

.airport-guide-section .airport-content p{

font-size:15px;

}

 .fg-review-section{

        padding:0px 0px 0px;

    }

    .fg-review-card{

        padding:22px;

        border-radius:18px;

    }

    .fg-user-info h4{

        font-size:18px;

    }

    .fg-review-text{

        font-size:14px;

        line-height:1.8;

    }

    .fg-trip-info{

        padding:12px;

    }

    .fg-trip-icon{

        width:34px;

        height:34px;

    }
    
 .fg-popup-footer  , .fg-call-card{
     display:none;
 }
 
 .fgh-popular-wrapper{

    padding:25px 0px;

}

.fgh-title{

    font-size:20px;

}

.fgh-view-btn{

    margin-top:20px;
    display:inline-block;

}

.fgh-route{

    /*flex-direction:column;*/
    gap:15px;

}
.fgh-price-row div {
    text-align: center;
}
.fgh-line{

    width:100%;

}

.fgh-price-row{

    flex-direction:column;
    gap:15px;

}

.fgh-book-btn{

    width:100%;
    text-align:center;

}
.inner_fp .tn-hero__content {
    padding: 0px 0px 0px;
}

  .fgh-flight-class-section {
        padding: 50px 15px;
    }

    .fgh-flight-class-heading {
        margin-bottom: 30px;
    }

    .fgh-flight-class-heading h2 {
        font-size: 27px;
    }

    .fgh-flight-class-heading p {
        font-size: 13px;
    }

    .fgh-flight-class-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .fgh-flight-class-image {
        height: 230px;
    }
    
     .fgh-res-content-area {
        padding: 50px 15px;
    }

    .fgh-res-section-heading {
        margin-bottom: 30px;
    }

    .fgh-res-section-heading h2 {
        font-size: 25px;
    }

    .fgh-res-section-heading p {
        font-size: 13px;
    }


    /* Benefits */

    .fgh-res-benefit-grid {
        grid-template-columns: 1fr;

        gap: 14px;

        margin-bottom: 60px;
    }

    .fgh-res-benefit-card {
        padding: 22px;
    }


    /* Process */

    /*.fgh-res-process-section {*/
    /*    padding: 55px 0;*/
    /*}*/

    .fgh-res-process-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .fgh-res-process-card {
        padding: 0 10px;
    }


    /* Travel */

    .fgh-res-travel-grid {
        padding: 50px 0;
   grid-template-columns: repeat(1, 1fr);
        gap: 18px;
    }

    .fgh-res-travel-card {
        grid-template-columns: 1fr;
    }

    .fgh-res-travel-content {
        padding: 25px;
    }

    .fgh-res-travel-content h2 {
        font-size: 22px;
    }

    .fgh-res-travel-visual {
        min-height: 210px;

        order: -1;
    }
.fgh-res-travel-card.fgh-res-international-card {
    grid-template-columns: 1fr;
}
    .fgh-res-international-card
    .fgh-res-international-visual {
        order: -1;
    }


    /* Routes */

    /*.fgh-res-routes-section {*/
    /*    padding-bottom: 60px;*/
    /*}*/

    .fgh-res-heading-left {
        text-align: center;
    }

    .fgh-res-route-grid {
        grid-template-columns: 1fr;
    }


    /* Tips */

    .fgh-res-tips-section {
        padding: 55px 0 0px;
    }


    .fgh-res-tips-grid {
        grid-template-columns: 1fr;
    }


    /* Audience */

    .fgh-res-audience-section {
        padding: 60px 0;
    }

    .fgh-res-audience-card {
        padding: 23px;

        gap: 15px;
    }

    .fgh-res-audience-icon {
        width: 45px;
        height: 45px;

        flex-basis: 45px;

        font-size: 18px;
    }

    .fgh-res-audience-card h2 {
        font-size: 19px;
    }


    /* Assistance */

    .fgh-res-assistance {
        padding: 0px;
    }

    .fgh-res-assistance-container {
        display: block;

        padding: 28px 22px;
        max-width:94%;
    }

    .fgh-res-assistance-icon {
        margin-bottom: 18px;
    }

    .fgh-res-assistance-content h2 {
        font-size: 22px;
    }

    .fgh-res-assistance-content {
        margin-bottom: 20px;
    }

    .fgh-res-assistance-actions {
        margin-left: 0;

        width: 100%;
    }
section.fgh-res-assistance.common-sec-control.mt-70 {
    margin-top: 0;
}
    .fgh-res-call-btn,
    .fgh-res-search-btn {
        flex: 1;
    }
.field.flex-field {
    gap: 5px;
}
.field.flex-field .divider {
    width:0px;
}
 .hotel-reser .tn-booking__content .field.date-col, .tn-hero .field.flex-field .field.date-col {
        padding: 14px 10px 14px 15px;
    }  
    
    section.tn-hero {
    background: #c3c0c0 !important;
}

.inner_fp .tn-booking__content {
    border-bottom: none;
}

.tn-hero.inner_fp {
    padding: 15px 0;
}

.fgh-popular-flight.common-sec-control {

    padding: 70px 15px 50px;
    margin: 0px 0px 0px;
}
.fgh-popular-flight-content h2{
    font-size:20px;
}
.fgh-popular-flight-container {
    flex-direction: column;
}
.fgh-popular-flight-content {
    width: 100%;
    max-width: 100%;
}
.fgh-popular-flight-visual {

    width: 100%;
    height: auto;

}
.fgh-popular-flight-btn  , .fgh-res-process-card p{
    width: 100%;
    max-width:100%;
}
.fgh-res-audience-section {
        grid-template-columns: repeat( 1, 1fr);
                padding: 0 0;
}

.fgh-res-faq-section {
    width: 100%;
    padding: 0px 20px;

}
section.fgh-res-faq-section {
    margin-bottom: 160px;
}
.fgh-res-faq-container {

    grid-template-columns: 1fr;
    align-items: center;
    gap: 10px;
}
.fgh-res-final-cta {
    display:none;
}

   .fgh-hotel-benefits {
        border-radius: 0px;
    }


    .fgh-hotel-benefits-inner {
        grid-template-columns: 1fr;

        gap: 0;

        padding: 8px 20px;
    }


    .fgh-hotel-benefit {
        padding: 20px 5px;

        gap: 16px;
    }


    /* Remove all vertical dividers */

    .fgh-hotel-benefit::after {
        display: none !important;
    }


    /* Mobile horizontal divider */

    .fgh-hotel-benefit:not(:last-child)::before {
        content: "";

        position: absolute;

        left: 0;
        right: 0;
        bottom: 0;

        width: 100%;
        height: 1px;

        background: rgba(255, 255, 255, 0.20);
    }


    .fgh-hotel-benefit-icon {
        width: 62px;
        height: 62px;

        min-width: 62px;

        font-size: 27px;
    }


    .fgh-hotel-benefit-content h3 {
        font-size: 17px;

        margin-bottom: 5px;
    }


    .fgh-hotel-benefit-content p {
        font-size: 14px;
        line-height: 1.5;
    }
    
        .fgh-popular-hotels {
        padding: 45px 10px 20px;
    }

    .fgh-popular-hotels-header {
        align-items: flex-start;
    }

    .fgh-popular-hotels-title h2 {
        font-size: 24px;
    }

    .fgh-popular-hotels-actions {
        gap: 10px;
    }

    .fgh-popular-view-all {
        display: none;
    }

    .fgh-popular-nav button {
        width: 35px;
        height: 35px;
    }
    
     .fgh-hotel-dest-wrapper {
        padding: 38px 0;
    }

    .fgh-hotel-dest-heading {
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .fgh-hotel-dest-heading h2 {
        font-size: 23px;
    }

    .fgh-hotel-dest-heading p {
        font-size: 12px;
    }

    .fgh-hotel-dest-slider {
        padding: 0 35px;
    }

    .fgh-hotel-dest-track {
        gap: 12px;
    }

    .fgh-hotel-dest-card {
        flex: 0 0 calc((100% - 12px) / 2);
    }

    .fgh-hotel-dest-image {
        height: 140px;
    }

    .fgh-hotel-dest-content {
        padding: 11px;
    }

    .fgh-hotel-dest-content h3 {
        font-size: 13px;
    }

    .fgh-hotel-dest-price strong {
        font-size: 18px;
    }

    .fgh-hotel-dest-book {
        min-width: 68px;
        height: 30px;
        padding: 0 9px;
    }
    
    
    .hotel-seo-section {
        padding: 0px 10px;
    }

    .hotel-seo-heading {
        margin-bottom: 30px;
    }

    .hotel-seo-heading h2 {
        font-size: 27px;
    }

    .hotel-seo-heading p {
        font-size: 14px;
    }

    .hotel-seo-intro,
    .hotel-seo-content-block {
        padding: 20px 0px 0px;
    }

    .hotel-seo-intro h3,
    .hotel-seo-content-block h3 {
        font-size: 22px;
    }

    .hotel-seo-intro p,
    .hotel-seo-content-block p {
        font-size: 14px;
        line-height: 1.75;
    }

    .hotel-seo-grid {
        grid-template-columns: 1fr;
    }

    .hotel-seo-list {
        grid-template-columns: 1fr;
    }

    .hotel-destination-grid {
        grid-template-columns: 1fr;
    }

    .hotel-tip {
        padding: 18px;
    }
    
    .tn-hero.inner-hp button#tab_two {
        width:100%;
    }
    .tn-hero.inner-hp .tn-hero__content {
        padding:30px 0px;
    }
    
    .tn-hero.inner-hp .tn-hero__bg {
    background-color: #bababa;
    background-blend-mode: unset;
}

.fgh-hotel-deals-inner {
          grid-template-columns: 1fr;
        background: transparent;
        padding: 0 10px;
        width: 100%;
}
.fgh-hotel-deals-link {
    width: 100%;
    justify-content: center;
}

.fgh-hotel-deals-list {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}

.fgh-hotel-why-inner  , .fgh-hotel-why-grid{
    grid-template-columns: 1fr;
}

.hotel-promo-section {
    padding: 8px 10px;
   
}


.hotel-promo-wrapper {
    grid-template-columns: repeat(1, 1fr);

}

.hotel-promo-section .hotel-promo-wrapper .hotel-promo-card img {
    width: 38vw;
}

.hotel-promo-section .hotel-promo-wrapper .hotel-promo-card img.hotel-beach {
    width: 68vw;
    opacity: 0.4;
}

.hotel-how-steps {
 
    grid-template-columns: repeat(1, 1fr);

}

.hotel-how-steps::before {
    display:none;
}

.htlcta9-wrap {
    grid-template-columns: 1fr;
  
}

.htlcta9-title {
 
    font-size: 30px;
  
}

.htlcta9-image {
    right: 0;
    width: 100%;
 
    transform: rotate(0deg);
 
}
.hotel-faq-collage-section {
  
    grid-template-columns: 1fr;
 
}

.hotel-collage-main {
  
    left: 0;

    width: 100%;
    
}

    .tn-subscribe__search form .tn-btn {
        position: absolute;
        top: 5px;
        right: 5px;
    }
    
      .delta-cabin-section {
        padding: 35px 14px;
    }

    .delta-section-heading {
        margin-bottom: 24px;
    }

    .delta-section-heading span {
        font-size: 11px;
    }

    .delta-section-heading h2 {
        font-size: 24px;
    }

    .delta-section-heading p {
        font-size: 14px;
        line-height: 1.6;
    }

    .delta-cabin-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .delta-cabin-card {
        min-height: auto;
        padding: 21px 19px;
    }

    .delta-cabin-card h3 {
        font-size: 19px;
    }

    .delta-cabin-card p {
        font-size: 14px;
        line-height: 1.65;
    }

    .delta-card-link {
        padding-top: 18px;
    }
    
  

    .delta-main-heading,
    .delta-heading {
        align-items: flex-start;
        gap: 11px;
    }

    .delta-main-heading h2,
    .delta-heading h2 {
        font-size: 21px;
        line-height: 1.35;
    }

    .delta-heading-icon {
        width: 41px;
        height: 41px;
        min-width: 41px;
        border-radius: 8px;
    }

    .delta-heading-icon svg {
        width: 23px;
        height: 23px;
    }

    .delta-content p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 14px;
    }

    .delta-section {
        margin-top: 32px;
    }

    .delta-section h3 {
        margin-top: 21px;
        font-size: 17px;
    }

    .delta-deals {
        grid-template-columns: 1fr;
        gap: 6px;
    }
    
    
    .airline-cta {
        padding: 12px 12px;
    }

    .airline-cta-inner {
        display: block;

        padding: 28px 22px;

        border-radius: 15px;
    }

    .airline-cta h2 {
        font-size: 25px;
    }

    .airline-cta-content p {
        font-size: 13px;
    }

    .airline-cta-features {
        gap: 10px 15px;
    }

    .airline-cta-offer {
        margin: 22px 0;

        padding: 17px;
    }

    .airline-offer-price b {
        font-size: 25px;
    }

    .airline-cta-action {
        width: 100%;
        max-width: none;
    }

    .airline-cta-inner::before {
        right: -120px;
    }

    .airline-cta-inner::after {
        right: -80px;
    }
    
    .tn-hero .tn-hero__content {
    padding-top: 0px;
}
}





/*destination page css start here */



.tn-hero.desti-hero .tn-hero__bg {
      background-color: #00000036;
    background-position: bottom;
    background-blend-mode: color;
}


.tn-hero.desti-hero h1.tn-hero__title--main {
    text-shadow: unset;
    color: #fff;
}



.destination-fares {
    padding: 80px 0;
    background: #ffffff;
}



/* =========================================================
   GLASSMORPHISM BENEFITS
========================================================= */

.destination-glass-benefits {

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 14px;

    margin: 50px auto 0;
}


/* Glass Card */

.destination-glass-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .19), rgb(0 0 0));
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 14px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 35px rgba(0, 0, 0, .12);
    transition: .25s ease;
}

.destination-glass-card:hover {
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.27),
            rgba(255,255,255,.11)
        );

    transform: translateY(-3px);
}


/* Icon */

.destination-glass-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: rgba(255,255,255,.16);

    border: 1px solid rgba(255,255,255,.25);

    color: #fff;

    font-size: 18px;
}


/* Content */

.destination-glass-content h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.destination-glass-content p {
    margin: 0;

    color: rgba(255,255,255,.78);

    font-size: 14px;
    line-height: 1.55;
}

.tn-hero.desti-hero .tn-hero__content {
       padding: 100px 0 60px;
}









/*destination fare*/
.flight-fare-section {
    padding: 80px 0 50px;
}

.flight-fare-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:700;
    color:var(--theme-color);
    letter-spacing:1.2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.flight-fare-eyebrow i{
    font-size:12px;
}

.flight-fare-title{
    margin:0 0 10px;
    font-size:36px;
    line-height:1.15;
    font-weight:750;
    letter-spacing:-.8px;
}

.flight-fare-description{
    margin:0;
    color:var(--flight-muted);
    font-size:15px;
    line-height:1.7;
}

.flight-fare-view-all{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--theme-color);
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.flight-fare-view-all i{
    transition:.3s;
}

.flight-fare-view-all:hover i{
    transform:translateX(4px);
}

/* =========================
   DEAL GRID
========================= */

.flight-deal-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
}

/* =========================
   FARE CARD
========================= */

.flight-deal-card{
    position:relative;
    background:var(--white);
    border:1px solid var(--dgh-border);
    border-radius:18px;
    overflow:hidden;
    transition:.3s ease;
}

.flight-deal-card:hover{
    transform:translateY(-4px);
    border-color:#d7d9f7;
    box-shadow:0 18px 45px rgba(20,20,210,.10);
}

/* =========================
   CARD TOP
========================= */

.flight-deal-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:17px 20px;
    border-bottom:1px dashed #dfe3eb;
}

.flight-airline{
    display:flex;
    align-items:center;
    gap:10px;
}

.flight-airline-icon{
width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #1940f326;
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.flight-airline-name{
font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: var(--tn-title);
}

.flight-number{
       display: block;
    margin-top: 3px;
    color: #8991a0;
    font-size: 11px;
    line-height: 1;
}

.flight-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:7px 10px;
    border-radius:30px;
    background:#eefaf3;
    color:#16834d;
    font-size:11px;
    font-weight:700;
}

/* =========================
   ROUTE AREA
========================= */

.flight-route-area{
    padding:24px 20px 21px;
    display:grid;
    grid-template-columns:105px 1fr 105px;
    align-items:center;
    gap:15px;
}

.flight-location{
    display:flex;
    flex-direction:column;
}

.flight-location.right{
    text-align:right;
    align-items:flex-end;
}

.flight-time{
    font-size:24px;
    line-height:1;
    font-weight:750;
    color:#121827;
}

.flight-city{
    margin-top:7px;
    font-size:14px;
    font-weight:600;
    color:#596274;
}


.flight-airport {
    margin-top: 0;
    color: #9aa1ae;
    font-size: 12px;
}

/* =========================
   ROUTE LINE
========================= */

.flight-route-line{
    position:relative;
    height:45px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.flight-duration{
    position: absolute;
    top: -10px;
    color: #858c99;
    font-size: 11px;
    white-space: nowrap;
}

.flight-fare-section .flight-line{
    width:100%;
    height:1px;
    background:#dce0e8;
    position:relative;
    margin-top:13px;
    top:0px;
}

.flight-line:before,
.flight-line:after{
    content:"";
    position:absolute;
    top:-3px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--theme-color);
}

.flight-line:before{
    left:0;
}

.flight-line:after{
    right:0;
}

.flight-plane{
     position: absolute;
    right: 0;
    top: 15px;
    margin: auto;
    left: 0;
    /* transform: translateX(-50%) rotate(90deg); */
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #1940f326;
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

/* =========================
   DETAILS
========================= */

.flight-details{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 18px;
    padding:0 20px 18px;
}

.flight-detail{
    display:flex;
    align-items:center;
    gap:6px;
    color:#697284;
    font-size:11px;
    line-height:1;
}

.flight-detail i{
    color:var(--theme-color);
    font-size:11px;
}

/* =========================
   CARD FOOTER
========================= */

.flight-deal-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:17px 20px;
    background:#fafbfe;
    border-top:1px solid #edf0f5;
}
.flight-price-label {
    display: block;
    color: var(--tn-title);
    font-size: 12px;
    margin-bottom: 3px;
}
.flight-price{
    color:#111827;
    font-size:24px;
    line-height:1;
    font-weight:800;
}

.flight-price small{
    color:#818896;
    font-size:12px;
    font-weight:500;
}

.flight-cta{
    display:flex;
    align-items:center;
    gap:8px;
}

.flight-view-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 17px;
    border:1px solid #dfe2ea;
    border-radius:8px;
    background:#fff;
    color:#333b4c;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    transition:.3s;
}

.flight-view-btn:hover{
    border-color:var(--theme-color);
    color:var(--theme-color);
}

.flight-book-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:40px;
    padding:0 18px;
    border-radius:8px;
    background:var(--theme-color);
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:.3s;
}

.flight-book-btn:hover{
    background:var(--theme-color-dark);
}

/* =========================================
   UNIQUE DESTINATION SECTION
========================================= */

.axd-explore-section{
    width:100%;
    padding:50px 0px;
    background:#f7f9fc;
}

.axd-explore-container{
    width:100%;
    max-width:1450px;
    margin:0 auto;
}


/* =========================================
   HEADING
========================================= */

.axd-explore-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:35px;
}

.axd-explore-heading-content{
    max-width:850px;
}

.axd-explore-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:10px;

    color:#1414d2;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.axd-explore-eyebrow i{
    font-size:11px;
}

.axd-explore-title{
    margin:0 0 12px;

    color:#172033;
    font-size:34px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:-.6px;
}

.axd-explore-description{
    margin:0;
    max-width:680px;

    color:#737b8b;
    font-size:14px;
    line-height:1.7;
}

.axd-explore-view{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding-bottom:4px;

    color:#1414d2;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.axd-explore-view i{
    transition:.3s ease;
}

.axd-explore-view:hover i{
    transform:translateX(5px);
}


/* =========================================
   6 COLUMN GRID
========================================= */

.axd-destination-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}


/* =========================================
   CARD
========================================= */

.axd-destination-card{
    display:block;
    overflow:hidden;

    background:#fff;
    border:1px solid #e5e8ef;
    border-radius:14px;

    color:inherit;
    text-decoration:none;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.axd-destination-card:hover{
    transform:translateY(-5px);

    border-color:#d8d9f6;

    box-shadow:
        0 15px 35px rgba(20,20,210,.10);
}


/* =========================================
   IMAGE
========================================= */

.axd-destination-image{
    position:relative;
    height:180px;
    overflow:hidden;
}

.axd-destination-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:transform .55s ease;
}

.axd-destination-card:hover
.axd-destination-image img{
    transform:scale(1.08);
}


/* Image overlay */

.axd-destination-image:after{
    content:"";

    position:absolute;
    inset:0;

    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.04),
        rgba(0,0,0,.42)
    );
}


/* =========================================
   NUMBER
========================================= */

.axd-destination-number{
    position:absolute;
    z-index:2;

    top:10px;
    left:10px;

    width:30px;
    height:30px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.45);

    backdrop-filter:blur(7px);

    color:#fff;
    font-size:10px;
    font-weight:700;
}


/* =========================================
   ARROW
========================================= */

.axd-destination-arrow{
    position:absolute;
    z-index:2;

    top:10px;
    right:10px;

    width:30px;
    height:30px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#fff;
    color:#1414d2;

    font-size:9px;

    transition:.3s ease;
}

.axd-destination-card:hover
.axd-destination-arrow{
    background:#1414d2;
    color:#fff;
}


/* =========================================
   CONTENT
========================================= */

.axd-destination-content{
    padding:15px 14px 16px;
}

.axd-destination-location{
    display:flex;
    align-items:center;
    gap:5px;

    margin-bottom:5px;

    color:#1414d2;

    font-size:9px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.6px;
}

.axd-destination-location i{
    font-size:8px;
}

.axd-destination-content h3{
    margin:0 0 7px;

    color:#182033;

    font-size:17px;
    line-height:1.25;
    font-weight:750;
}

.axd-destination-content p{
    min-height:48px;

    margin:0 0 13px;

    color:#777f8f;

    font-size:11px;
    line-height:1.55;
}

.axd-destination-link{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding-top:11px;

    border-top:1px solid #edf0f4;

    color:#313949;

    font-size:10px;
    font-weight:700;
}

.axd-destination-link i{
    color:#1414d2;
    transition:.3s ease;
}

.axd-destination-card:hover
.axd-destination-link i{
    transform:translateX(4px);
}


/* ==========================================
   ALASKA HOTEL SECTION
========================================== */

.akhotel-section{
    width:100%;
    padding:40px 0px;
    background:#ffffff;
}

.akhotel-container{
    width:100%;
    max-width:1450px;
    margin:0 auto;
}


/* ==========================================
   HEADER
========================================== */

.akhotel-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:35px;
}

.akhotel-header-content{
    max-width:800px;
}

.akhotel-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:10px;

    color:#1414d2;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.akhotel-eyebrow i{
    font-size:11px;
}

.akhotel-title{
    margin:0 0 12px;

    color:#172033;
    font-size:35px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:-.7px;
}

.akhotel-subtitle{
    max-width:720px;
    margin:0;

    color:#747c8c;
    font-size:14px;
    line-height:1.7;
}

.akhotel-viewall{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding-bottom:4px;

    color:#1414d2;
    text-decoration:none;

    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.akhotel-viewall i{
    transition:.3s ease;
}

.akhotel-viewall:hover i{
    transform:translateX(5px);
}


/* ==========================================
   HOTEL GRID
========================================== */

.akhotel-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}


/* ==========================================
   HOTEL CARD
========================================== */

.akhotel-card{
    overflow:hidden;

    background:#fff;

    border:1px solid #e5e8ef;
    border-radius:16px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.akhotel-card:hover{
    transform:translateY(-6px);

    border-color:#d8daf5;

    box-shadow:
        0 18px 42px rgba(20,20,210,.10);
}


/* ==========================================
   HOTEL IMAGE
========================================== */

.akhotel-image{
    position:relative;
    height:225px;
    overflow:hidden;
}

.akhotel-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:transform .55s ease;
}

.akhotel-card:hover .akhotel-image img{
    transform:scale(1.07);
}


/* Image Overlay */

.akhotel-image:after{
    content:"";

    position:absolute;
    inset:0;

    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.03),
        rgba(0,0,0,.38)
    );

    pointer-events:none;
}


/* Destination */

.akhotel-destination{
    position:absolute;
    z-index:2;

    left:14px;
    bottom:14px;

    padding:7px 11px;

    border-radius:6px;

    background:rgba(20,20,210,.92);

    color:#fff;

    font-size:12px;
    font-weight:400;

    text-transform:uppercase;
    letter-spacing:.5px;
}


/* Heart */

.akhotel-heart{
    position:absolute;
    z-index:3;

    top:13px;
    right:13px;

    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:50%;

    background:#fff;

    color:#4b5261;

    font-size:12px;

    cursor:pointer;

    box-shadow:0 4px 12px rgba(0,0,0,.10);

    transition:.3s ease;
}

.akhotel-heart:hover{
    color:#1414d2;
    transform:scale(1.08);
}


/* ==========================================
   HOTEL CONTENT
========================================== */

.akhotel-content{
    padding:18px 18px 19px;
}

.akhotel-location{
    display:flex;
    align-items:center;
    gap:5px;

    margin-bottom:0px;

    color:#1414d2;

    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.5px;
}

.akhotel-location i{
    font-size:9px;
}

.akhotel-content h3{
    margin:0 0 10px;

    color:#182033;

    font-size:18px;
    line-height:1.3;
    font-weight:700;
}


/* ==========================================
   RATING
========================================== */

.akhotel-rating{
display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 0;
    font-size: 16px;
    position: absolute;
    right: 13px;
    bottom: 14px;
    background-color: var(--white);
    padding: 13px 14px;
    z-index: 99;
    border-radius: 5px;
    line-height: 1;
}

.akhotel-stars{
    color:#f5a623;
    letter-spacing:1px;
    font-size:11px;
}

.akhotel-rating strong{
    color:#303849;
}

.akhotel-rating > span:last-child{
    color:#8a91a0;
}


/* ==========================================
   FEATURES
========================================== */

.akhotel-features{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;

    padding-bottom:15px;

    border-bottom:1px solid #edf0f4;
}

.akhotel-features span{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    background: #e9ebef;
    border-radius: 5px;
    color: #6f7787;
    font-size: 12px;
}

.akhotel-features i{
    color:#1414d2;
    font-size:9px;
}


/* ==========================================
   PRICE + CTA
========================================== */

.akhotel-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    padding-top:15px;
}

.akhotel-price{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    column-gap:4px;
}

.akhotel-price small{
   width: 100%;
    margin-bottom: 2px;
    color: var(--tn-title);
    font-size: 12px;
}

.akhotel-price strong{
    color:#182033;
    font-size:24px;
    line-height:1;
    font-weight:800;
}

.akhotel-price span{
    color:#858c9b;
    font-size:12px;
}

.akhotel-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    min-height:37px;
    padding:0 12px;

    border-radius:7px;

    background:#1414d2;

    color:#fff;

    text-decoration:none;

    font-size:14px;
    font-weight:700;

    transition:.3s ease;
}

.akhotel-btn:hover{
    background:#0d0da8;
}

.akhotel-btn i{
    font-size:9px;
}

/* =========================================
   FLIGHTSGOHUB DESTINATION GUIDE
   UNIQUE NAMESPACE: fgh-dg-
========================================= */

.fgh-dg-section {
    padding: 0px 0 60px;

}


.fgh-dg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
    align-items: start;
}


/* MAIN */

/*.fgh-dg-main {*/
/*    padding: 45px;*/
/*    background: #fff;*/
/*    border: 1px solid #e7e9ef;*/
/*    border-radius: 18px;*/
/*    box-shadow: 0 8px 30px rgba(20, 20, 50, .05);*/
/*}*/

.fgh-dg-eyebrow {
    display: inline-block;
    margin-bottom: 0px;
    color: #1414d2;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.fgh-dg-title {
    margin: 0 0 22px;
    color: #252538;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 750;
}

/*.fgh-dg-main p {*/
/*    margin: 0 0 18px;*/
/*    color: #5d6270;*/
/*    font-size: 16px;*/
/*    line-height: 1.8;*/
/*}*/

.fgh-dg-main h3 {
    margin: 35px 0 5px;
    color: #252538;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}
article.fgh-dg-main p {
    line-height: 1.5;
}

article.fgh-dg-main p:not(:last-child) {
    margin-bottom: 14px;
}

/* MORE CONTENT */

.fgh-dg-more {
    display: none;
}

.fgh-dg-more.fgh-dg-open {
    display: block;
}


/* LIST */

.fgh-dg-list {
    margin: 15px 0 25px;
    padding-left: 0px;
}

.fgh-dg-list li {
    margin-bottom: 10px;
    color: #5d6270;
    line-height: 1.7;
}


/* TOGGLE */

.fgh-dg-toggle {
    margin-top: 30px;
    padding-top: 25px;
    /*border-top: 1px solid #e8ebf1;*/
    text-align: center;
}

.fgh-dg-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-width: 155px;
    padding: 13px 22px;

    border: 0;
    border-radius: 8px;

    background: #1414d2;
    color: #fff;

    font-size: 15px;
    font-weight: 700;

    cursor: pointer;
    transition: .25s ease;
}

.fgh-dg-toggle-btn:hover {
    background: #0e0eaa;
}

.fgh-dg-toggle-btn i {
    transition: transform .3s ease;
}

.fgh-dg-toggle-btn.fgh-dg-active i {
    transform: rotate(180deg);
}


/* SIDEBAR */

.fgh-dg-sidebar {
    position: sticky;
    top: 25px;
}


/* AD */

.fgh-dg-ad-wrap {
    margin-bottom: 25px;
}

.fgh-dg-ad-label {
    margin-bottom: 7px;
    color: #999;
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fgh-dg-ad {
    width: 330px;
    height: auto;
    overflow: hidden;

    background: #fff;
    border: 1px solid #e2e5eb;
    border-radius: 16px;

    box-shadow: 0 10px 35px rgba(20,20,50,.10);
}

.fgh-dg-ad-img {
    height: 190px;
    overflow: hidden;
}

.fgh-dg-ad-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.fgh-dg-ad-body {
    height: auto;
    padding: 20px;

    display: flex;
    flex-direction: column;
}

.fgh-dg-ad-tag {
    align-self: flex-start;

    margin-bottom: 8px;
    padding: 5px 9px;

    border-radius: 5px;

    background: #eeeeff;
    color: #1414d2;

    font-size: 10px;
    font-weight: 800;
}

.fgh-dg-ad-body h3 {
    margin: 0 0 8px;
    color: #252538;
    font-size: 21px;
}

.fgh-dg-ad-body p {
    margin: 0 0 10px 0;
    color: #686d7a;
    font-size: 15px;
    line-height: 1.6;
}

.fgh-dg-ad-btn {
    display: flex;
    align-items: center;
    justify-content: center;
   gap:5px;
    margin-top: auto;
    padding: 11px 15px;

    border-radius: 7px;

    background: #1414d2;
    color: #fff;

    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.fgh-dg-ad-btn:hover {
    background: #0e0eaa;
    color: #fff;
}


/* PLAN CARD */

.fgh-dg-plan {
    padding: 27px 24px;

    background: #fff;
    border: 1px solid #e5e8ef;
    border-radius: 16px;

    box-shadow: 0 8px 30px rgba(20,20,50,.06);
}

.fgh-dg-plan-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    border-radius: 12px;

    background: #eeeeff;
    color: #1414d2;
}

.fgh-dg-plan h3 {
    margin: 0 0 10px;
    color: #252538;
    font-size: 21px;
}

.fgh-dg-plan p {
    margin: 0 0 10px;
    color: #686d7a;
    font-size: 15px;
    line-height: 1.5;
}

.fgh-dg-plan-list {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.fgh-dg-plan-list li {
    display: flex;
    gap: 9px;
    margin-bottom: 5px;

    color: #4d5260;
    font-size: 14px;
    align-items:center;
}

.fgh-dg-plan-list li i {
    color: #1414d2;
    font-size: 12px;
}

.fgh-dg-plan-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    width: 100%;
    padding: 12px;

    border-radius: 7px;

    background: #1414d2;
    color: #fff;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.fgh-dg-plan-btn:hover {
    background: #0e0eaa;
    color: #fff;
}

.ak-destination-cta {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    display: flex;
    align-items: center;
    isolation: isolate;
}

.ak-cta-bg {
    position: absolute;
    inset: 0;
    z-index: -2;

    background-image:
        linear-gradient(
            90deg,
            rgba(7, 12, 35, 0.95) 0%,
            rgba(7, 12, 35, 0.82) 42%,
            rgba(7, 12, 35, 0.40) 75%,
            rgba(7, 12, 35, 0.25) 100%
        ),
        url("https://assets.simpleviewinc.com/simpleview/image/upload/crm/anchorage/Image20250728134019_3DD552D4-E4C9-FDB7-02027748771EBEC8-3dd54f8ab3afee0_3dd55baf-c312-ab1f-ef17d3766762f036.jpg");

    background-size: cover;
    background-position: center;
}

.ak-cta-container {
    width: min(1180px, calc(100% - 40px));
    margin: auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    align-items: center;
    gap: 75px;

    padding: 80px 0;
}


/* CONTENT */

.ak-cta-content {
    max-width: 700px;
    color: #fff;
}

.ak-cta-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 16px;
    margin-bottom: 20px;

    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50px;

    background: rgba(20,20,210,.35);
    backdrop-filter: blur(8px);

    color: #fff;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ak-cta-label i {
    color: #fff;
}

.ak-cta-content h2 {
    margin: 0 0 20px;

    color: #fff;

    font-size: clamp(40px, 5vw, 34px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.ak-cta-content h2 span {
    display: block;
     color: #FFC107;
}

.ak-cta-content p {
    max-width: 650px;
    margin: 0 0 28px;

    color: rgba(255,255,255,.86);

    font-size: 17px;
    line-height: 1.75;
}


/* FEATURES */

.ak-cta-features {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-bottom: 32px;
}

.ak-cta-feature {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ak-cta-feature > i {
    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #1414d2;
    color: #fff;

    box-shadow: 0 8px 20px rgba(20,20,210,.35);
}

.ak-cta-feature strong,
.ak-cta-feature small {
    display: block;
}

.ak-cta-feature strong {
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.ak-cta-feature small {
    color: rgba(255,255,255,.65);
    font-size: 12px;
}


/* BUTTONS */

.ak-cta-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.ak-btn-primary,
.ak-btn-outline {
    min-height: 51px;
    padding: 0 23px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: 7px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    transition: .25s ease;
}

.ak-btn-primary {
    background: #1414d2;
    color: #fff;

    box-shadow: 0 10px 25px rgba(20,20,210,.35);
}

.ak-btn-primary:hover {
    background: #fff;
    color: #1414d2;
    transform: translateY(-2px);
}

.ak-btn-outline {
    border: 1px solid rgba(255,255,255,.55);
    background: rgba(255,255,255,.06);
    color: #fff;
}

.ak-btn-outline:hover {
    background: #1414d2;
    border-color: #1414d2;
    color: #fff;
}


/* RIGHT CARD */

.ak-cta-card {
    padding: 34px 30px;

    border: 1px solid rgba(255,255,255,.25);
    border-radius: 20px;

    background: rgba(8,12,40,.62);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    box-shadow: 0 25px 60px rgba(0,0,0,.3);

    color: #fff;
}

.ak-card-icon {
    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    border-radius: 14px;

    background: #1414d2;
    color: #fff;

    font-size: 21px;

    box-shadow: 0 10px 25px rgba(20,20,210,.4);
}

.ak-card-small {
    display: block;
    margin-bottom: 9px;

    color: #9b9bff;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.ak-cta-card h3 {
    margin: 0 0 13px;

    color: #fff;

    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
}

.ak-cta-card p {
    margin: 0 0 24px;

    color: rgba(255,255,255,.76);

    font-size: 14px;
    line-height: 1.7;
}

.ak-card-btn {
    width: 100%;
    min-height: 51px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: 7px;

    background: #1414d2;
    color: #fff;

    text-decoration: none;

    font-size: 16px;
    font-weight: 600;


    transition: .25s ease;
}

.ak-card-btn:hover {
    background: #fff;
    color: #1414d2;
}

.ak-card-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin-top: 16px;

    color: rgba(255,255,255,.65);

    font-size: 11px;
}

.ak-card-note i {
    color: #1414d2;
}
.akfaq3-section {
    width: 100%;
    padding: 70px 20px 170px;
    overflow: hidden;
}

.akfaq3-container {
    width: min(1450px, 100%);
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
    align-items: center;
    gap: 80px;
}


/* =========================
   LEFT FAQ
========================= */

.akfaq3-faq {
    max-width: 840px;
}

.akfaq3-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 8px 14px;
    margin-bottom: 17px;

    border-radius: 50px;

    background: rgba(20,20,210,.08);
    color: #1414d2;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.akfaq3-faq h2 {
    margin: 0 0 17px;
    color: #151827;
    font-size: clamp(32px, 4vw, 28px);
    line-height: 1.08;
    letter-spacing: 0px;
    font-weight: 800;
}
    
}
.akfaq3-faq h2 span {
    color: #1414d2;
}

.akfaq3-intro {
    max-width:100%;
    margin: 0 0 30px;

    color: #6b6f7c;

    font-size: 15px;
    line-height: 1.8;
}


/* FAQ ITEMS */

.akfaq3-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.akfaq3-item {
    border: 1px solid #e5e6ed;
    border-radius: 11px;

    background: #ffffff;

    overflow: hidden;

    transition: .25s ease;
}

.akfaq3-item:hover {
    border-color: rgba(20,20,210,.25);
}

.akfaq3-item.akfaq3-active {
    border-color: rgba(20,20,210,.25);
    box-shadow: 0 8px 25px rgba(20,20,210,.06);
}

.akfaq3-question {
    width: 100%;
    min-height: 62px;

    padding: 15px 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    border: 0;
    outline: 0;

    background: transparent;

    color: #242735;

    cursor: pointer;

    text-align: left;

    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
}

.akfaq3-active .akfaq3-question {
    color: #1414d2;
}

.akfaq3-question > i {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f0f0ff;
    color: #1414d2;

    font-size: 10px;

    transition: .3s ease;
}

.akfaq3-active .akfaq3-question > i {
    background: #1414d2;
    color: #ffffff;

    transform: rotate(45deg);
}

.akfaq3-answer {
    display: none;
    padding: 0 50px 19px 18px;
}

.akfaq3-active .akfaq3-answer {
    display: block;
}

.akfaq3-answer p {
    margin: 0;

    color: #6b6f7c;

    font-size: 15px;
    line-height: 1.75;
}


/* =========================
   UNIQUE ALASKA COLLAGE
========================= */

.akfaq3-visual {
    position: relative;

    width: 100%;
    height: 540px;

    isolation: isolate;
}

.akfaq3-visual-bg {
    position: absolute;

    width: 310px;
    height: 310px;

    right: 20px;
    top: 80px;

    border-radius: 50%;

    background: rgba(20,20,210,.07);

    z-index: -2;
}


/* BLUE DECORATIVE CIRCLE */

.akfaq3-circle {
    position: absolute;

    width: 145px;
    height: 145px;

    right: 5px;
    top: 10px;

    border: 25px solid rgba(20,20,210,.10);
    border-radius: 50%;
}


/* MAIN IMAGE */

.akfaq3-main-image {
    position: absolute;

    width: 340px;
    height: 430px;

    left: 85px;
    top: 48px;

    padding: 8px;

    background: #ffffff;

    border-radius: 180px 180px 25px 25px;

    box-shadow:
        0 25px 60px rgba(20,25,60,.18);

    transform: rotate(-4deg);

    z-index: 2;
}

.akfaq3-main-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 170px 170px 18px 18px;
}


/* SMALL IMAGES */

.akfaq3-small-image {
    position: absolute;

    overflow: hidden;

    background: #ffffff;

    padding: 6px;

    box-shadow:
        0 18px 40px rgba(20,25,60,.18);

    z-index: 4;
}

.akfaq3-small-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* TOP */

.akfaq3-img-one {
    width: 185px;
    height: 145px;

    top: 5px;
    left: 0;

    border-radius: 18px;

    transform: rotate(-8deg);
}


/* BOTTOM */

.akfaq3-img-two {
    width: 190px;
    height: 145px;

    left: -5px;
    bottom: 25px;

    border-radius: 18px;

    transform: rotate(7deg);
}


/* RIGHT VERTICAL */

.akfaq3-img-three {
    width: 145px;
    height: 190px;

    right: 0;
    bottom: 75px;

    border-radius: 18px;

    transform: rotate(7deg);
}


/* BADGE */

.akfaq3-badge {
    position: absolute;

    right: 20px;
    top: 270px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;

    border-radius: 12px;

    background: #ffffff;

    box-shadow: 0 15px 40px rgba(15,20,60,.18);

    z-index: 7;
}

.akfaq3-badge-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #1414d2;
    color: #ffffff;

    font-size: 14px;
}

.akfaq3-badge strong,
.akfaq3-badge span {
    display: block;
}

.akfaq3-badge strong {
       margin-bottom: 0;
    color: #202332;
    font-size: 12px;
    line-height: 1;
}

.akfaq3-badge span {
    color: #818491;
    font-size: 12px;
    line-height:1.5;
}


/* VERTICAL ALASKA TEXT */

.akfaq3-side-text {
    position: absolute;

    right: -8px;
    top: 125px;

    color: rgba(20,20,210,.10);

    font-size: 54px;
    line-height: 1;

    font-weight: 900;
    letter-spacing: 8px;

    writing-mode: vertical-rl;

    z-index: -1;
}

/* TABLET */

@media (max-width: 991px) {

    .fgh-dg-layout {
        display: block;
    }

    /*.fgh-dg-main {*/
    /*    padding: 30px;*/
    /*}*/

    .fgh-dg-sidebar {
        position: static;
        margin-top: 30px;
    }

    .fgh-dg-ad {
        width: 100%;
        max-width: 400px;
        margin: auto;
    }

    .fgh-dg-plan {
        max-width: 400px;
        margin: 25px auto 0;
    }
     .orlh-inquiry-card {
        padding: 35px 30px;
    }


    .orlh-inquiry-content {
        width: 65%;
    }


    .orlh-inquiry-content h3 {
        font-size: 26px;
    }


    .orlh-inquiry-visual {
        width: 32%;
    }


    .orlh-inquiry-visual img {
        max-width: 200px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .fgh-dg-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .fgh-dg-section {
        padding: 35px 0;
    }

    .fgh-dg-main {
        padding: 22px 18px;
        border-radius: 12px;
    }

    .fgh-dg-title {
        font-size: 27px;
    }

    .fgh-dg-main h3 {
        font-size: 21px;
    }

    .fgh-dg-main p {
        font-size: 15px;
        line-height: 1.75;
    }
    
     .ak-destination-cta {
        min-height: auto;
    }

    .ak-cta-bg {
        background-image:
            linear-gradient(
                180deg,
                rgba(7,12,35,.88),
                rgba(7,12,35,.97)
            ),
            url("https://assets.simpleviewinc.com/simpleview/image/upload/crm/anchorage/Image20250728134019_3DD552D4-E4C9-FDB7-02027748771EBEC8-3dd54f8ab3afee0_3dd55baf-c312-ab1f-ef17d3766762f036.jpg");

        background-position: center;
    }

    .ak-cta-container {
        width: calc(100% - 30px);
        padding: 55px 0;
        gap: 35px;
    }

    .ak-cta-content h2 {
        font-size: 40px;
    }

    .ak-cta-content p {
        font-size: 15px;
    }

    .ak-cta-features {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .ak-cta-buttons {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ak-btn-primary,
    .ak-btn-outline {
        width: 100%;
    }

    .ak-cta-card {
        padding: 27px 23px;
    }

    .ak-cta-card h3 {
        font-size: 25px;
    }
    
    .destination-glass-benefits {
            grid-template-columns: repeat(1, 1fr);
    }
section.tn-hero .container.container--custom {
    padding: 0;
}
.tn-hero.desti-hero .tn-hero__content {
    padding: 0px 0 60px;
}

.tn-hero.inner_fp  {
    padding-top:0px;
}
.tn-hero.inner_fp  .tab.active {

    width: 100%;
}

.destination-glass-benefits {
    padding: 0 20px;
}


section.tn-hero.desti-hero .tn-hero__bg {
    bottom:0px;
}

.flight-deal-grid  , .akhotel-grid{

    grid-template-columns: repeat(1, 1fr);

}

    .ak-cta-container {
        width: 100%;
        padding: 55px 20px;
        gap: 35px;
        grid-template-columns: 100%;
    }
    
    .akfaq3-container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    gap: 80px;
}

.akfaq3-main-image {

    transform: rotate(0deg);
 
}


    .orlh-inquiry-card {
        min-height: 480px;
        padding: 30px 22px;
        display: block;
        border-radius: 18px;
    }


    .orlh-inquiry-content {
        width: 100%;
    }


    .orlh-inquiry-content h3 {
        font-size: 24px;
    }


    .orlh-inquiry-content p {
        font-size: 14px;
        line-height: 1.6;
    }


    .orlh-inquiry-features {
        gap: 10px 14px;
        margin-bottom: 18px;
    }


    .orlh-inquiry-features span {
        font-size: 12px;
    }


    .orlh-inquiry-action {
        display: block;
    }


    .orlh-inquiry-btn {
        width: 100%;
    }


    .orlh-inquiry-phone {
        margin-top: 12px;
        text-align: center;
    }


    .orlh-inquiry-visual {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 185px;
        pointer-events: none;
    }


    .orlh-inquiry-circle {
        width: 190px;
        height: 190px;
        right: 50%;
        transform: translateX(50%);
        bottom: -100px;
    }


    .orlh-inquiry-visual img {
        max-width: 155px;
        max-height: 190px;
    }


    .orlh-inquiry-bubble {
       display:none;
    }

}




/*blog page css start here */

.tn-hero.blog-banner .tn-hero__content {
    padding: 120px 0 120px;
}
/*.tn-hero.blog-banner h1 {*/
/*    font-size: 34px;*/
/*}*/
/*.tn-hero.blog-banner .tn-hero__bg {*/
/*    background-color: unset;*/
/*    background-blend-mode: color;*/
/*}*/


.tn-hero.blog-banner .tn-hero__shape span {
  line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
    backdrop-filter: blur(5px);
}


 /* =========================
           CATEGORY FILTER
        ========================== */

        .fgh-blog-filters {
            padding: 18px 0;
            border-top: 1px solid var(--fgh-blog-border);
            border-bottom: 1px solid var(--fgh-blog-border);
            background: #fff;
        }

        .fgh-blog-filter-list {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            overflow-x: auto;
            scrollbar-width: none;
        }

        .fgh-blog-filter-list::-webkit-scrollbar {
            display: none;
        }

        .fgh-blog-filter-list a {
            flex: 0 0 auto;
            padding: 9px 18px;
            border-radius: 50px;
            border: 1px solid var(--fgh-blog-border);
            color: #475467;
            font-size: 13px;
            font-weight: 700;
            transition: .2s;
        }

        .fgh-blog-filter-list a:hover,
        .fgh-blog-filter-list a.active {
            background: var(--fgh-blog-primary);
            border-color: var(--fgh-blog-primary);
            color: #fff;
        }


        /* =========================
           MAIN
        ========================== */

        .fgh-blog-main {
            padding: 55px 0;
        }

        .fgh-blog-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 370px;
            gap: 40px;
            align-items: start;
        }


        /* =========================
           FEATURED
        ========================== */

        .fgh-blog-featured {
            position: relative;
            min-height: 500px;
            overflow: hidden;
            border-radius: 24px;
            background: #111;
        }

        .fgh-blog-featured-image {
            position: absolute;
            inset: 0;
        }

        .fgh-blog-featured-image img {
            height: 100%;
            object-fit: cover;
            transition: transform .6s ease;
            width:100%;
        }

        .fgh-blog-featured:hover img {
            transform: scale(1.04);
        }

        .fgh-blog-featured-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(
                180deg,
                rgba(0,0,0,0) 25%,
                rgba(0,0,0,.15) 45%,
                rgba(0,0,0,.88) 100%
            );
        }

        .fgh-blog-featured-content {
            position: absolute;
            left: 40px;
            right: 40px;
            bottom: 35px;
            color: #fff;
            z-index: 2;
        }

        .fgh-blog-featured-tag {
            display: inline-block;
            padding: 7px 12px;
            border-radius: 50px;
            background: var(--fgh-blog-primary);
            color: #fff;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .7px;
            margin-bottom: 14px;
        }

        .fgh-blog-featured-content h2 {
            max-width: 700px;
            font-size: 34px;
            line-height: 1.2;
            margin-bottom: 12px;
            color:#fff;
            
        }

        .fgh-blog-featured-content p {
            max-width: 650px;
            color: rgba(255,255,255,.85);
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 17px;
        }

        .fgh-blog-featured-meta {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 12px;
            color: rgba(255,255,255,.75);
        }

        .fgh-blog-read {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #fff;
            font-size: 13px;
            font-weight: 800;
            margin-left: 20px;
        }

        .fgh-blog-read:hover {
            color: #dcdcfc;
        }


        /* =========================
           TRENDING
        ========================== */

        .fgh-blog-side-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 18px;
        }

        .fgh-blog-side-title h3 {
            font-size: 23px;
            font-weight: 800;
        }

        .fgh-blog-side-title span {
            width: 50%;
            height: 3px;
            background: var(--fgh-blog-primary);
            border-radius: 20px;
        }

        .fgh-blog-trending {
            border: 1px solid var(--fgh-blog-border);
            border-radius: 20px;
            padding: 25px;
            background: #fff;
        }

        .fgh-blog-trend-item {
            display: grid;
            grid-template-columns: 35px 75px minmax(0, 1fr);
            gap: 12px;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid var(--fgh-blog-border);
        }

        .fgh-blog-trend-item:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .fgh-blog-trend-number {
            font-size: 20px;
            font-weight: 800;
              color: var(--tn-title);
        }

        .fgh-blog-trend-image {
            width: 75px;
            height: 65px;
            overflow: hidden;
            border-radius: 9px;
        }

        .fgh-blog-trend-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .3s;
        }

        .fgh-blog-trend-item:hover img {
            transform: scale(1.08);
        }

        .fgh-blog-trend-content h4 {
            font-size: 16px;
            line-height: 1.4;
            font-weight: 700;
            margin-bottom: 6px;
        }

        .fgh-blog-trend-content span {
            color: #98a2b3;
            font-size: 12px;
        }


        /* =========================
           LATEST SECTION
        ========================== */

        .fgh-blog-latest {
            margin-top: 75px;
        }

        .fgh-blog-section-heading {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 28px;
        }

        .fgh-blog-section-heading span {
            color: var(--fgh-blog-primary);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 1.5px;
        }

        .fgh-blog-section-heading h2 {
            font-size: 32px;
            font-weight: 800;
            margin-top: 7px;
        }

        .fgh-blog-view-all {
            color: var(--fgh-blog-primary);
            font-size: 13px;
            font-weight: 800;
        }


        /* =========================
           BLOG GRID
        ========================== */

        .fgh-blog-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
        }

        .fgh-blog-card {
            overflow: hidden;
            background: #fff;
            border: 1px solid var(--fgh-blog-border);
            border-radius: 18px;
            transition: .3s ease;
        }

        .fgh-blog-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 45px rgba(16,24,40,.10);
        }

        .fgh-blog-card-image {
            height: 220px;
            overflow: hidden;
            position: relative;
        }

        .fgh-blog-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .5s ease;
        }

        .fgh-blog-card:hover .fgh-blog-card-image img {
            transform: scale(1.07);
        }

        .fgh-blog-card-tag {
            position: absolute;
            left: 14px;
            bottom: 14px;
            background: #fff;
            color: var(--fgh-blog-primary);
            padding: 6px 11px;
            border-radius: 50px;
            font-size: 10px;
            font-weight: 800;
        }

        .fgh-blog-card-body {
            padding: 21px;
        }

        .fgh-blog-card-meta {
            display: flex;
            gap: 8px;
            color: #98a2b3;
            font-size: 11px;
            margin-bottom: 10px;
        }

        .fgh-blog-card-body h3 {
            font-size: 19px;
            line-height: 1.35;
            font-weight: 800;
            margin-bottom: 10px;
        }

        .fgh-blog-card-body h3 a:hover {
            color: var(--fgh-blog-primary);
        }

        .fgh-blog-card-body p {
     color: var(--fgh-blog-text);
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 15px;
        }

        .fgh-blog-card-link {
            color: var(--fgh-blog-primary);
            font-size: 13px;
            font-weight: 800;
        }
     .fgh-blog-container {
            width: 100%;
            max-width: 1450px;
            padding-left: 25px;
            padding-right: 25px;
            margin: 0 auto;
        }
.fghbl-category-nav {
    background: #fff;
    border-bottom: 1px solid var(--fghbl-border);
}

.fghbl-category-nav a:hover, .fghbl-category-nav a.active {
    color: #fff;
    background: var(--fghbl-primary);
    border-color: var(--fghbl-primary);
}
.fghbl-category-nav-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0;
    overflow-x: auto;
    scrollbar-width: none;
    justify-content:center;
}

.tn-hero.blog-banner {
    overflow:hidden;
}
.fghbl-category-nav a {
    flex: 0 0 auto;
    color: #475467;
    background: #f7f8fc;
    border: 1px solid #e7e9ef;
    padding: 9px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    transition: .2s ease;
}

.fgh-blog-read {
    font-size: 16px;
}

.fgh-blog-trend-content span {
    display: flex;
    align-items: center;
    gap: 4px;
}

.fgh-blog-trend-content span i {
    font-size: 5px;
    line-height: 1;
}

 .fgh-blog-post-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 26px;
        }

       .fgh-blog-card {
    background: #fff;
    border: 1px solid #e7e9f2;
    border-radius: 14px;
    overflow: hidden;
    transition: .3s ease;
}


        .fgh-blog-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,.08);
        }

        .fgh-blog-card-image {
            height: 230px;
            overflow: hidden;
            position: relative;
        }

        .fgh-blog-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .4s ease;
        }

        .fgh-blog-card:hover img {
            transform: scale(1.05);
        }
.fgh-blog-card-category {
    position: absolute;
    left: 15px;
    bottom: 15px;
    background: #fff;
    color: var(--theme-color);
    border-radius: 5px;
    padding: 7px 11px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}
.fgh-blog-card-body h3 {
    font-size: 20px;
    line-height: 1.35;
    font-weight: 750;
    margin: 0 0 12px;
}

.fgh-blog-card-body h3 a {
    color: var(--tn-title-color);
}

.fgh-blog-meta ul {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 21px;
    font-size: 14px;
}

aside.fgh-blog-sidebar {
    position: sticky;
    top: 90px;
}

.fgh-blog-featured {
    margin-bottom: 26px;
}


.fgh-blog-read-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--theme-color);
    font-weight: 700;
    font-size: 14px;
}

.fgh-blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 45px;
    /*padding-top: 30px;*/
    /*border-top: 1px solid var(--fgh-blog-border);*/
}

.fgh-blog-page-number,
.fgh-blog-page-btn {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--fgh-blog-border);
    border-radius: 7px;
    background: #fff;
    color: #4b5563;
    font-size: 14px;
    font-weight: 700;
    transition: all .25s ease;
}

.fgh-blog-page-number:hover,
.fgh-blog-page-btn:hover {
    background: #1414d2;
    border-color: #1414d2;
    color: #fff;
}

.fgh-blog-page-number.active {
    background: #1414d2;
    border-color: #1414d2;
    color: #fff;
    box-shadow: 0 5px 15px rgba(20, 20, 210, .20);
}

.fgh-blog-page-dots {
    width: 30px;
    text-align: center;
    color: #73798a;
    font-weight: 700;
}

.fgh-blog-page-btn i {
    font-size: 12px;
}
/* =========================================
   TRENDING
========================================= */
fgh-trending-widget {
    width: 100%;
    max-width: 420px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    padding: 20px;
    overflow: hidden;
}


/* =========================================
   HEADER
========================================= */

.fgh-trending-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}


.fgh-trending-header h2 {
    margin: 0;
    font-size: 21px;
    line-height: 1.2;
    color: #171717;
}


/* =========================================
   BUTTONS
========================================= */

.fgh-trending-buttons {
    display: flex;
    gap: 6px;
}


.fgh-trending-btn {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #f0f0ff;
    color: #1414d2;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}


.fgh-trending-btn:hover {
    background: #1414d2;
    color: #ffffff;
    transform: translateY(-2px);
}


.fgh-trending-btn:active {
    transform: translateY(0);
}


/* =========================================
   WINDOW
========================================= */

.fgh-trending-window {
    width: 100%;

    /*
       3 cards visible
       Each card = 125px
    */

    height: 375px;

    overflow: hidden;

    position: relative;

    touch-action: pan-y;
}


/* =========================================
   TRACK
========================================= */

.fgh-trending-track {
    width: 100%;

    transform: translate3d(0, 0, 0);

    transition:
        transform .7s cubic-bezier(.22,.61,.36,1);

    will-change: transform;
}


/* =========================================
   CARD
========================================= */

.fgh-trending-card {
    width: 100%;
    height: 125px;

    padding: 12px 0;
}


.fgh-trending-card a {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;

    gap: 13px;

    color: inherit;
    text-decoration: none;
}


/* =========================================
   IMAGE
========================================= */

.fgh-trending-image {
    width: 100px;
    min-width: 100px;
    height: 100%;

    border-radius: 10px;
    overflow: hidden;
}


.fgh-trending-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .4s ease;
}


.fgh-trending-card:hover
.fgh-trending-image img {
    transform: scale(1.07);
}


/* =========================================
   CONTENT
========================================= */

.fgh-trending-content {
    min-width: 0;
}


.fgh-trending-content span {
    display: block;

    margin-bottom: 0px;

    color:var(--theme-color);

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
}


.fgh-trending-content h3 {
    margin: 0 0 5px;

    color: #181818;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
}


.fgh-trending-content p {
    margin: 0;

    color: #777;

    font-size: 14px;
    line-height: 1.3;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

.fgh-trending-widget {
    width: 100%;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(229, 229, 229);
    border-image: none;
    border-radius: 16px;
    padding: 20px;
    overflow: hidden;
}
/* =========================================
   PROGRESS
========================================= */

.fgh-trending-progress {
    width: 100%;
    height: 3px;

    background: #eeeeee;

    border-radius: 10px;

    overflow: hidden;
}


.fgh-trending-progress span {
    display: block;

    width: 25%;
    height: 100%;

    background: #1414d2;

    transition: width .4s ease;
}



/* =========================================
   HELP BOX
========================================= */

.fgh-help-box {
    margin-top: 30px;
    padding: 25px;
    border-radius: 16px;
    background: #1414d2;
    color: #fff;
}

.fgh-help-box h3 {
    margin: 0 0 10px;
    font-size: 21px;
    color:var(--white);
}

.fgh-help-box p {
margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--white);
}

.fgh-help-button {
    display: inline-block;
    padding: 11px 20px;
    border-radius: 7px;
    background: #fff;
    color: #1414d2;
    font-size: 16px;
    font-weight: 700;
}
.fgh-trending-controls {
    display: flex;
    align-items: center;
    gap: 6px;
}

.fgh-trending-arrow {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f0f0ff;
    color: #1414d2;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    line-height: 1;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.fgh-trending-arrow:hover {
    background: #1414d2;
    color: #fff;
    transform: translateY(-2px);
}

.fgh-trending-arrow:active {
    transform: translateY(0);
}


/* =====================================================
           SIDEBAR CATEGORY
        ===================================================== */

        .fghbd-sidebar-box {
            margin-bottom: 30px;

            padding: 21px;

            background: #fff;

            border: 1px solid #e4e4e4;

            border-radius: 15px;
        }

        .fghbd-sidebar-box h3 {
           font-size: 21px;
    line-height: 1.2;
    color: rgb(23, 23, 23);
    margin: 0px 0 15px;
        }

        .fghbd-category-link {
            display: flex;

            align-items: center;
            justify-content: space-between;

            padding: 11px 0;

            border-bottom: 1px solid #eee;

            color: #181818;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
        }

        .fghbd-category-link:last-child {
            border-bottom: 0;
        }

        .fghbd-category-link:hover {
            color: #1414d2;
        }
aside.fgh-blog-sidebar.cat-wrap {
    top: 10px;
}

/* =========================================
   BLOG DETAIL LEFT CONTENT
========================================= */

.fgh-detail-wrapper {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;

}


/* =========================================
   ARTICLE
========================================= */

.fgh-detail-article {
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    overflow: hidden;
}


/* =========================================
   BREADCRUMB
========================================= */

.fgh-detail-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: 22px;

    font-size: 13px;
    color: #777;
}

.fgh-detail-breadcrumb a {
    color: #1414d2;
    text-decoration: none;
    font-weight: 600;
}

.fgh-detail-breadcrumb span {
    color: #aaa;
}


/* =========================================
   ARTICLE HEADER
========================================= */

.fgh-detail-header {
    padding: 38px 45px 30px;
}

.fgh-detail-category {
    display: inline-flex;
    align-items: center;

    padding: 7px 14px;

    background: #1414d2;
    color: #fff;

    border-radius: 50px;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .7px;
    text-transform: uppercase;

    margin-bottom: 16px;
}


.fgh-detail-title {
    margin: 0 0 17px;

    color: #181818;

    font-size: 28px;
    line-height: 1.16;
    font-weight: 700;
}


.fgh-detail-excerpt {
    margin: 0;

    color: #666;

    font-size: 16px;
    line-height: 1.75;

    max-width: 900px;
}


/* =========================================
   AUTHOR META
========================================= */

.fgh-detail-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 18px;

    margin-top: 24px;
    padding-top: 18px;

    border-top: 1px solid #ededed;

    color: #777;

    font-size: 12px;
}


.fgh-detail-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}


.fgh-detail-meta-item strong {
    color: #333;
}


/* =========================================
   FEATURED IMAGE
========================================= */

.fgh-detail-featured {
    width: 100%;
    height: 520px;
    overflow: hidden;
}


.fgh-detail-featured img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================================
   ARTICLE INNER CONTENT
========================================= */

.fgh-detail-content {
    padding: 40px 45px 50px;
}


/* =========================================
   INTRO
========================================= */

.fgh-detail-content .fgh-detail-intro {
    margin: 0 0 30px;

    color: #4f4f4f;

    font-size: 17px;
    line-height: 1.85;
    font-weight: 500;
}


/* =========================================
   HEADINGS
========================================= */

.fgh-detail-content h2 {
    margin: 38px 0 0px;

    color: #181818;

    font-size: 24px;
    line-height: 1.3;
}


.fgh-detail-content h2:first-child {
    margin-top: 0;
}


.fgh-detail-content h3 {
    margin: 0px 0 0px;

    color: #222;

    font-size: 18px;
    line-height: 1.4;
}


/* =========================================
   PARAGRAPHS
========================================= */

.fgh-detail-content p {
    margin: 0 0 19px;

    color: #5d5d5d;

    font-size: 15px;
    line-height: 1.9;
}


/* =========================================
   LIST
========================================= */

.fgh-detail-content ul,
.fgh-detail-content ol {
    margin: 0 0 25px;

    padding-left: 23px;

    color: #5d5d5d;

    font-size: 15px;

    line-height: 1.85;
}


.fgh-detail-content li {
    margin-bottom: 7px;
}


/* =========================================
   CONTENT IMAGE
========================================= */

.fgh-detail-content-image {
    width: 100%;

    margin: 30px 0;

    border-radius: 13px;

    overflow: hidden;
}


.fgh-detail-content-image img {
    width: 100%;
    height: 380px;

    display: block;

    object-fit: cover;
}


.fgh-detail-image-caption {
    padding: 10px 5px 0;

    color: #888;

    font-size: 11px;

    text-align: center;
}


/* =========================================
   HIGHLIGHT BOX
========================================= */

.fgh-detail-highlight {
    margin: 28px 0;

    padding: 22px 24px;

    background: #f4f4ff;

    border-left: 4px solid #1414d2;

    border-radius: 8px;
}


.fgh-detail-highlight-title {
    display: block;

    margin-bottom: 7px;

    color: #1414d2;

    font-size: 15px;
    font-weight: 700;
}


.fgh-detail-highlight p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   TABLE
========================================= */

.fgh-detail-table-wrapper {
    width: 100%;

    margin: 25px 0;

    overflow-x: auto;
}


.fgh-detail-table {
    width: 100%;

    border-collapse: collapse;

    min-width: 600px;

    font-size: 13px;
}


.fgh-detail-table th {
    padding: 13px;

    background: #1414d2;

    color: #fff;

    text-align: left;
}


.fgh-detail-table td {
    padding: 13px;

    border: 1px solid #e5e5e5;

    color: #555;
}


.fgh-detail-table tr:nth-child(even) td {
    background: #f8f8fc;
}


/* =========================================
   QUOTE
========================================= */

.fgh-detail-quote {
    position: relative;

    margin: 30px 0;

    padding: 25px 30px;

    background: #f8f8fa;

    border-radius: 10px;

    color: #444;

    font-size: 17px;
    line-height: 1.7;

    font-style: italic;
}


.fgh-detail-quote::before {
    content: "“";

    position: absolute;

    top: -5px;
    left: 15px;

    color: #1414d2;

    font-size: 60px;

    line-height: 1;
}


/* =========================================
   CHECKLIST
========================================= */

.fgh-detail-checklist {
    margin: 25px 0;
}


.fgh-detail-check {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    margin-bottom: 12px;

    color: #555;

    font-size: 14px;

    line-height: 1.6;
}


.fgh-detail-check-icon {
    flex: 0 0 21px;

    width: 21px;
    height: 21px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #1414d2;

    color: #fff;

    border-radius: 50%;

    font-size: 11px;
}


/* =========================================
   ARTICLE TAGS
========================================= */

.fgh-detail-tags {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 38px;

    padding-top: 25px;

    border-top: 1px solid #e9e9e9;
}


.fgh-detail-tags-title {
    color: #333;

    font-size: 13px;
    font-weight: 700;

    margin-right: 4px;
}


.fgh-detail-tag {
    padding: 7px 11px;

    background: #f3f3f7;

    color: #666;

    border-radius: 5px;

    font-size: 11px;

    transition: .2s ease;
}


.fgh-detail-tag:hover {
    background: #1414d2;

    color: #fff;
}


/* =========================================
   SHARE
========================================= */

.fgh-detail-share {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 28px;
}


.fgh-detail-share-title {
    margin-right: 7px;

    color: #333;

    font-size: 13px;
    font-weight: 700;
}


.fgh-detail-share-btn {
    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f1f1f7;

    color: #333;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;

    transition: .25s ease;
}


.fgh-detail-share-btn:hover {
    background: #1414d2;
    color: #fff;

    transform: translateY(-2px);
}


/* =========================================
   AUTHOR BOX
========================================= */

.fgh-detail-author {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 40px;

    padding: 24px;

    background: #f7f7fb;

    border: 1px solid #e8e8ef;

    border-radius: 12px;
}


.fgh-detail-author-image {
    width: 65px;
    min-width: 65px;

    height: 65px;

    border-radius: 50%;

    overflow: hidden;
}


.fgh-detail-author-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


.fgh-detail-author-info h4 {
    margin: 0 0 5px;

    color: #222;

    font-size: 16px;
}


.fgh-detail-author-info p {
    margin: 0;

    color: #777;

    font-size: 12px;

    line-height: 1.6;
}




.fcat-stories {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 24px;

}


.fcat-story {

    position: relative;

    min-height: 390px;

    overflow: hidden;

    border-radius: 13px;

    background: #111;

}


.fcat-story img {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .6s ease;

}


.fcat-story::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.85),
            rgba(0,0,0,.05) 65%
        );

}


.fcat-story:hover img {

    transform: scale(1.06);

}


.fcat-story-content {

    position: absolute;

    z-index: 2;

    left: 22px;
    right: 22px;
    bottom: 22px;

    color: #fff;

}


.fcat-story-category {

    display: inline-block;

    margin-bottom: 9px;

    color: #fff;

    font-size: 12px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .8px;

}


.fcat-story h3 {
    margin-bottom: 7px;
    font-size: 22px;
    line-height: 1.3;
    color: var(--white);

}


.fcat-story-meta {

    color: rgba(255, 255, 255, .7);
    font-size: 12px;

}


/* =========================================================
   SMALL STORIES
========================================================= */

.fcat-small-stories {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 20px;

    margin-top: 24px;

}


.fcat-small-card {

    overflow: hidden;

    background: #fff;

    border: 1px solid var(--fcat-border);

    border-radius: 11px;

}

.fcat-story-content {
  
    color: #fff;
}
.fcat-small-card-image {

    height: 170px;

    overflow: hidden;

}


.fcat-small-card-image img {

    height: 100%;

    object-fit: cover;

    transition: transform .5s ease;
    width:100%;

}


.fcat-small-card:hover img {

    transform: scale(1.06);

}


.fcat-small-content {

    padding: 17px;

}


.fcat-small-meta {

    margin-bottom: 0px;

    color: var(--fcat-blue);

    font-size: 12px;

    font-weight: 800;

    text-transform: uppercase;

}


.fcat-small-content h3 {

    margin-bottom: 9px;

    color: var(--fcat-dark);

    font-size: 20px;

    line-height: 1.4;

}


.fcat-small-content p {

    margin-bottom: 12px;

    color: var(--fcat-muted);

    font-size: 14px;

    line-height: 1.6;

}


.fcat-small-link {

    color: var(--fcat-blue);

    font-size: 16px;

    font-weight: 800;

}

.fgh-blog-main.cat-wrap .fgh-blog-read {
    margin-left: auto;
}



.fgh-blog-main.cat-wrap .fcat-small-stories .fgh-blog-featured-meta  {
    color: var(--tn-body-color);
    gap:0px
}

.fgh-blog-main.cat-wrap .fcat-small-stories  .fgh-blog-read {
    color: var(--theme-color);
}

.fgh-blog-main.cat-wrap .fgh-blog-featured-meta i {
    font-size: 7px;
    margin: 0 2px;
    position: relative;
    top: -1px;
}
@media (min-width:768px) {
    .fghbl-category-nav {
    position: sticky;
    top: 0;
    z-index: 9;
}
}


@media (max-width:991px){
    .fgh-blog-layout  , .fgh-blog-post-grid{

    grid-template-columns: 1fr;

}

.fgh-blog-featured-content {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 15px;
    color: #fff;
    z-index: 2;
    margin: auto;
}

.tn-hero.blog-banner .tn-hero__bg {
    background-image: url(/../assets/img/blog-banner-3.webp) !important;
    background-color: #000;
}

.tn-hero.blog-banner h1.tn-hero__title--main {
    display: block;
    font-size: 24px;
}

.tn-hero.blog-banner .tn-hero__content {
    padding: 50px 0 50px;
}

.fgh-blog-featured-content h2 {
    font-size:24px;
}

.fghbl-category-nav {
    background: #fff;
    border: 1px solid #cacaca;
    margin: 20px 20px 0px;
    border-radius: 20px;
}
.fghbl-category-nav .fgh-blog-container {
    padding: 0 10px;
}

.fghbl-category-nav-inner {
    flex-wrap: wrap;
}

.fgh-detail-table {
    width:100%;
    min-width:100%;
}

.fcat-stories , .fcat-small-stories {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.tn-footer--top .tn-footer__menu li a:hover::before {
    color: #FF9800;
}