/* Designed by Tanu */

/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Cantarell */
@import url('https://fonts.googleapis.com/css2?family=Cantarell:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Oswald */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

/* Barlow */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Cabin */
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

/* Cabin+Condensed */
@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&display=swap');

/* Cabin+Condensed */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,100..1000,96,468,79,-203,738,514,712&display=swap');



:root {
    --font-roboto: 'Roboto', sans-serif;
    --font-cantarell: 'Cantarell', sans-serif;
    --font-oswald: 'Oswald', sans-serif;
    --font-barlow: 'Barlow', sans-serif;
    --font-cabin: 'Cabin', sans-serif;
    /*    --font-cabin-condensed: 'Cabin SemiCondensed', sans-serif;*/
    --bs-primary-color: #1F1F1F;
    --bs-red-color: #E00016;
    --bs-dark-red-color: #8C042B;
    --bs-grey-color: #575757;
    --bs-light-grey-color: #EEEEEE;
    --bs-black-color: #302627;
    --bs-white-color: #FAFAFA;
    --bs-light-blue-color: #CCDFEA;
    --bs-bg-color3: #F0D0AF;
    --bs-body-font-size: 18px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 24px;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: var(--font-barlow);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-black-color);
}

h1,
h2,
h3,
h5,
h6 {
    margin: 0;
    padding: 0;
    /*   font-family: "Roboto Flex", sans-serif !important; */
    color: var(--bs-black-color);
    letter-spacing: 1px;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: inherit;
	font-weight:600;
}

a:hover {
    color: #cb0216;
}

li {
    list-style: none;
}

h4 {
    font-weight: var(--font-barlow) !important;
}

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

header {
    background: #0000009e;
    position: absolute;
    width: 100%;
    z-index: 999;
}

header .top-header {
    padding: 10px 0 0;
}

header .top-header .top-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* header .top-header{
    border-bottom: 1px solid var(--bs-light-grey-color);
} */
header .top-header .top-btn a {
    color: var(--bs-white-color);

}

header nav.navbar a.navbar-brand img {
    width: 190px;
    height: 100%;
    object-fit: cover;
}

header nav.navbar ul.navbar-nav li.nav-item a.nav-link {
    color: var(--bs-white-color);
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--font-cantarell);
    /* padding-bottom: 0; */
     padding: 10px 0px 0px;

}

header nav.navbar ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #F0D0AF;
    text-decoration: underline;
}

.banner .text-wrapper p {
    font-weight: 500;
}

ul.navbar-nav {
    border-top: 1px solid #ffffff69;
    justify-content: space-between !important;
    padding: 0 30px !important;
    margin: 0 !important;
}

.page{
margin: 0 !important;
}


a.custom-logo-link {
    z-index: 999;
    transform: translateY(-30%);
    background: #00000000;
    width: 270px;
    text-align: center;
    margin: 0 auto;
    padding: 0px 20px;
}

.navbar-expand-lg {
    padding-bottom: 0;
    padding-top: 0;
}

div#inPersonForm input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date.form-control {
    margin: 15px 0;
}


/* header nav.navbar .navbar-collapse ul{
  gap: 70px;
}  */

a.navbar-brand {
    z-index: 999;
    transform: translateY(-30%);
    background: #00000000;
    width: 300px;
    text-align: center;
    margin: 0 auto;
}

.banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    width: 100%;
    padding: 170px 0 80px;
    z-index: 1;
}


.banner h1 {
    font-size: 62px;
    color: var(--bs-white-color);
    letter-spacing: 3px !important;
    margin-bottom: 15px;
    font-family: "Roboto Flex", sans-serif  !important;
    font-weight: 600;
}

.banner h1 a {
    color: #fff;
}

.banner h2 {
    font-size: 26px;
    color: #a1a1a1;
    font-weight: 500;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 25px;
    font-family: var(--font-cabin) !important;
}

.banner .slide-item{
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.about-banner .slide-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff69;
}
.about-banner h2:before{
    display: none;
}
.about-banner h2{
    margin-bottom: 0;
    padding-bottom: 15px;
}

.about-banner ul.list-wrapp{
padding-top: 40px;
}

/* Service Banner */

.service-banner .slide-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff69;
}
.service-banner h2:before{
    display: none;
}
.service-banner h2{
    margin-bottom: 0;
    padding-bottom: 15px;
}

.service-banner ul.list-wrapp{
padding-top: 40px;
}


/* End */

/* City Details Banner */
.city-details-banner .slide-item{
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

 .city-details-banner .slide-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff69;
}
.city-details-banner h2:before{
    display: none;
}

.city-details-banner h2{
    margin-bottom: 0;
    padding-bottom: 15px;
}


.city-details-banner ul.list-wrapp{
padding-top: 40px;
} 


/* End */



.banner h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff69;
}

.banner p {
    color: var(--bs-white-color);
}

.banner .video-sec video {
    position: absolute;
    top: 0;
}

.banner .text-wrap {
    white-space: normal !important;
    position: relative;
    z-index: 999;
    margin-right: 50px;
}

.banner .text-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: start;

}

.banner .text-wrapper p {
    max-width: 450px;
}

.contact-form-section {
    background: #f8f9fa;
}

.banner h3 {
    font-weight: 400;
    color: var(--bs-white-color) !important;
    font-family: var(--font-roboto);
    font-size: 22px;
}

.banner .form-wrap h3 {
    color: var(--bs-black-color) !important;
}

.contact-form-section .form-control {
    border-radius: 8px;
}

.banner .flat-rate-btn {
    width: auto;
    padding: 8px 30px;
    background: var(--bs-white-color);
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.5);
    color: var(--bs-black-color);
    cursor: pointer;
    overflow: hidden;
    font-weight: 600;
    transition: all 0.3s ease;
    transition: background 0.8s ease-in-out, color 0.8s ease-in-out;
}

.banner .flat-rate-btn button {
    color: #000;
    position: relative;
    border: navajowhite;
    background: none;
    box-shadow: none !important;
    font-size: 16px;
    font-family: var(--font-roboto);
}

.banner .flat-rate-btn:hover {
    color: #fff !important;
    background-color: var(--bs-black-color) !important;
}

.banner .flat-rate-btn:hover button {
    color: #fff;
}

.banner .flat-rate-btn button.btn-3:hover::before {
    display: none;
}

/* Shiny animation */
.banner .flat-rate-btn button.btn-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.6) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    animation: shine 2s infinite;
}


@keyframes shine {
    0% {
        left: -75%;
    }

    100% {
        left: 125%;
    }
}

.checkbox label {
    color: var(--bs-black-color);
    font-size: 16px;
    padding-left: 10px;
}

.banner .form-wrap {
    /* background: #ffffff0f; */
    padding: 20px;
    border-radius: 20px;
    max-width: 530px;
    margin-left: 20px;
    /* background-color: transparent; */
    background-color: rgb(0 0 0 / 30%);
    position: absolute;
    z-index: 2;
    backdrop-filter: blur(10px);
}

.banner .form-wrap h2 {
    color: #fff;
    border: none;
    padding: 0;
    margin: 0;
    font-family: var(--font-roboto) !important;
    font-weight: 300;
    font-size: 24px;
}

.banner .form-wrap .checkbox label {
    color: #ffffff91;
    font-family: var(--font-roboto);
    font-weight: 300;
}

.banner input {
    background-color: #dadada !important;
    border: 1px solid #fff !important;
}

.banner .form-control {
    font-size: 16px;
    color: #505356 !important;
    font-family: var(--font-barlow);
}

.banner textarea {
    background-color: #dadada !important;
    border: 1px solid #fff !important;
    resize: none;
    height: 80px;
    overflow: auto;
}

.form-control:focus {
    box-shadow: none !important;
}

button.btn-4 {
    border: none;
    width: 100%;
    padding: 8px 20px;
    font-family: var(--font-roboto);
    font-weight: 300;
    background: #000;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
    font-size: 16px;
}

button.btn-4:HOVER {
    background: #460216;
    transition: 0.5s ease-in-out;
}

.banner ul.list-wrapp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0 30px;
}

.banner ul.list-wrapp li {
    text-align: center;
}

.banner ul.list-wrapp li .count {
    font-size: 70px;
    font-family: var(--font-oswald);
    color: var(--bs-grey-color) !important;
    /* margin-bottom: 8px; */
    font-weight: 300;
    background: linear-gradient(to top, #575757, #f0cfaf33);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    line-height: 1.2;
}

.about-banner ul.list-wrapp li .count {
    /* background: linear-gradient(to top, #575757, #ffffff); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.banner ul.list-wrapp li p {
    font-weight: 600;
    color: #A6A6A6;
    line-height: 22px;
    font-size: 16px;
}

.banner-btn-wrapp {
    display: flex;
    align-items: center;
    gap: 60px;
}

.btn-5 {
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 11px 40px;
    font-family: var(--font-roboto);
    font-weight: 300;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 16px;
    background: linear-gradient(270deg, #000000, #585858, #000000);
    background-size: 400% 400%;
    animation: gradientFlow 8s ease infinite;
    box-shadow: inset 0 1px 0 rgba(88, 88, 88, 0.2),
        0 1px 13px rgba(160, 159, 159, 0.3);
    transition: color 0.4s ease;
    width: 250px;
}

/* Dark overlay */
.btn-5::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
    border-radius: 10px;
}

/* Glow */
.btn-5::after {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    filter: blur(20px);
    opacity: 0.6;
    z-index: -2;
}

/* Hover */
.btn-5:hover::before {
    opacity: 1;
    /* smooth dark fade */
}

.btn-5:hover {
    color: #fff;
    /* box-shadow: 0 0 20px rgba(0,0,0,0.4); */
}


/* Gradient animation keyframes */
@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

a.btn-6 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--bs-white-color);
    padding: 11px 40px;
    background: linear-gradient(327deg, #D10014 0%, #5c161d 60%, #D10014 100%);
    border-radius: 10px;
    font-family: var(--font-roboto);
    font-weight: 300;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease;
    border: none;
    text-decoration: none;
    font-size: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 0 0 rgb(238 238 238 / 50%),
        0 1px 13px rgb(255 255 255 / 30%) !important;
    width: 250px;
}

/* Background animation layer */
a.btn-6 i.bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 200px;
    background-color: inherit;
    box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

/* Rotating shapes */
a.btn-6 i.bg::before,
a.btn-6 i.bg::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 50%;
    transform: translate(-50%, -75%);
}

a.btn-6 i.bg::before {
    border-radius: 46%;
    background-color: rgba(20, 20, 20, 0.2);
    animation: animate 5s linear infinite;
}

a.btn-6 i.bg::after {
    border-radius: 40%;
    background-color: rgba(20, 20, 20, 0.5);
    animation: animate 10s linear infinite;
}

@keyframes animate {
    0% {
        transform: translate(-50%, -75%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -75%) rotate(360deg);
    }
}

/* Fix: black hover background layer goes BELOW text */
a.btn-6::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--bs-black-color);
    border-radius: 10px;
    z-index: 1;
    /* below text, above animation */
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Hover effect */
a.btn-6:hover::before {
    opacity: 1;
}

a.btn-6:hover {
    color: #fff !important;
}

/* Text & icon stay visible above everything */
a.btn-6 .icon,
a.btn-6 span {
    position: relative;
    z-index: 2;
    color: inherit;
}


.count {
    display: inline-block;
    min-width: 60px;
    /* or enough to fit max number */
}



section.banner:before {
    content: '';
    background-color: #0000001a;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.homepg-form {
    background: transparent;
    backdrop-filter: blur(10px);
    z-index: 2;
}

section {
    padding: 70px 0;
}

section.usp .card-wrap {
    padding: 20px 50px 30px 20px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #ffffff 30%, #f1f1f1 100%);
    border: 1px solid #dadada;
    z-index: 1;
    position: relative;
    transition: background 1s ease;
    z-index: 9;
    overflow: hidden;
}

section.usp .card-wrap p {
    font-weight: 500;
    /* font-size: 16px; */
}

/* section.usp .card-wrap:hover {
  background: linear-gradient(166deg, #E00016, #564e4e);
} */

section.usp .card-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(166deg, #E00016, #564e4e);
    opacity: 0;
    transition: opacity 1.5s linear;
    /* 1 second fade */
    pointer-events: none;
}

/* hover trigger */
section.usp .card-wrap:hover::after {
    opacity: 1;
}

section.usp .card-wrap:hover .btn-7 img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(95%) saturate(7000%) hue-rotate(340deg) brightness(80%) contrast(120%);
}

section.usp .card-wrap:hover p {
    color: var(--bs-white-color);
    position: relative;
    z-index: 9;
}

section.usp .card-wrap:hover .icon-wrap {
    background: #fff !important;
    z-index: 9;
}

section.usp .card-wrap:hover .icon-wrap img {
    filter: brightness(1) invert(0) !important;
}

section.usp .card-wrap:hover .btn-7 {
    /* border: 1px solid #E00016 !important; */
    color: #E00016 !important;
    font-weight: 400;
    position: relative;
    z-index: 2;
}

section.usp .card-wrap:hover h3 {
    color: #fff;
    position: relative;
    z-index: 9;
}

section.usp .card-wrap .icon-text-wrap .icon-wrap {
    width: 90px;
    height: 90px;
    background: linear-gradient(166deg, #E00016, #564e4e8f);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.usp {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
}

section.usp:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000033 0%, #ffffff 100%);
}

section.usp .card-wrap .icon-text-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

section.usp .card-wrap .icon-text-wrap .icon-wrap img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    filter: brightness(0) invert(1);
}

section.usp .card-wrap .btn-7 {
    background: #fff;
    border: 1px solid #dadada;
    padding: 8px 12px;
    border-radius: 8px;
    font-weight: 400;
    color: var(--bs-black-color);
    font-size: 16px;
    font-family: var(--font-roboto);
        margin-top: 0 !important;
}

section.usp .card-wrap .icon-text-wrap .heading-wrap {
    width: 75%;
}

section.usp .card-wrap .icon-text-wrap .heading-wrap h3 {
    font-size: 26px;
    font-weight: 400 !important;
      font-family: "Roboto Flex", sans-serif !important;
}

section.usp .card-wrap p {
    margin-bottom: 30px;
}

.about-wrap {
    padding: 100px 0 20px;
    position: relative;
}


h2.title {
    font-size: 48px;
    margin-bottom: 8px;
    /* text-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 0 0 15px rgba(255, 255, 255, 0.5); */
      font-family: "Roboto Flex", sans-serif !important;
    margin-bottom: 30px;
    font-weight: 500;

}

h2.title span {
    background: linear-gradient(to right, #500202 30%, #cb0216 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

}


h3.title {
    font-size: 48px;
    margin-bottom: 8px;
    font-weight: 300 !important;
    /* text-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 0 0 15px rgba(255, 255, 255, 0.5); */
      font-family: "Roboto Flex", sans-serif;
}

h3.title span {
    background: linear-gradient(to right, #500202 30%, #cb0216 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 300 !important;
    /* font-family: var(--font-barlow); */

}

.title-2 h3.title span {
    font-family: var(--font-barlow) !important;
    font-weight: 400 !important;
    /* text-shadow: #fff -1px -3px 8px; */
}

.text-wrap-about {
    padding-right: 100px;
}

.about-wrap .text-wrap-about p {
    font-size: 24px;
    background-color: #fff;
    line-height: 26px;
}

.about-wrap .text-wrap-about ul {
    display: flex;
    margin-top: 30px;
    gap: 30px;
}

.about-wrap .text-wrap-about ul li .count {
    font-size: 75px;
    background: linear-gradient(to bottom, #000000, #f09c48cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: VAR(--font-oswald);
    font-weight: 300;
    line-height: 1.2;
}

.about-wrap .img-wrap {
    position: relative;
}

.about-wrap .img-wrap .img {
    width: 100%;
    height: 100%;
}

.checkbox .mb-3 {
    display: flex;
}

.banner a.btn-6 {
    color: var(--bs-white-color);
    padding: 11px 40px;
    background: linear-gradient(327deg, #D10014 0%, #5c161d 60%, #D10014 100%);
    border-radius: 10px;
    font-family: var(--font-roboto);
    font-weight: 300;
    width: 250px;
}

.about-wrap .text-wrap-about ul li {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.about-wrap .text-wrap-about ul li p {
    font-size: 40px;
}

.about-wrap .img-wrap .btn-7 {
    border: 1px solid var(--bs-black-color) !important;
    color: var(--bs-black-color);
    /* margin: 40px auto; */
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: -30px;
    transition: background 0.5s ease-in-out, color 1s ease-in-out;
}

.about-wrap .img-wrap .btn-7:hover {
    background: var(--bs-black-color);
    color: var(--bs-white-color);
}

.about-wrap .img-wrap .btn-7:hover img {
    filter: invert(1);
}

.title-2 {
    display: flex;
    align-items: center;
    gap: 50px;
    z-index: 1;
    /* margin-bottom: 10px; */

}

.fleet-wrap .title-2 {
    text-shadow: 0px 1px 2px #ffffff, 0 2px 8px #ffffffbb;
    margin-bottom: 20px;
}

.title-2 p {
    font-size: 22px;
    max-width: 500px;
    color: #000;
    line-height: 30px;
    margin-bottom: 30px;
    /* box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.5); */

}

section.fleet-wrap {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
    z-index: 1;
}

section.fleet-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000033 0%, #ffffff 100%);
}

p.card-name {
    color: #000;
    font-weight: 600;
}

.fleet-card-wrap .card-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.fleet-card-wrap {
    border: 1px solid #dfdfdf;
    background: #ffffffa8;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    height: 330px;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fleet-card-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #bbbbbb87 0%, #e000163d 100%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: -1;
}

.fleet-card-wrap:hover::before {
    opacity: 1;
}


.fleet-card-wrap:hover p.card-name {
    color: #791733 !important;
}

.fleet-card-wrap p.card-des {
    color: #dfdfdf;
    margin-bottom: 0;
}

.fleet-card-wrap p span.color-red {
    color: var(--bs-dark-red-color);
}

p.card-name {
    color: #000;
    margin-bottom: 8px;
    font-weight: 600;
}

.fleet-card-wrap .car-info ul {
    display: flex;
    gap: 70px;
    align-items: center;
    justify-content: center;
}

.fleet-card-wrap .car-info ul li {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.fleet-card-wrap .car-info ul li img {
    width: 25px;
    height: 40px;
    object-fit: cover;
}

.fleet-card-wrap .car-info ul li p {
    font-size: 14px;
}

section.fleet-wrap .banner-btn-wrapp {
    justify-content: center;
    z-index: 1;
    position: relative;
    margin-top: 50px;
}

section.service {
    text-align: center;
    padding-bottom: 0;
}

/* section.service a.btn.btn-7:hover {
    background: var(--bs-black-color);
    border: 1px solid var(--bs-black-color);
    color: var(--bs-black-color);
} */

section.service .btn-7:hover img {
    filter: invert(1);
}

section.service .service-wrap .image-wrap {
    position: relative;
    border-radius: 12px;
}

section.service .service-wrap .image-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: #df1e31ae;
    background: linear-gradient(to bottom, #ffffff00 0, #df1e31ae 100%);
    border-radius: 12px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

section.service .service-wrap:hover .image-wrap:before {
    opacity: 1;
}

section.service .service-wrap .image-wrap img {
    width: 100%;
    border-radius: 12px;
    height: 200px;
    object-fit: cover;
}

section.service .service-wrap h3 {
    font-size: 26px;
    font-weight: 600;
    font-family: var(--font-barlow) !important;
    margin-bottom: 8px;
    color: #575757 !important;
}

section.service .service-wrap:hover h3 {
    color: #E00016 !important;
}

section.service ul.list-wrapp li {
    margin-bottom: 10px;
}

section.service ul.list-wrapp li button {
    padding: 2px 10px;
    background: #dfdfdf;
    border-radius: 8px;
    position: relative;
    text-align: center;
    display: block;
    border: 1px solid #c9c7c7;
    color: var(--bs-black-color);
    width: 100%;
    font-family: var(--font-barlow) !important;
    font-size: 16px;
    overflow: hidden;

    transition:
        color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        border-color 0.6s ease-in-out,
        box-shadow 0.2s ease-in-out;
}

section.service ul.list-wrapp li button::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(130deg, #df1e31 0%, #1f1f1f 100%);
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: 0;
}

section.service ul.list-wrapp li button:hover {
    color: var(--bs-white-color);
    background: linear-gradient(130deg, #df1e31 0, #1f1f1f 100%);
}

section.service ul.list-wrapp li button>* {
    position: relative;
    z-index: 1;
}

section.service ul.list-wrapp li button span {
    position: relative;
    z-index: 99;
}

section.service ul.list-wrapp li button:hover::after {
    opacity: 1;
}

section.service ul.list-wrapp li button:hover img {
    filter: brightness(0) invert(1);
}

section.service ul.list-wrapp li button:hover img {
    filter: brightness(0) invert(1);
}


section.service .content-wrapper {
    padding: 15px 20px 15px 15px;
    text-align: left;
    position: relative;
}

section.service .content-wrapper p {
    /* line-height: 19px; */
    height: auto;
}

.service-wrap {
    background: var(--bs-light-grey-color);
    border-radius: 12px;
    height: 630px;
    width: 100%;
}

section.fleet-details-services-wrap.service.pt0 {
    padding-bottom: 70px;
}


.btn {
    padding: 5px 10px;
    font-family: var(--font-roboto);
    font-size: 16px;
}

.btn-7 {
    color: var(--bs-black-color);
    margin: 40px auto 0;
    display: inline-block;
    border: 1px solid var(--bs-black-color);
    padding: 6px 20px;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

section.why-choose-us {
    overflow: hidden;
}

section.why-choose-us .why-choose-wrapp {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center;
    position: relative;
    height: 700px;
    width: 100%;
    z-index: 1;
    padding-bottom: 0;
    box-shadow: rgba(136, 165, 191, 0.48) 0 2px 0 0px, #00000070 6px 2px 16px 0px;
    border-radius: 0 40px 40px 0;
    padding: 30px 40px;
    left: -1px;
}

section.why-choose-us .why-choose-wrapp:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(to left, #00000049, #00000049); */
    background: linear-gradient(to left, #0000007a, #00000069);
    border-radius: 40px;
}

.title-3 h3 {
    color: var(--bs-white-color);
    font-size: 36px;
      font-family: "Roboto Flex", sans-serif !important;
    font-weight: 600;
}

.title-3 h2 {
    color: var(--bs-white-color);
    font-size: 50px;
      font-family: "Roboto Flex", sans-serif !important;
}

.title-3 {
    z-index: 999;
    position: relative;
}

section.why-choose-us .why-choose-list {
    z-index: 999;
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 20px;
    margin-top: 15px;
}

section.why-choose-us .why-choose-list .card-wrap {
    display: flex;
    gap: 20px;
    align-items: center;
    background-color: #cccccc29;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #d9d9dd28;
}

section.why-choose-us .why-choose-list .card-wrap .icon {
    background: linear-gradient(166deg, #460216, #282525);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c9c7c7d7;
}

section.why-choose-us .why-choose-list .card-wrap .content-wrap {
    color: var(--bs-white-color);
}

section.why-choose-us .why-choose-list .card-wrap .icon img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

section.why-choose-us .why-choose-list .card-wrap .content-wrap h4 {
    color: #D0C4C5;
    font-weight: 500 !important;
    font-size: 20px;
}

section.why-choose-us .why-choose-list .card-wrap .content-wrap p {
    margin-bottom: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.m0 {
    margin: 0 !important;
}

section.why-choose-us .about-info-wrap {
    padding: 0 100px 0 20px;
}

section.why-choose-us .about-info-wrap p {
    font-size: 20px;
    line-height: 28px;
}

section.why-choose-us .banner-btn-wrapp {
    justify-content: center;
    margin-top: 70px;
}

section.testimonial {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 150px;
    background-attachment: fixed !important;
}

section.testimonial:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: #0000006a; */
    background-color: #0000004a;
}

section.testimonial .review-card-wrap {
    position: relative;
    z-index: 999;
    background: transparent;
    border: 2px solid var(--bs-grey-color);
    border-radius: 8px;
    color: var(--bs-white-color);
    padding: 25px;
}

section.testimonial .review-card-wrap .box-wrap h4.name-wrap {
    font-size: 22px;
    color: var(--bs-white-color);
    font-weight: 600 !important;
}

section.testimonial .review-card-wrap .rating-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.testimonial .review-card-wrap .box-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

section.testimonial .review-card-wrap .box-wrap ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.testimonial .review-card-wrap .box-wrap ul li {
    padding: 2px;
}

section.testimonial .review-card-wrap .box-wrap ul li a img {
    width: 20px;
}

section.testimonial .review-card-wrap .box-wrap p.location {
    font-size: 18px;
    margin-bottom: 0 !important;
}

section.testimonial .review-text p {
    margin-top: 10px;
    margin-bottom: 0 !important;
}

section.testimonial .review-text span {
    font-size: 18px;
}

section.testimonial h2.title {
    color: var(--bs-white-color);
    letter-spacing: 4px;
    position: relative;
    margin-bottom: 0;
    z-index: 9;
    /* text-shadow: 0px 1px 2px #ffffffc2, 0 2px 8px #ffffffbb; */
    text-shadow: 0px 1px 2px #575757, 0 2px 8px #000000bb;
}

section.testimonial .title-2 p {
    color: var(--bs-white-color);
    /* max-width: 600px; */
    margin-bottom: 0 !important;
    z-index: 9;
}

section.testimonial h2.title:before {
    content: '';
    width: 1px;
    height: 90%;
    background: #fff;
    top: 8px;
    right: -25px;
    position: absolute;
}

section.testimonial .testimonial-heading-wrap:before {
    background: #00000029;
    content: '';
    position: absolute;
    width: 75%;
    height: 100%;
    top: 0;
    left: 0;
}

section.testimonial .testimonial-heading-wrap {
    position: relative;
}

section.testimonial .title-2 {
    position: relative;
    margin-bottom: 55px;
    padding: 15px;
    max-width: 1150px;
    text-shadow: 0px 1px 2px #ffffffc2, 0 2px 8px #000000bb;
}


section.testimonial .slide-item {
    margin: 0 20px;
}

.slick-prev,
.slick-next {
    background: transparent;
    border: none;
    font-size: 20px;
    background-color: var(--bs-grey-color);
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    bottom: -40%;
    transform: translateY(-50%);
}

/* button.slick-prev {
    right: 52%;
}

button.slick-next {
    left: 52%;
} */

.main-footer {
    padding: 40px 0 20px;
    background: #171515;
}

footer .main-footer .logo img {
    width: 500px;
    height: 100%;
    object-fit: cover;
}

footer .main-footer .bottom-footer {
    margin-top: 40px;
}

footer .main-footer .top-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .main-footer h4 {
    color: #A6A6A6;
    font-size: 18px;
    margin-bottom: 15px;
    font-family: var(--font-barlow);
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

footer .main-footer a:hover {
    color: var(--bs-white-color);
    background-color: transparent;
}

footer .main-footer .links-wrapp {
    display: flex;
    justify-content: space-between;
}

footer .main-footer .links-wrapp ul li {
    margin-bottom: 20px;
}

footer .main-footer .locations-wrap ul.link-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

footer .main-footer .locations-wrap ul.link-list li a {
    position: relative;
}

footer .main-footer .locations-wrap ul.link-list li a::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 90%;
    top: 2px;
    right: -10px;
    background-color: var(--bs-white-color);
}

footer .main-footer .locations-wrap ul.link-list li:last-child a::after {
    display: none;
}

.btn-1 {
    position: relative;
    padding: 10px 30px;
    background-color: transparent;
    font-family: var(--font-cantarell);
    font-weight: 400;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    z-index: 1;
    border-radius: 8px;
    font-size: 16px;
    border: none;
}

/* Background on hover */
.btn-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(160deg, #525252 0%, #000 60%, #525252 100%);
    opacity: 0;
    transition: 0.4s ease-in-out;
    z-index: -1;
}

.btn-1:hover::before {
    opacity: 1;
}

.btn-1 span {
    position: absolute;
    display: block;
    background: #ffffff8c;
    opacity: 1;
    border-radius: 8px;

}

/* Top border */
.btn-1:hover span:nth-child(1),
header.sticky .btn-1 span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, rgb(255, 255, 255), #ffffff8c);
    animation: animateTop 2s linear infinite;
}

/* Right border */
.btn-1:hover span:nth-child(2),
header.sticky .btn-1 span:nth-child(2) {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to top, rgb(255, 255, 255), #ffffff8c);
    animation: animateRight 2s linear -1s infinite;
}

/* Bottom border */
.btn-1:hover span:nth-child(3),
header.sticky .btn-1 span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgb(255, 255, 255), #ffffff8c);
    animation: animateBottom 2s linear infinite;
}

/* Left border */
.btn-1:hover span:nth-child(4),
header.sticky .btn-1 span:nth-child(4) {
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgb(255, 255, 255), #ffffff8c);
    animation: animateLeft 2s linear -1s infinite;
}

/* Animations */
@keyframes animateTop {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes animateRight {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(-100%);
    }
}

@keyframes animateBottom {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes animateLeft {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(100%);
    }
}



/* header .top-header .top-btn a.btn-2 {
    transition: all 0.3s ease;
    display: inline-block;
    padding: 10px 0;
    border: 1px solid transparent;
    font-family: var(--font-roboto);
    font-weight: 400;
}

header .top-header .top-btn a.btn-2:hover {
    color: var(--bs-white-color);
    background: linear-gradient(327deg, #460216 0%, #000 60%, #460216 100%);
    border: 1px solid #e0001655;
    border-radius: 9px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(238, 238, 238, 0.1), 0 3px 5px rgb(0 0 0 / 30%) !important;
    padding: 10px 20px;
} */


.btn-2 {
    position: relative;
    padding: 10px 30px;
    background-color: transparent;
    font-family: var(--font-roboto, sans-serif);
    font-weight: 400;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    z-index: 1;
    border-radius: 8px;
    font-size: 16px;
}

/* Background on hover */
.btn-2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(160deg, #460216 0%, #000 60%, #460216 100%);
    opacity: 0;
    transition: 0.4s ease-in-out;
    z-index: -1;
}

.btn-2:hover::before {
    opacity: 1;
}

.btn-2 span {
    position: absolute;
    display: block;
    background: #7d0101;
    opacity: 1;
    border-radius: 8px;
}

/* Top border */
.btn-2:hover span:nth-child(1),
header.sticky .btn-2 span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, (rgba(43, 8, 8, 0)), to(#d92626));
    animation: animateTop 2s linear infinite;
}

/* Right border */
.btn-2:hover span:nth-child(2),
header.sticky .btn-2 span:nth-child(2) {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to top, (rgba(43, 8, 8, 0)), to(#d92626));
    animation: animateRight 2s linear -1s infinite;
}

/* Bottom border */
.btn-2:hover span:nth-child(3),
header.sticky .btn-2 span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, (rgba(43, 8, 8, 0)), to(#d92626));
    animation: animateBottom 2s linear infinite;
}

/* Left border */
.btn-2:hover span:nth-child(4),
header.sticky .btn-2 span:nth-child(4) {
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, (rgba(43, 8, 8, 0)), to(#d92626));
    animation: animateLeft 2s linear -1s infinite;
}

.btn-1:hover::before,
header.sticky .btn-1::before {
    opacity: 1;
}

.btn-2:hover::before,
header.sticky .btn-2::before {
    opacity: 1;
}

/* .header .top-header .top-btn a.btn-1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    width: 100%;
    border-radius: 30px 30px 0 0;
    background: linear-gradient(327deg, #1f1f1fc7 0%, #000000 60%, #1f1f1f4f 100%);
    padding: 3px;
    z-index: -1;
    box-sizing: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
} */

/* About Page */


.about-page-wrapp .slider-container {
    height: 250px;
}

.banner .text-wrapper ul {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    width: 100%;
    /* gap: 70px; */
}

.banner .text-wrapper ul p {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 0 !important;
}

/* .banner .text-wrapper ul li i {
    font-size: 20px;
} */

.banner .text-wrapper ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.banner .text-wrapper ul li .icon {
    background: linear-gradient(106deg, #4b1227db 0%, #e00016e6 100%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white-color);
}

.banner .about-page-wrapp ul.list-wrapp li h3 {
    background: linear-gradient(to bottom, #eeeeee 45%, #f0cfaf33 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

section.about-us-page-wrapper {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
    z-index: 1;
}

section.about-us-page-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000033 10%, #ffffffbd 90%);
}

section.about-us-page-wrapper .about-box-wrap2 {
    padding: 0 0 30px;
}

.about-box-wrap1 {
    z-index: 999;
    position: relative;
}

.about-box-wrap2 {
    z-index: 999;
    position: relative;
}

section.about-us-page-wrapper .content-wrap p {
    /* font-size: 20px; */
    line-height: 30px;
    margin-bottom: 30px !important;
}

section.about-us-page-wrapper .img-wrap {
    position: absolute;
    right: 0;
    width: 600px;
    height: 600px;
}


section.about-us-page-wrapper .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 0 0 30px;
}

section.our-story .title-2 h2.title span {
    background: linear-gradient(to right, #575757, #F0D0AF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

section.our-story {
    position: relative;
}

/* section.our-story .title-2 {
    max-width: 250px;
    background: #fff;
    margin: 0 auto;
   z-index: 999;
} */

section.our-story p {
    /* font-size: 20px; */
    line-height: 30px;
    margin-bottom: 30px !important;
}

section.our-story .banner-btn-wrapp {
    justify-content: center !important;
    margin-top: 50px;
}

.our-story-card {
    position: relative;
    padding: 60px 30px 0;
    max-width: 1120px;
    margin: 0 auto;
    border-radius: 30px 30px 0 0;
    background: white;
    z-index: 0;
}

.our-story-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    width: 100%;
    border-radius: 30px 30px 0 0;
    background: linear-gradient(to bottom, #d9d9d9, #fff);
    /* Gradient border */
    padding: 3px;
    /* Border thickness */
    z-index: -1;
    box-sizing: border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}


section.our-story .title-2 h2 {
    position: absolute;
    z-index: 999;
    top: 0;
    transform: translate(50%, -50%);
    left: 30%;
    background: #fff;
    padding: 20px;
}

.about-page-service-section .service-wrap {
    height: 450px;
}

.about-page-service-section .service-wrap h3 {
    height: 50px;
}

.about-page-fleet {
    background-color: #fff !important;
    padding: 50px 0 80px !important;
}

.about-page-fleet:before {
    display: none !important;
}

.about-page-fleet h2.title {
    position: relative;
}

.about-page-fleet .title-2 {
    margin-bottom: 20px;
}

.about-page-fleet h2.title:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 85%;
    background-color: #dfdfdf;
    top: 9px;
    right: -10px;
}

section.about-usp-section .icon {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: linear-gradient(166deg, #E00016, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

section.about-usp-section .mission-icon {
    background: linear-gradient(166deg, #bf9f7f, #fff) !important;
}

section.about-usp-section .value-icon {
    background: linear-gradient(166deg, #50040487, #8a818100) !important;
}

section.about-usp-section .about-usp-wrap {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

section.about-usp-section .about-usp-wrap .icon img {
    width: 140px;
    height: 140px;
    object-fit: cover;

}

section.about-usp-section .about-usp-wrap .content-wrap {
    padding: 0 20px;
    width: 80%;
}

section.about-usp-section .about-usp-wrap .content-wrap p {
    margin-bottom: 20px;
}

section.about-usp-section .about-usp-wrap .content-wrap ul {
    padding-left: 50px;
}

section.about-usp-section .about-usp-wrap .content-wrap ul li {
    list-style: disc;
    margin-bottom: 8px;
}

.pt70{
    padding-top: 70px !important;
}

.pb70{
  padding-bottom: 70px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.btn-7 img {
    width: 20px;
    object-fit: cover;
}

section.service .content-wrapper ul.list-wrapp li img {
    width: 11px;
    position: absolute;
    right: 5%;
    top: 15%;
    background: transparent;
    height: auto;
}

.pulse-ring {
    content: '';
    width: 120px;
    height: 120px;
    background-color: #e43345;
    border-radius: 50%;
    position: absolute;
    top: -41px;
    left: -41px;
    animation: pulse-ring infinite 3.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.map-wrap {
    position: relative;
    border: 8px solid #fff;
}

.map-wrap .hotspot {
    position: absolute;
    bottom: 30px;
    top: auto;
    right: 55px;
    left: auto;
}

.hotspot {
    position: absolute;
    background: #FFF;
    background: #fc8b8bc8;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-16px) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@keyframes pulse-ring {
    0% {
        transform: scale(1, 1);
        opacity: 0;
    }

    25% {
        opacity: .5;
    }

    100% {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}

.reservation-page-banner .img-wrap {
    text-align: end;
    position: relative;
    z-index: 9;
}

.reservation-page-banner .img-wrap img {
    width: 200px;
}

.reservation-page-banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    width: 100%;
    padding: 170px 0 50px;
}

.reservation-page-banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0000008e;
}

.reservation-page-banner .text-wrapp {
    position: relative;
    z-index: 2;
}

.reservation-page-banner h1 {
    font-size: 62px;
    color: var(--bs-white-color);
    letter-spacing: 5px;
    margin-bottom: 8px;
      font-family: "Roboto Flex", sans-serif !important;
}

.reservation-page-banner h1 span {
    background: linear-gradient(to right, #6D5E54 30%, #fedebf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    /* font-weight: 300 !important; */
    /* font-family: var(--font-barlow); */
}

.reservation-page-banner h2 {
    font-size: 26px;
    color: #a1a1a1;
    font-weight: 500;
    /* margin-bottom: 25px; */
    position: relative;
    padding-bottom: 15px;
    font-family: var(--font-cabin) !important;
}

section.reservation-page-banner .row {
    align-items: center;
}

section.reservation-info-wrapp {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
}

section.reservation-info-wrapp:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000033 0%, #ffffff 100%);
}

section.reservation-info-wrapp .card-wrap {
    background: #fff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
    /* max-width: 750px; */
    width: 100%;
    position: sticky;
    top: 10px;
    z-index: 999;
}

section.reservation-info-wrapp .card-wrap h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}

section.reservation-info-wrapp .card-wrap p {
    font-size: 18px;
    margin-bottom: 30px;
}

section.reservation-info-wrapp .card-wrap .form-wrap form .form-group {
    margin-bottom: 20px;
}

section.reservation-info-wrapp .card-wrap .form-wrap form label {
    display: block;
    font-size: 16px;
    color: #34495e;
    margin-bottom: 15px;
    font-weight: 500;
}

section.reservation-info-wrapp .card-wrap .form-wrap form input,
select {
    width: 100%;
    padding: 12px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    font-size: 14px;
    color: #2c3e50;
    background: #f9f9f9;
    transition: border-color 0.3s, box-shadow 0.3s;
    position: relative;
}

section.reservation-info-wrapp .card-wrap .form-wrap form input:focus,
select:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 8px rgba(52, 152, 219, 0.2);
}

section.reservation-info-wrapp .card-wrap .form-wrap form .form-row {
    display: flex;
    gap: 20px;
}

section.reservation-info-wrapp .card-wrap .form-wrap form .form-row .form-group {
    flex: 1;
}

section.reservation-info-wrapp .res-info-wrap {
    background: #d2e3f069;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
    width: 100%;
    position: relative;
    z-index: 999;
}

section.reservation-info-wrapp .card-wrap-2 {
    margin-bottom: 20px;
}

section.reservation-info-wrapp .card-wrap-2:last-child {
    margin-bottom: 0 !important;
}

section.reservation-info-wrapp .card-wrap-2 .box-wrap {
    display: flex;
    align-items: center;
}

section.reservation-info-wrapp .card-wrap-2 .box-wrap img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

section.reservation-info-wrapp .card-wrap-2 p {
    padding-left: 20px;
}

section.reservation-info-wrapp .card-wrap-2 h3 {
    font-size: 26px;
      font-family: "Roboto Flex", sans-serif !important;
}

.accordion .item {
    border: none;
    margin-bottom: 50px;
    background: none;
}

.t-p {
    color: rgb(193 206 216);
    padding: 40px 30px 0px 30px;
}

/* section.faq{
    background-color: var(--bs-black-color);
} */
.accordion .item .item-header h2 button.btn.btn-link {
    background: #333435;
    color: white;
    border-radius: 0px;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 2.5;
    text-decoration: none;
}

.accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin: 2px;
}

.accordion .item .item-header h2 button {
    color: white;
    font-size: 20px;
    padding: 15px;
    display: block;
    width: 100%;
    text-align: left;
}

.accordion .item .item-header h2 i {
    float: right;
    font-size: 30px;
    color: #eca300;
    background-color: black;
    width: 60px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

button.btn.btn-link.collapsed i {
    transform: rotate(0deg);
}

button.btn.btn-link i {
    transform: rotate(180deg);
    transition: 0.5s;
}

section.service-about .row {
    align-items: center;
}

section.service-about img {
    width: 300px !important;
    opacity: 0.6;
}

section.service-about .img-wrap {
    position: relative;
    text-align: end;
}

section.service-about .about-box-wrap {
    z-index: 999;
    position: relative;
}

section.service-about .content-wrap p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px !important;
}


section.service-about {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

section.service-about:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000033 10%, #ffffffbd 90%);
}

section.service-info-wrap .service-info-card {
    margin-bottom: 80px;
}

section.service-info-wrap .service-info-card:last-child {
    margin-bottom: 30px !important;
}

section.service-info-wrap .img-wrap {
    position: absolute;
    right: 0;
    width: 600px;
    height: 360px;
    border-radius: 30px 0 0 30px;
}

section.service-info-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 0 0 30px;
}

section.service-info-wrap h2.title span {
    background: linear-gradient(to right, #575757, #F0D0AF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

section.service-info-wrap .content-wrap p {
    /* font-size: 20px; */
    line-height: 30px;
    margin-bottom: 30px !important;
}

section.service-info-wrap li a {
    padding: 10px 15px;
    color: var(--bs-black-color);
    position: relative;
    /* font-weight: 500;   */
    font-size: 16px;
    height: 60px;
    display: flex;
    align-items: center;
    padding-right: 40px;
}

section.service-info-wrap li {
    position: relative;
    background: #dfdfdf45;
    border-radius: 8px;
    border: 1px solid #c9c7c7;
    box-shadow: 0 0 10px rgb(223, 223, 223);
    overflow: hidden;
}

/* Gradient overlay */
section.service-info-wrap li::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(177deg, #df1e31 0%, #ffdcdc 100%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: 0;
}

/* Hover effect */
section.service-info-wrap li:hover::before {
    opacity: 1;
}

section.service-info-wrap .content-wrap ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

section.service-info-wrap ul li a img {
    width: 15px;
    height: auto;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(50%, -50%);
}

section.service-info-wrap li:hover a {
    color: var(--bs-white-color);
}

section.service-info-wrap li:hover img {
    filter: brightness(0) invert(1);
}

section.service-fleet {
    padding-bottom: 80px;
}

section.service-fleet:before {
    background: linear-gradient(to top, #00000033 0%, #ffffff 100%);
}


/* Accordion Card */
.accordion-item {
    background-color: #ffffff;
    border: none;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    font-family: var(--font-barlow);
}

/* .faq {
    position: relative;
    z-index: 1;
    padding-top: 80px;
} */

/* Accordion Header Button */
.accordion-button {
    background-color: #e3eaf0;
    color: #1d1d1d;
    font-weight: 600;
    padding: 18px 24px;
    font-size: 18px;
    border: none;
    border-radius: 0;
    transition: background-color 0.3s ease, color 0.3s ease;
    /* background: linear-gradient(0deg, #b4cfe9 0%, #d8e5f1 100%); */
}

.accordion-button:last-child {
    margin-bottom: 0 !important;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: #e3eaf0;
    color: #000;
}

/* Accordion Body */
.accordion-body {
    padding: 20px 24px;
    font-size: 16px;
    color: #444;
    background-color: #ffffff;
}

/* Optional: Icon transition */
.accordion-button::after {
    transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

section.location-about .img-wrap {
    position: relative;
    text-align: start !important;
}

section.location-about img {
    width: 300px !important;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
}

section.our-locations {
    position: relative;
    text-align: center;
}

section.our-locations .location-card {
    position: relative;
    padding: 60px 30px 0;
    max-width: 1120px;
    margin: 0 auto;
    border-radius: 30px 30px 0 0;
    background: white;
    z-index: 0;
}

section.our-locations .location-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    width: 100%;
    border-radius: 30px 30px 0 0;
    background: linear-gradient(to bottom, #d9d9d9, #fff);
    padding: 3px;
    z-index: -1;
    box-sizing: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

section.our-locations .title-2 h2 {
    position: absolute;
    z-index: 999;
    top: 0;
    transform: translate(50%, -50%);
    left: -5%;
    background: #fff;
    padding: 20px;
    text-align: center;
    max-width: 610px;
}

section.our-locations .location-card ul.locations-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin: 40px 0;
}

section.our-locations .location-card ul.locations-list li .city-btn {
    padding: 10px;
    width: 100%;
    background: #dfdfdf45;
    border-radius: 8px;
    display: block;
    border: 1px solid #c9c7c7;
    color: var(--bs-black-color);
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    box-shadow: 0px 0px 10px RGB(223, 223, 223);
    font-family: var(--font-barlow);
}

section.our-locations p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px !important;
}

section.fleet-wrap h2.title {
    position: relative;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.fleet-wrap h2.title:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 85%;
    background-color: #aeaeae;
    top: 9px;
    right: -25px;
}

section.our-location-list h2.title span {
    background: linear-gradient(to right, #575757, #F0D0AF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}


section.our-location-list .cities-list-wraap {
    display: flex;
    justify-content: space-between;
    padding: 20px 60px;
    margin-bottom: 40px;
}

section.our-location-list .cities-list-wraap ul.locations-list li a {
    font-size: 20px;
    color: var(--bs-black-color);
    font-weight: 400;
    margin-left: 20px;
}

section.our-location-list .cities-list-wraap ul.locations-list li {
    margin-bottom: 10px;
    list-style: disc;
}

section.our-location-list .cities-list-wraap ul.locations-list li::marker {
    color: #d9d9d9 !important;
    padding-left: 20px;
}

section.fleet-about {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    height: 100%;
    width: 100%;
    /* padding-bottom: 0; */
    z-index: 1;
}

section.fleet-about:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000033 10%, #ffffffbd 90%);
}

section.fleet-about .about-box-wrap .content-wrap h5 {
    font-size: 22px;
    margin-bottom: 10px;
}

section.fleet-about .about-box-wrap .content-wrap ul {
    margin-bottom: 30px;
    padding-left: 30px;
}

section.fleet-about .about-box-wrap .content-wrap ul li {
    font-size: 20px;
    margin-bottom: 10px;
    list-style: disc;
    padding-left: 20px;
}

section.fleet-about .about-box-wra .content-wrap {
    padding-left: 50px;
}

section.fleet-about .content-wrap p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px !important;
}

section.fleet-about .about-box-wrap {
    position: relative;
    z-index: 999;
}

section.fleet-about .img-wrap {
    position: absolute;
    right: 0;
    z-index: 1;
    width: 550px;
    height: auto;
    top: 0;
    padding-top: 70px;
}

section.fleet-about .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 0 0 30px;
}

section.fleet-about .row {
    align-items: center;
}

section.fleet-about .about-box-wrap .content-wrap {
    margin-right: 70px;
}

.tab {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-bottom: 30px;
    border-bottom: 3px solid #dfdfdf;
    padding-bottom: 8px;
}

button.tablinks.active .tab {
    border-bottom: 3px solid #000;
}

section.fleet-section h2.title {
    font-size: 36px;
    font-family: var(--font-cabin) !important;
    font-weight: 600;
}

section.fleet-section h2.title img {
    width: 12px;
}

.tab-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    /* border-bottom: 2px solid #ddd; */
    /* Grey line under all tabs */
    padding-bottom: 10px;
}

.tab button {
    background-color: white;
    border: 2px solid #dadada;
    border-radius: 8px;
    padding: 10px 40px;
    cursor: pointer;
    font-size: 20px;
    transition: all 0.3s ease;
    font-weight: 600;
    position: relative;
    box-shadow: 0px 0px 10px rgba(223, 223, 223, 0.9);
    font-family: var(--font-barlow);
}

.tab button.active {
    color: #E00016;
    border-color: #dadada;
    box-shadow: rgba(224, 0, 22, 0.16) 0px 2px 6px, rgba(224, 0, 22, 0.23) 0px 0 6px;
}

/* Red underline under the active tab */
.tab button.active::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: -1px;
    width: 100%;
    height: 3px;
    background-color: #E00016;
    border-radius: 2px;
}

/* Tab content */
.tabcontent {
    display: none;
}

.tabcontent.active {
    display: block;
}

.tabcontent h3 {
    margin-top: 0;
}

/* Hover effect on buttons in the service section */
.btn-7:hover {
    background: var(--bs-black-color);
    border: 1px solid var(--bs-black-color);
    color: var(--bs-white-color);
}

.btn-7:hover img {
    filter: invert(1);
}

/* Fleet Section Styling */
section.fleet-section .tabcontent .fleet-card-wrap h4 {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.5px !important;
}

section.fleet-section .tabcontent .fleet-card-wrap .car-info ul li p {
    font-size: 16px;
    font-weight: 500;
}

section.fleet-section .fleet-card-wrap {
    margin-top: 25px;
}

section.fleet-section .fleet-card-wrap .car-info {
    margin-top: 30px;
}

.city-details-banner .form-wrap p {
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0;
    line-height: 20px;
}

.city-details-banner {
    padding: 170px 0 100px;
}

section.cities-usp {
    position: relative;
}

section.cities-usp:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000052 0%, #ffffff 100%);
}

section.cities-usp .usp-card {
    position: relative;
    padding: 30px 20px 0 20px;
    border-radius: 30px 30px 0 0;
    background: white;
    z-index: 1;
    /* height: 400px; */
}

section.cities-usp .usp-card .img-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.cities-usp .usp-card .img-wrap img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

section.cities-usp .usp-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 75%;
    width: 100%;
    border-radius: 30px 30px 0 0;
    background: linear-gradient(to bottom, #c1c1c1, #fff);
    padding: 3px;
    z-index: -1;
    box-sizing: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

/* section.cities-usp .usp-card .img-wrap {
    position: absolute;
    z-index: -1;
    height: 180px;
    width: 180px;
    top: 20px;
    right: 5px;
} */

/* section.cities-usp .usp-card  .content-wrap {
    padding-top: 15px;
} */

section.cities-usp .usp-card h3 {
    font-size: 24px;
    font-size: 26px;
    font-weight: 400 !important;
      font-family: "Roboto Flex", sans-serif !important;
    line-height: 36px;
    /* display: flex;
    align-items: center; */
}

/* section.feature .img-group-wrap {
    position: absolute;
    left: -90px;
    z-index: -1;
    padding-right: 70px;
    top: -100px;

} */

section.feature {
    position: relative;
    /* padding-top: 40px !important; */
    margin-top: 0px;
    padding-top: 0;
}


section.feature .img-group-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #ffffff03 0, #ffffff 100%);
}

section.feature .img-group-wrap img.main-img {
    border-radius: 0 0 40px 0;
    position: relative;
    width: 800px;
    left: 0;
    z-index: -1;
    top: 0;
    height: auto;
}

/* section.feature .content-wrap {
    margin-left: 100px;
} */

section.feature .img-group-wrap img.cloud-img-2{
    position: absolute;
    top: -20%;
    z-index: 1;
    right: -40%;
    width: 100%;
    height: 100%;
    transform: rotate(30deg);
}

section.feature .img-group-wrap img.cloud-img-1 {
    position: absolute;
    top: -20%;
    z-index: 1;
    left: 0%;
    width: 100%;
    height: 100%;
}


section.feature .img-group-wrap img.cloud-img-3 {
    position: absolute;
    z-index: -1;
    right: 5%;
    bottom: 7%;
    width: 62%;
}

section.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* home slide animation*/


.slider-container {
    position: relative;
    overflow: hidden;
    height: 320px;
}

.slide {
    position: absolute;
    width: 100%;
    left: -100%;
    opacity: 0;
    transition: all 1s ease-in-out;
}

.slide.active {
    left: 0;
    opacity: 1;
    z-index: 1;
}

.flat-rate-btn {
    position: absolute;
    top: 42%;
    right: 0;
}

section.feature .content-wrap {
    padding-right: 100px;
    /* position: relative; */
    z-index: 1;
    width: 60%;
}

section.feature h2.title {
    position: absolute;
    max-width: 700px;
    z-index: 999;
    top: 0;
    left: 5%;
}

section.feature .img-group-wrap {
    position: relative;
}

section.feature .feature-wrap {
    display: flex;
    align-items: center;
    gap: 50px;
}

section.adv-cities-details .adv-wrap ul li h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 36px;
}

section.adv-cities-details .adv-wrap ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

section.adv-cities-details .adv-wrap ul li .card-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

section.adv-cities-details .adv-wrap ul li .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.adv-cities-details .adv-wrap ul li .icon {
    width: 100px;
    height: 100px;
}

section.adv-cities-details .adv-wrap ul li .cont-wrap {
    width: 70%;
}

section.adv-cities-details .adv-wrap ul li {
    padding: 20px;
    background: #fff;
    position: relative;
}

section.adv-cities-details .adv-wrap ul li::before {
    content: "";
    position: absolute;
    border-right: 2px solid #F2F2F2;
    width: 100%;
    height: 95%;
    top: 5%;
    right: 0;
}

section.adv-cities-details .adv-wrap ul li:nth-child(3n)::before {
    display: none;
}

/* Remove right border from last item in each row */
section.adv-cities-details .adv-wrap ul li:nth-child(3n) {
    border-right: none;
}

section.adv-cities-details .adv-wrap ul li:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #F2F2F2;
    width: 90%;
    bottom: 0;
    left: 5%;
}

section.adv-cities-details .adv-wrap ul li:nth-child(n+4)::after {
    display: none;
}

section.adv-cities-details .adv-wrap ul li:nth-child(n+4)::before {
    bottom: 5%;
    top: auto !important;
}

section.adv-cities-details .adv-wrap ul {
    margin-top: 40px;
}

section.price-calculator .calculator-wrapper {
    background: white;
    border-radius: 15px;
    max-width: 1100px;
    margin: 20px auto;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    padding: 20px 0;
    position: relative;
    z-index: 2;
}


section.price-calculator .para {
    border-radius: 15px;
    max-width: 1100px;
    margin: 20px auto;
    color: #fff;
    z-index: 1;
    text-shadow: 0 0 8px rgba(26, 25, 25, 0.695), 0 0 15px rgba(0, 0, 0, 0.651);
}

section.price-calculator .trip-type {
    display: flex;
    gap: 100px;
    padding: 20px 20px 10px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

section.price-calculator .input-wrapper {
    padding: 30px 20px 40px;
}

section.price-calculator .trip-type input[type="radio"] {
    margin-right: 8px;
    accent-color: #0075FF;
}

section.price-calculator input[type="radio"] {
    transform: scale(1.5);
    width: auto !important;
    margin-right: 8px;
    /* Optional: add spacing from label */
}

section.price-calculator .input-row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

section.price-calculator .input-group {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
}

section.price-calculator .input-group label {
    margin-bottom: 8px;
    font-weight: 600;
    color: #313131;
}

section.price-calculator .input-group select {
    padding: 12px 20px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 8px !important;
    background-color: #fff;
    outline: none;
    appearance: none;
    color: var(--bs-black-color);
    font-weight: 500;
}

section.price-calculator .btn-wrap {
    display: flex;
    justify-content: center;
}

section.price-calculator .btn-wrap button {
    background-color: var(--bs-black-color);
    color: var(--bs-white-color);
    padding: 11px 40px;
    border: 1px solid var(--bs-black-color);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition:
        background-color 0.8s ease,
        color 0.8s ease,
        border-color 0.8s ease;
    z-index: 9;
}

section.price-calculator .btn-wrap button:hover {
    background-color: var(--bs-white-color);
    color: var(--bs-black-color);
    border: 1px solid var(--bs-black-color);
}

section.price-calculator {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    /* padding-top: 40px; */
}

section.price-calculator:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #ffffff00 0%, #ffffff8c 100%);
}

section.price-calculator .title-wrap {
    /* max-width: 700px; */
    z-index: 999;
    position: relative;
}

section.price-calculator .trip-type label {
    font-size: 16px;
    display: flex;
    align-items: center;
}

/* section.price-calculator h2.title span {
    background: linear-gradient(to right, #575757, #F0D0AF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
} */

section.location-covered-wrap .map-wrap iframe {
    width: 100%;
    height: 350px;
    filter: grayscale(100%);
}

section.location-covered-wrap .contennt-wrap {
    padding-left: 70px;
    position: relative;
}

section.location-covered-wrap .contennt-wrap p {
    font-size: 22px;
    line-height: 28px;
}

section.location-covered-wrap .contennt-wrap ul {
    display: flex;
    margin-top: 30px;
    gap: 30px;
}

section.location-covered-wrap .contennt-wrap ul li {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

section.location-covered-wrap .contennt-wrap ul li .count {
    font-size: 75px;
    background: linear-gradient(to bottom, #000000, #f09c48cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: VAR(--font-oswald);
    font-weight: 300;
    line-height: 1.2;
}

section.location-covered-wrap .contennt-wrap ul p {
    font-size: 32px !important;
}

.other-cover-area-wrap h3 {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 300 !important;
    position: relative;
    z-index: 999;
      font-family: "Roboto Flex", sans-serif ;
}

.other-cover-area-wrap {
    padding: 60px 30px 10px;
    position: relative;
    z-index: 1;
    border-radius: 0 0 30px 30px;
    /* width: 50%; */
}

.other-cover-area-wrap::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #86868616 18%, #ffffff 100%);
    border-radius: 0 0 30px 30px;
}


.other-cover-area-wrap h3 span {
        background: linear-gradient(to right, #575757 30%, #F0D0AF 70%);
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientAnimation 4s ease infinite;
    display: inline-block !important;
}


@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}

.other-cover-area-wrap ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    z-index: 999;
}

.other-cover-area-wrap ul li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
    font-size: 16px;
}

.other-cover-area-wrap ul li .icon {
    background: linear-gradient(106deg, #575757 0%, #F0D0AF 100%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white-color);
    flex-shrink: 0;
}

.other-cover-area-wrap ul li i {
    font-size: 16px;
}

.about-section-wrapper {
    border-radius: 40px 40px 0 0;
    overflow: hidden;
    display: flex;
    gap: 10px;
    position: relative;
    z-index: -1;
    box-shadow:
        rgba(50, 50, 93, 0.25) 0px -13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px -18px 16px -8px;

}

.about-section .content-wrapp {
    padding: 40px;
    background-color: #E9E9E9;
    width: 50%;
}

.about-section-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #ffffff00 0, #fff 100%);
    z-index: 2;
}

.about-section-wrapper-2 {
    border-radius: 0 0 40px 40px;
    overflow: hidden;
    display: flex;
    gap: 10px;
    position: relative;
    z-index: 1;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.about-section-wrapper-2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #00000000 40%, #ffffff 100%);
}

section.about-section .banner-btn-wrapp h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0 !important;
    margin-bottom: 10px;
      font-family: "Roboto Flex", sans-serif !important;
    font-weight: 600;
    letter-spacing: 0;
}

section.about-section .imp-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.about-section .imp-wrap {
    width: 50%;
    position: relative;
}

section.about-section .imp-wrap::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000000 40%, #000000 100%);
}

.about-section .content-wrapp h2.title {
    position: relative;
    z-index: 999;
    /* color: #fff; */
}

.about-section .content-wrapp p {
    position: relative;
    z-index: 999;
    font-size: 18px;
}

.about-section .img-wrap-2 {
    position: relative;
    display: flex;
    width: 100%;
}

.about-section .img-wrap-2 .img1 {
    width: 65%;
    height: auto;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    right: -3%;
    top: -90px;
}

.about-section .img-wrap-2 .img2 {
    width: 65%;
    height: auto;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    left: -105px;
    top: -85px;
}

section.about-section .banner-btn-wrapp {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 100px 0;
    padding: 15px 20px;
    gap: 20px;
    align-items: center;
    border: 1px solid #dfdfdf;
    z-index: 9;
    background: #fff;
}

section.service-fleet:before {
    background: linear-gradient(to bottom, #ffffff 0, #00000033 50%, #ffffff 100%);
}


.city-details-fleet .title-wrap {
    position: relative;
    z-index: 999;
    max-width: 950px;
    margin: 0 auto 40px;
    text-align: center;
}

.city-details-fleet .title-wrap h2.title:before {
    display: none !important;
}

.city-details-fleet .title-wrap p {
    font-size: 22px;
}

.city-details-testi .title-wrap h2.title {
    margin-bottom: 10px !important;
}

.city-details-testi .title-wrap h2.title:before {
    display: none !important;
}

.city-details-testi .title-wrap {
    position: relative;
}

.city-details-testi .title-wrap p {
    color: var(--bs-white-color);
    max-width: 900px;
    margin-bottom: 0 !important;
    z-index: 9;
    position: relative;
    font-size: 22px;
}

.city-details-testi .title-wrap {
    position: relative;
    margin-bottom: 80px;
    padding: 15px 100px;

}

.city-details-testi .title-wrap:before {
    background: #00000029;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;
}

.trust-section {
    position: relative;
    padding: 20px 0 80px;
}

.trust-section::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(to right, #00000069 0, #00000012 75%, #ffffff00 100%);
    z-index: 1;
}

.trust-section::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(to left, #00000069 0, #00000012 75%, #ffffff00 100%);
    z-index: 1;
}


.trust-section .trust-grid {
    margin-top: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    /* gap: 10px; */
    position: relative;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 2;
}

.trust-section .trust-grid::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0.9) 0%,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0) 70%,
            rgba(255, 255, 255, 0.9) 100%);

}

/* section.trust-section h2.title.text-center{
    margin-bottom: 0 !important;
    margin-top: 20px;
} */

.trust-card {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    /* Optional dark background */
    color: #fff;
    padding: 20px 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    z-index: 1;
}

/* Top 5 cards — gradient from bottom to top */
.trust-card:nth-child(-n+4)::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(to bottom, #c0c0c0 47%, #fff 0, #fff 100%);
    z-index: -1;
}

.trust-card:nth-child(-n+5)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 8px;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: -1;
}

/* Bottom 5 cards — gradient from top to bottom */
.trust-card:nth-child(n+6)::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(to bottom, #fff 100%, #fff 0%, #c0c0c0 100%);
    z-index: -1;
}

.trust-card:last-child::before {
    display: none;
}

.trust-card:nth-child(n+6)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 8px;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: -1;
}

.trust-card h3 {
    font-family: var(--font-barlow) !important;
    font-size: 18px;
    font-weight: 600;
    color: var(--bs-white-color);
    line-height: 24px;
    letter-spacing: 0;
}

.trust-card p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
}

section.city-details-reservation-wrapper {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    z-index: 9;
}

section.city-details-reservation-wrapper::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #ffffff00 0, #ffffff42 100%);
}

section.city-details-reservation-wrapper .form-wrap {
    background: linear-gradient(135deg, #00000099 30%, #0000009e 100%, #ffffff00 100%);
    padding: 20px;
    border-radius: 20px;
    max-width: 500px;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

section.city-details-reservation-wrapper .checkbox label {
    color: #dadada;
    font-size: 14px;
    padding-left: 10px;
}

button.btn-6 {
    position: relative;
    display: inline-block;
    width: 100%;
    color: var(--bs-white-color);
    padding: 11px 40px;
    background: linear-gradient(327deg, #D10014 0%, #5c161d 60%, #D10014 100%);
    border-radius: 10px;
    border: none;
    font-family: var(--font-roboto);
    font-weight: 300;
    overflow: hidden;
    z-index: 1;
    font-size: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0px 0 rgb(238 238 238 / 50%), 0 1px 13px rgb(255 255 255 / 30%) !important;
}

button.btn-6::before:hover {
    background: linear-gradient(to right, #6D5E54 40%, #AC825A 100%);
}

button.btn-6::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #6D5E54 40%, #AC825A 100%);
    z-index: -1;
    opacity: 0;
    transition: opacity 1s ease;
    /* Smooth fade */
    border-radius: 10px;
    /* Match parent */
}

/* On hover, fade in the hover gradient */
button.btn-6:hover::before {
    opacity: 1;
}

section.city-details-reservation-wrapper .play-button {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgb(0 0 0 / 62%) 0%, rgb(136 136 136 / 0%) 60%, rgb(255 255 255) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #a1a1a1;
    backdrop-filter: blur(2px);
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
    position: absolute;
    transform: translate(50%, -50%);
    bottom: 15%;
    right: 26%;
    animation: pulsePlay 2s infinite ease-in-out;
}

@keyframes pulsePlay {
    0% {
        transform: translate(50%, -50%) scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    50% {
        transform: translate(50%, -50%) scale(1.08);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        transform: translate(50%, -50%) scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

section.city-details-reservation-wrapper .play-button img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

section.flat-rate-wrap .card-wrapp .icon img {
    width: 200px;
    object-fit: cover;
    height: auto;
}

section.flat-rate-wrap .card-wrapp .icon {
    padding: 20px;
    background: linear-gradient(to bottom, #CBDEEC 0, #fff 40%);
    position: relative;
    border-radius: 30px 0 0 0;
}

section.flat-rate-wrap .card-wrapp {
    display: flex;
    gap: 40px;
    margin-bottom: 30px;
}

section.flat-rate-wrap .flat-rate-card-wrapper .flat-rate-card:last-child .card-wrap {
    margin-bottom: 0 !important;
}

/* section.flat-rate-wrap .flat-rate-card-wrapper .flat-rate-card:nth-child(odd) .icon::before {
    content: "";
    position: absolute;
    top: 0%;
    right: -5%;
    width: 7px;
    height: 100%;
    background: linear-gradient(to bottom, #8B072D 0%, #fff 100%);
} */

section.flat-rate-wrap h2.title {
    text-shadow: 0px 1px 2px #9f9f9fc2, 0 2px 8px #9f9f9fbb;
}


section.flat-rate-wrap .card-wrapp .content-wrap p {
    font-size: 20px;
    line-height: 26px;
    margin-top: 10px;
}

section.flat-rate-wrap .card-wrapp .content-wrap h3 {
    font-size: 28px;
    font-weight: 300;
      font-family: "Roboto Flex", sans-serif !important;
}

/* section.flat-rate-wrap .flat-rate-card-wrapper .flat-rate-card:nth-child(even) .icon::before {
    content: "";
    position: absolute;
    top: 0%;
    left: -5%;
    width: 7px;
    height: 100%;
    background: linear-gradient(to bottom, #8B072D 0%, #fff 100%);
} */

section.flat-rate-wrap .right-wrap h2.title {
    text-shadow: 0px 1px 2px #9f9f9fc2, 0 2px 8px #9f9f9fbb;
    text-align: right;
}

section.location-details-wrapper .img-wrap {
    padding-left: 70px;
}

section.location-details-wrapper .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.location-details-wrapper .row {
    align-items: center;
}

/* slider */

.slick-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.banner-slider .slick-prev {
    display: none !important;
}

.banner-slider .slick-next {
    display: none !important;
}

.city-details-banner .form-wrap .para {
    font-size: 16px;
    margin-top: 8px;
    text-align: start;
    margin-bottom: 20px;
    color: #fff;
}

.accordion {
    overflow: hidden;
}


/* section.service-detail-usp .usp-card .img-wrap {
    position: absolute;
    z-index: -1;
    height: 100px;
    width: 100px;
    top: 20px;
    right: 5px;
} */

section.service-detail-usp .usp-card {
    height: 340px;
}

section.cities-usp .usp-card .content-wrap {
    padding-top: 8px;
}

section.service-details-adv .adv-wrap ul {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    /* align-items: center; */
    justify-content: center;
    gap: 20px;
    text-align: center;
        margin-top: 50px;
}

section.service-details-adv .adv-wrap ul li .card-wrap .icon {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

section.service-details-adv .adv-wrap ul li .card-wrap .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.service-details-adv .adv-wrap ul li .card-wrap .cont-wrap h3 {
    font-size: 20px;
    margin: 20px 0;
    font-weight: 600;
}

section.service-details-adv h2.title {
    max-width: 100%;
}

section.service-details-adv .adv-wrap ul li {
    position: relative;
}

section.service-details-adv .adv-wrap ul li::before {
    content: "";
    position: absolute;
    border-right: 2px solid #F2F2F2;
    width: 100%;
    height: 100%;
    top: 0;
    right: -10px;
}

section.service-details-adv .adv-wrap ul li:last-child:before {
    display: none !important;
}

section.service-details-adv .adv-wrap ul li .card-wrap .cont-wrap p {
    font-size: 16px;
}

.service-details-about-section h2.title {
    font-size: 36px;

}

.service-details-about-section .content-wrapp p {
    font-size: 16px;
}

.service-details-about-section .banner-btn-wrapp {
    margin-bottom: 0 !important;
}

.service-details-fleet .title-wrap {

    max-width: 100% !important;

}

.service-details-feature .img-group-wrap img.cloud-img-3 {
    position: absolute;
    z-index: -1;
    right: 5%;
    bottom: -7% !important;
    width: 62%;
}

.fleet-details-feature .img-group-wrap img.cloud-img-2 {
    position: absolute;
    top: -25% !important;
    z-index: 1;
    right: 15% !important;
    width: 60% !important;
    transform: rotate(29deg);
}

section.fleet-details-feature .img-group-wrap img.cloud-img-1 {
    top: -20%;
    left: -20%;
}


section.feature .img-group-wrap img.cloud-img-3 {
    position: absolute;
    z-index: -2 !important;
    right: 5% !important;
    bottom: -5% !important;
    width: 62% !important;
}

.fleet-slide-wrapper .card-wrap {
    background: white;
    border-radius: 50px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 50px;
    margin: auto;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.fleet-slide-wrapper .card-wrap .card-right {
    background: #e6e6e6df;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.fleet-slide-wrapper .info-row {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    border-bottom: 1px solid #dadada;
    padding: 10px 0;
}

section.fleet-slide-wrapper {
    position: relative;
    z-index: 999;
}

section.fleet-slide-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #dfdfdf61 0%, #c0baba91 50%, #f0f0f049 100%);
}

section.fleet-slide-wrapper .btn-5 {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

section.fleet-slide-wrapper a.btn-6 {
    display: block;
    width: 100%;
    text-align: center;

}

.fleet-slide-wrapper .info-row ul.model-list {
    margin-bottom: 30px;
}

.fleet-slide-wrapper .info-row ul.model-list li {
    list-style: disc;
}

section.fleet-slide-wrapper .card-left .models-list {
    display: flex;
    gap: 20px;
    align-items: center;
}

section.fleet-slide-wrapper .card-left .models-list li a {
    font-size: 18px;
    font-weight: bold;
    color: var(--bs-grey-color);
}

section.fleet-slide-wrapper .card-left .models-list li a:hover {
    color: var(--bs-dark-red-color);
}

.models-list a.active {
    font-weight: bold;
    color: var(--bs-dark-red-color);
    text-decoration: underline;
}

section.fleet-slide-wrapper .card-left .models-list li {
    position: relative;
}

section.fleet-slide-wrapper .card-left .models-list li:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 80%;
    top: 5px;
    right: -10px;
    background: #dadada;
    margin-left: 10px;

}

section.fleet-slide-wrapper .card-left .models-list li:last-child::before {
    display: none;
}

section.fleet-slide-wrapper h2.title {
    position: relative;
}

/* section.fleet-slide-wrapper h2.title::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 80%;
    top: 10px;
    right: -10px;
    background: #dadada;
    margin-left: 10px;
} */

section.fleet-slide-wrapper .title-2 {
    gap: 30px;
    position: relative;
}

.fleet-details-loc-cov {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
    padding-top: 0;
}

.fleet-details-loc-cov:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #ffffff 0, #00000033 50%, #f0efef 100%);
}

.fleet-details-loc-cov .other-cover-area-wrap {
    padding: 30px;
    position: relative;
    border-radius: 30px;
    background: #fff;
    margin-top: 40px;
}

.fleet-details-loc-cov .other-cover-area-wrap::before {
    display: none;
}

section.fleet-details-about-section .banner-btn-wrapp {
    margin-top: 0 !important;
}

section.fleet-details-fleet-wrap .card-wrap {
    display: flex;
    gap: 40px;
    margin-bottom: 50px;
    position: relative;
}

section.fleet-details-fleet-wrap .card-wrap::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #dadada;
    top: -25px;
    left: 0;
}

section.fleet-details-fleet-wrap .card-wrap:first-child::before {
    display: none;
}

section.fleet-details-fleet-wrap .card-wrap .card-img {
    background: #fff;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    width: 40%;
    height: 220px;
    padding: 20px;
    border-radius: 20px;
}

section.fleet-details-fleet-wrap .card-wrap .content-wrap {
    width: 60%;
}

section.fleet-details-fleet-wrap .card-wrap .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.fleet-details-fleet-wrap .card-wrap .content-wrap .car-info ul {
    display: flex;
    align-items: center;
    gap: 40px;
}

section.fleet-details-fleet-wrap .card-wrap .content-wrap .car-info ul li {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

section.fleet-details-fleet-wrap .card-wrap .content-wrap .car-info ul li img {
    width: 25px;
    height: 40px;
    object-fit: cover;
}

section.fleet-details-fleet-wrap .card-wrap .content-wrap h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 500;
}

section.fleet-details-fleet-wrap .card-wrap .content-wrap .car-info ul li p {
    margin-bottom: 0 !important;
}

.service-details-service .content-wrapper p {
    height: 185px !important;
}

.service-details-service .service-wrap {
    height: 630px;
}


section.fleet-details-fleet-wrap .banner-btn-wrapp {
    justify-content: center;
    margin-top: 50px;
}

.text-gradient {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: gradientMove 3s ease-in-out infinite alternate;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    display: none;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #000;
    /* Optional, but helps with readability */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Optional shadow effect */
}

.dropdown-menu[data-bs-popper] {
    top: 128%;
    left: 0;
    margin-top: 0;
}

.dropdown-menu {
    padding: 10px 15px;
    background: #dadada;
    font-weight: 500;
    border-radius: 0;
}

li.dropdown-submenu ul.dropdown-menu {
    left: 100%;
    font-size: 16px;
}

section.fleet-wrap h2.title {
    position: relative;
    /* margin-bottom: 20px; */
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
}

.dropdown-menu.show {
    display: block;
}

footer .main-footer a {
    background-color: #262626;
    padding: 5px 15px;
    font-size: 16px;
    border-radius: 12px;
    color: #fff;
    border: 2px solid #262626;
}

.dropdown-item {
    font-size: 16px;
}

.dropdown-item i {
    font-size: 12px;
    padding-right: 10px;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    height: 70px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    padding: 15px;
}


section.flat-rate-wrap.pb0 h2.title {
    margin-bottom: 20px;
}

.faq h2.title {
    margin-bottom: 30px;
}

/* section.about-banner:before {
    background-color: #0000001a;
} */


h2.title span {
    background: linear-gradient(to right, #500202 30%, #cb0216 70%);
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientAnimation 4s ease infinite;
    /* was 8s — now faster */

}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.banner .form-wrap i {
    position: relative;
    top: -35px;
    right: -80%;
    color: #505356;
}

/* .banner #openCalendar{
position: relative;
    top: -35px;
    right: -80%;
   color: #505356 !important;
   z-index: 99;
} */

/* form#limoFormService i#openCalendar {
    top: -22px;
} */

.banner select {
    background-color: #dadada !important;
    border-radius: 8px;
}

select.form-control option {
    background-color: #fff !important;
    color: #333;
}

/* Optional: highlight color for selected option */
select.form-control option:checked,
select.form-control option:hover {
    background-color: #f0f0f0 !important;
    color: #000;
    border-radius: 8px;
}


.car-image {
    display: none;
    width: 100%;
    transition: opacity 0.3s ease;
}

.car-image.active {
    display: block;
}

.car-option {
    cursor: pointer;
    transition: color 0.3s ease;
    color: var(--bs-black-color);
    font-size: 16px;
}

.car-option:hover {
    color: #b30000;
}

.car-option.active {
    color: #b30000;
}

.fleet-card-wrap .car-info ul li p {
    font-size: 16px;
    font-weight: 400;
}

section.fleet-details-services .content-wrapper p {
    height: 140px;
}

section.fleet-details-services .service-wrap {
    height: 590px;
}

section.fleet-section .tabcontent .fleet-card-wrap h4 a {
    color: var(--bs-black-color);
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-cabin);
}

section.fleet-section .tabcontent .fleet-card-wrap h4 a:hover {
    color: #E00016;
}

section.fleet-details-feature .img-group-wrap h2.title {
    left: -80% !important;
}

section.fleet-details-feature .content-wrap {
    margin-left: 0;
}

section.fleet-details-feature .content-wrap h2.title {
    left: -115%;
}

section.reservation-info-wrapp .card-wrap .form-wrap form .choose-wrap {
    display: flex;
    gap: 70px;
}

section.reservation-info-wrapp .card-wrap .form-wrap form .choose-wrap label {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

section.reservation-info-wrapp .card-wrap .form-wrap form .choose-wrap label input[type="checkbox"] {
    width: auto;
}

section.reservation-info-wrapp .checking-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

section.reservation-info-wrapp .checking-wrap input[type="number"] {
    width: auto !important;
}

.neighborhoods-wrapp h3 {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 300 !important;
    position: relative;
    z-index: 999;
      font-family: "Roboto Flex", sans-serif !important;
}

.neighborhoods-wrapp h3 span {
    background: linear-gradient(to right, #575757 30%, #CCDFEA 70%);
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientAnimation 4s ease infinite;

}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.city-neighborhoods-wrapper {
    display: flex;
    gap: 30px;
}

.city-neighborhoods-wrapper .other-cover-area-wrap ul {
    grid-template-columns: repeat(2, 1fr);
}

.neighborhoods-wrapp {
    width: 50%;
    padding: 60px 30px 10px;
    position: relative;
    z-index: 1;
}

.neighborhoods-wrapp::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #86868616 18%, #ffffff 100%);
    border-radius: 0 0 30px 30px;
}

.city-neighborhoods-wrapper .other-cover-area-wrap li {
    margin-bottom: 8px;
}

.city-neighborhoods-wrapper .other-cover-area-wrap .icon {
    width: 20px;
    height: 20px;
}

.city-neighborhoods-wrapper .other-cover-area-wrap .icon i {
    font-size: 12px;
}

section.key-destination .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 30px 0 0;
}

section.key-destination .img-wrap {
    width: 45%;
    position: relative;
}

.key-destination-wrapper {
    display: flex;
    justify-content: center;
    gap: 50px;
}

section.key-destination .img-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(to bottom, #00000000 0, rgb(255 255 255) 100%);
    /* border-radius: 0px 0px 30px 30px; */
}

section.key-destination h2.title {
    max-width: 1000px;
    /* margin-left: 60px */
}

section.key-destination ul li .icon {
    background: linear-gradient(106deg, #575757 0%, #F0D0AF 100%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white-color);
    flex-shrink: 0;
}

section.key-destination ul li .icon {
    font-size: 12px;
    margin-top: 5px;
}

.city-neighborhoods-wrapper .other-cover-area-wrap {
    width: 50%;
}

section.key-destinationr ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: relative;
    z-index: 999;
}

section.key-destination ul li p {
    margin-bottom: 0;
}

section.key-destination ul li {
    margin-bottom: 10px;
    display: flex;
    /* align-items: center; */
    gap: 15px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

section.key-destination .content-wrap {
    width: 55%;
    padding-right: 120px;
}

h6.dropdown-header {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-barlow);
    letter-spacing: 1px;
}

.dropdown-menu.dropdown-large.show {
    left: auto;
    right: -40px;
}

footer .main-footer .locations-wrap ul.link-list button {
    color: #fff;
    padding: 2px 20px;
    border-radius: 12px;
    box-shadow: none;
    background: transparent;
    border: 2px solid #262626;
    font-size: 14px;
}

footer .main-footer .locations-wrap ul.link-list button:hover {
    background: #262626;
    border: 2px solid #262626 !important;
}

footer .main-footer .locations-wrap .btn-7 {
    margin-top: 10px;
    background: #000;
    color: #fff;
    border: 2px solid #575757;
}

footer .main-footer .locations-wrap .btn-7 img {
    filter: brightness(0) invert(1);
}

footer .main-footer .locations-wrap .btn-7:hover {
    background: #fff;
    color: #000;
}

footer .main-footer .locations-wrap .btn-7:hover img {
    filter: brightness(0) invert(0);
}

.copy-right {
    background: #262626;
    color: #868686;
    padding: 15px;
}

.copy-right a {
    color: #868686;
    font-size: 14px;
}

.copyrightwrap {
    display: flex;
    justify-content: space-between;
}

.copyrightwrap ul.useful-links {
    display: flex;
    gap: 10px;
}

.copyrightwrap p {
    font-size: 16px;
    margin-bottom: 0;
}

.copyrightwrap a:hover {
    color: #F0D0AF;
    text-decoration: underline;
}

.copyrightwrap ul.useful-links button {
    box-shadow: none;
    border: none;
    background: transparent;
    color: #868686;
    font-size: 16px;
}

.copyrightwrap ul.useful-links button:hover {
    color: #F0D0AF;
    text-decoration: underline;
}

.banner .form-wrap p {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    font-weight: 300;
    color: #F0D0AF;
    margin-bottom: 0;
}

/* section.about-info .img-wrapp img {
    position: absolute;
    left: 0;
    right: auto;
    width: 700px;
    object-fit: cover;
    height: auto;
} */

section.about-info .content-wrapp p {
    font-size: 20px;
}

section.about-info .container-fluid {
    padding: 0;
    margin: 0;
}

section.about-info .content-wrapp .choose-wrap p {
    font-size: 16px;
}

section.about-info {
    padding-top: 0;
    position: relative;
    overflow: visible;
}

section.about-info .content-wrapp h3 {
    font-size: 26px;
    margin: 30px 0 10px;
      font-family: "Roboto Flex", sans-serif !important;
}

section.about-info .content-wrapp h4 {
    font-size: 24px;
    /* font-weight: 400 !important; */
    letter-spacing: 1px;
    margin: 15px 0;
      font-family: "Roboto Flex", sans-serif !important;
}

section.about-info .content-wrapp ul li {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}

section.about-info .content-wrapp .choose-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

section.about-info .content-wrapp .choose-wrap .icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--bs-white-color);
}

section.about-info .content-wrapp .choose-wrap .box1 .icon {
    background: linear-gradient(to top, #575757, #f0cfaf33);
}

section.about-info .content-wrapp .choose-wrap .box2 .icon {
    background: linear-gradient(to left, #575757, #F0D0AF);
}

section.about-info .content-wrapp .choose-wrap p {
    margin-bottom: 0;
}

section.about-info .content-wrapp .banner-btn-wrapp {
    justify-content: center;
}

.fleet-card-wrap .car-info ul li p {
    margin-bottom: 0;
}

.marquee {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 70px 0 0;
}

.marquee .logo-slider img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.marquee .img-wrap {
    /* border: 1px solid #dfdfdf; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    padding: 25px;
    border-radius: 20px;
    background: #f2f2f2;
}

.marquee .logo-slider button.slick-prev {
    display: none !important;
}

.marquee .logo-slider button.slick-next {
    display: none !important;
}

.marquee .logo-slider .slide-item {
    margin: 0 15px;
}


@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

    /* half width because duplicated */
}


.about-wrapper {
    display: flex;
}
.about-wrapper .content-wrapp {
    width: 55%;
}
/* section.about-info .img-box {
    width: 44%;
} */

section.about-info .img-wrapp {
    position: sticky;
    top: 100px;
    will-change: transform;
    display: flex;
    align-items: center;    
    width: 100%;
}



section.about-info .content-wrapp .sub-cont-wrap{
    padding: 20px 90px 0 40px;
}

section.about-info .content-wrapp .expert {
    position: relative;
    padding: 20px 90px 20px 40px;
}

section.service .title {
    margin-bottom: 30px;
}

section.about-info .content-wrapp .expert:before {
    content: ' ';
    position: absolute;
    top: 2%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    z-index: -1;
}

section.about-info h2.title {
    font-size: 42px;
    margin-bottom: 15px;
}

section.about-info .img-wrapp img {
    width: 650px;
    object-fit: cover;
    height: auto;
}

.box-wrap.box2 h4 {
    background: linear-gradient(to right, #500202 30%, #cb0216 70%);
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientAnimation 4s ease infinite;
}

section.map-area .cov-area {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 25px;
    border-radius: 20px;
    margin-right: 35px;
}

section.map-area .cov-area .icon {
    background: linear-gradient(250deg, #2e84c3 0%, #CBDEEC 100%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white-color);
    flex-shrink: 0;
}

section.map-area .cov-area li {
    display: flex;
    margin-bottom: 8px;
    gap: 10px;
    align-items: center;
}

section.map-area .cov-area ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

section.map-area .map-wrap {
    position: relative;
    height: 100%;
    width: 100%;
}

section.map-area .map-wrap iframe {
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
}

section.map-area .cov-area h2.title {
    font-size: 38px;
    margin-bottom: 8px;
}

section.map-area .cov-area .title-wrap p {
    font-size: 22px;
    line-height: 30px;
}

section.map-area .cov-area .title-wrap {
    margin-bottom: 30px;
}

section.map-area .cov-area li a {
    color: var(--bs-black-color);
}

section.map-area {
    padding: 70px 0 0;
}

section.map-area .banner-btn-wrapp {
    justify-content: center;
    margin-top: 50px;
}

section.rates-section {
    background: #1F1F1F;
    color: #fff;
    margin-top: 70px;
    padding: 70px 120px;
    border-radius: 0 0 28px 28px;
    box-shadow: rgba(136, 165, 191, 0.48) 0 2px 0 0px, #00000070 6px 2px 16px 0px;
	
}

section.rates-section h2.title {
    color: #fff;
}

section.rates-section .content-wrap {
    position: relative;
    margin-top: 25px;
}

section.rates-section .content-wrap p {
    position: relative;
    z-index: 2;
    padding: 30px 0 30px 0;
    font-weight: 200;
}

section.rates-section .title-wrap {
    margin-bottom: 30px;
}

section.rates-section .content-wrap::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: -42%;
    background: #353535;
    z-index: 1;
    width: 150%;
    height: 100%;
}

section.rates-section .content-wrap p::before {
    content: ' ';
    position: absolute;
    top: 10%;
    left: -5%;
    background: #ffffff70;
    z-index: 1;
    width: 1px;
    height: 80%;
}

section.rates-section .price-wrapper .card-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-left: 40px;
    padding-right: 10px;
}

section.rates-section .price-wrapper {
    text-align: center;
    position: relative;
}

section.rates-section .price-wrapper .card-wrapper .card-box:hover h4 {
    font-weight: 600;
    color: #f85767 !important;
}

section.rates-section .price-wrapper h3 {
    color: #ffffff80;
    margin-bottom: 25px;
    font-size: 38px;
    font-weight: 400 !important;
}

section.rates-section .price-wrapper .card-wrapper h4 {
    color: #CCDFEA;
    font-size: 20px;
    margin: 20px 0 10px;
    font-weight: 600 !important;
    font-family: var(--font-barlow);
}

section.rates-section .price-wrapper .card-wrapper .icon-wrap {
    /* background: linear-gradient(to bottom, #77c4f1 0%, #1F1F1F 100%); */
    background: linear-gradient(to bottom,
            #77c4f1 0%,
            /* light blue */
            #577a91 40%,
            /* medium desaturated blue-gray */
            #1F1F1F 100%
            /* dark gray/near-black */
        );
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
}

section.rates-section .price-wrapper .card-wrapper .icon-wrap img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

section.rates-section .price-wrapper .card-wrapper .card-box {
    position: relative;
    cursor: pointer;
}

section.rates-section .price-wrapper .card-wrapper .card-box:before {
    content: '';
    position: absolute;
    top: 0;
    right: -4%;
    width: 2px;
    height: 100%;
    background-color: #353535;
}

section.rates-section .price-wrapper .card-wrapper .card-box:last-child:before {
    display: none;
}

section.rates-section .price-wrapper .card-wrapper .card-box:hover .icon-wrap {
    background: linear-gradient(180deg, #E00016, #000);
}

section.rates-section .price-wrapper .card-wrapper .card-box p {
    font-size: 16px;
}

h3.title2 {
    font-size: 48px;
      font-family: "Roboto Flex", sans-serif !important;
}

/* Factor */

section.factor-affect-wrap .factor-wrap ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 30px;
}

section.factor-affect-wrap .factor-wrap ul li {
    padding: 20px;
    background: #fff;
    position: relative;
}

section.factor-affect-wrap .factor-wrap ul li .card-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}

section.factor-affect-wrap .factor-wrap ul li::before {
    content: "";
    position: absolute;
    border-right: 2px solid #F2F2F2;
    width: 100%;
    height: 95%;
    top: 5%;
    right: 0;
}

section.factor-affect-wrap .factor-wrap ul li:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #F2F2F2;
    width: 90%;
    bottom: 0;
    left: 5%;
}

section.factor-affect-wrap .factor-wrap ul li .icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom,
            #78A9CB 0%,
            #DDEBF3 100%);
    border-radius: 50%;
    margin: 0px auto;
    flex-shrink: 0;
}

section.factor-affect-wrap .factor-wrap ul li:hover .icon {
    background: linear-gradient(to bottom,
            #E00016 0%,
            #efefef 100%);
}

section.factor-affect-wrap .factor-wrap ul li:hover .card-wrap h4 {
    color: #E00016;
}

section.factor-affect-wrap .factor-wrap ul li .icon img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

section.factor-affect-wrap .factor-wrap ul li:nth-child(3n)::before {
    display: none;
}

section.factor-affect-wrap .factor-wrap ul li:nth-child(n+4)::after {
    display: none;
}

section.factor-affect-wrap .factor-wrap ul li .card-wrap h4 {
    font-size: 26px;
    font-weight: 600 !important;
    color: #354855;
    margin-bottom: 8px;
}

/* Cta */

section.discount-cta .cta-wrap {
    background: #333333;
    display: flex;
    position: relative;
    border-radius: 12px;
    gap: 20px;
    align-items: center;
    padding-right: 30px;
}

section.discount-cta .imgage-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

section.discount-cta .cta-wrap .imgage-wrap {
    border-radius: 12px;
    flex-shrink: 0;
    width: 29%;
}

section.discount-cta .content-wrap {
    padding: 30px 0;
    flex-shrink: 0;
    width: 47%;
}

section.discount-cta .cta-wrap .btn {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--bs-black-color);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition:
        background-color 0.8s ease,
        color 0.8s ease,
        border-color 0.8s ease;

    border: 2px solid #000;
    background-color: #fff;
    color: var(--bs-black-color);
    width: 100%;

}

section.discount-cta .cta-wrap .btn:hover {
    background-color: var(--bs-black-color);
    color: var(--bs-white-color);
}

section.discount-cta .cta-wrap .btn i {
    padding-right: 10px;
}

section.discount-cta .cta-wrap .btn-effect2 {
    background-color: var(--bs-black-color);
    color: var(--bs-white-color);
    margin-top: 20px;
}

section.discount-cta .cta-wrap .btn-effect2:hover {
    background-color: var(--bs-white-color);
    color: var(--bs-black-color);
}

section.discount-cta .cta-wrap .btn-wrapper {
    padding: 30px 0;
}

section.discount-cta .content-wrap h3 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 38px;
      font-family: "Roboto Flex", sans-serif !important;
    font-weight: 600;
}

section.discount-cta .cta-wrap .content-wrap p {
    font-size: 28px;
    color: #fff;
    text-shadow: 0 0 10px #ffffff1a;
    /* background: linear-gradient(to right, #a1a1a1 0, #a10010 100%); */
    /* background: linear-gradient(90deg, #27000ba8 0,  #ff0019 100%); */
    background: linear-gradient(197deg, rgb(250 142 142 / 88%) 0px, rgb(255, 0, 25) 100%) 0% 0% / 500% text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
      font-family: "Roboto Flex", sans-serif !important;
    font-weight: 600;
    line-height: 1.2;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: gradientMove 3s ease-in-out infinite alternate;
}

.book-airportlimo .card-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}


.book-airportlimo .card-wrapper .card-wrap img {
    width: 100%;
    height: 208px;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}

.book-airportlimo .card-wrapper .card-wrap .content-wrap {
    padding: 20px 10px;
    background: #f2f2f2;
    border-radius: 0 0 12px 12px;
    /* height: 240px; */
}

.book-airportlimo .card-wrapper .card-wrap:hover .content-wrap {
    background-color: #FFEBED;
}

.book-airportlimo .card-wrapper .card-wrap:hover span {
    color: #E00016 !important;
}

.book-airportlimo .card-wrapper .card-wrap .content-wrap h3 {
    font-size: 22px;
    font-weight: 600;
    font-family: var(--font-barlow);
    margin-bottom: 6px;
    color: #575757;
    letter-spacing: 0px;
}

.book-airportlimo .card-wrapper .card-wrap .content-wrap h3 span {
    font-size: 22px;
    color: #7BACD0;
    ;
    display: block;
    margin-bottom: 6px;
}

.book-airportlimo .card-wrapper .card-wrap .content-wrap p {
    font-size: 16px;
}

section.book-airportlimo h2.title {
    margin-bottom: 40px;
}

section.why-choose-us .about-info-wrap .btn-wrap {
    text-align: center;
}

section.why-choose-us .about-info-wrap .btn-wrap .btn-7 {
    margin-top: 20px;
    padding: 6px 30px;
}

/* .book-airportlimo .card-wrapper .card-wrap .content-wrap p {
    font-size: 14px;
} */

/* benefits */
section.book-benefits .container {
    background: #E9F1F7;
    border-radius: 20px;
    padding: 60px 30px 10px;
}

section.book-benefits .benefits-wrapp {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

section.book-benefits .benefits-wrapp .benefit-card {
    text-align: center;
    position: relative;
    padding: 0 15px 15px;
}

section.book-benefits .benefits-wrapp .benefit-card .content-wrap p {
    font-size: 16px;
}

section.book-benefits .benefits-wrapp .benefit-card .icon-wrap {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

section.book-benefits .benefits-wrapp .benefit-card .icon-wrap img.img2 {
    display: none;
}

section.book-benefits .benefits-wrapp .benefit-card h4 {
    font-size: 20px;
    font-weight: 500;
    color: #9f9f9f;
}

section.book-benefits h2.title {
    color: #333333;
}

section.book-benefits .title {
    margin-bottom: auto;
    max-width: 1100px;
    margin: 0 auto 30px;
}

section.book-benefits .title p {
    font-size: 22px;
    margin-bottom: 30px;
    line-height: 30px;
}

section.book-benefits .benefits-wrapp .content-wrap h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #aaa;
    font-weight: 600;
    font-family: var(--font-barlow);
    margin-top: 30px;
}

section.book-benefits .benefits-wrapp .benefit-card:before {
    content: '';
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #cccc;
}

section.book-benefits .benefits-wrapp .benefit-card:nth-child(n+4):before {
    display: none;
}

section.book-benefits .benefits-wrapp .benefit-card:hover h3 {
    color: #E00016;
}

section.book-benefits .benefits-wrapp .benefit-card:hover .icon-wrap img.img1 {
    display: none;
}

section.book-benefits .benefits-wrapp .benefit-card:hover .icon-wrap img.img2 {
    display: block;
}

/* Designed */

section.designed-wrapper .title-wrap p {
    max-width: 750px;
    font-size: 20px;
    padding: 20px 0;
    /* line-height: 30px; */
}

section.designed-wrapper .para {
    position: relative;
}

section.designed-wrapper .para:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #f2f2f2;
    width: 60%;
    height: 100%;
    z-index: -1;
}

section.designed-wrapper .title-wrap h2.title {
    margin-bottom: 30px;
}

section.designed-wrapper .designed-cards-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

section.designed-wrapper .title-wrap {
    margin-bottom: 30px;
}

section.designed-wrapper .designed-cards-wrap .content-wrap h3 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    font-family: var(--font-barlow);
}

section.designed-wrapper .designed-cards-wrap .content-wrap {
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    padding: 25px;
    width: 100%;
    color: #fff;
    z-index: 2;
}

section.designed-wrapper .designed-cards-wrap .designed-card {
    position: relative;
}

section.designed-wrapper .designed-cards-wrap .designed-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000008e;
}


section.designed-wrapper .designed-cards-wrap .designed-card:hover:before {
    background-color: #ffffffaa;
}

section.designed-wrapper .designed-cards-wrap .designed-card:hover .content-wrap {
    color: #000;
}

section.designed-wrapper .designed-cards-wrap .designed-card:hover h3 {
    color: #E00016;
}

/* Testimonial-two */
section.testimonial-two .testimonial-two-slider .slide-item {
    margin: 0 20px;
}

.testimonial-two-slider.slick-initialized.slick-slider {
    margin-top: 50px;
}

section.testimonial-two .testimonial-two-slider .testimonial-card .img-wrap {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -60px;
    z-index: 2;
    border: 5px solid #171717;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.testimonial-two .testimonial-two-slider .testimonial-card .img-wrap img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

section.testimonial-two .testimonial-two-slider .testimonial-card h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #aaa;
    font-weight: 600;
    font-family: var(--font-barlow);
    margin-top: 40px;
}

section.testimonial-two .testimonial-two-slider .testimonial-card .reviewer-info p {
    margin-bottom: 0;
}

section.testimonial-two .testimonial-two-slider .testimonial-card .testimonial-text .reviewer-info {
    position: relative;
}


section.testimonial-two .testimonial-two-slider .testimonial-card .reviewer-info {
    border-left: 4px solid #aaa;
    padding-left: 10px;
}

section.testimonial-two .testimonial-card {
    background: #171717;
    padding: 30px 20px;
    position: relative;
    margin-top: 60px;
    /* height: 420px; */
}

section.testimonial-two .testimonial-card p {
    color: #fff;
    font-size: 16px;
}

.title-wrap.text-center {
    max-width: 900px;
    margin: 0 auto 30px;
}

section.testimonial-two .title-wrap p {
    font-size: 20px;
    color: #aaa;
    margin-bottom: 0;
}

section.testimonial-two {
    background: #0E0E0E;
}

section.testimonial-two .title-wrap h2 {
    color: #fff;
}

section.testimonial-two .testimonial-two-slider .testimonial-card .reviewer-info p.name {
    color: #8C787A;
    font-weight: 600;
}

section.testimonial-two .testimonial-two-slider .testimonial-card .reviewer-info p.designation {
    color: #7BACD0 !important;
    font-weight: 400;
}

section.testimonial-two {
    position: relative;
    padding-bottom: 150px;
}

section.testimonial-two button.slick-prev {
    bottom: -30%;
}

section.testimonial-two button.slick-next {
    bottom: -30%;
}

button.slick-prev {
    position: absolute;
    right: auto;
    bottom: -50%;
    left: 45%;
}

button.slick-next {
    position: absolute;
    top: auto;
    left: auto;
    right: 45%;
    bottom: -50%;
}

/* Amenities */
section.amenities .amenities-wrap .card-wrap .content-wrap h3 {
    font-size: 16px;
    color: #7BACD0;
    font-weight: 600;
    font-family: var(--font-barlow);
}

section.amenities .amenities-wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

section.amenities .amenities-wrap .card-wrap {
    border-radius: 12px;
    background: #E9F1F7;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

section.amenities .amenities-wrap .card-wrap .icon {
    width: 50px;
    height: auto;
}

section.amenities .amenities-wrap .card-wrap:hover {
    background-color: #FFEBED;
}

section.amenities .amenities-wrap .card-wrap:hover h3 {
    color: #E00016;
}

/* Licensing */

section.licensing .licensing-wrapper .card-wrap .icon {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #9ec1d9 0%, #c8ebff2e 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

section.licensing .licensing-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    text-align: center;
}

section.licensing .licensing-wrapper .card-wrap img {
    width: 80px;
    height: 80px;
}

section.licensing h2.title {
    margin-bottom: 30px;
}

section.licensing .licensing-wrapper .card-wrap {
    padding: 30px;
    background: #f2f2f2;
    border-radius: 20px;

}

section.licensing .licensing-wrapper .card-wrap:hover {
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

section.licensing .licensing-wrapper .content-wrap h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-barlow);
    margin: 10px 0;
    color: #000;
}

section.licensing .licensing-wrapper .card-wrap:hover h3 {
    color: #7BACD0;
}

/* Rate Section */
section.rate-wrap {
    background: #f2f2f2;
}

section.rate-wrap h2.title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 42px;
}

/* section.rate-wrap h2.title span{
    text-shadow: 2px 0px 4px rgba(0, 0, 0, 0.5);
} */
section.rate-wrap .form-wrap {
    background: linear-gradient(135deg, #0000006b 30%, #00000057 100%, #ffffff00 100%);
    padding: 25px;
    border-radius: 20px;
    max-width: 530px;
    position: relative;
    z-index: 1;
    font-size: 16px;
}

section.rate-wrap .form-wrap .checkbox label {
    color: #fff;
    font-family: var(--font-roboto);
    font-size: 14px;
}

/* RIGHT IMAGE BOX */
section.rate-wrap .img-wrap {
    background-size: cover !important;
    background-position: center !important;
    height: 380px;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-left: 70px;
}

/* CIRCULAR PLAY BUTTON */

section.rate-wrap .img-wrap button {
    border: none;
    background: transparent;
}

section.rate-wrap .play-button {
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9), rgb(180 180 180));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
        rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    border: 3px solid #aaa;

    animation: playPulse 2s ease-in-out infinite;
}

@keyframes playPulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.05);
        box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* section.rate-wrap .form-wrap button.btn-6 {
    font-weight: 400;
} */

section.rate-wrap .play-button img {
    width: 70px;
    height: auto;
}

section.faq-wrap h2.title {
    margin-bottom: 30px;
}

section.faq-wrap .faq {
    padding-right: 40px;
}

section.faq-wrap img {
    border-radius: 20px
}

section.why-choose-us .why-choose-list .card-wrap:hover {
    3 background: #f2f2f2;
}

section.why-choose-us .why-choose-list .card-wrap:hover .content-wrap {
    color: #000;
}

section.why-choose-us .why-choose-list .card-wrap:hover h4 {
    color: #E00016;
}

.banner.about-banner .btn-5 {
    /*background: linear-gradient(270deg, #ffffff, #c4c4c4, #ffffff);*/
    color: #000;
    font-weight: 400;
}

section.about-usp-section .about-usp-wrap .content-wrap ul {
    margin-bottom: 15px;
}

section.reservation-info-wrapp .faq {
    position: relative;
    margin-top: 60px;
}

section.testimonial-two:before {
    content: '';
    width: 20%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to left, #00000000 0, #000 100%);
    top: 0;
    left: 0;
    z-index: 1;
}

section.testimonial-two:after {
    content: '';
    width: 20%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to right, #00000000 0, #000 100%);
    top: 0;
    right: 0;
    z-index: 1;
}

.about-page-fleet h2.title {
    text-shadow: none !important;

}

/* .about-page-fleet .title-2 p {
    padding-left: 30px;
    padding-bottom: 8px;
} */

section.designed-wrapper .designed-cards-wrap .content-wrap p {
    font-size: 16px;
}

section.designed-wrapper .designed-cards-wrap .icon-wrap {
    height: 210px;
}

section.amenities h2.title {
    margin-bottom: 20px;
}

section.licensing .licensing-wrapper .card-wrap .content-wrap p {
    font-size: 16px;
}

section.rate-wrap .form-wrap .form-control {
    font-family: var(--font-barlow);
    color: #505356 !important;
}

section.rate-wrap .form-wrap i {
    color: #505356 !important;
}

.about-page-service-section .service-wrap .content-wrapper h3 {
    font-family: var(--font-cabin) !important;
}

section.reservation-info-wrapp .card-wrap .form-wrap form .choose-wrap input[type="radio"] {
    width: auto !important;
}

.service-banner {
    position: relative;
}

.service-banner:before {
    background-color: #000000b3 !important;
}

section.service-testimonial .title-2 {
    max-width: 1400px !important;
}

section.service-testimonial .title-2::before {
    width: 110%;
}

section.service-testimonial .title-2 p {
    max-width: 850px
}

section.service-testimonial .testimonial-heading-wrap:before {
    width: 90% !important;
}

.dropdown-item:active {
    background-color: #F0D0AF;
}

section.map-area .cov-area .icon i {
    font-size: 12px;
}

section.our-location-list h3 {
    font-size: 26px;
    font-family: var(--font-cabin);
    font-weight: 600;
}

.location-banner:before {
    background-color: #000000b3 !important;
}

.fleet-banner:before {
    background-color: #000000b3 !important;
}

.rate-wrap .btn-6 {
    background-size: 200% 200%;
    color: #fff;
    border: none;
    cursor: pointer;
    animation: gradientMove 5s ease infinite;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.rate-wrap .btn-6:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(224, 0, 22, 0.35);
}

section.city-details-fleet {
    padding-bottom: 0;
}

.city-details-services {
    padding-bottom: 80px !important;
}


section.city-details-services .service-wrap {
    height: 650px;
}

section.city-details-services .service-wrap p {
    height: 200px;
}

.service-details-service {
    padding-bottom: 80px !important;
}

.service-details-trust {
    margin-bottom: 80px !important;
}

.service-details-reservation {
    margin-bottom: 80px;
}

/* .serice-details-reser-wrap {
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
            position: relative;
            height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-position: right;
            background-repeat: no-repeat;
            background-size: cover;
        }

.service-details-reservation .play-button{
    right: 50% !important;
    bottom: 10% !important;
    width: 150px !important;
    height: 150px !important;
} */


.flat-rate-card-wrapper .flat-rate-card:nth-child(even) h2 {
    text-align: right !important;
}


section.service-details-service .content-wrapper p {
    height: 230px !important;
}

section.service-details-service .service-wrap {
    height: 680px;
}

section.service-details-trust h2.title.text-center {
    position: relative;
    z-index: 2;
}

section.service-details-trust::before {
    background: linear-gradient(to right, #98A4AE 0, #00000012 75%, #ffffff00 100%) !important;
}

section.service-details-trust::after {
    background: linear-gradient(to left, #98A4AE 0, #00000012 75%, #ffffff00 100%);
}

section.city-details-reservation-wrapper .play-button button {
    border: none;
    box-shadow: none !important;
    background: transparent;
}

section.our-location-list .cities-list-wraap ul.locations-list {
    width: 25%;
}

section.price-calculator h2.title span {
    /* background: linear-gradient(90deg, #6b5d52 0%, #c9a982 25%, #e8d4bc 50%, #c9a982 75%, #6b5d52 100%); */
     background: linear-gradient(to right, #500202 30%, #F0D0AF 70%);
    background-size: 200% 100%;
    /* ← YE ZAROORI HAI! */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradientAnimation 4s ease infinite;

}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

section.service-details-fleet h2.title {
    margin-bottom: 10px !important;
}

.city-details-rate-wrap{
margin: 70px 0;
}

.neighborhoods-wrapp p {
    position: relative;
    z-index: 2;
}
section.location-covered-wrap .city-neighborhoods-wrapper .other-cover-area-wrap h3 {
    text-align: right;
}

.banner .form-wrap form#limoForm .form-control {
    font-size: 16px;
    color: #505356 !important;
    font-family: var(--font-barlow) !important;
    background-color: #dadada !important;
    border: 1px solid #fff !important;
    border-radius: 8px !important;
    padding: 6px 15px !important;
}

/*section.banner a{
    color: inherit !important;
}*/

.banner .form-wrap  label {
    color: #ffffff91;
    font-family: var(--font-roboto);
    font-weight: 300;
    font-size: 12px;
    padding-left: 6px;
}

div#formMsg {
    margin-top: 0 !important;
    min-height: auto !important;
}

.input-group {
    flex-direction: column;
}

input.form-control.is-invalid {
    width: 100%;
}

select {
    width: 100% !important;
}

input {
    width: 100% !important;
}

input[type="checkbox"] {
    width: auto !important;
}

        /* Hover dropdown styles */
        .nav-item.dropdown:hover .dropdown-menu {
            display: block;
        }

        .dropdown-menu {
            margin-top: 0 !important;
        }

        /* Smooth transition for dropdown */
        .dropdown-menu {
            transition: all 0.3s ease;
        }

        /* Calculator */

/* Modal Styles */
.rate-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.rate-modal.active {
    display: flex;
}

.modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

/* Your existing rate-table styles (ab modal ke liye) */
.rate-modal .rate-table {
    position: relative;
    z-index: 2;
    max-width: 600px;
    width: 90%;
    margin: 0 auto;
    padding: 40px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.close-modal {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #575757;
    border-radius: 50%;
    transition: all 0.3s ease;
    line-height: 1;
}

.close-modal:hover {
    background: #e0e0e0;
    color: #333;
}

.rate-content {
    text-align: center;
}

.rate-message {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.6;
}

.price-highlight {
    font-size: 36px;
    margin: 20px 0;
    font-weight: 400;
    color: #78a9cb;
}

.cta-message {
    font-size: 16px;
    color: #666;
    margin-bottom: 25px;
}

/* .banner-btn-wrapp {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
} */

/* Error Message Styles (Outside modal) */
.error-display {
    display: none;
    margin: 20px 0;
}

.error-display.active {
    display: block;
}

.error-message {
    background: #fee;
    border: 2px solid #fcc;
    color: #c33;
    padding: 15px 20px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 500px;
}

/* Responsive */
@media (max-width: 576px) {
    .rate-modal .rate-table {
        padding: 30px 20px;
        width: 95%;
    }
    
    .price-highlight {
        font-size: 36px;
    }
    
    .banner-btn-wrapp {
        flex-direction: column;
    }
    
    .banner-btn-wrapp a {
        width: 100%;
    }
}

.banner-btn-wrapp .btn-5 {
    color: #fff !important;
}

section.rate-wrap .form-wrap label{
    color: #ffffff91;
    font-family: var(--font-roboto);
    font-weight: 300;
    font-size: 12px;
}

.rate-message h3 {
    font-size: 22px;
}

.cta-message{
    color: #666;
    max-width: 450px;
    margin: 0 auto 25px;
}

.quick-links-wrap {
    margin-right: 70px;
}
.footer-location-btn .btn-7:first-child {
    margin-right: 10px;
}
.other-links button {
    background-color: #262626;
    padding: 5px 15px;
    font-size: 16px;
    border-radius: 12px;
    color: #fff;
    border: 2px solid #262626;
}

.other-links button:hover {
    background: transparent;
}

section.service-details-about-section .banner-btn-wrapp {
    flex-wrap: nowrap;
}

section.city-details-banner::before {
    background-color: #000000ab;
}
section.about-section .banner-btn-wrapp{
	margin-bottom : 0;
}

footer .main-footer .links-wrapp .quick-links-wrap ul button {
    background-color: #262626;
    padding: 5px 15px;
    font-size: 16px;
    border-radius: 12px;
    color: #fff;
    border: 2px solid #262626;
}

footer .main-footer .links-wrapp .quick-links-wrap ul button:hover {
    color: var(--bs-white-color);
    background-color: transparent;
}
div#quickMsg {
    display: none;
}

/* Book Btn Modal */

#bookingModal .modal-content {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    max-width: 600px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    margin: 0 auto;
}

#bookingModal button.btn-close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #575757;
    border-radius: 50%;
    transition: all 0.3s ease;
    line-height: 1;
}
#bookingModal .modal-header {
    border: none;
    padding: 6px;
}

#bookingModal label {
    font-size: 14px;
}
#bookingModal .form-control{
    background: #dadada;
    color: #505356 !important;
}
#quickSubmit:disabled {
    opacity: 1 !important;
    cursor: not-allowed;
}

#res-submit:disabled {
    opacity: 1 !important;
    cursor: not-allowed;
}

div#res-msg {
    display: none;
}

 .fleet-slide-wrapper .card-wrap {
    background: white;
    border-radius: 50px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 50px;
    margin: auto;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.fleet-slide-wrapper .card-wrap .card-right {
    background: #e6e6e6df;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.fleet-slide-wrapper .info-row {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    border-bottom: 1px solid #dadada;
    padding: 10px 0;
}

section.fleet-slide-wrapper {
    position: relative;
    z-index: 2;
}

section.fleet-slide-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #dfdfdf61 0%, #c0baba91 50%, #f0f0f049 100%);
}

section.fleet-slide-wrapper .btn-5 {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

section.fleet-slide-wrapper a.btn-6 {
    display: block;
    width: 100%;
    text-align: center;

}

.fleet-slide-wrapper .info-row ul.model-list {
    margin-bottom: 30px;
}

.fleet-slide-wrapper .info-row ul.model-list li {
    list-style: disc;
}

section.fleet-slide-wrapper .card-left .models-list {
    display: flex;
    gap: 20px;
    align-items: center;
}

section.fleet-slide-wrapper .card-left .models-list li a {
    font-size: 18px;
    font-weight: bold;
    color: var(--bs-grey-color);
}

section.fleet-slide-wrapper .card-left .models-list li a:hover {
    color: var(--bs-dark-red-color);
}

.models-list a.active {
    font-weight: bold;
    color: var(--bs-dark-red-color);
    text-decoration: underline;
}

section.fleet-slide-wrapper .card-left .models-list li {
    position: relative;
}

section.fleet-slide-wrapper .card-left .models-list li:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 80%;
    top: 5px;
    right: -10px;
    background: #dadada;
    margin-left: 10px;

}

section.fleet-slide-wrapper .card-left .models-list li:last-child::before {
    display: none;
}

section.fleet-slide-wrapper h2.title {
    position: relative;
    max-width: 200px;
}
section.fleet-slide-wrapper p{
    position: relative;
}
section.fleet-slide-wrapper p::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    top: 0px;
    left: -25px;
    background: #dadada;
    margin-left: 10px;
}



/* Fix Slick Slider on Mobile */
.logo-slider .slick-slide {
    display: block !important;
    float: left !important;
    height: auto !important;
}

.logo-slider .slick-track {
    display: flex !important;
    align-items: center;
}

.logo-slider .slick-list {
    overflow: hidden;
}

.logo-slider img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* Ensure proper spacing on mobile */
@media (max-width: 767px) {
    .logo-slider .slick-slide {
        padding: 0 10px;
    }
}

.useful-links .separator:last-child {
    display: none;
}

.fleet-details-slider-wrapper {
    background: white;
    border-radius: 60px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding: 40px 50px 40px;
}


section.fleet-slide-wrapper h2.title {
    position: relative;
}



.fleet-details-slider-wrapper .content-wrapper {
    display: grid;
    grid-template-columns: 65% 30%;
    gap: 60px;
}

.fleet-details-slider-wrapper .vehicle-names {
    font-weight: 600;
    font-size: 24px;
    font-family: var(--font-cabin);
    display: flex;
    gap: 15px;
}

.fleet-details-slider-wrapper .carousel-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.fleet-slide-wrapper .carousel-section .slide {
    position: relative;
    width: 100%;
    left: 0 !important;
    opacity: 1;
    transition: all 1s ease-in-out;
}

section.fleet-slide-wrapper .vehicle-image {
    width: 100%;
    height: 400px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

section.fleet-slide-wrapper .info-panel {
    background: #f2f2f2;
    border-radius: 20px;
    padding: 40px 50px 40px 35px;
}

section.fleet-slide-wrapper .info-panel .info-item {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

section.fleet-slide-wrapper .info-label {
    font-size: 22px;
    margin-bottom: 10px;
      font-family: "Roboto Flex", sans-serif !important;
    letter-spacing: 1px;
}

section.fleet-slide-wrapper .banner-btn-wrapp {
    flex-direction: column;
    gap: 10px;
}

section.fleet-slide-wrapper .btn-5 {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

section.fleet-slide-wrapper .info-panel .info-item:last-child {
    border: none;
}

section.fleet-slide-wrapper .info-panel .info-item li {
    padding: 5px 0 0;
    list-style: disc;
    padding-left: 10px;
}

section.testimonial-two button.slick-prev {
    bottom: -20%;
}
section.testimonial-two button.slick-next {
    bottom: -20%;
}

.carousel-indicators {
    margin-bottom: 0;
    margin-top: 30px;
}

section.fleet-slide-wrapper .carousel-indicators .active {
    background-color: #c41e3a !important;
    width: 14px;
    height: 14px;
}


section.fleet-slide-wrapper .carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd;
    border: none;
    margin: 0 8px;
    transition: all 0.3s ease;
}

section.fleet-slide-wrapper .vehicle-names .active-vehicle {
    color: #c41e3a;
    font-weight: 600;
}

section.city-details-fleet .car-info ul li p {
    font-size: 14px;
    font-weight: 400;
}

/* Mobile */

 .mobile-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 12px 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-bottom: 2px solid #111;
  }

  /* SIDENAV */
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    overflow-y: auto;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding-top: 60px;
  }

  .sidenav.open {
    width: 50%;
  }

  /* Close Button */
  .closebtn {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 28px;
    background: #fff;
    color: #000;
    width: 38px;
    height: 38px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0 !important;
    cursor: pointer;
    text-decoration: none;
    line-height: 1;
    padding-bottom: 3px !important;
  }

  /* Normal nav links */
  .sidenav > a:not(.closebtn),
  .sidenav > .split-item > a.nav-link {
    padding: 13px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    transition: background 0.2s;
    letter-spacing: 0.3px;
  }

  .sidenav > a:not(.closebtn):hover {
    background: #222;
  }

  /* ── SPLIT ROW: link text + arrow button ── */
  .split-item {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #1e1e1e;
  }

  .split-item .nav-link {
    flex: 1;
    padding: 13px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    transition: background 0.2s;
  }

  .split-item .nav-link:hover {
    background: #222;
  }

  /* Arrow toggle button */
  .arrow-btn {
    background: transparent;
    border: none;
    border-left: none;
    color: #fff;
    padding: 0 18px;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    min-width: 48px;
  }

  .arrow-btn:hover {
    background: #1a1a1a;
  }

  .arrow-btn .arrow {
    transition: transform 0.35s ease;
    display: inline-block;
  }

  .arrow-btn.active .arrow {
    transform: rotate(180deg);
  }

  /* Dropdown container */
  .dropdown-container {
    max-height: 0;
    overflow: hidden;
    background: #181818;
    transition: max-height 0.4s ease;
  }

  .dropdown-container.active {
    max-height: fit-content;
}

  .dropdown-container a {
    padding: 10px 20px 10px 38px;
    font-size: 14px;
    color: #ccc;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #1f1f1f;
    transition: background 0.2s, color 0.2s;
    position: relative;
  }

  .dropdown-container a::before {
    content: '›';
    position: absolute;
    left: 22px;
    color: #666;
  }

  .dropdown-container a:hover {
    background: #222;
    color: #fff;
  }

  /* Dropdown group heading */
  .dropdown-container .dropdown-heading {
    padding: 10px 20px 6px 20px;
    font-size: 14px;
    font-weight: 700;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #2a2a2a;
    display: block;
    background: #181818;
    cursor: default;
  }

  .dropdown-container .dropdown-heading::before {
    display: none;
  }

  /* Simple nav links (no dropdown) */
  .sidenav > .plain-link {
    padding: 13px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    border-bottom: 1px solid #1e1e1e;
    transition: background 0.2s;
  }

  .sidenav > .plain-link:hover {
    background: #222;
  }

  /* Toggle button */
  .toggle-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 15px 9px 12px;
    background: linear-gradient(135deg, #1a1a1a, #444);
    border-radius: 30px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.25);
    transition: box-shadow 0.2s, transform 0.15s;
    user-select: none;
  }

  .toggle-btn:hover {
    box-shadow: 0 5px 18px rgba(0,0,0,0.35);
    transform: scale(1.04);
  }

  .toggle-btn:active {
    transform: scale(0.97);
  }

  .toggle-btn .bar-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .toggle-btn .bar {
    display: block;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    width: 18px;
  }

.toggle-btn .bar:nth-child(2) {
    width: 12px;
    background: #8C042B;
}

  .toggle-btn .menu-label {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  /* Overlay */
  .nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .nav-overlay.active {
    opacity: 1;
    pointer-events: all;
  }

section.faq-service-info-wrapp {
    padding-top: 0;
}

section.flat-rate-wrap {
    padding-bottom: 0;
}

section.faq-service-info-wrapp .accordion-body {
    border: 1px solid #ccc;
    border-radius: 0 0 12px 12px;
}


/* Blog */


/* Featured Post */
        .featured-post {
            background: linear-gradient(135deg, #fff 0%, #fff 100%);
            border-radius: 30px;
            overflow: hidden;
            margin-bottom: 80px;
            border: 2px solid #dddd;
            transition: transform 0.3s, border-color 0.3s;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        }

        .featured-post:before{
            content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #bbbbbb87 0%, #e000163d 100%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: -1;
        }

            .featured-post:hover::before {
    opacity: 1;
}

        .featured-post:hover {
            transform: translateY(-5px);
            border-color: #EFD3B6;
        }

        .featured-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            padding: 40px;
        }

        .featured-image {
            border-radius: 12px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 48px;
            color: #000;
        }

.badge {
    display: inline-block;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    width: fit-content;
    background: linear-gradient(327deg, #D10014 0%, #5c161d 60%, #D10014 100%);
    color: #fff;
    padding: 10px 20px;
}



        .meta {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            color: #575757;
            font-size: 16px;
        }

         .meta span{
            border-right: 2px solid #ddd;
            display: inline-block;
            padding-right: 20px;
         }

         .meta span:last-child{
            border: none;
         }

          .meta i{
padding-right: 10px;
          }

        .read-more {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background-color: #ffd700;
            color: #000000;
            padding: 14px 32px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: background-color 0.3s, transform 0.3s;
            width: fit-content;
        }

        .read-more:hover {
            background-color: #ffed4e;
            transform: translateX(5px);
        }

        /* Blog Grid */
        .blog-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
            gap: 30px;
            margin-bottom: 60px;
        }

        .blog-card {
           background: #f2f2f2;
            border-radius: 16px;
            overflow: hidden;
            /* border: 1px solid #2a2a2a; */
            transition: transform 0.3s, border-color 0.3s;
        }
     
        .blog-grid .blog-card .btn-7 {
    background: #fff;
    border: 1px solid #dadada;
    padding: 8px 12px;
    border-radius: 8px;
    font-weight: 400;
    color: var(--bs-black-color);
    font-size: 16px;
    font-family: var(--font-roboto);
}

.blog-grid .blog-card:hover .btn-7 {
    /* border: 1px solid #E00016 !important; */
    color: #E00016 !important;
    font-weight: 400;
    position: relative;
    z-index: 2;
}
         
        .blog-card:hover {
            transform: translateY(-8px);
            background-color: #FFEBED;
        }

          
        .blog-card:hover h3{
          color: #E00016;
        }
        

        .card-image {
            background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
            height: 240px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 36px;
            color: #ffd700;
        }

        .card-content {
            padding: 30px;
        }

        .card-content h3 {
      font-size: 26px;
    font-weight: 600;
    font-family: var(--font-barlow);
    margin-bottom: 15px;
    color: #575757;
    letter-spacing: 0px;
        }

/* .card-content p {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */

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

        .card-link {
            color: #ffd700;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            transition: color 0.3s;
        }

        .card-link:hover {
            color: #ffed4e;
        }

        .date {
            color: #666666;
            font-size: 13px;
        }

        /* Categories Section */
        .categories-section {
            background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%);
            border-radius: 16px;
            padding: 50px;
            margin-bottom: 60px;
            border: 1px solid #2a2a2a;
        }

        .categories-section h2 {
            font-size: 32px;
            margin-bottom: 30px;
            text-align: center;
        }

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

        .category-item {
            background-color: #0a0a0a;
            padding: 25px;
            border-radius: 12px;
            text-align: center;
            border: 2px solid #2a2a2a;
            transition: all 0.3s;
            cursor: pointer;
        }

        .category-item:hover {
            border-color: #ffd700;
            background-color: #1a1a1a;
        }

        .category-icon {
            font-size: 32px;
            margin-bottom: 15px;
        }

        .category-item h3 {
            font-size: 18px;
            margin-bottom: 8px;
        }

        .category-count {
            color: #888888;
            font-size: 14px;
        }

 
        /* Responsive */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 36px;
            }

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

            .blog-grid {
                grid-template-columns: 1fr;
            }

            nav ul {
                gap: 15px;
                flex-wrap: wrap;
            }

            .newsletter-form {
                flex-direction: column;
            }

            .newsletter {
                padding: 40px 20px;
            }
        }
    
        /* Blog Details */

        .breadcrumb-item a {
            color: #A6A6A6;
            text-decoration: none;
        }

        .breadcrumb-item.active {
            color: #E00016;
        }

              /* Main Content */

       
       
  .blog-details .img-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: #df1e31ae;
    background: linear-gradient(to bottom, #ffffff00 0, #df1e31ae 100%);
    border-radius: 12px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.blog-details .img-wrap:hover:before {
    opacity: 1;
}

section.blog-details{
    background-color: #f2f2f2;
}
.blog-details .img-wrap {
            border-radius: 10px;
            margin-bottom: 2rem;
            position: relative;
        }

        .blog-details .article-meta {
            display: flex;
            gap: 2rem;
            margin-bottom: 2rem;
            color: var(--text-light);
            font-size: 0.95rem;
        }

       .blog-details .article-meta i {
            margin-right: 0.5rem;
            color: #E00016;
        }


       .blog-details .article-content h3 {
                font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 36px;
    font-family: var(--font-cabin);
    
        }
  
       .blog-details h2.title{
        margin-bottom: 15px;
       }

       .blog-details .article-content p {
            margin-bottom:15px;
        }

      .blog-details .article-content ul {
    margin-bottom: 15px;
    padding-left: 30px;
}

.blog-details .article-content li {
    margin-bottom: 8px;
    line-height: 1.7;
    list-style: disc;
    padding-left: 10px;
}
.blog-details .highlight-box {
    background: #fff;
    border-left: 5px solid #e00016;
    border-radius: 20px;
    margin: 2rem 0;
    padding: 30px 60px;
}

.blog-details  .highlight-box h3 {
    margin-top: 0;
}

.blog-details .map-wrap {
    margin: 30px 0;
    border: none;
}

.blog-details .map-wrap {
    margin: 30px 0;
    border: none;
}

        .blog-details h4 {
    font-family: var(--font-barlow);
    font-size: 22px;
    font-weight: 600 !important;
    color: #354855;
    margin-bottom: 10px;
}

.blog-details .info-box {
    background: #fff;
    border-left: 5px solid #EFD3B6;
    padding: 1.5rem;
    border-radius: 8px;
    margin: 2rem 0;
}

        /* Sidebar */
      .blog-details  .sidebar-card {
            background: white;
            border-radius: 10px;
            padding: 1.5rem;
            margin-bottom: 2rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        }

       .blog-details .sidebar-card h4 {
            margin-bottom: 1.5rem;
            font-size: 22px;
        }

        .blog-details .search-box .btn-6{       
position: relative;
    display: inline-block;
    width: 100%;
    color: var(--bs-white-color);
    padding: 8px 16px;
    background: linear-gradient(327deg, #D10014 0%, #5c161d 60%, #D10014 100%);
    border-radius: 10px;
    border: none;
    font-family: var(--font-roboto);
    font-weight: 300;
    overflow: hidden;
    z-index: 1;
    font-size: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0px 0 rgb(238 238 238 / 50%), 0 1px 13px rgb(255 255 255 / 30%) !important;
                position: absolute;
            right: 5px;
            top: 5px;
            width: auto;
    }

   .blog-details  .search-box {
    position: relative;
}
.blog-details .search-box .btn-6 {
    background-size: 200% 200%;
    color: #fff;
    border: none;
    cursor: pointer;
    animation: gradientMove 5s ease infinite;
    transition: transform 0.25s ease, box-shadow 0.25s ease; 
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

       .blog-details .search-box input {
            width: 100%;
            padding: 0.75rem 1rem;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            font-size: 0.95rem;
        }

       .blog-details .category-list {
            list-style: none;
            padding: 0;
        }

      .blog-details  .category-list li {
            padding: 0.75rem 0;
            border-bottom: 1px solid #e9ecef;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

     .blog-details   .category-list li:last-child {
            border-bottom: none;
        }

    .blog-details    .category-list a {
            color: var(--text-dark);
            text-decoration: none;
            transition: color 0.3s;
        }

     .blog-details   .category-list a:hover {
            color: #E00016;
        }

      .blog-details  .category-count {
            background-color: #f8f9fa;
            color: var(--text-light);
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.85rem;
        }

       .blog-details  .related-post {
            display: flex;
            gap: 1rem;
            margin-bottom: 1.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid #e9ecef;
        }

       .blog-details  .related-post:last-child {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
        }

       .blog-details .related-post img {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border-radius: 8px;
        }

     .blog-details   .related-post-info h5 {
            font-size: 18px;
            margin-bottom: 8px;
        }

/* Sticky Sidebar */
.blog-details .side-bar {
    position: sticky;
    top: 135px; /* header height ke according adjust kar sakte ho */
}

/* Mobile pe sticky disable */
@media (max-width: 991px) {
    .blog-details .side-bar {
        position: static;
        top: auto;
    }
}

      .blog-details  .related-post-info h5 a {
           
            text-decoration: none;
        }

      .blog-details  .related-post-info h5 a:hover {
            color: var(--secondary-color);
        }

       .blog-details .related-post-info small {
            color: var(--text-light);
            font-size: 0.85rem;
        }

       .blog-details .contact-card {
            background: linear-gradient(135deg, var(--primary-color) 0%, #1a3a5a 100%);
            color: white;
            text-align: center;
            padding: 2rem;
            border-radius: 10px;
        }

       .blog-details .contact-card h4 {
            color: white;
            margin-bottom: 1rem;
        }

       .blog-details .contact-card p {
            margin-bottom: 1.5rem;
            opacity: 0.9;
        }

      .blog-details  .btn-contact {
            background-color: var(--secondary-color);
            color: white;
            border: none;
            padding: 0.75rem 2rem;
            border-radius: 25px;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
        }

      .blog-details  .btn-contact:hover {
            background-color: #e55a2a;
            color: white;
        }

        /* Image Grid */
      .blog-details  .image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
            margin: 50px 0;
        }

       .blog-details .image-grid img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 10px;
        }

       .blog-details article {
    padding-right: 50px;
}

    .blog-details .banner-btn-wrapp.mt-5{
    margin-bottom: 30px;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #A6A6A6;
}

section.blog-details section.discount-cta {
    padding-bottom: 0;
}

.mobile-menu{
    display: none;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto;
}

.form-wrap.homepg-form h2 {
    padding-bottom: 10px;
}

.form-wrap.homepg-form h2:before{
    display: none;
}

.blog-card .card-content .badge a:hover {
    color: #fff;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    display: none;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button {
    display: none;
}

input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
}

section.blog-details .cta-section .banner-btn-wrapp p {
    display: none;
}

section.blog-details .cta-section .banner-btn-wrapp br {
    display: none;
}

.banner .form-wrap form#limoForm .form-control{
    height: 45px;
    color: #505356;
}

input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}
/* input[type="time"]::-webkit-date-and-time-value {
  text-align: left;
} */

input[type="date"] {
  -webkit-appearance: none;
  appearance: none;
  height: 45px;
  padding: 12px;
  box-sizing: border-box;
}

/* input[type="time"] {
  -webkit-appearance: none;
  appearance: none;
  height: 45px;
  padding: 12px;
  box-sizing: border-box;
} */

section.reservation-info-wrapp .card-wrap .form-wrap form .choose-wrap input[type="radio"] {
    width: auto !important;
    height: auto !important;
}

section.price-calculator .trip-type input[type="radio"] {
    margin-right: 8px;
    accent-color: #0075FF;
}

section.price-calculator input[type="radio"] {
    transform: scale(1.5);
    /* Increase value to make it bigger */
    margin-right: 8px;
    /* Optional: add spacing from label */
}
input[type="checkbox"] {
    width: auto !important;
    height: auto;
}

input, select, textarea {
  /* -webkit-appearance: none;
  appearance: none; */
  font-size: 16px;
  padding: 12px;
  border-radius: 8px;
  box-sizing: border-box;
  height: 45px;
}

input[type="date"],
input[type="time"] {
  position: relative;
  color: transparent !important; /* actual text hide */

}

input[type="date"]:before {
  content: "dd-mm-yyyy" ;
  color: #2c3e50;
  position: absolute;
  left: 12px;
}

/* input[type="time"]:before {
  content: "--:--";
  color: #2c3e50;
  position: absolute;
  left: 12px;
} */

/* input[type="time"]:before {
  content: "--:--";
  color: #2c3e50;
  position: absolute;
  left: 12px;
}  */

input:focus:before,
input:valid:before {
  content: "" !important;
}

input:focus,
input:valid {
  color: #2c3e50 !important; /* show selected value */
}

section.key-destination {
    position: relative;
    z-index: 2;
}

.page-id-390 .service-wrap {
    height: 580px;
}

.fleet-details-section-feature {
    margin-top: 70px !important;
}

.dropdown-header{
    font-size: 16px;
}

section.service-details-reservation i#qOpenCalendar {
    position: absolute;
    top: 24px;
    right: 10px;
    font-size: 16px;
}

i#openCalendarService{
    position: absolute;
    top: 15px !important;
    right: 15px;
}

.about-banner .form-wrap {
    max-width: 585px;
    margin-left: 0;
}

section.service-banner .form-wrap{
    max-width: 585px;
    margin-left: 0; 
}

button.dropdown-heading-link {
    border: none;
    background: none;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    display: block;
    transition: background 0.2s;
    letter-spacing: 0.3px;
}

div#formMsgService {
    display: none;
}

button.dropdown-header{
    border: none;
    background: none;
}

.device-menu button.dropdown-item{
    border: none;
    background: none;
    padding: 10px 20px 5px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    display: block;
    transition: background 0.2s;
    letter-spacing: 0.3px;
    width: 100%;
    text-align: left;
}

.device-menu button.dropdown-item:hover{
   color: #cb0216;
}
button.dropdown-header:hover{
   color: #cb0216;
}
 
section.footer-pages b {
    font-size: 32px;
    display: block;
    margin-bottom: 15px;
}

section.footer-pages h2 {
    font-size: 36px;
    font-family: "Roboto Flex", sans-serif !important;
    margin-bottom: 20px;
    margin-top: 20px;
}


section.footer-pages h3 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 20px;
}

section.footer-pages h4 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 600 !important;
    font-family: var(--font-barlow);
    
}

section.footer-pages ul {
    padding-left: 30px;
}
section.footer-pages ul li {
    margin-bottom: 8px;
    list-style: disc;
    padding-right: 20px;
}

section.blog-details h2 {
    font-size: 48px;
    font-family: "Roboto Flex", sans-serif !important;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 600;
}

section.blog-details h2 b{
    font-weight: 600;
}

.blog-details .article-content h3 b {
    font-weight: 500;
}

.blog-details h4 b {
    font-weight: 600;
}

.blog-details .map-wrap iframe {
    width: 100%;
    height: 300px;
}

.blog-details img.aligncenter.wp-image-4236.size-full {
    margin-bottom: 30px;
}

.blog-details table {
  border-collapse: collapse;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 16px;
}

.blog-details table tbody tr:first-child {
  background: #1a1a2e;
}

.blog-details table tbody tr:first-child td {
  color: #ffffff;
  padding: 12px 16px;
  font-size: 16px;
  letter-spacing: 0.05em;
}

.blog-details table tbody tr:first-child b {
  font-weight: 600;
}

.blog-details table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}

.blog-details table tbody tr:nth-child(even) {
  background: #fafafa;
}

.blog-details table tbody tr:nth-child(odd):not(:first-child) {
  background: #ffffff;
}

.blog-details table tbody tr:not(:first-child):hover {
  background: #f0f4ff;
}

.blog-details table tbody td {
  padding: 12px 16px;
  color: #333;
  vertical-align: top;
}

.blog-details table tbody tr:not(:first-child) td i {
  font-style: italic;
  color: #888;
}


/* New Sections Design */

section.seat-section .seat-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

section.seat-section .seat-wrapper .seat-card {border-right: 1px solid #dfdfdf;padding:  0 20px;}

section.seat-section .seat-wrapper .seat-card .img-wrap {
    width: 200px;
    height: auto;
    margin: 0 auto 20px;
}

section.seat-section .seat-wrapper .seat-card .content-wrapp h3 {
    font-size: 26px;
    margin-bottom: 15px;
    font-family: "Roboto Flex", sans-serif !important;
}


section.service-details-book-benefits .benefits-wrapp{
    grid-template-columns: repeat(4, 1fr) ;
}

section.service-details-book-benefits .benefits-wrapp .benefit-card:nth-child(4):before {
    display: block !important;
}

section.service-details-book-benefits .title{
    max-width: 100%;
}


section.service-details-rate-section .price-wrapper .card-wrapper .card-box {
    padding: 0 40px;
}

section.service-details-new-about .content-wrap h3 {
    font-size: 26px;
    margin-bottom: 15px;
    font-family: "Roboto Flex", sans-serif !important;
    line-height: 36px;
}

section.service-details-new-about:before{
    display: none;
}
section.service-details-new-about .img-wrap {
    position: absolute;
    right: 0;
    width: 600px;
    height: auto;
}

/* Table */

    .table-grid {
      display: grid;
      grid-template-columns: 300px 1fr 1fr 1fr;
      column-gap: 10px;
      grid-template-rows: auto repeat(12, auto);
    }

    /* ── HEADER row (row 1) ── */
    .header-blank { grid-column: 1; grid-row: 1; }

    .col-head {
      grid-row: 1;
      padding: 15px 30px;
      text-align: center;
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      border-radius: 12px 12px 0 0;
    }
    .col-head.limo { grid-column: 2; background: #c8102e; }
    .col-head.taxi { grid-column: 3; background: #8bbfd8; }
    .col-head.ride { grid-column: 4; background: #b0aaa8; }

    .label-cell {
      grid-column: 1;
      background: #ebebeb;
      border-radius: 10px;
      padding: 10px 20px;
      font-weight: 600;
      color: #575757;
      font-size: 18px;
      display: flex;
      align-items: center;
      margin: 8px 0;
    }

    .cell {
      padding: 12px 16px;
      font-size: 16px;
      color: #333;
      line-height: 1.5;
      display: flex;
      align-items: center;
      border-radius: 0;
    }

    .cell.limo { background: #fdeaec;
    border-right: 2px solid #ffa5ae8a ;
    border-left: 2px solid #ffa5ae8a ;
}

    .cell.taxi { background: #f5f9fc; 
    border-right: 2px solid #f5f9fc ;
    border-left: 2px solid #f5f9fc;
    }

    .cell.ride { background: #f7f6f5; 
    border-right: 2px solid #f7f6f5 ;
    border-left: 2px solid #f7f6f5;
}

   .cell.limo {
    box-shadow: 0 6px 22px rgb(255 255 255);
}

    .cell.taxi { box-shadow: 0 6px 22px rgb(255 255 255); }

    .cell.ride { box-shadow: 0 6px 22px rgb(255 255 255); }

    .cell.limo.last-data { border-radius: 0 0 14px 14px !important; 
     border-bottom: 2px solid #ffa5ae8a
    }

     .cell.taxi.last-data { border-radius: 0 0 14px 14px !important; 
     border-bottom: 2px solid #f5f9fc
    }

       .cell.ride.last-data { border-radius: 0 0 14px 14px !important; 
     border-bottom: 2px solid #f7f6f5
    }

        .cell.limo.first-data { box-shadow: none;}

     .cell.taxi.first-data { box-shadow: none;}

       .cell.ride.first-data { box-shadow: none;}


    .col-shadow {
      pointer-events: none;
      grid-row: 1 / 14;
      border-radius: 14px;
      z-index: 0;
      background: #fff;
    }
    .col-shadow.limo { grid-column: 2; }
    .col-shadow.taxi { grid-column: 3; }
    .col-shadow.ride { grid-column: 4; }

    .col-head, .label-cell, .cell { position: relative; z-index: 1; }

    .icon-green  { color: #27a427; margin-right: 6px; flex-shrink: 0; margin-top: 2px; }
    .icon-red    { color: #c8102e; margin-right: 6px; flex-shrink: 0; margin-top: 2px; }
    .icon-orange { color: #d4930a; margin-right: 6px; flex-shrink: 0; margin-top: 2px; }



    .cell.limo.last-data i {color: #16A34A;font-size: 18px;padding-right: 5px;}

.cell.taxi.last-data i {
    color: #E00016;
    font-size: 18px;
    padding-right: 5px;
}

i.fa-solid.fa-triangle-exclamation {
    color: #F59E0B;
    font-size: 18px;
    padding-right: 5px;
}

section.service-details-flat-rate-section p.flat-rate-para {
    border-left: 3px solid #9ec1d9;
    padding-left: 20px;
    font-size: 20px;
    margin-bottom: 50px;
}

section.service-details-flat-rate-section .licensing-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    text-align: center;
}

section.service-details-flat-rate-section .card-wrap {
    padding: 30px;
    border-radius: 20px;
    border: 3px solid #dadada;
}

section.service-details-flat-rate-section .card-wrap .icon {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #9ec1d9 0%, #ffffff2e 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}


section.service-details-flat-rate-section  .card-wrap .icon img {
    width: 80px;
    height: 80px;
}

section.service-details-flat-rate-section  .content-wrap h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-barlow);
    margin: 10px 0;
    color: #000;
}

section.service-details-flat-rate-section .content-wrap:hover h3 {
    color: #7BACD0;
}

section.service-details-flat-rate-section .content-wrap p {
    font-size: 16px;
}

section.service-details-limo-price-section{
    padding: 0 40px;
    /* position: relative; */
}
section.service-details-limo-price-section h2.title {
    color: #302627;
    padding-left: 50px;
}

section.service-details-limo-price-section .card-wrapper .card-box::before {
    background: #D9D9D9!important;
}

section.service-details-limo-price-section .card-wrapper .card-box h4 {
    color: #302627;
    font-size: 20px;
    margin: 20px 0 10px;
    font-weight: 600 !important;
    font-family: var(--font-barlow);
}

section.service-details-limo-price-section .card-wrapper .card-box p {
    color: #212529;
    font-size: 16px;
}
section.service-details-rate-section.rates-section {
    border-radius: 0;
}
section.service-details-limo-price-section .icon-wrap {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #000000 0%, #a1a1a1 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

section.service-details-limo-price-section .icon-wrap img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

section.service-details-limo-price-section  .card-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}

section.service-details-limo-price-section .card-wrapper .card-box {
    text-align: center;
    border-right: 2px solid #d9d9d9;
    padding: 20px;
}

section.service-details-limo-price-section .limo-price-flex {
    display: grid;
    grid-template-columns: 35% 65%;
    align-items: center;
}

section.service-details-limo-price-section .card-wrapper .card-box:last-child {
    border-right: none;
}

.limo-price-wrapper {
    background: #c7c7c7;
    color: #fff;
    margin-top: 70px;
    padding: 50px 50px 50px 0;
    border-radius: 0 0 28px 28px;
    box-shadow: rgba(136, 165, 191, 0.48) 0 2px 0 0px, #00000070 6px 2px 16px 0px;
    border-radius: 50px;
}

section.service-details-flat-rate-section {
    padding-bottom: 0;
}


section.service-details-limo-price-section .content-wrap {
position: relative;
}

/* section.service-details-limo-price-section .price-wrapper {
    width: 65%;
} */
section.service-details-limo-price-section .limo-price-flex .content-wrap:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: -11%;
    top: 0%;
    background-color: #353535;
}

section.service-details-limo-price-section .limo-price-flex .content-wrap {
    padding: 50px 0;
    position: relative;
}

section.service-details-limo-price-section .limo-price-flex .content-wrap .content-box {
    position: relative;
    padding: 0 0 0 50px;
    margin-right: 100px;
}

section.service-details-limo-price-section .limo-price-flex .content-wrap .content-box:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #D9D9D9;
}

section.service-details-limo-price-section .limo-price-flex .content-wrap h3{
    font-size: 24px;
    margin: 20px 0 10px;
    font-weight: 600 !important;
    font-family: var(--font-barlow);
    color: #fff;
}

section.service-details-limo-price-section .limo-price-flex .content-wrap p {
    font-size: 16px;
}


section.service-details-myth-fact .img-wrap {
    width: 400px;
    height: 960px;
    left: 0;
}
section.service-details-myth-fact.about-us-page-wrapper {
    padding-bottom: 70px !important;
}

section.service-details-myth-fact .img-wrap img {
    border-radius: 0 30px 30px 0;
}

section.service-details-myth-fact .accordion-button:not(.collapsed) {
    background-color: #F2F2F2;
    color: #3A76A3;
}

section.service-details-myth-fact .accordion-button {
    background-color: #F2F2F2;
    color: #575757;
}

section.service-details-myth-fact.about-us-page-wrapper:before{
    display: none;
}

section.travel-planing {
    background: #F2F2F2;
}

/* Travel Planing */
section.travel-planing h2.title {
    text-shadow: 0px 1px 2px #ffffff, 0 2px 8px #ffffff;
}

h2.title span {
    text-shadow: none;
}


section.travel-planing .travel-plaining-wrapper .card-wrap .icon img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

section.travel-planing .travel-plaining-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    text-align: center;
    gap: 50px;
    margin-top: 30px;
}

section.travel-planing .travel-plaining-wrapper .card-wrap {
    padding: 0 30px;
    border-left: 2px solid #d7d7d7;
}

section.travel-planing .travel-plaining-wrapper .card-wrap .content h4 {
    color: #302627;
    font-size: 20px;
    margin: 20px 0 10px;
    font-weight: 600 !important;
    font-family: var(--font-barlow);
}

section.travel-planing .travel-plaining-wrapper .card-wrap .icon {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50%;
    background: linear-gradient(to bottom, #5D5B5B 0%, #eaeaea 100%);
}


section.travel-planing .travel-plaining-wrapper .card-wrap .content p {
    font-size: 16px;
}

section.travel-planing .travel-plaining-wrapper .card-wrap:last-child {
    border: none;
    padding: 0;
}

section.travel-planing .travel-plaining-wrapper .card-wrap:nth-child(3) {
    border-right: 2px solid #d7d7d7;
}

section.travel-planing .travel-plaining-wrapper .card-wrap:last-child .img-wrap {
    border-radius: 30px;
}

section.travel-planing .travel-plaining-wrapper .card-wrap:last-child .img-wrap img {
    border-radius: 30px;
}


/* Real Ex Limo Price */

section.real-ex-limo-price-section .service-wrap {
    background: var(--bs-light-grey-color);
    border-radius: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

section.real-ex-limo-price-section .service-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px 20px;
}

section.real-ex-limo-price-section .image-wrap {
    position: relative;
    border-radius: 12px;
    height: 200px;
}

section.real-ex-limo-price-section .service-wrap .image-wrap img {
    width: 100%;
    border-radius: 12px;
    height: 200px;
    object-fit: cover;
}

section.real-ex-limo-price-section .service-wrap .content-wrapper {
    padding: 25px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

section.real-ex-limo-price-section .service-wrap .content-wrapper h3 {
    font-size: 22px;
    font-weight: 600;
    font-family: var(--font-barlow) !important;
    color: #3A76A3 !important;
    margin-bottom: 15px;
}

section.real-ex-limo-price-section .service-wrap .content-wrapper p {
    font-size: 16px;
}

section.real-ex-limo-price-section .service-wrap .content-wrapper p.price{
    color: #A1898B;
      margin-top: auto;
      margin-bottom: 0;
}

section.real-ex-limo-price-section .service-wrap .content-wrapper span {
    color: #575757;
    font-weight: 500;
  
}

section.real-ex-limo-price-section .title-box {
    padding: 20px 120px;
    background: #ECE7E8;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 30px;
}

section.real-ex-limo-price-section h2.title{
    margin-bottom: 15px;
}

/* Drop off Section */

.drop-off-wrapp .card-wrapper .card-wrap .content-wrap h3 {
    font-size: 20px;
}

.drop-off-wrapp .card-wrapper .card-wrap .content-wrap h3 {
    font-size: 20px;
    color: #3a3a3a;
    font-family: var(--font-barlow) !important;
}
.drop-off-wrapp .card-wrapper .card-wrap .content-wrap {
    height: 350px !important;
}

.drop-off-wrapp h3 {
    font-size: 32px;
    margin-bottom: 15px;
    font-family: "Roboto Flex", sans-serif !important;
    font-weight: 400;
    color: #1D3B51;
}

section.drop-off-wrapp.book-airportlimo .title-head p {
    position: relative;
    font-size: 22px;
    padding-left: 10px;
    margin-bottom: 40px;
}

section.drop-off-wrapp.book-airportlimo .title-head p:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    top: 0px;
    left: -25px;
    background: #dadada;
    margin-left: 10px;
}

section.drop-off-wrapp .terminal-wrap {
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 20px;
    text-align: center;
    gap: 20px;
    margin-bottom: 40px;
}

section.drop-off-wrapp .terminal-wrap .card-wrap {
    padding: 20px;
    border: 2px solid #f2f2f2;
    border-radius: 30px;
}
section.drop-off-wrapp .terminal-wrap .card-wrap h3.small-heading {
    font-size: 18px;
    font-family: var(--font-barlow) !important;
    font-weight: 600;
    color: #575757;
    margin-bottom: 15px;
}

section.drop-off-wrapp .terminal-wrap .card-wrap span {
    font-size: 22px;
    color: #7BACD0;
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    font-family: var(--font-barlow) !important;
}

section.drop-off-wrapp .terminal-wrap .card-wrap  p {
    font-size: 16px;
    margin-bottom: 0;
}

section.drop-off-wrapp .card-2 .card-wrap .content-wrap{
    height: 360px !important;
}

section.dom-international-flight-section{
    background: #1F1F1F;
    color: #fff;
    margin-top: 70px;
    overflow: hidden;
}

section.dom-international-flight-section .container {
    background: none;
    padding: 0;
    border-radius: 0;
}

section.dom-international-flight-section h2.title {
    color: #fff;
}

section.dom-international-flight-section .title p {
    color: #aaa;
}

section.queue-app-pickups .head-title p {
    padding: 0 70px;
    font-size: 22px;
}

section.queue-app-pickups .icon-wrap {
    width: 180px;
    height: auto;
    margin: auto;
}


section.queue-app-pickups .card-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px;
    text-align: center;
    margin-top: 30px;
}

section.queue-app-pickups img {
    object-fit: contain;
    width: 100%;
    height: 100%;

}

section.queue-app-pickups .card-wrap {
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 20px;
}

section.queue-app-pickups .card-wrap:first-child{
    border-color: #ABCBE1;
}

section.queue-app-pickups .card-wrap:last-child{
    border-color: #E00016;
}

section.queue-app-pickups .card-wrap .content-wrap h3 {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: var(--font-barlow);
    margin-top: 20px;
    padding: 0 30px;
}

section.queue-app-pickups .card-wrap .content-wrap p{
    font-size: 16px;
}

section.pearson-service-detail-table-wrap .col-head.limo {
    grid-column: 4;
    background: #c8102e;
}
section.pearson-service-detail-table-wrap .col-head.ride {
    grid-column: 3;
    background: #b0aaa8;
}
section.pearson-service-detail-table-wrap .col-head.taxi {
    grid-column: 2;
    background: #8bbfd8;
}

section.pearson-details-delay-wrap p.pearson-details-para {
    border-left: 3px solid #9ec1d9;
    padding-left: 20px;
    font-size: 20px;
    margin-bottom: 50px;
}

section.pearson-details-delay-wrap .card-wrapper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 15px;
}

section.pearson-details-delay-wrap .card-wrapper .card-wrap .icon-wrap {
    background: linear-gradient(to bottom, #0B1922 0%, #3e4f5a 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 12px;
    border-radius: 12px 12px 0 0;
}

section.pearson-details-delay-wrap .card-wrapper .card-wrap img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    position: relative;
}

section.pearson-details-delay-wrap .card-wrapper .card-wrap .icon-wrap h3 {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-barlow);
    color: #7BACD0;
    position: relative;
    z-index: 2;
}

section.pearson-details-delay-wrap .card-wrapper .card-wrap .content-wrap {
    background: linear-gradient(to bottom, #E9E9E9 0%, #f1f1f1 100%);
    font-size: 16px;
    padding: 15px;
    border-radius: 0 0 12px 12px;
    height: 250px;
}

section.pearson-details-licencing h3 {
    font-size: 18px !important;
}
section.pearson-details-licencing .benefits-wrapp .benefit-card{
    padding: 0;
}

.copyrightwrap ul.useful-links a {
    font-size: 16px;
}

input#rideTripDate {
    background: #dadada !important;
}

.table-wrap-section h3 {
    font-size: 32px;
    font-family: "Roboto Flex", sans-serif !important;
    text-align: right;
    margin-bottom: 20px;
    font-weight: 500;
}

#menu-header-menu-left li.dropdown > a {
  pointer-events: none;
  cursor: default;
}

/* #menu-header-menu-right li:last-child > a {
  pointer-events: none;
  cursor: default;
} */

.arrivals-departures .icon-wrap img{
    width: 110px !important;
    height: 110px !important;
}

section.dom-international-flight-section .benefits-wrapp .benefit-card .icon-wrap {
    width: 180px;
    height: auto;
}


.site-map-content .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
 
.site-map-content h1 {
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0 6px 0;
    line-height: 1.3;
    border-left: 3px solid #E00016;
    padding-left: 10px;
}
 
.site-map-content h1 a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.2s ease;
}
 
.site-map-content h1 a:hover {
    color: #E00016;
}

.site-map-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0 6px 0;
    line-height: 1.3;
    border-left: 3px solid #E00016;
    padding-left: 10px;
}
 
.site-map-content h2 a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.2s ease;
}
 
.site-map-content h2 a:hover {
    color: #E00016;
}
 
.site-map-content ul {
    list-style: none;
    padding: 0 0 0 14px;
    margin: 0 0 10px 0;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 8px;
}
 
.site-map-content ul li {
    font-size: 16px;
    position: relative;
    padding-left: 14px;
	font-weight: 500;
}
 
.site-map-content ul li::before {
    content: '›';
    position: absolute;
    left: 0;
    color: #E00016;
    font-weight: 700;
}
 
.site-map-content ul li a {
    text-decoration: none;
    transition: color 0.2s ease;
}
 
.site-map-content ul li a:hover {
    color: #E00016;
    text-decoration: underline;
}
 

.error-code {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    border: 1px solid #ddd;
    border-radius: 20px;
    transition: 0.5s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.error-code h2 {
    font-size: 60px;
    font-family: 'Roboto Flex';
    font-weight: 600;
    margin-bottom: 20px;
}

.error-code:hover {
    transform: translatey(-20px);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.error-code button.btn-6 {
    width: auto;
    margin-top: 20px;
}

.other-cover-area-wrap ul li p {
    font-size: 16px;
    margin-bottom: 0;
}

#openCalendar {
    position: absolute;
    top: 32%;}

section.reservation-info-wrapp form#reservationForm i#rideQOpenCal {
    position: relative;
    top: -36px;
    right: -90%;
}

form#limoFormService input {
    border-radius: 8px !important;
    padding: 6px 15px !important;
}

form#limoFormService select {
    border-radius: 8px;
}
.page-id-1228 section.service-details-about-section {
    margin-top: 70px;
}

.page-id-1218 section.service-details-about-section {
    margin-top: 70px;
}

.page-id-1220 section.service-details-book-benefits {
    padding-top: 0;
}

.flatpickr-calendar.animate.open.arrowLeft.arrowTop{
    z-index: -2;
}



/* .mb-3.ride-cal-wrapper i#rideOpenCal {
    top: -28px;
    position: relative;
    right: -80%;
} */

.banner textarea.form-control {
    height: 80px !important;
}

.ride-error {
    margin-top: 0;
}

.ride-cal-wrapper{
    margin-bottom: 0 !important;
}

section.rate-wrap textarea.form-control {
    height: 80px !important;
}

section.reservation-info-wrapp form#wpforms-form-4639 ul {
    display: flex;
    align-items: center;
    gap: 50px;
}

section.reservation-info-wrapp input {
    border: none !important;
    padding: 0 !important;
}

section.reservation-info-wrapp li {
    display: -webkit-inline-box !important;
}

section.reservation-info-wrapp select {
    max-width: 100% !important;
    border-radius: 8px !important;
}

section.reservation-info-wrapp .card-wrap .form-wrap form input {
    padding: 12px !important;
    border: 1px solid !important;
    /* color: #000 !important; */
    border-color: var(--wpforms-field-border-color) !important;
    color: #34495e !important;
        max-width: 100% !important;
}

section.reservation-info-wrapp input#wpforms-4639-field_30_1 {
    border: none !important;
    padding: 0 !important;
}

section.reservation-info-wrapp input#wpforms-4639-field_30_2 {
        border: none !important;
    padding: 0 !important;
}

section.reservation-info-wrapp div#wpforms-4639-field_15-container {
    width: calc(100%) !important;
}

section.reservation-info-wrapp button#wpforms-submit-4639 {
    border: none;
    width: 100%;
    padding: 8px 20px;
    font-family: var(--font-roboto);
    font-weight: 300;
    background: #000;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
    font-size: 16px;
}

section.reservation-info-wrapp button#wpforms-submit-4639:hover {
    background: #460216;
    transition: 0.5s ease-in-out;
}

section.reservation-info-wrapp input#wpforms-4639-field_25 {
    padding-left: 50px !important;
}

section.reservation-info-wrapp div#wpforms-4639-field_25-container {
    width: calc(100%);
}