@charset "utf-8";
/*..............Embaded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lexend+Exa:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Luxurious+Script&display=swap');
    
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {
    --main-font: "Lexend Exa", sans-serif;
    --heading-font: "Michroma", sans-serif;
    --lato: "Lato", sans-serif;
    --luxurious: "Luxurious Script", cursive;

    --primary-brown: #AB996B;
    --secondary-brown: #322C1D;
    --btn-text: #988A68;
    --white: #fff;
    --black: #000000;
    --secondary-black: #222222;
    --black-shade-two: #444444;
    --field-color: #999999;
    --body-color: #777777;
    --dark-grey: #555555;

    --common-transition: all 0.9s ease;
}


html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--main-font); font-size: 16px; line-height: 1.2; font-weight: 400; overflow-x: hidden; transition: var(--common-transition); }
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font) ; margin: 0 0 20px; padding: 0; line-height: 1.1; font-weight: 400; color: var(--black);}
h1{ font-size: clamp(1.875rem, 0.433rem + 3.846vw, 5rem); } /* desktop size 80 and mobile size 30 */
h2{ font-size: clamp(1.625rem, 0.99rem + 1.692vw, 3rem); }  /* desktop size 48 and mobile size 26 */
h3{ font-size: clamp(1.375rem, 0.856rem + 1.385vw, 2.5rem); } /* desktop size 40 and mobile size 22 */
h4{ font-size: clamp(1.25rem, 0.962rem + 0.769vw, 1.875rem); } /* desktop size 30 and mobile size 20 */
h5{ font-size: clamp(1.125rem, 0.952rem + 0.462vw, 1.5rem); }  /* desktop size 24 and mobile size 18 */
h6{ font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); } /* desktop size 20 and mobile size 16 */

.fsz-14 { font-size: 14px; }
  
p{ margin: 0 0 1.3rem; padding: 0; line-height: 1.3; font-family: var(--lato); } 

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--heading); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

textarea, select, .form-control, input { font-family: var(--lato); font-weight: 700; font-size: 16px; padding: 17px 20px; background-color: #FDFDFD; width: 100%; border-radius: 10px; margin-bottom: 15px; border: 1px solid var(--primary-brown); outline: none !important; box-shadow: none !important; color: var(--field-color); }
textarea { padding: 18.5px 20px; min-height: 150px !important; resize: none; }
input[type="submit"] { font-family: var(--lato); font-weight: 700; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; }
textarea:focus, select:focus, .form-control:focus, .form-select:focus { outline: none !important; box-shadow: inherit!important; border-color: var(--primary-brown); }

select, .form-select { font-family: var(--lato); font-weight: 700; font-size: 16px; padding: 17px 20px; background-color: #FDFDFD; border-radius: 10px; border: 1px solid var(--primary-brown); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: 95% center; color: var(--field-color); }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid var(--primary-brown); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}

.field-group { margin-bottom: 20px; }

/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: var(--field-color); opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: var(--field-color); }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: var(--field-color); }
/* --- for placeholder color --- */

label { font-size: clamp(0.938rem, 0.851rem + 0.231vw, 1.125rem); font-family: var(--lato); font-weight: 700; margin-bottom: 11px; color: var(--secondary-black); } /* desktop size 18 and mobile size 15 */
  
.common-padding{ padding-top: 100px; padding-bottom: 100px; }
.common-padding-btm {padding-bottom: 100px;}
.common-small-padding{ padding-top: 55px; padding-bottom: 55px; } 

.btn, a.btn{ font-family: var(--lato); line-height: 1; color: var(--white);  background-color: var(--primary-brown); display: inline-block; border: 1px solid transparent; border-radius: 10px; padding: 17px 32px; transition: var(--common-transition); font-weight: 600; letter-spacing: -0.5px; text-transform: capitalize; min-width: 180px; }
.btn.bdr-btn, .btn:hover{ background: transparent; border: 1px solid var(--primary-brown); color: var(--primary-brown);}
.btn.bdr-btn:hover{ background-color: var(--primary-brown); color: var(--white); }

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */

.top-header { background: var(--black-shade-two); padding: 18px 0; }
.top-header ul li a { color: var(--white); font-family: var(--lato); font-size: 14px;font-weight: 600; }

.hdr-social-lt ul li:not(:last-child) { margin-right: 20px; }

.hdr-social-rt ul li a i { color: var(--primary-brown); margin-right: 13px; }
.hdr-social-rt ul li:not(:last-child) { margin-right: 80px; }

.hdr-wrap { display: flex; align-items: center; }

.logo img { width: 100%; max-width: 160px; }

.main-header { padding: 18px 0; }

.custom-header-wrap { display: flex; justify-content: space-between; }

.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }

.main-menu ul li:not(:last-child) { margin-right: 50px; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a {color: var(--primary-brown);}
.main-menu ul li a {font-family: var(--lato);color: var(--secondary-black);letter-spacing: -0.5px;font-size: 18px;}

.hdr-btn { margin-left: 166px; }
.hdr-btn a.btn {font-family: var(--body-font);}

.header-sticky  { left: 0; position: fixed; top: 0; width:100%; transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; z-index: 9;}
.header-sticky .hdr-wrap .logo img{max-width: 120px;}
.header-sticky .hdr-btn a.btn {padding: 10px 32px; min-width: auto;font-size: 14px;}

.header-sticky .top-header {display: none;}
.header-sticky .main-header {background: var(--white); padding: 8px 0;}


@media only screen and (min-width:1200px){
    
    @keyframes slide-down { 

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

/* -- Header -- */

/* -- Banner -- */

.banner-sec { padding: 80px 0; position: relative; z-index: 1; }
.banner-sec::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(105.9deg, rgba(255, 255, 255, 0.9) 9.45%, rgba(255, 255, 255, 0) 83.32%); z-index: -1; }

.banner-sec .content-ttl h2, .content-ttl h3 { font-family: var(--luxurious); color: var(--secondary-brown); margin: 0;position: relative; }
.banner-sec .content-ttl h2::before, .content-ttl h3::before { content: ""; position: absolute; top: -10px; left: 0; background: var(--secondary-brown); width: 80px; height: 2px; }

.banner-sec:not(.inner-banner) .content-ttl h1{font-size: clamp(1.875rem, 1.01rem + 2.308vw, 3.75rem);}

.content-ttl h1 { margin: 0 0 40px;color: var(--black); }
.content-ttl h3 { color: var(--primary-brown); margin-bottom: 10px; }
.content-ttl h3::before {background: var(--primary-brown);}

.banner-form { border: 1px solid var(--primary-brown); background: #FFFFFFCC; border-radius: 20px; padding: 30px; margin-left: auto; }
.banner-form h5 { margin: 0 0 30px;color: var(--secondary-black); } 

/* -- Banner -- */

/* -- Brand slider -- */

.corso-car-slider { padding-bottom: 0 !important; }
.corso-car-slider .container { max-width: 800px; }

.car-swiper { background: #F2EEE5; margin-bottom: 0; border-radius: 15px; }

.corso-slider.swiper-wrapper { justify-content: space-between; }

@media only screen and (min-width:992px){
    .corso-slider.slick-slider .slick-track { width: 100% !important; }
}

.brand-item { min-height: 150px; display: flex !important; justify-content: center; align-items: center; }
.brand-item img { filter: grayscale(1); height: 130px; }
.brand-item:hover img { filter: none; }

/* -- Brand slider -- */

/* -- Collection car -- */

.collection-car { background: #F4F4F4; border-radius: 20px; padding: 20px; transition: var(--common-transition); position: relative; }
.collection-car:hover { background: #F2EEE5; }
.collection-car h5 { margin: 0 0 10px; }

.car-rating { display: flex; align-items: center; margin-bottom: 15px; }
.car-rating .car-rating-wrap:not(:last-child) { margin-right: 10px; }

.car-rating-wrap { background: var(--white); border: 0.4px solid var(--btn-text); padding: 8px 11px; border-radius: 4px; line-height: 1; font-family: var(--lato);flex: 0 0 100px;color: var(--body-color); text-align: center; }
.car-rating-wrap ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.car-rating-wrap ul li img { display: block; }

.collection-car-img { margin-bottom: 60px;display: flex;justify-content: center; }
.collection-car-img img {min-height: 140px;object-fit: contain;}

.collection-car a.btn { width: auto; font-family: var(--body-font); margin-top: 15px; position: absolute; left: 20px; right: 20px; bottom: 20px;background: var(--white);letter-spacing: -1px; }

.collection-sec .content-ttl, .what-we-provide-sec .content-ttl, .what-we-provide-sec .d-flex { padding-bottom: 40px; }

.slider-holder {position: relative;}
.slider-holder .swiper-button-prev { left: inherit; right: 65px;  }
.slider-holder .swiper-button-next { right: 0; }

.collection-swiper {position: relative;overflow: hidden;}

.swiper-arrow { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--grey); background: var(--secondary-black); border-radius: 50%; top: -85px;z-index: 2; opacity: 1 !important; }
.swiper-arrow:hover { background: var(--primary-brown); border: 1px solid transparent; }
.swiper-arrow:after { opacity: 1; }
.swiper-arrow:after{ content: ""; width: 100%; height: 100%; background-position: center !important; opacity: 1; display: block; z-index: 1; }
.swiper-button-prev.swiper-arrow:after { background: url(../images/prev-arr.svg) no-repeat; }
.swiper-button-next.swiper-arrow:after { background: url(../images/next-arr.svg) no-repeat; }

.view-all { text-align: center; padding-top: 40px; }

/* -- Collection car -- */

/* @media only screen and (min-width:1022px){
    .collection-slider .slick-list{margin: 0 -15px; padding: 0 5% 0 0;overflow: visible;}
} */

/* -- What we provide -- */

.what-we-provide-sec {position: relative;z-index: 1;}
.what-we-provide-sec::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(83.07deg, rgba(255, 255, 255, 0.9) -5.43%, rgba(255, 255, 255, 0) 46.02%, rgba(255, 255, 255, 0.9) 102.88%);z-index: -1;}

.what-we-provide-sec .d-flex .content-ttl {padding-bottom: 0;}
/* .what-we-provide-sec .d-flex h2 { max-width: 850px; } */

.service-slide-item { border-radius: 20px; position: relative; padding: 276px 40px 40px; color: var(--white); z-index: 1; align-content: end; min-height: 445px; }
.service-slide-item::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(173.76deg, rgba(17, 2, 5, 0) 48.06%, rgba(17, 2, 5, 0.7) 95.07%); border-radius: 20px; z-index: -1; }

.service-slide-item h5, .service-slide-item h5 a { color: var(--white);font-family: var(--heading-font); margin-bottom: 0; }
.service-slide-item a { color: #CDB884; font-family: var(--lato); font-weight: 700; }

.service-slide-item .servc-cnt{ max-height: 0; /* Initially hidden */ overflow: hidden; /* Prevent content from showing */ transition: max-height 0.8s ease-out; /* Smooth transition */ opacity: 0; }
.service-slide-item .servc-cnt p {margin: 20px 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; white-space: normal; overflow: hidden;}
.service-slide-item:hover .servc-cnt { max-height: 120px; opacity: 1;}

/* .servc-cnt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } */

.what-we-provide-sec .slider-holder .swiper-arrow { top: 55%; transform: translateY(-50%); }
.what-we-provide-sec .slider-holder .swiper-button-prev{ right: inherit; left: -25px; }
.what-we-provide-sec .slider-holder .swiper-button-next {right: -25px;}

.what-we-provide-sec .swiper {overflow: visible;}

.service-slider {display: flex;height: 100%;}

/* .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } */
.swiper-slide { height: auto;}

.swiper-pagination { bottom: -60px !important; }
.swiper-pagination-bullet { width: 12px; height: 12px; background: var(--secondary-black); opacity: 1; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--primary-brown); opacity: 1; }

/* .swiper-slide:not(.swiper-slide-active) p, .swiper-slide:not(.swiper-slide-active) a:not(h5 a) {display: none;} */

.content-ttl.text-center h3::before { left: 50%; transform: translateX(-50%); }

@media only screen and (min-width:1022px){

    .what-we-provide-sec .swiper-slide { width: 28%;}
    .what-we-provide-sec .swiper-slide:nth-child(1), .what-we-provide-sec .swiper-slide:nth-child(3n+1) { width: 70%; }
    /* .what-we-provide-sec .swiper-slide.swiper-slide-active {width: 70%;} */
    /* .swiper-slide:nth-child(4n) {width: 60%;} */
}

/* -- What we provide -- */

/* -- Package -- */

.packages-sec {padding-bottom: 40px !important;}
.packages-sec, .package-swiper {position: relative;}
.packages-sec .content-ttl {padding-bottom: 50px;}

.package-wrap { border: 0.6px solid var(--btn-text); background: #F4F4F4; border-radius: 20px; padding: 30px 30px 82px; transition: var(--common-transition); position: relative; height: calc(100% - 24px); }
.package-wrap p {font-family: var(--main-font);color: var(--body-color);letter-spacing: -1px;}
.package-wrap a.btn { background: var(--white); position: absolute; bottom: 30px; left: 30px; right: 30px; width: auto; }
.package-wrap a.btn:hover {background: var(--white);color: var(--primary-brown); }
.package-wrap h4 { font-family: var(--main-font); }
.package-wrap h4 span { font-size: 16px; color: var(--body-color); letter-spacing: -0.8px; }

.package-wrap ul { padding: 0; margin: 0 0 45px; list-style: none; }
.package-wrap ul li {background: url(../images/tick.svg) no-repeat left center;padding-left: 20px;color: var(--body-color);letter-spacing: -1px;}
.package-wrap ul li:not(:last-child) {margin-bottom: 10px;}

.package-wrap:hover { background: var(--primary-brown); color: var(--white); }
.package-wrap:hover ul li {background-image: url(../images/white-tick.svg);color: var(--white);}
.package-wrap:hover h5, .package-wrap:hover h4, .package-wrap:hover h4 span, .package-wrap:hover p { color: var(--white); }

.package-swiper, .car-swiper { overflow: hidden; }
.package-swiper { padding: 0 25px 60px; }
.package-swiper .swiper-arrow { top: 50%; transform: translateY(-50%); }
.package-swiper .swiper-arrow.swiper-button-prev { left: 0; }
.package-swiper .swiper-arrow.swiper-button-next { right: 0; }

.swiper-arrow.swiper-button-disabled { opacity: .35 !important; cursor: auto; pointer-events: none; }

.package-swiper .swiper-pagination {bottom: 0 !important;}
.package-swiper .package-wrap {height: auto;}

/* -- Package -- */

/* -- Process -- */

.our-process-sec {position: relative;z-index: 1;}
.our-process-sec::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(96.79deg, rgba(242, 238, 229, 0.5) 22.74%, #F2EEE5 53.43%, rgba(242, 238, 229, 0.5) 81.77%);z-index: -1;}

.our-process-hold { background: var(--white); border: 0.4px solid var(--primary-brown); border-radius: 20px; padding: 30px 30px 135px; position: relative;  transition: var(--common-transition); height: 100%;}
.our-process-hold::after { content: ""; position: absolute; right: -55px; top: 50%; transform: translateY(-50%); background: url(../images/dashed-arrow.svg) no-repeat right; width: 50px; height: 23px; }

.our-process-sec .row .row { --bs-gutter-x: 55px; --bs-gutter-y: 55px; }

.our-process-sec .row .row .col-lg-6:nth-child(3) { order: 3; }

@media only screen and (min-width:992px){

    .our-process-sec .row .row .col-lg-6:nth-child(2) .our-process-hold::after { left: 50%; top: inherit; bottom: -41px; right: inherit; transform: translateX(-50%) rotate(90deg); }
    .our-process-sec .row .row .col-lg-6:nth-child(4) .our-process-hold::after { right: 0; left: 50%; transform: translateX(-50%) rotate(-90deg); top: -41px; }
    .our-process-sec .row .row .col-lg-6:nth-child(3) .our-process-hold::after { right: 0; left: -55px; transform: rotate(-180deg); }

}


.our-process-hold p { font-family: var(--lato); color: var(--secondary-black); }
.our-process-hold h2 { color: var(--primary-brown); opacity: 20%; font-family: var(--luxurious); font-size: 280px; line-height: 1; margin: 0; text-align: right; position: absolute; bottom: -40px; right: 40px; }

.our-process-hold:hover {background: var(--primary-brown); color: var(--white);}
.our-process-hold:hover h5, .our-process-hold:hover p, .our-process-hold:hover h2 {color: var(--white);}

.our-process-sec:not(.about-process) .content-ttl {max-width: 524px; margin-left: auto;}
.our-process-sec .content-ttl p {color: var(--secondary-black);}

/* -- Process -- */

/* -- About us -- */

.about-us .content-ttl { margin-bottom: 16px; }
.about-us .content-ttl h2, .about-us .content-ttl p { margin: 0 0 30px; }
.about-us .content-ttl h3 { margin: 0 0 20px; }

.about-box { background: #F4F4F4; padding: 22px 25px; border-radius: 20px; margin-top: 24px;height: calc(100% - 24px); }
.about-box .icon { width: 60px; margin-bottom: 15px; }
.about-box h6 { margin: 0 0 10px; }
.about-box p { margin: 0; color: var(--secondary-black); }

.img-holder { position: relative; padding-bottom: 101.55%; }
.img-holder img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }

/* -- About us -- */

/* -- Request booking -- */

.cnt-request-hold { background: #F2EEE5; border-radius: 20px; padding: 60px 65px; position: relative; }
.cnt-request-hold .content-ttl { max-width: 695px; }

.contact-car { position: absolute; right: 0; bottom: -20px; max-width: 560px; width: 100%; }
.contact-car img {width: 100%;}

/* -- Request booking -- */


/* -- Inner banner -- */

.inner-banner { padding: 206px 0; }
.inner-banner::before { background: linear-gradient(105.9deg, rgba(255, 255, 255, 0.9) 9.45%, rgba(255, 255, 255, 0.2) 83.32%); }
.inner-banner h1 { margin: 0; }

/* -- Inner banner -- */

/* -- About page -- */

.content-ttl.comm-cnt-ttl h3::before { display: none; }

.about-process .our-process-hold { padding: 20px; text-align: center; }
.about-process .our-process-hold::after {background: url(../images/long-arrow.svg) no-repeat;width: 67px;height: 16px;right: -75px;}
.about-process .our-process-hold h2 { opacity: 1; position: static; line-height: 73px; font-size: 146px; text-align: center; margin: 0 0 30px; }

.about-process.our-process-sec .row .row { --bs-gutter-x: 83px; --bs-gutter-y: 83px; justify-content: center; }
.about-process.our-process-sec .row .row .col-lg-3:last-child .our-process-hold::after, .about-process.our-process-sec .row .row .col-lg-3:nth-child(4n) .our-process-hold::after {display: none;}

.comm-rev .row { flex-direction: row-reverse; }

@media (min-width: 1200px) {
    .comm-rev .row .offset-xl-1 {
        margin-left: 0;
        margin-right: 8.33333333%;
    }
}

/* -- About page -- */

/* -- Service and details page -- */

.service-details {position: relative;z-index: 1;}
.service-details::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(83.07deg, rgba(255, 255, 255, 0.9) -5.43%, rgba(255, 255, 255, 0) 46.02%, rgba(255, 255, 255, 0.9) 102.88%);opacity: 80%;z-index: -1;}

.service-content .cnt-inn-imgs { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -15px; }
.service-content .cnt-inn-imgs li { margin: 0 15px 34px; flex: 0 0 47.8%; }
.service-content .cnt-inn-imgs img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3 / 1.5; border-radius: 20px; }

.service-content ul { list-style: none; padding: 0; margin: 0; }
.service-content ul:not(.cnt-inn-imgs) li { font-family: var(--lato); background: url(../images/list-icon.svg) no-repeat left 1px / 25px; padding: 0 0 17px 35px; }

.service-provide { padding-bottom: 76px; }
.service-provide .row {justify-content: center;}
.service-provide .service-slide-item { margin-bottom: 24px; }

/* -- Service and details page -- */

/* -- Contact page -- */

.cnt-lt ul { list-style: none; padding: 20px 0 0; margin: 0; max-width: 450px; }
.cnt-lt ul li:not(:last-child) { margin-bottom: 30px; }
.cnt-lt ul li { display: flex; align-items: center; }

.icon-hold { width: 60px; aspect-ratio: 1 / 1; background: var(--primary-brown); display: flex; align-items: center; justify-content: center; border-radius: 10px; margin: 0 20px 0 0; flex: 0 0 60px; }
.icon-hold i { font-size: 30px; color: var(--white); }

.contact-dtls p { margin: 0 0 10px; color: var(--black); text-transform: uppercase; font-family: var(--main-font); letter-spacing: -1.3px; font-weight: 500; }
.contact-dtls p:last-child { margin: 0; color: var(--body-color);font-weight: 400; text-transform: none; }

.cnt-form { background: #EEEBE5; border: 1px solid var(--primary-brown); border-radius: 20px; padding: 30px; }
.cnt-form h5 { margin: 0 0 30px; }
.cnt-form form .field-group .btn {width: auto;margin-top: 10px;}

/* -- Contact page -- */

.mb60 { margin-bottom: 60px; }

/* -- Car page -- */

.cars-sec .collection-car { height: calc(100% - 24px); }
.cars-sec .collection-car-img { margin-bottom: 80px; }
.cars-sec .row { justify-content: center; }

.pagination { justify-content: center; flex-wrap: wrap; padding-top: 44px; }
.pagination .page-numbers { border: 0.4px solid var(--btn-text); width: 50px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border-radius: 10px; color: var(--black); font-family: var(--lato); font-weight: 600; font-size: 14px; }
.pagination .page-numbers:not(:last-child) { margin-right: 20px; }
.pagination .page-numbers:hover, .pagination .current { background: var(--primary-brown); color: var(--white); }

/* -- Car page -- */

/* -- Error page -- */

.error404 main section { min-height: calc(100vh - 135px); display: flex; align-items: center; justify-content: center; }

/* -- Error page -- */

.body-open {overflow: hidden;height: 100vh;}

.collection-partner { text-align: center; width: 100%; padding: 30px; background: #F4F4F4; border-radius: 20px; margin: 12px 0; }
.collection-partner-logo img { height: 80px; }
.collection-partner h5 { text-transform: uppercase; }

/* -- Footer -- */

footer { padding-top: 50px; background: #F4F4F4; }

footer .content-ttl h3::before { display: none; }

.top-footer .content-ttl h2 { margin: 0; }
.top-footer .row .col-lg-5 {display: flex;justify-content: center;}

.tp-cnt-info ul { padding: 0; margin: 0; list-style: none; }
.tp-cnt-info ul li:not(:last-child) { margin-bottom: 22px; }
.tp-cnt-info ul li a i { color: var(--primary-brown); margin-right: 10px; }
.tp-cnt-info ul li a { font-family: var(--heading-font); font-size: 20px; }

.tp-cnt-btn { text-align: right; }
.tp-cnt-btn a.btn { min-width: 250px; }

.main-footer { border-top: 1px solid var(--primary-brown); padding-top: 40px; margin-top: 40px; }

.ftr-cnt { max-width: 440px; }
.ftr-cnt p { margin: 40px 0 0; }

.ftr-logo img { width: 100%; max-width: 200px; }

.ftr-menu ul { list-style: none; padding: 0; margin: 0; }
.ftr-menu ul li:not(:last-child) { margin-bottom: 20px; }
.ftr-menu ul li a { font-family: var(--lato); color: var(--secondary-black); }
.ftr-menu ul li a:hover { color: var(--primary-brown); }

.social { padding-top: 50px; }
.social ul { padding: 0; margin: 0; display: flex; align-items: center; list-style: none; }
.social ul li:not(:last-child) { margin-right: 20px; }
.social ul li a { color: var(--primary-brown); font-size: 24px; }
.social ul li a:hover { color: var(--black); }

.copyright { text-align: center; padding-top: 40px; }
.copyright p { font-family: var(--main-font); color: var(--dark-grey); letter-spacing: -1.2px; }

/* -- Footer -- */




.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border-color: #f00 !important; }
.wpcf7 form .wpcf7-response-output { color: #f00; text-align: center; margin-top: 0 !important; font-size: 14px;}
.wpcf7 form.sent .wpcf7-response-output { color: #46b450; }

.cnt-form textarea {height: 150px; }
.cnt-form .field-group p {margin: 0; }







/* -- Container adjustment -- */

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

    .container{ max-width: 1360px; }
}

/* -- Container adjustment -- */


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

    .common-padding { padding-top: 60px; padding-bottom: 60px; }
    .common-padding-btm { padding-bottom: 60px; }

    .main-menu ul li:not(:last-child) { margin-right: 35px; }

    .our-process-hold { padding: 30px 20px 135px;}

    .cnt-request-hold .content-ttl {max-width: 560px;}

    .about-process .our-process-hold { padding: 13px; }
    .about-process .our-process-hold h5 { font-size: 18px; }
    .about-process .our-process-hold::after { right: -70px; background-size: 70%; }

    .about-process.our-process-sec .row .row { --bs-gutter-x: 50px; --bs-gutter-y: 50px; }

    .cnt-form { padding: 20px; }

    .service-content .cnt-inn-imgs li { flex: 0 0 49%; margin: 0 0 34px; }

    .package-wrap p, .package-wrap ul li { font-size: 15px; }

    textarea, select, .form-control, input { padding: 14px 20px; font-size: 14px; }
    
    .banner-form { padding: 20px; }

    .hdr-btn a.btn { padding: 14px 30px; font-size: 14px; }
    .hdr-btn { margin-left: 60px; }
   
}

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

    .nav_btn { display: block; cursor: pointer;position: relative;z-index: 999; order: 2;width: 23px;height: 2px;background: var(--primary-brown);}

    .main-header {padding: 10px 0;}

    .header-sticky {position: static;animation: none;}

    .main-menu { position: fixed; transform:translateX(100%); right: -100%; top: 55px; bottom: 0; z-index: 999; max-width: 100%; background-color: var(--black); padding-top: 20vh; margin:0; display:block; width: 100%; padding-left: 10px;padding-right: 10px; overflow: auto;transition: var(--common-transition); }
    .main-menu ul { flex-direction: column; text-align: center; width: 100%; }
    .main-menu .menu-header-menu-container>ul li { width: 100%; }
    .main-menu .menu-header-menu-container ul li:not(:last-child) { margin-right: 0; }
    .main-menu .menu-header-menu-container>ul>li a { display: block; padding: 20px 0;color: var(--white);font-size: 20px; }

    .main-menu .menu-header-menu-container>ul>li.current-menu-item a {color: var(--primary-brown);}

    .hdr-rt ul li a {color: var(--white);padding: 10px;}

    .nav_btn::after { content: ""; position: absolute; width: 23px; height: 2px; background: var(--primary-brown); right: 0; top: -6px;transition: ease-in-out 0.4s; }
    .nav_btn::before { content: ""; position: absolute; width: 23px; height: 2px; background: var(--primary-brown); top: 6px; right: 0;transition: ease-in-out 0.4s; }

    .nav_btn.sidebar_active { width: 0; }

    .logo { z-index: 9999; }
    .logo a img {transition: all 0.9s ease;}

    .logo_active.logo a img { filter: brightness(0) invert(1); }

    .nav_btn.sidebar_active::after{transform: rotate(45deg);top: 0; }
    .nav_btn.sidebar_active::before{transform: rotate(135deg);top: 0; }

    .main-menu.sidebar-open { right: 0; }

    .header-sticky .main-menu { top: 0; }

    .hdr-btn { margin-left: 0; margin-right: 35px;order: 1; }

    .swiper-slide {width: 40%;}

    .package-wrap { padding: 40px 18px 92px; }
    .package-wrap a.btn { bottom: 30px; left: 18px; right: 18px;}
    
    .our-process-hold { padding: 30px 20px 90px; }
    .our-process-hold h5 { font-size: 17px; }
    .our-process-hold h2 { font-size: 200px; }

    .our-process-sec:not(.about-process) .content-ttl {max-width: 380px;margin-left: auto;}

    .contact-car {width: 50%;text-align: right;}

    .service-content .cnt-inn-imgs li { flex: 0 0 48%; margin: 0 0 34px; }

    .tp-cnt-info ul li a {font-size: 16px;}

    .about-box { padding: 20px 12px; }
    .about-box p { font-size: 14px; }

    .tp-cnt-btn a.btn {min-width: 200px;}
    
    
}
@media only screen and (max-width:991px){

    .hdr-social-rt ul li:not(:last-child) {margin-right: 20px;}

    .btn, a.btn { padding: 12px 30px; min-width: 150px; }

    .mb60 {margin-bottom: 40px;}
    
    .banner-form { margin-top: 30px; padding: 20px; }
    .banner-sec { padding: 50px 0; }

    .banner-sec:not(.inner-banner) .content-ttl h1 { margin: 0 0 20px; }

    .inner-banner .content-ttl { text-align: center; }
    
    textarea, select, .form-control, input, select, .form-select { font-size: 15px; padding: 12px 20px; border-radius: 6px; }
    
    .field-group { margin-bottom: 15px; }

    .corso-car-slider .container { max-width: 500px; }

    .brand-item {min-height: 150px;}
    .brand-item img {height: 80px;}

    .swiper-arrow {top: -65px;}

    .swiper-pagination { bottom: -40px !important; }
    .swiper-pagination-bullet { width: 8px; height: 8px; }

    .collection-sec .content-ttl, .what-we-provide-sec .content-ttl, .what-we-provide-sec .d-flex { padding-bottom: 20px; }

    .our-process-hold::after { bottom: -40px; top: inherit; right: inherit; left: 50%; transform: translateX(-50%) rotate(90deg); }

    .our-process-sec:not(.about-process) .content-ttl { padding-bottom: 30px; max-width: 100%; }
    .our-process-sec:not(.about-process) .row.align-items-center { flex-direction: column-reverse; }
    /* .our-process-sec .row .row .col-lg-6:nth-child(4) .our-process-hold::after {display: none;} */
    .our-process-sec .row .row .col-lg-6:nth-child(3) { order: inherit; }
    .our-process-sec .row .row .col-lg-6:nth-child(4) .our-process-hold::after {display: none;}

    .about-process.our-process-sec .row .row .col-lg-3:not(:last-child) .our-process-hold::after {display: block}
    
    .about-us .row.align-items-end .row { justify-content: center; margin-bottom: 30px; }
    .about-us .content-ttl h2, .about-us .content-ttl p { margin: 0 0 20px; }
    
    .cnt-request-hold { padding: 30px 20px; }
    .cnt-request-hold .content-ttl { max-width: 350px; }
    
    .contact-car { width: 53%; } 

    .packages-sec .content-ttl { padding-bottom: 6px; }

    .package-wrap {padding: 30px 18px 72px ;}
    .package-wrap ul {margin: 0 0 40px;}

    .package-swiper { padding: 0 0 40px; }
    .package-swiper .swiper-arrow { display: none; }
    
    .pagination { padding-top: 20px; }
    .pagination .page-numbers { width: 40px; }
    .pagination .page-numbers:not(:last-child) { margin-right: 8px; }

    .inner-banner { padding: 100px 0; }

    .about-process .our-process-hold::after {right: inherit;bottom: -45px;}

    .comm-cnt-ttl { padding-top: 30px; }
    .comm-content-sec .img-holder { padding-bottom: 75%; }

    .cnt-form { margin-top: 30px; }

    .service-provide { padding-bottom: 36px; }
    
    footer { text-align: center; }
    
    .tp-cnt-info { margin: 20px 0; }
    .tp-cnt-info ul li:not(:last-child) { margin-bottom: 10px; }
    .tp-cnt-btn { text-align: center; }

    .ftr-cnt { max-width: 100%; }
    .ftr-cnt p { margin: 20px 0; }

    .ftr-menu { padding-top: 15px; }
    .ftr-menu ul li:not(:last-child) { margin-bottom: 12px; }

    .main-footer { padding-top: 20px; margin-top: 20px; }
    
    .social { padding-top: 20px; }
    .social ul { justify-content: center; }
    
    .copyright { padding-top: 20px; }

    .packages-sec .swiper-arrow {top: inherit; bottom: 0; } 
    .packages-sec .slider-holder {padding-bottom: 60px; }
}

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

    .container {width: 95%;}

    .top-header { display: none; }
    
    .logo img, .header-sticky .hdr-wrap .logo img { max-width: 100px; }
    
    .btn, a.btn, .header-sticky .hdr-btn a.btn , .hdr-btn a.btn{ min-width: auto; padding: 10px 20px; font-size: 14px; }
    
    .main-menu { top: 0; }

    .hdr-btn { margin-right: 15px; }

    .common-padding, .common-small-padding { padding-top: 40px; padding-bottom: 40px; }
    .common-padding-btm { padding-bottom: 40px; }

    .mb60 {margin-bottom: 30px;}

    .swiper-arrow { width: 40px; height: 40px;top: -35px; }

    .collection-swiper .swiper-button-prev { right: inherit; left: 0; }
    .collection-swiper .swiper-button-next { right: inherit; left: 50px; }

    .what-we-provide-sec .swiper-arrow {display: none;}
    
    .collection-sec .content-ttl { padding-bottom: 50px; }
    
    .view-all { padding-top: 20px; }

    .brand-item {min-height: 110px;}

    .what-we-provide-sec { padding-bottom: 60px; } 
    .what-we-provide-sec .d-flex { flex-direction: column; justify-content: flex-start !important; align-items: flex-start !important; }

    .service-slide-item { padding: 200px 15px 20px; min-height: 350px; }

    .packages-sec .content-ttl { padding: 0; }
    .packages-sec .content-ttl h2 { margin: 0 0 6px; }
    
    .cnt-request-hold { padding: 30px 20px 180px; border-radius: 20px 20px 0  0;}
    .cnt-request-hold .content-ttl h2 { margin-bottom: 10px; }
    
    .contact-car { width: 100%; bottom: -65px; } 

    .cnt-form { padding: 15px; border-radius: 10px; }
    
    .icon-hold { width: 50px; flex: 0 0 50px; margin: 0 10px 0 0; }
    .icon-hold i { font-size: 20px; }

    .cnt-lt ul {padding: 0;}
    .cnt-lt ul li:not(:last-child) { margin-bottom: 20px; }
    
    .contact-dtls p a { word-break: break-word; }

    .service-content .cnt-inn-imgs { margin: 0; }
    .service-content .cnt-inn-imgs li { flex: 0 0 100%; margin: 0 0 20px; }
    .service-content .cnt-inn-imgs img { aspect-ratio: 3 / 1.8; border-radius: 10px; }

    .service-content ul:not(.cnt-inn-imgs) li { background-position: left 3px; }

    .packages-sec { padding-bottom: 20px !important; }

    .package-wrap {margin-top: 24px; }
    
    .request-booking-sec { padding-bottom: 90px; }

    .service-provide { padding-bottom: 16px; }
    
    footer { padding-top: 30px; }
    
    .tp-cnt-info ul li a { font-size: 13px; }
    .tp-cnt-info ul li a i { margin-right: 5px; }
    
    .ftr-logo img { max-width: 170px; }
    
}