body {

  margin: 0;

  padding: 0;

  overflow-x: hidden;

 

}

#hero { background-color: #ffeaf3; color: #872748; }

#hero .arrow-box    { background-color: #ffffff; }

#hero .arrow {

    border-color: #2c2f34 transparent transparent transparent;

}



#one                  { background-color: #ffffff; }

#one .arrow-box {

    background-color: #ececec;

}

#one .arrow {

    border-color: #ffffff transparent transparent transparent;

}



#two {

    background-color: #ececec;

}

#two .arrow-box     { background-color: #ffffff; }

#two .arrow {

    border-color: #ececec transparent transparent transparent;

}



#three {

    background-color: #ffffff;

}

#three .arrow-box {
	background-color: #040402;
}



#three .arrow {

    border-color: #ffffff transparent transparent transparent;

}





/*#Four {*/

/*    background-color: #ffffff;*/
/*    display:none;*/

/*}*/

/*#Four .arrow-box {*/

/*    background-color: #040402;*/

/*}*/



/*#Four .arrow {*/

/*    border-color: #ececec transparent transparent transparent;*/

/*}*/



#Five .arrow {

    border-color: #040402 transparent transparent transparent;

}

#Five .arrow-box {

    bottom: -20px;

    background: #040402;

}

#footer             { background-color: rgba(0,0,0,0.5); color: #ff2b63; }



/*¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ navigation ¶¶¶¶¶¶*/

#nav-container {

  position: fixed;

  left: 1em;

  top: 50%;

  transform: translateY(-50%);

  z-index: 99;

}

#menu {

  display: block;

  list-style-type: none;

  margin-left: -2.5em;

}

#menu li a {

  border: 2px solid #fff;

  border-radius: 50%;

  box-sizing: border-box;

  display: block;

  flex-direction: column;

  height: 15px;

  margin: 1.5em 0;

  width: 15px;

}

#nav { display: none; }

.link {

  border: 2px solid #fff;

  border-radius: 50%;

  box-sizing: border-box;

  display: block;

  color: #fff;

  height: 15px;

  margin: 1.5em 0;

  width: 15px;

}

.link-active {background-color: #fff;}

@media screen and (max-width: 1024px) {

  #nav { display: block; }

  #menu { display: none; }

}

#fullpage {

  position: relative;

  width: 100%;

}

.section {  

  align-items: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100vh;

  position: relative;

  width: 100%;

}

.section > p, .section h1 {

  max-width: 800px;

  padding: 0.5em;

}

.section p { width: 80%; }

.arrow-box {

  bottom: 0;

  height: 20px;

  position: absolute;

  width: 100%;

}

.arrow {  

  border-style: solid;

  border-width: 15px 15px 0 15px;

  height: 0;

  margin: 0 auto;

  width: 0;

}

.icon-box {

  align-items: center;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.icon {

  align-items: center;

  border: 2px solid #fff;

  box-sizing: border-box;

  border-radius: 50%;

  cursor: pointer;

  display: flex;

  font-size: 3em;

  justify-content: center;

  height: 100px;

  margin: 0.3em;

  width: 100px;

}

.icon:hover {

  transform: scale(1.5);

}





.three-text-wrapper {

  align-items: center;

  display: flex;

  flex-direction: column;

  height: 80vh;

  justify-content: center;

}

#footer {

  align-items: center;

  display: flex;

  height: 20vh;

  width: 100%;

}

#footer p {

  margin: auto;

}

#link {

  bottom: 20px;

  color: #fff;

  opacity: 0.6;

  display: flex;

  align-items: center;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

#link p {font-size: 0.8em; margin: 0; margin-left: 5px;}

#link:hover {opacity: 1;}



a:hover{

    text-decoration: none !important;

}

/*============ Header Css Start ==============*/



.main_header_area {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 9999;

    background: #fff;

}

.header_inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 60px;

    padding: 0 100px;

}

.logo_area img {

    width: 130px;

}

.menu_area ul {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    padding: 0;

    margin: 0;

}

.menu_area ul li {

    list-style: none;

}

.menu_area ul li a {

    color: #000;

    font-size: 15px;

    font-weight: 500;

    padding: 0 25px;

    transition: ease-in-out 0.6s;

}

.head_button a {

    background: #E4632C;

    width: 145px;

    height: 41px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50px;

    color: #fff;

    border: 1px solid #E4632C;

    transition: ease-in-out 0.6s;

}

.head_button a:hover {

    background: transparent;

    color: #E4632C;

    transition: ease-in-out 0.6s;

}

.banner_text {

    position: absolute;

    text-align: center;

}

.banner_text h3 {

    font-size: 40px;

    color: #fff;

    font-weight: 600;

}

.banner_text h2 {

    font-size: 54px;

    color: #fff;

    font-weight: 700;

}

.banner_text p {

    font-size: 19px;

    color: #fff;

    text-align: center;

    margin: 27px auto 24px;

}

.banner_text a {

    background: #E4632C;

    width: 161px;

    height: 49px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50px;

    color: #fff;

    margin: 0 auto;

    border: 1px solid #E4632C;

    transition: ease-in-out 0.6s;

}

.banner_text a:hover {

    background: transparent;

    color: #E4632C;

    transition: ease-in-out 0.6s;

}



/*=========== Header Css End ============*/





/*========== About Us Section Css Start ===========*/



.about_main_area {

    padding: 0 100px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.about_left h3 {

    color: #E4632C;

    font-weight: 700;

    margin: 0 0 8px;

    font-size: 20px;

}

.about_left h2 {

    font-size: 44px;

    color: #171717;

    font-weight: 700;

    margin: 0 0 25px;

}

.about_left p {

    font-size: 18px;

}

.about_right {

    width: 50%;

}

.about_right img {

    width: 100%;

}

.about_left {

    width: 65%;

}



/*========== About Us Section Css End ===========*/







/*========== Service Section Css Start ===========*/



.main_service_area {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}

.service_section_main {

    padding: 0 100px;

}

.single_service img {

    width: 100%;

    transform: scale(1);

    transition: ease-in-out 0.6s;

    border-radius: 25px;

}

.single_service {

    width: 33%;

    margin: 0 22px 22px;

    position: relative;

    overflow: hidden;

    border-radius: 40px;



}

.single_service:hover img {

    transform: scale(1.5);

    transition: ease-in-out 0.6s;

}

.overlay {

    background: rgba(0, 0, 0, 0.6);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.service_over_text {

    position: absolute;

    bottom: 35px;

    left: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    padding: 0 47px;

}

.service_sec_title h3 {

    font-size: 20px;

    color: #E4632C;

    font-weight: 700;

    margin: 0;

}

.service_sec_title h2 {

    font-size: 44px;

    color: #1A1A1A;

    font-weight: 700;

    margin: 5px 0 60px;

    line-height: 45px;

}

.service_sec_title {

    text-align: center;

}

.service_over_text h3 {

    font-size: 21px;

    color: #fff;

    font-weight: 600;

}

.service_over_text a {

    background: #E4632C;

    color: #fff;

    padding: 9px 21px;

    border-radius: 50px;

    border: 1px solid #e4632c;

    transition: ease-in-out 0.6s;

}

.service_over_text a:hover {

    background: transparent;

    color: #E4632C;

    transition: ease-in-out 0.6s;

}







/*========== Service Section Css End ===========*/







/*========== Car Section Css Start ===========*/



.slider-container {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

    max-width: 105rem;

    border: 1px white solid;

    /* background-color: black; */

}



.title-of-slider {

  font-weight: 300;

  letter-spacing: 0.5rem;

  width: max-content;

  align-self: flex-start;

  color: var(--color-2);

  font-size: clamp(1rem, 4.5vw, 2rem);

  display: flex;

  flex-direction: column;

}



.title-of-slider > span {

  font-weight: 700;

}



#image-container {

  display: flex;

  gap: 0.5rem;

  /* background-color: red; */

  width: 100%;

  padding: 0.5rem 0;

  overflow: hidden;

}



.model-images {

  flex: none;

  width: 18%;

  translate: calc(-100% - 0.5rem);

  border: 1px solid #ccc;

  padding: 30px;

  border-radius: 30px;

/*  transition: ease-in-out 0.6s;*/

}

.model-images:hover {

    box-shadow: 0 14px 11px -14px #000;

    transition: ease-in-out 0.6s;

    cursor: pointer;

}

.button-container {

    display: grid;

    column-gap: 0.1rem;

    width: 100%;

    gap: 0.5rem;

    justify-content: center;

    margin: 30px 0 0;

}



.button-container > button {

    position: relative;

    border: 0.1rem var(--color-2) solid;

    border-radius: 50%;

    width: 2.5rem;

    aspect-ratio: 1 / 1;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #2d2d2d;

    cursor: pointer;

}



#left-arrow {

  grid-column: 1;

  grid-row: 1;

}



#right-arrow {

  grid-column: 2;

  grid-row: 1;

}



#right-arrow:before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

}



#left-arrow:before {

  position: absolute;

  content: "";

  width: 100%;



  height: 100%;

  border-radius: 50%;

}



.button-container button > svg {

    width: 53%;

    height: auto;

}



#right-arrow svg {

  transform: rotate(180deg);

}

.amount_and_btn a svg {

    width: 20px;

}

.model-images img {

    width: 50%;

    margin: 0 0 12px;

}

.model-images h4 {

    background: #eaeaea;

    display: inline-block;

    font-size: 15px;

    font-weight: 600;

    padding: 10px 21px;

    border-radius: 50px;

}

.model-images h2 {

    font-size: 25px;

    font-weight: 600;

    margin: 10px 0 13px;

    color: #000;

}

.cars_spec_sing h3 {

    font-size: 17px;

    font-weight: 500;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.amount_and_btn {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 24px 0 0;

}

.amount_and_btn h5 {

    margin: 0;

    font-size: 23px;

    font-weight: 700;

    color: #000;

}

.amount_and_btn h5 span {

    font-size: 14px;

    font-weight: 400;

}

.amount_and_btn a {

    background: #e4632c;

    width: 45px;

    height: 45px;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    transform: rotate(-38deg);

    transition: ease-in-out 0.4s;

}

.amount_and_btn:hover a {

    transform: rotate(0deg);

    transition: ease-in-out 0.4s;

}

.amount_and_btn a svg {

    fill: #fff;

    width: 20px;

}





/*========== Car Section Css End ===========*/







/*========== Testimonials Section Css Start ===========*/



.shadow-effect {

    padding: 0;

    border-radius: 0;

    text-align: left;

}

#customers-testimonials .shadow-effect p {

    font-family: inherit;

    font-size: 18px;

    line-height: 1.5;

    margin: 0 0 17px 0;

    font-weight: 400;

    width: 100%;

}



#customers-testimonials .item {

    text-align: center;

    padding: 50px;

        margin-bottom:80px;

    opacity: .2;

    -webkit-transform: scale3d(0.8, 0.8, 1);

    transform: scale3d(0.8, 0.8, 1);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#customers-testimonials .owl-item.active.center .item {

    opacity: 1;

    -webkit-transform: scale3d(1.0, 1.0, 1);

    transform: scale3d(1.0, 1.0, 1);

}

.owl-carousel .owl-item img {

    transform-style: preserve-3d;

    max-width: 90px;

    margin: 0 auto 17px;

}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {

    background: #E4632C;

    transform: translate3d(0px, -50%, 0px) scale(0.7);

}

#customers-testimonials.owl-carousel .owl-dots{

    display: inline-block;

    width: 100%;

    text-align: center;

}

#customers-testimonials.owl-carousel .owl-dots .owl-dot{

    display: inline-block;

}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {

    background: #E4632C;

    display: inline-block;

    height: 20px;

    margin: 0 2px 5px;

    transform: translate3d(0px, -50%, 0px) scale(0.3);

    transform-origin: 50% 50% 0;

    transition: all 250ms ease-out 0s;

    width: 20px;

}





.testimonials {

    width: 100%;

    padding: 0 100px;

}

.review_stars svg {

    width: 19px;

    fill: #e4632c;

}

.review_stars {

    text-align: left;

    margin: 0 0 8px;

}

.testimonial-name img {

    margin: 0 !important;

    border-radius: 50px;

    width: 60px !important;

    height: 60px;

}

.testimonial-name {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin: 31px 0 0;

}

.testimonial-name h4 {

    margin: 0 0 0 15px;

    font-size: 21px;

    font-weight: 600;

    text-align: left;

}

.testimonial-name h4 span {

    display: block;

    font-size: 15px;

    text-align: left;

    color: #757575;

    font-weight: 400;

    margin: 4px 0 0;

}

/*#Four {*/

/*    background: #ececec;*/

/*}*/







/*========== Testimonials Section Css End ===========*/





/*========== Footer Section Css Start ===========*/



#Five {

    background: #040402;

    height: 46vh !important;

    padding: 0 100px;

}

.footer_main_sect {

    display: flex;

    justify-content: space-between;

    width: 100%;

}

.logo_foot {

    background: #fff;

    width: 260px;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 106px;

    border-radius: 15px;

    margin: 0 0 21px;

}

.foot_single p {

    color: #fff;

    font-size: 18px;

    width: 76%;

}

.foot1 {

    width: 26%;

}

.foot2, .foot3, .foot4 {

    width: 24%;

}

.foot_single h3 {

    font-size: 20px;

    color: #fff;

    margin: 0 0 25px;

    font-weight: 600;

}



.foot_single ul li {

    list-style: none;

}

.foot_single ul {

    margin: 0;

    padding: 0;

}

.foot_single ul li a {

    color: #fff;

    font-size: 15px;

    padding: 0 0 12px;

    display: block;

}

.foot4 form {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.foot4 form input {

    width: 100%;

    height: 50px;

    background: #282828;

    border: 0;

    border-radius: 50px;

    padding: 0 28px;

    color: #fff;

}

.foot4 form button svg {

    width: 17px;

    fill: #fff;

}

.foot4 form button {

    width: 57px;

    height: 50px;

    border-radius: 50px;

    background: #e4632c;

    border: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    transform: rotate(-42deg);

    transition: ease-in-out 0.4s;

    cursor: pointer;

}

.foot4 form button:hover {

    transform: rotate(0deg);

    transition: ease-in-out 0.4s;

}

.copyright {

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 57px 0 0;

    border-top: 1px solid #202020;

    padding: 23px 0 0;

}

.copyright p {

    margin: 0;

    color: #7b7b7b;

}

.copyright p:nth-child(2) {

    text-align: right;

}

.copyright p:nth-child(2) a {

    color: #fff;

}









/*========== Footer Section Css End ===========*/







/*========== Card page Css Start ===========*/



.inner_pages_banner {
    margin: 83px 100px 0;
    border-radius: 41px;
    overflow: hidden;
    height: 220px;
    position: relative;
}

.inner_pages_banner img {

    width: 100%;

    position: relative;

    bottom: 130px;

}

.inn_ban_overlay {

    background: rgba(0, 0, 0, 0.4);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.inn_ban_cont {
    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
}

.inn_ban_cont h3 {

    font-size: 73px;

    color: #fff;

    font-weight: 600;

    margin: 0;

}

.brodcam ul {

    padding: 0;

    margin: 0;

    display: flex;

    justify-content: center;

}

.brodcam ul li {

    list-style: none;

}

.brodcam ul li a {

    color: #fff;

    font-size: 20px;

}

.brodcam ul li p {

    color: #e4632c;

    font-size: 20px;

    margin: 0 0 0 7px;

}

.model-images2 {

    width: 24%;

    border: 1px solid #ccc;

    border-radius: 15px;

    padding: 25px;

    margin: 0 0 22px;

}

.model-images2 img {

    width: 50%;

    margin: 0 0 12px;

}

.model-images2 h4 {

    background: #eaeaea;

    display: inline-block;

    font-size: 15px;

    font-weight: 600;

    padding: 10px 21px;

    border-radius: 50px;

}

.model-images2 h2 {

    font-size: 25px;

    font-weight: 600;

    margin: 10px 0 13px;

    color: #000;

}

.carpage_listing {

    padding: 70px 100px;

}

.carpage_listing_inn {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.model-images2 {

    width: 24%;

}

.carpage_listing_inn {

    display: flex;

    justify-content: space-between;

}

.car_list_filter {

    width: 13%;

}

.car_list_all {

    width: 86%;

    border-left: 1px solid #ccc;

    padding: 0 0 0 70px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.car_list_filter h3 {

    font-size: 25px;

    font-weight: 600;

    margin: 0 0 26px;

}

.car_list_filter input {

    width: 21px;

    height: 21px;

}

.car_list_filter label {

    margin: 0 0 14px 6px;

    position: relative;

    bottom: 4px;

    font-size: 18px;

}

.brodcam ul li:nth-child(2) a {

    padding: 0 0 0 7px;

}

.cars_spec_sing h3 img {

    width: 19px;

}

.cars_spec_sing h3 img {

    width: 19px;

    margin: 0 4px 0 0;

}







/*========== Cars page Css End ===========*/





/*========== Cars Details page Css Start ===========*/



.car_detailspage {

    padding: 70px 300px;

}

.car_detailspage_inn {

    display: flex;

    justify-content: space-between;

}

.car_detailspage_right {

    width: 70%;

}

.car_detailspage_left {

    width: 24%;

}

.car_detailspage_left h2 {

    font-size: 46px;

    font-weight: 700;

    margin: 0 0 27px;

    border-bottom: 1px solid #dfdfdf;

    padding: 0 0 23px;

}

.car_detailspage_left h2 span {

    font-size: 19px;

    color: #757575;

    font-weight: 400;

}

.cardetl_option .cars_spec_sing h3 {

    font-size: 19px;

    color: #222;

    font-weight: 500;

    padding: 0 0 23px;

}



/*---- Car Slider Start ----*/



#slider {

    text-align: center;

    margin: 0 auto;

    border-radius: 40px;

    overflow: hidden;

    position: relative;

    height: 500px;

}



#overflow {

  width: 100%;

  overflow: hidden;

}



#slides .inner {

  width: 400%;

}



#slides .inner {

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -o-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);



  -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);



  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);

  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);

}



#slides img {
	width: 25%;
	float: left;
	position: relative;
	bottom: 57px;
}



#slide1:checked ~ #slides .inner {

  margin-left: 0;

}



#slide2:checked ~ #slides .inner {

  margin-left: -100%;

}



#slide3:checked ~ #slides .inner {

  margin-left: -200%;

}



#slide4:checked ~ #slides .inner {

  margin-left: -300%;

}



#slider input[type="radio"] {

  display: none;

}



#slider label {

  background: #CCC;

  display: inline-block;

  cursor: pointer;

  width: 10px;

  height: 10px;

  border-radius: 5px;

}



#slide1:checked ~ .slide_labl label[for="slide1"], #slide2:checked ~ .slide_labl label[for="slide2"], #slide3:checked ~ .slide_labl label[for="slide3"], #slide4:checked ~ .slide_labl label[for="slide4"] {

    background: #e4632c;

}

.slide_labl {

    position: absolute;

    bottom: 0;

    text-align: center;

    margin: 0 auto;

    left: 0;

    right: 0;

    bottom: 21px;

}



/*---- Car Slider End ----*/



.cardtl_spc {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

.cardtl_spc_left {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    width: 50%;

}

.cardtl_spc_right {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    width: 50%;

}

.cardtl_spc {

    border-top: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

    margin: 22px 0 0;

    padding: 17px 32px;

}

.cardtl_spc_left_cont h3 {

    font-size: 20px;

    font-weight: 600;

    color: #000;

    margin: 0;

}

.cardtl_spc_left_cont p {

    margin: 3px 0 0;

    font-size: 15px;

    color: #6c6c6c;

}

.cardtl_spc_left svg {

    margin: 0 12px 0 0;

}

.cardtl_spc_right svg {

    margin: 0 12px 0 0;

    width: 31px;

}

.genarel_info {

    margin: 35px 0 0;

}

.genarel_info h4 {

    margin: 0 0 4px;

    color: #e4632c;

    font-size: 20px;

    font-weight: 600;

}

.genarel_info h2 {

    margin: 0 0 10px;

    font-size: 30px;

    font-weight: 700;

    color: #242424;

}

.genarel_info ul {

    margin: 0;

    padding: 0;

}

.genarel_info ul li {

    list-style: none;

}

.genarel_info ul li p {

    margin: 0;

    font-size: 19px;

    font-weight: 500;

    color: #000;

    padding: 0 0 4px;

}

.genarel_info ul li p img {

    width: 24px;

    margin: 0 3px 0 0;

}

/*.genarel_info.rental_cond {*/

/*    border-top: 1px solid #e6e6e6;*/

/*    padding: 29px 0 0;*/

/*}*/

.genarel_info.rental_cond ul {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    margin: 24px 0 0;

}

.genarel_info.rental_cond ul li p {

    background: #e8e8e8;

    padding: 8px 21px;

    border-radius: 50px;

    margin: 7px 5px;

    font-size: 16px;

}

.inner_footer {

    background: #000;

    padding: 70px 100px 25px;

}

.dtl_bookbtn {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-top: 1px solid #dfdfdf;

    margin: 14px 0 0;

    padding: 30px 0 0;

}

.bookbtn_left {

    width: 61%;

}

.bookbtn_right {

    width: 29%;

}

.bookbtn_left a {

    width: 100%;

    height: 55px;

    border-radius: 50px;

    border: 0;

    background: #e4632c;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 21px;

    transition: ease-in-out 0.6s;

}

.bookbtn_left a span svg {

    width: 20px;

}

.bookbtn_left a span {

    background: #fff;

    width: 45px;

    height: 45px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50px;

    position: relative;

    left: 16px;

    transform: rotate(-37deg);

    transition: ease-in-out 0.6s;

}

.bookbtn_left:hover button span {

    transform: rotate(0deg);

}

.bookbtn_left:hover button {

    background: #000;

    transition: ease-in-out 0.6s;

}

.bookbtn_left a {

    width: 100%;

    height: 55px;

    border-radius: 50px;

    border: 0;

    background: #e4632c;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 21px;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    cursor: pointer;

}

.bookbtn_right {

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.bookbtn_right a svg {

    width: 24px;

    fill: #fff;

}

.bookbtn_right a {

    background: #e4632c;

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0;

    border-radius: 50px;

}

.bookbtn_right h3 {

    margin: 0 0 0 0;

    font-size: 19px;

    font-weight: 600;

    position: relative;

    right: 21px;

    color: #6c6c6c;

}







/*========== Cars Details page Css End ===========*/







/*========== Cars Service page Css Start ===========*/



.car_service_page {

    padding: 70px 100px;

}

.car_service_page .service_section_main {

    padding: 0;

}









/*========== Cars Service page Css End ===========*/





/*========== Cars Contact page Css Start ===========*/



.car_contact_page {

    padding: 70px 300px;

}

.contact_page_left {
    width: 40%;
    background: #040401;
    border-radius: 30px;
    padding: 35px 35px 50px;
    position: relative;
    overflow: hidden;
    height: 518px;
}

.contact_page_left h2 {

    font-size: 40px;

    margin: 0 0 13px;

    color: #fff;

    font-weight: 600;

}

.contact_page_left h4 {

    font-size: 17px;

    color: #fff;

    margin: 0 0 58px;

}

.contact_page_left ul {

    padding: 0;

    margin: 0 0 50px;

}

.contact_page_left ul li {

    list-style: none;

    padding: 0 0 15px;

}

.contact_page_left ul li a svg {

    width: 28px;

    margin: 0 16px 0 0;

}

.contact_page_left ul li a {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    color: #fff;

}





.contact_page_left ul li p svg {

    width: 28px;

    margin: 0 16px 0 0;

}

.contact_page_left ul li p {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    color: #fff;

}

.social_links_contact a svg {

    fill: #fff;

    width: 16px;

}

.social_links_contact a:nth-child(1) svg {

    width: 10px;

}

.social_links_contact a {

    border: 2px solid #ccc;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    margin: 0 11px 0 0;

}

.social_links_contact {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

.cercle1 {

    width: 300px;

    height: 300px;

    display: block;

    background: #1c1c1c;

    border-radius: 50%;

    position: absolute;

    bottom: -128px;

    right: -105px;

}

.cercle2 {

    width: 150px;

    height: 150px;

    display: block;

    background: #333;

    border-radius: 50%;

    position: absolute;

    bottom: 68px;

    right: 46px;

    opacity: 0.6;

}

.contact_page_inn {

    display: flex;

    justify-content: space-between;

}

.contact_page_right {

    width: 56%;

}

.frm_grp lable {

    display: block;

    width: 100%;

}

.frm_grp input {

    width: 100%;

    border: 0;

    border-bottom: 1px solid #dfdfdf;

    height: 50px;

    margin: 2px 0 0;

}

.frm_grp {

    display: flex;

    justify-content: space-between;

}

.frm_grp .first_name {

    width: 48%;

    margin: 0 0 30px;

}



.message_inp lable {

    display: block;

    width: 100%;

}

.message_inp textarea {

    width: 100%;

    border: 0;

    border-bottom: 1px solid #dfdfdf;

    height: 150px;

    margin: 11px 0 0;

}

.submit_btn input {

    width: 200px;

    height: 56px;

    background: #e4632c;

    border-radius: 50px;

    border: 0;

    color: #fff;

    font-size: 17px;

    margin: 30px 0 0;

    border: 1px solid #e4632c;

    cursor: pointer;

    transition: ease-in-out 0.6s;

}

.submit_btn input:hover {

    background: transparent;

    transition: ease-in-out 0.6s;

    color: #e4632c;

}

.loc_map iframe {

    width: 100%;

    height: 500px;

    border-radius: 50px;

    border: 0;

}

.loc_map {

    margin: 50px 100px 70px;

}

.location_main {

    padding: 70px 0 0;

}







/*========== Cars Contact page Css End ===========*/





/*========== Cars About page Css Start ===========*/



.about_page_area {

    padding: 80px 0;

}



.about_inn_tab_inner .nav-tabs {

    display: flex;

    padding: 0;

    border: 0;

    justify-content: center;

}

.about_inn_tab_inner .nav-tabs li {

  border: 1px solid #ddd;

  list-style: none;

}



.about_inn_tab_inner .tab {

    padding: 0.5rem 27px;

    cursor: pointer;

    border-radius: 50px;

    margin-right: 0.5rem;

    transition: all 0.3s ease 0s;

}



.about_inn_tab_inner .tab.is-active {

    background: #e4632c;

    color: #fff;

    border: 1px solid #e4632c;

}



.about_inn_tab_inner .tab-panel {

  display: none;

}

.about_inn_tab_inner .tab-panel p {

  line-height: 1.6;

}

.about_inn_tab_inner .tab-panel.is-active {

  display: block;

}

.about_inn_tab_inner {

    padding: 0 100px 80px;

}

.miss_viss_tab {

    display: flex;

    justify-content: space-between;

    padding: 41px 100px 0;

}

.miss_viss_tab_left ul {

    margin: 0;

    padding: 0;

}

.miss_viss_tab_left ul li {

    list-style: none;

}

.miss_viss_tab_left ul li p {

    margin: 0;

    font-size: 19px;

    font-weight: 500;

    color: #000;

    padding: 0 0 4px;

}

.miss_viss_tab_left ul li p img {

    width: 24px;

    margin: 0 3px 0 0;

}

.miss_viss_tab_left h3 {

    font-size: 20px;

    color: #E4632C;

    font-weight: 700;

    margin: 0;

}

.miss_viss_tab_left h2 {

    font-size: 44px;

    color: #1A1A1A;

    font-weight: 700;

    margin: 5px 0 24px;

    line-height: 45px;

    width: 87%;

}

.miss_viss_tab_left {

    width: 50%;

}

.miss_viss_tab_right {

    width: 50%;

    margin: 0 0 0 100px;

}

.miss_viss_tab_right img {

    width: 100%;

    border-radius: 50px;

    height: 500px;

    object-fit: cover;

}

.about_main_area .about_left {

    margin: 0 50px 0 0;

}













































/*========== Cars About page Css End ===========*/





.close_menu {

    display: none;

}

.togglemenu {

    display: none;

}

textarea:focus, input:focus{

    outline: none;

}

button:focus { outline: 0 !important;border:none !important; }

.menu_area ul li a:hover {

    color: #e4632c;

    transition: ease-in-out 0.6s;

}

.menu_area ul li.active a {

    color: #e4632c;

}

button:active {

    outline: none !important;

    border: none !important;

}
.tnp-submit {
    width: 123px !important;
    background: #e4632c !important;
}
.car_list_filter button {
    background: #e4632c;
    padding: 6px 25px;
    color: #fff;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
}
.car_list_filter a {
    background: #666;
    padding: 6px 18px;
    color: #fff;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
}
.car_list_filter a:hover{
    color: #fff;
}
.bookbtn_left a:hover {
    color: #fff;
}
.crtyp_main {
    margin: 0 0 15px;
}

.message_inp select {
    width: 100%;
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #dfdfdf;
    height: 50px;
    background: transparent;
    padding: 0;
    margin: 0 0 30px;
}
.message_inp.driv_lice lable {
    margin: 0 0 17px;
}
.codedropz-upload-inner h3 {
    font-size: 14px !important;
    line-height: 22px !important;
}
.codedropz-btn-wrap a {
    color: #e4632c;
}

















































/*================############### Responsive Css Start ###############=================*/

@media screen and (max-width: 1600px) {
 #slides img {
	bottom: 0px;
}   
    
    
}



@media screen and (max-width: 1540px) {
.car_list_filter {
    width: 20%;
}
.car_list_all {
    width: 80%;
    padding: 0 0 0 35px;
}
.single_service {
    height: 225px;
}
.single_service img {
    object-fit: cover;
}
.inn_ban_cont h3 {
    font-size: 50px;
}
.inner_pages_banner {
    height: 190px;
}
.inn_ban_cont {
    top: 22%;
}




.model-images2 h2 {

    font-size: 19px;

}

.about_left p {

    font-size: 15px;

}

.about_left h2 {

    font-size: 30px;

    margin: 0 0 13px;

}

.about_left h3 {

    margin: 0 0 3px;

    font-size: 17px;

}

.service_sec_title h2 {

    font-size: 30px;

    margin: 5px 0 35px;

    line-height: 33px;

}

.service_sec_title h3 {

    font-size: 17px;

}

.service_sec_title {

    padding: 42px 0 0;

}

.service_sec_title h2 br {

    display: none;

}

.slider-container {

    max-width: 85rem;

}

.model-images {

    width: 24%;

}

.model-images h2 {

    font-size: 20px;

}

.model-images h4 {

    font-size: 13px;

    padding: 6px 12px;

}

.amount_and_btn a {

    width: 37px;

    height: 37px;

}

.amount_and_btn a svg {

    width: 15px;

}

.button-container {

    margin: 17px 0 0;

}

#customers-testimonials .item {

    padding: 20px;

    margin-bottom: 20px;

}

#customers-testimonials .shadow-effect p {

    margin: 0 0 17px 0;

    width: 100% !important;

    font-size: 16px;

}

.copyright {

    margin: 14px 0 0;

    padding: 11px 0 0;

}

#Five {

    height: 55vh !important;

}

.logo_foot img {

    width: 150px;

}

.logo_foot {

    width: 191px;

    height: 79px;

    border-radius: 10px;

}

.foot1 {

    width: 42%;

}

.foot4 {

    width: 32%;

}

.foot4 form button {

    width: 61px;

}

#hero .arrow {

    border-color: #141513 transparent transparent transparent;

}

.car_detailspage {

    padding: 70px 200px;

}

#slides img {

    bottom: 27px;

}

.bookbtn_left a {

    height: 48px;

    padding: 0 22px;

    font-size: 16px;

}

.bookbtn_left a span {

    width: 38px;

    height: 38px;

    left: 16px;

}

.bookbtn_right a {

    width: 44px;

    height: 44px;

}

.car_contact_page {

    padding: 70px 200px;

}















}





@media screen and (max-width: 1366px) {

.slider-container {

    max-width: 75rem;

}

.inner_pages_banner {
    margin: 78px 80px 0;
    height: 200px;
}
.inn_ban_cont {
    top: 22%;
}

.inner_pages_banner img {

    bottom: 99px;

}

.inn_ban_cont h3 {

    font-size: 55px;

}

.brodcam ul li a {

    font-size: 17px;

}

.brodcam ul li p {

    font-size: 17px;

}

.header_inner {
    padding: 0 50px;
}
.frm_grp .first_name {
    margin: 0 0 10px;
}
.carpage_listing {
    padding: 70px 50px;
}
.message_inp select {
    margin: 0 0 7px;
}
.message_inp textarea {
    height: 110px;
}
.car_list_filter button {
    padding: 6px 22px;
}
.car_list_filter a {
    padding: 6px 14px;
}
.car_list_all {

    width: 83%;

    padding: 0 0 0 40px;

}

.car_list_filter {

    width: 16%;

}

.model-images2 {

    padding: 18px;

}

.model-images2 h4 {

    font-size: 14px;

    padding: 8px 18px;

}

.model-images2 h2 {

    font-size: 18px;

}

.cars_spec_sing h3 {

    font-size: 15px;

}

.cars_spec_sing h3 img {

    width: 17px;

}

.car_detailspage {

    padding: 70px 80px;

}

.car_service_page {

    padding: 70px 80px;

}

.single_service {

    width: 40%;

    border-radius: 30px;

    height: 180px;

}

.testimonials {

    padding: 0 80px 43px;

}

.car_contact_page {

    padding: 70px 115px;

}

.loc_map {

    margin: 50px 80px 70px;

}

.about_main_area {

    padding: 0 80px;

}

.miss_viss_tab {

    padding: 41px 0 0;

}

.inner_footer {

    padding: 70px 80px 25px;

}

.model-images {

    padding: 23px;

}

.service_sec_title h2 {

    margin: 5px 0 25px;

    line-height: 25px;

}















}





@media screen and (max-width: 1280px) {

.header_inner {

    padding: 0 50px;

}

.logo_area img {

    width: 125px;

}

.menu_area ul li a {

    font-size: 16px;

    padding: 0 23px;

}

.head_button a {

    width: 148px;

    height: 45px;

    font-size: 15px;

}

.about_main_area {

    padding: 0 50px;

}

.about_left p {

    width: 100%;

}

.service_section_main {

    padding: 0 50px;

}

.single_service {

    width: 44%;

    margin: 0 12px 22px;

    border-radius: 25px;

}

.service_over_text {

    bottom: 25px;

    width: 100%;

    padding: 0 26px;

}

.slider-container {

    max-width: 74rem;

}

.testimonials {

    padding: 0 50px;

}

#Five {

    padding: 0 50px;

}

.foot_single h3 {

    font-size: 18px;

    margin: 0 0 21px;

}

.foot_single p {

    font-size: 16px;

    width: 87%;

}

#Five {
    height: 50vh !important;
}
.footer_main_sect {
    padding: 30px 0 0;
}

.inner_pages_banner {
    margin: 79px 50px 0;
    border-radius: 30px;
    height: 175px;
}

.inn_ban_cont h3 {

    font-size: 30px;

}

.brodcam ul li a {

    font-size: 15px;

}

.brodcam ul li p {

    font-size: 15px;

    margin: 0 0 0 7px;

}

.carpage_listing {

    padding: 30px 50px;

}

.car_list_all {

    width: 79%;

    padding: 0 0 0 28px;

}

.car_list_filter {

    width: 20%;

}

.model-images2 {

    width: 32%;

}

.car_detailspage {

    padding: 30px 50px;

}

.car_detailspage_left {

    width: 27%;

}

.car_detailspage_right {

    width: 68%;

}

.cardetl_option .cars_spec_sing h3 {

    font-size: 16px;

    padding: 0 0 15px;

}

.bookbtn_left a {

    padding: 0 15px;

    font-size: 15px;

}

.bookbtn_left a span {

    left: 9px;

}

.bookbtn_right h3 {

    font-size: 17px;

    right: 16px;

}

#slider {

    border-radius: 30px;

    height: 360px;

}

.cardtl_spc {

    margin: 22px 0 0;

    padding: 15px 19px;

}

.cardtl_spc_left_cont h3 {

    font-size: 18px;

}

.cardtl_spc_left_cont p {

    margin: 3px 0 0;

    font-size: 14px;

}

.inner_footer {

    padding: 42px 50px 25px;

}

.car_contact_page {

    padding: 40px 50px;

}

.contact_page_left h2 {

    font-size: 30px;

    margin: 0 0 8px;

}

.contact_page_left h4 {

    font-size: 15px;

}

.contact_page_left ul {

    position: relative;

    z-index: 99;

}

.social_links_contact {

    position: relative;

    z-index: 99;

}

.inn_ban_cont {

    top: 39%;

}

.location_main {

    padding: 0 0 0;

}

.loc_map {

    margin: 29px 50px 46px;

}

.loc_map iframe {

    height: 400px;

    border-radius: 30px;

}

.about_inn_tab_inner {

    padding: 0 50px 40px;

}

.miss_viss_tab {

    padding: 41px 0 0;

}

.miss_viss_tab_left h2 {

    font-size: 30px;

    margin: 5px 0 14px;

    line-height: 34px;

    width: 100%;

}

.miss_viss_tab_left ul li p {

    font-size: 16px;

}

.miss_viss_tab_left ul li p img {

    width: 20px;

}

.miss_viss_tab_right img {

    width: 100%;

    border-radius: 30px;

    height: 390px;

}

.about_page_area {

    padding: 40px 0;

}







}


@media screen and (max-width: 1180px) {
.cars_main_section {
    padding: 0 50px;
}





}

@media screen and (max-width: 1080px) {


.footer_main_sect {
    padding: 0 0 0;
}

.slider-container {

    max-width: 57rem;

}

.button-container button > svg {

    width: 16px;

}
.car_list_filter button {
    display: block;
    margin: 0 0 15px;
}




}



@media screen and (max-width: 820px) {

.car_list_filter button {
    display: block;
    margin: 0 0 16px;
}
.cars_main_section {
    padding: 0 0;
}
.menu_area {

    position: fixed;

    left: -100%;

    top: 0;

    background: #393939;

    height: 100vh;

    width: 100vw;

    padding: 30px 25px;

    transition: ease-in-out 0.6s;

}

.menu_area.menu_area2 {

    left: 0 !important;

    transition: ease-in-out 0.6s;

}

.menu_area ul {

    justify-content: flex-start;

    align-items: flex-start;

    flex-direction: column;

}

.menu_area ul li a {

    padding: 0 0 18px;

    display: block;

    color: #fff;

}

.close_menu {

    position: absolute;

    right: 15px;

    background: #df651b;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    border-radius: 50px;

    top: 15px;

    color: #fff;

    cursor: pointer;

    display: flex;

}

.head_button a {

    width: 124px;

    height: 36px;

    font-size: 14px;

}

.togglemenu {
    display: block;
    margin: 0 0 0 23px;
    cursor: pointer;
}

.mobile_right_head {

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.togglemenu span {

    display: block;

    background: #000;

    width: 25px;

    height: 1.5px;

    border-radius: 50px;

    cursor: pointer;

}

.togglemenu span:nth-child(2) {

    margin: 7px 0;

}

.banner_text h2 {

    font-size: 40px;

}

.banner_text h3 {

    font-size: 30px;

}

#hero img {

    height: 100vh;

    width: 100%;

    object-fit: cover;

}

.about_main_area {

    padding: 0 50px;

    flex-direction: column;

}

.about_main_area .about_left {

    margin: 0 0 0 0;

}

.about_left p {

    width: 100%;

}

.about_left {

    width: 100%;

}

.about_right {

    width: 100%;

}

.about_right img {

    width: 100%;

    height: 371px;

    object-fit: cover;

    border-radius: 25px;

    margin: 18px 0 0;

}

.service_section_main {

    padding: 0 50px;

}

.single_service {

    width: 47%;

    margin: 0 9px 22px;

    border-radius: 25px;

    height: 220px;

}

.single_service img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.service_over_text {

    bottom: 29px;

    width: 100%;

    padding: 0 15px;

}

.service_over_text h3 {

    font-size: 20px;

}

.service_over_text a {

    padding: 8px 14px;

    border-radius: 50px;

    font-size: 15px;

}

.slider-container {

    max-width: 48rem;

}

.model-images {

    width: 32%;

}

.testimonials {

    width: 100%;

    padding: 0 30px;

}

#Five {
    height: 47vh !important;
    padding: 0 50px;
}

.logo_foot img {

    width: 118px;

}

.logo_foot {

    width: 150px;

    height: 65px;

}

.foot_single p {

    font-size: 15px;

    width: 90%;

}

.footer_main_sect {

    flex-wrap: wrap;

}

.foot4 {

    width: 50%;

    margin: 0 0 20px;

}

.foot4 form button {

    width: 60px;

    height: 52px;

}

.header_inner {

    height: 60px;

    padding: 0 50px;

}

.logo_area img {

    width: 120px;

}

.inner_pages_banner {

    margin: 60px 50px 0;

    border-radius: 30px;

    height: 220px;

}

.inner_pages_banner img {

    bottom: 22px;

}

.inn_ban_cont h3 {

    font-size: 30px;

}

.brodcam ul li a {

    font-size: 15px;

}

.brodcam ul li p {

    font-size: 15px;

}

.inn_ban_cont {

    top: 35%;

}

.carpage_listing {

    padding: 30px 50px;

}

.car_list_all {

    width: 74%;

    padding: 0 0 0 26px;

}

.car_list_filter {

    width: 26%;

}

.model-images2 {

    width: 48%;

}

.car_detailspage {

    padding: 30px 50px;

}

.car_detailspage_inn {

    flex-direction: column;

}

.car_detailspage_left {

    width: 100%;

}

.car_detailspage_right {

    width: 100%;

    margin: 48px 0 0;

}

#slider {

    border-radius: 30px;

    height: 370px;

}

#slides img {

    bottom: 99px;

}

.dtl_bookbtn {

    margin: 14px auto auto auto;

    width: 48%;

}

.car_service_page {

    padding: 30px 50px;

}

.car_contact_page {

    padding: 30px 50px;

}

.contact_page_left h2 {

    font-size: 30px;

}

.contact_page_left {

    width: 40%;

    padding: 29px 24px 36px;

}

.social_links_contact {

    position: relative;

    z-index: 99;

}

.contact_page_left ul {

    position: relative;

    z-index: 99;

}

.loc_map {

    margin: 30px 50px 30px;

}

.location_main {

    padding: 0 0 0;

}

.contact_page_left ul li p {

    font-size: 13px;

}

.loc_map iframe {

    height: 400px;

    border-radius: 30px;

}

.about_page_area {

    padding: 30px 0;

}

.service_sec_title h2 {

    margin: 5px auto 35px;

    width: 80%;

}

.about_inn_tab_inner {

    padding: 0 50px 30px;

}

.miss_viss_tab {

    padding: 41px 0 0;

    flex-direction: column;

}

.miss_viss_tab_left {

    width: 100%;

    margin: 0 0 32px;

}

.miss_viss_tab_right {

    width: 100%;

    margin: 0 0 0 0;

}

.miss_viss_tab_right img {

    height: 380px;

    object-fit: cover;

}

.inner_footer {

    background: #000;

    padding: 50px 50px 25px;

}









}



@media screen and (max-width: 768px) {

#Five {

    height: 46vh !important;

}

.slider-container {

    max-width: 43rem;

}



.service_over_text h3 {

    font-size: 18px;

}

















}









@media screen and (max-width: 640px) {


.car_list_filter button {
    display: inline-block;
}
.about_right img {

    height: 200px;

}
.contact_page_left {
    height: 374px;
}



.inner_pages_banner {
    margin: 51px 15px 0;
    border-radius: 25px;
    height: 130px;
}

.inner_pages_banner img {

    bottom: 0px;

}

.inn_ban_cont h3 {

    font-size: 30px;

}

.brodcam ul li a {

    font-size: 15px;

}

.brodcam ul li p {

    font-size: 15px;

}

.carpage_listing {

    padding: 30px 15px;

}

.carpage_listing_inn {

    flex-direction: column;

}

.car_list_filter {

    width: 100%;

}

.car_list_filter h3 {

    font-size: 22px;

}

.crtyp_main {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.crtyp_sing {

    width: 45%;

}

.car_list_all {

    width: 100%;

    border-left: 0;

    padding: 0 0 0 0;

}

.model-images2 {

    width: 49%;

    padding: 15px;

    margin: 10px 0 0;

}

.car_list_filter input {

    width: 18px;

    height: 18px;

}

.car_list_filter label {

    margin: 0 0 10px 6px;

    bottom: 3px;

    font-size: 16px;

}

.model-images2 h4 {

    font-size: 13px;

    padding: 8px 16px;

}

.model-images2 h2 {

    font-size: 17px;

}

.inner_footer {

    background: #000;

    padding: 0 15px 25px;

}

.car_detailspage {

    padding: 30px 15px;

}

.car_detailspage_inn {

    flex-direction: column;

}

.car_detailspage_left {

    width: 100%;

}

.car_detailspage_right {

    width: 100%;

    margin: 50px 0 0;

}

#slider {

    border-radius: 30px;

    height: 200px;

}

.slide_labl {

    bottom: 0;

}

.cardtl_spc {

    margin: 14px 0 0;

    padding: 17px 0;

}

.cardtl_spc_left_cont h3 {

    font-size: 17px;

}

.cardtl_spc_left_cont p {

    margin: 5px 0 0;

    font-size: 14px;

    line-height: 17px;

}

.genarel_info h4 {

    font-size: 17px;

}

.genarel_info h2 {

    margin: 0 0 10px;

    font-size: 24px;

}

.genarel_info ul li p {

    font-size: 17px;

    padding: 0 0 4px;

}

.genarel_info ul li p img {

    width: 20px;

}

.genarel_info.rental_cond ul li p {

    padding: 6px 17px;

    margin: 4px 3px;

    font-size: 14px;

}

.cardetl_option .cars_spec_sing h3 {

    font-size: 17px;

    padding: 0 0 13px;

}

.car_detailspage_left h2 {

    font-size: 34px;

    margin: 0 0 27px;

    padding: 0 0 16px;

}

.car_service_page {

    padding: 30px 15px;

}

.service_testim_sect .service_sec_title {

    padding: 0;

}

.testimonials {

    overflow: hidden;

}

.car_contact_page {

    padding: 30px 15px;

}

.contact_page_inn {

    flex-direction: column;

}

.contact_page_left {

    width: 100%;

    padding: 25px 25px 30px;

}

.contact_page_left h2 {

    font-size: 30px;

    margin: 0 0 4px;

}

.contact_page_left ul {

    padding: 0;

    margin: 0 0 0;

}

.contact_page_left h4 {

    margin: 0 0 30px;

}

.cercle1 {

    width: 200px;

    height: 200px;

    bottom: -85px;

    right: -64px;

}

.cercle2 {

    width: 80px;

    height: 80px;

    bottom: 68px;

    right: 46px;

    opacity: 0.6;

}

.contact_page_right {

    width: 100%;

    margin: 32px 0 0;

}

.frm_grp {

    flex-direction: column;

}

.frm_grp .first_name {
    width: 100%;
    margin: 0 0 15px;
}

.location_main {

    padding: 0 0 0;

}

.loc_map {

    margin: 30px 15px 30px;

}

.loc_map iframe {

    width: 100%;

    height: 302px;

    border-radius: 25px;

}

.about_page_area {

    padding: 0px 0;

}

.service_sec_title {

    padding: 0 0 0;

}

.about_inn_tab_inner {

    padding: 0 15px 30px;

}

.miss_viss_tab {

    padding: 19px 0 0;

    flex-direction: column;

}

.miss_viss_tab_left {

    width: 100%;

}

.miss_viss_tab_left h2 {

    font-size: 25px;

    margin: 1px 0 12px;

    line-height: 29px;

    width: 100%;

}

.miss_viss_tab_left h3 {

    font-size: 18px;

}

.miss_viss_tab_left ul li p {

    font-size: 15px;

    padding: 0 0 2px;

}

.miss_viss_tab_left ul li p img {

    width: 19px;

}

.miss_viss_tab_right {

    width: 100%;

    margin: 30px 0 0 0;

}

.miss_viss_tab_right img {

    width: 100%;

    border-radius: 25px;

    height: 255px;

}

.about_inn_tab_inner .tab {

    padding: 0.5rem 13px;

    margin-right: 0.2rem;

    font-size: 14px;

}

.about_miss_tab .service_sec_title {

    padding: 0 0 10px;

}

.main_header_area {

    width: 100vw;

}













.about_main_area {

    padding: 0 15px;

    flex-direction: column;

}

.banner_text h3 {

    font-size: 23px;

}

.banner_text h2 {

    font-size: 30px;

}

.banner_text {

    padding: 0 15px;

}

.banner_text p {

    font-size: 15px;

    margin: 21px auto 24px;

    width: 100%;

}

.about_main_area .about_left {

    margin: 0 0 0 0;

    width: 100%;

}

.about_left p {

    width: 100%;

}

.about_right {

    width: 100%;

    margin: 0 0 47px;

}

#one {

    height: auto !important;

}

.single_service {

    width: 100%;

    margin: 0 0 14px;

    border-radius: 20px;

    height: 123px;

}

#two {

    height: auto !important;

}

.service_section_main {

    padding: 0 15px 47px;

}

.service_over_text {

    bottom: 18px;

    width: 100%;

    padding: 0 19px;

}

.service_over_text h3 {

    font-size: 18px;

}

.service_over_text a {

    padding: 7px 17px;

    font-size: 14px;

}

#image-container {

    width: 94%;

}



#three {

    height: auto !important;

}

.service_sec_title h2 br {

    display: block;

}

.service_sec_title {

    padding: 15px 0 0;

}

.model-images {

    width: 49%;

    padding: 15px;

}

.model-images h2 {

    font-size: 17px;

}

.cars_spec_sing h3 {

    font-size: 14px;

    font-weight: 500;

}

.cars_spec_sing h3 img {

    width: 15px;

    margin: 0 2px 0 0;

}

.cars_spec_sing h3 img {

    width: 15px;

    margin: 0 2px 0 0;

}

#hero img {

    width: 100%;

    height: 100vh;

    object-fit: cover;

}

.cars_main_section {

    padding: 0 0 57px;

    width: 100%;

}

/*#Four {*/

/*    height: auto !important;*/

/*}*/

.testimonials {

    width: 100%;

    padding: 0 0;

}

.testimonials {

    padding: 0 0 26px;

}

#Five {

    height: auto !important;

    padding: 0 15px;

}

.footer_main_sect {

    flex-direction: column;

    padding: 32px 0 0;

}

.foot1 {

    width: 100%;

}

.foot_single p {

    width: 100%;

}

.foot2, .foot3 {

    width: 50%;

}

.foot4 {

    width: 100%;

}

.copyright {

    flex-direction: column;

    text-align: center;

}

.copyright p {

    text-align: center;

    width: 100%;

}

.copyright p:nth-child(2) {

    text-align: center;

}

#hero .arrow {

    border-color: #2d2d31 transparent transparent transparent;

}

.header_inner {

    height: 50px;

    padding: 0 15px;

}

.logo_area img {

    width: 90px;

}

#hero {

    height: 67vh !important;

}

.about_left h2 {

    font-size: 23px;

    margin: 0 0 7px;

}

.about_left h3 {

    margin: 22px 0 3px;

    font-size: 17px;

}

.service_sec_title h2 {

    width: 100%;

    font-size: 21px;

    margin: 2px auto 15px;

    line-height: 23px;

}

.service_sec_title {

    padding: 58px 0 0;

}

.logo_foot img {

    width: 120px;

}

.logo_foot {

    width: 150px;

    height: 60px;

}

.foot_single p {

    font-size: 16px;

}

.copyright {

    padding: 11px 0 11px;

}

.dtl_bookbtn {

    width: 91%;

}

#slides img {

    bottom: 8px;

}



}


@media screen and (max-width: 420px) {





}

@media screen and (max-width: 375px) {



.inner_pages_banner {

    height: 137px;

}

.inn_ban_cont {

    top: 25%;

}

.amount_and_btn h5 {

    font-size: 19px;

}

.amount_and_btn a {

    width: 34px;

    height: 34px;

}















}



@media screen and (max-width: 360px) {



.inner_pages_banner {

    height: 131px;

}

.inn_ban_cont {

    top: 27%;

}













}