@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body{  font-family: "Montserrat", sans-serif!important;}
:root { --blue:#173dc2; --violet:#583bd6; --orange:#ff4b08; --ink:#202027; --cookie-height:52px; }  
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:"Montserrat",sans-serif; background:#fff; }
.container { max-width:1160px; }










img{
    max-width:100%;
    display:block;
}

.hero{
    position:relative;
    min-height:100vh;
    background:url("/images/hero_banner.webp") top center/cover no-repeat;
    overflow:hidden; padding-bottom: 8rem;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
   background: linear-gradient(to bottom, rgb(9 13 24), rgb(0 0 0 / 6%), rgb(0 0 0)); 
}

.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.18);
}

.hero>*{
    position:relative;
    z-index:2;
}



.hero-content{
    padding:80px 20px 40px;
    text-align:left;position:relative;
}

.hero-content h1{
    font-size:120px;
    line-height:1;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase; color:#fff;
}

.hero-content h2{
    margin-top:10px;
    font-size:52px;
    font-weight:300;
    letter-spacing:14px;
    text-transform:uppercase;color:#fff;
}



.booking-box{
     margin: 45px auto 0px;
    backdrop-filter: blur(0px);
  border-radius: 0px;
    padding: 25px;
    /*background: url(/images/engine_border.svg);
    background-size: contain;
    background-repeat: no-repeat;*/    margin-bottom: -42px;position:relative;
}

.booking-title{
     font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #fff;
    position: absolute;
    top: -14px;
    left: 50px;
    width: 94%;
    overflow: hidden;
}

/*==========================
Booking Form
===========================*/

.booking-form{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
}


.booking-box-before {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    z-index: -1;
    left: -49%;
    top: 0;    height: 250px;
}

.booking-box-after {
       position: absolute;
    /* inset: 0; */
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    z-index: -1;
    right: -49%;
    top: 0;    height: 250px;
}

.quote-btn::before,
.quote-btn::after {
       content: "";
    position: absolute;
    top: 57%;
    width: 482px;
    height: 1px;
    background: #c6921c;
    transform: translateY(-50%);
}

/* Left */
.quote-btn::before {
    right: calc(100% + 15px);
}

/* Right */
.quote-btn::after {
    left: calc(100% + 15px);
}

.form_btn{    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -85px;}

.input-box{
       background: #fff;
    border-radius: 8px;
    padding: 8px 14px;
    text-align: left;
    display: flex;
    gap: 6px;
    margin: 0 2px;
    align-items: end;
    height: 64px;
    position: relative;
}
.input-box small{      position: absolute;
    top: 6px;
    left: 14px;
    font-size: 12px;}

.input-box label{
    display:block;
    color:#777;
    font-size:12px;
    margin-bottom:8px;
}

.input-box label i{
    color:#d7ab41;
    margin-right:4px;
}

.input-box input,
.input-box select{
    width:100%;
    border:none;
    outline:none;
    font-size:16px;
    font-family:inherit;
    background:none;
    color:#222;
}

.input-box input::placeholder{
    color:#444;
}

/*==========================
Footer
===========================*/

.booking-footer{
    display:flex;
    justify-content:flex-start;
    align-items:center;
       margin-top: 10px;
    color: #fff;
    font-size: 12px;    gap: 10px;
}

.booking-footer small{
    color:#ddd;
    font-size:11px;
}

.quote-btn{
        background: #f7a326;
    color: #fff;
    border: none;
    padding: 14px 50px;
    font-size: 22px;
    font-weight: 700;
    border-radius: 10px;
    cursor: pointer;
    transition: .35s;
}

.quote-btn:hover{
    background:#e68d08;
    transform:translateY(-3px);
}

/*==========================
Responsive
===========================*/

@media(max-width:1100px){

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

.hero-content h1{
font-size:80px;
}

.hero-content h2{
font-size:36px;
letter-spacing:8px;
}

}

@media(max-width:768px){

.header{
padding:20px;
}

.header nav a:not(:last-child){
display:none;
}

.hero-content{
padding-top:50px;
}

.hero-content h1{
font-size:55px;
}

.hero-content h2{
font-size:24px;
letter-spacing:6px;
}

.booking-form{
grid-template-columns:1fr;
}

.booking-footer{
gap:18px;
}

.quote-btn{
width:100%;
}

.logo img{
height:58px;
}

}

.bg-title{
  position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 198px;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.09);
    letter-spacing: 6px;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-text-stroke: 1px rgb(255 255 255 / 1%);
    z-index: 0;
    pointer-events: none;
}

.hero{    padding-top: 10rem;}

.hero-content h1,
.hero-content h2{
    position:relative;
    z-index:2;
}

.chauffeur{position:relative;}

.chauffeur:after{
    content:"";
    width:70px;
    height:2px;
    background:#d6a624;
    border-radius:50px;
    position:absolute;
}

.chauffeur::before{
    content:"";
    width:70px;
    height:2px;
    background:#d6a624;
    border-radius:50px;  position:absolute;
}



.premium-call-banner{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:18px 45px;
    border-radius:22px;
    overflow:hidden;
    background:linear-gradient(90deg,#050505 0%,#1b140f 55%,#5c330f 100%);
        max-width: 1160px;
       margin: 3rem auto;
}


.premium-call-banner::before{
    content:"";
    position:absolute;
    inset:0;
        opacity: .55;
    pointer-events: none;
    background: url(/images/banner_pattern.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.premium-call-banner>*{
    position:relative;
    z-index:2;
}

.premium-call-left{
    display:flex;
    align-items:center;
    gap:18px;
}

.premium-best{
       transform: rotate(330deg);
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.premium-best span{
     font-size: 20px;
    font-weight: 800;
    color: #fff;
    background: #FF1414;
    padding: 4px 6px;
    margin-bottom: 2px;
    text-align: center;
}

.premium-heading h2{
    margin:0;
    font-size:46px;
    line-height:.92;
    font-weight:900;
    color:#fff;
    text-transform:uppercase;
}



.premium-phone-box{
        min-width: 320px;
    padding: 22px 0px;
    text-align: center;
    background: rgba(255, 255, 255, .04);
    background: url(/images/banerr_border.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.premium-call-text{
      display: block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 4px;
    margin-top: -32px;
}

.premium-phone{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#fff;
    font-size:22px;
    font-weight:800;    text-decoration: none;
}

.premium-phone svg{
    width:22px;
    height:22px;
    fill:#fff;
}

/*==============================
Car
===============================*/

.premium-car-image img{
    width:310px;
    display:block;
}

/*==============================
Responsive
===============================*/

@media(max-width:992px){

.premium-call-banner{

    text-align:center;
    gap:25px;
}

.premium-call-left{
    justify-content:center;
}

.premium-heading h2{
    font-size:36px;
}

.premium-phone-box{
    width:100%;
    max-width:380px;
}

.premium-car-image img{
   display:none;
}

}

@media(max-width:576px){

.premium-call-banner{
    padding:25px 20px;
}

.premium-heading h2{
    font-size:28px;
}

.premium-best span{
    font-size:15px;
}

.premium-phone{
    font-size:18px;
}

.premium-call-text{
    font-size:15px;
}

.premium-car-image img{
    width:180px;
}

}


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

.premium_features{

    display:flex;
    gap:18px;
    flex-wrap:wrap;

}

/* Card */

.premium_feature_item{

    flex:1;
    min-width:220px;

    display:flex;
    align-items:center;
    gap:16px;

    padding:18px 22px;

    background:#171c27;

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

    border-radius:8px;

    transition:.35s;

}

.premium_feature_item:hover{

    border-color:#d5a323;

    transform:translateY(-3px);

}

/* Icon */

.premium_feature_icon{

    width:44px;
    height:44px;

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

    font-size:32px;

    color:#f8b62d;

    flex-shrink:0;

}

/* Content */

.premium_feature_content h4{

    margin:0;

    font-size:22px;

    font-weight:600;

    color:#ffffff;

    line-height:1.2;

}

.premium_feature_content p{

    margin:2px 0 0;

    font-size:20px;

    color:#d5d8df;

    line-height:1.2;

}

/* Responsive */

@media(max-width:768px){

.premium_feature_item{

    min-width:100%;

}

.premium_feature_content h4{

    font-size:18px;

}

.premium_feature_content p{

    font-size:17px;

}

.premium_feature_icon{

    font-size:28px;

}

}


body{
    background:
       radial-gradient(circle at 8% 42%, rgb(219 166 54 / 0%) 0%, rgb(255 181 23 / 0%) 18%, transparent 42%), radial-gradient(circle at 92% 72%, rgb(219 166 54 / 0%) 0%, rgb(219 166 54 / 0%) 20%, transparent 42%), linear-gradient(180deg, #1b202c 0%, #171B26 30%, #171c27 70%, #1f2128 100%);

    min-height:100vh;
}


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

.premium_services{

    position:relative;

    padding:80px 0;
        max-width: 1160px;
    margin: 0rem auto;
}

.premium_services_heading{

    position:relative;

    text-align:center;

    margin-bottom:45px;

}

.premium_services_subtitle{

     display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;

}

.premium_services_bg{

      pointer-events: none;
    margin: 0px 0 12px;
    font-size: 110px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 800;
    color: rgba(255, 255, 255, .05);
    letter-spacing: 4px;
    user-select: none;

}

/*============================*/

.premium_services_grid{

    display:grid;

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

    gap:20px;

}

/*============================*/

.premium_service_card{

    border-radius: 20px 20px 20px 0;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:
    0 12px 30px rgba(0,0,0,.18); position:relative;

}

.premium_maincard{    background: #fff;
    border-radius: 20px 20px 20px 0;}

.premium_service_card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 18px 40px rgba(0,0,0,.35);

}

/*============================*/

.premium_service_image{
    height: 250px;
    overflow: hidden;
    padding: 16px;
       background: #2C3242;

}

.premium_service_image img{

    width:100%;

    height:100%;

    object-fit:cover;

       border-radius: 20px 20px 20px 0;

    transition:.45s;

}

.premium_service_card:hover img{

    transform:scale(1.08);

}

.premium_service_card::before{
    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:inherit;

    background:linear-gradient(
        90deg,
        #F3D23F,
        #EC8335
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;}

.premium_service_content{
     padding: 18px 12px 22px;

}



.premium_service_content h3{
margin: 0 0 8px;
    color: #373737;
    font-size: 18px;
    font-weight: 500;

}

/*============================*/

.premium_service_btn{
    padding: 10px 12px;
    border-radius: 6px;
    background: #ef9328;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;

}

/*============================*/

.premium_service_card:hover .premium_service_btn{

    background:#d67d15;

}

/*============================*/

@media(max-width:991px){

.premium_services_grid{

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

}

.premium_services_bg{

font-size:48px;

}

}

/*============================*/

@media(max-width:767px){

.premium_services{

padding:60px 0;

}

.premium_services_grid{

grid-template-columns:1fr;

}

.premium_services_bg{

font-size:34px;

letter-spacing:3px;

top:-10px;

}

.premium_service_image{

height:180px;

}

}


/*==========================================
Premium CTA Banner
==========================================*/

.premium_cta_banner{

    position:relative;

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:250px;

    padding:40px 45px;

    border-radius:14px;

    overflow:hidden;

    background:
    url(/images/secondcall_banner.png)
    center center/cover
    no-repeat;

    border:1px solid #d8a024;
        max-width: 1160px;
    margin: 0rem auto;
}

/* Dark Overlay */

.premium_cta_banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    90deg,
    rgba(0,0,0,.70) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.05) 100%);

}

.premium_cta_banner>*{

    position:relative;

    z-index:2;

}

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

.premium_cta_content{

    width:48%;

}

.premium_cta_subtitle{

    display:block;

    color:#ffffff;

    font-size:18px;

    font-weight:600;

    letter-spacing:8px;

    text-transform:uppercase;

}

.premium_cta_title{

    margin:5px 0;

    font-size:78px;

    line-height:72px;

    font-weight:300;

    color:#ffffff;

}

.premium_cta_text{

    margin:0 0 28px;

    color:#ececec;

    font-size:22px;

    font-weight:300;

}

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

.premium_cta_btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:205px;

    height:56px;

    border-radius:8px;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    color:#fff;

    background:
    linear-gradient(
    90deg,
    #ffc928,
    #f58b36);

    transition:.35s;

}

.premium_cta_btn:hover{

    transform:translateY(-3px);

}

/*===========================
Bottom Car
===========================*/

.premium_cta_car{

    position:absolute;

    left:-10px;

    bottom:-8px;

    width:180px;

    opacity:.18;

}

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

.premium_cta_right{

    width:42%;

    display:flex;

    flex-direction:column;

    align-items:center;

}

/*===========================
Support Images
===========================*/

.premium_support_group{

    display:flex;

    align-items:center;

    margin-bottom:20px;

}

.premium_support{

    overflow:hidden;

  

}

.premium_support img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.premium_support.large{

    width:120px;

    height:120px;

    margin:0 -8px;

    z-index:2;

}

.premium_support.small{

    width:62px;

    height:62px;

}

/*===========================
Phone Box
===========================*/

.premium_phone_cta{

    width:310px;

    height:64px;

    border-radius:40px;

    background:
    linear-gradient(
    90deg,
    #d90d0d,
    #ff3217);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#fff;

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

}

.premium_phone_title{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:16px;

    margin-bottom:2px;

}

.premium_phone_title span{

    width:36px;

    height:1px;

    background:#fff;

    opacity:.8;

}

.premium_phone_cta a{

    display:flex;

    align-items:center;

    gap:8px;

    color:#fff;

    text-decoration:none;

}

.premium_phone_cta svg{

    width:18px;

    height:18px;

    fill:#fff;

}

.premium_phone_cta strong{

    font-size:22px;

    font-weight:800;

}

/*==========================================
PREMIUM EFFECTS
==========================================*/

/* Smooth Animation */

.premium_cta_banner,
.premium_cta_btn,
.premium_phone_cta,
.premium_support,
.premium_cta_car{
    transition:.35s ease;
}

/*==========================================
Banner Hover
==========================================*/

.premium_cta_banner:hover{

    transform:translateY(-4px);

    box-shadow:
    0 20px 60px rgba(0,0,0,.35);

}

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

.premium_cta_btn{

    position:relative;

    overflow:hidden;

}

.premium_cta_btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-130%;

    width:60%;

    height:100%;

    background:
    linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.45),
    transparent);

    transform:skewX(-25deg);

}

.premium_cta_btn:hover{

    transform:translateY(-3px);

    box-shadow:
    0 12px 30px rgba(255,173,30,.45);

}

.premium_cta_btn:hover::before{

    animation:btnshine .8s linear;

}

@keyframes btnshine{

0%{
left:-130%;
}

100%{
left:170%;
}

}

/*==========================================
Phone Box
==========================================*/

.premium_phone_cta:hover{

    transform:translateY(-4px);

    box-shadow:
    0 18px 40px rgba(255,40,20,.45);

}

/*==========================================
Support Images
==========================================*/

.premium_support{

    transition:.35s;

}

.premium_support:hover{

    transform:translateY(-8px) scale(1.06);

    z-index:10;

}

/*==========================================
Car
==========================================*/

.premium_cta_banner:hover .premium_cta_car{

    transform:translateX(12px);

    opacity:.28;

}

/*==========================================
Fade In
==========================================*/

.premium_cta_banner{

    animation:bannerFade .8s ease forwards;

}

@keyframes bannerFade{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:none;

}

}

/*==========================================
Tablet
==========================================*/

@media(max-width:992px){

.premium_cta_banner{

padding:35px;

flex-direction:column;

text-align:center;

gap:35px;

}

.premium_cta_content{

width:100%;

}

.premium_cta_right{

width:100%;

}

.premium_cta_title{

font-size:60px;

line-height:60px;

}

.premium_cta_subtitle{

letter-spacing:5px;

font-size:16px;

}

.premium_cta_text{

font-size:18px;

}

.premium_cta_car{

display:none;

}

}

/*==========================================
Mobile
==========================================*/

@media(max-width:576px){

.premium_cta_banner{

padding:25px 20px;

border-radius:12px;

}

.premium_cta_title{

font-size:46px;

line-height:46px;

}

.premium_cta_subtitle{

font-size:13px;

letter-spacing:3px;

}

.premium_cta_text{

font-size:15px;

margin-bottom:20px;

}

.premium_cta_btn{

width:100%;

height:50px;

font-size:16px;

}

.premium_support.large{

width:90px;

height:90px;

}

.premium_support.small{

width:50px;

height:50px;

}

.premium_phone_cta{

width:100%;

height:60px;

}

.premium_phone_cta strong{

font-size:18px;

}

.premium_phone_title{

font-size:13px;

}

}


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

.reviews-section{
    position:relative;
    overflow:hidden;
    background:#171b27;
padding: 90px 0px 90px;
}

.reviews-section::before{
    content:"";
    position:absolute;
    right:-250px;
    top:-180px;
    width:650px;
    height:650px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(196,145,52,.22) 0%,
    rgba(196,145,52,.08) 35%,
    transparent 70%);
    pointer-events:none;
}

.review-heading{
    text-align:center;
    margin-bottom:65px;
    position:relative;
}

.review-subtitle{
    display:block;
    color:#fff;
    letter-spacing:8px;
    font-size:17px;
    font-weight:700;
    text-transform:uppercase;
}

.review-title{
    margin:0;
    line-height:1;
    font-size:86px;
    font-weight:800;
    color:rgba(255,255,255,.05);
    letter-spacing:4px;
    text-transform:uppercase;
}

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

.review-slider-wrapper{
    position:relative;
    max-width:1320px;
    margin:auto;
    padding:0 10px;
}

.review-slider{
    overflow:hidden;
    position:relative;
}

.review-track{
    position:relative;
    height:430px;
}

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

.review-card{

    position:absolute;

    left:50%;
    top:0;

    width:540px;
    max-width:90vw;

    background:#1a1e2b;

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

    border-radius:34px;

    padding:38px;

    color:#fff;

    transition:
    transform .65s cubic-bezier(.22,.61,.36,1),
    opacity .65s,
    left .65s,
    width .65s,
    border-color .65s,
    box-shadow .65s;

    opacity:1;

    transform:
    translateX(-50%)
    scale(.78);

    z-index:1;

    pointer-events:none;
}

/* Active */

.review-card.active{

    width:760px;

    opacity:1;

    border-color:#c68a22;

    box-shadow:
    0 30px 70px rgba(0,0,0,.35);

    transform:
    translateX(-50%)
    scale(1);

    z-index:20;

    pointer-events:auto;
}

/* Previous */

.review-card.prev{

    left:18%;

    transform:
    translateX(-50%)
    scale(.76);

    opacity:1;

    z-index:8;
}

/* Next */

.review-card.next{

    left:82%;

    transform:
    translateX(-50%)
    scale(.76);

    opacity:1;

    z-index:8;
}

/* Hidden */

.review-card.hide-left{

    left:-25%;

    opacity:1;

    transform:
    translateX(-50%)
    scale(.65);
}

.review-card.hide-right{

    left:125%;

    opacity:1;

    transform:
    translateX(-50%)
    scale(.65);
}

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

.review-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:28px;
}

.review-top h3{
    margin:0;
    font-size:30px;
    font-weight:700;
    color:#fff;
}

.review-top span{
    display:block;
    margin-top:6px;
    color:#a4a7b2;
    font-size:15px;
}

.review-top small{
    color:#c7c7c7;
    font-size:14px;
}

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

.review-text{

    color:#d5d5d5;

    line-height:1.9;

    font-size:18px;

    margin-bottom:30px;
}

/*======================================
STARS
======================================*/

.review-stars{

    color:#f3c736;

    font-size:34px;

    letter-spacing:4px;
}

/*======================================
AVATAR
======================================*/

.review-avatar{

    position:absolute;

    left:50%;

    bottom:-42px;

    transform:translateX(-50%);

    width:84px;

    height:84px;

    border-radius:50%;

    overflow:hidden;

    border:4px solid #61687b;

    background:#fff;

    box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.review-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;
}

/*======================================
ARROWS
======================================*/

.review-arrow{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:54px;

    height:54px;

    border-radius:50%;

    border:none;

    background:#555;

    color:#fff;

    cursor:pointer;

    z-index:100;

    transition:.3s;
}

.review-arrow:hover{

    background:#c68a22;
}

.review-prev{

    left:5px;
}

.review-next{

    right:5px;
}

/*======================================
DOTS
======================================*/

.review-dots{

    display:flex;

    justify-content:center;

    gap:10px;

    margin-top:0px;
}

.review-dots button{

    width:13px;

    height:13px;

    border:none;

    border-radius:50%;

    background:#cfcfcf;

    cursor:pointer;

    transition:.3s;
}

.review-dots button.active{

    background:#d29b2f;

    transform:scale(1.2);
}

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

.review-card.active:hover{
    transform:translateX(-50%) scale(1.02);
}

.review-arrow svg{
    width:20px;
    height:20px;
}

.review-arrow:active{
    transform:translateY(-50%) scale(.92);
}

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

.review-card h3,
.review-card p,
.review-card span,
.review-card small{
    transition:.4s;
}

/*=========================================
TABLET
=========================================*/

@media (max-width:1200px){


    .review-card{
        width:640px;
    }

    .review-card.active{
        width:680px;
    }

    .review-top h3{
        font-size:34px;
    }

    .review-text{
        font-size:17px;
    }

    .review-title{
        font-size:70px;
    }

    .review-card.prev{
        left:15%;
    }

    .review-card.next{
        left:85%;
    }

}

/*=========================================
992
=========================================*/

@media (max-width:992px){

    .reviews-section{
        padding:90px 0 80px;
    }

 
    .review-track{
        height:400px;
    }

    .review-card{

        width:540px;

        padding:30px;
    }

    .review-card.active{
        width:580px;
    }

    .review-title{
        font-size:58px;
    }

    .review-subtitle{
        font-size:15px;
        letter-spacing:6px;
    }

    .review-top h3{
        font-size:28px;
    }

    .review-text{
        font-size:16px;
        line-height:1.8;
    }

    .review-stars{
        font-size:28px;
    }

    .review-avatar{
        width:74px;
        height:74px;
        bottom:-37px;
    }

}

/*=========================================
768
=========================================*/

@media (max-width:768px){

  
    .review-track{
        height:390px;
    }

    .review-card{

        width:100%;

        max-width:100%;

        padding:28px 24px;

        border-radius:25px;
    }

    .review-card.active{

        width:100%;
    }

    /* Hide side cards */

    .review-card.prev,
    .review-card.next,
    .review-card.hide-left,
    .review-card.hide-right{

        opacity:1;

        visibility:hidden;

        pointer-events:none;
    }

    .review-arrow{

        width:42px;

        height:42px;
    }

    .review-prev{

        left:-2px;
    }

    .review-next{

        right:-2px;
    }

    .review-title{

        font-size:44px;
    }

    .review-subtitle{

        font-size:14px;

        letter-spacing:4px;
    }

    .review-top{

        flex-direction:column;

        gap:8px;
    }

    .review-top h3{

        font-size:24px;
    }

    .review-top small{

        font-size:14px;
    }

    .review-text{

        font-size:15px;

        line-height:1.7;
    }

    .review-stars{

        font-size:24px;
    }

    .review-avatar{

        width:65px;

        height:65px;

        bottom:-32px;
    }

}

/*=========================================
480
=========================================*/

@media (max-width:480px){

    .reviews-section{

        padding:70px 0;
    }

    .review-track{

        height:365px;
    }

    .review-card{

        padding:22px 18px;
    }

    .review-title{

        font-size:34px;
    }

    .review-subtitle{

        font-size:14px;

        letter-spacing:4px;
    }

    .review-top h3{

        font-size:21px;
    }

    .review-text{

        font-size:14px;
    }

    .review-stars{

        font-size:22px;
    }

    .review-avatar{

        width:58px;

        height:58px;
    }

    .review-dots{

        margin-top:45px;
    }

}

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

.review-card{
    will-change:transform,left,opacity;
}

.review-track{
    user-select:none;
}

.review-slider{
    touch-action:pan-y;
}


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

.faq-section {
    position: relative;
    background: #171b27;
       padding: 10px 15px 100px;
}

.faq-section::before {
   content: "";
    position: absolute;
    left: 50%;
    bottom: -447px;
    transform: translateX(-50%);
    width: 900px;
    height: 900px;
    background: radial-gradient(circle, rgb(202 147 37 / 33%) 0%, rgba(202, 147, 37, .12) 28%, rgb(202 147 37 / 0%) 55%, #8d424200 72%);
    pointer-events: none;
    z-index: 9;
}

.faq-container {
    max-width: 1050px;
    margin: auto;
    position: relative;
    z-index: 2;
}

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

.faq-heading {
    text-align: center;
    margin-bottom: 55px;
    position: relative;
}

.faq-subtitle {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

.faq-title {
    margin: -10px 0 12px;
    font-size: 110px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 800;
    color: rgba(255,255,255,.05);
    letter-spacing: 4px;
    user-select: none;    margin-top: 0px;
}

.faq-description {
    color: #d2d5dd;
    font-size: 18px;
    max-width: 650px;
    margin: auto;
}

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

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

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

.faq-item {

    position: relative;

    border: 1px solid #bf7b14;

    border-radius: 14px;

    overflow: hidden;

    background: rgba(25,29,41,.95);

    transition: .35s;
}

.faq-item::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(90deg,
        rgba(255,184,57,.16),
        rgba(255,184,57,.05) 40%,
        transparent 100%);

    opacity: 0;

    transition: .35s;

    pointer-events: none;
}

.faq-item.active::before{

    opacity: 1;
}

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

.faq-question {

    width: 100%;

    background: transparent;

    border: none;

    cursor: pointer;

    color: #fff;

    padding: 18px 22px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    text-align: left;
}

.faq-left{

    display: flex;

    align-items: center;

    gap: 16px;
}

/*==============================
    NUMBER
==============================*/

.faq-number{

    width: 34px;

    height: 34px;

    border-radius: 50%;

    border: 1px solid #d39527;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 15px;

    color: #fff;

    flex-shrink: 0;

    transition: .35s;
}

.faq-item.active .faq-number{

    background: linear-gradient(135deg,#ffcf5d,#e89a1f);

    border-color: transparent;

    color: #1b1e29;

    font-weight: 700;
}

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

.faq-text h3{

    margin: 0;

    font-size: 20px;

    font-weight: 600;

    color: #fff;
}

.faq-text p{

    margin: 6px 0 0;

    color: #c4c7cf;

    font-size: 14px;

    line-height: 1.5;
}

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

.faq-icon{

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    transition: .35s;
}

.faq-item.active .faq-icon{

    transform: rotate(180deg);
}

/*==============================
    ANSWER
==============================*/

.faq-answer{

    max-height: 0;

    overflow: hidden;

    transition:
        max-height .45s ease,
        padding .45s ease;
}

.faq-answer-inner{

    padding: 0 72px 25px;

    color: #d6d8df;

    line-height: 1.8;

    font-size: 16px;
}

.faq-item.active .faq-answer{

    max-height: 220px;
}

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

.faq-item:hover{

    border-color:#e29a27;
}

.faq-item:hover .faq-number{

    border-color:#ffbd4d;
}

/*==============================
    RESPONSIVE
==============================*/

@media(max-width:991px){

.faq-title{

font-size:78px;

}

.faq-description{

font-size:16px;

}

}

@media(max-width:768px){

.faq-section{

        padding: 0px 15px 60px;

}

.faq-title{

font-size:54px;

}

.faq-subtitle{

font-size:14px;

letter-spacing:4px;

}

.faq-question{

padding:16px;

}

.faq-left{

align-items:flex-start;

}

.faq-text h3{

font-size:17px;

}

.faq-answer-inner{

padding:0 20px 20px 20px;

font-size:15px;

}

}

@media(max-width:480px){

.faq-title{

font-size:42px;

}

.faq-description{

font-size:14px;

}

.faq-number{

width:30px;

height:30px;

font-size:13px;

}

.faq-text h3{

font-size:15px;

}

.faq-text p{

font-size:12px;

}

}



.feature-strip{

    display:flex;

    justify-content:center;

    gap:12px;

    flex-wrap:wrap;
}

.feature-box{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 140px;
    padding: 14px 20px;
    background: #1d212d;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 4px;
    transition: .3s;
    cursor: pointer;
}

.feature-box:hover{

    border-color:#f0b437;

    transform:translateY(-3px);
}

.feature-icon{

    color:#f6b72d;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;
}

.feature-icon svg{

    width:26px;

    height:26px;
}

.feature-content{

        display: flex;
    flex-direction: column;
    line-height: 1.1;
    gap: 6px;
}

.feature-content span{

    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}

.feature-content strong{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}






.footer-section{

        position: relative;
    background: #2c3242;
    overflow: hidden;
    padding: 22px 20px 40px;z-index: 9;
}

.footer_vector img{    width: 100%;}

.footer_vector{    background: radial-gradient(circle, rgb(202 147 37 / 0%) 0%, rgb(202 147 37 / 0%) 28%, rgb(202 147 37 / 0%) 55%, #8d424200 72%);
    position: relative;
    z-index: 9;}

/*=========================================
CONTAINER
=========================================*/

.footer-container{

    max-width:1150px;

    margin:auto;

    position:relative;

    z-index:2;
}

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

.footer-divider{

    width:100%;

    height:1px;

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

    margin-bottom:45px;
}

/*=========================================
GRID
=========================================*/

.footer-grid{

    display:grid;

    grid-template-columns:
        180px
        1fr
        1fr
        1.3fr;

    gap:60px;

    align-items:flex-start;
}

/*=========================================
LOGO
=========================================*/

.footer-logo img{

    width:130px;

    display:block;
}

/*=========================================
TITLE
=========================================*/

.footer-col h4{

    margin:0 0 18px;

    color:#fff;

    font-size:13px;

    letter-spacing:.5px;

    text-transform:uppercase;

    font-weight:700;
}

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

.footer-col ul{

    margin:0;

    padding:0;

    list-style:none;
}

.footer-col li{

    margin-bottom:8px;
}

.footer-col a{

    color:#d8d9df;

    text-decoration:none;

    font-size:13px;

    transition:.3s;
}

.footer-col a:hover{

    color:#f1ba42;

    padding-left:5px;
}

/*=========================================
ADDRESS
=========================================*/

.footer-address p{

    color:#d8d9df;

    font-size:13px;

    line-height:1.8;

    margin:0 0 10px;
}

.footer-address a{

    display:block;

    margin-bottom:6px;
}

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

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:45px;
}

.footer-payment img{

    width:220px;

    display:block;
}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.footer-grid{

grid-template-columns:1fr 1fr;

gap:40px;

}

.footer-logo-col{

grid-column:span 2;

}

.footer-bottom{

flex-direction:column;

gap:25px;

}

}

@media(max-width:767px){

.footer-section{

padding:60px 20px 30px;

}

.footer-grid{

grid-template-columns:1fr;

gap:30px;

text-align:center;

}

.footer-logo{

display:flex;

justify-content:center;

}

.footer-logo-col{

grid-column:auto;

}

.footer-payment img{

width:180px;

margin:auto;

}

.footer-top-shape{

width:60px;

height:16px;

}

.footer-divider{

margin-bottom:35px;

}

}

:root{--bg:#171b27;--panel:#1d2230;--gold1:#F3D23F;--gold2:#EC8335}
*{box-sizing:border-box}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:1000;padding:18px 0;     background: #171B26;}
.header-container{max-width:1400px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;}
.site-logo img{height:64px}
.main-nav ul{display:flex;gap:42px;list-style:none;margin:0;padding:0}
.main-nav a,.header-phone,.lang-btn{color:#fff;text-decoration:none;font:500 15px sans-serif}
.header-right{display:flex;align-items:center;gap:26px}
.lang-btn{display:flex;gap:8px;align-items:center;background:none;border:0}
.lang-btn img{width:22px}
.menu-toggle{width:44px;height:44px;background:none;border:0;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer}
.menu-toggle span{height:2px;width:34px;background:#fff}.menu-toggle span:nth-child(2){width:26px}
.offcanvas-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.4s;z-index:1098}
.custom-offcanvas{position:fixed;top:0;right:-100%;width:100%;max-width:100%;height:100vh;background:#30343e;transition:right .45s;overflow:hidden;z-index:1099}
.custom-offcanvas.open{right:0}.offcanvas-backdrop.show{opacity:1;visibility:visible}
.offcanvas-bg{position:absolute;inset:0}.offcanvas-bg img{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:cover;opacity:.22}
.offcanvas-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#171b27 45%,rgba(23,27,39,.2))}
.offcanvas-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:42px 36px}
.offcanvas-header{display:flex;justify-content:space-between}.offcanvas-logo img{height:64px}.offcanvas-close{background:none;border:0;color:#fff}
.offcanvas-nav{margin-top:55px}.offcanvas-nav ul{list-style:none;padding:0}.offcanvas-nav li{margin:20px 0}
.offcanvas-nav a{color:#fff;text-decoration:none;font-size:32px; transition:.3s}
.offcanvas-nav a:hover{color:#F3D23F;padding-left:10px}
.offcanvas-footer{margin-top:auto}
.offcanvas-btn{display:inline-block;    padding: 12px 20px;border:1px solid transparent;background:linear-gradient(#1d2230,#1d2230) padding-box,linear-gradient(90deg,#F3D23F,#EC8335) border-box;border-radius:8px;color:#F3D23F;text-decoration:none;font-size: 15px; font-weight:700;letter-spacing:3px}
@media(max-width:991px){.main-nav{display:none}.header-phone{display:none}.custom-offcanvas{width:100%;right:-100%}}

.offcanvas-bg{background:url(/images/menu_bg2.png) top center / cover no-repeat;}

.extra-field{
    display:none;
}

.extra-field.show{
    display:block;
}
.booking-box.active{

    background: url("/images/border_active.svg");

    background-size: contain;

    background-repeat: no-repeat;
}


.main-menu{    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;}


.menu-item{list-style:none;}
.menu-link{    color: #fff;
    text-decoration: none;
    font-size: 14px;}



.moblie_homebanner_description {
    color: #e7e7e7;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 30px;
}


.moblie_homebanner_buttons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.moblie_homebanner_primary_btn {
   display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 50px;
    background: #f4b323;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    transition: .3s;
}

.moblie_homebanner_primary_btn:hover {
    background: #ff9f00;
}

.moblie_homebanner_secondary_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 50px;
    border: 1px solid #f4b323;
    color: #f4b323;
    text-decoration: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    transition: .3s;
}

.moblie_homebanner_secondary_btn:hover {
    background: #f4b323;
    color: #000;
}


.moblie_homebanner_card{
    width:360px;
    height:650px;
    border-radius:18px;
    overflow:hidden;
    position:relative;
    background:url("airport-transfer.jpg") center/cover no-repeat;
}

.moblie_homebanner_overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:linear-gradient(to bottom,
    rgba(0,0,0,.20),
    rgba(0,0,0,.40),
    rgba(0,0,0,.72));
}

.moblie_homebanner_content{
    padding:32px 24px;
    margin-top:20px; display:none;
}

.moblie_homebanner_content h1{
    font-size:64px;
    letter-spacing:10px;
    color:#fff;
    font-weight:800;
    line-height:1;
}

.moblie_homebanner_content h3{
    color:#fff;
    font-size:28px;
    margin-top:8px;
    font-weight:500;
}

.moblie_homebanner_content p{
    color:#ddd;
    font-size:15px;
    line-height:1.6;
    margin:18px 0 22px;
}

.moblie_homebanner_features{
    list-style:none;
    margin-bottom:30px;
    padding:0;
}

.moblie_homebanner_features li{
    color:#fff;
    margin-bottom:12px;
    font-weight:600;
    position:relative;
    padding-left:28px;
}

.moblie_homebanner_features li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#F7B500;
}

.moblie_homebanner_quote_btn{
    display:block;
    width:100%;
    text-align:center;
    padding:18px;
    text-decoration:none;
    color:#fff;
    font-size:28px;
    font-weight:700;
    border-radius:6px;
    background:linear-gradient(90deg,#FFD73D,#FF912F);
    transition:.3s;
}

.moblie_homebanner_quote_btn:hover{
    transform:translateY(-2px);
}

.moblie_homebanner_callbar{
    height:82px;
    background:#d40000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px; display:none;
}

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

.moblie_homebanner_badge{
    width:54px;
    height:54px;
    background:#ff2b2b;
    color:#fff;
    font-size:11px;
    font-weight:700;
    transform:rotate(-20deg);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    text-align:center;
}

.moblie_homebanner_deal{
    color:#fff;
}

.moblie_homebanner_deal span{
    display:block;
    font-size:12px;
}

.moblie_homebanner_deal strong{
    font-size:20px;
}

.moblie_homebanner_center{
    color:#fff;
    text-align:center;
}

.moblie_homebanner_center small{
    display:block;
    font-size:12px;
}

.moblie_homebanner_center strong{
    font-size:20px;
}

.moblie_homebanner_phone{
    width:54px;
    height:54px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d40000;
    font-size:26px;
}


.booking-box {
    display: none;
    transform: translateY(-25px);
}
.booking-box.show {
    display: block;
    animation: bookingReveal .45s cubic-bezier(.22,1,.36,1);
}

@keyframes bookingReveal {
    from {
        transform: translateY(-25px);
    }
    to {
        transform: translateY(0);
    }
}

.booking-box.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}



.booking-title:after {
    content: "";
    position: absolute;
    top: 57%;
    width: 1083px;
    height: 1px;
    background: #c6921c;
    transform: translateY(-50%);
    left: 164px;
}


.moblux_call_strip{

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 82px;
    padding: 12px 15px;
    border-radius: 22px 22px 0 0;
    background: linear-gradient(90deg, #673000d4 0%, rgb(255 0 0 / 79%) 100%), url(/images/texture-bg.png);
    background-size: cover;
    background-position: top;
    background-repeat: repeat;
    color: #fff;
    box-sizing: border-box;

}

.moblux_offer_box{

    display:flex;
    align-items:center;
    gap:12px;

}

.moblux_offer_tag{

    width:70px;
    height:38px;

    color:#fff;

    font-weight:700;

    font-size:13px;

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

    transform:rotate(-24deg);

    line-height:1;

    border-radius:2px;

}

.moblux_offer_text{

    display:flex;
    flex-direction:column;

    line-height:1.05;

}

.moblux_offer_text strong{

    font-size:15px;
    letter-spacing:.4px;

}

.moblux_phone_box{

    flex:1;

    margin-left:15px;

}

.moblux_phone_box span{

    display:block;

    font-size:13px;

    opacity:.9;

    margin-bottom:0px;

}

.moblux_phone_box a{

    display:flex;
    align-items:center;
    gap:6px;

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

}

.moblux_call_btn{

    width:54px;
    height:54px;

    border-radius:50%;

    background:#fff;

    color:#d21800;

    text-decoration:none;

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

    font-size:24px;

    flex-shrink:0;

}

.moblie_homebanner_image,.moblux_call_strip{
    position:relative; display:none;
}

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



.moblie_homebanner_image::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:45%;

      background: linear-gradient(to top, rgb(0 0 0 / 92%) 0%, rgb(0 0 0 / 73%) 30%, rgb(0 0 0 / 10%) 70%, transparent 100%);

    pointer-events:none;
}



.premium_slider{
    position:relative;
    overflow:hidden;
}

.premium_services_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}
/* Desktop */

.premium_services_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

/* Mobile */

@media(max-width:767px){

.premium_slider_wrapper{
    position:relative;
}

.premium_slider{
    overflow:hidden;
    width:100%;
}

.premium_services_grid{

    display:flex;
    flex-wrap:nowrap;
    gap:0;

    transition:transform .45s ease;

}

.premium_maincard{

    min-width:100%;
    flex:0 0 100%;

    box-sizing:border-box;

}

/* Buttons */

.premium_slider_prev,
.premium_slider_next{

    position:absolute;
    top:50%;

    transform:translateY(-50%);

    width:42px;
    height:42px;

    border:none;

    border-radius:50%;

    background:#fff;

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

    cursor:pointer;

    z-index:10;

}

.premium_slider_prev{

    left:10px;

}

.premium_slider_next{

    right:10px;

}

}

.premium_slider_dots{
    display:none;
}

@media (max-width:767px){

.premium_slider_dots{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;

    margin-top:18px;

}

.premium_slider_dot{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#d0d0d0;

    cursor:pointer;

    transition:.3s;

}

.premium_slider_dot.active{

    width:28px;

    border-radius:20px;

    background:#ff8c1a;

}

}

.moblux_call_btn img{width:25px;}
.feature-icon img{width:30px;}

/* ===========================
   Terms & Conditions
=========================== */

.pages {
    padding: 70px 15px;
    background: #f8f9fb;
}

.pages_main {
    max-width: 1100px;
    margin: auto;
    background: #fff;
    padding: 45px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,.08);
}

/* ===========================
   Headings
=========================== */

.pages_main h2 {
    font-size: 28px;
    color: #1c1c1c;
    margin: 40px 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f2f2f2;
    font-weight: 700;
    line-height: 1.4;
}

.pages_main h2:first-child{
    margin-top:0;
}

/* ===========================
   Paragraph
=========================== */

.pages_main p{
    font-size:16px;
    line-height:1.9;
    color:#555;
    margin-bottom:20px;
}

/* ===========================
   Ordered List
=========================== */

.pages_main ol{
    margin:0 0 25px 22px;
    padding:0;
}

.pages_main ol li{
    font-size:16px;
    line-height:1.9;
    color:#555;
    margin-bottom:12px;
}

/* ===========================
   Unordered List
=========================== */

.pages_main ul{
    margin:15px 0 20px 25px;
}

.pages_main ul li{
    list-style:disc;
    color:#555;
    line-height:1.8;
    margin-bottom:10px;
}

/* ===========================
   Strong & Bold
=========================== */

.pages_main strong,
.pages_main b{
    color:#111;
    font-weight:700;
}

/* ===========================
   Links
=========================== */

.pages_main a{
    color:#d62828;
    text-decoration:none;
    transition:.3s;
}

.pages_main a:hover{
    color:#000;
    text-decoration:underline;
}

/* ===========================
   Header
=========================== */

.disclaimer-header{
    padding: 128px 20px 50px;
    text-align:center;
    background:linear-gradient(135deg,#111,#2b2b2b);
}

.disclaimer-header h1{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin:0;
}

/* ===========================
   Responsive
=========================== */

@media(max-width:991px){

.pages{
    padding:50px 15px;
}

.pages_main{
    padding:30px;
}


.disclaimer-header h1{
    font-size:34px;
}

.pages_main h2{
    font-size:24px;
}

}

@media(max-width:767px){

.pages{
    padding:35px 12px;
}

.pages_main{
    padding:22px 18px;
    border-radius:8px;
}



.disclaimer-header h1{
    font-size:28px;
}

.pages_main h2{
    font-size:21px;
    margin:28px 0 15px;
}

.pages_main p,
.pages_main ol li,
.pages_main ul li{
    font-size:15px;
    line-height:1.8;
}

.pages_main ol{
    margin-left:18px;
}

.pages_main ul{
    margin-left:20px;
}

}

/*==========================
    Banner
==========================*/

.banner-section{
    position:relative;
}

.banner-abt{
    background:linear-gradient(135deg,#111827,#2b3548);
    padding: 120px 0 50px;
    text-align:center;
}

.banner-abt h1{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin-bottom:15px;
}

.banner-abt ol{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    list-style:none;
    padding:0;
    margin:0;
}

.banner-abt ol li{
    color:#d1d5db;
    font-size:15px;
}

.banner-abt ol li a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.banner-abt ol li a:hover{
    color:#f4b400;
}

.banner-abt .active{
    color:#f4b400;
    font-weight:600;
}

/*==========================
    Sitemap
==========================*/

.sitemap-content{
    background:#f8f9fb;
    padding:70px 0;
}

.sitemap-content .container{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.sitemap_block{
    background:#fff;
    border-radius:12px;
    padding:30px;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    transition:.35s;
}

.sitemap_block:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.main-heading{
    font-size:22px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:25px;
    padding-bottom:12px;
    border-bottom:2px solid #ececec;
    position:relative;
}

.main-heading::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:70px;
    height:2px;
    background:#f4b400;
}

/*==========================
    Links
==========================*/

.sitemap-links{
    list-style:none;
    margin:0;
    padding:0;
}

.sitemap-links li{
    margin-bottom:14px;
}

.sitemap-links li:last-child{
    margin-bottom:0;
}

.sitemap-links li a{
    display:flex;
    align-items:center;
    color:#4b5563;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
    transition:.3s;
}

.sitemap-links li a::before{
    content:"➜";
    color:#f4b400;
    margin-right:10px;
    transition:.3s;
}

.sitemap-links li a:hover{
    color:#111827;
    padding-left:8px;
}

.sitemap-links li a:hover::before{
    transform:translateX(4px);
}

/*==========================
    Responsive
==========================*/

@media(max-width:991px){

.sitemap-content .container{
    grid-template-columns:1fr;
}



.banner-abt h1{
    font-size:34px;
}

}

@media(max-width:767px){



.banner-abt h1{
    font-size:28px;
}

.banner-abt ol li{
    font-size:14px;
}

.sitemap-content{
    padding:40px 0;
}

.sitemap_block{
    padding:22px;
    border-radius:10px;
}

.main-heading{
    font-size:20px;
}

.sitemap-links li a{
    font-size:15px;
}

}


/*==================================
    About Header
==================================*/

.about-header{
    background:linear-gradient(135deg,#111827,#293548);
        padding: 140px 20px 50px;
    text-align:center;
}

.about-header h1{
    color:#fff;
    font-size:46px;
    font-weight:700;
    margin-bottom:12px;
}

.about-header p{
    color:#d7d7d7;
    font-size:18px;
    margin:0;
    letter-spacing:.5px;
}

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

.about-content{
    max-width:1100px;
    margin:70px auto;
    padding:45px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.about-content h2{
    font-size:30px;
    color:#1f2937;
    margin:45px 0 20px;
    padding-bottom:12px;
    border-bottom:2px solid #ececec;
    position:relative;
    line-height:1.4;
}

.about-content h2:first-child{
    margin-top:0;
}

.about-content h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:80px;
    height:3px;
    background:#d4af37;
    border-radius:50px;
}

/*==================================
    Paragraph
==================================*/

.about-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:20px;
}

/*==================================
    Lists
==================================*/

.about-content ul{
    margin:20px 0 30px;
    padding-left:0;
    list-style:none;
}

.about-content ul li{
    position:relative;
    padding-left:32px;
    margin-bottom:16px;
    color:#555;
    line-height:1.8;
    font-size:16px;
}

.about-content ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#d4af37;
    color:#fff;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}

/*==================================
    Strong
==================================*/

.about-content strong{
    color:#111827;
    font-weight:700;
}

/*==================================
    Links
==================================*/

.about-content a{
    color:#d4af37;
    text-decoration:none;
    transition:.3s;
}

.about-content a:hover{
    color:#111827;
}

/*==================================
    Responsive
==================================*/

@media(max-width:991px){

.about-header{
    padding:60px 20px;
}

.about-header h1{
    font-size:38px;
}

.about-content{
    margin:50px 20px;
    padding:35px;
}

.about-content h2{
    font-size:26px;
}

}

@media(max-width:767px){

.about-header{
    padding:45px 15px;
}

.about-header h1{
    font-size:30px;
}

.about-header p{
    font-size:16px;
}

.about-content{
    margin:35px 15px;
    padding:22px;
    border-radius:10px;
}

.about-content h2{
    font-size:22px;
    margin:35px 0 15px;
}

.about-content p{
    font-size:15px;
    line-height:1.8;
}

.about-content ul li{
    font-size:15px;
    padding-left:28px;
}

.about-content ul li::before{
    width:18px;
    height:18px;
    font-size:10px;
}

}



/*==================================
    Contact Header
==================================*/

.contact-header{
    background:linear-gradient(135deg,#111827,#293548);
    padding:80px 20px;
    text-align:center;
}

.contact-header h1{
    font-size:46px;
    font-weight:700;
    color:#fff;
    margin-bottom:12px;
}

.contact-header p{
    font-size:18px;
    color:#d6d6d6;
    margin:0;
}

/*==================================
    Contact Section
==================================*/

.contact-section{
    max-width:1200px;
    margin:70px auto;
    padding:45px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/*==================================
    Contact Info
==================================*/

.contact-info{
    background:#f8f9fb;
    padding:35px;
    border-radius:12px;
    height:100%;
}

.contact-info h4{
    font-size:28px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.contact-info h5{
    font-size:18px;
    font-weight:600;
    color:#111827;
    margin:25px 0 8px;
}

.contact-info p{
    color:#555;
    font-size:16px;
    line-height:1.8;
    margin-bottom:10px;
}

.contact-info a{
    color:#d4af37;
    text-decoration:none;
}

.contact-info a:hover{
    color:#111827;
}

/*==================================
    Form
==================================*/

.contact-section h4{
    font-size:28px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:25px;
}

.contact-form .form-label{
    font-size:15px;
    font-weight:600;
    color:#333;
    margin-bottom:8px;
}

.contact-form .form-control{
    height:52px;
    border:1px solid #ddd;
    border-radius:8px;
    box-shadow:none;
    transition:.3s;
    font-size:15px;
    padding:0 15px;
}

.contact-form textarea.form-control{
    height:140px;
    resize:none;
    padding:15px;
}

.contact-form .form-control:focus{
    border-color:#d4af37;
    box-shadow:0 0 0 4px rgba(212,175,55,.12);
}

.contact-form .mb-3{
    margin-bottom:20px;
}

.contact-form .btn{
    background:#d4af37;
    border:none;
    color:#fff;
    padding:14px 35px;
    border-radius:8px;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

.contact-form .btn:hover{
    background:#111827;
    color:#fff;
}

/*==================================
    Responsive
==================================*/

@media(max-width:991px){

.contact-header{
    padding:60px 20px;
}

.contact-header h1{
    font-size:38px;
}

.contact-section{
    margin:50px 20px;
    padding:30px;
}

.contact-info{
    margin-bottom:30px;
}

}

@media(max-width:767px){

.contact-header{
    padding:45px 15px;
}

.contact-header h1{
    font-size:30px;
}

.contact-header p{
    font-size:16px;
}

.contact-section{
    margin:35px 15px;
    padding:20px;
    border-radius:10px;
}

.contact-info{
    padding:22px;
}

.contact-info h4,
.contact-section h4{
    font-size:24px;
}

.contact-info h5{
    font-size:17px;
}

.contact-info p{
    font-size:15px;
}

.contact-form .form-control{
    height:48px;
    font-size:14px;
}

.contact-form textarea.form-control{
    height:120px;
}

.contact-form .btn{
    width:100%;
    padding:14px;
}

}


/*==============================
        FOOTER
==============================*/

.footer-section{
    background:#2d3142;
    color:#bfc5d2;
    padding:70px 0 25px;
    font-family:inherit;
}

.footer-container{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:0 15px;
}

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

.footer-top{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1.2fr;
    gap:45px;
    padding-bottom:45px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

/*==============================
        LOGO
==============================*/

.footer-logo{
    display:inline-block;
    margin-bottom:20px;
}

.footer-logo img{
    max-width:170px;
    display:block;
}

.footer-about p{
    font-size:15px;
    line-height:1.8;
    color:#c6ccd8;
    margin-bottom:25px;
}

/*==============================
        HEADINGS
==============================*/

.footer-column h4{
    color:#fff;
    font-size:18px;
    font-weight:700;
    margin-bottom:22px;
    position:relative;
}

.footer-column h4::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:45px;
    height:2px;
    background:#d4af37;
}

/*==============================
        LINKS
==============================*/

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

.footer-column ul li{
    margin-bottom:12px;
}

.footer-column ul li:last-child{
    margin-bottom:0;
}

.footer-column ul li a{
    color:#c6ccd8;
    text-decoration:none;
    transition:.3s;
    display:inline-block;
    font-size:15px;
}

.footer-column ul li a:hover{
    color:#d4af37;
    transform:translateX(6px);
}

/*==============================
        CONTACT
==============================*/

.footer-contact p{
    margin-bottom:16px;
    color:#c6ccd8;
    line-height:1.7;
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:15px;
}

.footer-contact i{
    color:#d4af37;
    width:18px;
    margin-top:4px;
}

.footer-contact a{
    color:#c6ccd8;
    text-decoration:none;
    transition:.3s;
}

.footer-contact a:hover{
    color:#d4af37;
}

/*==============================
        SOCIAL
==============================*/

.footer-social{
    display:flex;
    gap:12px;
    margin-top:25px;
}

.footer-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#3b4155;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.35s;
    font-size:16px;
}

.footer-social a:hover{
    background:#d4af37;
    color:#fff;
    transform:translateY(-3px);
}

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

.footer-bottom{
    padding-top:25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer-copyright{
    color:#c6ccd8;
    font-size:14px;
    line-height:1.7;
}

.footer-copyright strong{
    color:#fff;
}

.footer-payment img{
    max-width:240px;
    display:block;
}

/*==============================
        RESPONSIVE
==============================*/

@media(max-width:991px){

.footer-top{

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

    gap:35px;

}

}

@media(max-width:767px){

.footer-section{

    padding:50px 0 20px;

}

.footer-top{
    gap:30px;

    text-align:left;

}

.footer-logo img{

    max-width:150px;

}

.footer-column h4{

    font-size:20px;

}

.footer-about p{

    font-size:14px;

}

.footer-column ul li{

    margin-bottom:10px;

}

.footer-column ul li a{

    font-size:14px;

}

.footer-contact p{

    font-size:14px;

}

.footer-social{

    justify-content:flex-start;

}

.footer-social a{

    width:38px;
    height:38px;
    font-size:15px;

}

.footer-bottom{

    flex-direction:column;

    align-items:flex-start;

    text-align:left;

}

.footer-payment img{

    max-width:190px;

}

.footer-copyright{

    font-size:13px;

}

}

/* Error State */
.input-box.error {
    border: 2px solid #e53935;
    border-radius: 12px;
    background: #fff5f5;
    animation: shake 0.3s ease-in-out;
}

.input-box.error input,
.input-box.error select {
    color: #e53935;
}

.input-box.error input::placeholder {
    color: #e53935;
}

.input-box .error-text {
    display: none;
    font-size: 12px;
    color: #e53935;
    margin-top: 4px;
    font-weight: 500;
}

.input-box.error .error-text {
    display: block;
}

/* Optional shake animation */
@keyframes shake {
    0%,100% { transform: translateX(0); }
    20% { transform: translateX(-4px); }
    40% { transform: translateX(4px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(4px); }
}


.input-box{
    position:relative;
}

.input-box.error_field{
    border:2px solid #e53935 !important;
    border-radius:12px;
    background:#fff5f5;
}

.input-box.error_field input,
.input-box.error_field select{
    color:#e53935;
}

.error_text{
    display:block;
    color:#e53935;
    font-size:12px;
    margin-top:5px;
    font-weight:500;
}

.booking-footer .error_text{
    display:block;
    margin-top:8px;
}

label.error,
span.error_text{
    display:none !important;
}


.Thankyou_page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    background: linear-gradient(135deg, #f6f9fc 0%, #eef5ff 100%);
}

.Thankyou_page_main {
    width: 100%;
    max-width: 720px;
    background: #fff;
    border-radius: 20px;
    padding: 50px 40px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
    border: 1px solid #edf1f7;    margin: 66px auto;
}

.Thankyou_page_main h2 {
    margin: 0;
    font-size: 36px;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.3;
}

.Thankyou_page_main h2 img {
    width: 58px;
    margin-right: 10px;
    vertical-align: middle;
}

.Thankyou_page_main h2 span {
    color: #16a34a;
}

.Thankyou_page_main > p {
    margin: 20px auto 35px;
    max-width: 560px;
    font-size: 17px;
    line-height: 1.8;
    color: #6b7280;
}

.next-steps {
    text-align: left;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 30px;
}

.next-steps h3 {
    margin: 0 0 20px;
    font-size: 24px;
    color: #111827;
    font-weight: 700;
}

.step {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    font-size: 16px;
    color: #4b5563;
    border-bottom: 1px solid #e5e7eb;
}

.step:last-child {
    border-bottom: none;
}

.step span {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
    flex-shrink: 0;
}

.back_btn {
    margin-top: 35px;
}

.back_btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    background: linear-gradient(90deg,#ff7a18,#ff5722);
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    transition: .3s;
}

.back_btn a:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(255,87,34,.3);
}

.Thankyou_note {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #ececec;
}

.Thankyou_note p {
    margin: 0 0 10px;
    color: #6b7280;
    font-size: 15px;
}

.Thankyou_note a {
    display: inline-block;
    color: #0f6efd;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
}

.Thankyou_note a:hover {
    color: #084298;
}

@media (max-width:768px){

    .Thankyou_page{
        padding:30px 15px;
    }

    .Thankyou_page_main{
        padding:35px 22px;
        border-radius:16px;
    }

    .Thankyou_page_main h2{
        font-size:28px;
    }

    .Thankyou_page_main h2 img{
        width:48px;
    }

    .Thankyou_page_main>p{
        font-size:15px;
        margin:18px 0 28px;
    }

    .next-steps{
        padding:20px;
    }

    .next-steps h3{
        font-size:20px;
    }

    .step{
        font-size:15px;
        gap:10px;
    }

    .step span{
        width:38px;
        height:38px;
        font-size:18px;
    }

    .back_btn a{
        width:100%;
        padding:14px;
    }

    .Thankyou_note a{
        font-size:20px;
    }

}

.vcr_footer_disclaimer p{    font-size: 12px;}

.cookie-bar {
    display: block;
    transform: translateY(-120%);
    transition: .4s ease;
    background: rgba(255,255,255,.92);
     margin: -18px 0 4px;
}

.cookie-bar.show{
  transform: translateY(0);
}

.cookie-content{
  display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 4px 6px;
}



.cookie-icon{
    font-size:28px;
}

.cookie-left p{
    margin:0;
    color:#444;
    font-size:15px;
    line-height:1.6;
}

.cookie-actions {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
}

.cookie-actions button{
      border: none;
    padding: 6px 8px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    font-size: 10px;
}

.accept-btn{
      background: #c39225;
    color: #fff;
}

.accept-btn:hover{
    background:#0056d6;
    transform:translateY(-2px);
}

.reject-btn{
    background:#ececec;
    color:#333;
}

.reject-btn:hover{
    background:#ddd;
    transform:translateY(-2px);
}