@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
 
html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {line-height: 1.7; font-size: 15px; color:#5c5c5c; font-family: 'Inter', sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
.btn, a, button, .transition { webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*HEADINGS*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "Bellota Text", sans-serif;}
.all_heading{font-size:44px; font-family:"Bellota Text", sans-serif;color:#000; font-weight:300}  
.sub-heading{font-size: 16px;line-height: 160%;color:#5c5c5c}

.all_heading strong{ font-weight:600}

/*BUTTONS*/
.btn {font-size: 11px;padding-top: 14px;padding-bottom: 14px;padding-left:40px; padding-right:40px;font-weight: 600;border-radius:12px;letter-spacing:0.1em; text-transform:uppercase;}
.btn-black{ background-color:#000; color:#fff;}
.btn-black:hover, .btn-white:hover{ background-color:#3c3e39;color:#fff}
.btn-white{ background-color:#fff; color:#000;}
 


/*FORM CONTROL*/
.form-control{border: 1px solid #ddd; height: 45px;text-indent: 10px;border-radius:0px;font-weight: 300;line-height: 45px;padding-right: 10px;padding-left: 10px;font-size: 13px;}
.form-control:focus {color: #000;background-color: #fff; outline: 0; border-color: #8d8d8d;}
textarea{resize: none;}
textarea.form-control { height: auto !important;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}


/*CONTAINER*/
.custom-width{max-width: 1260px} 

/*TEXT COLORS*/
 

/*BACKGROUNDS COLORS*/
.bg-light{background: #F3F3F3}

.my-paddings{ padding:80px 0 }

.ls{ letter-spacing:1px}

/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color: #000;}

/*SWIPER NAV BUTTONS*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 40px; width: 40px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 30px; color: #000;  display: flex; border-radius: 20px; justify-content: center; align-items: center;  }


/*EFFECTS*/
.zoom-hover img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.zoom-hover:hover img{transform: scale(1.02);}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.site-header{ background-color:#fff}
/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0; left: 0;  z-index: 1030;background-color: rgba(255, 255, 255, .7); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); z-index: 99;animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
 
@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}

.site-header .isFixed .navbar-brand .logo { width:55px}
  .site-header {
    background-color: #fff;
    height: 80px;
}
.site-header a.navbar-brand {
  width: 125px;
  padding: 2px 23px;
  border-radius: 10px;
  position: relative;
  z-index: 99;
  margin: 0;
}
.site-header a.navbar-brand .logo-shape {
  position: absolute;
  z-index: 9;
  width: 123px;
  top: 55px;
  left: 0;
}
.site-header a.navbar-brand img{
  position: relative;
  z-index: 9;
}
.site-header a.navbar-brand .main-logo {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 99;
}
.checkout .tabs_Sec .nav-pills .nav-item .nav-link {
  width: 200px;
}
.checkout .green-widget p {
  color: #53ff22 !important;
}
.checkout .green-widget .form-check.form-switch input:checked {
  background-color: #40bf1d;
}
.checkout .FareSummary .return-fare span {
    color: #c0c0c0;
    font-size: 13px;
}

/*#####################__________HERO BANNER SECTION __________########################*/

.home-banner .hero-text-prt{position: absolute; max-width: 610px;top: 0;z-index: 1;padding: 100px 50px;color: #fff;}
.home-banner .locations{ letter-spacing: .5px;}
.home-banner .rating-badge {background-color: #fff;color: #000; border-radius: 50px;font-weight: 600;margin-left: 10px; width:32px; height:32px;}
.home-banner .star {color: #fff;font-size: 1rem;margin-left: 4px;}

.home-banner .pill-btn {border-radius: 50px; padding: 14px 28px;font-weight:700;letter-spacing: 0.5px;display: flex;align-items: center;gap: 10px; font-size:11px}
.home-banner .pill-white {background-color: #fff;color:#222222; border: none;}
.home-banner .pill-white:hover, .home-banner .pill-outline:hover{ background-color:#222; color:#fff}
.home-banner .pill-outline { background-color: transparent; color: #fff;border: 2px solid #fff;}
.home-banner .pill-btn i {font-size: 1.1rem;}



/*###################___________OUR SERVICES SECTION___________######################*/
.services-sec .item_title {font-size:15px; color:#fff; width:100%;bottom: 0px; left: 0; padding: 15px; letter-spacing:1px; right:0; margin:0 auto; -webkit-backdrop-filter: blur(8px);-o-backdrop-filter: blur(8px); -moz-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}

/*###################___________preferred-section SECTION___________######################*/
.preferred-section .preff_block{ padding:100px 50px } 
 
  
/*###################___________TESTIMONIAL SECTION___________######################*/
.testimonial-card { padding:50px;box-shadow: 0 8px 30px rgba(0,0,0,0.05); margin-top: 15px;}
.quote-icon {font-size: 48px;color: #bdbdbd;}
.testimonial-label {font-size: 12px;letter-spacing: 1px;color: #333;font-weight: 600;}
.testimonial-title {font-size:20px;font-weight: 600;margin-bottom: 12px; color:#333}
.testimonial-text {color: #444;font-size: 15px;line-height: 1.7; margin-bottom:0}
.testimonial-card .avatar {width:80px;height:80px;border-radius: 50%;object-fit: cover; border:3px solid #eaeaea}
.testimonial-card .rating i {font-size: 14px;color: #999;}
.quote-icon{ position:absolute; top:-25px}
     
  
.Categories-bottom .swiper-slide{cursor: pointer; color:#999}
.Categories-bottom .swiper-slide-thumb-active{ color:#1B1C19;background-color: transparent; border-bottom:3px solid #D9D9D9}
.Categories-bottom .mySwipe{ padding:10px 15px 10px 0px; width:250px !important;margin-right: 15px; margin-left:5px }
.banner-dots { left: 55px !important;}

/*###################__________FOOTER SECTION___________######################*/
 
.site-footer{background-color:#1B1C19}
.footer-main{ font-size: 14px;padding-top:80px; border-top: 1px solid #494947;}
.footer-main .headings{color:#fff; margin-bottom: 20px; font-weight:600;letter-spacing:.03em; font-size:15px}
.footer-main .social-handles a{background-color: #fff; color: #333; font-size: 20px; height: 40px; width: 40px; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center;margin-right: 5px;}
.footer-main .social-handles a:hover{background-color: #333; color: #fff;}
.border-pre{border-top: 1px solid #434343;}

.footer-main .footer-links ul li{margin-bottom:20px;}
.footer-main .footer-links ul li a{display: block;}
.footer-main .footer-links ul li a,
.footer-main p,
.footer-main address,
.footer-main p a, .footer-more-links .lst-links a{color:#d0d4d2}

.footer-main .footer-links ul li a:hover,
.footer-main p a:hover, .footer-more-links .lst-links a:hover{color:#5c5c5c}

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

.footer-main .ftr-contact-info .info-block h6{color:#b8c0c0; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}

.footer-btm{ font-size:12px;color:#ccdfe3}
 
.newsletter_sec input::-webkit-input-placeholder { color: rgb(255 255 255 / 50%);}
.newsletter_sec input::-moz-placeholder { color: rgb(255 255 255 / 50%);}
.newsletter_sec input:-ms-input-placeholder { color: rgb(255 255 255 / 50%);}
.newsletter_sec input:-moz-placeholder { color: rgb(255 255 255 / 50%);}
.newsletter_sec .form-control:focus{ color:#fff} 

.footer-more-links{border-top:1px solid #494947;}
.footer-more-links .lst-links a{ font-size: 13px; text-decoration: none; margin-right: 40px;}
 
.Privacy-lnk{ color:#fff; text-decoration:underline} 

 


.journey-text {font-size: clamp(3rem, 8vw, 8rem);font-weight: 900;letter-spacing:2.5rem;color: #fff;background: linear-gradient(to bottom, #fff 30%, rgba(255, 255, 255, 0.1) 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-transform: uppercase;}

.journey-section:after{text-align:center;position: absolute;left: 0;right: 0;bottom: 0;background: rgb(27 28 25);background: -moz-linear-gradient(180deg, rgba(25,30,55,0) 0%, rgba(0,0,0,0.80) 100%);background: linear-gradient(180deg, rgba(25, 30, 55, 0) 0%, rgb(27 28 25) 100%);background: linear-gradient(180deg, rgba(25, 30, 55, 0) 0%, rgb(27 28 25) 100%);content:"";padding:100px;width:100%}


/*###############################################################################*/
/*##################_________INNER PAGE CSS START HERE_________##################*/
/*###############################################################################*/

/*###################__________BOOKING PAGE CSS START HERE___________######################*/
.gradient_bg-cl{background-color: #000;background: linear-gradient(145deg, #000, #2c3035);}

.tabs_Sec .nav-pills .nav-link {background-color: transparent;color: #adb5bd;margin-right: 10px;font-weight:600; border-radius: 50px;position: relative;border: 2px solid transparent;}
.tabs_Sec .nav-pills .nav-link.active, .tabs_Sec .nav-pills .show>.nav-link {color: #fff;border: 2px solid #fff;}
.tabs_Sec .nav-pills .nav-link.active::after { content: "";position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;}
 
.booking-card {border-radius:15px;padding:25px;max-width: 470px;color: white; border:1px solid #A1A1A1}
.booking-card .input-group-custom {display: flex;align-items: center;margin-bottom: 25px;position: relative;}
.booking-card .input-group-custom i {width: 30px; font-size: 1.2rem;color: #f8f9fa;}
.booking-card .input-group-custom input, .booking-card .input-group-custom select {background: transparent;border: none;border-bottom: 1px solid #A1A1A1;color: white;width: 100%;padding: 5px 10px; border-radius: 0;}
.booking-card .input-group-custom select option { color: black;background-color: white;}
.booking-card .nav-pills.main-key li.nav-item .nav-link {
    width: 195px;
}
.booking-card .input-group-custom input:focus {outline: none;border-bottom: 1px solid #fff;box-shadow: none;}
.booking-card .line-connector {position: absolute;left: 14px;top: 30px;height: 40px; border-left: 1px solid #6c757d;}
.booking-card .dot {position: absolute;left: 12px;top: 65px;width: 5px;height: 5px;background: white;border-radius: 50%;}
.booking-card .btn-outline-dark {border: 1px solid #6c757d;background: transparent;color: #adb5bd;border-radius: 8px;margin-bottom: 5px;margin-left: 5px;font-size: 0.9rem;}
.booking-card .btn-outline-dark:hover { border-color: white; color: white;}
 
.booking-card .departuers-box{ border-bottom: 1px solid #c5c5c5;color: white;width: 100%}
.booking-card .Guests .pill-btn {padding: 8px 18px;border: 1.5px solid #cbd5e1;border-radius: 9999px;color: #e5e7eb;font-size: 14px;font-weight: 500;background: transparent;cursor: pointer;display: inline-flex;align-items: center;white-space: nowrap; margin-left:5px}
.booking-card .Guests .pill-btn:hover {background: rgba(255, 255, 255, 0.08);} 

 
.booking-card .form-switch.form-switch-md { margin-bottom: 1rem;  }
.booking-card .form-switch.form-switch-md .form-check-input { height: 1.5rem;width: calc(2rem + 0.75rem);border-radius: 3rem;margin-right: 10px}
.booking-card .form-check-input:checked {background-color: #000000;border-color: #000000;}  

.booking-card select {-webkit-appearance: menulist;appearance: menulist;width: auto;}

/*###################__________CHECKOUT PAGE CSS START HERE___________######################*/
.checkout .muted {color: #9aa0a6;font-size: 14px;}
.checkout .policy li {margin-bottom: 14px;font-size: 14px;color: #c7c7c7; display: flex;}
.checkout .policy li i {position: relative; top: 5px;}
.checkout .form-check-input { width: 42px; height: 22px;}
.checkout .form-check-input:checked {background-color:#4b4b4b;border-color:#4b4b4b;}
.FareSummary { background-color: #1a1a1a;} 

.alter.overly {text-align: center;padding: .3125rem 0;}
.alter.overly p{background: #fff;height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;margin: 0 auto 10px auto;border-radius: 50px;}

/*###################__________OTP PAGE CSS START HERE___________######################*/
.otp-box {padding: 3rem;text-align: center; max-width: 500px;width: 100%;margin:0 auto}
.otp-input {display: flex;justify-content: center;margin-bottom: 2rem;}
.otp-input input {width: 50px;height: 50px;margin: 0 8px;text-align: center;font-size: 1.5rem;border: 2px solid #fff;border-radius: 12px;background-color:transparent;color: #ffffff;transition: all 0.3s ease}
.otp-input input:focus {border-color:#646464;box-shadow: 0 0 0 2px rgba(166, 86, 246, 0.3);outline: none;}
.otp-input input::-webkit-outer-spin-button,
.otp-input input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;}
.otp-input input[type=number] { -moz-appearance: textfield;}
button:disabled {background: #cccccc;border-color: #999999;color: #666666;cursor: not-allowed;transform: none; box-shadow: none;}
#timer {font-size: 1rem;color: #fff;font-weight: 500;margin-left: 10px;}
@keyframes pulse {0% { opacity: 1; } 50% { opacity: 0.5; }100% { opacity: 1; }}
.otp-box .expired {animation: pulse 2s infinite;color: #ff4444;}
.otp-box .resend-text {margin-top: 1rem;font-size: 0.9rem; color: #b0b0b0;}
.otp-box .resend-link {color:#d0d4d2;text-decoration: none;cursor: pointer;transition: color 0.3s ease;}
.otp-box .resend-link:hover {color: #fff;text-decoration: underline;}
#email {color: #d0d4d2;font-weight: 500; font-size: 17px;}


.login-form .form-group span {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color: hsla(0, 0%, 85%, .5);}
.login-form .form-group input {padding-left:1.2rem; background: transparent;}
.login-form input:focus {outline: none;border-bottom: 1px solid #fff;box-shadow: none;}
.login-form input {background: transparent;border: none;border-bottom: 1px solid #A1A1A1;color: white;width: 100%;padding: 5px 10px; }

.login-form input::-webkit-input-placeholder { color: rgb(255 255 255 / 50%);}
.login-form input::-moz-placeholder { color: rgb(255 255 255 / 50%);}
.login-form input:-ms-input-placeholder { color: rgb(255 255 255 / 50%);}
.login-form input:-moz-placeholder { color: rgb(255 255 255 / 50%);}
.login-form .form-control:focus{ color:#fff} 

/*.login-form  input:-webkit-autofill,
.login-form  input:-webkit-autofill:hover,
.login-form  input:-webkit-autofill:focus,
.login-form  textarea:-webkit-autofill,
.login-form  select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important;  
    transition: background-color 5000s ease-in-out 0s;
}
*/
.mdtp__wrapper {
    left: 0;
    right: 0;
    bottom: auto;
    transform: translate(0px, 50%);
    width: 300px;
    margin: 0 auto;
}
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__am.active, .mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__clock_dot, .mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__pm.active, .mdtp__wrapper[data-theme="blue"] .mdtp__time_holder {
    background-color: #313131;
}
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__digit span:hover, .mdtp__wrapper[data-theme="blue"] .mdtp__digit.active span {
    background-color: #313131 !important;
}
.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active:before,
.mdtp__digit.active:before,
.mdtp__clock .mdtp__digit span:hover, .mdtp__digit.active span {
    background-color: #313131 !important;
}
.mdtp__button, .mdtp__wrapper[data-theme="blue"] .mdtp__button{
    color: #313131;
}
.number-guests .pill-counter {
    display: flex;
    align-items: center;
    gap: 6px;
}
.number-guests .count-btn {
    background-color: #212529;
    border: 0;
    color: #fff;
    width: 31px;
    height: 32px;
    line-height: 0px;
    border: solid 1px #555555;
    border-radius: 6px;
    display: inline-flex;
    cursor: pointer;
        align-items: center;
    justify-content: center;
}
  .DropAirport-widget .DropAirport {
    display: flex;
    flex-wrap: wrap;
    background-color: #1a1a1a;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.DropAirport-widget .DropAirport .input-group-custom input {
    background-color: transparent;
    border: 0;
    border-radius: 5px;
    padding: 4px 15px;
    border: solid 1px #3f3f3f;
    width: 100%;
    color: #ffffff;
    font-size: 14px;  
}
.otp-verification-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.otp-verification-wrapper .Booking-banner {
    max-width: 630px;
    width: 100%;
}
.DropAirport-widget .DropAirport .input-group-custom input::placeholder{
  color: #888; font-size:11px
}
.DropAirport-widget .DropAirport .input-group-custom {
  margin-right: 0px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 50%;
  padding: 0px 15px;
}
.DropAirport-widget .DropAirport .input-group-custom select.form-select-sm {
    width: 150px;border-bottom: 1px solid #3c3c3c !important;
}
.DropAirport-widget .DropAirport .input-group-custom i {
    margin-right: 5px;
    color: #ffffff;
}
.DropAirport-widget .DropAirport .input-group-custom .terminal-btn label.btn-outline-dark {
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    color: #fff;
}
.number-guests .pill-counter{
  color: #ffffff;
  font-size: 14px;
}
.site-header .custom-width {
  align-items: flex-start !important;
}
.site-header .custom-width .btn.btn-black {
  margin-top: 17px;
}

.popup-overlay {
    position: fixed;
    background-color: rgb(0 0 0 / 54%);
    width: 100%;
    left: 0;
    height: 100%;
    top: 0px;
    z-index: 9999;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(6px);
    display: none;
}

.popup-overlay .popup-box {
    background-color: #000;
    border: solid 1px #383838;
    border-radius: 15px;
    max-width: 470px;
    width: 100%;
    padding: 20px 15px;
}
.popup-overlay .popup-box input {
    width: 100%;
    height: 48px;
    border: solid 1px #2c2c2c;
    background-color: transparent;
    border-radius: 5px;
    padding: 0px 15px;
    color: #828282;
    font-size: 14px;
}
.popup-overlay .popup-box input::placeholder {
  color: #828282;
}
.popup-overlay .popup-box .form-group {
    margin-bottom: 15px;
}
.popup-overlay .popup-box .form-group.phone-group {
    display: flex;
}

.popup-overlay .popup-box .popup-header {
    position: relative;
}
.popup-overlay .popup-box .popup-header h5 {
    color: #fff;
    font-weight: 700;
}
.popup-overlay .popup-box .popup-header #closePopup {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 29px;
  line-height: 20px;
  cursor: pointer;
}
.popup-overlay .popup-box .form-group.phone-group select {
  background-color: transparent;
  color: #fff;
  border-radius: 5px 0px 0px 5px;
  border-color: #2c2c2c;
  border-right: 0;
}
.popup-overlay .popup-box .form-group.phone-group input {
  border-radius: 0px 5px 5px 0px;
}
.popup-overlay .popup-box .popup-btn.btn {
  border: solid 1px #fff;
  width: 100%;
  border-radius: 40px;
  color: #fff;
}
.popup-overlay .popup-box .popup-subtext {
  color: #828282;
  font-size: 14px;
  font-weight: 200;
}
.profile-wrapper .card {
  border: solid 0px #4a4a4a;
}
.profile-wrapper .card .bg-body-secondary {
  background-color: #292929 !important;
}
.profile-wrapper .card .bg-body-secondary p {
  color: #fff !important;
  font-size: 12px;
}
.profile-wrapper .card .card-body h5 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.profile-wrapper .card .card-body p {
  color: #fff !important;
}
.profile-wrapper .card .card-body .btn.btn-outline-secondary {
  border-radius: 60px;
  color: #be8425;
  border: solid 1px #be8425;
}
.profile-wrapper .card .card-body .btn.btn-outline-secondary:hover{
  background-color: #be8425;
  color: #000;
}
.profile-wrapper .card .card-body svg text {
  text-transform: uppercase;
  fill: #fff;
  font-size: 28px;
}
.profile-wrapper .right-widget .heading-hearder h2 {
  color: #fff;
}
.profile-wrapper .right-widget .details-widget .item {
  border-color: #393939 !important;
}
.profile-wrapper .right-widget .details-widget .item span {
  color: #fff !important;
}
.profile-wrapper .right-widget .details-widget .item strong {
  color: #fff;
  font-size: 14px;
}
.profile-wrapper .card .profile-icon {
  background-color: #efa224;
  width: 100px;
  aspect-ratio: 1;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 40% 60% 70% 30% / 30% 40% 60% 70%;
  animation: wave 6s ease-in-out infinite;
  font-size: 30px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.25), inset -6px -6px 12px rgb(69 69 69 / 35%);
}
@keyframes wave {
  0%, 100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  }
  50% {
    border-radius: 30% 60% 70% 40% / 40% 70% 30% 60%;
  }
}
.trip-wrapper .trip-header .heading h1 {
  color: #fff;
  font-size: 34px;
}
.trip-wrapper .trip-header .heading p {
  color: #b4b4b4;
}
.trip-wrapper .trip-header .nav-pills {
  border: 0 !important;
  margin: 0 !important;
  background-color: #181818;
  border-radius: 50px !important;
}
.trip-wrapper .trip-header .nav-pills li.nav-item .nav-link {
  border-radius: 50px;
  width: 120px;
  color: #ffffff;
}
.trip-wrapper .trip-header .nav-pills li.nav-item .nav-link.active {
  background-color: #ffffff;
  color: #000000;
  border: solid 1px #fff;
}
.trip-wrapper .tab-content .card {
  overflow: hidden;
  background-color: #0d0d0d;
  border: solid 1px #282828;
}
.trip-wrapper .tab-content .card table.table thead th {
  background-color: transparent;
  color: #a1a1a1;
  font-weight: 200;
  font-size: 14px;
  padding: 18px 20px;
}
.trip-wrapper .tab-content .card table.table td a.btn {
  padding: 0;
  background-color: transparent;
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 10px;
  border: 0;
}
.trip-wrapper .tab-content .card table.table td a.btn:hover {
  background-color: transparent;
}
.trip-wrapper .tab-content .card table.table td a.btn:hover svg{
  stroke: #ffffff;
}
.trip-wrapper .tab-content .card table.table tr {
  vertical-align: middle;
  border-color: #282828;
}
.trip-wrapper .tab-content .card table.table td {
  background-color: transparent;
}
.trip-wrapper .tab-content .card table.table td .badge {
  background-color: #cfa4a4;
  border-radius: 50px;
  font-weight: 500;
  padding: 5px 10px;
}
.badge.bg-completed {
  background-color: hsl(142deg 70% 45% / 20%) !important;
  color: hsl(142deg 70% 45%) !important;
}
.badge.bg-cancelled {
  background-color: hsl(0deg 70% 50% / 20%) !important;
  color: hsl(0deg 70% 50%) !important;
}
.badge.bg-pending {
  background-color: hsl(38deg 92% 50% / 20%) !important;
  color: hsl(38deg 92% 50%) !important;
}
.badge.bg-confirmed {
  background-color: hsl(210deg 70% 50% / 20%) !important;
  color: hsl(210deg 70% 50%) !important;
}
.trip-wrapper .tab-content .card table.table td {
  background-color: transparent;
  color: #fff;
  font-size: 14px;
  padding: 0px 20px;
}
.trip-wrapper .tab-content .card table.table td a.btn svg {
  color: #fff;
  width: 16px;
  stroke: #8e8e8e;
}
#bookingDetailsModal .modal-content {
  background: linear-gradient(145deg, #000, #2c3035);
}
#bookingDetailsModal .modal-content .modal-header .modal-title span {
  color: #fff;
}
#bookingDetailsModal .modal-content .modal-body .text-muted {
  color: #fff !important;
}
#bookingDetailsModal .modal-content .modal-body .fw-medium {
  color: #fff;
  font-weight: 400 !important;
  font-size: 14px;
}
#bookingDetailsModal .modal-content .modal-body .text-muted.small {
  color: #6e6e6e !important;
}
#bookingDetailsModal .modal-content .modal-body .text-muted.small.border-left {
  border: 0;
  border-left: solid 1px #fff;
  border-style: dashed;
}
#bookingDetailsModal .modal-content .driver-deatils {
  background-color: #101010;
}
#bookingDetailsModal .modal-content .border-bottom {
  border-color: #2b2b2b !important;
}
#bookingDetailsModal .modal-content .fare-widget {
  background-color: #ffffff;
}
#bookingDetailsModal .modal-content .fare-widget span {
  font-size: 16px;
  font-weight: 500;
}
#bookingDetailsModal .modal-content .fare-widget i.fa-indian-rupee-sign {
  font-size: 20px;
}
#bookingDetailsModal .modal-content .modal-header .btn-close {
  filter: brightness(0) invert(1);
  opacity: 1;
}
.privacy-policy-wrapper .data-content {
  border-radius: 20px;
  padding: 30px;
}.privacy-policy-wrapper .data-content h2 {
  font-weight: 900;
}
.privacy-policy-wrapper .data-content h5 {
  font-weight: 700;
}
.privacy-policy-wrapper .data-content ul li {
  color: #9e9e9e;
}
.privacy-policy-wrapper .data-content h6 {
  color: #7d7d7d;
  margin-bottom: 30px;
}
.contact-wrapper .widget .item .icon {
  width: 60px;
  aspect-ratio: 1;
  display: flex;
  background-color: #dddddd;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}
.contact-wrapper .widget .item .icon svg{
  stroke: #4c4c4c;
}
.contact-wrapper .widget .item {
  
  border-radius: 15px;
  border: solid 1px #A1A1A1;
  display: flex;
  align-items: center;
  padding: 20px 15px;
  gap: 20px;
  height: 140px;
}
.contact-wrapper .widget .item .details h3 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 3px;
}
.contact-wrapper .section-heading h2 {
  font-size: 37px;
  font-weight: 800;
  color: #000000;
}
.contact-wrapper .widget .item .details p {
  color: #4c4c4c;
}
.contact-wrapper .form-widget {
   
  border: solid 1px #A1A1A1;
  border-radius: 16px;
  padding: 20px;
}
.contact-wrapper .form-widget .form-group {
  margin-bottom: 20px;
}
.contact-wrapper .form-widget h4 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  gap: 10px;
  color: #000000;
}
.contact-wrapper .form-widget h4 svg {
  stroke: #000000;
}
.contact-wrapper .form-widget .form-group label {
  color: #4a4a4a;
}
.contact-wrapper .form-widget .form-group .form-control {
  background-color: transparent;
  border-radius: 6px;
  color: #8f8f8f;
  margin-top: 10px;
  border: solid 1px #454545;
}
.contact-wrapper .form-widget .form-group .form-control::placeholder{
  color: #8f8f8f;
}
.contact-wrapper .form-widget .form-group button.btn {
  background-color: #000;
  width: 100%;
  color: #fff;
  height: 54px;
}
.contact-wrapper .form-widget .form-group button.btn:hover {
  background-color: #ffffff;
  color: #000000;
}
.number-guests{ margin-left:40px}


.success-booK {border-radius: 15px;padding: 25px;color: white;border: 1px solid #A1A1A1;}
.checkout .policy li p { color: #5c5c5c; margin-bottom: 0;}


.fix-btnfooter{position: fixed;bottom: 0;z-index: 66;transform: translateY(100%);transition: transform 0.3s ease-in-out}
.fix-btnfooter.show{transform: translateY(0)}


/* FAQ'S PAGE CSS =============================================================================== */
.accordion-button::after {font-family: "Font Awesome 7 Free";font-weight: 900;content: "\2b";font-size:.9rem;
transition: transform 0.3s ease, color 0.3s ease;margin-left: auto;background-image: none;}
.accordion-button:not(.collapsed)::after {content: "\f068"; /* minus icon */background-image: none;transform: rotate(180deg);font-size:.9rem;}
.accordion-collapse {transition: height 0.35s ease;}
.accordion{ border:0}

.faq-block .accordion-item {margin-bottom: 10px;border: none;transition: background-color 0.3s ease, border-radius 0.3s ease;background: transparent;}
.faq-block .accordion-button {font-size: 16px;transition: background-color 0.3s ease, color 0.3s ease, border-radius 0.3s ease;background-color:#0d0d0d;color: #fff;}
.faq-block .accordion-item:first-of-type .accordion-button,
.faq-block .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 0px;}
.faq-block .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {border-radius: 0px;}
.faq-block .accordion-body {color: #a9a9a9;font-size: 15px;transition: background-color 0.3s ease, color 0.3s ease, padding 0.3s ease;}
.faq-block .accordion-button:not(.collapsed) {background-color:#141414;color: #fff;}


.btn-check:checked+.btn{ border-color:#198754}
.booking-card.Coupon input::placeholder{color: #888; font-size:14px; padding-left:1px}
.coupon-btn{ background-color:transparent; border:0; color:#fff}

.mdtimepicker { top: -60px !important;}

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
}
 
@media screen and (min-width: 1600px) {

}
  
@media screen and (min-width: 1400px) {
  
} 

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
    
}
@media (min-width: 992px) {
  .home-banner .banner-img {
    display: none;
  }
}
  

@media (max-width: 991.98px) {
  .home-banner {
    background-color: #000000 !important;
  }
  .home-banner .hero-text-prt {
    position: relative;
  }
   
   .home-banner .hero-text-prt {
    padding: 20px;
   }
  .home-banner .hero-block img {
    display: none;
  }
  .home-banner .banner-img img {
    display: inline-block;
  }
  .home-banner .banner-img {
    position: relative;
    margin-top: -200px;
    text-align: end;
  }
}

@media (max-width: 767.98px) {
  .home-banner .banner-img {
    position: relative;
    margin-top: 0px;
  }
  .home-banner .custom-width .locations {
    display: flex;
    flex-wrap: wrap;
  }
  .journey-text {
    letter-spacing: 10px;
    font-size:12vw;
  }
  .all_heading {
      font-size: 30px;
  }
  .my-paddings {
    padding: 40px 0;
  }
  .trip-wrapper .trip-header {
    flex-direction: column;
  }
  .trip-wrapper .tab-content .card table.table {
    width: 850px;
  }
}
@media (max-width: 576.98px) {
	
.home-banner .pill-white {text-align: center;display: block; width:100%;margin-bottom: 15px;}
.PremiumElectric-section .btn{ width:100%}	
.booking-card {padding: 20px;}
.booking-card .nav-pills.main-key li.nav-item .nav-link {width: auto;font-size: 13px}
.tabs_Sec .nav-pills .nav-link { margin-right: 0}
.booking-card .input-group-custom input, .booking-card .input-group-custom select {font-size: 13px;text-align: left}
.mdtp__wrapper {margin-top: -100px !important;}
.Booking-banner.checkout .d-flex.crt-mb{ display:block !important;text-align: center; }
.gst-add-btn{ width:100%}
.checkout .tabs_Sec .nav-pills .nav-item .nav-link {width: auto}
.crt-mb .badge { width:100%; margin:5px}
.login-form{ padding: 30px !important;}
.paymet-page .pay-button{ font-size:14px !important}
.privacy-policy-wrapper .data-content {padding: 15px}
.site-footer { padding-bottom: 50px;}
.DropAirport-widget .DropAirport .input-group-custom select.form-select-sm {width: 140px}

input[type="date"]:not(:focus):not([value]):before {content: attr(data-placeholder); color: #999;}
.p-off-mob.align-items-center {align-items: inherit !important; }
.p-off-mob .d-flex.align-items-center{align-items: inherit !important;}
.p-off-mob i{padding-top: 5px;}
.profile-wrapper .right-widget .heading-hearder.d-flex { display:block !important}
.right-widget .buttons{ margin-top:10px}
}

@media (max-width: 460px) {
  
 
.booking-card .departuers-box {
    flex-direction: column;
}
.booking-card .departuers-box .terminal-btn {
    margin-left: 0 !important;margin-top: 15px;
  }
  .DropAirport-widget .DropAirport .input-group-custom,
  .DropAirport-widget .DropAirport .input-group-custom input{
    width: 100%;
    margin-right: 0;
  }
}