@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
scroll-behavior: smooth;
}
:root {
--primary-color: #472869;
--white-color: #fff;
--black-color: #000;
}
body {
overflow-x: hidden;
}
a {
text-decoration: none;
}
figure {
margin: 0;
padding: 0;
}
.btn:focus {
outline: none;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
font-family: "Poppins", sans-serif;
}
p, span {
font-family: "Open Sans", sans-serif;
}
a,button{
display: inline-block;
}
button:focus {
outline: none;
box-shadow: none;
}
select{
cursor: pointer;
}
.btn:focus {
outline: none;
box-shadow: none;
}
.form-control:focus {
outline: none;
box-shadow: none;
}

/************************** All Main Css Start **************************/
/* mini header css */
.mini-header {
width: 100%;
padding: 5px;
background: var(--primary-color);
}

.infocont {
width: 100%;
display: flex;
gap: 10px;
align-items: center;
}

.infocont a {
color: var(--white-color);
transition: all 0.3s ease-in-out;
}

.infocont a:hover {
color: var(--white-color);
}

.infocont a > i {
padding-right: 5px;
}

.social_icons {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 25px;
margin-top: 5px;
}

.social_icons i {
color: var(--white-color);
cursor: pointer;
transition: all 0.3s ease-in-out;
}

.social_icons i:hover {
color: var(--white-color);
}
/* mini header css */
/* header css */
.header {
width: 100%;
position: relative;
background: var(--white-color);
transition: all 0.3s ease;
z-index: 10;
}

.header-sticky {
width: 100%;
position: relative;
background: var(--white-color);
transition: all 0.3s ease;
z-index: 10;
}

.header-sticky.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: var(--white-color);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
animation: fadeInDown 0.5s ease;
}

@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}

100% {
opacity: 1;
transform: translateY(0);
}
}

#scrollBtn {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
background: var(--primary-color);
color: var(--white-color);
border: none;
padding: 10px 18px;
border-radius: 50%;
cursor: pointer;
display: none;
transition: background-color 0.3s;
}

#scrollBtn:hover {
background: var(--black-color);
color: var(--white-color);
}

.navbar-expand-lg {
padding: 10px 0;
background: var(--white-color);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.navbar-expand-lg .logo {
width: 150px;
border-radius: 10px;
}

.navbar-expand-lg .navbar-collapse {
justify-content: flex-end;
align-items: center;
}

.navbar-expand-lg .navbar-nav {
align-items: center;
gap: 30px;
}

.navbar-light .navbar-nav .nav-link.active {
border: none;
padding: 10px 20px !important;
background: var(--primary-color);
color: var(--white-color);
border-radius: 10px;
font-family: "Poppins", sans-serif;
font-weight: 500;
transition: all 0.3s ease;
}

.header-Btn {
border: none;
padding: 10px 40px !important;
background: var(--primary-color);
color: var(--white-color);
border-radius: 10px;
font-family: "Poppins", sans-serif;
font-weight: 600;
transition: all 0.5s ease-in-out;
}
.header-Btn:hover {
color: var(--white-color);
background: var(--black-color);
}

.navbar-light .navbar-nav .nav-link {
font-size: 16px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: var(--black-color);
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}

.navbar-nav .nav-item:hover .nav-link {
color: var(--black-color);
}

.navbar-nav .nav-item .nav-link::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 3px;
background: var(--primary-color);
transition: all 0.3s ease;
}

.navbar-nav .nav-item .nav-link:hover::before {
width: 100%;
}

.navbar-nav .nav-item .nav-link::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0%;
height: 3px;
background: var(--primary-color);
transition: all 0.3s ease;
}

.navbar-nav .nav-item .nav-link:hover::after {
width: 100%;
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: none;
padding-right: 20px;
}
/* header css */
/* hero section */
.hero-section{
width: 100%;
height: 100%;
padding: 100px 0;
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../images/hero-banner-image.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-section::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 30%;
height: 100%;
background-color: var(--primary-color);
opacity: 0.4;
}
.bookingForm{
width: 100%;
height: 100%;
}
.left-herocon{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.left-herocon h1{
background: var(--primary-color);
padding: 10px 20px;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
color: var(--white-color);
}
.left-herocon h2{
font-size: 62px;
font-weight: 700;
color: var(--white-color);
}
.left-herocon p{
color: var(--white-color);
margin-bottom: 10px;
}
.right-bg-con{
width: 100%;
height: 100%;
}
.hero-section .form-box{
position: relative;
z-index: 9;
background: var(--white-color);
padding: 20px 30px 20px;
border-radius: 25px;
}
.hero-section .form-box h4{
font-size: 42px;
color: var(--black-color);
padding-bottom: 15px;
font-weight: 700;
text-align: start;
}
.hero-section .form-box .field-box{
position: relative;
padding-left: 14%;
padding-bottom: 17px;
}
.hero-section .form-box .field-box .icon-box{
position: absolute;
top: 50%;
left: 0%;
transform: translateY(-50%);
background-color: var(--primary-color);
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
}
.hero-section .form-box .field-box .icon-box i{
font-size: 24px;
color: var(--white-color);
}
.hero-section .form-box .field-box label{
color: var(--black-color);
font-size: 14px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.hero-section .form-box .field-box .booking-input{
padding: 7px 8px;
border-radius: 0;
color: var(--black-color);
border: none;
border-bottom: 3px solid var(--primary-color);
background-color: transparent;
font-family: "Poppins", sans-serif;
}
.hero-section .form-box .field-box .booking-input::placeholder{
color: var(--black-color);
font-family: "Poppins", sans-serif;
}
.BookingBTn {
border: none;
padding: 10px 40px !important;
background: var(--primary-color);
color: var(--white-color);
border-radius: 10px;
font-family: "Poppins", sans-serif;
font-weight: 600;
transition: all 0.5s ease-in-out;
}
.BookingBTn i{
padding-left: 5px;
}
.BookingBTn:hover {
color: var(--white-color);
background: var(--black-color);
}
.custom-head-Btn {
width: 100%;
text-align: center;
border: none;
padding: 10px 40px !important;
background: var(--primary-color);
color: var(--white-color);
border-radius: 10px;
font-family: "Poppins", sans-serif;
font-weight: 600;
transition: all 0.5s ease-in-out;
}
.custom-head-Btn:hover {
color: var(--white-color);
background: var(--black-color);
}
.custom-head-Btn i{
padding-left: 5px;
}
/* hero section */
/* about section css start */
.about-section{
width: 100%;
padding: 40px 0;
}
.about-section h2{
font-size: 52px;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 40px;
}
.left-content{
width: 100%;
padding: 20px 0;
}
.left-content p{
color: var(--black-color);
margin-bottom: 20px;
}
.left-content h4{
color: var(--primary-color);
margin-bottom: 10px;
font-weight: 700;
font-size: 18px;
}
.left-content .second-p{
margin-bottom: 10px;
}
.right-content img{
border-radius: 20px;
border: 5px solid var(--primary-color);
}
.about-Btn {
border: none;
padding: 12px 40px !important;
text-align: center;
background: var(--primary-color);
color: var(--white-color);
border-radius: 5px;
font-family: "Poppins", sans-serif;
font-weight: 600;
transition: all 0.3s ease;
}

.about-Btn:hover {
color: var(--white-color);
background: var(--black-color);
}
/* about section css end */
/* services section */
.our-services{
width: 100%;
height: 100%;
padding: 100px 0;
background: var(--primary-color);
}
.our-services h2{
font-size: 32px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: var(--white-color);
width: fit-content;
padding: 10px 40px;
background: var(--black-color);
margin: 0 auto;
border-radius: 10px;
}
.our-services .Spara{
margin-top: 20px;
color: var(--white-color);
text-align: center;
}
.main-cardS{
width: 100%;
height: 360px;
padding: 30px;
background: var(--white-color);
margin-top: 100px;
text-align: center;
position: relative;
border-radius: 15px;
}
.top-icon{
width: 100px;
height: 100px;
background: var(--white-color);
border: 5px solid var(--primary-color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: -60px;
left: 100px;
}
.top-icon i{
font-size: 30px;
color: var(--primary-color);
}
.bottom-content{
width: 100%;
}
.bottom-content h3{
margin-top: 30px;
color: var(--primary-color);
font-weight: 700;
font-family: "Poppins", sans-serif;
}
.bottom-content p{
margin-top: 20px;
margin-bottom: 30px;
}
/* services section */
/* fleet section css */
.our-fleet-section {
width: 100%;
padding: 70px 0;
}

.heading-services {
width: 100%;
text-align: center;
margin-bottom: 70px;
}

.heading-services h2 {
font-size: 18px;
font-weight: 700;
line-height: 1.2em;
text-transform: capitalize;
color: var(--white-color);
padding: 10px 40px;
border-radius: 10px;
width: fit-content;
margin: 0 auto 10px auto;
background: var(--primary-color);
}

.heading-services h3 {
font-size: 42px;
font-weight: 700;
line-height: 1.2em;
text-transform: capitalize;
color: var(--black-color);
margin-bottom: 10px;
}

.fleet-card {
width: 100%;
position: relative;
overflow: hidden;
border-radius: 10px;
background: var(--white-color);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.fleet-card .fleet-image {
width: 100%;
height: 250px;
border-radius: 10px 10px 0 0;
background: url('../images/fleet-1.jpg') no-repeat center center/cover;
}

.fleet-card .fleet-image-2 {
width: 100%;
height: 250px;
border-radius: 10px 10px 0 0;
background: url('../images/fleet-2.jpg') no-repeat center center/cover;
}

.fleet-card .fleet-image-3 {
width: 100%;
height: 250px;
border-radius: 10px 10px 0 0;
background: url('../images/fleet-3.jpg') no-repeat center center/cover;
}

.fleet-contentD {
width: 100%;
padding: 20px;
}

.fleet-heading {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}

.fleet-heading .main-car-name h3 {
font-size: 32px;
font-weight: 700;
color: var(--black-color);
}

.fleet-heading .car-rating i {
color: goldenrod;
}

.fleet-contentD p {
color: var(--black-color);
margin-bottom: 10px;
}

.fleet-main-bttuns {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}

.fleet-main-bttuns .fleet_btn {
border: none;
padding: 10px 20px;
background: var(--primary-color);
color: var(--white-color);
font-family: "bomiro", sans-serif;
font-weight: 600;
transition: all 0.3s ease;
border-radius: 7px;
width: 75%;
text-align: center;
}

.fleet-main-bttuns .fleet_btn:hover {
background: var(--black-color);
}

.fleet-main-bttuns .fleet_btn2 {
border: none;
padding: 10px 20px;
background: var(--black-color);
color: var(--white-color);
font-family: "bomiro", sans-serif;
font-weight: 600;
transition: all 0.3s ease;
border-radius: 7px;
width: 20%;
text-align: center;
}

.fleet-main-bttuns .fleet_btn2:hover {
background: var(--primary-color);
}
/* fleet section css */
/* contact section css */
.contact-section {
    width: 100%;
    padding: 70px 0;
}

.contact-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 70px;
}

    .contact-heading h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2em;
        text-transform: capitalize;
        color: var(--white-color);
        padding: 10px 40px;
        border-radius: 10px;
        width: fit-content;
        margin: 0 auto 10px auto;
        background: var(--primary-color);
    }

    .contact-heading h3 {
        font-size: 42px;
        font-weight: 700;
        line-height: 1.2em;
        text-transform: capitalize;
        color: var(--black-color);
        margin-bottom: 10px;
    }

.main-contact {
    width: 100%;
    background: var(--white-color);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 50px;
}

.contact-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.contact-social-icons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .contact-social-icons a {
        color: var(--white-color);
        font-size: 18px;
        font-weight: 600;
        padding: 10px 20px;
        background: var(--primary-color);
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease-in-out;
    }

        .contact-social-icons a:hover {
            background: var(--black-color);
        }

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

    .contact-form h3 {
        font-size: 32px;
        font-weight: 700;
        color: var(--black-color);
        margin-bottom: 20px;
    }

.main-form-input {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 15px 25px;
    border-radius: 35px;
    position: relative;
    overflow: hidden;
}

    .main-form-input i {
        color: var(--primary-color);
        margin-top: 5px;
    }

    .main-form-input .custom-input {
        width: 100%;
        background: transparent;
        color: var(--black-color);
        border: none;
        font-family: "Poppins", sans-serif;
    }

        .main-form-input .custom-input:focus {
            border: none;
            outline: none;
        }

        .main-form-input .custom-input::placeholder {
            font-weight: 500;
        }

.main-form-input-2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 15px 25px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

    .main-form-input-2 i {
        color: var(--primary-color);
        margin-top: 5px;
    }

    .main-form-input-2 .custom-input-2 {
        width: 100%;
        background: transparent;
        color: var(--black-color);
        border: none;
        font-family: "Poppins", sans-serif;
    }

        .main-form-input-2 .custom-input-2:focus {
            border: none;
            outline: none;
        }

        .main-form-input-2 .custom-input-2::placeholder {
            font-weight: 500;
        }

.contact-button-div {
    width: 100%;
}

    .contact-button-div .contact-btn {
        color: var(--white-color);
        font-size: 18px;
        font-weight: 600;
        padding: 10px 40px;
        background: var(--primary-color);
        border-radius: 7px;
        border: none;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        font-family: "Poppins", sans-serif;
        transition: all 0.3s ease-in-out;
    }

        .contact-button-div .contact-btn:hover {
            background: var(--black-color);
        }
/* contact section css */
/* footer section css */
.footer {
    width: 100%;
    height: 100%;
    padding: 40px 0;
    background: var(--primary-color);
}

    .footer .footer-logo {
        width: 245px;
        background-color: #F6F7FB;
        padding: 10px;
        border-radius: 10px;
    }

.center-footer-content {
    width: 100%;
    height: 100%;
    margin-left: 20px;
}

    .center-footer-content h2 {
        font-weight: 600;
        color: #fff;
        font-size: 24px;
    }

.footer_ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding: 6px;
    margin-top: 10px;
}

    .footer_ul .footer_li a {
        color: var(--white-color);
        transform: translateX(0px);
        transition: all 0.3s ease-in-out;
        font-size: 17px;
        font-family: "Poppins", sans-serif;
    }

        .footer_ul .footer_li a:hover {
            transform: translateX(10px);
        }

        .footer_ul .footer_li a i {
            padding-right: 5px;
        }

.right-footer-content h2 {
    font-weight: 600;
    color: var(--white-color);
    font-size: 24px;
}

.right-footer-content .getin_touch {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    margin-top: 10px;
}

.getin_touch a {
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
    font-size: 17px;
    font-family: "Poppins", sans-serif;
}

    .getin_touch a:hover {
        color: var(--white-color);
    }

    .getin_touch a i {
        padding-right: 5px;
    }

.getin_touch p {
    color: var(--white-color);
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

    .getin_touch p i {
        padding-right: 5px;
        margin-top: 3px;
    }

.last-footer-content h2 {
    font-weight: 600;
    color: var(--white-color);
    font-size: 24px;
}

.social-icons {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
}

    .social-icons .icon {
        background: var(--white-color);
        padding: 10px 20px;
        color: var(--primary-color);
        transition: all 0.3s ease-in-out;
        border-radius: 5px;
    }

        .social-icons .icon:hover {
            background: var(--black-color);
            color: var(--white-color);
        }

.bootom-footer-section {
    width: 100%;
    background: var(--black-color);
    padding: 20px;
    color: var(--white-color);
    text-align: center;
}

    .bootom-footer-section .bottom-footer-content p {
        margin-bottom: 0px !important;
        color: var(--white-color);
    }

    .bootom-footer-section .bottom-footer-content a {
        color: var(--white-color);
        transition: all 0.3s ease-in-out;
    }

        .bootom-footer-section .bottom-footer-content a:hover {
            color: var(--primary-color);
        }
/* footer section css */
/* inner pages banner css */
.banner-section{
    width: 100%;
    padding: 80px;
    background: var(--primary-color);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.banner-section h2{
    font-size: 52px;
    font-weight: 600;
    color: var(--white-color);
}
.breadcrumb{
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.breadcrumb-item a{
    color: var(--white-color);
    font-family: "Poppins", sans-serif;
}
.breadcrumb-item + .breadcrumb-item::before{
    color: var(--white-color);
    font-family: "Poppins", sans-serif;
}
.breadcrumb-item.active{
    color: var(--black-color);
    font-weight: 700;
    font-family: "Poppins", sans-serif;
}
/* inner pages banner css */
/* inner services page css */
.services-page .adjust-spcing .text-box{
    width: 100%;
    height: auto;
}
.services-page .adjust-spcing{
    width: 100%;
    height: auto;
    padding: 40px 0;
}
.services-page .adjust-spcing .text-box h2{
    font-size: 42px;
    margin-bottom: 20px;
    font-weight: 700;
}
.services-page .adjust-spcing .text-box p{
    color: var(--black-color);
    padding: 5px 0;
}
.services-page .adjust-spcing .img-box {
    position: relative;
}
.services-page .adjust-spcing .img-box-left {
    position: relative;
}
.services-page .adjust-spcing .img-box::before {
    content: '';
    background-color: transparent;
    border: 3px solid var(--primary-color);
    border-radius: 20px;
    position: absolute;
    top: -20px;
    right: -20px;
    left: 20px;
    bottom: 20px;
    z-index: 1;
}
.services-page .adjust-spcing .img-box-left::before {
    content: '';
    background-color: transparent;
    border: 3px solid var(--primary-color);
    border-radius: 20px;
    position: absolute;
    top: -20px;
    right: 20px;
    left: -20px;
    bottom: 20px;
    z-index: 1;
}
.services-page .adjust-spcing .img-box img{
    border-radius: 20px;
}
.services-page .adjust-spcing .img-box-left img{
    border-radius: 20px;
}
/* inner services page css */
/* terms and conditions css */
.sec-privacy{
    width: 100%;
    padding: 50px 0;
}
.sec-privacy .content-box{
    width: 100%;
}
.sec-privacy .content-box h1{
    width: fit-content;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 10px 40px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-weight: 600;
}
.sec-privacy .content-box h3{
    color: var(--black-color);
    margin: 10px 0;
    font-weight: 700;
}
.sec-privacy .content-box ul li{
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
}
/* terms and conditions css */
/************************** All Main Css End **************************/

/************************** media-query **************************/

@media only screen and (min-width: 1921px) and (max-width: 7368px) {}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-expand-lg .navbar-nav {
        gap: 10px;
    }
    .left-herocon h2 {
        font-size: 42px;
    }
    .hero-section .form-box h4 {
        font-size: 32px;
    }
    .hero-section {
        padding: 50px 0;
    }
    .about-section h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .our-services {
        padding: 50px 0;
    }
    .our-services h2 {
        font-size: 22px;
        padding: 10px 30px;
    }
    .main-cardS {
        height: 250px;
    }
    .top-icon {
        top: 0%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .bottom-content p{
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .fleet-card {
        margin-bottom: 20px;
    }
    .our-fleet-section {
        padding: 40px 0;
    }
    .contact-section {
        padding: 40px 0;
    }
    .center-footer-content {
        margin-left: 0px;
        margin-top: 20px;
    }
    .last-footer-content{
        margin-top: 20px;
    }
    .right-footer-content{
        margin-top: 20px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 481px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 480px) {}