/* home page css start here  */
:root{
    --primary-colors:	var(--theme-color);
    --color-primary-hover: var(--theme-color);
    
}

.hero-banner .hero-filter {
    width: 100%;
    max-width: 100%;
}

.wcu-promotion {
    background-size: cover;
       background-color: #0000007a;
    background-blend-mode: color;
    padding: 80px 0;
}

.wcu-promotion .section-headings .heading, .wcu-promotion .section-headings .text {
    color: var(--color-background);
}
.promotion.promotion-white-bg .border-wrapper {
       background-color: rgb(148 148 148 / 42%);
 
}

.disclaimer_cont {
    background-color:var(--color-foreground-heading);
    padding: 20px;
    border-radius: 10px;
    
}
.footer-top {
    padding: 100px 0 30px;
}
/* home page css end here  */


/* common css start here  */

.desc-item p:not(:last-child)

 {
    margin-bottom: 10px;
} 

.page-sidebar.blog-sidebar
 {
    float: right;
    width: 100%;
    max-width: 360px;
    margin: 0px 0px 0px 20px;
}
.call-us-widgets .image img {
    width: 100%;
    max-width: 510px;
    height: auto;
    object-position: 0 120%;
    object-fit: contain;
}

.offer .badge span:last-child {
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #030f12;
}

.facility-block {
    min-height:auto;
    gap:5px;
        width: 32.35%;
}

.facility-block .icon-30  , .facility-block .content{
margin: auto;
text-align: center;
}

.facility-blocks {
    gap: 18px;
    margin-block-start: 16px;
}

.page-sidebar.blog-sidebar .call-us-widgets .image-card {
        min-height: 600px;
}
.call-to-us {
    text-decoration: none;
    color: var(--primary-colors);
    font-weight: 600;
}

.call-to-us:hover {
    color:var(--color-foreground-subheading);
}
.blog-sidebar .image-card .image {
    width: 450px;
    height: 477px;
}
.page-sidebar.blog-sidebar.call-us-widgets .content h2 {
    font-size: 26px;
    line-height: 1.3;
}

.page-sidebar.blog-sidebar.call-us-widgets .image-card {
    min-height: 520px;
}

.popular-destination .section-headings-left {
    max-width: 80%;
}
.promotion-card .svg-wrapper i {
    font-size: 28px;
}
.promotion.promotion-white-bg .border-wrapper , .border-wrapper .promotion-bg {
    height: 100%;
}

.header-logo  , .footer-logo{
    max-width: 200px;
}

.footer-top .footer-logo-wrap .svg-wrapper i {
    font-size: 24px;
}
.footer-call .call-text {
    gap: 4px;
}

.footer-contact-item .svg-wrapper i {
    font-size: 16px;
}
.footer-contact-item .footer-email, .footer-contact-item {
    align-items: center;
    gap: 0px;
}
.popular-destination .popular-item .image img {
    height: 270px;
    object-fit: cover;
}

.theme-w-50
 {
    min-width: 50px;
    width: 50px;
    height: 50px;
}

.au-wrapper .promotion-card .svg-wrapper i {
    font-size: 22px;
}
.list-items li:not(:last-child) {
    margin-bottom: 10px !important;
}

.list-items li i {
    color: var(--primary-colors);
}

.overview-desc .desc-item:not(:last-child) {
    margin-bottom: 10px;
}
/* common css end here  */

.sitemap-wrapper + .subscribe-2 {
display: none;
}

.sitemap-wrapper {
    margin-bottom: 80px;
}

.wrapper-container.sitemap-wrapper .overview-desc a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}

.wrapper-container.sitemap-wrapper .overview-desc a .listing-feature {
    display: flex;
}

.wrapper-container.sitemap-wrapper .overview-desc a .listing-feature i {
    color: var(--primary-colors);
    margin-right: 5px;
}




.flight-search {
    text-align: left;
}
 .date-cont {
    padding: 0 5px;
}

.inner-form-banner {
        min-height: calc(40vh - var(--header-height));
}

.inner-form-banner .breadcrumb {
 display: none;
}

header.header-1 , .header-grid {

    background-color: var(--primary-colors);
} 

drawer-menu {
    margin-left: auto;
}

.menu-link-main {
    color:var(--white);
}
.hero-banner h1 {
    font-size: 42px;
    line-height: 1.5;
}


.hero-banner {
    padding: 70px 0 50px;
    overflow: visible;
}

.date-picker {
    width: 100% !important;
}

span.passenger-total-amount {
    font-size: 24px;
}

.presnt-guest .psg_dls .dynamic-field .child-age {
    display: flex;
    gap: 1px;
    justify-content: space-between;
}
.presnt-guest .psg_dls .dynamic-field .child-age > div {
    flex: 0 0 auto;
    width: 45%;
}
.presnt-guest .psg_dls .dynamic-field .child-age .pass_bx.child-age {
    flex-direction: column;
    width: 100%;
}

.presnt-guest .psg_dls .pass_bx label {
    padding: 0;
    color: var(--black);
    font-size: 15px;
}

.presnt-guest .psg_dls .dynamic-field .child-age .pass_bx.child-age select {
width: 100%;
    text-align: center;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border: 1px solid #6a6a6a;
    border-radius: 5px;
    font-size: 16px;
    padding: 2px 0 4px;
}


.promotion-card {
    align-items: center;
    gap: 10px;
}
.promotion-bg {
    text-align: center;
    align-items: center;
    gap: 10px;
}





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

        .travel-cta {
            position: relative;
            padding: 40px 0;
           
            overflow: hidden;
        }

        .travel-cta h6 {
            color: #fa7901;
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 15px;
        }

        .travel-cta h2 {
             color: var(--white-color);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 10px;
        }

        .travel-cta p {
            color: #e8edff;
            font-size: 18px;
            line-height: 32px;
            margin-bottom: 35px;
        }

        .feature-list {
            list-style: none;
            padding: 0;
            margin: 0 0 35px;
        }

        .feature-list li {
            color: var(--white-color);
            margin-bottom: 18px;
            font-size: 17px;
        }

        .feature-list i {
            color: #fa7901;
            margin-right: 12px;
        }

        /* Buttons */

        .btn-book {

            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 36px;
            background:var(--white);
            color: var(--theme-color);
            text-decoration: none;
            border-radius: 10px;
            font-weight: 700;
            transition: .35s;
            margin-right: 15px;
        }

        .btn-book:hover {

            background: var(--white-color);
            color: var(--theme-color);
            transform: translateY(-4px);

        }

        .btn-deals {

            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 36px;
            color: var(--white-color);
            border: 2px solid var(--white-color);
            text-decoration: none;
            border-radius: 10px;
            font-weight: 700;
            transition: .35s;

        }

        .btn-deals:hover {

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

        }

        /* Offer Card */

 .travel-cta  .offer-card {

            background: var(--white-color);
            border-radius: 20px;
            padding: 25px;
            text-align: center;
            box-shadow: 0 20px 50px rgba(0, 0, 0, .18);

        }

        .travel-cta   .offer-card i {

            width: 90px;
            height: 90px;
            background: #fa7901;
            color: var(--white);
            font-size: 38px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto;
            margin-bottom: 25px;

        }

        .travel-cta   .offer-card h3 {

            color: var(--theme-color);
            font-size: 30px;
            font-weight: 800;
            margin-bottom:15px;

        }

        .travel-cta   .offer-card h4 {

            font-size: 24px;
            font-weight: 700;
            margin: 18px 0;

        }

 .travel-cta  .offer-card p {

            color: #666;
            line-height: 28px;
            margin-bottom: 30px;

        }

        .offer-btn {

            display: inline-block;
            background: var(--theme-color);
            color: var(--white-color);
            text-decoration: none;
            padding: 15px 35px;
            border-radius: 10px;
            font-weight: 700;
            transition: .3s;

        }

        .offer-btn:hover {

            background: #fa7901;
            color: var(--theme-color);

        }

        .inner-travel-cta {
    padding: 50px;
    border-radius: 10px;
}

.heading-title-h2 {
    font-size: 32px;
}


.headings-width > .text {
    max-width: 100%;
    font-size: 16px;
}

.mt-20 {
    margin-top: 20px;
}

.product-card {
    --color-border: rgba(177, 181, 182, 1);
    --card-radius: 16px;
    --card-cone-radius: 10px;
    --style-button-slim-height: 40px;
    --font-button-size: 16px;
    --badge-radius: 10px;
    --badge-padding: 6px 16px;
    border: 1px solid var(--color-border);
    display: block;
    overflow: hidden;
    text-decoration: none;
    border-radius: var(--card-radius);
    height: 100%;
}

.text-sky {
    --color-foreground:var(--theme-color);
    color: var(--theme-color);
}


.button--secondary {
    color: var(--back-desk);
    background-color: var(--white);
    border: var(--style-border-width-buttons-secondary) solid var(--theme-color);
    border-radius: 10px;
}

.button--secondary:focus, .button--secondary:hover {
    color: var(--color-secondary-button-hover-text);
    background-color: var(--theme-color);
    border: var(--style-border-width-buttons-secondary) solid var(--color-secondary-button-hover-border);
}


.section-headings + .section-content {
    display: block;
    -webkit-margin-before: 25px;
    margin-block-start: 25px;
}

section.top-hotel-deals{
    background-color: #0033a0;
    padding: 70px 0;
    color: #fff;
    margin-top:40px;
}

.top-hotel-deals .content {
    background: #fff;
}

.top-hotel-deals .heading-title-h2 {
    color: var(--white);
}

.section-headings .heading + .text {
    -webkit-margin-before: 24px;
    margin-block-start: 11px;
}


.section-headings-horizontal {
        text-align: center;
    justify-content: center;
}

.top-destinations {
    padding-top: 70px;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--theme-color, var(--swiper-theme-color));

}

.footer-menu {
 gap:10px;
}

.widget-heading + * {
  
    margin-block-start: 15px;
}

.footer-call .call-number {
    --color-foreground: rgb(255 255 255);
    color: var(--color-foreground);
}

.footer-main.bg-contain {
    background: #001F66;
}

.subscribe-2 .content > .subheading {
    background: var(--theme-color);
    border-radius: 10px;
}

.subscribe-2 .subscribe-form .form-button .button {
   
    --font-button-size: 16px;
    background-color: var(--theme-color);
    color: var(--white);
}

.subscribe-2 .subscribe-form .form-button .button:hover {
    background: #001f66;
}

.subscribe-2 .content {
    padding: 80px 40px;
    max-width: 660px;
    margin: auto;
    text-align: center;
}


.subscribe-2 .content > .subheading {
    margin: auto;
}

form.form.subscribe-form.aos-init.aos-animate {
    width: 100%;
    justify-content: center;
}

.subscribe-wrap {
    background: transparent !important;


}

.subscribe-2 .subscribe-wrap h2 {
    color: var(--white);
}
.subscribe-2 
{
        background-color: #000000a3;
    background-blend-mode: color;
}

.subscribe-2 .content > .form + .text {
    color:var(--white);
}

.subscribe-2  .input-wrap {

    background-color: rgb(255 255 255 / 100%);

}

.popular-destination .popular-item .image img {
    width: 100% !important;
}

.scroll-to-top {
    background-color:var(--back-desk);
}

.accordion-block.active {
    --color-border: var(--theme-color);
}

.accordion-block.active .accordion-opener .acc-icon {
      --color-background: var(--theme-color);
}

.page-banner {
    height: auto;
}

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

.page-banner.overlay.inner-page-hero {
    padding: 90px 0;
}

.breadcrumb > li:last-child > a {
    color: var(--white);
}




/*==========================
        ABOUT US
===========================*/

.about-area{
    padding:90px 0;
    overflow:hidden;
}

.about-tag{

    display:inline-block;
    background:#eaf2ff;
    color:#0033A0;
    font-size:15px;
    font-weight:700;
    padding:10px 22px;
    border-radius:50px;
    letter-spacing:1px;
    margin-bottom:5px;

}

.about-title{


    font-weight:800;
    color:#222;
    line-height:1.2;
    margin-bottom:25px;

}

.about-title span{

    color:#0033A0;

}

.about-text{

    color:#666;
    font-size:17px;
    line-height:32px;
    margin-bottom:20px;

}

.about-box{

    display:flex;
    align-items:flex-start;
    gap:18px;
    background:#fff;
    border-radius:15px;
    padding:20px;
    margin-bottom:20px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    transition:.35s;
    width: 100%;
    max-width: 90%;

}

.about-box:hover{

    transform:translateY(-6px);

}

.about-icon{

    width:60px;
    height:60px;
    background:#0033A0;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;

}

.about-box h5{

    font-size:20px;
    font-weight:700;
    margin-bottom:8px;

}

.about-box p{

    color:#666;
    margin:0;
    line-height:28px;

}

.about-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#0033A0;
    color:#fff;
    text-decoration:none;
    padding:16px 38px;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
    margin-top:15px;

}

.about-btn:hover{

    background:#FFB400;
    color:#0033A0;

}

.about-image{

    position:relative;

}

.about-image img{

    width:100%;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

.experience{

    position:absolute;
    bottom:30px;
    left:-20px;
    background:#0033A0;
    color:#fff;
    padding:25px 30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,51,160,.35);

}

.experience h2{

    font-size:42px;
    font-weight:800;
    margin:0;

}

.experience p{

    margin:5px 0 0;
    font-weight:600;

}
.promotion-about .promotion-icon {

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


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

.services-section{

    background:#f7f9ff;
    padding:90px 0;

}

.section-subtitle{

    max-width:720px;
    margin:20px auto 0;
    color:#666;
    line-height:30px;
    font-size:17px;

}

.service-card{

    background:#fff;
    border-radius:18px;
    padding:40px 30px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
    position:relative;
    overflow:hidden;

}

.service-card::before{

    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:#0033A0;

}

.service-card:hover{

    transform:translateY(-10px);

}

.service-icon{

    width:85px;
    height:85px;
    background:#0033A0;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin:0 auto 25px;
    transition:.3s;

}

.service-card:hover .service-icon{

    background:#FFB400;
    color:#0033A0;
    transform:rotate(10deg);

}

.service-card h4{

    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
    color:#222;

}

.service-card p{

    color:#666;
    line-height:29px;
    margin:0;

}



/*=========================
WHY CHOOSE US
=========================*/

.why-us{
    background:#ffffff;
    padding:90px 0;
}

.why-card{
    background:#fff;
    padding:35px 25px;
    border-radius:18px;
    text-align:center;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.why-card:hover{
    transform:translateY(-8px);
}

.why-icon{
    width:80px;
    height:80px;
    margin:auto;
    margin-bottom:20px;
    border-radius:50%;
    background:#0033A0;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    transition:.3s;
}

.why-card:hover .why-icon{
    background:#FFB400;
    color:#0033A0;
}

.why-card h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
}

.why-card p{
    color:#666;
    line-height:28px;
}

.counter-box{
    background:#0033A0;
    color:#fff;
    padding:35px 20px;
    border-radius:18px;
    text-align:center;
    margin-top:20px;
}

.counter-box h2{
    font-size:42px;
    font-weight:800;
    margin-bottom:8px;
}

.counter-box span{
    font-size:17px;
}


/*============================
        CORE VALUES
=============================*/

.core-values{

    padding:90px 0;
    background:#f8faff;

}

.value-card{

    background:#fff;
    padding:40px 30px;
    border-radius:18px;
    text-align:center;
    height:100%;
    transition:.35s;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border-bottom:4px solid transparent;

}

.value-card:hover{

    transform:translateY(-10px);
    border-color:#0033A0;

}

.value-icon{

    width:90px;
    height:90px;
    margin:auto;
    margin-bottom:25px;
    background:#0033A0;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    transition:.35s;

}

.value-card:hover .value-icon{

    background:#FFB400;
    color:#0033A0;
    transform:rotate(10deg);

}

.value-card h4{

    font-size:24px;
    font-weight:700;
    margin-bottom:18px;

}

.value-card p{

    color:#666;
    line-height:30px;
    margin:0;

}


.promotion {
    position: relative;
    z-index: 0;
}
.footer-widget-menu > .footer-menu .link::before {
    display: none;
}



/* ===== BASE ===== */

/* ===== TITLE ===== */
.hbx-title{
    text-align:center;
    font-size:30px;
    color:#0b2b5a;
    margin-bottom:40px;
}

/* ===== GRID ===== */
.hbx-grid{
    display:grid;
       grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
    gap:20px;
}

/* ===== CARD ===== */
.hbx-card{
    background:#fff;
    border-radius:12px;
    padding:22px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    transition:0.3s;
    position:relative;
    overflow:hidden;
}

.hbx-card:hover{
    transform:translateY(-6px);
    background:#0033a0;
    color:#fff;
}

.hbx-card i{
    font-size:22px;
    color:#0033a0;
    margin-bottom:10px;
}

.hbx-card:hover i{
    color:#ffb400;
}

/* ===== HEADINGS ===== */
.hbx-card h3{
    margin:10px 0;
    font-size:18px;
}

/* ===== TEXT ===== */
.hbx-card p{
    font-size:14px;
    line-height:1.6;
    color:#555;
}

.hbx-card:hover p{
    color:#eaeaea;
}


/* TITLE */
.hfx_title{
    font-weight:700;
    color:#0b2b5a;
    text-align:center;
}

/* SUB TEXT */
.hfx_subtext{
   
    margin:10px auto 40px;

    color:#555;
}

/* CARD */
.hfx_card{
    background:#fff;
    border:0;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    padding:18px;
    transition:0.3s;
    height:100%;
    display:flex;
    gap:12px;
    align-items:flex-start;
}

/* HOVER */
.hfx_card:hover{
    background:#0033a0;
    color:#fff;
    transform:translateY(-6px);
}

/* ICON */
.hfx_icon{
    font-size:18px;
    color:#0033a0;
    margin-top:4px;
    min-width:22px;
}

.hfx_card:hover .hfx_icon{
    color:#ffb400;
}

/* TEXT */
.hfx_text{

    margin:0;
    line-height:1.6;
}

.hfx_card:hover .hfx_text{
    color:#eaeaea;
}

/* NOTE */
.hfx_note{
   

    margin-top:25px;

}



/* SECTION */
.hbk_section {
    padding: 10px 0px;
}

/* TITLE */
.hbk_title{
    text-align:center;
    font-weight:700;
    color:#0b2b5a;
    margin-bottom:40px;
}

/* GRID */
.hbk_grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(32%,1fr));
    gap:15px;
    margin-top:20px;
}

/* CARD */
.hbk_card{
    background:#fff;
    border:0;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    padding:18px;
    transition:0.3s;
    height:100%;
}

/* HOVER */
.hbk_card:hover{
    background:#0033a0;
    color:#fff;
    
}

/* HEADING INSIDE */
.hbk_head {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #0b2b5a;
}
.hbk_card:hover .hbk_head{
    color:#fff;
}

/* TEXT */
.hbk_text{
 
}

.hbk_card:hover .hbk_text{
    color:#eaeaea;
}

/* SECTION WRAPPER BOX */
.hbk_box{
    
    padding:10px 0px;
    
}
.hbk_card:hover i {
    color: #fff;
}
/* ICON */
.hbk_icon{
    color:#0033a0;
    margin-right:8px;
}
.hbk_section {
    padding: 10px 0px;
    margin-block-start: 0px !important;
}

.overview-desc.list-desc-cus p strong {
    color: #000 !important;
}

.overview-desc.list-desc-cus p:not(:last-child) {
    margin-bottom: 10px;
}
.subscribe-2 .subscribe-form .field {
    margin:auto ;
}
.bg-cyan {
    --color-background: var(--primary-colors);
    background-color: var(--primary-colors);
}

ul.breadcrumb i {
    color: #fff;
}
.contact-page .field input {
    min-height: 52px;
}

.contact-page .button--primary {
    background-color: var(--theme-color);
    color: var(--white-color);
    border: 1px solid var(--theme-color);
}

.contact-page .button--primary:hover  {
        background-color: var(--white-color);
    color: var(--theme-color);
    border: 1px solid var(--white-color);
}