@import url('../css/bootstrap.css');
/*@import url('../css/animate.css');*/
@import url('../css/jquery.fancybox.min.css');
@import url('../css/slick.css');
@import url('https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@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://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');

@import url('../fonts/new_customfont/stylesheet.css');


@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'HurmeGeometricSans1';
  src: url('../fonts/hemulite/HurmeGeometricSans1-Regular.eot');
  src: url('../fonts/hemulite/HurmeGeometricSans1-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/hemulite/HurmeGeometricSans1-Regular.woff2') format('woff2'),
      url('../fonts/hemulite/HurmeGeometricSans1-Regular.woff') format('woff'),
      url('../fonts/hemulite/HurmeGeometricSans1-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



:root {
  /*** theme colors ***/
  --primary-color: #A35C00;
  --secondary-color: #D8D701;
  --theme-white: #ffffff;
  --theme-black: #000000;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  font-family: 'HurmeGeometricSans1';
  /* font-family: 'Open+Sans'; */
  /* font-family: 'Nunito'; */
  overflow-x: hidden;
  
  /* background: linear-gradient(to right, #FF7E5F, #FFB97F); */
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  /*font-family: 'Poppins', sans-serif;*/
  font-family: 'HurmeGeometricSans1';

  /* font-family: 'Futurama' !important; */
  /* font-family: 'Montserrat'; */
}

a:hover{
  color: #000;
}

a {
  text-decoration: none;
  color: #000;
}


.p-100 {
  padding: 30px 0px;
}


.about_img_bg,
.fifty_contant {
  -webkit-animation: mymove 2s ease 0.5s infinite;
  animation: mymove 2s ease 0.5s infinite;
}

@keyframes mymove {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

.logo {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.book-now {
  display: flex;
  gap: 50px;
  align-items: center;
}

.navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

ul li {
  list-style: none;
}

ul.left-nav {
  display: flex;
  gap: 56px;
  padding-left: 0;
}

i.bx.bxs-phone-incoming {
  font-size: 31px;
  color: #d40000;
}

h6.reservation {
  width: 146px;
}
.logo h2 {
  font-family: 'HurmeGeometricSans1';
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}

ul.left-nav li a {
  font-size: 14px;
  font-family: 'HurmeGeometricSans1';
  font-weight: 600;
  color: #fff;
}

ul.left-nav li a {
    display: flex;
    gap: 8px;
}

i.bx.bx-chevron-down {
  font-size: 19px;
  font-weight: 500;
}

ul.right-nav li a {
  padding: 18px 26px;
  background: #d40000;
  border-radius: 47px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

.banner-img {
  width: 100%;
  height: 900px;
  background-repeat:no-repeat;
  background-position:center center;
  margin-top: -272px;
  background-size: cover !important;
}

.container-fluid {
  padding: 0;
}
.banner-content {
  position: absolute;
  top: 260px;
  left: 140px;
  width: 450px;
}
.book-now a {
  color: #fff;
  font-weight: 600;
  cursor :pointer;
}
.book-now a:hover {
  color: #dc0101;
}

.banner-content h3 {
  font-size: 33px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 12px;
}

.banner-content h2 {
  color: #fff;
  font-size: 33px;
  line-height: 34PX;
  font-weight: 800;
}
.banner-content p {
  color: #fff;
  padding-top: 21px;
  font-size: 17px;
}

.banner-btn {
  margin-top: 20px;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 22px;
}

.banner-btn .learnmore-btn {
  background: #d40000;
  padding: 13px 39px;
  border-radius: 31px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}
i.bx.bxs-car {
  font-size: 22px;
  color: #d40000;
}

a.book-now-btn {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

i.bx.bx-down-arrow-alt {
  transform: rotate(30deg);
  font-size: 22px;
  color: #fff;
}

section.browse {
  /*margin: 50px 0;*/
  position: relative;
  z-index: 9;
}
.form {
  align-items: end;
}

label.pick {
  font-weight: 600;
  font-size: 16px;
}

input#start {
  padding: 15px 55px;
  font-size: 18px;
  border: 1px solid #adadad;
    border-radius: 10px;
}
.drop{
  font-weight: 600;
  font-size: 16px;
}
#drop{
  padding: 15px 55px;
  font-size: 18px;
  border: 1px solid #adadad;
    border-radius: 10px;
}
.make{
  font-weight: 600;
  font-size: 16px;
}
#select-make{
  padding: 16px 75px;
  font-size: 18px;
  border: 1px solid #adadad;
    border-radius: 10px;
}

button.brow-veh {
  padding: 16px 30px;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #d40000;
  color: #fff;
  border-radius: 6px;
  border: none;
}

.browse-vehicle {
  background: #fff;
  margin-top: -200px;
  padding: 50px 80px;
  position: relative;
  top: 150px;
}
.browse-vehicle::after {
  content: '';
  position: absolute;
  width: 85%;
  height: 210px;
  background:#d40000;
  z-index: -1;
  top: -25px;
  left: 95px;
}
.choose-head {
  text-align: center;
  padding: 0 0 60px;
}

.product-head {
  margin: 260px 0 0;
}

.product-head-inner {
    margin: 100px 0px 0px 0px;
}

.product-head h2 {
  font-size: 50px;
  padding-bottom: 24px;
  font-weight: 600;
  color: #000;
}

.product-head p {
  font-size: 19px;
}

.car-cat img {
  width: 33%;
  padding-bottom: 91px;
}

.car-cat a {
  padding: 10px 25px;
  background-color: #d40000;
  border-radius: 38px;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  
}

.car-cat h3 {
  margin-top: 50px;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 23px;
  border-bottom: 4px solid #d40000;
  width: fit-content;
  color: #000;
}

.car-main {
  display: flex;
  justify-content: center;
  gap: 60px;
}

.car-cat img {
    width: 80%;
}

.car-cat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25%;
}
.car-cat-list {
  display: flex;
  justify-content: left;
  gap: 21px;

} 

.car-cat-list p {
  font-size: 20px;
}

.car-cat-list i {
  font-size: 25px;
}

.car-cat-list p {
  display: flex;
  gap: 11px;
  align-items: center;
}


.car-cat-list {
  padding-top: 21px;
}

.about-img img {
  width: 88%;
  border-radius: 14px;
  border: 1px solid #bababa;
  box-shadow: 0px 0px 9px 0px #b3b2b2;
  object-view-box: inset(20% 22% 20% 20%);
}

.about-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 50px;
  height: 250px;
  background: #d40000;
  top: 38px;
  left: 528px;
  border-radius: 10px;
}

.about-img {
  position: relative;
}
.abbout {
  margin: 100px 0;
}

.about-cont h2 {
  font-size: 80px;
  font-weight: 800;
  color: #000;
}

.icon-cont p {
    width: 309px !important;
    color:#000;
}

.about-cont p {
  font-size: 17px;
  font-weight: 500;
  color: #000;
  width: 505px;
  text-align: justify;
}

.icon-cont h4 {
    color: #000;
    font-weight: 600;
}

.about-cont .car-icon-2 {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-top: 50px;
}

.icon-cont {
  width: 350px;
}
.products{
  background: url(../images/product-back.png) left center no-repeat ;
  background-size:cover ;
}

.car-cat.slick-slide {
  width: 410px !important;
}

.car-main2 .car-cat:hover {
    background: #fff;
    border: 2px solid #d40000;
    border-radius: 20px;
    box-shadow: 0 0 10px 2px red;
}
.car-main2 .car-cat{
    transition:all 0.3s;
    border: 3px solid transparent;
}

.car-cat.slick-slide:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0 20px;
}
.car-cat.slick-slide{
    height:500px !important;
    transition: all 0.3s;
  padding-top:50px;
  border-radius: 10px;
}

.car-cat {
  padding: 20px;
}

.car-main {
    height: 560px;
}

.slick-next, .slick-prev {
  top: 45%;
}
.service-slider .slick-next, .service-slider .slick-prev {
    top: 52%;
}
.service-slider .slick-next:before, .service-slider .slick-prev:before {
    color: #fff;
    font-size: 34px;
}

.watch-video {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition:0.6s;
}

.watch-video:hover {
    color: #000;
}

.car-main .slick-next:before, .car-main .slick-prev:before {
    color: #000;
    font-size: 34px;
}
.car-main .slick-track {
  height: 240px;
}

/*section.products {*/
/*  padding-bottom: 51px;*/
/*}*/

/* NEWS__LETTER__START */


.newsletter {
  padding: 70px 0 70px;
  background: #3f424b;
}

.letter-head h2 {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: white;
}

input.form-control {
  padding: 30px 30px 30px;
}

.mail span#basic-addon2 {
  padding: 0 40px 0;
  border-radius: 10px;
  position: relative;
  right: 40px;
  background: linear-gradient(180deg, rgb(220, 1, 1) 0%, rgb(63, 66, 75) 80%);;
  color: white;
}

.mail i {
  font-size: 30px;
}

.match ul {
  padding: 0;
}


.match li {
  display: inline-block;
  padding: 0 10px 0;
}

.match i {
  font-size: 20px;
  background: white;
  padding: 5px 7px 5px;
  border-radius: 18px;
  color: red;
}

.sub-footer {
  padding: 40px 0 20px;
  background: #d40000;
}

.navigation-footer ul {
  padding: 0;
}

.navigation-footer li {
  padding: 5px 0 0;
}

.service-footer ul {
  padding: 0;
}

.service-footer li {
  padding: 6px 0 0;
}

.match h3 {
  color: white;
  font-size: 35px;
  font-weight: 500;
}

.navigation-footer h3 {
  font-size: 35px;
  font-weight: 500;
  color: white;
}

.navigation-footer a {
  color: white;
}

.service-footer h3 {
  font-size: 35px;
  font-weight: 500;
  color: white;
}

.service-footer a {
  color: white;
}

.navigation-footer {
  padding: 0 70px 0;
}

.double {
  display: flex;
  gap: 25rem;
}

.d-2 li {
  display: inline-block;
  padding: 0 10px 0;
}

.bottom-footer {
  border-top: 1px solid white;
}

.d-1 p {
  font-size: 18px;
  padding: 18px 0 0;
  color: white;
}

.d-2 a {
  font-size: 17px;
  color: white;
}

.d-2 {
  padding: 20px 0 0;
}



/* NEWS__LETTER__END */


/* CHOOSE__US__START */

.choose-us .car-icon {
  text-align: center;
}

.choose-us .car-icon img {
  width: 100%;
  max-width: 65px;
}

.choose-us .car-icon p {
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
}

.choose-us {
  padding: 70px 0 70px;
}

.choose-us .car-icon {
  text-align: center;
  border: 1px solid lightgrey;
  padding: 35px 7px 20px;
  height: 330px;
}

.choose-head {
  text-align: center;
  padding: 0 0 60px;
}

.choose-head h1 {
  font-size: 80px;
  font-weight: 600;
}

.choose-head p {
    width: 780px;
    font-size: 20px;
    margin: 30px auto 0;
}

.choose-us .car-icon:hover {
  background: linear-gradient(180deg, rgb(220, 1, 1) 0%, rgb(63, 66, 75) 80%);
  color: white;
}
.choose-us .car-icon {
    transition: all 0.7s;
}

.car-icon h2 {
    margin-bottom: 0 !important;
    padding: 10px 0px 0 0;
    font-size: 20px;
    font-weight: 600;
}


/* CHOOSE__US__END */



/* OUR__CLIENT__START */
section.client-sec {
    background: url(../images/Rectangle-background.png) no-repeat;
    background-size: cover;
    background-position: 0px -762px;
}

.client-sec {
  padding: 100px 0 60px;
}

.client-says {
  text-align: center;
  border: 1px dashed #c3c3c3;
  padding: 30px 40px 30px;
  background: #fff;
}

.client-says i {
  font-size: 19px;
  background: black;
  color: white;
  padding: 14px 15px;
  border-radius:25px;
  margin: 0 0 20px;
}

p.client {
    font-size: 15px;
    margin: 0;
}



/* OUR__CLIENT__END */



/* WATCH__VIDEO__SEC__START */

.watch-vide0-sec {
  padding: 100px 0 100px;
  background-image: url(../images/watch_videobg.jpg);
  background-size: cover;
}

.video span.watch {
  border-bottom: 1px solid;
  padding-bottom: 20px;
}

.video h3 {
  font-size: 25px;
  font-weight: 500;
  color: white;
  font-weight: 600;
}

.video p {
    font-size: 22px;
    color: white;
    margin-top: 30px;
}

p.ulter {
 font-size: 16px;
}

.vid-icn p {
  font-size: 20px;
}

.vid-icn i {
  margin: 0 15px 0 0;
}

.vid-icn p {
    display: flex;
    align-items: center;
}

i.bx.bx-play-circle {
    font-size: 50px;
}

.video h1 {
  font-size: 100px;
  font-weight: 600;
  color: white;
  line-height: 60px;

}



/* WATCH__VIDEO__SEC__END */


/* FAQ__SEC__START */

.FAQ_SEC {
  padding: 50px 0 70px;
}

.accordion-item:not(:first-of-type) {
  border-top: 1px solid lightgrey;
}

.accordion-item {
  margin: 15px 0 0;
}


.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url(../images/plus-img.png);

  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}

.faq-alt img {
  width: 100%;
  max-width: 580px;
}

.question {
  left: 90px;
  position: absolute;
  top: 110px;
}
section.FAQ_SEC .col-md-6 {
  position: relative;
}

.faq-alt {
  position: relative;
  z-index: -1;
}

.question h2 {
  font-size: 45px;
  font-weight: 600;
  color: white;
}

.question p {
  font-size: 16px;
  color: white;
  padding: 30px 0;
}



/* FAQ__SEC__END */


/* OUR__SERVICE__SEC__START */


.our-service {
  padding: 80px 0 0px;
  background-image: url(../images/services-banner.png);

}

.car-slide img {
  width: 100%;
}

.ic-1 {
  text-align: center;
}

.ic-1 i {
  font-size: 35px;
  background: #d50000;
  padding: 10px 10px 10px;
  position: relative;
  bottom: 20px;
  color: #fff;
}

.book-now-btn a {
  background: #d50000;
  padding: 13px 30px 13px;
  color: white;
  border-radius:5px;
}

.book-now-btn {
  text-align: center;
}

.book-now-btn i {
  position: relative;
  left: 14px;
  transform: rotate(-36deg);
}

.slide-1 {
    margin: 0 20px 0;
    background: #fff;
    padding: 0px 0px 20px;
    height:615px;
    
}

.join-us a {
  background: #d50000;;
  padding: 12px 45px 12px;
  border-radius: 5px;
  color: white;
}

.join-us i {
  position: relative;
  left: 25px;
  transform: rotate(-38deg);
}

.royce-flex {
  display: flex;
}

.double-color {
  padding: 150px 0 0;
      position: relative;
}

/* .contact {
  text-align: center;
} */

.contact a {
  background: white;
  padding: 12px 30px 12px;
  border-radius: 5px;
  color: black;
  font-weight: 500;
}

.roll-royce img {
  width: 100%;
  max-width: 420px;
  z-index: 2;
    position: relative;
}

.roll-royce {
  text-align: center;
  position: relative;
  bottom: 240px;
  left: -25px;
}
/*.roll-royce img:hover {*/
/*    transform: rotate(360deg);*/
/*}*/

/*.roll-royce img {*/
/*    transition: all 0.9s;*/
/*}*/

.choose-head-align {
  text-align: center;
  color: white;
}

.choose-head-align h1 {
    font-size: 80px;
    font-weight: 600;
    padding-bottom: 20px;
}

.choose-head-align p {
    width: 690px;
    font-size: 20px;
    margin: auto;
}
.service-para {
    /*display: flex;*/
    /*justify-content: center;*/
    padding-bottom:20px;
}


.car-slide p {
  color: #000;
}

.ic-1 h4 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.ic-1 p {
  color: #000;
  margin-bottom:30px;
  font-size: 14px;
  padding: 10px 33px;
}

.rewards h4 {
    color: black;
    font-weight: 600;
    font-size: 23px;
}

.rewards p {
    color: black;
    font-size: 16px;
    width: 300px;
    text-align: left;
}

.manage-booking h2 {
    color: #fff;
    font-weight: 600;
    font-size: 23px;
}


.manage-booking p {
    color: #fff;
    font-size: 14px;
    text-align:right;
}

.rewards {
  background: white;
  padding: 40px 30px 40px;
  border-radius: 5px;
}

.manage-booking {
  background: #d50000;
  padding: 60px 25px 60px;
  border-radius: 5px;
}

.manage-booking {
  position: relative;
  left: -82px;
  top: 6px;
  text-align: end;
}
/* .car-icon {
  flex-direction: column;
} */
/* OUR__SERVICE__SEC__END */

.sub-footer {
  padding: 40px 0 20px;
background: linear-gradient(180deg, rgb(220, 1, 1) 0%, rgb(63, 66, 75) 80%);
}
.match h3 {
  color: white;
  font-size: 35px;
  font-weight: 600;
}
.match p {
  color: white;
  padding: 20px 0;
  font-size: 11px;
  
}
.match i {
  font-size: 20px;
  background: white;
  padding: 5px 7px 5px;
  border-radius: 18px;
  color: red;
}
.match ul {
  padding: 0;
}
.match li {
  display: inline-block;
  padding: 0 10px 0;
}
.navigation-footer h3 {
  font-size: 30px;
  font-weight: 600;
  color: white;
}
.navigation-footer a {
  color: white;
}
.navigation-footer li {
  padding: 5px 0 0;
}
.service-footer h3 {
  font-size: 30px;
  font-weight: 600;
  color: white;
}
.service-footer a {
  color: white;
}
.service-footer li {
  padding: 6px 0 0;
}
.bottom-footer {
  border-top: 1px solid white;
}
.d-1 p {
  font-size: 15px;
  padding: 18px 0 0;
  color: white;
  font-weight:600;
}
.d-2 {
  padding: 20px 0 0;
}
.d-2 a {
  font-size: 16px;
  color: white;
}

.double-color:after {
    content: '';
    background: url(../images/ellipse-2.png) no-repeat;
    position: absolute;
    z-index: 1;
    top: 35px;
    bottom: 0;
    left: 480px;
    right: 0;
    width: 40%;
    height: 100%;
    background-size: 400px;
}

.video {
  padding: 0 118px;
}

.video p:nth-child(2) {
  font-size: 25px;
  font-weight: 500;
  color: white;
  font-weight: 600;
}

.vid-icn span {
  font-size: 19px;
  font-weight: 800;
  font-family: 'HurmeGeometricSans1';
}


.choose-us {
  position: relative;
}
.side-sm {
  position: absolute;
  width: 100%;
  max-width: 140px;
  left: 1503px;
  top: 5px;
}

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

.accordion-button:focus{
   box-shadow: 0 0 40px 0px #00000063;
}


.accordion-button {
  padding: 30px 21px 30px;
  border-bottom: 0 !important;
  font-size: 17px;
  font-weight: 600;
}
.d-2 ul li a {
  font-weight: 600;
}


ul.left-nav li a:hover {
  color: #dc0101;
}
ul.right-nav li a:hover {
  border: 1px solid #d40000;
  background: #f000;
  color: #d40000;
}
.learnmore-btn:hover{
     border: 1px solid #d40000;
  background: #f000;
  color: #d40000;
}
.book-now-btn:hover{
    color:#d40000;
    
}

.brow-veh:hover{
    border: 1px solid #d40000;
  background: #f000;
  color: #d40000;
}

.banner-btn {
  position: relative;
  z-index: 10;
}
.car-cat a:hover{
border: 1px solid #d40000;
  background: #f000;
  color: #d40000;
    
}

.slide-1:hover .ic-1 i {
  background: #fff;
  color: #d40000;
}

.slide-1:hover .ic-1 h4 {
  color: #fff;
}
/*.slide-1:hover .ic-1 {*/
/*  background: #d40000;*/
/*}*/

.slide-1:hover .ic-1 p {
  color: #fff;
}

.slide-1:hover{
    background: #d40000;
}

.slide-1:hover .book-now-btn a{
    border: 1px solid #d40000;
  background: #fff;
  color: #d40000;
}
.slide-1{
    transition :all 0.3s;
}

.contact a:hover{
    border: 1px solid #fff;
  background: #d40000;
  color: #fff;
}

.contact {
  position: relative;
  z-index: 5;
}

.join-us a:hover{
    border: 1px solid #d40000;
  background: #f000;
  color: #d40000;
}

.join-us {
  position: relative;
  z-index: 5;
}

.car-icon:hover img {
  filter: invert(100%);
}

.privacy-banner {
  background: url(../images/inner-page-banner.png) no-repeat;
    background-size: auto;
  background-size: cover;
  width: 100vw;
  height: 650px;
  margin-top: -176px;
}

.privacy-banner span {
    font-size: 34px;
}


.privacy-banner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.privacy-banner h2 {
  color: #fff;
  font-weight: 600;
  font-size: 50px;
  margin-top: 100px;
}

.main_privacy.p-100 h2 {
  text-align: center;
  font-weight: 600;
  padding-bottom: 50px;
  padding-top: 60px;
}

.p-100 {
  padding: 30px 100px;
margin-bottom: 100px;
}
    
.p-100 p {
  text-align: center;
}

.in-page-head h2 {
  text-align: center;
  padding: 50px 0;
  font-size: 40px;
  font-weight: 600;
}

.single-pro {
  justify-content: space-around;
}

.single-head-pro {
  margin: 50px 0;
}

.booking label {
  display: block;
}


.form-group.form-col-6 {
  display: flex;
}
.form-group.form-col-6 input {
  width: 49%;
  margin: auto;
}


.form-group select {
  width: 99%;
  padding: 30px 30px 30px;
}


.form-group select {
  width: 99%;
  padding: 30px 30px 30px;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  margin: 0 6px;
}

.form-group textarea {
  padding: 30px 30px 30px;
  width: 99%;
  margin-left: 6px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
}
.btn.btn-primary {
  width: 99%;
  padding: 20px 20px 20px;
  background: #d40000;
  font-size: 20px;
  font-weight: 600;
    border: 1px solid #d40000;
}
.booking {
  margin: 100px 0;
  background: url(../images/contact-banner.png) no-repeat center center;
  
  background-size: cover;
}


.form-group.form-col-6 {
  padding: 20px 0 20px 0;
}
.form-group {
  padding: 20px 0;
}

.email-field {
  width: 99% !important;
  margin: 0 10px;
}

.btn-2 {
  width: 14% !important;
  border-radius: 40px;
}

.button-sub {
  text-align: center;
}
.btn-2 {
  text-transform: uppercase;
}

.browse-vehicle {
    box-shadow: 0px 0 20px 0px #000a;
}
.page-heading h2 {
  text-align: center;
  font-size: 45px;
  font-weight: 600;
}


.single-pro .car-cat {
  margin-bottom: 20px;
  border: 1px solid #fff0;
}

.single-pro .car-cat:hover {
  border: 1px solid red;
  margin-bottom: 20px;
  border-radius: 20px;
}

.faq-alt::after {
  content: '';
  background: url(../images/faqs-circle.png ) no-repeat;
    background-size: auto;
  width: 48%;
  position: absolute;
  left: 397px;
  top: 500px;
  height: 42%;
  background-size: contain;
}

.about-inner {
    background: none;
}

.col-md-3.last-form {
    display: flex;
    justify-content: center;
    align-items: end;
    height: 82px !important;
}


.row.form form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-group {
    width: 100%;
}

.dates-col {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px 8px;
    column-gap: 12px;
}

.car-main2 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    margin: 100px 0;
}


/*RESPONSIVE__STARTS__FROM__HERE*/


@media screen and (max-width: 1400px) {
    .banner-content p {
      padding-top: 0px;
    }
    .banner-content h3 {
  font-size: 34px;
    }
    .banner-content h2 {
  font-size: 34px;
}

.mobile-hamburger-menue {
  display: none !important;
}
        
}

@media screen and (max-width: 1200px) {
    
.banner-btn {
  position: relative;
  z-index: 10;
  margin: 0 0 0 !important;
}

.double {
  display: flex;
  gap: 6rem;
  justify-content: space-between;
}

.side-sm {
  position: absolute;
  width: 100%;
  max-width: 140px;
  left: 1503px;
  top: 5px;
  display: none;
}

.about-img {
  padding: 80px 0 0 !important;
}

.mobile-hamburger-menue {
  display: none !important;
}

.about-cont h2 {
  font-size: 50px;
}

.choose-head h1 {
  font-size: 50px;
  font-weight: 600;
}

.letter-head h2 {
  font-size: 30px;
}

.car-cat h3 {
  font-size: 20px;
}

.banner-content h3 {
  font-size: 30px;
}

.banner-content h2 {
  font-size: 30px;
}

.browse-vehicle {
  padding: 50px 0px;
}

input#start {
  padding: 15px 30px;
  font-size: 15px;
  border: 1px solid #adadad;
  border-radius: 10px;
}

#drop {
  padding: 15px 30px;
  font-size: 15px;
  border: 1px solid #adadad;
  border-radius: 10px;
}

#select-make {
  padding: 16px 30px;
  font-size: 15px;
  border: 1px solid #adadad;
  border-radius: 10px;
}

.product-head h2 {
  font-size: 40px;
}

.about-img::before {
    height: 240px;
    top: 100px !important;
    left: 440px;
}
  
.choose-head-align h1 {
  font-size: 50px;
  padding-bottom: 10px;
}

.about-img {
  position: relative;
  left: 10% !important;
}

.roll-royce img {
  width: 100%;
  max-width: 233px;
  z-index: 2;
  position: relative;
}

.roll-royce {
  text-align: center;
  position: relative;
  bottom: 175px;
  left: -25px;
}

.video h1 {
  font-size: 65px;
}

.client-says {
  text-align: center;
  border: 1px dashed #c3c3c3;
  padding: 30px 40px 30px;
  background: #fff;
  margin: 0 5px 0;
  height: 385px;
}

.choose-us .car-icon {
  text-align: center;
  border: 1px solid lightgrey;
  padding: 35px 7px 20px;
  height: 430px;
}


}

@media screen and (max-width: 992px) {
     .banner-content h2 {
    font-size: 28px;
  }
  
    .about-img {
    padding: 60px 0 0 !important;
  }
  
   .banner-content h3 {
    font-size: 28px;
  }
  .banner-content {
  top: 280px;
  left: 50px;
  width: 420px;
}
.product-head h2 {
    font-size: 35px;
    padding-bottom: 0;
  }
  .choose-head p {
  width: 740px;
  font-size: 18px;
  margin: 20px auto 0;
}
.abbout {
  margin: 50px 0;
}
.about-cont h2 {
    font-size: 40px;
  }
  .about-cont p {
  font-size: 15px;
  width: 495px;
}
.icon-cont h4 {
    margin: 5px;
  }
.about-cont .car-icon-2 {
  margin-top: 40px;
}
.about-cont p {
    margin: 0;
  }
  .our-service {
  padding: 30px 0 0px;
}
 .choose-head-align h1 {
    font-size: 35px;
    padding-bottom: 5px;
  }
  .choose-head-align p {
  font-size: 16px;
  width: 70%;
  margin: 0 auto;
}
.ic-1 h4 {
  font-size: 17px;
}
.ic-1 p {
  margin-bottom: 20px;
  font-size: 14px;
  padding: 5px 15px;
}

  .slide-1 {
    margin: 0 10px 0;
    padding: 0px;
    height: 635px;
  }

.manage-booking {
  position: relative;
  left: -42px;
  top: 6px;
  text-align: end;
  width: 500px;
}
.double-color::after {
  top: 74px;
  bottom: 0;
  left: 320px;
  right: 0;
  width: 30%;
  height: 100%;
  background-size: contain;
}
.double-color {
  padding: 90px 0 0;
}
.video {
  padding: 0;
}
.video h3 {
  font-size: 22px;
}
.video p {
  margin-top: 25px;
  font-size: 18px !important;
}
ul.left-nav {
  display: flex;
  gap: 30px;
  padding-left: 0;
}
i.bx.bx-play-circle {
  font-size: 30px;
}
 .video h1 {
    font-size: 40px;
    line-height: 30px;
  }
  .watch-vide0-sec {
  padding: 50px 0px;
}
.client-sec {
  padding: 50px 0 0px;
}
 .choose-head h1 {
    font-size: 35px;
  }
   .choose-head p {
    font-size: 16px;
    margin: 10px auto 0;
  }
  .choose-head {
  padding: 0px 0 20px;
}
.client-says {
    padding: 20px 15px 20px;
    height: 315px;
  }
  .choose-us {
  padding: 30px 0;
}
.choose-us .car-icon {
    padding: 20px 5px 10px;
    height: 310px;
  }
  .choose-us .car-icon p {
  font-size: 14px;
      
  }
  .car-icon h2 {
  padding: 20px 0px 0px 0;
  font-size: 17px;
}
.question h2 {
  font-size: 35px;
}
.question {
  left: 60px;
}
.faq-alt::after {
  left: 330px;
  top: 390px;
}
 .letter-head h2 {
    font-size: 28px;
  }
  input.form-control {
  padding: 15px 20px 15px;
}
.mail span#basic-addon2 {
  padding: 0 20px 0;
}
.newsletter {
  padding: 40px 0 40px;
}
.double {
  gap: 0rem;
}
.d-2 ul {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.d-2 li {
  display: block;
  padding: 0;
}
.d-2 {
  width: 55%;
}
.car-cat img {
  width: 100%;
  padding-bottom: 50px;
}
.car-cat a {
  padding: 7px 20px;
  font-size: 16px;
}
 .car-cat h3 {
    font-size: 17px;
    margin-top: 30px;
    padding-bottom: 20px;
  }
  .car-cat-list {
  padding-top: 10px;
  gap: 10px;
}
.car-cat-list p {
  font-size: 16px;
}
.car-main2 {
  margin: 30px 0;
}
.shop-services.section {
  padding: 0px !important;
}
.section {
  padding-top: 50px !important;
}
.btn.btn-primary {
  padding: 10px 20px 10px;
  font-size: 16px;
}
.booking {
  margin: 50px 0;
    
}
}

@media screen and (max-width: 768px) {
    
.book-now {
  display: flex;
  gap: 20px;
  align-items: center;
}

.col-md-6.col-lg-3 {
  margin: 0 0 20px;
}

 .about-img {
    padding: 55px 0 0 !important;
  }


ul.left-nav {
    display: flex;
    gap: 17px;
    padding-left: 0;
}

  input#start {
    padding: 15px 10px;
    font-size: 13px;
    border: 1px solid #adadad;
    border-radius: 10px;
  }
  
    #drop {
    padding: 15px 10px;
    font-size: 15px;
    border: 1px solid #adadad;
    border-radius: 10px;
  }
  
    #select-make {
    padding: 16px 10px;
    font-size: 13px;
    border: 1px solid #adadad;
    border-radius: 10px;
  }
  
  button.brow-veh {
  padding: 20px 25px 20px;
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #d40000;
  color: #fff;
  border-radius: 6px;
  border: none;
}

.browse-vehicle::after {
  content: '';
  position: absolute;
  width: 85%;
  height: 210px;
  background: #d40000;
  z-index: -1;
  top: -15px;
  left: 50px;
}

 .about-cont p {
    font-size: 15px;
    width: 340px;
  }
  
    .choose-head p {
    width: 700px;
    font-size: 18px;
    margin: 20px auto 0;
  }
  
 . .about-img::before {
    height: 154px;
    top: 65px !important;
    left: 260px;
  }
  
    .manage-booking {
    position: relative;
    left: -42px;
    top: 6px;
    text-align: end;
    width: 408px;
  }
  
   .roll-royce {
    text-align: center;
    position: relative;
    bottom: 115px;
    left: 74px;
  }
  
   .video p {
    margin-top: 20px;
    font-size: 15px !important;
  }
  
   .client-says {
    padding: 20px 15px 20px;
    height: 390px;
  }
  
    .choose-us .car-icon {
    padding: 20px 0px 10px;
    height: 400px;
  }
  
   .question h2 {
    font-size: 25px;
  }
  
  .navigation-footer h3 {
  font-size: 25px;
  font-weight: 600;
  color: white;
}

.service-footer h3 {
  font-size: 25px;
  font-weight: 600;
  color: white;
}

.side-sm {
  position: absolute;
  width: 100%;
  max-width: 140px;
  left: 45px;
  top: 5px;
  display: none;
}

.slide-1 {
    margin: 0 10px 0;
    padding: 0px;
    height: 570px;
}

  .client-says {
    padding: 20px 15px 20px;
    height: 380px;
  }


    
}

@media screen and (max-width: 576px) {
    
.navigation {
  display: none;
}

.slick-next {
  right: 0px;
  z-index: 99999 !important;
}

.manage-booking {
  margin: 20px 0 30px;
}

.manage-booking {
  margin: 20px 0 40px;
}

    .about-img::before {
    height: 195px;
    top: 63px !important;
    left: 314px;
  }

 .mobile-hamburger-menue {
    display: block !important;
  }


.logo img {
  width: 100%;
}

.book-now {
    display: flex;
    gap: 0px;
    align-items: center;
    flex-direction: column;
}

.navigation-footer {
  padding: 0 0px 0;
  text-align: center;
}

.browse-vehicle .row form {
  display: grid;
}

input#start {
    padding: 15px 135px;
    font-size: 20px;
    border: 1px solid #adadad;
    border-radius: 10px;
}

label.pick {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}

  #drop {
    padding: 15px 140px;
    font-size: 19px;
    border: 1px solid #adadad;
    border-radius: 10px;
  }
  
  .drop {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  padding: 15px 0 15px;
}

  #select-make {
    padding: 16px 138px;
    font-size: 20px;
    border: 1px solid #adadad;
    border-radius: 10px;
  }
  
  .make {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}

.brow-veh {
  font-size: 15px !important;
}

  .product-head h2 {
    font-size: 25px;
    padding-bottom: 0;
    font-weight: 600;
  }
  
    .choose-head p {
    width: 500px;
    font-size: 18px;
    margin: 20px auto 0;
  }
  
    .about-cont h2 {
    font-size: 40px;
    text-align: center;
  }
  
   .about-cont p {
    font-size: 15px;
    width: 500px;
    text-align: center;
  }
  
   .about-cont .car-icon-2 {
    margin-top: 40px;
    padding: 0 0 45px;
  }
  
    .slide-1 {
    margin: 0 10px 0;
    padding: 0px;
    height: 650px;
  }
  
  .rewards p {
  color: black;
  font-size: 16px;
  width: 370px !important;
  text-align: center;
}

.rewards {
  text-align: center;
}

.roll-royce {
  display: none;
}

  .manage-booking {
    position: relative;
    left: 2px;
    top: 6px;
    text-align: end;
    width: 516px;
    padding: 20px 0 20px;
    margin: 15px 0 20px;
  }
  
    .manage-booking {
    position: relative;
    left: 2px;
    top: 6px;
    text-align: end;
    width: 516px;
    padding: 20px 0 20px;
    margin: 15px 0 20px;
    text-align: center;
  }
  
  .manage-booking p {
  color: #fff;
  font-size: 14px;
  text-align: center;
}

 .choose-us .car-icon {
    padding: 20px 0px 10px;
    height: 400px;
    margin: 20px 0 0;
  }
  
  .service-footer {
  text-align: center;
  padding: 30px 0 0;
}

.double {
  display: flex;
  /*gap: 25rem;*/
  flex-direction: column;
  justify-content: center;
}

.d-1 p {
  font-size: 15px;
  padding: 18px 0 0;
  color: white;
  font-weight: 600;
  text-align: center;
}

 .d-2 {
    width: 86%;
  }
  
  .match {
  text-align: center;
  padding: 0 0 20px;
}

.car-cat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
}

 .car-main2 {
    margin: 30px 0;
    display: flex;
    flex-direction: column;
  }

    
}

@media screen and (max-width: 430px) {
    
    .logo {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  flex-direction: column;
}

.browse-vehicle::after {
    content: '';
    position: absolute;
    width: 85%;
    height: 210px;
    background: #d40000;
    z-index: -1;
    top: -15px;
    left: 34px;
  }

 .logo img {
    width: 100%;
    max-width: 200px;
    padding: 0 0 20px;
  }
  
  .logo {
  text-align: center;
}

  .banner-content h3 {
    font-size: 25px;
    font-weight: 600;
  }
  
   .banner-content h2 {
    font-size: 25px;
    font-weight: 600;
  }
  
    input#start {
    padding: 15px 125px;
    font-size: 15px;
    border: 1px solid #adadad;
    border-radius: 10px;
    /*position: relative;*/
    /*left: 8%;*/
  }
  
    #drop {
    padding: 15px 120px;
    font-size: 15px;
    border: 1px solid #adadad;
    border-radius: 10px;
    /*position: relative;*/
    /*left: 10%;*/
  }
  
   #select-make {
    padding: 16px 110px;
    font-size: 20px;
    border: 1px solid #adadad;
    border-radius: 10px;
  }
  
   .choose-head p {
    width: 400px;
    font-size: 18px;
    margin: 20px auto 0;
  }
  
   .product-head h2 {
    font-size: 22px;
    padding-bottom: 0;
    font-weight: 600;
  }
  
   .about-cont p {
    font-size: 15px;
    width: 410px;
    text-align: center;
  }
  
  .car-icon-2 img {
  width: 100%;
}

  .manage-booking {
    position: relative;
    left: 2px;
    top: 6px;
    text-align: end;
    width: 406px;
    padding: 20px 0 20px;
    margin: 15px 0 20px;
    text-align: center;
  }
  
   .d-2 {
    width: 102%;
    padding: 0 0 0;
  }
  
    .d-1 p {
    font-size: 14px;
    padding: 18px 0 0;
    color: white;
    font-weight: 600;
    text-align: center;
  }
  
    .d-2 ul {
    display: flex;
    gap: 10px;
    justify-content: end;
    position: relative;
    left: -5%;
  }
  
  .question p {
  font-size: 14px;
}

.btn.btn-primary.btn-2 {
  width: 40% !important;
}
  
    
}



/*RESPONSIVE__ENDS__FROM__HERE*/





/*MOBILE__HAMBURGER__MENUE*/


/* The sidebar menu */
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s; /* If you want a transition effect */
  /*padding: 20px;*/
  margin: 20px 0 0;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
.mobile-hamburger-menue {
  display: none;
}




/*MOBILE__HAMBURGER__MENUE*/