@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;
         --color-bg:          #171b26;
  --color-bg-footer:   #2b3448;
  --color-gold:        #f3d23f;
  --color-gold-glow:   #efa93a;
  --color-text:        #000000;
  --color-text-muted:  rgba(255, 255, 255, 0.75);
  --color-divider:     rgba(217, 217, 217, 0.21);
  --max-w-content:     948px;
  --max-w-footer:      1112px;
    --gold: #b8912f;
  --gold-dark: #8a6a1f;
  --ink: #1c1d21;
  --text-body: #4a4d55;
  --cream-top: #fff7ea;
  --footer-navy: #1f2430;
  --footer-navy-2: #262c3b;
  --radius-lg: 14px;
    --navy: #171b26;
  --navy-2: #1e2432;
  --gold: #c9932f;
  --gold-light: #e8b84b;
  --orange-1: #f2a93c;
  --orange-2: #f2c94c;
  --text-muted: #9aa0ad;
  --radius-lg: 16px;
  --navy: #171b26;
  --gold-light: #e8b84b;
  --orange-1: #f2a93c;
  --orange-2: #f2c94c;
  --text-muted: #9aa0ad;
  --field-border: rgba(201,147,47,.4);
  --radius-lg: 16px;
}  
* { 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;height: 520px;
    background:url("/images/hero_banner.webp")  center/cover no-repeat;
    overflow:hidden; padding-bottom: 4rem;
}

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

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

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



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

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

.hero-content h2{
     margin-top: 10px;
    font-size: 38px;
    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 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: -40px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 150px;
    font-weight: 900;
    color: rgb(255 255 255 / 17%);
    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; display: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;
    background:#171b27;
padding: 90px 0px 90px;
}

.reviews-section::before{
    content:"";
    position:absolute;
    right:0;
    top:-180px;
    width:650px;
    height:650px;
    border-radius:50%;
    background:radial-gradient(circle, rgb(196 145 52 / 33%) 0%, rgb(196 145 52 / 24%) 35%, #d4912200 70%);
    pointer-events:none;
}


.premium_services::before{
    content: "";
    position: absolute;
    left: -422px;
    top: -180px;
    width: 650px;
    height: 650px;
    border-radius: 50%;
    background: radial-gradient(circle, rgb(196 145 52 / 42%) 0%, rgb(196 145 52 / 24%) 35%, #d4912200 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;
    position:relative;
    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%);overflow:hidden;
    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:300px;

    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;

}

}



.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: transparent;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;  }
.site-header.scrolled {
 background: #171B26!important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.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: #fff;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 30px;
    font-weight:300;
}


.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: 500;
    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;
    display:none;

}

.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{

  
    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;
    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: 4px;
    color:#c6ccd8;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
}
.footer-contact p svg{width:20px;}

.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: 300px;
    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 84px;

}

.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:100%; width:100%;

}

.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);
}



.feature-strip::after {
    content: "";
    position: absolute;
    right: 0;
    top: -31rem;
    width: 650px;
    height: 650px;
    border-radius: 50%;
    background: radial-gradient(circle, rgb(196 145 52 / 33%) 0%, rgb(196 145 52 / 24%) 35%, #d4912200 70%);
    pointer-events: none;
    z-index: -1;
}



.hero-title {
  font-size: clamp(3rem, 8vw, 80px);
  font-weight: 700;
  line-height: 1;
  color: var(--color-text);
  margin-bottom: 1.25rem;
}

.hero-tagline {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 6.72px;
  text-transform: uppercase;
  color: var(--color-text);
  margin-bottom: 1.25rem;
}

.hero-brand-line {
  font-size: 1rem;
  color: var(--color-text);
  margin-bottom: 0.5rem;
}

.gold-link {
  color: var(--color-gold);
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.gold-link:hover {
  color: var(--color-gold);
  opacity: 0.85;
  text-decoration: underline;
}

.hero-body {
  font-size: 1rem;
  line-height: 2.5;
  color: var(--color-text);
  max-width: var(--max-w-content);
  margin: 0 auto 1.25rem;
}


.hero-section{
  background: linear-gradient(180deg, var(--cream-top) 0%, #ffffff 55%);
       padding: 10rem 0 3rem;
}

.hero-title{
  font-weight: 800;
  font-size: 3rem;
  color: var(--ink);
  margin-bottom: 28px;
}

.hero-text{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-size: .95rem;
  line-height: 1.75;
  color: var(--text-body);
}

.hero-image-wrap{
  max-width: 900px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(20,20,20,.12);
}

.hero-image{
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}


.terms-section{
  padding: 50px 0 20px;
}

.terms-block{
  max-width: 900px;
  margin: 0 auto 34px;
}

.terms-heading{
  font-weight: 600;
  font-size: 1.7rem;
  color: var(--ink);
  margin-bottom: 14px;
}

.terms-list{
  padding-left: 1.3rem;
  margin-bottom: 0;
  font-size: .92rem;
  line-height: 1.7;
}

.terms-list li{ margin-bottom: 4px; }

.terms-sublist{
  list-style: disc;
  padding-left: 1.2rem;
  margin-top: 6px;
}

.terms-para{
  font-size: .92rem;
  line-height: 1.75;
  margin-bottom: 0;
}

.company-line{
  max-width: 900px;
  margin: 20px auto 24px;
  font-size: .92rem;
  line-height: 1.6;
  color: var(--ink);
}


.contact-card{
  max-width: 900px;
  margin: 0 auto 60px;
  border: 1px solid #e7e2d4;
  border-radius: 10px;
  overflow: hidden;
}

.contact-row{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  font-size: .92rem;
  color: var(--ink);
  border-bottom: 1px solid #eee9db;
}
.contact-row:last-child{ border-bottom: none; }

.contact-icon{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #d8d0b8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gold-dark);
  font-size: .85rem;
  flex-shrink: 0;
}

.chevron-divider{
  background: linear-gradient(180deg, #ffffff 50%, var(--footer-navy) 50%);
  text-align: center;
  font-size: 1.6rem;
  color: var(--gold);
  padding-top: 4px;
}


@media (max-width: 991.98px){
  .hero-title{ font-size: 2.2rem; }
  .hero-image{ height: 220px; }
  .terms-heading{ font-size: 1.4rem; }
}

@media (max-width: 575.98px){
  .hero-title{ font-size: 1.7rem; }
  .brand-sub{ letter-spacing: 2px; }
}

/* Accessibility: visible focus */
a:focus-visible,
button:focus-visible{
  outline: 2px solid var(--gold-dark);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}



.thankyou-section{
  background:
    radial-gradient(ellipse at 50% 85%, rgba(201,147,47,.18) 0%, rgba(201,147,47,0) 55%),
    var(--navy);
  padding: 116px 0 90px;
}

.ty-title{
  font-weight: 800;
  font-size: 3.6rem;
  margin-bottom: 6px;
color:#fff;
}

.ty-subtitle{
  font-size: 1.5rem;
  font-weight: 400;
  color: #e8e9ee;
  margin-bottom: 18px;
}

.ty-desc{
  max-width: 680px;
  margin: 0 auto 40px;
  color: var(--text-muted);
  font-size: .98rem;
  line-height: 1.7;
}

.ty-image-wrap{
  max-width: 950px;
  margin: 0 auto 40px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(0,0,0,.4);
}

.ty-image{
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
}

.ty-details{
  max-width: 950px;
  margin: 0 auto 60px !important;
}

.detail-card{
  background: linear-gradient(135deg, rgba(201,147,47,.12), rgba(201,147,47,.03));
  border: 1px solid rgba(201,147,47,.35);
  border-radius: 10px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}

.detail-label{
  font-size: .8rem;
  color: var(--text-muted);
}

.detail-value{
  font-size: 1.02rem;
  font-weight: 600;
  color: #ffffff;
}

.split-card{
  flex-direction: row;
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.split-half{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 20px;
}

.split-half:first-child{
  border-right: 1px solid rgba(201,147,47,.35);
}

/* ===================== WHAT HAPPENS NOW / URGENT HELP ===================== */
.ty-help{
  max-width: 950px;
  margin: 0 auto !important;
}

.next-steps-col{
  border-right: 1px solid rgba(201,147,47,.3);
  padding-right: 40px;
}

.section-title{
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 24px; color:#fff;
}

.step-list{
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}

.step-list li{
  display: flex;
  align-items: center;
  gap: 14px;
  position: relative;
  padding: 0 0 26px 0;
  font-size: .98rem;
  color: #e2e4ea;
}

.step-list li:last-child{ padding-bottom: 0; }

.step-icon{
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  border: 1.5px solid var(--gold-light);
  color: var(--gold-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  position: relative;
  z-index: 2;
  background: var(--navy);
}

.step-list li:not(:last-child)::before{
  content: "";
  position: absolute;
  left: 12.5px;
  top: 26px;
  width: 1px;
  height: calc(100% - 26px);
  background: rgba(201,147,47,.4);
}

.go-home-btn{
  display: inline-block;
  padding: 14px 34px;
  border-radius: 8px;
  font-weight: 600;
  color: #211505;
  background: linear-gradient(90deg, var(--orange-1), var(--orange-2));
  box-shadow: 0 10px 25px rgba(242,169,60,.35);
  transition: transform .15s ease;
}
.go-home-btn:hover{
  color: #211505;
  transform: translateY(-2px);
}

/* Urgent help card */
.urgent-card{
  border: 1px solid rgba(201,147,47,.4);
  border-radius: var(--radius-lg);
  padding: 28px 26px;
  text-align: center;
}

.urgent-title{
  font-weight: 700;
  font-size: 1.05rem;
  margin-bottom: 10px;color:#fff;
}

.ty-image1{width:100%;}

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

.urgent-agent{
  width: 74px;
  height: 74px;
  border-radius: 50%;
  overflow: hidden;
    margin: 0 auto 0px;
  border: 2px solid var(--gold-light);
}

.agent-photo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.urgent-call-label{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--text-muted);
  font-size: .85rem;
  margin-bottom: 10px;
}

.urgent-call-label .line{
  flex: 1;
  max-width: 60px;
  height: 1px;
  background: rgba(201,147,47,.4);
}

.urgent-number{
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
}
.urgent-number:hover{ color: var(--gold-light); }

/* ===================== RESPONSIVE ===================== */
@media (max-width: 991.98px){
  .ty-title{ font-size: 2.6rem; }
  .ty-subtitle{ font-size: 1.2rem; }
  .ty-image{ height: 240px; }
  .next-steps-col{
    border-right: none;
    padding-right: 15px;
    border-bottom: 1px solid rgba(201,147,47,.3);
    padding-bottom: 30px;
    margin-bottom: 10px;
  }
}

@media (max-width: 575.98px){
  .ty-title{ font-size: 2rem; }
  .split-card{ flex-direction: column; }
  .split-half:first-child{
    border-right: none;
    border-bottom: 1px solid rgba(201,147,47,.35);
  }
}

/* Accessibility */
a:focus-visible{
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}



/* ===================== SECTION ===================== */
.new_contact_page-contact-section{
  background:
    radial-gradient(ellipse at 50% 90%, rgba(201,147,47,.18) 0%, rgba(201,147,47,0) 55%),
    var(--navy);
  padding: 110px 0 90px;
}

.new_contact_page-cu-title{
  font-weight: 800;
  font-size: 3.6rem;
  margin-bottom: 6px;color:#fff;
}

.new_contact_page-cu-subtitle{
  font-size: 1.4rem;
  font-weight: 400;
  color: #e8e9ee;
  margin-bottom: 40px;
}

.new_contact_page-cu-image-wrap{
  max-width: 950px;
  margin: 0 auto 14px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(0,0,0,.4);
}

.new_contact_page-cu-image{
     width: 100%;
    height: 330px;
    object-fit: cover;
    display: block;
    object-position: center;
}

/* ===================== GET IN TOUCH ===================== */
.new_contact_page-cu-touch{
  max-width: 950px;
  margin: 0 auto 60px !important;
}

.new_contact_page-section-title{
  font-size: 1.9rem;
  font-weight: 700;
  margin-bottom: 18px;color:#fff;
}

.new_contact_page-cu-lead{
  color: #e2e4ea;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 24px;
}

.new_contact_page-cu-label{
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 10px;color: #fff;
}

.new_contact_page-cu-text{
  color: var(--text-muted);
  font-size: .95rem;
  line-height: 1.7;
}

.new_contact_page-call-col{
  border-left: 1px solid rgba(201,147,47,.3);
  padding-left: 40px;
}

.new_contact_page-call-card{
  border: 1px solid var(--field-border);
  border-radius: var(--radius-lg);
  padding: 24px;
  margin-bottom: 18px;
}

.new_contact_page-call-title{
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 18px; color:#fff;
}

.new_contact_page-call-inner{
  display: flex;
  align-items: center;
  gap: 18px;
}

.new_contact_page-agent-photo-wrap{
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--gold-light);
}

.new_contact_page-agent-photo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.new_contact_page-call-info{ flex: 1; }

.new_contact_page-call-label{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-muted);
  font-size: .8rem;
  margin-bottom: 6px;
}

.new_contact_page-call-label .new_contact_page-line{
  flex: 1;
  max-width: 40px;
  height: 1px;
  background: rgba(201,147,47,.4);
}

.new_contact_page-call-number{
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ffffff;
}
.new_contact_page-call-number:hover{ color: var(--gold-light); }

.new_contact_page-cu-email{
  color: #e2e4ea;
  font-size: .95rem;
}
.new_contact_page-cu-email a{
  color: #e2e4ea;
}
.new_contact_page-cu-email a:hover{ color: var(--gold-light); }

/* ===================== FORM ===================== */
.new_contact_page-cu-form-wrap{
  max-width: 950px;
  margin: 0 auto;
}

.new_contact_page-form-field{
  border: 1px solid var(--field-border);
  border-radius: 10px;
  padding: 10px 18px 12px;
}

.new_contact_page-form-field label{
  display: block;
  font-size: .8rem;
  color: var(--text-muted);
  margin-bottom: 2px;
}

.new_contact_page-form-field .form-control,
.new_contact_page-form-field .form-select{
  background: transparent;
  border: none;
  padding: 0;
  color: #ffffff;
  font-weight: 600;
  font-size: 1rem;
}

.new_contact_page-form-field .form-control::placeholder{
  color: #ffffff;
  opacity: .55;
  font-weight: 400;
}

.new_contact_page-form-field .form-control:focus,
.new_contact_page-form-field .form-select:focus{
  box-shadow: none;
  outline: none;
  background: transparent;
  color: #ffffff;
}

.new_contact_page-form-field .form-select{
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23e8b84b' stroke-width='1.6' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 2px center;
  padding-right: 22px;
}

.new_contact_page-form-field .form-select option{
  background: var(--navy);
  color: #ffffff;
}

textarea.form-control{
  resize: vertical;
  min-height: 90px;
}

.new_contact_page-send-btn{
  display: inline-block;
  padding: 14px 34px;
  border-radius: 8px;
  font-weight: 600;
  color: #211505;
  background: linear-gradient(90deg, var(--orange-1), var(--orange-2));
  box-shadow: 0 10px 25px rgba(242,169,60,.35);
  border: none;
  transition: transform .15s ease;
}
.new_contact_page-send-btn:hover{
  color: #211505;
  transform: translateY(-2px);
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 991.98px){
  .new_contact_page-cu-title{ font-size: 2.6rem; }
  .new_contact_page-cu-subtitle{ font-size: 1.15rem; }
  .new_contact_page-cu-image{ height: 240px; }
  .new_contact_page-call-col{
    border-left: none;
    padding-left: 15px;
  }
}

@media (max-width: 575.98px){
  .new_contact_page-cu-title{ font-size: 2rem; }
}

/* Accessibility */
a:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
.new_contact_page-send-btn:focus-visible{
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}


.call_banner_offer_card{
    background:#fff;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.15);
    font-family:'Poppins',sans-serif;position: relative;
    z-index: 9;display:none;
    margin-bottom: -4.5rem !important;
}

.call_banner_hero{
    position:relative;
    background:url('/images/call_bannerbg.webp') center center/cover no-repeat;
    height:100%;
}

.call_banner_overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,
        rgba(0,0,0,.45),
        rgba(0,0,0,.15),
        rgba(0,0,0,.55));
}

.call_banner_hero_content{
    position:relative;
    z-index:2;
    padding:20px 16px;
    text-align:center;
    color:#fff;        padding-top: 5.5rem;
}

.call_banner_title_line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:22px;
}

.call_banner_title_line span{
    width:55px;
    height:2px;
    background:#fff;
    opacity:.8;
}

.call_banner_title_line h4{
    font-size:15px;
    font-weight:700;
    letter-spacing:3px;
    margin:0;
}

.call_banner_upto{
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    margin-bottom:6px; 
}

.call_banner_hero_content h1{
    font-size:70px;
    line-height:1;
    color:#ff7f12;
    font-weight:800;
    margin-bottom:15px;
    -webkit-text-stroke:4px #fff;
    text-shadow:0 5px 10px rgba(0,0,0,.25);
}

.call_banner_car{
    width:100%;
    max-width:300px;
    display:block;
    margin:0 auto;
}

.call_banner_agent{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:20px auto;
    position:relative;padding-top: 11rem;
}

.call_banner_agent img{
    width:58px;
    height:58px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;background: #f0f0f0;
}

.call_banner_agent small{
    display:block;
    font-size:13px;
    color:#fff;
}

.call_banner_agent strong{
    display:block;
    font-size:21px;
    font-weight:700;
    color:#fff;
}

.call_banner_online{
    position:absolute;
      right: 3px;
    bottom: 1px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#14d94b;
    border:2px solid #fff;
}

.call_banner_hero_content h3{
    margin:18px 0;
    font-size:17px;
    font-weight:600;
}

.call_banner_call_btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    padding:15px;
    border-radius:6px;
    background:linear-gradient(90deg,#ffd93d,#f68a1f);
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

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

.call_banner_call_btn svg{
    width:24px;
    height:24px;
    fill:#fff;
}

.call_banner_help{
    margin-top:12px;
    font-size:11px;
    letter-spacing:4px;
    color:#fff;
}

.call_banner_bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px;
    background:#fff;
}

.call_banner_features{
    font-size:15px;
    color:#333;
    line-height:2;
    font-weight:500;
}

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

.call_banner_shield{
    width:60px;
    height:60px;
  
}

.banner_supportimg{position:relative;}

@media(max-width:767px){

.call_banner_offer_card{
    width:100%;
    margin:auto; display:block;
}

.call_banner_hero{
    height:auto;
}



.call_banner_hero_content h1{
    font-size:56px;
    -webkit-text-stroke:3px #fff;
}

.call_banner_car{
    max-width:260px;
}

.call_banner_agent strong{
    font-size:18px;
}

.call_banner_call_btn{
            font-size: 20px;
        padding: 12px 10px;
}

.call_banner_bottom{
    padding:18px;
    gap:15px;
}

.call_banner_features{
    font-size:13px;
}



}

@media(max-width:480px){

.call_banner_hero_content h1{
    font-size:48px;
}

.call_banner_title_line span{
    width:40px;
}

.call_banner_title_line h4{
    font-size:13px;
}

.call_banner_upto{
    font-size:12px;
}

.call_banner_agent img{
    width:50px;
    height:50px;
}



.call_banner_agent strong{
    font-size:16px;
}

.call_banner_features{
    font-size:12px;
}



}

.overlay1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    opacity: 1;
    transition: all 0.5s;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 16% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #ff7605 transparent #ff7605 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}



    .content-image {
  object-fit: cover;
  width: 100%;
  display: block;
}

@media (min-width: 768px) {

  .row .content-image {
    height: 311px;
  }
}

.hero-section {padding: 8rem 0 3rem;}
/* ---------- Section Headings ---------- */
.section-heading {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
  color:#fff;
  margin-bottom: 2rem;
}

/* ---------- Section Body Text ---------- */
.section-body p {
  font-size: 1rem;
  line-height: 1.75;
  color: #fff;
  margin-bottom: 1.25rem;
}

.section-body p:last-child {
  margin-bottom: 0;
}

/* ---------- Differentiators ---------- */
.differentiator-item {
  align-items: flex-start;
}

.check-icon {
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

.diff-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 0.75rem;
}

.diff-body {
  font-size: 1rem;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 0;
}

/* ---------- Footer ---------- */
.site-footer {
  position: relative;
  background-color: var(--color-bg-footer);
  min-height: 532px;
  overflow: hidden;
  color: var(--color-text);
}

.footer-bg-img {
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 532px;
  object-fit: cover;
  z-index: 0;
}

.footer-top-ornament {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 47px;
  width: 172px;
  z-index: 1;
}

.footer-inner {
  position: relative;
  z-index: 2;
  padding-top: 83px;
  padding-bottom: 4rem;
}

.footer-divider {
  border-color: var(--color-divider);
  opacity: 1;
  margin-bottom: 0;
}

/* Footer column headings */
.footer-heading {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-text);
  text-align: center;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
    .ty-details {
    max-width: 950px;
    margin: 0 auto 14px !important;
}
  .footer-heading {
    text-align: left;
  }
}

/* Footer link lists */
.footer-links li {
  line-height: 1.625rem;
}

.footer-links a {
  color: var(--color-text);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  transition: color 0.2s ease;
}

.footer-links a:hover,
.footer-links a:focus {
  color: var(--color-gold);
  text-decoration: none;
}

/* Footer address */
.footer-address {
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: var(--color-text);
}

/* Footer bottom row */
.footer-bottom {
  margin-top:2rem;
  gap: 2rem;
}

.footer-logo-text {
  font-size: 2.944rem;
  font-weight: 400;
  line-height: 1;
  color: var(--color-text);
  margin: 0;

}

.payment-img {
  height: 2rem;
  max-width: 402px;
  width: 100%;
  object-fit: contain;
}

/* ---------- Responsive tweaks ---------- */
@media (max-width: 575.98px) {
  .hero-tagline {
    font-size: 0.75rem;
    letter-spacing: 3px;
  }

  .section-heading {
    font-size: 1.75rem;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .payment-img {
    margin-top: 1rem;
    width: 100%;
    max-width: 100%;
  }
}

.footer_vector:before{content: "";
    content: "";
    position: absolute;
    left: 42%;
    top: -81px;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: radial-gradient(circle, rgb(196 145 52 / 42%) 0%, rgb(196 145 52 / 24%) 35%, #d4912200 70%);
    z-index: -1;}

.vcr_footer_disclaimer{margin-top: 16px;}


.bottom_call_strip {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100px;
    z-index: 9999;
    transition: all .35s ease;
    opacity: 0;
    visibility: hidden;
    padding: 0; display:none;
}

.bottom_call_strip.show {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.bottom_call_strip_inner {
    display: flex;
    align-items: center;
    justify-content: center;
   background: linear-gradient(90deg, rgb(255 184 57), rgb(255 184 57 / 97%) 40%, #f69334 100%);
    color: #000;
    text-decoration: none;
    padding: 10px 18px;
    box-shadow: 0 -5px 20px rgba(0,0,0,.18);
}

.bottom_call_left img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,.35);
    display: block;
}

.bottom_call_center {
    margin: 0 18px;
}

.bottom_call_center span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    opacity: .95;
    margin-bottom: 3px;
}

.bottom_call_center strong {
    display: block;
    font-size: 31px;
    font-weight: 700;
    line-height: 1;
}

.bottom_call_right {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 30px;
    font-weight: 500;
    white-space: nowrap;
}

.bottom_call_right svg{
    flex-shrink:0;
}

@media (max-width:991px){

    .bottom_call_strip_inner{
        padding:12px 12px;
    }

  
    .bottom_call_center{
        margin:0 10px;
    }

    .bottom_call_center span{
        font-size:16px;
    }

    .bottom_call_center strong{
        font-size:16px;
    }

    .bottom_call_right{
        font-size:16px;
        gap:5px;
    }

    .bottom_call_right svg{
        width:15px;
        height:15px;
    }
}

@media (max-width:575px){

    .bottom_call_strip_inner{
        padding:8px 10px;
    }

    .bottom_call_left img{
        width:50px;
        height:50px;
    }

  

    .bottom_call_center strong{
        font-size:15px;
    }

    .bottom_call_right{
        font-size:15px;
    }
}



.city-about{
    color:#c9ced9;
}

.city-subtitle{
    color:#d9a441;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:13px;
    font-weight:600;
}

.city-about h2{
    color:#fff;
    font-size:46px;
    font-weight:700;
    margin:15px 0;
}

.city-about h2 span{
    color:#d9a441;
}

.city-about h3{
    color:#fff;
    font-size:28px;
    margin-bottom:18px;
    position:relative;
}

.city-about h3:after{
    content:"";
    width:60px;
    height:3px;
    background:#d9a441;
    display:block;
    margin-top:12px;
}

.city-about p{
    color:#b4bbc9;
    line-height:1.9;
    font-size:16px;
}

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

.city-list li{
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    position:relative;
    padding-left:28px;
}

.city-list li:before{
    content:"✓";
    color:#d9a441;
    position:absolute;
    left:0;
    font-weight:700;
}

.city-about img{
    border:2px solid rgba(217,164,65,.4);
}

@media(max-width:991px){

.city-about h2{
    font-size:34px;
}

.city-about h3{
    margin-top:20px;
    font-size:24px;
}

}

.campaign-about-text{    color: #fff;
    font-size: 16px;
    margin-bottom: 18px;
    position: relative;
    font-weight: 300;}

.campaign-about-points li{    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    position: relative;font-weight: 300; font-size: 15px;
    color: #fff;}

.campaign-about-section{margin: 3rem 0 0;}


.language-dropdown{display:none;}

.mob_call_wrap {
    text-align: center;
}
.mob_call_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(90deg, #cd891d 0%, #ae7418 100%);
    color: #fff;
    padding: 6px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}
@media (max-width: 992px) {
    .language-dropdown{display:block;}
    .mob_call_btn {
        font-size: 16px;
         padding: 4px 6px;
    }
}
@media (max-width: 576px) {
    .mob_call_btn {
        font-size: 14px;
    }
}
@media (max-width: 420px) {
    .mob_call_btn {
        font-size: 12px;
    }
}
.mob_call_number {
       letter-spacing: 0.5px;
    display: flex;
    gap: 2px;    align-items: center;
}
.mob_call_number img {
    width: 17px;
    height: 19px;
    margin-right: 1px; animation: phoneRing 1.2s infinite;
}

@keyframes phoneRing {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(15deg);
    }

    20% {
        transform: rotate(-15deg);
    }

    30% {
        transform: rotate(12deg);
    }

    40% {
        transform: rotate(-12deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.premium_service_content a{text-decoration:none;}