:root{
      --bg:#f7f9fb;
      --card:#ffffff;
      --accent:#3d1838;
      --muted:#6b7280;
      --radius:12px;
    }
.default_image_container {
    background-image: url(/new-site-images/popp.jpg);
    width: 100%;
    text-align: center;
    height: 365px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.default_banner {
    background: #fff;
    display: none;
    position: relative;
    height: 100%;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    margin-top: 3rem;
}

.overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 415px;
    z-index: 1;
    background: linear-gradient(to bottom, rgb(0 0 0 / 71%), rgb(0 0 0 / 0%), rgb(0 0 0 / 68%));
}

.default_certification_icon {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    position: relative;
    z-index: 9;
    padding-top: 8px;
}

    .default_certification_icon img {
        width: 40px;
    }

.default_bnnr_heading {
    position: relative;
    z-index: 9;
    background: #d52027;
    color: #fff;
    font-size: 22px;
    padding: 8px 0;
    text-align: center;
    font-weight: 600;
}

.floating-banner1 {
    text-align: center;
    font-weight: 600;
    background: #001624;
    color: white;
    padding: 10px 16px;
    font-size: 20px;
    border-radius: 830px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
    width: 95%;
    margin-left: 10px;
    margin-top: 1rem;
}

.click-call3 {
    background: #fa4d14;
    font-size: 22px;
    padding: 8px 18px;
    font-weight: 600;
    border-radius: 30px;
    color: #fff;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-align: center;
}

    .click-call3 img {
        width: 30px;
    }


.pop_bg img {
    width: 100%;
}

.usplst div:before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 40px;
    height: 100%;
    background: rgb(255 255 255 / 50%);
    transform: skewX(-25deg);
    animation: shine 2s infinite;
    z-index: 1;
}


.bounce-in {
    animation: bounce-in 2s ease infinite;
}

@keyframes bounce-in {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.usplst div svg {
    color: #fff;
}

.mnkm .usplst div svg, .mnkm .callicons a {
    color: #000 !important;
}



/* American Airlines */
.maam .usplst div,
.maam .callicons.post {
    background-color: #145aa5 !important;
}

/* Air Canada */
.macm .usplst div,
.macm .callicons.post {
    background-color: #ff333a !important;
}

/* Air France */
.mafm .usplst div,
.mafm .callicons.post {
    background-color: #002157 !important;
}

/* Air India */
.maim .usplst div,
.maim .callicons.post {
    background-color: #DA251D !important;
}

/* Aeromexico */
.mamm .usplst div,
.mamm .callicons.post {
    background-color: #142e4e !important;
}

/* Alaska Airlines */
.masm .usplst div,
.masm .callicons.post {
    background-color: #00274a !important;
}

/* Avianca */
.mavm .usplst div,
.mavm .callicons.post {
    background-color: #CC092F !important;
    color: #FFFFFF !important;
}

/* JetBlue (B6) */
.mb6m .usplst div,
.mb6m .callicons.post {
    background-color: #00205b !important;
}

/* British Airways */
.mbam .usplst div,
.mbam .callicons.post {
    background-color: #009a44 !important;
}

/* Azul Brazilian (BR) */
.mbrm .usplst div,
.mbrm .callicons.post {
    background-color: #0066B3 !important;
}

/* Comair / British Airways (BW approx) */
.mbwm .usplst div,
.mbwm .callicons.post {
    background-color: #aa4399 !important;
    color: #FFFFFF !important;
}

/* Delta Air Lines */
.mdlm .usplst div,
.mdlm .callicons.post {
    background-color: #C8102E !important;
}

/* Emirates */
.mekm .usplst div,
.mekm .callicons.post {
    background-color: #D71920 !important;
    color: #FFFFFF !important;
}

/* El Al Israel */
.melm .usplst div,
.melm .callicons.post {
    background-color: #1D2D5C !important;
    color: #FFFFFF !important;
}

/* Etihad Airways (EY) */
.meym .usplst div,
.meym .callicons.post {
    background-color: #BD8B13 !important;
    color: #FFFFFF !important;
}

/* Frontier Airlines (F9) */
.mf9m .usplst div,
.mf9m .callicons.post {
    background-color: #007749 !important;
    color: #FFFFFF !important;
}

/* Hawaiian Airlines (HA) */
.mham .usplst div,
.mham .callicons.post {
    background-color: #612D91 !important;
}

/* Japan Airlines (JL) */
.mjlm .usplst div,
.mjlm .callicons.post {
    background-color: #BC002D !important;
    color: #FFFFFF !important;
}

/* Kenya Airways (KE) */
.mkem .usplst div,
.mkem .callicons.post {
    background-color: #051766 !important;
}

/* Kenya Airways Partner (KQ same as KE) */
.mkqm .usplst div,
.mkqm .callicons.post {
    background-color: #E41C23 !important;
}

/* Lufthansa (LH) */
.mlhm .usplst div,
.mlhm .callicons.post {
    background-color: #04245C !important;
}

/* ANA (NH) */
.mnhm .usplst div,
.mnhm .callicons.post, .mnhm .callicons a, .mnhm .usplst div svg {
    background-color: #00a7ea !important;
    color: #000 !important;
}

/* Spirit Airlines (NK) */
.mnkm .usplst div,
.mnkm .callicons.post {
    background-color: #FFD600 !important;
    color: #000000 !important;
}

/* Qatar Airways (QR) */
.mqrm .usplst div,
.mqrm .callicons.post {
    background-color: #5c0434 !important;
}

/* Singapore Airlines (SQ) */
.msqm .usplst div,
.msqm .callicons.post, .msqm .callicons a, .msqm .usplst div svg {
    background-color: #00266B !important;
    color: #FBB917 !important;
}

/* Thai Airways (TG) */
.mtgm .usplst div,
.mtgm .callicons.post {
    background-color: #51127C !important;
}

/* TAP Air Portugal (TP) */
.mtpm .usplst div,
.mtpm .callicons.post, .mtpm .callicons a, .mtpm .usplst div svg {
    background-color: #65c922 !important;
    color: #000000 !important;
}

/* United Airlines (UA) */
.muam .usplst div,
.muam .callicons.post {
    background-color: #1414d2 !important;
    color: #FFFFFF !important;
}

/* Southwest Airlines (WN) */
.mwnm .usplst div,
.mwnm .callicons.post {
    background-color: #304CB2 !important;
}

/* WestJet (WS) */
.mwsm .usplst div,
.mwsm .callicons.post {
    background-color: #006270 !important;
}

/* Neos (N0) */
.mn0m .usplst div,
.mn0m .callicons.post {
    background-color: #1b3658 !important;
}

/* Turkish Airlines (TK) */
.mtkm .usplst div,
.mtkm .callicons.post {
    background-color: #C70A0A !important;
    color: #FFFFFF !important;
}

/* Iberia (IB) */
.mibm .usplst div,
.mibm .callicons.post {
    background-color: #D52B1E !important;
}

/* Qantas (QF) */
.mqfm .usplst div,
.mqfm .callicons.post {
    background-color: #E0001B !important;
    color: #FFFFFF !important;
}

/* Austrian Airlines (OS) */
.mosm .usplst div,
.mosm .callicons.post {
    background-color: #D7141A !important;
    color: #FFFFFF !important;
}

/* Virgin Atlantic (VS) */
.mvsm .usplst div,
.mvsm .callicons.post {
    background-color: #5b056a !important;
    color: #FFFFFF !important;
}


.mlym .usplst div,
.mlym .callicons.post {
    background-color: #002F6C !important;
    color: #FFFFFF !important;
}

/* Cathay Pacific (CX) */
.mcxm .usplst div,
.mcxm .callicons.post {
    background-color: #045C64 !important;
    color: #FFFFFF !important;
}

/* China Airlines (CI) */
.mcim .usplst div,
.mcim .callicons.post {
    background-color: #A50034 !important;
}


.mczm .usplst div,
.mczm .callicons.post {
    background-color: #0083CA !important;
}


.mprm .usplst div,
.mprm .callicons.post {
    background-color: #052a6b !important;
    color: #FFFFFF !important;
}

/* Fiji Airways (FJ) */
.mfjm .usplst div,
.mfjm .callicons.post {
    background-color: #542C0B !important;
    color: #FFFFFF !important;
}

/* SriLankan (UL) */
.mulm .usplst div,
.mulm .callicons.post {
    background-color: #0c3286 !important;
}

/* SAS Scandinavian (SK) */
.mskm .usplst div,
.mskm .callicons.post {
    background-color: #000099 !important;
}

/* Ethiopian (ET) */
.metm .usplst div,
.metm .callicons.post {
    background-color: #078930 !important;
}

/* EgyptAir (MS) */
.mmsm .usplst div,
.mmsm .callicons.post {
    background-color: #0A1D63 !important;
    color: #FFFFFF !important;
}

/* KLM Royal Dutch (KL) */
.mklm .usplst div,
.mklm .callicons.post, .mklm .callicons a, .mklm .usplst div svg {
    background-color: #00A1DE !important;
    color: #000000 !important;
}

/* LOT Polish (LO) */
.mlom .usplst div,
.mlom .callicons.post {
    background-color: #1D3F94 !important;
    color: #FFFFFF !important;
}

/* Aer Lingus (EI) */
.meim .usplst div,
.meim .callicons.post {
    background-color: #006272 !important;
    color: #FFFFFF !important;
}


.mcmm .usplst div,
.mcmm .callicons.post {
    background-color: #003764 !important;
}


.mupm .usplst div,
.mupm .callicons.post, .mupm .callicons a, .mupm .usplst div svg {
    background-color: #fbb040 !important;
    color: #000000 !important;
}

/* Brussels Airlines (SN) */
.msnm .usplst div,
.msnm .callicons.post {
    background-color: #001A4B !important;
}

/* Royal Jordanian (RJ) */
.mrjm .usplst div,
.mrjm .callicons.post {
    background-color: #d6191f !important;
}

.matm .usplst div,
.matm .callicons.post {
    background-color: #c2002f !important;
    color: #FFFFFF !important;
}


.shake {
    animation: shake 3s ease-in-out infinite;
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-5px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(5px);
    }
}

.flight-info-box h3 {
    font-size: 28px !important;
    margin-bottom: 12px;
    color: #fff;
    font-weight: 600;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
}


.bnnr_main_img {
    width: 100%;
    height: 440px;
    object-fit: contain;
    position: relative;
    right: -29%;
    top: 50px;
    z-index: 99;
}



.click-call {
    background: #1b6ef3;
    font-size: 19px;
    padding: 4px 18px;
    font-weight: 600;
    border-radius: 6px;
    color: #fff;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-align: center;
}

    .click-call img {
        width: 24px;
        height: 24px;
        /* background: #1b6ef3; */
        border-radius: 100%;
        position: relative;
        z-index: 9;
    }

.popup-body p {
    font-size: 12px;
}



.popup-header1 h3 {
    margin: 0;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    background: #c4161c;
    color: #fff;
}

.popup-header1 p {
    margin: 0;
    padding: 0.3rem 10px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #0d0d0d;
    font-weight: 500;
    background: #f7f7f7;
}

.banner_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F1F1F1;
    padding: 4px 4px;
    position: relative;
    z-index: 100;
}

.certified_logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.new_bnnr_header_no .toll_free {
    font-size: 23px;
    color: #c4161c;
    font-weight: 600;
}

.foter_txt {
    font-size: 20px;
    color: #0C1160;
    font-weight: 500;
}

.new_bnnr_header_no {
    line-height: 28px;
}

.new_fixed_banner {
    background: #f1f1f1; /*linear-gradient(35deg, #0789E0 63%, #193F8D 63%)*/
    padding: 5px 2px;
}

.new_bnnr_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.certidied_logo {
    display: flex;
    align-items: center;
}

.new_bnnr_header_line {
    font-size: 20px;
    color: #311160;
    font-weight: 500;
}

.new_bnnr_header_number .toll_free {
    color: #c4161c;
    font-size: 18px;
    font-weight: 600;
}

.flag_logo img {
    width: 28px;
}

.flag_logo {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 0;padding-top: 4px;
    font-size: 14px;
    color: #0a2a83;
}

.new_bnnr_header_number {
    line-height: 15px;
}

.certificate_logo img {
    width: 40px;
}

.certified_logo img {
    width: 40px;
}

.default_certification_icon p {
    font-size: 16px;
}

.new_desing_text {
    margin-top: 1.2rem;
}

    .new_desing_text h3 {
        font-size: 22px;
        font-weight: 600;
        color: #333;
        margin-bottom: 10px;
    }

    .new_desing_text h4 {
        font-size: 18px;
        font-weight: 500;
        color: #444;
        margin-bottom: 10px;
    }

    .new_desing_text h5 {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin-bottom: 10px;
    }

    .new_desing_text p {
        font-size: 15px;
        color: #555;
    }

/*<!---------------------------->*/

.new_content h1 {
    font-size: 2.6rem;
    border-bottom: 3px solid #36c98e;
    padding-bottom: 8px;
    margin-bottom: 28px;
}

.new_content h2 {
    font-size: 1.7rem;
    border-bottom: 2px solid #e2e7ed;
    padding-bottom: 4px;
}

.new_content ul {
    padding-left: 22px;
    margin-bottom: 20px;
}

.new_content li {
    margin-bottom: 9px;
    font-size: 1.05rem;
}

.new_content address {
    font-style: normal;
    background: #eafcf7;
    border: 1px solid #e2e7ed;
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 30px;
    color: #036d6b;
}

.new_content a {
    color: #007be9;
    text-decoration: none;
    transition: color 0.21s;
}

    .new_content a:hover {
        color: #0366d6;
        text-decoration: underline;
    }

.new_content footer {
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid #e2e7ed;
    color: #444;
}

.palne_class ul {
    list-style: none;
}

.seach_con {
    float: left;
    width: 100%;
    padding-top: 6rem;
    padding-bottom: 6rem;
    position: relative;
    background-image: linear-gradient(147deg, rgb(4 4 4 / 98%) 3.04%, rgb(10 10 11 / 52%) 34.3%, rgb(27 29 32 / 2%) 82.23%), url(/new-site-images/bg_image.jpg);
    height: 725px;
       background-position: 50% 0px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}

    .seach_con h1 {
        color: #fff;
        text-align: left;
        font-size: 40px;
        font-weight: 700;
        text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.30);
        position: relative;
        margin-top: 6rem;
    }

    .seach_con p {
        color: #ffffff;
        font-size: 17px;
        font-weight: 300;
        text-align: left;
        vertical-align: top;
        position: relative;
        margin-bottom: 1.5rem;
    }



.type_class {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.flight-way {
  
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    margin: 0;
    display: inline-block;
    padding: 0;
}

    .flight-way ul {
        list-style: none;
        display: flex;
        margin: 0;
        padding: 0;
        gap: 1rem;
    }

        .flight-way ul li {
            color: #ccc;
            font-size: 14px;
            font-weight: 600;
        }

    .flight-way a {
        text-decoration: none;
       color: #dfdfdf !important;
    font-weight: 500;
    }

.palne_class ul {
    padding-left: 1rem;
}

.main-searchengine {
    padding: 0;
    border-radius: 50px;
}

.search-box label {
    position: absolute;
    z-index: 1;
    color: #0384df;
    left: 7px;
    top: 3px;
}

.frm_llbs {
    position: absolute;
    top: 20px;
    left: 6px;
}

.main-searchengine .form-control:hover {
    background: #fff6fd !important;
}

.main-searchengine .form-control:active, .main-searchengine .form-control:focus {
   
    box-shadow: unset !important;
}

.main-searchengine .form-control {
  height: 50px;
    font-weight: 600;
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 0;
     font-size: 15px;
    padding: 28px 8px 10px 28px;
    text-overflow: ellipsis; background-color:#ffffff;
}

.fetched-data {
    position: absolute;
    color: #333;
    font-size: 12px;
    bottom: 0;
}

.swapdata {
       position: absolute;
    right: -10px;
    top: 15px;
    z-index: 1;
    cursor: pointer;
    background: #ffffff;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    border: 1px solid #d1d1d1;
}



.search-button {
    height: 50px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    border: 0;
    border-radius:0;
    width: 100%;
    /*background: linear-gradient(147deg, #912380 0%, #3e163a 74%);*/    background: linear-gradient(147deg, #e300c0 0%, #850c78 74%);
}

.airclass_con {
    width: 100%;
    float: left;
}

.airlines_div {
    width: 100%;
    position: relative;
    float: left;
}

    .airlines_div:before {
        content: "\f0dd";
        font-family: 'FontAwesome';
        font-size: 20px;
        position: absolute;
        right: 5px;
        top: 0px;
        height: 20px;
        width: 20px;
        color: #ffffff;
        pointer-events: none;
    }

.direct_flight label {
    position: relative !important;
    color: #fff !important;
    cursor: pointer;
    font-size: 15px;
    padding-left: 1rem;
    padding-top: 0.1rem;
    font-weight: 200 !important;
}

.direct_flight {
    padding-top: 0.5rem;
}

.direct_flight {
    width: 48%;
    position: relative;
    float: left;
    margin-right: 13px;
}

.class_con select {
    width: 100%;
     appearance: none;
    border: 1px solid #c0bebe00;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 10px;
    border-radius: 4px;
    color: #fff;
    background-color: transparent;
    height: 30px;
}

.form-select:focus {
    border-color: #9d9d9d!important;
    outline: 0;
     box-shadow: none!important;
}
.class_con::after {
    display: none !important;
}

.direct_flight label::before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 2px solid #fff;
    display: inline-block;
    position: absolute;
    left: -0.2rem;
    top: 0;
}

.direct_flight input {
    width: 17px;
    height: 17px;
    position: absolute !important;
    outline: 0 !important;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

    .direct_flight input:checked ~ label::before {
        background: #0861d0;
    }

    .direct_flight input:checked ~ label::after {
        display: block;
    }

.main-searchengine label {
      font-size: 10px;
    color: #484848;
    font-weight: 500;
}


.direct_flight label::after {
    left: 2px;
    top: 5px;
    display: none;
    width: 5px;
    height: 11px;
    content: '';
    position: absolute;
    border: 5px solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.flight-way ul li label {
    cursor: pointer;
    border: 0;
     padding: 0px;
    padding-right: 10px;
}

.flight-way .active label {
     /* background: linear-gradient(147deg, #ca381a 0%, #d42b27 74%); */
    color: #fff;
    text-decoration: none !important;
    /* box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f; */
    font-weight: 600;
}

.airlines_div select {
    width: 100% !important;
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 0;
    position: relative;
    border-bottom: 1px solid #ccc !important;
    box-shadow: none !important;
    height: 35px;
    padding-left: 1.2rem;
    font-size: 14px;
    max-width: 100%;
    background: transparent;
    color: #fff;
    font-weight: 200;
}

.class_con select {
    max-width: 100%;
}

.airlines_div .icon-search {
    position: absolute;
    left: -0.1rem !important;
    top: 0.34rem !important;
}

.feature-section {
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.feature-box {
    /*background: rgb(22 21 20 / 6%);*/
        background: rgb(22 21 20 / 32%);
    color: #fff;
    padding: 12px 22px;
    border-radius: 30px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
    transition: background 0.3s ease;
}

    /*.feature-box:hover {
        background: rgba(80, 50, 25, 0.95);
    }*/

    .feature-box::before {
        content: "✔";
        font-size: 14px;
        display:none;
    }
    .feature-box img{width:25px;}

.rating-card {
    background: #0000004a;
    border-radius: 12px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 320px;
}

.new_truspilt, .new_google {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .new_truspilt img {
        width: 110px;
        margin-bottom: 8px;
    }

.new_truspilt-stars {
    display: flex;
    gap: 2px;
}

    .new_truspilt-stars img {
        width: 22px;
    }

.trust-score {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.new_google img {
    width: 90px;
    margin-bottom: 8px;
}

.new_google-stars {
    display: flex;
    gap: 2px;
}

    .new_google-stars img {
        width: 108px;
    }

.google-score {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.outer_bg_rating {
    z-index: 96;
    right: 0px;
    position: absolute;
    padding: 10px;
    border-radius: 12px;
    bottom: -136px;
}

.live_heading {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}

.reviews {
    margin: 50px auto;
    
}

    .reviews h2 {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #000;
    }

    .reviews p {
        color: #333;
        margin-bottom: 20px;
    }

.review-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.review-card {
    background: #f3f3f3;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    flex: 1 1 30%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.review-user {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #fff;
}

    .user-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.user-info {
    display: flex;
    flex-direction: column;
}

    .user-info strong {
        font-size: 14px;
        color: #000;
    }

    .user-info small {
        font-size: 12px;
        color: #666;
    }

.google-icon {
    width: 20px;
}

.stars {
    color: #ffa500;
    margin-bottom: 10px;
}

.review-text {
    color: #444;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more {
    font-size: 13px;
    color: #0073e6;
    text-decoration: none;
    font-weight: bold;
}



.offer-section {
    margin: 50px auto;
  
    background: #fff;
}

    .offer-section h2 {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #000;
    }

    .offer-section p {
        color: #333;
        margin-bottom: 20px;
    }

.offer-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.offer-card {
    position: relative;
    flex: 1 1 calc(25% - 20px);
    border-radius: 12px;
    overflow: hidden;
    min-width: 240px;
    background: #000;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

    .offer-card img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        display: block;
        transition: 0.3s ease-in-out;
    }

    .offer-card:hover img {
        transform: scale(1.05);
    }

.offer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 15%), rgba(0, 0, 0, 0.8));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
}

.offer-title {
    font-size: 18px;
    font-weight: bold;
}

.offer-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offer-price-left {
    font-size: 13px;
    color: #ccc;
}

.offer-price-right {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.discount-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ffd600;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 20px;
}




.destinations {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.card1 {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

    .card1:hover {
        transform: translateY(-5px);
    }

    .card1 img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        display: block;
    }

    .card1 h3 {
        font-size: 16px;
        margin: 12px 0 6px;
    }

    .card1 p {
        color: #777;
        font-size: 14px;
        margin-bottom: 15px;
    }


.card1 {
    /* background-color: #ebebeb; */
    border-radius: 10px;
    cursor: pointer;
    /* padding: 20px; */
    border: 1px solid #f4f4f4;
    text-align: center;
    display: block;
}
/*new_header*/

/*.new_header{padding:9px 0; position:fixed;width:100%; z-index:99;}
.new_header_main{display:flex;align-items:center;}
.new_header_right{margin-left:auto;}
.new_header_logo a img{width:200px;height:40px;    filter: brightness(0) invert(1) contrast(1000%);}
.new_header_link ul .Chat_class{display:none;}
.new_header_link ul{display:flex;align-items:center;margin:0;padding:0;}
.new_header_link ul li{list-style:none;}
.new_header_link ul li a{text-decoration:none;display:inline-block;padding:6px 15px;font-size:14px;color:#333;font-weight:500;}
.new_header_link ul .new_contact_main{margin-left:8px;}
.new_contact_main span{font-size:13px;color:#333;font-weight:500;}
.new_contact_main h3{font-size:18px;margin:0;color:#24844d;font-weight:700;}
.new_contact_main h3 img{width:25px;}
.new_header_menu{display:none;}
.new_header_menu .new_contact_main{display:inline-block;background-color:#1c9750;border-radius:6px;padding:4px 12px;}
.new_header_menu .new_contact_main h3{color:#fff;font-size:16px;font-weight:600;}*/


.new_header {
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
    background: #ffffff00;
    top: 0;
}

.new_header_main {
    display: flex;
    align-items: center;
}

.new_header_right {
    margin-left: auto;
}

.new_header_logo a img {
    width: 250px;
    height: 55px;
    filter: brightness(0) invert(1) contrast(1000%);
}

.new_header_link ul .Chat_class {
    display: none;
}

.new_header_link ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease;
}

    .new_header_link ul li {
        list-style: none;
    }

        .new_header_link ul li a {
            text-decoration: none;
            display: inline-block;
            padding: 6px 15px;
            font-size: 14px;
            color: #fff;
            font-weight: 500;
        }

    .new_header_link ul .new_contact_main {
        margin-left: 8px;
    }

.new_contact_main span {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.new_contact_main h3 {
    font-size: 18px;
    margin: 0;
    color: #00ff6d;
    font-weight: 700;
}



    .new_contact_main h3 img {
        width: 25px;
    }

/* Hamburger */
.new_header_menu {
    display: none;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

    .new_header_menu .new_contact_main {
        display: inline-block;
        background-color: #fff;
        border-radius: 30px;
        padding: 4px 12px;
    }

        .new_header_menu .new_contact_main h3 {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
        }

    .new_header_menu svg {
        width: 28px;
        height: 28px;
        fill: #fff;
    }


.certification-section {
    padding: 40px 0;
    text-align: center;
}

    .certification-section h4 {
        font-weight: 600;
    }

.certification-logos img {
   max-width: 200px;
    height: 200px;
    margin: 15px;
    transition: transform 0.3s ease;
    object-fit:contain;
}

    .certification-logos img:hover {
        transform: scale(1.05);
    }
    .certification-logos p{color: #0c4bde;
    font-size: 13px;
    text-decoration: underline;
    font-weight: 500;}
    
.slider {
  padding-block: 12px;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  /*mask-image:  linear-gradient(to right, #000000c7, #000, #000000c9);
  -webkit-mask-image:  linear-gradient(to right, #000000c7, #000, #000000c9);*/
}

.list {
  display: flex;
  width: calc(
    var(--width) * var(--imageQuantity) * 2
  ); 
  gap: calc(var(--width) / 4);
  animation: autoScroll 20s linear infinite;
}

.list:hover {
  animation-play-state: paused !important;
}

.item {
  width: var(--width);
  height: var(--height);
  flex-shrink: 0;
}

.item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out; object-fit:contain;
}

@keyframes autoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--width) * var(--imageQuantity)));
  }
}

.slider[reverse="true"] .list {
  animation: reverseScroll 20s linear infinite;
}

@keyframes reverseScroll {
  0% {
    transform: translateX(calc(-1 * var(--width) * var(--imageQuantity)));
  }
  100% {
    transform: translateX(0);
  }
}

.slider:hover .item img {
  filter: grayscale(1);
}

.slider .item:hover img {
  filter: grayscale(0);
}


.heading_main {
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: left;
    margin-bottom:20px;
}

.new_header.scrolled {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

    .new_header.scrolled .new_header_logo img {
        filter: invert(0);
    }

    .new_header.scrolled .new_header_link ul li a, .new_header.scrolled .new_contact_main span {
        color: #000 !important;
    }

    .new_header.scrolled .new_header_menu svg {
        fill: #000;
    }
   .new_header.scrolled .new_contact_main h3{color:#128242;}

  
/* Popup container */
.popup-container {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 97%;
    background: #fff;
    border-radius: 10px 10px 0 0px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.19);
    z-index: 999999;
    overflow: hidden;
    width: 100%;
}

/* Header */
.popup-header3 {
    display: flex;
    align-items: center;
    padding: 10px 14px 10px 14px;
    border-bottom: 1px solid #e2e2e2;
}

.agent-img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 14px;
    background: #f0f0f0;
}

.header-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.header-title {
    font-weight: 600;
    font-size: 15px;
    color: #17498c;
    margin: 0;
}

.header-subtitle {
    font-size: 13px;
    color: #2d2d2d;
    margin: 0px 0 0 0;
}

/* Close button */
.close-button {
    font-size: 24px;
    font-weight: 400;
    border: none;
    background: none;
    color: #999;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin-left: 10px;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 7px;
}

/* Popup body */
.popup-body2 {
    padding: 18px 24px 22px 24px;
}

.why-book-title {
    font-weight: 600;
    font-size: 1rem;
    color: #222;
    margin-bottom: 12px;
}

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

    .benefits-list li {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #222;
        margin-bottom: 4px;
    }

.checkmark {
    color: #32c379;
    margin-right: 12px;
    font-size: 1.3rem;
    font-weight: 700;
}

/* Call button */
.call-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 100%;
    background: #008060;
    border-radius: 32px;
    color: white;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-size: 1.14rem;
    box-shadow: 0 2px 22px rgb(3 3 3 / 16%);
}

.phone-icon {
    margin-right: 5px;
    font-size: 1.3rem;
}

    .phone-icon img {
        width: 20px;
    }

._footer_callstrp {
    font-size: 1rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,0.09);
}



.trust_line {
    display: none;
}

.trust_line_img {
    position: relative;
}

    .trust_line_img:after {
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        border: 3px solid #2b5f78;
        animation: all 1s infinite alternate;
        background: #a6ef52;
        border-radius: 100%;
        bottom: 0;
        right: 0px;
        z-index: 9;
        pointer-events: none;
    }

.banner_footer1 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff4900;
       padding: 8px 85px;
    position: relative;

    border-radius: 58px;
}

.new_bnnr_header_no1 {
    line-height: 22px;
}

.topnumber1 {
    display: flex;
    gap: 8px;
}

.live-indicator1 {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #d00;
    background-color: rgb(255 255 255);
    padding: 1px 10px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: fit-content;
    font-size: 12px;
}

.live-indicator1 .dot1 {
    height: 8px;
    width: 8px;
    margin-right: 4px;
    background-color: red;
    border-radius: 50%;
    animation: blink12 1s infinite;
}

.live-indicator1 {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #d00;
    background-color: rgb(255 255 255);
    padding: 1px 10px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: fit-content;
    font-size: 12px;
}

.new_bnnr_header_no1 .toll_free1 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
}

.foter_txt1 {
    font-size: 15px;
    color: #ececec;
    font-weight: 500;
}

.main-searchengine_panel{margin-top:18px!important;}

.new_cetiflied{    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;}





.discount-badge{display:none;}

.form-control:disabled, .form-control[readonly]{background: #fff!important;}

.form-control:disabled {
    background: #e4e4e4 !important;
    color: #e4e4e4;
    cursor: not-allowed;
}
.form-control:disabled:hover {
    background: #e4e4e4 !important;
    color: #e4e4e4;
    cursor: not-allowed;
}

.ui-corner-all span{color:#3e163a;}
.ui-state-active, .ui-widget-content .ui-state-active{ color: #000000;}
.pass-name button{ 
    color: #fff;
    font-weight: 500;
    border: 0;
    border-radius: 0;
      padding: 2px 7px;
    background: linear-gradient(147deg, #912380 0%, #3e163a 74%);}

.class_con .form-select{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")!important;}



    .why_us h2 {
      font-size: 22px;
      margin-bottom: 20px;
      color: #222;
    }

    .why_us .features-container1 {
         display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px auto;
    padding: 20px;
    background: #fffafe;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    }

    .why_us .feature-box1 {
      flex: 1 1 220px;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 10px;
    }

    .why_us .feature-box1 i {
      font-size: 30px;
      color: #0d6efd;
      min-width: 36px;
    }

    .why_us .feature-content1 h4 {
      font-size: 16px;
      font-weight: bold;
      margin: 0 0 6px;
      color: #000;
    }

    .why_us .feature-content1 p {
      font-size: 14px;
      color: #2d2d2d;
      margin: 0;
      line-height: 1.4;
    }

    .why_us .feature-content1 a {
      color: green;
      font-weight: bold;
      text-decoration: none;
    }

    .why_us .feature-content1 a:hover {
      text-decoration: underline;
    }

    .feature-box1 img{width:40px}


    .trusted_img{    width: 80px;}


    .cookie-popup {
  position: fixed;
  bottom: 20px;
  right: 20px;
  max-width: 350px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  padding: 20px;
  font-family: "Inter", sans-serif;
  color: #333;
  z-index: 99999;
  animation: fadeInUp 0.4s ease forwards;
}

.cookie-text h4 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
}

.cookie-text p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 15px;
  color: #555;
}

.cookie-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.cookie-actions .btn {
  padding: 8px 14px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s;
}

.cookie-actions .accept {
  background: #661c5c;
  color: #fff;
}

.cookie-actions .accept:hover {
  background: #d79733; 
}
.search-button:hover {
  background: #d79733; color: #000;
}
.cookie-actions .decline {
  background: #f3f4f6;
  color: #333;
}

.cookie-actions .decline:hover {
  background: #e5e7eb;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.certified_name{    font-size: 20px;
    font-weight: 600;
    color: #3e163a;}

.certification-logos .col-6{cursor:pointer;}

    .who-section {
       background-color: #fff6fe;
    border-radius: 15px;
    padding: 30px 30px;
    }
    .badge-custom {
      background-color: #f0f0c0;
      color: #000;
      font-size: 14px;
      padding: 8px 16px;
      border-radius: 50px;
      display: inline-block;
      margin-bottom: 20px;
      font-weight: 500;
    }
    .who-title {
      font-size: 42px;
      font-weight: 700;
      margin-bottom: 20px;
    }
    .who-text {
      font-size: 16px;
      color: #333;
      margin-bottom: 30px;
    }
    .btn-custom {
      background-color: #000;
      color: #fff;
      border-radius: 50px;
      padding: 12px 24px;
      font-weight: 500;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .btn-custom:hover {
      background-color: #333;
      color: #fff;
    }
    .who-img {
      border-radius: 15px;
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .pages_home_bnnr{       float: left;
    width: 100%;
    padding-top: 6rem;
    padding-bottom: 6rem;
    position: relative;
    background-image: linear-gradient(147deg, rgb(4 4 4 / 98%) 3.04%, rgb(10 10 11 / 52%) 34.3%, rgb(27 29 32 / 2%) 82.23%), url(/new-site-images/about_bnr.jpg);
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2rem;}

    .banner-section{      float: left;
    width: 100%;
    padding-top: 11rem;
    padding-bottom: 6rem;
    position: relative;
  
    height: 400px;
    background-position: center!important;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2rem;}
    .certificate_logo2 img {
    width: 130px;
    height: 125px;
    object-fit: contain;
}

    .certificate_logo2{display: flex;
    gap: 10px;
    align-items: center;}


   .our_mission{    padding: 14px 25px;
    background: #fff;
    border-radius: 10px;
    margin-top: 30px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);}

 

    /*<--car--rentals-------->*/

.new_car_rental_search {
 margin: 30px auto;
    }

    .new_car_rental_search label {
  
    font-size: 10px;
    color: #484848;
    font-weight: 500;
    margin-bottom: 3px;
    display: block;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 2px;
    }

    .new_car_rental_search input {
         height: 50px;
    font-weight: 600;
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    font-size: 15px;
    padding: 28px 8px 10px 28px;
    text-overflow: ellipsis;
    }

    .new_car_rental_search input:focus {
      outline: none;
      box-shadow: none;
    }

    .new_car_rental_search .form-group {
      position:relative;
    }

    .new_car_rental_search .col:last-child .form-group {
      border-right: none;
      padding-right: 0;
    }

    .new_car_rental_search .icon {
      
    color: #626161;
    position: absolute;
    bottom: 7px;
    left: 6px;
    font-size: 13px;
    }

    .new_car_rental_search .search-btn {
       background: #f97316;
    border: none;
    color: #fff;
    width: 92%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s 
ease;
    margin-left: 8px;
    }

    .new_car_rental_search .search-btn:hover {
      background: #e65c00;
    }

  

    .rental_note{font-style: italic;
    font-size: 12px;
    color: #fff;
    font-weight: 200;}

.car_rental .feature-box1 {
    flex: 1 1 303px!important;
}


.step-box {
  background: #fff;
  border-radius: 12px;
     box-shadow: 0 4px 18px rgb(0 0 0 / 9%);
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;    padding: 44px 25px;
}

.step-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.step-box .icon img {
  max-width: 60px;
  z-index: 1;
  position: relative;
}

.step-box .title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #2a2b42;
  position: relative;
  z-index: 1;
}

.step-box .desc {
  font-size: 0.9rem;
  color: #2d2d2d;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

.step-num {
 position: absolute;
    top: -18px;
    right: 15px;
    font-size: 4.5rem;
    font-weight: 700;
    color: #505050;
    opacity: 0.15;
    user-select: none;
    z-index: 0;
    pointer-events: none;
}

/* Mobile responsive */
@@media (max-width: 767px) {
  .step-num {
    font-size: 3rem;
    top: 5px;
    left: 10px;
  }
  .step-box .title {
    font-size: 0.95rem;
  }
  .step-box .desc {
    font-size: 0.88rem;
  }
}



.car-card {
      background: #fff;
    box-shadow: 0 2px 8px rgba(30, 30, 60, 0.10);
    padding: 0px 0px;
    position: relative;
    padding-bottom: 14px; border-radius:10px;
}
.car-card-header {
 width: 100%;
    display: block;
    position: absolute;
    top: 4px;
    left: 13px;
}
.car-title {
  font-size: 1.14rem;
  font-weight: 600;
  color: #fff;
}
.heart {
  color: #e83e55;
  font-size: 1.18rem;
  margin-top: 1px;
}
.car-type {
  font-size: 0.87rem;
  color: #fff;
  margin-bottom: 5px;
}
.car-image {
 width: 100%;
    position:relative;
    margin: 5px 0 8px 0;
    border-bottom: 1px solid #d0d0d069;
}
.car-image img {
     width: 100%;
    height: auto;
    object-fit: contain;border-radius: 10px 10px 0 0;
}
.car-info-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 8px 0 10px 0;
}
.car-info {
  display: flex;
  align-items: center;
  font-size: 0.92rem;
  color: #3b3d5b;
  gap: 3px;
}
.icon {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  opacity: 0.85;
}
.car-price-row {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 6px;
}
.current-price {
  font-weight: 600;
  font-size: 1.13rem;
  color: #202234;
}
.per-day {
  font-size: 0.88rem;
  color: #757575;
  margin-left: 2px;
}
.old-price {
  font-size: 0.95rem;
  color: #bdbdbd;
  text-decoration: line-through;
  margin-left: 9px;
}
.rent-btn {
    background: linear-gradient(147deg, #912380 0%, #3e163a 74%);
    color: #fff;
    border: none;
    border-radius:8px;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.16s;
    align-self: flex-end;
    margin-top: 7px;
        margin-left: 10px;
}
.rent-btn:hover {
  background: #d79733;
}

.car_details{    margin: 0;
    font-size: 12px;
       font-weight: 400;
    color: #2d2d2d;
  padding: 0 10px;}


    .new_car_query_form {
      max-width: 600px;
      background: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
          margin-top: 6rem;
     
    }

    .new_car_query_form h3 {
      margin: 0 0 10px;
      font-size: 18px;
      font-weight: normal;
      color: #222;
    }

    .new_car_query_form h2 {
      margin: 0 0 20px;
        font-size: 30px;
      font-weight: bold;
      color: #222;
    }

    .new_car_query_form h2 span {
      color: #d79733; 
    }

    .new_car_query_form input
    /*.new_car_query_form input[type="datetime-local"]*/ {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    height: 50px;
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #ddd;
    transition: all 0.2s ease-in-out;
    cursor: text;
    font-size: 20px;margin-bottom: 16px;
    }

    .new_car_query_form label {
      font-size: 14px;
      color: #333;
      display: flex;
      align-items: center;
      gap: 6px;padding: 0 4px;
    margin-bottom: 5px;
    position: absolute;
    top: -8px;
    left: 25px;
    background: #fff;
    }

    .new_car_query_form input[type="checkbox"] {
      transform: scale(1.2);
    }

    .new_car_query_form button {
      width: 100%;
      padding: 14px;
      background:linear-gradient(147deg, #912380 0%, #3e163a 74%);
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .new_car_query_form button:hover {
      background: #d79733;
    }
  
.time-dropdown {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  outline: none;
  transition: border 0.3s ease;height:50px;
}

.time-dropdown:focus {
  border-color: #007bff;
}






.destination_covered {
    max-width: 900px;
    margin: 40px auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
  }

  .destination_covered h2 {
    font-size: 28px;
    margin-bottom: 10px;
    color: #222;
  }

  .destination_covered p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
  }

  .tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 25px;
  }

  .tab-btn {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    background: #f1f1f1;
    font-weight: 600;
    border-radius: 5px 5px 0 0;
    transition: 0.3s;
  }

  .tab-btn:hover {
    background: #007bff;
    color: #fff;
  }

  .tab-btn.active {
    background: #007bff;
    color: #fff;
  }

  .tab-content {
    display: none;
    background: #fafafa;
    border-radius: 0 0 10px 10px;
    padding: 20px;
  }

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

  .city-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 15px;
  }

  .city-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .city-card:hover {
    transform: scale(1.05);
  }

  .city-card img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    display: block;
  }

  .city-card span {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.55);
    color: #fff;
    padding: 8px;
    font-size: 14px;
    text-align: center;
  }

    .main_parent {
       margin: 35px 0;
      color: #111827;
      line-height: 1.6;
    }

    .main_parent h1,
    .main_parent h2 {
      margin: 0 0 12px 0;
      letter-spacing: -0.2px;
      color: #0f172a;
    }

    .section_title {
      display: flex;
      align-items: baseline;
      gap: 12px;
      margin-bottom: 14px;
    }

    .muted {
      font-size: 0.95rem;
      color: #475569;
    }

    .info_block {
      margin-bottom: 20px;
    }

    .info_list,
    .destinations_list {
      margin: 16px 0 0 0;
      padding-left: 1.15rem;
    }

    .info_list li,
    .destinations_list li {
      margin: 10px 0;
    }

    .info_list li strong,
    .destinations_list li strong {
      color: #6c0b7f;
    }

    /* Sub-lists for destinations */
    .destinations_list ul {
      margin: 8px 0 0 1rem;
      padding-left: 1rem;
      list-style-type: disc;
    }

    /* Responsive tweaks */
    @media (max-width: 640px) {
      .main_parent {        padding: 0;
        margin: 26px 0; }
    }

    .check-box-option {
    display: flex;
    align-items: flex-start;
    gap: 3px;
    margin-top: 5px;
}
    .check-box-option input {
    height: unset !important;
        width: unset;
}



    .car-image::before {
    content: '';
    position: absolute;
    background: linear-gradient(358deg, rgb(0 0 0 / 1%) 0%, rgb(0 0 0 / 47%) 48%, rgb(0 0 0 / 69%) 59.65%);
    border-radius: 10px;
    top: 0;
    height: 115px;
    width: 100%;
    left: 0;
}

    .rental_vehicle{padding: 1rem 0 0 0;}

    .slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

    .slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.slider-track {
  display: flex;
  transition: transform 0.5s ease;
}

.slider-track .col-lg-3 {
  flex: 0 0 25%; /* 4 cards per view on desktop */
  padding: 10px;
}



/* Slider buttons */
.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(0 0 0 / 29%);
  color: #fff;
  border: none;
  font-size: 19px;
  width:30px;
  height:30px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 2;line-height:19px;
}

.prev-btn { left: 10px; }
.next-btn { right: 10px; }

.slider-btn:hover {
  background: rgba(0,0,0,0.7);
}

.mob-hide img{    filter: brightness(0) invert(1);}
._footer_callstrp{display:none!important;}

 .new_faq_main{
      width:100%;
    }
    .new_faq_main header{
      margin-bottom:25px;
    }
    .new_faq_main header h1{
      margin:0;
      font-size:1.8rem;
      text-transform:uppercase;
      font-weight:700;
    }
    .new_faq_main header p{
      margin-top:6px;
      color:var(--muted);
      font-size:0.95rem;
    }
    .new_faq_main .faq_card{
      background:var(--card);
      border-radius:var(--radius);
      box-shadow:0 6px 18px rgba(15,23,36,0.06);
      padding:22px;
      margin-bottom:18px;
    }
    .new_faq_main .faq_section_title{
      display:flex;
      align-items:center;
      gap:10px;
      margin-bottom:15px;
    }
    .new_faq_main .faq_section_title h2{
         margin: 0;
    font-size: 24px;
    color: #3d1838;
    position: relative;
    padding-left: 10px;
    padding-bottom: 10px;
    }
    .new_faq_main .faq_section_title h2::before{
      content:"";
      width:4px;
      height:100%;
      background:var(--accent);
      position:absolute;
      left:0;
      top:0;
      border-radius:4px;
    }
    .new_faq_main details{
      border-top:1px solid #eef2f7;
      padding:14px 0;
      position:relative;
    }
    .new_faq_main details:first-of-type{
      border-top:0;
      padding-top:0;
    }
    .new_faq_main summary{
      list-style:none;
      cursor:pointer;
      font-weight:600;
      font-size:0.98rem;
      outline:none;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
    }
    .new_faq_main summary::-webkit-details-marker { display: none; }
    .new_faq_main .faq_question{
      display:flex;
      align-items:center;
      gap:8px;
    }
    .new_faq_main .faq_question_number{
      background:#d79733;
      color:#fff;
      font-size:0.8rem;
      width:22px;
      height:22px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      font-weight:700;
    }
    .new_faq_main .faq_icon{
      width:20px;
      height:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:1rem;
      color:var(--accent);
      transition:transform 0.3s ease;
    }
    .new_faq_main details[open] .faq_icon{
      transform:rotate(180deg);
    }
    .new_faq_main .faq_answer{
      margin-top:10px;
      color:#111827;
      line-height:1.5;
      font-size:0.95rem;
    }
    .new_faq_main .faq_answer ul{
      margin:8px 0 0 20px;
      color:var(--muted);
    }
    .new_faq_main .faq_answer strong{
      color:#0f1724;
      font-weight:700;
    }
    .new_faq_main .small{
      font-size:0.88rem;
      color:var(--muted);
    }
  .offer-card a{color:#fff; text-decoration:none;} .offer-card a:hover{color:#fff;}

.card-thankyou .actions a {
    text-decoration: none;
    color: #000000;
    background: #deb70f;
}
.card-thankyou .read {
    background-color: rgb(59 19 55) !important;
    color: rgba(255, 255, 255, 1)!important;
    font-size: 20px;
    margin-bottom: 12px;
}

.scrolled .new_contact_main h3 img {    filter: brightness(0.5)!important;}

.hotel-searchengine{margin-bottom:20px;}

.hotel-searchengine label {
        font-size: 12px;
    color: #484848;
    font-weight: 500;
    position: absolute;
    z-index: 1;
    left: 6px;
    top: 3px;
}



.hotel-searchengine .form-control {
    height: 50px;
    font-weight: 600;
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    font-size: 15px;
    padding: 28px 8px 10px 28px;
    text-overflow: ellipsis;background-color:#ffffff;
}
.hotel_datefilter_nights{background: #ffffff;width:100%; font-size:14px;    padding-top: 5px;
    text-align: center;    height: 50px;}


.how-we-work {
  background: #fff;
}

.step-number {  
  width: 40px;
  height: 40px;
  background-color: #0d6efd;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin: 0 auto 15px;
  font-size: 18px;
}

.step p {
  font-size: 14px;
  line-height: 1.4;
  max-width: 150px;
  margin: 0 auto;
}

.dashed-line {
  position: absolute;
  top: 20px;
  left: 12%;
  right: 12%;
  height: 2px;
  border-top: 2px dashed #0d6efd;
  z-index: 0;
}

.step {
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .dashed-line {
    display: none;
  }
  .step-number {
    margin-bottom: 10px;
  }
  .step p {
    max-width: 100%;
  }
}


.hotel-section {
  padding: 20px 0;
}

.hotel-heading-over {
  display: block;
  font-size: 16px;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 15px;
}

.hotel-heading-main {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
}

.hotel-heading-sub {
      font-size: 24px;
    font-weight: 600;
  color: #fff;
  margin: 0;
}

.hotel-link-more {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
  transition: all 0.3s ease;
}

.hotel-link-more:hover {
  color: #d4a373;
  border-color: #d4a373;
}

.room-card {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.room-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.room-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #d4a373;
  color: #fff;
  padding: 5px 12px;
  font-size: 13px;
  border-radius: 20px;
  font-weight: 500;
  z-index: 2;display:none;
}

.room-image-box {
  width: 100%;
  height: 280px;
  overflow: hidden;
  position: relative;    border-radius: 10px; margin:0;
}

.room-image-box img.room-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

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

.room-image-link {
  display: block;
  width: 100%;
  height: 100%;
}

.room-details-box {
  padding: 20px;
      position: absolute;
    bottom: 0;
    color: #fff;    width: 100%;
    background: linear-gradient(#00000000, rgb(0 0 0));
}

.room-price {
  font-size: 18px;
  font-weight: 600;
  color: #d4a373;
}

.room-price span {
  font-size: 13px;
  color: #777;
  font-weight: 400;
  margin-left: 3px;
}

.room-details-box p{margin:0;font-size: 14px;
    font-weight: 400;}

.hotel-info-section li strong {
    color: #6c0b7f;
}

@media (max-width: 991px) {
  .hotel-heading-main {
    font-size: 34px;
  }
  .room-image-box {
    height: 240px;
  }
}

@media (max-width: 767px) {
  .hotel-heading-main {
    font-size: 28px;
  }
  .hotel-link-more {
    display: inline-block;
    margin-top: 20px;
  }
  .room-image-box {
    height: 220px;
  }
}

.room_dropdown{
   position: absolute;
    width: 230px;
    top: 100%;
    z-index: 9;
    left: 13px;
    border-radius: 0px;
    background: #fff;
    padding: 0.5rem 0.8rem 0.8rem 0.8rem;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.29);
}

.dropdown_head {
    font-weight: 600;
}
.dropdown_head {
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #ccc;
}
.dropdown_middle strong {
    font-size: 14px;
    font-weight: 600;
}
.adult_child_sec {
    background: #f4f3f3;
    border-radius: 5px;
    padding: 0.4rem 0.7rem;
    margin-top: 0.25rem;
}
.adults, .childrens, .childrens_age {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.2rem;
}
.adult_child_action
 {
    display: flex
;
    gap: 0.2rem;
    align-items: center;
}

.pax_input {
    width: 21px !important;
    height: 21px !important;
    padding: 0 !important;
    text-align: center;
    background: transparent;
    font-size: 15px !important;
    cursor: not-allowed;
    font-weight: 500 !important;
    border-radius: 100% !important;
    border: 0 !important;
}
.adult_child_action select {
    width: 60px !important;
    height: 25px !important;
    border-radius: 0 !important;
    padding: 0 !important;
    padding-left: 0.5rem !important;
    font-size: 14px !important;
    font-weight: normal !important;
    outline: 0 !important;
}
.room_actions span {
    text-decoration: underline;
    font-size: 13px;
    display: inline-block;
    padding-left: 0.6rem;
    cursor: pointer;
}
.room_actions span {
    text-decoration: underline;
    font-size: 13px;
    display: inline-block;
    padding-left: 0.6rem;
    cursor: pointer;
}
.text-title {
    font-size: 13px;
}
.buttons-temp {
    display: flex
;
    justify-content: space-between;
}

.cancel_button, .apply_button {
    display: inline-block;
    padding: 0.35rem 1rem;
    width: 49%;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    background: #f3f3f3;
    border-radius: 5px;
}

.apply_button {
    background: linear-gradient(147deg, #e300c0 0%, #850c78 74%);
    color: #fff;
}

.step-icon img{width:60px;}
.more_details1{display:none;}