@font-face {
    font-family: rubik-black;
    src: url(../font/Rubik-Black.ttf);
  }
  @font-face {
    font-family: rubik-bold;
    src: url(../font/Rubik-Bold.ttf);
  }
  @font-face {
    font-family: rubik-extra-bold;
    src: url(../font/Rubik-ExtraBold.ttf);
  }
  @font-face {
    font-family: rubik-light;
    src: url(../font/Rubik-Light.ttf);
  }
  @font-face {
    font-family: rubik-medium;
    src: url(../font/Rubik-Medium.ttf);
  }
  @font-face {
    font-family: rubik-regular;
    src: url(../font/Rubik-Regular.ttf);
  }
  @font-face {
    font-family: rubik-semi-bold;
    src: url(../font/Rubik-SemiBold.ttf);
  }

  body{
    font-family: rubik-regular;
  }
 
  span.bold_italic {
    text-decoration: underline;
    font-weight: 600;
}
.navbar-expand-sm .navbar-nav {
    margin-left: auto;
    gap: 20px;
    padding-right: 15px;
}
  .annoucement_bar {
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 15px;
    text-align: center;
}
.paris_container {
    margin: 0 auto;
    max-width: 1299px;
    padding: 0 50px;
}
.paris_btn {
    display: inline-block;
    background-color: #1341EC;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-family: rubik-medium;
    padding: 12px 15px;
    border-radius: 5px;
    border: 0;
}
a.nav-link {
    font-size: 18px;
    font-family: 'rubik-medium';
    color: #1C1C1C;
    text-shadow: 2px 0px 2px rgba(0,0,0,0.3);
}
span.form_input_icon {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 14px;
}
span.form_input_icon img {
    width: 22px;
}
.input_icon {
    position: relative;
}
.banner_content_main {
    border: 1px solid #D9D9D9;
    padding: 15px 10px;
    border-radius: 16px;
    background: #59679670;
}
.paris_booking_form {
    background-color: #eeeeee;
    padding: 30px;
    border-radius: 24px;
}
.radio_group_form {
    display: flex;
    gap: 30px;
    padding-bottom: 25px;
}
h4.form_radio_hd {
    font-size: 20px;
    color: #1341EC;
    margin: 0px;
    padding-bottom: 20px;
}
.paris_booking_form .input_icon{
    padding-bottom: 25px;
}
.paris_booking_form .form-control {
    padding: 0.9rem .75rem;
    background-image: none;
}
span.imp_info {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: #1C1C1C;
}
.banner_text_right h6 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'rubik-medium';
}
.banner_text_right {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.banner_slider_main {
    position: relative;
}
.banner_info {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    z-index: 2;
    transform: translateY(-50%);
}
.banner_text_right h2 {
    font-size: 45px;
    font-family: rubik-semi-bold;
    margin: 0;
    padding: 15px 0px;
}
.banner_text_right p {
    font-size: 18px;
    font-family: rubik-light;
    margin: 0;
    padding-bottom: 30px;
}
.paris_booking_form input.form-control::placeholder {
    font-size: 16px;
    color: #111;
    font-family: 'rubik-light';
}
button.form_submit_btn {
    width: 100%;
}
button.Know_more_btn {
    max-width: 125px;
}
a.navbar-brand {
    display: flex;
    align-items: center;
    gap: 15px;
}
.cmpy_name h1 {
    margin: 0;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'rubik-medium';
    /*color: #1341ec;*/
        color: #074e97;
    text-shadow: 2px 1px 2px var(--gold-color);
}
.input_icon input.form-control {
    padding-right: 35px;
    background-image: none;
}
.luxury_img img {
    width: 100%;
}
.paris-HD {
    position: relative;
}
h5.parisHdBlack {
    font-size: 47px;
    font-family: 'rubik-semi-bold';
    color: #000000;
    margin: 0;
    /*position: absolute;*/
    bottom: 15px;
    text-transform: uppercase;
}
h2.parisHdGrey {
    font-size: 96px;
    font-family: 'rubik-semi-bold';
    color: #E5E5E5;
    text-transform: uppercase;
    line-height: 90px;
    visibility: hidden;
}
p.parisPara {
    color: #8C8B92;
    font-size: 18px;
    max-width: 450px;
}
.sectionPadding {
    padding-top: 80px;
}
.luxury_vehicle_text {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.headingCenter {
    text-align: center;
}
.headingCenter h5.parisHdBlack {
    left: 0;
    right: 0;
}
.serviceImg img {
    width: 100%;
}
.servicesBoxesMain {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    padding-left: 50px;
}
.serviceBox {
    width: calc(50% - 15px);
    border: 1px solid #E8E8E9;
    border-radius: 30px;
    padding: 30px;
    text-align: center;
}
.serviceIcon {
    padding-bottom: 15px;
}
.serviceIcon img {
    width: 100%;
    max-width: 50px;
    margin: 0 auto;
}
p.serviceHD {
    font-size: 18px;
    margin: 0px;
    color: #191825;
}
.servicesMain {
    padding-top: 30px;
}
.ourServices {
    padding-bottom: 30px;
}
.placeImg {
    position: relative;
}
.placeImg img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
    object-position: center;
    padding: 2.5px;
}
.parisGrid {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}
.place66 {
    max-width: 66.66%;
    height: auto;
    flex: 0 0 66.66%;
    padding-top: 30%;
    display: grid;
}
.place33 {
    max-width: 33.33%;
    height: auto;
    flex: 0 0 33.33%;
    padding-top: 30%;
    display: grid;
}
.place50 {
    max-width: 50%;
    /* max-width: 33.33%; */
    height: auto;
    flex: 0 0 50%;
    padding-top: 30%;
    display: grid;
}
.clientImg img {
    width: 100%;
}

/* ── Client photo ───────────────────────────────────────────────────── */
.clientImg{
    width:110px;
    height:110px;
    border-radius:50%;
    overflow:hidden;
    margin:0 auto 1rem auto;             /* centred in its column */
    border:4px solid #ffffff;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
}

.clientImg img{
    width:100%;
    height:100%;
    object-fit:cover;                    /* keeps the face nicely framed */
}
.clientReview .content p {
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0;
}

/* ── Star rating bar ────────────────────────────────────────────────── */
.star_rating{
    display:flex;
    justify-content:center;
    gap:3px;
}

.star_rating img{
    width:22px;
    height:22px;
    object-fit:contain;
}

/* ── Responsive tweaks ─────────────────────────────────────────────── */
@media (max-width:767.98px){
    .clientImg{
        width:90px; height:90px;
    }
    .clientReview{
        margin-top:1rem;
    }
}



.testimonialSection  .carousel-inner{
    padding: 10px 10px;
    max-width: 700px;
    margin: 0 auto;
}
.testimonialSection  .carousel-inner .clientReview .content p{
    padding:0;
    text-align:center;
}
.testimonialSection .carousel-inner{
    /*overflow:inherit !important;*/
        /*margin-top: 100px;*/
        padding-top:100px;
}
.testimonialSection .carousel-inner .carousel-item {
    padding: 30px;
    background-color: #ffffff;
    border-radius: 0;
    box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.2);
}
.testimonialSection .carousel-inner .col-sm-4{
    width:100% !important;
}
.testimonialSection .carousel-inner .col-sm-8{
    width:100% !important;
}
.testimonialSection .carousel-inner .clientImg{
    position:absolute;
   top: -65px;
    left: 50%;
    transform: translateX(-50%);
} 
.testimonialSection .carousel-control-prev-icon {
    background-image: url("../images/leftArrow.png");
}
.testimonialSection .carousel-control-next-icon, 
.testimonialSection .carousel-control-prev-icon {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
    background-size: 20px;
}

.testimonialSection .carousel-control-next-icon{
    background-image: url("../images/leftArrow.png");
    rotate: -180deg;
}
.testimonialSection .carousel {
    padding-top: 30px;
}
.testimonialSection .carousel-indicators [data-bs-target] {
    background-color: #196891 !important;
        border-radius: 100%;
    width: 15px;
    height: 15px;
}
.testimonialSection .carousel-indicators {
    position: unset;
}
.testimonialSection .clientDetails h4 {
    text-align: center;
    font-size: 24px;
    color: #080D20;
    font-family: 'rubik-semi-bold';
    margin-top:35px;
}
.testimonialSection .clientDetails p {
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    text-align: center;
    margin: 0;
}
.clientReview p {
    font-size: 14px;
    color: #000;
    margin: 0px;
    position: relative;
    padding-left: 50px;
}
.clientReview .content{
    text-align:center;
}
/*.clientReview .content p:before {*/
/*    content: "";*/
/*    background-image: url(../images/quotesLeft.png);*/
/*    background-size: 49px;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    position: absolute;*/
/*    top: -40px;*/
/*    left: 0px;*/
/*    width: 49px;*/
/*    height: 49px;*/
/*}*/
/*.clientReview .content p:after {*/
/*    content: "";*/
/*    background-image: url(../images/quotesLeft.png);*/
/*    background-size: 49px;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    position: absolute;*/
/*    bottom: -40px;*/
/*    right: 0px;*/
/*    width: 49px;*/
/*    height: 49px;*/
/*    rotate: 180deg;*/
/*}*/
.star_rating {
    padding-top: 20px;
    text-align: center;
}
.star_rating img {
    /*width: 100%;*/
    max-width: 178px;
}
.clientReview {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.paymentCardsSectionInner {
    background-color: #E5E5E5;
}
.paymentCardsMain {
    display: flex;
}
.payCard1 img {
    width: 100%;
    max-width: 100px;
}
.payCard2 img {
    width: 100%;
    max-width: 90px;
}
.paymentCardsMain {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}
.parisFooter {
    display: flex;
    gap: 15px;
    padding-bottom: 20px;
}
.footerLogoInfo {
    width: 100%;
    max-width: 380px;
}
.footerLogoInfo p {
    font-size: 14px;
    color: #383838;
    margin: 0;
    padding-top: 20px;
}
.footerSocialIcons {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 30px;
}
h4.footerHd {
    margin: 0;
    font-size: 16px;
    font-family: 'rubik-semi-bold';
    color: #383838;
    padding-bottom: 20px;
}
ul.footerUL {
    margin: 0;
    padding-left: 10px;
    list-style-type: none;
}
ul.footerUL li {
    font-size: 14px;
    color: #2C2C2C;
    padding-bottom: 18px;
}
.footerMenu {
    min-width: 160px;
}
.footerContact {
    width: 100%;
    max-width: 260px;
}
.contactUl li {
    position: relative;
    padding-left: 14px;
}
.contactUl li svg {
    position: absolute;
    left: 0;
    top: 0;
}
.MapImage img {
    width: 100%;
}
.copyrightSection {
    background-color: #000000;
    padding: 10px;
}
.copyrightSection p {
    margin: 0;
    text-align: center;
    color: #ffffff;
    font-family: 'rubik-light';
    font-size: 12px;
}
.contactUl li:last-child svg {
    left: 3px;
}
.placeImg:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.placeLocation {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-family: 'rubik-medium';
    color: #fff;
    font-size: 14px;
    z-index: 1;
    display: none;
}
.placeImg:hover .placeLocation{
    display: block;
}
.modal-backdrop {
    z-index: 0;
}
.modal_popup_vehicle .modal-content {
    background-color: #F7F7F7;
    border: 0px;
    border-radius: 30px;
}
.CloseModelPopup {
    position: fixed;
    top: -78px;
    right: 0;
    border-radius: 50%;
    padding: 20px;
    z-index: 3;
    width: 100%;
    text-align: center;
}
.modal_popup_vehicle button.btn-close {
    background-color: rgb(255 0 0);
    border-radius: 50%;
    padding: 20px;
}
.modal_popup_vehicle .modal-dialog {
    transform: none;
    max-width: 700px;
    margin-top: 80px;
}
.carImg img {
    width: 100%;
    max-width: 100px;
}
.carImgName p {
    margin: 0;
    font-size: 14px;
    color: #1C1C1C;
}
.carDesciption h5 {
    font-size: 18px;
    font-family: 'rubik-semi-bold';
}
ul.keyFeatures {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
span.featureIcon {
    display: inline-block;
}
span.featureIcon img {
    width: 100%;
    max-width: 15px;
}
ul.keyFeatures li {
    display: inline-flex;
    margin-right: 10px;
    font-size: 12px;
    align-items: center;
    gap: 5px;
}
.carDetials {
    display: flex;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 20px;
    gap: 10px;
    margin-bottom: 20px;
}
.carDesciption {
    padding: 0px 10px;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}
ul.carPills {
    padding: 0;
    margin: 10px 0;
    list-style-type: none;
}
ul.carPills li {
    border: 1px solid #D9D9D9;
    padding: 5px;
    border-radius: 10px;
    display: inline-flex;
    margin-bottom: 10px;
    align-items: center;
    font-size: 12px;
    gap: 5px;
}
.carImgName {
    width: 100%;
    max-width: 130px;
}
.carPricing {
    text-align: right;
    width: 100%;
    max-width: 160px; 
}
.carPricing p{
    display:none !important;
}
p.onWay {
    font-size: 12px;
    margin: 0;
    color: #383838;
}
p.realPrice {
    margin: 0;
    font-size: 13px;
    font-family: 'rubik-semi-bold';
    display: inline-block;
    color: #383838;
    position: relative;
}
p.realPrice:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #383838;
    position: absolute;
    left: 0;
    top: 8px;
}
p.discountPrice {
    font-size: 30px;
    margin: 0;
    font-family: 'rubik-semi-bold';
    color: #1341EC;
}
p.taxVAT {
    margin: 0;
    font-size: 12px;
    color: #383838;
}
.carSelect {
    display: block;
    width: 100%;
    margin-top: 10px;
}
div#myModal {
    padding: 15px;
}



/*************** Booking Page CSS *******************/
.fullBannerImg {
    background-image: url('/images/new/paris.webp');
    width: 100%;
    height: calc(100vh - 119px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contactBanner{
     background-image: url('/images/new/contact.jpg');
}
.bookingBannerParis {
    display: flex;
    height: 100%;
    justify-content: center;
}
.bannerText {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    max-width: 600px;
    position: relative;
}
.bannerText h6 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'rubik-medium';
}
.bannerText h2 {
    font-size: 45px;
    font-family: rubik-semi-bold;
    margin: 0;
    padding: 15px 0px;
}
.bannerText p {
    font-size: 18px;
    margin: 0;
    padding-bottom: 30px;
}
.contentMobile{
    display: none;
}
.contactPageBoxes {
    display: flex;
    gap: 50px;
    max-width: 900px;
    margin: 0 auto;
}
.contactInfoImg {
    text-align: center;
}
.contactInfoImg img {
    width: 100%;
    max-width: 60px;
}
.contactBox {
    width: calc(33.33% - 25px);
    background-color: #ffffff;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.5);
    text-align: center;
    max-width: 250px;
    margin: 0 auto;
}
.contactBox h5 {
    margin: 0px;
    font-size: 16px;
    font-family: 'rubik-semi-bold';
    padding: 15px 0px;
}
.contactBox p {
    margin: 0px;
    font-size: 13px;
    color: #8C8B92;
}
.contactInfoBox {
    /*margin-top: -100px;*/
}

form#contact_form .success {
    display: none;
    color: green;
    font-weight: 600;
    font-size: 16px;
}

form#contact_form .error {
    display: none; 
    color: red;
    font-weight: 600;
    font-size: 14px;
}

button.navbar-toggler {
    border: 0;
    padding: 0;
}
.navbar-toggler-icon:focus-visible, .navbar-toggler:focus-visible, .navbar-toggler:focus {
    border: 0px;
    box-shadow: none;
    outline: 0px;
}
.conFormImg {
    background-image: url('../images/contactBgForm.png');
}
.ConFormText {
    /*width: calc(50% - 10px);*/
}
.conFormImg {
    background-image: url('../images/contactBgForm.png');
    width: calc(50% - 10px);
    min-height: 690px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.contactFormArea {
    /*display: flex;*/
    gap: 20px;
    /*box-shadow: 2px 2px 16px 0px rgba(0,0,0,0.5);*/
    border-radius: 30px;
}
.ConFormText h5.formHD {
    font-size: 36px;
    font-family: 'rubik-semi-bold';
    color: #1C1C1C;
}
.ConFormText p.formText {
    margin: 0;
    font-size: 20px;
    color: #8C8B92;
    padding-bottom: 30px;
}
.ConFormText form {
    /*padding-top: 30px;*/
}
.contFormFields {
    margin-bottom: 25px;
}
.contFormFields label {
    font-size: 14px;
    font-family: 'rubik-semi-bold';
    padding-bottom: 10px;
}
.contactFormBtnDiv {
    text-align: right;
}
.conFormTextInner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    /*padding: 30px;*/
}
.contactFormBgImg {
    height: 100%;
}
.contactFormText {
    max-width: 350px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 40px;
}
.contactFormText h5 {
    font-size: 30px;
    font-family: 'rubik-semi-bold';
    color: #fff;
}
.contactFormText p {
    font-size: 16px;
    color: #fff;
}

button:disabled {
  background-color: #767676; 
  color: #fff;
  cursor: not-allowed; 
  opacity: 0.6; 
}











@media screen and (max-width: 1200px) {
    h4.form_radio_hd {
        padding-bottom: 10px;
    }
    .radio_group_form {
        padding-bottom: 15px;
    }
    .paris_booking_form {
        padding: 15px 30px;
    }
    .paris_booking_form .input_icon {
        padding-bottom: 15px;
    }
    .paris_container {
        padding: 0 20px;
    }
    .servicesBoxesMain {
        padding-left: 0;
    }
}

@media screen and (max-width: 1000px) {
.paris_booking_form .form-control {
    padding: 0.5rem .75rem;
    background-image: none;
}
.banner_text_right h2 {
    font-size: 32px;
    padding: 8px 0px;
}
.banner_text_right p {
    font-size: 14px;
    padding-bottom: 15px;
}
.footerLogoInfo {
    max-width: 200px;
}
.footerMenu {
    min-width: 100px;
}
}

@media screen and (max-width: 991px) {
.banner_info {
    position: unset;
    transform: translateY(-100px);
}
.paris_booking_form .form-control {
    padding: 0.9rem .75rem;
}
.banner_text_right {
    color: #1c1c1c;
    padding-top: 20px;
    text-align: center;
}
button.Know_more_btn {
    margin: 0 auto;
}
.carousel-indicators {
    z-index: 0;
}
.luxuryVehiclesMain {
    /*padding-top: 0 !important;*/
}
.navbar-expand-sm .navbar-nav {
    margin-left: auto;
    gap: 5px;
    padding-right: 15px;
}
a.nav-link {
    font-size: 14px;
}
.cmpy_name h1 {
    margin: 0;
    font-size: 22px;
}
h2.parisHdGrey {
    font-size: 60px;
    line-height: 55px;
}
h5.parisHdBlack {
    font-size: 32px;
    bottom: 15px;
}
.luxury_vehicle_text {
    padding-bottom: 30px;
}
.servicesBoxesMain {
    padding-top: 30px;
}
.who_we_our_text {
    text-align: center;
}
.who_we_our_text h5.parisHdBlack {
    left: 0;
    right: 0;
    bottom: 5px;
}
.who_we_our_text p.parisPara { 
    max-width: unset;
}
.contactPageBoxes {
    gap: 20px;
}
.contactBox {
    width: calc(33.33% - 10px);
}
.contactBox {
    padding: 15px;
}

.fullBannerImg-review{
    height:inherit !important;
    padding:30px 0;
}
.banner_text_right-review{
    display:none;
}
.paris_booking_form .step .heading h4{
    text-align:center; 
}
.paris_booking_form{
       padding-left: 13px !important;
    padding-right: 13px !important; 
}
.paris_booking_form .step .heading{
      padding: 0;
}
.paris_booking_form .step .heading h4{
        column-gap: 7px !important;
    padding: 10px 0 !important;
}
.paris_booking_form .step .heading h4 div{
        column-gap: 2px !important;
}
.paris_booking_form .step .heading h4 div input{
        width: 16px !important;
    height: 16px !important;
}
.paris_booking_form .step .heading h4 label{
        font-size: 15px !important;
}
.bookingPage, .banner_slider_main{
    padding-bottom: 100px;
}
}

@media screen and (max-width: 767px) {
    .clientImg {
        text-align: center;
    }
    .clientImg img {
        width: 100%;
        max-width: 100px;
        margin: 0 auto;
    }
    .clientReview p {
        font-size: 12px;
        padding-left: 50px;
        padding-top: 20px;
    }
    .testimonialSection .clientDetails h4 {
        font-size: 18px;
    }
    .star_rating img {
        /*width: 100%;*/
        max-width: 120px;
    }
    .clientReview p:before {
        background-size: 30px;
        top: 0px;
    }
    .clientReview p:after {
       display: none;
    }
    .bannerText h2 {
        font-size: 32px;
    }
    .bannerText p {
        font-size: 16px;
    }
.paris_container {
        padding: 0 15px;
}
.banner_info {
    position: unset;
    transform: translateY(50px);
}
.navbar-expand-sm .navbar-nav {
    gap: 0;
}
.annoucement_bar {
    font-size: 12px;
}
.paris_booking_form {
    padding: 15px 15px;
}
h4.form_radio_hd {
    font-size: 18px;
}
.radio_group_form {
    gap: 15px;
    font-size: 14px;
}
.cmpy_name h1 {
    font-size: 16px;
}
a.navbar-brand {
    gap: 10px;
}
.navbar-expand-sm .navbar-nav {
    padding-right: 0px;
}
a.nav-link {
    font-size: 12px;
}
h2.parisHdGrey {
    font-size: 48px;
    line-height: 40px;
}
.sectionPadding {
    padding-top: 50px;
}
p.parisPara {
    max-width: 450px;
}
.servicesBoxesMain {
    gap: 20px;
}
.serviceBox {
    width: calc(50% - 10px);
}
.serviceBox {
    padding: 20px;
}
.place66 {
    max-width: 50%;
    flex: 0 0 50%;
    padding-top: 50%;
}
.place33 {
    max-width: 50%;
    flex: 0 0 50%;
    padding-top: 50%;
}
.footerLogoInfo {
    width: calc(50% - 10px);
    max-width: unset;
}
.footerMenu {
    min-width: unset;
    width: calc(50% - 10px);
}
.footerContact {
    width: calc(50% - 10px);
    max-width: unset;
    padding-top: 20px;
}
.footerMap {
    width: calc(50% - 10px);
    padding-top: 20px;
}
.parisFooter {
    flex-wrap: wrap;
}
ul.footerUL li {
    font-size: 12px;
}
.footerLogoInfo p {
    font-size: 12px;
}
.payCard1 img {
    max-width: 50px;
}
.payCard2 img {
    max-width: 45px;
}
.carDetials {
    flex-direction: column;
}
.carPricing {
    text-align: left;
}
.contentMobile{
    display: block;
}
.contentDesk{
    display: none;
}
.contactPageBoxes {
    flex-wrap: wrap;
}
.contactBox {
    width: calc(50% - 10px);
}
.contactFormText {
    max-width: 265px;
}
.contactFormText h5 {
    font-size: 22px;
}
.contactFormText p {
    font-size: 13px;
}
.ConFormText {
    width: 100%;
}
.contactFormArea {
    flex-direction: column-reverse;
}
.conFormTextInner {
    padding: 15px;
}
.conFormImg {
    background-image: url('../images/contactBgMobile.png');
    width: 100%;
    min-height: 150px;
    background-position: center;
    border-radius: 30px;
}
.contactFormText {
    max-width: unset;
    text-align: center;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
}
.ConFormText p.formText {
    font-size: 18px;
    padding-bottom: 0;
}
}

@media screen and (max-width: 480px) {
.servicesBoxesMain {
    gap: 10px;
}
.serviceBox {
    padding: 15px;
    width: calc(50% - 5px);
}
p.serviceHD {
    font-size: 14px;
}
.footerLogoInfo {
    width: 100%;
}
.footerMenu {
    width: 100%;
    padding-top: 20px;
}
.footerContact {
    width: 100%;
}
.footerMap {
    width: 100%;
}
.contactBox {
    width: 100%;
}
    .contactPageForm .contactPageBoxes1 .image-widgets:first-child .image{
            width: 100px;
    }
}

@media screen and (max-width: 400px) {
  .contactPageForm .contactPageBoxes1 .image-widgets:first-child .image{
            width: 147px;
    }
}

    
@media screen and (max-width: 370px) {
.radio_group_form {
    gap: 8px;
    font-size: 12px;
}

}








/*---------New style-----------*/



.paris_booking_form .step .heading h4{
    flex-basis:100%;
    color:#111 !important;
    border-bottom: 2px solid #fff;
        margin-bottom: 30px;
    display: flex;
        justify-content: center;
    column-gap: 20px;
    align-items: center;
  
        padding: 10px 22px;
    /*background: #14213d;*/
    clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
        clip-path: inherit !important;
}
.paris_booking_form .step .heading h4 label{
    font-size:20px;
}

.paris_booking_form .step .heading h4:nth-child(2){
/*    clip-path: polygon(8% 100%, 100% 100%, 100% 0%*/
/*0%*/
/*, 16% 0%);*/

    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 8% 0%);
        column-gap: 20px;

}
.paris_booking_form .step .heading h4 div{
        display: flex;
    align-items: center;
    column-gap: 5px;
}
.paris_booking_form .step .heading h4 div input{
     width: 19px;
    height: 19px;
}




.paris_booking_form select{
        color: #111 !important;
}
.paris_booking_form select:valid{
    color: #000;
}
 #totalFare p{
     margin:0 !important;
 }
    #selectVehicle,#parisVisit {
    color: #cfcfcf; /* Default color for placeholder */
  }

  #selectVehicle:focus,#parisVisit:focus {
    color: black; /* When user starts selecting */
  }
 select:has(option:checked:not([value=""])) {
    color: black !important;
  }
  #selectVehicle option,#parisVisit option {
    color: black; /* Make all options black */
  }
  
  
  .paris_booking_form .input_icon.add-info label{
     color: red;
    font-weight: 500;
    margin-bottom: 7px;
}
.banner_info .content p img {
    width: 80px;
    margin-left: 0px;
    margin-top: 0;
}
.banner_info .content p {
       color: #000;
    text-shadow: 1px 1px 1px #f4d20380;
    font-weight: 500;
    margin-top: 10px;
}

.paris_booking_form .input_icon p:nth-child(2) {
    margin: 0;
}


  
  .paris_booking_form textarea.form-control{
      padding: 14px;
    height: 120px;
    margin-bottom:25px;
  }
  .paris_booking_form .rating-star{
          display: flex;
    justify-content: center;
    column-gap: 4px;
    margin-bottom: 20px;
  }
  .paris_booking_form .star{
            width: 32px;
    height: 32px;
    display: flex
;
    align-items: center;
    justify-content: center;
  }
  .paris_booking_form .star img{
      width:100%;
      height:100%;
  }
  
.bookingBannerParis-review{
    align-items:center;
}



/*-----------Modal css---------*/



 /* Button */
    /*.openModal {*/
    /*  margin: 50px;*/
    /*  padding: 10px 20px;*/
    /*  font-size: 16px;*/
    /*  cursor: pointer;*/
    /*  background: #007bff;*/
    /*  color: white;*/
    /*  border: none;*/
    /*  border-radius: 6px;*/
    /*}*/

    /*.openModal:hover {*/
    /*  background: #0056b3;*/
    /*}*/

    /* Modal hidden by default */
    .carousel-item .modal {
      display: none; 
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(4px);
      justify-content: center;
      align-items: center;
      z-index: 999;
    }

    /* Show modal when open class is added */
    .carousel-item  .modal.open {
      display: flex;
    }

    /* Modal box */
    .carousel-item .modal .modal-content {
      background: #fff;
      padding: 20px;
      width: 360px;
      max-width: 90%;
      border-radius: 10px;
      position: relative;
      box-shadow: 0 5px 20px rgba(0,0,0,0.3);
      animation: slideDown 0.3s ease;
    }
    .carousel-item .modal .modal-content p{
        padding:0 !important;
        margin:0 !important;
    }
    .carousel-item .clientReview .openModal{
            background-color: transparent;
        border: none;
        text-decoration:underline;
        color:blue;
        cursor:pointer;
            
    }

    @keyframes slideDown {
      from { transform: translateY(-40px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }

    /* Close button */
    .carousel-item .modal .close-btn {
      position: absolute;
      top: -3px; right: 8px;
      font-size: 26px;
      cursor: pointer;
      font-weight: bold;
      color: red;
    }

    .carousel-item  .modal .close-btn:hover {
      color: red;
    }

  
  .carousel-indicators .active{
           background-color: #1341ec !important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
 /*----------New style css transfero---------*/
 :root{
     --gold-color:#a79132;
     --light-blue:#1A759F;
     --dark-blue:#184E77;
 }
 header{
    border-bottom: 4px solid var(--gold-color);
    /*background-image: linear-gradient(150deg, var(--light-blue) 0%, var(--dark-blue) 180%);*/
    background-color:#f5f5f5;
 }
 header h1{
     color:#111 !important;
     margin:0 !important;
         font-weight: 600;
 }
 header ul li a{
     color:var(--dark-blue) !important;
    font-weight: 600 !important;
 }
 header .log{
     background-color: var(--gold-color);
    color: #fff;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    outline: 2px solid #cebd88;
    outline-offset: 1px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius:0;
 }
 header a:hover{
     cursor:pointer !important;
 }
 header .log:hover{
      background-color: #28364b;
    box-shadow: inset 0 0 0 0 #28364b;
    color: #fff;
    outline:2px solid var(--gold-color);
 }
 
  header .register{
       background-color: #38ae38;
    color: #fff;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    outline: 2px solid #cebd88;
    outline-offset: 1px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius:0;
 }
  header .register:hover{
      background-color: var(--gold-color);
    box-shadow: inset 0 0 0 0 #28364b;
    color: #fff;
    outline: 2px solid #eee;
 }
 header ul li a{
       position: relative;
      transition: all 20s ease-in-out;
    }
header ul li a:hover{
    color:transparent !important;
    cursor:pointer !important;
}
    header ul li a::before{
      content: attr(data-item);
      position: absolute;
        top: 8px;
    left: 8px;
      width: 0;
      overflow: hidden;
          color: #F77D0A;
      transition: width 0.75s ease-in-out;
      white-space: nowrap;
    }

    header ul li a:hover::before,header ul li a.active::before {
      width: 100%;
      
    }
 
 .luxury_img img{
     border-radius:4px;
 }
  h1,h2,h3,h4,h5,h6{
       /*font-family: "DM Sans", sans-serif !important;*/
           font-family: "Libre Bodoni", serif!important;
  }
  h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
     font-family: "Libre Bodoni", serif!important; 
  }
  p,span,li,label,button,a{
      /*font-family: "DM Sans", sans-serif !important;*/
       /*font-family: "Roboto Serif", serif !important;*/
       font-family: "Poppins", sans-serif!important;
  }
  
  .banner_text_right h2,.headingCenter h5.parisHdBlack,h5.parisHdBlack,.banner_text_right h6{
      font-weight:600;
  }
  h5.parisHdBlack{
      color:#023047;
  }
  h5.parisHdBlack span{
      color:var(--gold-color);
  }
  footer  .paris_container{
        background-image: linear-gradient(150deg, var(--light-blue) 0%, var(--dark-blue) 180%);
        /*background-color:#196891;*/
        position:relative;
            padding: 30px 25px 20px;
    margin-bottom: 30px;
    border-radius: 20px;
        z-index: 0;
  }
  footer{
      background-color:#ebf2fa;
  }
  footer *{
      color:#fff !important;
  }
  footer .bg{
      background-image:url('/images/new/pattern.png');
      opacity:0.08;
          position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .paris_booking_form{
          border-radius: 0;
    /*background-image: linear-gradient(150deg, var(--light-blue) 0%, var(--dark-blue) 180%);*/
        /*background-image: linear-gradient(150deg, #00000075 0%, #0f0404 180
        %);*/
    background-color: rgb(255 255 255 / 20%);
        box-shadow: 0 0 8px 1px #00000012;
  }
  .paris_booking_form .row > h4{
        color:var(--gold-color) !important;
            text-shadow: 2px 1px 2px #eee;
  }
  .paris_booking_form .step .heading h4 label{
          color: #111;
          font-weight: 400;
  }
  .paris_booking_form .step .heading h4{
          border-bottom: 2px solid var(--gold-color);
  }
  .paris_booking_form .form-control{
         background-color:#EEF9FF; 
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #111;
    color:#111;
  }
  .paris_booking_form form .iti.iti--allow-dropdown{
        width:100%;
  }
  .paris_booking_form  span.form_input_icon img{
          filter: brightness(0) saturate(100%) invert(58%) sepia(26%) saturate(1021%) hue-rotate(11deg) brightness(93%) contrast(86%);
  }
  .paris_booking_form button:disabled,.paris_btn{
      /*background-color:var(--gold-color);*/
          background-color: #111;
  }
  
  .banner_content_main{
          border-radius: 0;
    background: #0000004a;
  }
  .error{
      color:#9f3535;
      font-weight:500;
  }
  .banner_slider_main .carousel-indicators button{
         border-radius: 100%;
    width: 18px;
    height: 18px; 
            border: 2px solid #11111159;
  }
  .banner_slider_main .carousel-indicators button.active{
      background-color: var(--gold-color) !important;
  }
  footer h4.footerHd{
          color: var(--gold-color) !important;
    font-weight: 600;
    font-size: 21px;
  }
  footer .footerContactInfo li{
      position:relative;
  }
   footer .footerContactInfo li:before{
          position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    left: -10px;
    background-size: 17px;
    top: 4px;
    /*background-image: url(/images/new/location.png);*/
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(51%) sepia(54%) saturate(476%) hue-rotate(11deg) brightness(98%) contrast(94%);
  }
  footer .footerContactInfo li:first-child:before{
        background-image: url(/images/new/phone.png);
  }
  footer .footerContactInfo li:nth-child(2):before{
        background-image: url(/images/new/mail.png);
  }
  footer .footerContactInfo li:nth-child(3):before{ 
        background-image: url(/images/new/location.png);
  }
  footer .footerSocialIcons div a{
       width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center; 
  }
   footer .footerSocialIcons div img{
     width: 20px;
    height: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(7486%) hue-rotate(180deg) brightness(105%) contrast(105%);
    
  }
  footer .footerSocialIcons div:first-child a{
    background: linear-gradient(135deg, #1877F2 0%, #145DBF 100%);
  
  }
  footer .footerSocialIcons div:nth-child(2) a{
      background: linear-gradient(135deg, #1DA1F2 0%, #0D8BD9 100%);
  }
   footer .footerSocialIcons div:nth-child(3) a{
     background: linear-gradient(135deg, #0A66C2 0%, #004182 100%); 
  }
   footer .footerSocialIcons div:nth-child(4) a{
     background: linear-gradient(135deg, #34E0A1 0%, #00A680 100%);
  }
   footer .footerSocialIcons div:nth-child(5) a{
    background: linear-gradient(45deg,
    #405DE6 0%,
    #5851DB 16%,
    #833AB4 32%,
    #C13584 48%,
    #E1306C 64%,
    #F56040 80%,
    #FCAF45 90%,
    #FFDC80 100%
  );
  }
  .ourServices .servicesBoxesMain{
      justify-content:space-between;
  }
  .ourServices .servicesBoxesMain .serviceBox{
      /*flex-basis:30%;*/
  }
  .ourServices .serviceBox1 {
  text-align: center;
  box-shadow: 0 0 5px 2px #00000012;
  padding: 30px;
  margin-bottom: 25px;
  border-bottom: 1px solid transparent;
  background-color: #fff;
  transition: all 0.3s ease; /* smooth transitions */
  border-radius:3px !important; 
}

.ourServices .serviceBox1 .serviceIcon {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border-radius: 100px;
  background-color: var(--light-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.ourServices .serviceBox1 .serviceIcon img {
  width: 50px;
  height: 50px;
  filter: brightness(0) invert(1); /* white icons */
  transition: transform 0.3s ease;
}

.ourServices .serviceBox1 p {
  font-weight: 600;
  transition: color 0.3s ease;
}

/* Hover Effects */
.ourServices .serviceBox1:hover {
  background-color: #a79132; /* change box background */
  border-bottom: 2px solid #a79132; /* thicker bottom border */
}

.ourServices .serviceBox1:hover .serviceIcon {
  background-color: #a79132; /* change icon background */
  transform: scale(1.1);
}

.ourServices .serviceBox1:hover .serviceIcon img {
  transform: scale(1.1);
}

.ourServices .serviceBox1:hover p {
  color: #fff; /* white text on gold background */
}
/*.whoWeAreSection {*/
/*            background-image: url(/images/new/who-we.jpg);*/
/*    background-size: cover;*/
/*    background-position: left center;*/
/*    background-repeat: no-repeat;*/
/*    padding: 50px 0;*/ 
/*    position:relative;*/
/*}*/
/*.whoWeAreSection h5.parisHdBlack{*/
/*    color:#eee !important;*/
/*}*/
/*.whoWeAreSection p{*/
/*        color: #eee !important;*/
/*    position: relative*/
/*}*/
/*.whoWeAreSection:before{*/
/*      position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    content: "";*/
/*    background-color: #0000006e;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    z-index: 0;*/
    
/*}*/
/*.whoWeAreSection .who_we_our_text{*/
/*       text-align: end; */
/*}*/
/*.whoWeAreSection .parisPara{*/
/*    margin-left: auto;*/
/*    text-align: justify;*/
/*}*/
  
  
  /*--------Carousel---------*/
  
  
  
  .client-review{
    /*padding: 120px 0;*/
    /*background-color: #000;*/
    overflow-x: hidden;
}
.client-review .heading{
    text-align: center;
}
.client-review .heading div{
    background-color: #6637ed;
    font-weight: 500;
    font-size: 18px;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 50px;
    color: #FFF;
    margin-bottom: 20px;
}
.client-review .heading h2{
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #fff;
}
.client-review .slider ul{
    list-style-type: none;
}
.client-review .slider ul:last-child{
    margin-left: 100px;
}
.client-review .slider .client{
    width: 650px;
    background-color: #303034;
    padding: 40px;
    border-radius: 25px;

}
.client-review .slider .client .profile{
    display: flex;
    column-gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}
.client-review .slider .client .image img{
    border-radius: 100%;
    border: 1px solid #54fa80;
}
.client-review .slider .client .content .name span{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-right: 10px;
}
.client-review .slider .client .content .name i{
    color: #565656;
    font-size: 20px;
}
.client-review .slider .client .profile ul{
    display: flex;
    padding: 0;
    column-gap: 2px;
}
.client-review .slider .client .profile ul li i{
    color: #54fa80;
    font-size: 14px;
}
.client-review .slider .client .description p{
    color: #fff;
}
.client-review .slider{
    position: relative;
    overflow: hidden;
}
.client-review ul.animate{
    list-style: none;
    display: flex;
    column-gap: 40px;
    animation: scroll-one 15s linear infinite;
    margin-bottom: 0;
}
.client-review ul.animate li img{
        width: 350px;
    height: 200px;
    object-fit: cover;
}

.client-review .slider::before{
    content: "";
    width: 250px;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
       background: linear-gradient(270deg, rgba(66, 201, 250, 0) 0%, #000000e6 100%);
    z-index: 10;
}
.client-review .slider::after{
    content: "";
    width: 250px;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(90deg, rgba(66, 201, 250, 0) 0%, #000000e6 100%);
}

@keyframes scroll-one {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}
  
  
#whats_side_links li{
    margin-bottom: 3px;
}
#whats_side_links li a{
    width: 45px;
    height: 45px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
#whats_side_links li a img{
   width: 21px;
    height:21px; 
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(95deg) brightness(108%) contrast(104%);
}
#whats_side_links li:first-child{
      background: linear-gradient(135deg, #1E3C72 0%, #2A5298 100%);
}
#whats_side_links li:nth-child(2){
     background: linear-gradient(135deg, #ff4b2b, #ff416c);
}
#whats_side_links li:nth-child(3){
      background: linear-gradient(135deg, #25D366, #128C7E);
}


@media only screen and (max-width: 576px) {
    header ul li a::before {
        left: 0px;
    }
    .modal_popup_vehicle .modal-content{
        padding:0;
    }
}

.bookingPage,.banner_slider_main{
    position:relative;
        z-index: 1;
}
.bookingPage:before,.banner_slider_main:before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color: rgb(0 0 0 / 60%);
    z-index: 0;
}
.contactPageForm {
    padding:40px 0;
}
.contactPageForm  .luxury_vehicle_text{
    text-align:center;
}
.contactPageForm  .luxury_vehicle_text .parisPara{
        text-align: center;
    margin: 0 auto 30px;
}
.contactPageForm .contFormFields label{
    display:none;
}
.contactPageForm #message{
    margin:0;
}
.contactPageForm .form-control{
        border: none;
    border-bottom: 2px solid #111;
    /* border: none; */
    border-radius: 0;
    background-color: #eeeeee78;
}
.contactPageForm input{
        height: 40px;
}
.contactPageForm [type=submit]{
    background-image: linear-gradient(150deg, var(--light-blue) 0%, var(--dark-blue) 180%);
    width: 100%;
    border-radius: 3px;
}
.contactPageForm .contactFormArea{
    border-radius:3px;
}
.contactPageForm .image-widgets{
        display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 25px;
}
.contactPageForm .image-widgets .image{
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: red; */
    border-radius: 100%;
    background-image: linear-gradient(150deg, var(--light-blue) 0%, var(--dark-blue) 180%);
}
.contactPageForm .image-widgets .image img{
        width: 40px;
    height: 40px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(208deg) brightness(104%) contrast(101%);
}
.contactPageForm .image-widgets .content p{
    margin:0;
}
.paymentCardsSection .paymentCardsSectionInner{
    background-color: #e5e5e542;
}
.paymentCardsSection .paymentCardsMain{
    gap:0;
}
.paymentCardsSection .paymentCardsMain div{
        flex-basis: 25%;
    text-align: center;
    
}
.paymentCardsSection .paymentCardsMain div:first-child{
          background-image: linear-gradient(0deg, #3aaaff 0%, #ffffff 50%, #3aaaff 100%)
}
.paymentCardsSection .paymentCardsMain div:nth-child(2){
   background-image: linear-gradient(0deg, #ff7e5f 0%, #ffffff 50%, #ff7e5f 100%)
}
.paymentCardsSection .paymentCardsMain div:nth-child(3){   
   background-image: linear-gradient(0deg, #6a11cb 0%, #ffffff 50%, #6a11cb 100%)
}
.paymentCardsSection .paymentCardsMain div:nth-child(4){
    background-image: linear-gradient(0deg, #11998e 0%, #ffffff 50%, #11998e 100%)
}

.review-banner:before{
    position:inherit !important;
}
.carDetials{
    display:none;
}
.add-car{
    display:flex !important;
        align-items: center;
}