:root {
  --black : #080808;--dark : #111111;--gold : #b89a64;--light : #f4f3f0;--gray : #777;--border : #deddd8;
}
* {
  margin : 0;
  padding : 0;
  box-sizing : border-box;
}
html {
  scroll-behavior : smooth;
}
body {
  font-family : "Inter", sans-serif;
  color : var(--black);
  background : #fff;
}
img {
  max-width : 100%;
  display : block;
}
a {
  text-decoration : none;
  color : inherit;
}
.main-header {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  z-index : 100;
  color : #fff;
  border-bottom : 1px solid rgba(255, 255, 255, .15);
}
.navbar {
  min-height : 95px;
}
.logo, .footer-logo {
  font-size : 25px;
  font-weight : 700;
  letter-spacing : 3px;
}
.logo span, .footer-logo span {
  font-weight : 300;
}
.nav-link {
  color : #fff !important;
  font-size : 14px;
  font-weight : 600;
  letter-spacing : 1.5px;
  margin : 0 13px;
  text-transform : uppercase;
}
  .nav-link : hover {
  color : var(--gold) !important;
}
.header-phone {
  display : flex;
  flex-direction : column;
  text-align : right;
}
.header-phone small {
  font-size : 9px;
  letter-spacing : 2px;
  opacity : .6;
}
.header-phone a {
  font-size : 13px;
}
.hero {
  height : auto;
  min-height : auto;
  position : relative;
  background : url("../../images/banner-hero.jpg")center center / cover no-repeat;
  display : flex;
  align-items : center;
  height : 100vh;
}
.hero-overlay {
  position : absolute;
  inset : 0;
  background : linear-gradient(
            90deg,
            rgba(0, 0,0, .78),
            rgba(0, 0,0, .30),
            rgba(0, 0,0, .15));
}
.hero-content {
  position : relative;
  max-width : max-content;
  color : #fff;
  padding-top : 60px;
}
.eyebrow {
  font-size : 11px;
  letter-spacing : 4px;
  font-weight : 600;
  margin-bottom : 20px;
}
.eyebrow.dark {
  color : var(--gold);
}
.hero h1 {
  font-family : "Playfair Display", serif;
  font-size : clamp(55px, 4vw, 100px);
  line-height : .95;
  font-weight : 400;
  text-shadow : 2px 2px 1px #000;
}
.hero h1 span {
  font-style : italic;
  color : #d2c4aa;
}
.hero-text {
  max-width : 500px;
  color : #fff;
  margin : 30px 0;
  line-height : 1.8;
}
.hero-buttons {
  display : flex;
  gap : 12px;
}
.hero-buttons .btn {
  padding : 15px 28px;
  font-size : 11px;
  letter-spacing : 2px;
  border-radius : 0;
}
.booking-box {
  position : absolute;
  bottom : 0;
  left : 0;
  width : 100%;
  transform : translateY(50%);
  z-index : 10;
}
.booking-wrapper {
  background : #fff;
  padding : 22px;
  display : grid;
  grid-template-columns : 1.3fr 1fr 1fr 1.2fr 1.3fr;
  box-shadow : 0 20px 50px rgba(0, 0,0, .15);
}
.booking-field {
  padding : 5px 20px;
  border-right : 1px solid #ddd;
}
.booking-field label {
  display : block;
  font-size : 9px;
  letter-spacing : 2px;
  color : #999;
  margin-bottom : 8px;
}
.booking-field input, .booking-field select {
  width : 100%;
  border : 0;
  outline : 0;
  font-size : 13px;
  background : transparent;
}
.booking-btn {
  background : #111;
  color : #fff;
  border : 0;
  margin-left : 15px;
  font-size : 10px;
  letter-spacing : 2px;
}
section {
  padding : 90px 0;
}
.section-heading h2, .section-top h2 {
  font-family : "Playfair Display", serif;
  font-weight : 400;
  font-size : clamp(42px, 3vw, 70px);
  line-height : 1;
}
.section-heading h2 span, .section-top h2 span {
  font-style : italic;
}
.services-section {
  padding-top : 190px;
}
.service-box {
  text-align : center;
  padding : 20px 10px;
}
.service-icon {
  width : 70px;
  height : 70px;
  border : 1px solid var(--border);
  border-radius : 50%;
  margin : 0 auto 25px;
  display : flex;
  align-items : center;
  justify-content : center;
  font-size : 24px;
}
.service-box h4 {
  font-size : 14px;
  text-transform : uppercase;
  letter-spacing : 1px;
}
.service-box p {
  font-size : 12px;
  color : #777;
  line-height : 1.7;
}
.fleet-section {
  background : var(--light);
}
.section-top {
  display : flex;
  justify-content : space-between;
  align-items : flex-end;
  margin-bottom : 50px;
}
.text-link, .gold-link {
  font-size : 10px;
  letter-spacing : 2px;
  font-weight : 600;
}
  .text-link : hover, .gold-link : hover {
  color : var(--gold);
}
.car-card {
  background : #fff;
  padding-bottom : 25px;
}
.car-image {
  height : 350px;
  position : relative;
  overflow : hidden;
}
.car-image img {
  width : 100%;
  height : 100%;
  object-fit : cover;
  transition : transform .6s ease;
}
  .car-card : hover .car-image img {
  transform : scale(1.05);
}
.car-tag {
  position : absolute;
  top : 20px;
  left : 20px;
  background : #fff;
  padding : 8px 12px;
  font-size : 10px;
  letter-spacing : 2px;
  text-transform : uppercase;
  font-weight : 700;
}
.car-info {
  padding : 25px 25px 15px;
  display : flex;
  justify-content : space-between;
  gap : 15px;
}
.car-info h3 {
  font-family : "Playfair Display", serif;
  font-size : 24px;
  font-weight : 400;
}
.car-info p {
  font-size : 11px;
  color : #999;
}
.price {
  text-align : right;
  white-space : nowrap;
}
.price strong {
  display : block;
  font-size : 17px;
}
.price small {
  color : #999;
  font-size : 8px;
}
.car-link {
  margin-left : 25px;
  font-size : 12px;
  letter-spacing : 2px;
}
.swiper-button-next, .swiper-button-prev {
  color : #111;
}
.swiper-pagination-bullet-active {
  background : #111;
}
.luxury-section {
  background-image : url('../../images/chevelle-car-bg.jpg');
  background-size : cover;
  color : #fff;
  padding : 70px 0;
}
.luxury-section h2 {
  font-family : "Playfair Display", serif;
  font-size : clamp(30px, 2.5vw, 100px);
  font-weight : 400;
  line-height : .95;
}
.luxury-section h2 span {
  color : #c4b28e;
  font-style : italic;
}
.luxury-section .luxury_content {
  background : #0000008f;
  padding : 30px 50px;
}
.luxury-section p {
  color : rgba(255, 255, 255, .65);
  line-height : 1.9;
}
.luxury-section .large-text {
  font-size : 18px;
  color : #fff;
  margin-bottom : 25px;
}
.gold-link {
  color : #c4b28e;
  display : inline-block;
  margin-top : 25px;
}
.feature-card {
  position : relative;
  overflow : hidden;
}
.feature-card.large {
  height : 650px;
}
.feature-card.small {
  height : 310px;
}
.feature-card img {
  width : 100%;
  height : 100%;
  object-fit : cover;
  transition : transform .7s ease;
}
  .feature-card : hover img {
  transform : scale(1.05);
}
.feature-overlay {
  position : absolute;
  inset : 0;
  padding : 35px;
  display : flex;
  flex-direction : column;
  justify-content : flex-end;
  color : #fff;
  background : linear-gradient(
        transparent 30%,
        rgba(0, 0,0, .8));
}
.feature-overlay p {
  font-size : 9px;
  letter-spacing : 3px;
}
.feature-overlay h3 {
  font-family : "Playfair Display", serif;
  font-size : 38px;
  font-weight : 400;
}
.feature-overlay a {
  font-size : 9px;
  letter-spacing : 2px;
  margin-top : 10px;
}
.testimonial-section {
  background : #f5f4f0;
}
.testimonial {
  background : #fff;
  padding : 50px;
  text-align : center;
  max-width : 700px;
  margin : auto;
}
.stars {
  color : var(--gold);
  letter-spacing : 5px;
  margin-bottom : 25px;
}
.testimonial p {
  font-family : "Playfair Display", serif;
  font-size : 25px;
  line-height : 1.5;
}
.testimonial h5 {
  margin-top : 25px;
  font-size : 11px;
  letter-spacing : 2px;
}
.testimonial small {
  color : #999;
  font-size : 9px;
  letter-spacing : 2px;
}
.rental-week {
  background : #101010;
  color : #fff;
  padding : 75px 0px;
}
.rental-week h2 {
  font-family : "Playfair Display", serif;
  font-size : clamp(45px, 5vw, 75px);
  line-height : 1;
  font-weight : 400;
}
.rental-week h2 span {
  color : #c8b48d;
  font-style : italic;
}
.rental-week p {
  color : #aaa;
  max-width : 450px;
  line-height : 1.8;
}
.week-price {
  margin : 30px 0;
}
.week-price del {
  color : #777;
  margin-right : 10px;
}
.week-price strong {
  font-size : 30px;
}
.week-price small {
  color : #888;
  font-size : 9px;
  margin-left : 5px;
}
.requirement-box {
  padding-top : 25px;
  background : aliceblue;
  min-height : 270px;
  box-shadow : 0px 0px 2px #a7a7a7;
}
.requirement-box span {
  color : var(--gold);
  font-size : 11px;
}
.requirement-box h4 {
  font-family : "Playfair Display", serif;
  font-size : 25px;
  font-weight : 400;
  margin-top : 20px;
}
.requirement-box p {
  color : #777;
  font-size : 13px;
  line-height : 1.7;
}
.blog-card {
  background : #f5f4f0;
}
.blog-card img {
  width : 100%;
  height : 260px;
  object-fit : cover;
}
.blog-content {
  padding : 25px;
}
.blog-content small {
  font-size : 8px;
  letter-spacing : 2px;
  color : #999;
}
.blog-content h3 {
  font-family : "Playfair Display", serif;
  font-size : 25px;
  font-weight : 400;
  margin : 15px 0 25px;
}
.blog-content a {
  font-size : 9px;
  letter-spacing : 2px;
}
.footer {
  background : #080808;
  color : #fff;
  padding : 90px 0 30px;
}
.footer-logo {
  display : inline-block;
  margin-bottom : 25px;
}
.footer p {
  color : #777;
  font-size : 16px;
  line-height : 1.8;
  max-width : 350px;
}
.footer-phone {
  color : #c4b28e;
  display : inline-block;
  margin-top : 15px;
}
.footer h5 {
  font-size : 14px;
  letter-spacing : 2px;
  margin-bottom : 25px;
}
.footer ul {
  list-style : none;
  padding : 0;
}
.footer li {
  margin-bottom : 12px;
}
.footer li a {
  color : #888;
  font-size : 16px;
}
  .footer li a : hover {
  color : #fff;
}
.footer-bottom {
  border-top : 1px solid #222;
  margin-top : 60px;
  padding-top : 25px;
  display : flex;
  justify-content : space-between;
}
.footer-bottom p {
  font-size : 12px;
}
.footer-bottom a {
  color : #777;
  font-size : 12px;
  margin-left : 20px;
}
  @media (max-width : 991px) {
  .main-header{background : rgba(0, 0,0, .9);
}
.navbar-collapse {
  padding : 20px 0;
}
.nav-link {
  margin : 8px 0;
}
.header-phone {
  text-align : left;
  margin-top : 20px;
}
.hero {
  height : 750px;
}
.booking-wrapper {
  grid-template-columns : 1fr 1fr;
  gap : 15px;
}
.booking-field {
  border-right : 0;
  border-bottom : 1px solid #ddd;
  padding : 12px;
}
.booking-btn {
  min-height : 55px;
  margin : 0;
}
.services-section {
  padding-top : 260px;
}
  }@media (max-width : 767px) {
  section{padding : 80px 0;
}
.hero {
  min-height : 850px;
  height : auto;
  padding : 150px 0 200px;
}
.hero h1 {
  font-size : 55px;
}
.hero-buttons {
  flex-direction : column;
  width : 200px;
}
.booking-box {
  transform : translateY(50%);
}
.booking-wrapper {
  grid-template-columns : 1fr;
}
.services-section {
  padding-top : 330px;
}
.section-top {
  display : block;
}
.section-top .text-link {
  display : inline-block;
  margin-top : 25px;
}
.car-image {
  height : 280px;
}
.feature-card.large {
  height : 450px;
}
.feature-card.small {
  height : 250px;
}
.testimonial {
  padding : 30px 20px;
}
.testimonial p {
  font-size : 20px;
}
.footer-bottom {
  display : block;
}
.footer-bottom div {
  margin-top : 15px;
}
}.production-inquiry-section {
  position : relative;
  padding : 100px 0;
  overflow : hidden;
}
  .production-inquiry-section : :after {
  content : "";
  position : absolute;
  width : 100%;
  height : 500px;
  left : 0px;
  right : 0px;
  bottom : -250px;
  background : rgba(7, 84, 255, 0.08);
  border-radius : 50%;
  filter : blur(100px);
}
.production-heading {
  position : relative;
  z-index : 2;
  max-width : 750px;
  margin : 0 auto 50px;
  text-align : center;
}
.production-heading > span {
  display : block;
  color : var(--gold);
  font-size : 11px;
  font-weight : 700;
  letter-spacing : 4px;
  margin-bottom : 15px;
}
.production-heading h2 {
  color : #000;
  font-family : "Playfair Display", serif;
  font-size : clamp(38px, 3vw, 60px);
  font-weight : 500;
  line-height : 1.1;
  margin : 0 0 20px;
}
.production-heading h2 em {
  color : var(--gold);
  font-style : italic;
  font-weight : 400;
}
.production-heading p {
  color : #8b8b8b;
  font-size : 15px;
  line-height : 1.8;
  margin : 0 auto;
  max-width : 650px;
}
.production-form-box {
  position : relative;
  z-index : 2;
  max-width : 1100px;
  margin : auto;
  background : #fff;
  padding : 45px 50px 50px;
  box-shadow : 0 0px 10px rgba(0, 0, 0, .45);
  border-left : 5px solid var(--gold);
  border-right : 5px solid var(--gold);
}
.production-field {
  margin-bottom : 22px;
}
.production-field label {
  display : block;
  color : #111;
  font-size : 10px;
  font-weight : 700;
  letter-spacing : 1px;
  margin-bottom : 8px;
}
.production-field .form-control {
  width : 100%;
  min-height : 44px;
  border : 1px solid #e3e3e3;
  border-radius : 0;
  background : #f5f5f5;
  color : #222;
  font-size : 13px;
  padding : 11px 13px;
  box-shadow : none;
}
  .production-field .form-control : focus {
  background : #fff;
  border-color : var(--gold);
  box-shadow : 0 0 0 1px var(--gold);
}
.production-field textarea.form-control {
  min-height : 120px;
  resize : vertical;
}
.production-field select.form-control {
  cursor : pointer;
}
.production-field input[type="date"] {
  cursor : pointer;
}
.file-upload {
  position : relative;
  height : 44px;
}
.file-upload input[type="file"] {
  position : absolute;
  width : 100%;
  height : 100%;
  opacity : 0;
  cursor : pointer;
  z-index : 5;
}
.file-upload label {
  height : 44px;
  display : flex;
  align-items : center;
  justify-content : space-between;
  padding : 0 15px;
  margin : 0;
  background : #f5f5f5;
  border : 1px solid #e3e3e3;
  color : #222;
  cursor : pointer;
}
.file-upload label span {
  font-size : 10px;
  letter-spacing : 1px;
  font-weight : 700;
}
.file-upload label i {
  color : var(--gold);
  font-size : 16px;
}
.production-field > small {
  display : block;
  color : #999;
  font-size : 10px;
  margin-top : 5px;
}
.production-submit {
  text-align : center;
  margin-top : 15px;
}
.production-submit-btn {
  min-width : 230px;
  height : 52px;
  padding : 0 28px;
  border : 0;
  background : var(--gold);
  color : #fff;
  font-size : 10px;
  font-weight : 700;
  letter-spacing : 1.5px;
  cursor : pointer;
  transition : all .3s ease;
}
.production-submit-btn i {
  margin-left : 15px;
  font-size : 15px;
  transition : transform .3s ease;
}
  .production-submit-btn : hover {
  background : var(--dark);
  box-shadow : 0 12px 30px rgba(7, 84, 255, .25);
}
  .production-submit-btn : hover i {
  transform : translateX(5px);
}
@media (max-width : 767px) 
{
  .production-inquiry-section{padding : 70px 15px;
  }
    .production-inquiry-section : :before {
    width : 60%;
    height : 120px;
  }
  .production-heading {
    margin-bottom : 35px;
  }
  .production-heading h2 {
    font-size : 38px;
  }
  .production-heading p {
    font-size : 13px;
  }
  .production-form-box {
    padding : 30px 20px 35px;
    border-left-width : 3px;
    border-right-width : 3px;
  }
  .production-field {
    margin-bottom : 18px;
  }
  .production-submit-btn {
    width : 100%;
    min-width : auto;
  }
}