:root {
    --primary-color: #ffc61a;
    --secondary-color: #000;
    --tritary: #fff;
}

html {
    font-size: 10px;
    scroll-behavior: smooth;
}

.about-sec ul li {
    color: #000000d0;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 1.8rem;
}

body {
    font-size: 1rem;
    margin: 0;
    padding: 0;
    position: relative;
}

body.show{
    overflow: hidden;
}

img,
video,
object {
    max-width: 100%;
}

.taxi-img img {
    width: 550px;
    height: 270px;
}

.viabtn {
    width: 31%;
}
/* topbar start*/
.topbar {
    background-color: rgb(4, 4, 32);
}
.follow-div {
    position: relative;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    padding: 1rem;
    align-items: center;
    min-height: 67px;
}
.follow-div::before, 
.follow-div::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 100%;
    background-color: rgb(4, 4, 32);
    left: -27px;
    clip-path: polygon(48% 0, 100% 0%, 55% 100%, 0 100%);
}
.follow-div::after {
    right: -27px;
    left: auto;
    clip-path: polygon(12% 0, 62% 0, 100% 100%, 47% 100%);
}
.follow-div span {
    color: rgb(4, 4, 32);
    font-size: 1.6rem;
    font-weight: 500;
    opacity: .8;
}
.social-imgs {
    margin-left: 15px;
}
.social-imgs img {
    width: 16px;
    height: 16px;
    margin: 0 10px;
}
.info {
    display: flex;
    justify-content: end;
    padding: 1rem 2rem;
}
.info .emailRender a{
    color: #fff;
}
.info .emailRender a img{
    display: none;
}
.info-img {
    padding: 15px;
    background-color: rgb(29, 29, 58);
    border-radius: 50%;
    margin-right: 10px;
    transition: all .5s;
}
.info-img img {
    width: 16px;
    height: 16px;
    transition: all .5s;
}
.info span {
    color: var(--tritary);
    font-size: 16px;
    transition: all .5s;
}
.info a:hover .info-img {
    background-color: var(--primary-color);
}
.info a:hover .info-img img {
    filter: brightness(0) invert(1);
}
.info a:hover span {
    color: var(--primary-color) !important;
}
 /* topbar end*/
.nav-link {
    font-size: 1.8rem;
    margin-right: 2rem;
    padding: 1rem 2rem !important;
    font-weight: 500;
    text-align: center;
    text-decoration: none !important;
    color: var(--secondary-color);
    transition: all .5s;
    position: relative;
}
.nav-link::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 0;
    background-color: var(--secondary-color);
    left: 50%;
    top: -15px;
    transform: translateX(-50%);
    transition: all .5s;
}
.nav-link:hover {
    color: #ffc61a !important;
}
.nav-link.active {
    color: var(--primary-color);
}
.nav-link:hover::before, 
.nav-link.active::before {
    height: 25px;
    background-color: var(--primary-color) !important;
}
.dropdown-item{
    font-size: 1.6rem;
    transition: all 0.3s;
}
.dropdown-item:hover{
    background-color: var(--primary-color);
}
.banners {
    height: 400px !important;
}
.banners .mainHd {
    margin-bottom: 10px;
}
.divide {
    width: 12px;
}

.header {
    background: var(--tritary);
    width: 100%;
    padding: 0 15px;
}
/* .logo-nav-div {
    width: 310px;
    background-color: rgba(128, 128, 128, 0.123);
    position: relative;
    min-height: 78px;
    padding-left: 3rem;
} */
/* .logo-nav-div::after {
    width: 50px;
    height: 100%;
    content: '';
    position: absolute;
    background-color: var(--tritary);
    right: -27px; 
    top: 0;
    clip-path: polygon(8% 0, 63% 0, 100% 100%, 41% 100%);
} */

.logo {
    height: 56px !important;
    width: 185px !important;
}

.navbar {
    position: relative;
    padding: 0;
    /* z-index: 999; */
    width: 100%;
    
    /* transition: .8s; */
}

.navbar-collapse {
    justify-content: end;
    padding: 1.5rem 3rem 1.5rem 0;
}

a {
    text-decoration: none !important;
}

a:hover {
    color: white;
}
a.active {
    color: var(--primary-color) !important;
}
.navbar ul {
    margin: 0;
    padding: 0;
}

.menu-btn {
    width: 200px;
    justify-content: end;
    display: flex !important;
}

.call-btn {
    font: 600 16px "Prompt", sans-serif;
    color: var(--tritary);
    transition: all .5s;
}

.call-btn:hover {
    color: var(--secondary-color);
}

.smBtnsWrapper{
    display: flex;
    gap: 10px;
}

.smBtnsWrapper a{
    display: none;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 37px;
    background: #ffc61a;
}

.smBtnsWrapper a img{
    filter: brightness(0);
    width: 24px;
    height: 24px;
}

.hero-banner {
        background-image: url(/src/assets/images/bg-img.webp);
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        background-attachment: fixed;
        width: 100%;
}
.hero-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #000000 31.25%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.9;
}

.hero-overlay {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 765px;
    object-fit: none;
}
.victoria-banner {
    background-image: url(src/assets/images/victoria-bg.jpg);
}

.waterloo-banner {
    background-image: url(src/assets/images/Waterloo-bg.jpg);
}

.Charing-C-banner {
    background-image: url(src/assets/images/charing-C-bg.jpg);
}

.King-C-banner {
    background-image: url(src/assets/images/king-C-bg.jpg);
}

.euston-banner {
    background-image: url(src/assets/images/Euston-bg.jpg);
}

.paddington-banner {
    background-image: url(src/assets/images/paddinton-bg.jpg);
}

.L-B-banner {
    background-image: url(src/assets/images/L-B-bg.jpg);
}

.stansted-banner {
    background-image: url(src/assets/images/stansted-bg.jpg);
}

.L-C-banner {
    background-image: url(src/assets/images/L-C-bg.jpg);
}

.luton-banner {
    background-image: url(src/assets/images/luton-bg.jpg);
}

.L-C-banner {
    background-image: url(src/assets/images/L-C-bg.jpg);
}

.heathrow-banner {
    background-image: url(src/assets/images/heathrow-bg.jpeg);
}

.gatwick-banner {
    background-image: url(src/assets/images/gatwick_bg.jpg);
}

.bg-black {
    background-color: var(--secondary-color);
}

.banner-content {
    padding: 40px 60px 90px;
}
.banner-content .sec-para {
    line-height: 3rem;
    font-size: 1.8rem;
}
.banner-content .appsLinks{
    margin-top: 20px;
}
.subHd {
    font-size: 1.8rem;
    color: var(--tritary);
    letter-spacing: .5px;
}

.mainHd {
    color: var(--tritary);
    font-size: 7rem;
    font-weight: 500;
    margin-bottom: 3rem;
    margin-bottom: 5rem;
}

.routes-banners .mainHd {
    margin-bottom: 2rem;
    font-size: 6rem;
}
.routes-banners .subHd {
    display: block;
    color: var(--primary-color);
    margin-bottom: 20px;
    font-size: 2rem;
}
.bookbtn {
    display: inline-block;
    background-color: var(--primary-color);
    transition: all .5s;
    color: var(--tritary);
    padding: 1.4rem 2.6rem;
    padding-bottom: 1.3rem;
    font-size: 1.6rem;
    margin-right: 1.6rem;
    border-radius: 5px;
}

.bookbtn:hover {
    background-color: rgb(4, 4, 32);
}

.bookbtn img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    transition: all .5s;
    filter: brightness(0) invert(1);
}

.stationbtn {
    background: linear-gradient(to right, var(--tritary) 50%, var(--primary-color) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s;
    border: 1px solid var(--primary-color);
}

.stationbtn:hover {
    color: var(--secondary-color) !important;
    transition: all .5s;
}

.morebtn img {
    width: 22px;
    height: 20px;
}

.cards-sec {
    padding: 5rem 6rem 2rem;
    margin-top: -90px;
    background-color: #f8faff;
}

.service-sec {
    padding: 8rem 0;
}

.secHd {
    color: rgb(4, 4, 32);
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
    text-align: center;
}

.sec-sub-hd {
    background-color: var(--primary-color);
    padding: .5rem;
    color: rgb(29, 29, 58);
    font-size: 1.4rem;
    display: inline-block;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    margin-bottom: 1.5rem !important;
}
.z-0 {
    z-index: 0;
    color: #f8f9fa4a;
}
.secHd span {
    color: var(--primary-color);
}

.sec-para {
    color: #747474fc;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 1rem 0 5rem;
}

.service-box {
    transition: all .5s;
    padding: 2rem 1rem 3rem;
    margin-bottom: 30px;
    position: relative;
    height: 300px;
    overflow: hidden;
    text-align: center;
    transition: all .5s;
    border-color: var(--primary-color);
    background-color: var(--tritary);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
}

.service-box h3 {
    margin-left: 0;
    margin-right: 0;
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 10px;
    position: relative;
}

.service-img img {
    width: 60px;
    height: 60px;
    margin-top: 20px;
}


.airport-sec {
    position: relative;
    padding-top: 7rem;
    padding-bottom: 3rem;
    z-index: 2;
    padding-left: 60px;
    padding-right: 60px;
}

.airport-sec .secHd {
    margin-bottom: 4rem;
}

.airoplane-card {
    position: relative;
    width: 350px;
    background-image: url(src/assets/images/airport_shape.png);
    margin: auto;
    display: block;
    margin-bottom: 4rem;
    padding: 50px;
    transition: all .5s;
    border-radius: 0;
    background-size: 100% 100%;
    text-align: center;
}
.airport-img {
    background-color: var(--primary-color);
    clip-path: path("M39 1.88675C42.094 0.100423 45.906 0.100423 49 1.88675L82.3013 21.1132C85.3953 22.8996 87.3013 26.2008 87.3013 29.7735V68.2265C87.3013 71.7992 85.3953 75.1004 82.3013 76.8867L49 96.1133C45.906 97.8996 42.094 97.8996 39 96.1133L5.69873 76.8867C2.60472 75.1004 0.69873 71.7992 0.69873 68.2265V29.7735C0.69873 26.2008 2.60472 22.8996 5.69873 21.1132L39 1.88675Z");
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -50px auto 0;
    transition: all .5s;
}
.airport-img img {
    width: 46px;
    height: 46px;
    margin-left: -11px;
}
.airport-card:hover  .airport-img,
.airport-card:hover .airport-num {
    background-color: var(--secondary-color);
    color: var(--tritary);
}
.airport-card:hover .airport-img img {
    filter: brightness(0) invert(1);
}
.airport-name-div h2 {
    font-weight: 600;
    font-size: 1.9rem;
    text-transform: uppercase;
    margin: 15px 0;
    color: var(--secondary-color);
}
.airport-detail p {
    color: #74787c;
    font-weight: 500;
    font-size: 1.7rem;
    margin-bottom: 35px
}
.airport-num {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    color: var(--primary-color);
    font-size: 24px;
    display: block;
    margin: auto;
    margin-bottom: -40px;
    line-height: 56px;
    transition: all .5s;
}
/* 
.airoplane-card::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url(src/assets/images/Heathrow-bg.jpeg);
    background-size: cover;
    background-position: bottom center;
    z-index: -1;
} */


/* .card-inner {
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background-color: var(--tritary);
    z-index: 100;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition-duration: 800ms;
}
.airport-card:hover .card-inner {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
    height: 288px;
}
.airport-detail {
    padding: 3rem;
    border: 1px solid transparent;
    border-top: 0;
    border-bottom: 0;
    transition: all .5s;
    height: 198px;
}
.airport-card:hover .airport-detail {
    border-color: var(--primary-color);
}
.airport-btn {
    font-size: 1.8rem;
    padding: 0 30px;
    display: block;
    background-color: var(--primary-color);
    color: var(--tritary);
    font-weight: 500;
    height: 90px;
    line-height: 90px;
    width: 100%;
    text-align: center;
} */
.service-hd {
    font-weight: 500;
    font-size: 1.8rem;
    color: var(--secondary-color);
    margin-bottom: 1rem;
    position: relative;
    transition: all .5s;
}

/* .card-inner p {
    color: #999999;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 2rem;    
} */

.station-card {
    margin: auto;
    margin-top: 3rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
    height: 289px;
    width: 289px;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    transition: all .5s;
    text-align: center;
    background-color: #222;
    transform: scale(.9);
}
.station-card:hover {
    transform: scale(.95);
}
.station-card:before {
    content: '';
    position: absolute;
    border: 2px solid #ffffff18;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    top: -10px;
    left: -10px;
    transition: all .5s;
}
.station-card:hover::before {
    border-color: var(--primary-color);
}
.station-img img{
    width: 64px;
    height: 64px;
}
.station-inner h3 {
    color: var(--tritary);
    font-size: 2rem;
    text-transform: uppercase;
}
.station-inner {
    padding: 2rem;
    border: 1px solid transparent;
    border-top: 0;
    transition: all .5s;
}


.station-inner p {
    color: #999999;
    font-size: 1.6rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.cars-sec {
    padding: 6rem;
    background-image: url(src/assets/images/cars-bg.jpg);
    background-size: cover;
}
.cars-img {
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 1;
}
.cars-img img {
    width: 152px;
    height: 76px;
}
.cars-sec h2 {
    margin: 0 0 4rem;
}

.cars-card {
    position: relative;
    background-color: var(--tritary);
    padding: 40px 15px 30px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
    z-index: 2;
    
}
.suv-car {
    width: 100%;
    height: 190px;
    transition: all.5s;
    border-radius: 0 80px 0 0;
    transform: scale(1.03);
}

.model {
    background-color: var(--primary-color);
    border-radius: 5px;
    color: var(--tritary);
    padding: .5rem 1rem;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.4rem;
    font-weight: 600;
    width: 100px;
}


.cars-inner h3 {
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.car-detail {
    margin-top: 60px;
    list-style: none;
    padding: 20px;
    background: #F7F4ED;
    border-radius: 10px;
    font-size: 1.6rem;
    margin-bottom: 30px;
}

.names {
    display: flex;
}
.car-detail span {
    color: #1b1b1b;
}
.numbers span {
    color: #74787c;
    font-weight: 500;
}
.car-detail img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    transition: all .5s;
}

.cars-inner ul li {
    position: relative;
    padding: 1rem 0;
    justify-content: space-between;
}
.car-btn {
    background-color: var(--primary-color);
    color: rgb(4, 4, 32);
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1rem;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 10px;
    text-transform: uppercase;
    transition: all .5s;
}
.car-btn:hover {
    color: var(--primary-color);
    background-color: rgb(4, 4, 32);
}
.client-sec {
    position: relative;
    padding: 8rem 6rem;
}
.client-sec:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 400px;
    background-color: #000;
    top: 0;
    left: 0;
}
.client-sec .secHd {
    margin-bottom: 4rem;
    color: var(--tritary) !important;
}

.client-card {
    padding: 3rem 1.5rem;
    background-color: var(--tritary);
    border-radius: 10px;
    height: 340px;
    position: relative;
    z-index: 2;
    box-shadow: 0px 13px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.ratings {
    margin: 1rem 0 2rem;
}

.star-imgs {
    display: flex;
}

.star-imgs img {
    margin-right: .3rem;
    width: 18px;
    height: 18px;
}


.double-quotes img {
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: -20px;
}
.client-name {
    margin-top: 5px;
    margin-left: 10px;
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--secondary-color);
    position: relative;
}

.client-review {
    font-weight: 500;
    margin-top: 1.5rem;
    font-size: 1.8rem;
    color: #747474fc;
    line-height: 1.8;
    padding-bottom: 20px;
    border-bottom: 1px solid #140c0c1a;
}
.tire-img img{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: .7;
}
.footer {
    background-image: url('src/assets/images/footer_bg.jpg');
    background-position: bottom center;
    background-size: cover;
    padding: 4rem 6rem 0;
    margin-top: -1px;
}
.end {
    padding: 2rem 6rem;
    background-color: var(--secondary-color);
}
.end p {
    color: #747474fc;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0;
}
.end span {
    color: var(--primary-color);
}
.end ul {
    display: flex;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}
.end ul li a {
    font-size: 1.6rem;
    color: #828282;
    margin: 10px;
    transition: all .5s;
    font-weight: 500;
}
.end ul li a:hover {
    color: var(--primary-color);
} 
/* =========slider============ */
.client-img img{
    width: 70px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
}

.slick-arrow {
    display: none !important;
}

.slick-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    list-style: none;
    padding: 0;
}

.slick-dots li::after {
    content: '.';
    font-size: 5rem;
    margin-right: 10px;
}

.slick-active::after {
    color: #ffffff;
}

.slick-dots li:last-child::after {
    margin-right: 0;
}

.slick-dots li button {
    display: none;
    /* more CSS */
}

/* =========slider============ */
.sec-pad {
    padding: 8rem 6rem;
}

/* =========about========= */
.about-banner {
    background-image: url(src/assets/images/about-banner-img.jpg);
}

.about-banner span {
    color: var(--primary-color);
    font-weight: 600;
}

.about-banner .bannerForm {
    margin-top: 5rem !important;
}
.form-hd {
    color: var(--primary-color);
    font-size: 3.5rem;
    font-weight: 600;
    text-align: left;
    margin-top: 10px;
}
.about-sec .about-img {
    height: 100%;
    position: relative;
}
.about-sec .about-img .img-1 {
    height: 100%;
    object-fit: cover;
    max-width: 490px;
    clip-path: path("M0 0H491V253.5V315.875L426 380.25L301 507H0V0Z");
}
.about-sec .about-img .img-2 {
    position: absolute;
    border: 5px solid var(--tritary);
    top: 40px;
    right: -15px;
    max-width: 250px;
    height: 250px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
    object-fit: cover;
} 
.about-sec .modal .custom-btn-2 {
    background-color: var(--primary-color);
    transition: all .5s;
    color: rgb(4, 4, 32);
    border-radius: 5px;
}

.about-sec .modal .custom-btn-2:hover {
    color: var(--primary-color);
    background-color: rgb(4, 4, 32);
}

.about-sec p{
    margin: 1rem 0 !important;
}

.about-sec ul{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px;
}

.about-sec ul li{
    margin-bottom: 5px;
}

.about-sec ul li img{
    width: 9px;
    height: 9px;
    margin-right: 5px;
}

.about-sec ul li a{
    color: #000;
    font-weight: 700;
}

.about-banner .Nav {
    font-size: 1.8rem;
    text-decoration: none;
    align-items: center;
    color: white;
}
.about-sec .secHd {
    text-align: left;
}
.about-banner .Nav a {
    color: var(--primary-color);
}

.facts-list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}

.facts-list strong {
    font-size: 4rem;
    font-weight: 400;
    color: var(--primary-color);
}

.facts-list i {
    font-size: 1.6rem;
    color: var(--primary-color);
}

.facts-list span {
    font-size: 1.6rem;
}

/* =========about========= */
/* =========service-sec========= */
.service-sec-2 {
    padding: 3rem 0;
}

/* =========service-sec========= */
/* =========contact-sec========= */
.contact-banner {
    background-image: url(src/assets/images/contact-banner-img.jpg);
}
.banners .banner-content {
    padding-top: 150px;
}
.contact-sec {
    padding: 8rem 0;
}
/* .contactWrapper {
    background-color: yellow;
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px 0;
} */
.c-div {
    background-color: #F7F4ED;
}
.form-field {
    width: 48%;
}

.form-field label {
    display: block;
    font-size: 1.6rem;
    color: #777777;
}

.fields {
    outline: none;
    border: 1px solid var(--primary-color);
    padding: 1rem 2rem;
    font-size: 1.6rem;
    color: #777777;
    border-radius: 5px;
    width: 100%;
}

.fields::placeholder {
    color: #000;
}

.field-3 {
    width: 100%;
    margin: 2rem 0;
}

.contact-info {
    padding: 3rem 1rem;
    text-align: center;
    border-bottom: 1px solid var(--primary-color);
}

/* .contact-info3 {
    border-radius: 100px 0;
} */
.title-img {
    margin-right: 5px;
    margin-bottom: .5rem;
}
/* =========contact-sec========= */
/* =========station-sec========= */
.station-sec {
    padding: 8rem 6rem;
    background-image: url(src/assets/images/station-bg.webp);
    background-repeat: repeat;
    background-size: contain;
    background-position: left top;
}
.stations-sec {
    padding: 4rem 0 4rem;
}
.stations-sec .secHd {
    font-size: 3rem;
}
.station-se
/* =========station-sec========= */
input[type="date"],
input[type="time"] {
    color-scheme: light;
}

.field-a input,
select,
.customInputs {
    background-color: transparent;
    border: 0;
    color: #747474fc !important;
    padding: 0px 18px;
    transition: all .3s;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #747474fc !important;
}

.field-a input:focus,
select:focus,
.select2:focus {
    outline: none !important;
}



/* .field-a input:focus::placeholder {
    color: #fff !important;
} */

.field-a select option {
    color: #fff;
    background-color: var(--primary-color) !important;
}

.del-btn_ {
    background-color: var(--primary-color) !important;
    border-radius: 0 !important;
    border: 0px !important;
    outline: none;
    padding: 10px;
}

/* myCssEnd */
#holdabledata .form-control {
    height: 50px !important;
}

#holdabledata .input-group-addon .btn {
    height: 50px !important;
    border: 2px solid white;
}

.bannerForm {
    position: relative;
    margin-top: 3rem;
    text-align: center;
    padding: 15px;
    background-color: transparent;
    border-radius: 10px;
    border: 2px solid var(--primary-color);
}

.modal-content .modal-body .card-body button {
    color: var(--tritary) !important;
    background-color: rgb(4, 4, 32);
    font-weight: 700;
    border-radius: 5px;
    transition: all .5s;
}

.modal-content .modal-body .card-body button:hover {
   background-color: var(--primary-color);
   color: var(--secondary-color) !important;
}

.btn {
    font-size: 1.6rem;
}

.bannerFormHeading {
    padding: 12px 0px;
    margin-bottom: 8px;
    height: auto;

}

.bannerFormHeading h3 {
    color: white !important;
    font-weight: 700;
    margin-bottom: 0px !important;
    line-height: 100%;
    margin-top: 0 !important;
}

.bannerFormBody ul li {
    padding: 0 10px
}

.bannerForm .row [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.innerPageBnner {
    position: relative;
    display: flex;
}

.innerPageBnner {
    width: 80% !important;
    margin: auto;
}

.bannerFormBody input {
    height: 36px !important
}

.bannerFormBody ul li button {
    height: 36px !important
}



@media (min-width:768px) {
    .innerPageBnner {
        height: 500px !important;
        padding: 0 !important;
    }
}

@media (max-width:768px) {
    .form-container {
        position: relative;
        width: 100%;
    }

    .my-header,
    .my-header-1 h1 {
        font-size: 4.2rem !important
    }

    .door-no-768 {
        position: absolute;
        top: 77px;
        width: 101%
    }

    .field-mini-768 {
        margin-top: 57px
    }

    .navbar-toggle {
        float: none
    }


    button#submit {
        width: 100% !important
    }

    .innerPageBnner {
        width: 100% !important;
    }

    .innerPageBnner {
        height: 305px !important;
        padding: 0px;
        margin-top: 0 !important;
    }

    .bannerFormBody ul li {
        float: none !important
    }

    .bannerFormHeading {
        width: 100% !important;
    }

    .bannerForm .cus-order-1 {
        order: -1;
    }


}

.bokingform {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0
}

.apps-icon ul {
    width: 100%;
    text-align: center
}

.apps-icon ul li {
    width: 7%
}

body .ui-autocomplete {
    z-index: 9999999999;
    position: absolute;
    background: #fff;
    top: 100%;
    width: 100px;
    height: auto;
    margin: 30px;
    padding: 0;
    list-style-type: none
}

body .ui-autocomplete .ui-menu-item {
    list-style-type: none;
    width: 100%
}

body .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    padding: 8px;
    background: url(../contents/images/pin.webp) 5px 12px no-repeat;
    background-size: 20px;
    color: #000;
    padding-left: 35px;
    font-size: 12px;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    font-weight: 700 !important;
    color: #fff !important;
    padding: 10px;
    cursor: pointer;
    background-color: var(--primary-color)
 !important;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.field-img {
    background-color: #fff;
    padding: 15px;
    border-right: 1px solid #d3d3d3
}



.field input {
    width: 100%;
    font-size: 16px !important;
    font-weight: 500 !important;
    height: 50px !important;
}

.field-mini img {
    width: 24px;
    height: 24px;
}

.field-mini button {
    background-color: var(--primary-color);
    outline: none;
    border: 0;
}

.field-mini button:focus {
    outline: none;
}

.field-mini button:hover {
    cursor: pointer;
    transition: .4s
}

.field-mini {
    display: flex
}

.field-mini input {
    width: 100%;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: default;
    height: 50px !important;
}

.lin1 {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center
}

.lin2 {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between
}

.datefield input {
    width: 100%;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 6px 18px;
    height: 50px !important;
}

.lin3 {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center
}

.datefield {
    display: flex
}

.datefield img {
    background-color: #fff;
    padding: 15px
}

.timefield img {
    background-color: #fff;
    padding: 13px
}

.timefield {
    display: flex
}

.timefield input {
    width: 100%;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 6px 18px;
    height: 50px !important;
}

.mini2 button {
    padding: 5px 9px;
}

.mini2 button:hover {
    transition: none;
    cursor: auto
}

.field-mini select {
    height: 50px;
    width: 100%;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 11px;
}

.form-container {
    padding: 20px 14px;
    border-radius: 20px;

}

.selectfield select {
    width: 100%;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.submitbtn {
    width: 100%;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
}

.submitbtn button {
    border-radius: 5px;
    color: var(--tritary);
    background-color: var(--primary-color);
    height: 50px;
    font-weight: 500;
    transition: all 0.5s;
    font-size: 1.6rem;
    border: none;
}

.form-home .submitbtn button {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.submitbtn button:hover {
    background-color: rgb(4, 4, 32);
    transition: all 0.5s;
}

.modal {
    background-color: rgba(0, 0, 0, .6);
    z-index: 9999;
    height: 100%;
}

.accordion {
    width: 100%;
}

.card-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.card-body button {
    width: 100%;
    color: #000 !important;
    margin: 8px;
    padding: 10px;
    font-size: 16px;
}

.luggage-btns {
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    background-color: var(--primary-color);
    color: var(--tritary);
    border: none;
    transition: all .5s;
    border-radius: 5px;
    padding: 1rem;
}
.luggage-btns:hover {
    background-color: rgb(4, 4, 32);
    color: var(--tritary);
}
#holdabledata .input-group {
    margin-top: 10px !important;
    float: left !important;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #74747442;
}

#holdabledata .form-control {
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: #fff;
    border: none;
    color: #777 !important;
    padding: 0px 8px;
    border-radius: 0;
    border-right: none;
}

.input-grp-btns {
    background-color: #fff
}

#holdabledata .input-group-addon {
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important
}

.accordion button {
    outline: 0 !important;
    white-space: normal
}


.modal-header .close {
    color: #fff;
    font-size: 25px
}

.btn-default {
    font-weight: 700 !important
}

.modal-header {
    padding: 15px;
    border-bottom: none;
}

.modal-title {
    color: var(--primary-color);
    font-size: 22px
}

.custom-btn-2 {
    color: rgb(4, 4, 32);
    background-color: var(--primary-color);
    padding: 10px 20px;
    font-weight: 600;
    transition: all .5s;
    border-radius: 5px;
}

.custom-btn-2:hover {
    background-color: rgb(4, 4, 32);
    color: var(--primary-color);
}

.wait-label {
    margin-top: 11px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.4rem;
}

.selection_arrow {
    height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--primary-color) transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--primary-color) transparent !important;
}
.select2-container--open .select2-dropdown {
    margin-top: -4px;
}

@media screen and (min-width:320px) and (max-width:767px) {
    .lin1 {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .lin2 {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .lin3 {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .field {
        width: 100%
    }

    .field-mini {
        width: 100%;
        margin: 0 0 8px
    }

    .datefield {
        width: 100%;
        margin: 0 0 8px
    }

    .timefield {
        width: 100%;
        margin: 0 0 8px
    }

    .selectfield {
        width: 100%;
        margin-bottom: 8px
    }

    .submitbtn button {
        width: 100%
    }

    .apps-icon ul li {
        width: 22%
    }

    .bokingform {
        padding-bottom: 50px
    }

    .bannerForm {
        height: auto;
        margin-top: 2rem;
        padding: 3px 10px 8px !important;
    }
    
}

/* .loading-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #0000007d;
    transform: scale(0);
    transition: all .3s ease-in-out
} */

/* .inner-loading-div {
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
} */

.loading-heading {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px
}

.loading-imgs-div {
    width: fit-content;
    position: relative;
    margin: 0 auto
}

.loading-buttons {
    margin-top: 15px
}

.loading-buttons a {
    padding: 10px 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    text-decoration: none
}

.tire {
    animation-name: tire_anim;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@keyframes tire_anim {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.rim {
    position: absolute;
    top: 0;
    left: 120px;
    transform: rotate(360deg);
    animation-name: rim_anim;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@keyframes rim_anim {
    0% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0)
    }
}

.field-a,
.customInputs {
    margin: 8px 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    background: #ffffff;
    border: 1px solid #74747442;
    border-radius: 5px;
}

.modal-content {
    background: var(--tritary);
    border: none;
    border-radius: 5px;
}

#myModalvias .modal-content {
    text-align: center;
}

#myModalitem label {
    margin: 4px 0;
}

.modal-footer {
    border: none;
}

.table td,
.table th {
    border: none;
    color: var(--primary-color);
    vertical-align: 0;
}
.table td [id*="dlt-via_"] {
    padding: 0 10px;
    background-color: var(--primary-color);
    border-radius: 0 5px 5px 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.via-labels {
    display: none;
}

.table td, .table th {
    color: rgb(4, 4, 32);
    padding: 12px 0px;
    vertical-align: middle;
}
.table .form-control {
    border-radius: 5px 0 0 5px !important;
    height: 50px;
    border-color: var(--primary-color);
    box-shadow: none;
}
.table tr td:nth-child(2) {
    padding-right: 0;
}
.table tr td:nth-child(3) {
    padding-left: 0;
}

.card-header {
    background: transparent;
    border: none;
}

.modal .card {
    background-color: transparent;
    border: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
}

.modal-header .close {
    color: var(--primary-color);
    opacity: 1;
}

@media (max-width:425px) {
    .lin1 .col-lg-4.col-md-6.col-sm-12.m-top-60 {
        margin-top: 60px;
    }

    .lin2 .col-lg-4.col-md-6.col-sm-12.m-top-89 {
        position: absolute;
        top: 80px;
        width: 100%;
    }

    .bannerFormHeading h3 {
        font-size: 20px !important;
    }

    .submitbtn {
        margin-top: 5px !important;
    }

    .field-a {
        margin: 7px 0 !important;
    }
}

@media (max-width: 480px) {
    .bannerFormHeading.pad-t-50 {
        padding-top: 10px !important;
    }
}

@media (max-width: 768px) {
    .innerPageBnner {
        height: 100% !important;

    }
}

.select2 {
    width: 100% !important;
}
.cus-field {
    border-radius: 0;
    border: none;
    background-color: transparent;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #74747442 !important;
    border-radius: 5px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 5px !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #747474fc !important;
    font-weight: 500;
}

.select2-selection__rende#e90000 {
    text-align: left;
}

.select2-search__field:focus-visible {
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rende#e90000 {
    color: #747474fc !important;
    padding-left: 18px !important;
}

.select2-dropdown {
    background: #fff !important;
    border: 1px solid #74747442 !important;
    border-top: none !important;
}

.select2-selection__rendered {
    text-align: left;
    padding-left: 18px !important;
}

.times-dialog {
    margin: 295px auto !important;
}
.times-dialog .custom-btn-2 {
    height: 50px;
}
.form-control {
    font-size: 1.4rem;
    color: rgb(4, 4, 32);
    padding: 10px 20px;
    border: 1px solid var(--primary-color);
    height: auto;
}

.form-control:focus {
    color: #777;
}

.times-dialog .form-control {
    border-right: none;
}

.times-dialog span {
    padding: 10px 20px;
    font-size: 1.4rem;
    border: 0 !important;
    background-color: var(--primary-color) !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;   
}



.select2-container .select2-selection--single {
    height: 52px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #777;
    font-size: 1.6rem;
}

.select2-results__option {
    font-size: 1.4rem;
}

.about-sec .modal-dialog {
    max-width: 1200px;
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-sec .modal-content {
    height: 90vh;
    background-color: var(--tritary);
    border-radius: 5px;
}

.about-sec .modal-content .modal-body{
    overflow-y: scroll;
}

.about-sec .modal-header {
    border-bottom: 1px solid var(--primary-color);
}

.about-sec .modal-header .close {
    color: var(--primary-color);
    opacity: 1;
}

.about-sec .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
    color: #fc993c5e;
}

.about-sec .modal-body h3 {
    font-size: 2.5rem;
    margin: 2rem 0 2rem;
    color: var(--primary-color);
}

.about-sec .modal-body h3 span {
    color: var(--secondary-color);
}

.about-sec .modal-body p {
    font-size: 1.6rem;
    color: #999999;
    margin: 1rem 0 3rem;
}

.aboutPage{
    padding: 8rem 0;
}

.aboutPage .secHd{
    text-align: left;
    font-size: 2.5rem;
    margin-bottom: 0;
}

/* scrollbar */
/* width */
/* ::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(128, 128, 128, 0.349);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #fc993cb4;
} */

.service-card-sec {
    width: 100%;
    background: url(./src/assets/images/cars-img.webp) no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

.service-card-sec::before {
    background: rgba(221, 55, 81, 0.9);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}

.service-sec-card {
    padding: 4rem 0;
}

.mainHeading h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 30px;
}
.iframe {
    width: 100%;
    height: 100%;
    filter: grayscale(1);
}
.itemfield input{
    cursor: pointer;
}
.gmap_canvas {
    height: 300px !important;
}
.routes-banners .hero-overlay {
    width: 880px;
}
.routes-names h5 {
    font-size: 2.2rem;
    margin: 0 0 4rem;
    color: var(--tritary);
    font-weight: 600;
    position: relative;
}
.routes-names h5::before,
.routes-names h5::after {
    position: absolute;
    content: '';
    width: 60px;
    height: 2px;
    background-color: var(--primary-color);
    bottom: -10px;
    left:  0;
 
}
.routes-names h5::before {
    animation: example 2s linear infinite;
    /* animation-duration: 2s;
    animation-iteration-count: infinite;*/
    animation-direction: alternate;  
    width: 18px;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    z-index: 2;
    left: 5px;
}
@keyframes example {
    0%   {left:5px;}
    100% {left:37px;}
  }

.routes-names p {
    font-size: 1.6rem;
    color: #828282;
    font-weight: 500;
    margin-top: 3rem;
    padding-top: 10px;
}
.routes-names span {
    color: #828282;
    transition: all .5s;
}

.routes-names li {
    padding: 1rem;
}
.routes-names.station-routes a,
.routes-names.airport-routes a {
    margin-left: 20px;
    display: inline;
}
.routes-names.station-routes a::before,
.routes-names.airport-routes a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -30px;
    background-image: url(src/assets/images/right-arrows.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}   
.routes-names a {
    font-size: 1.6rem;
    color: #828282;
    font-weight: 500;
    position: relative;
    transition: all .5s;
    display: flex;
    position: relative;
}

.routes-names a:hover,
.routes-names a:hover span {
    color: var(--primary-color);
}

.routes-names li img {
    width: 24px;
    height: 24px;
    transition: all .5s;
}
.contact-sec .col-lg-12:nth-child(1) .contact-info {
    margin-top: 0;
}
.contact-sec .col-lg-12:nth-child(3) .contact-info {
    border-bottom: none;
}
.infoicon-div img {
    width: 50px;
    height: 50px;
}
.info-text p {
    margin: 1.5rem 0;
    font-size: 1.6rem;
    color: #74787c;
    font-weight: 500;
}

.info-text span {
    color: #000;
    font-size: 2.5rem;
    font-weight: 600;
}

.darkBg {
    background-color: #000;
}

.mainHd span {
    color: var(--primary-color);
}

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

.four-o-four-banner {
    height: 80vh !important;
}

.not-found .four-o-four {
    font-size: 7rem;
}

.not-found .mainHd {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 700;
}

.not-found p {
    color: var(--primary-color);
    margin-bottom: 2rem;
}

.routes-banners {
    height: auto;
}
.routes-banners .banner-content {
    padding: 60px 0 40px;
}
.routes-banners .bannerForm {
    margin-bottom: 35px;
    margin-top: 1rem;
}
.addressdt a img{
    display: none;
}
.addressdt a{
    color: #000;
}


.close:not(:disabled):not(.disabled):hover {
    color: #ff4904
bb;
    transition: .5s;
}

.first-sec-img img {
    width: 100%;
    height: 220px;
}

.modal-dialog {
    margin: auto;
    min-height: 100% !important;
}

@media screen and (min-width: 992px) {
    .order-lg-13 {
        order: 13;
    }
    
.sticky {
    position: fixed;
    width: 100%;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    animation: fadeInDown 1s both;
    animation-direction: alternate;
    transition: all 300ms linear;
}
@keyframes fadeInDown {
    from {top:-50px;}
    to {top: 0px;}
}
.sticky .navbar {
    top: 0;
}

.sticky .navbar .nav-link {
    color: var(--secondary-color);
}
.sticky .navbar .nav-link.active {
    color: var(--primary-color);
}

}

#moreModalitem .modal-dialog {
    width: 390px;
}
/* 
@media screen and (max-width: 1200px) {

    .station-card {
        height: 390px;
    }
} */
.close-nav {
    display: none;
}
.top {
    display: none;
}
.mobile-logo {
    display: none !important;
}
@media screen and (max-width: 991px) {
    .header {
        padding: 10px 15px;
        transition: all 0.5s;
    }
    .show .header {
        padding: 0;
    }
    .top {
        background-color: var(--primary-color);
        width: 50px;
        height: 50px;
        border-radius: 5px;
        position: fixed;
        z-index: 999;
        right: 20px;
        bottom: -300px;
        transition: all 1s;
        display: block;
    }
    
    .top img {
        width: 24px;
        height: 24px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        animation-name: animatetop;
        animation-iteration-count: infinite;
        animation-duration: 1s;
    }
    @keyframes animatetop {
        from {
            bottom: 10px;
        }
        to {
            bottom: 20px;
        }
    }
    .sticky .top {
        bottom: 50px;
    }

    /* .collapsing {
        position: relative;
        /* height: 0; */
        /* overflow: hidden;
        transition: none !important; */
    
    .navbar-collapse {
        background: #fff;
        position: absolute;
        width: 100%;
        max-width: 350px;
        z-index: 9999;
        left: 0;
        top: -57px;
        height: 100vh !important;
        transition: all 1s;
        transition-delay: 0s;
        
        transform: translateX(-385px);
        padding: 0;
        border-right: 3px solid var(--primary-color);
    }
    .navbar-collapse.show {
        transform: translateX(0);
        transition-delay: .6s;
    }
    .mobile-logo {
        width: 100% !important;
        height: 150px;
        display: flex !important;
    }
    .mobile-logo::after {
        content: none;
    }

    .overlay {
        position: absolute;
        width: 0;
        height: 100%;
        background-color: #00000099;
        left: 0;
        transition: all .7s ease-out;
        top: 0;
        z-index: 1;
        transition-delay: .6s;
    }
    .overlay-show {
        width: 100vw;
        transition-delay: 0s;
    }
    .close-nav {
        position: absolute;
        padding: 0;
        border: none;
        background-color: transparent;
        top: 20px;
        display: block;
        right: -18px;
    }
    .service-box {
        padding: 2rem 2rem;
        height: 270px;
    }

    .station-card {
        transform: none;
    }
.station-card:before {
    top: -8px;
    left: -8px;
    width: 305px;
    height: 305px;
}
    .clip-path {
        clip-path: polygon(0 88%, 100% 78%, 100% 100%, 0% 100%);
    }

    .clip-path2 {
        clip-path: polygon(0 0, 0 9%, 100% 0);
        margin-top: -1px;
    }

    .topbar {
        padding-left: 0;
        padding-right: 0;
    }

    .menu-btn {
        width: auto;
    }

    .call-btn:hover {
        width: auto;
        padding: 5px;
    }

    .about-sec .modal-dialog {
        max-width: 825px;
    }

    .mt30 {
        margin-top: 3rem;
    }

    .four-o-four {
        font-size: 6rem;
    }

    .not-found p {
        margin-bottom: 2rem;
    }

    .banners {
        height: 40vh !important;
    }

    .four-o-four-banner {
        height: auto !important;
    }

    .client-card3 {
        margin-top: 3rem !important;
    }

    .cars-card {
        margin-bottom: 20px;
    }

    .suv-car {
        height: 240px;
        object-fit: cover;
    }

    .steering {
        width: 85px;
        height: 85px;
    }

    .station-inner a {
        width: 200px;
        font-size: 2rem;
        padding: 1rem;
        display: block;
        margin: auto;
    }

    .info {
        justify-content: end;
        padding-right: 0;
    }
    .info span {
        font-size: 1.2rem;
    }
    .info-img {
        padding: 10px;
    }
    .follow-div {
        min-height: 57px;
    }
    .follow-div::before {
        clip-path: polygon(48% 0, 80% 0%, 55% 100%, 0 100%);
    }
    .follow-div::after {
        right: -31px;
        clip-path: polygon(12% 0, 62% 0, 100% 100%, 36% 100%);
    }
    .banner-content {
        padding: 100px 4rem 30px;
    }
    .navbar-toggler {
        background-color: var(--primary-color);
        border: none;
        border-radius: 0;
    }
    .navbar-toggler img {
        width: 32px;
        height: 32px;
    }
    .about-img {
        max-width: 550px;
    }

    .about-sec .about-img .img-1 {
        position: relative;
        clip-path: polygon(100% 0, 100% 65%, 77% 100%, 0 100%, 0 0);
        max-width: 550px;
    }
    .about-sec .about-img .img-2 {
        right: -105px;
    }
    .about-sec {
        padding: 4rem;
    }
    .title-sub-hd {
        margin-top: 25px;
    }
    .about-sec .secHd {
        text-align: left;
    }
    .about-sec .modal-content {
        height: 100vh;
    }
    .call-btn span {
        display: none;
    }

    .hero-banner {
        height: auto;
    }

    .navbar {
        padding: 0 4rem 0 0;
    }

    .sticky .navbar {
        border-bottom: 0;
    }

    .navbar-collapse {
        order: 3;
    }

    .nav-link {
        font-size: 1.8rem;
        margin: 1rem;
        text-align: start;
        display: inline-block;
    }
    .nav-link::before {
        width: 20px;
        height: 2px;
        top: 50%;
        left: auto;
        right: -10px;
        transform: none;
    }
    .nav-link.active::before {
        width: 50px;
        height: 2px;
        right: -40px;
    }
    .mainHd {
        font-size: 3rem;
        margin: 2rem 0 3rem;
    }
    .mainHd:nth-child(2) {
        margin-top: .5rem;
    }
    .bnr-btns {
        display: flex;
        justify-content: center;
    }

    .bookbtn {
        font-size: 2rem;
        padding: 1rem 3rem;
        display: block;
        text-align: center;
    }

    .client-card {
        height: auto;
    }

    .morebtn {
        width: 180px;
        padding: 1rem;
        font-size: 2rem;
    }

    .secHd {
        font-size: 3rem;
    }
    .secHd::after {
        width: 70px;
    }
    .sec-hd-before {
        font-size: 4.5rem;
        top: 16px;
    }
    .cards-sec {
        padding: 4rem;
        margin-top: 0;
    }

    .airport-sec {
        padding: 4rem;
    }

    .airoplane-card {
        height: 330px;
        width: auto;
    }

    /* .airport-detail {
        height: 240px;
    } */
    /* .airport-card:hover .card-inner {
        height: 100%;
    } */
    /* .airport-card:hover .airport-detail {
        border-top: 1px solid var(--primary-color);
    } */
    .service-sec {
        padding: 0 0 3rem;
    }

    .station-sec {
        padding: 4rem;
    }

    .station-card a {
        margin: auto;
        width: 50%;
        font-size: 2rem;
        padding: 1rem;
    }
    /* .station-inner {
        border-color: var(--primary-color);
    } */
    .card-inner h3 {
        font-size: 2.8rem;
        margin-bottom: 2rem;
    }

    .card-inner p {
        font-size: 1.6rem;
        margin-top: 40px;
    }

    .car-detail {
        margin-top: 4rem;
    }

    .cars-inner ul li {
        padding: 1rem 0;
    }

    .client-sec {
        padding: 4rem;
    }
    .client-sec:before {
        height: 680px;
    }
    .cars-sec {
        padding-bottom: 4rem;
    }

    .client-name-div {
        top: 240px;
    }

    .client-name {
        font-size: 2.5rem;
    }

    .client-review {
        font-size: 1.6rem;
    }

    .footer {
        padding: 4rem;
        margin-top: -1px;
    }
    .end {
        padding: 2rem 4rem;
    }
    .end p {
        font-size: 1.5rem;
    }
    .routes-names h5 {
        margin-top: 2rem;
    }

    .routes-names h5:nth-child(3) {
        margin-top: 4rem;
    }

    .mt-40 {
        margin-top: 4rem;
    }

    .routes-names a {
        font-size: 1.4rem;
    }

    .social-icons i {
        font-size: 2rem;
        padding: 2rem;
    }

    /* ==========about-sec=========== */
    .about-first-row {
        flex-direction: column-reverse;
    }

    .first-sec-img img {
        height: 200px;
    }

    .first-sec-img {
        margin-bottom: 3.5rem;
    }

    .about-sec-hd {
        text-align: center;
    }

    .about-sec-hd::after {
        margin: 2rem auto !important;
    }

    /* ==========about-sec=========== */
    .banner-content .bannerForm {
        /* margin: 1rem 0 !important; */
        padding: 3px 15px 5px;
    }
    .form-hd {
        margin-left: 5px;
        font-size: 2.2rem;
    }
    .service-sec-card {
        margin-bottom: 0;
    }

    .logo-nav-div {
        /* width: 40%; */
        justify-content: space-between;
    }

    .taxi-img img {
        display: block;
        margin: auto;
        margin-bottom: 2rem;
        width: 490px;
        height: 225px;
    }
/* 
    .banner-para {
        text-align: center;
    } */

    .subHd {
        margin-top: 1rem;
        text-align: center;
    }

    .about-sec .modal-content {
        border-radius: 5px;
    }
    .contact-banner {
        height: 320px !important;
    }
    .contact-banner .banner-content {
        padding: 115px 0 30px;
    }
    /* .contactWrapper {
        margin-top: -100px;
        padding: 1rem;
    } */
    .iframe {
        height: 300px !important;
    }
    .contact-sec {
        padding: 3rem 2%;
    }
}

@media screen and (max-width: 767px) {
    .routes-banners .hero-overlay {
        display: none;
    }
    .topbar {
        display: none;
    }
    .navbar {
        padding-right: 20px;
    }
    .navbar-collapse {
        top: 0 !important;
        max-width: 300px;
    }
    .smBtnsWrapper a{
        display: flex;
    }
    .banner-content {
        padding: 0 0 30px;
    }
    .banners .banner-content {
        padding-top: 78px;
    }
    .routes-banners .banner-content {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .about-sec .modal-dialog {
        margin: 0;
    }
    .service-box {
        height: 260px;
        text-align: center;
    }
    .cards-sec .col-lg-3:nth-child(4) .service-box {
        margin-bottom: 0;
    }
    .about-sec {
        padding: 4rem 0;
    }
    .about-sec .about-img .img-1 {
        width: 100%;
    }
    .about-sec .about-img .img-2 {
        display: none;
    }
    .station-sec {
        padding: 4rem 0;
    }
    .via-btn-all {
        width: 31%;
    }

    .modal-content {
        background-color: var(--tritary);
        border-radius: 0;
    }

    .about-sec .modal-body h3 {
        font-size: 2rem;
    }

    .about-sec .modal-body p {
        font-size: 1.4rem;
    }

    .logo {
        height: 55px;
        width: 200px;
    }

    .taxi-img img {
        height: 170px;
    }

    .topbar span {
        font-size: 1rem;
    }


    .call-btn span {
        display: none;
    }

    .call-btn i {
        font-size: 1.8rem;
        background-color: var(--primary-color);
        color: var(--tritary);
    }

    .info-box i {
        font-size: 1.5rem;
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    .phone-icon i {
        background-color: transparent;
        color: var(--primary-color);
    }

    .info-text br {
        display: none;
    }

    .addresshd {
        display: none;
    }

    .addressdt {
        font-size: 1.2rem;
        font-weight: 500 !important;
    }

    .mainHd {
        font-size: 2.8rem;
        text-align: center;
    }

    .navbar-toggler-icon {
        font-size: 3rem;
    }

    .bookbtn {
        font-size: 1.6rem;
        padding: 1rem 2rem;
    }

    .bookbtn i {
        font-size: 1.6rem;
    }

    .secHd {
        font-size: 2.5rem;
    }

    .car-detail i {
        font-size: 1.8rem;
    }

    .names span {
        font-size: 1.8rem;
    }

    .numbers span {
        font-size: 1.8rem;
    }

    .client-name-div {
        top: 260px;
    }

    .client-card {
        margin-top: 4rem;
    }

    .social-imgs {
        display: none;
    }

    .end {
        font-size: 1.4rem;
        padding: 2rem 0;
    }
    .end  p {
        text-align: center;
    }
    .end .col-lg-6:nth-child(2) .d-flex {
        justify-content: center !important;
        margin-top: 2rem;
    }

    /* =========about-sec========= */

    .facts-list strong {
        font-size: 3.3rem;
    }

    .facts-list i {
        font-size: 1.4rem;
    }

    .facts-list span {
        font-size: 1.4rem;
    }

    /* =========about-sec========= */
    /* =========contact-sec========= */
    .form-field {
        width: 100%;
        margin: 0 0 2rem 0;
    }

    .form .d-flex {
        flex-direction: column;
    }

    .form-field label {
        font-size: 2rem;
    }

    .fields {
        font-size: 2rem;
    }

    .contact-info .addressdt {
        font-size: 1.6rem;
    }

    .contact-info .addressdt1 {
        margin-right: 1rem;
    }

    .contact-info i {
        font-size: 2rem;
    }

    /* =========contact-sec========= */
    .rate-div {
        justify-content: center;
    }

    .rate-div div {
        margin-right: 70px;
    }



    .social-icons {
        margin: 1rem 0 2rem;
    }

    .modal-content {
        margin: auto;
        width: 100%;
        height: 100svh !important;
    }

    .modal-dialog {
        width: 100%;
        margin: 0;
    }

    .logo-nav-div {
        /* width: 230px; */
        padding-left: 0;
    }

    .cards-sec {
        padding: 4rem 0;
    }
    .call-btn {
        width: 50px;
    }

    .call-btn img {
       margin: 0;
    }

    .sec-para {
        font-size: 1.4rem;
    }

    .banner-para {
        display: none;
    }

    .first-sec-img img {
        height: 130px;
    }

    .modal-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .times-dialog {
        margin: 0 !important;
        padding: 0;
    }

    #holdabledata .input-group {
        padding: 0 !important;
    }

    .stations-sec .secHd {
        font-size: 2rem;
    }
    .routes-banners .subHd {
        font-size: 1.6rem;
        margin-bottom: 10px;
    }
    .routes-banners .mainHd {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .banner-content .sec-para {
        display: none;
    }
    .order-lg-13 {
        order: 0;
    }

    .modal {
        height: auto;
    }

    .about-modal .modal {
        height: 100%;
    }

    .about-modal .modal-content {
        border-radius: 0;
        height: 100% !important;
    }

    #moreModalitem .modal-dialog {
        width: 100%;
        margin: auto;
    }

    .select2-container .select2-selection--single,
    .field input,
    .field-mini input,
    .datefield input,
    .timefield input,
    .field-mini select,
    #journeytype,
    #holdabledata .form-control,
    #holdabledata .input-group-addon .btn,
    .submitbtn button {
        height: 50px !important;
        font-size: 12px !important;
    }

    .field-a,
    .submitbtn button {
        border-radius: 5px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 50px;
        font-size: 12px;
    }
    .sec-hd-before {
        font-size: 3rem;
    }
    .cars-sec .col-lg-3:nth-child(4) .cars-card {
        margin-bottom: 0 !important;
    }
    /* .station-img {
        height: 190px;
    } */
    .station-inner p {
        margin-bottom: 0;
    }
    /* .cars-card {
        height: 477px;
    } */
    .client-sec .col-lg-4:nth-child(3) .client-card {
        margin-top: 7rem !important;
    }
    /* .client-sec .secHd {
        margin-bottom: 7rem;
    } */
    .client-review {
        font-size: 1.6rem;
        margin-top: 5rem;
    }
    .client-name {
        font-size: 1.8rem;
        margin-top: 1rem;
    }
    .star-imgs {
        margin-top: 2rem;
    }
    .formWrapper {
        padding: 0 10px !important;
    }
    .airport-sec {
        padding: 4rem 0;
    }
    .airoplane-card {
        height: auto;
        margin-bottom: 3rem;
    }
    .airport-sec .col-lg-4:nth-child(5) .airoplane-card {
        margin-bottom: 0;
    }
    .cars-sec {
        padding: 4rem 0;
    }
    .client-sec {
        padding: 4rem 0;
    }
    .client-sec:before {
        height: 835px;
    }
    .footer {
        padding: 4rem 0;
    }
    .footer .col-lg-3:nth-child(1) .routes-names h5{ 
        margin-top: 0;
    }
}
/* @media screen and (min-width: 576px) and (max-width: 768px) {
    .station-card {
        height: 385px;
    }
} */
.btn.focus, .btn:focus {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

#holdabledata.row {
    margin-left: -5px;
    margin-right: -5px;
}
@media (min-width: 576px) {
    .times-dialog.modal-dialog {
        max-width: 600px;
    }
}

@media screen and (max-width: 576px) {
    .logo{
        height: 46px !important;
        width: 150px !important;
    }
}


.modal-content .accordion {
    max-height: 421px;
    overflow-y: scroll;
}
.form-control:focus {
    box-shadow: #ffc61a80 0px 2px 8px 0px;
     border-color: var(--primary-color);
}
@media screen and (max-width: 420px) {
    .airoplane-card {
        width: 290px;
        padding: 50px 20px;

    }
}


#transformimp{
   transform: rotateY(180deg) !important;
}

#logoadd{
    display: none !important;
}
@media screen and (max-width: 768px) {
    .hero-banner {
        background-image: none !important;
        background-color: #000000 !important;
    }
    #remove{
        display: none !important;
    }
    #logoremovemob{
        display: none !important;
    }
    #logoadd{
        display: block !important;
      
    } 
}