@import url(components.css);

:root {

  /* font-family */
  --aston-martin-sans: AstonMartinSans;
  --aston-martin-flare: AstonMartinFlare;
  --local-simHei: LocalSimHei;

  /* Primary */
  --primary-0: #E6F0EF;
  --primary-5: #93E4DB;
  --primary-10: #67B8AF;
  --primary-25: #3C8D84;
  --primary-50: #00665E;
  --primary-75: #00403A;
  --primary-100: #01201A;

  /* Secondary */
  --secondary-0: #B9F5FF;
  --secondary-5: #8EC9DB;
  --secondary-10: #649FB1;
  --secondary-25: #397688;
  --secondary-50: #004F5F;
  --secondary-100: #002C39;

  /* white */
  --white-80: #FFFFFFCC;
  --white-70: #FFFFFFB2;
  --white-50: #FFFFFF80;
  --white-35: #FFFFFF59;
  --white-25: #FFFFFF40;
  --white-15: #FFFFFF26;
  --white-5: #FFFFFF0D;

  /* States */
  --states-default-dark: #00665E;
  --states-hover-dark: #005750;
  --states-pressed-dark: #004944;
  --states-default-light: #FFFFFF;
  --states-hover-light: #E3F1F0;
  --states-pressed-light: #D7E9E7;
  --states-error-light: #D60000;
  --states-error-dark: #FF6363;
  --states-error-background: #291F1FCC;
  --states-warning-dark: #FFB040;
  --states-selected-dark: #00524BBF;
  --states-selected-light: #EEF0F080;

  /* Complementary */
  --complementary-dark-beige: #EFEDE9;
  --complementary-mid-beige: #F2F2F4;
  --complementary-light-beige: #F8F7F4;



  /* Neutral */
  --neutral-0: #FFFFFF;
  --neutral-5: #EEF0F0;
  --neutral-10: #E2E4E4;
  --neutral-20: #C5C9C9;
  --neutral-30: #ADAFAF;
  --neutral-40: #949696;
  --neutral-50: #7D7E7E;
  --neutral-60: #656666;
  --neutral-70: #4F5050;
  --neutral-80: #393A3A;
  --neutral-90: #252525;
  --neutral-100: #121212;

  /* genral-color */
  --balck: #000000;
  --white: #FFFFFF;

  /* black-light */
  --black-light: rgba(0, 0, 0, 0.15);
}



* {
  padding: 0px;
  margin: 0px;
  cursor: default;
}

html {
  scroll-behavior: smooth;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: AstonMartinSans;
  font-style: 400;
  font-size: 14px;
  font-weight: normal;
}

/* Custom scrollbar styles */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--neutral-5);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--primary-50);
  border-radius: 4px;
  transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-75);
}

/* Cursor styles */
a,
button,
[role="button"],
input[type="submit"],
input[type="button"],
.clickable {
  cursor: pointer !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
  cursor: text !important;
}

select {
  cursor: pointer !important;
}

a {
  text-decoration: none !important;
}

img {
  max-width: 100%;
}

/* header css start */
header {
  transition: 0.3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111;
  background-color: rgba(0, 0, 0, 1);
  width: 100%;
  backdrop-filter: blur(50px);
}

header .navbar-expand-lg .navbar-nav .nav-link {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 0;
}

header .navbar-expand-lg .navbar-nav .nav-link:hover{color: var(--primary-10);}
header .navbar-expand-lg .navbar-nav .active .nav-link{color: var(--primary-5);}


header .navbar-expand-lg .navbar-nav .nav-link svg {
  width: 16px;
  height: 16px;
}

header .navbar-expand-lg .navbar-nav .nav-link svg path {
  fill: var(--white);
}

header .container-fluid {
  flex-direction: row-reverse;
}

header .navbar-brand {
  margin: 0;
  margin-left: 15px;
}

header .navbar-nav {
  gap: 30px;
}

.site-wraper {
  padding-top: 76.76px;
}

body.fixed header {
  background-color: rgba(0, 0, 0, 0.7);
}

/* header css end */

.hero-swiper-slider {
  height: calc(100vh - 76.76px);
}

.hero-slider-content {
  height: 100%;
}

.hero-slider-img {
  height: 100%;
  overflow: hidden;
}

.hero-slider-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.swiper-pagination-white .swiper-pagination-bullet {
  transform: scale(1);
  margin: 0 4px;
  position: relative;
  width: 44px;
  height: 3px;
  background: rgba(255, 255, 255, .5);
  border-radius: 70px;
  overflow: hidden;
}

.swiper-pagination-white .swiper-pagination-bullet::before {
  background-color: rgba(255, 255, 255, .5);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active::before {
  width: 48px;
  border-radius: 70px;
  background: #fff;
  animation: slide-progress 10s cubic-bezier(0.5, 0.4, 1, 0.9) forwards;
}

.hero-swiper-slider .swiper-pagination {
  bottom: 30px !important;
}

@keyframes slide-progress {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

.hero-swiper-slider .swiper-button-next,
.hero-swiper-slider .swiper-button-prev {
  width: 60px;
  height: 60px;
}

.hero-swiper-slider .swiper-button-next {
  right: 55px;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 32H53.3334M53.3334 32L37.3334 16M53.3334 32L37.3334 48' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
}

.hero-swiper-slider .swiper-button-prev {
  left: 55px;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53.3333 32H10.6666M10.6666 32L26.6666 16M10.6666 32L26.6666 48' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
}

.hero-swiper-slider .swiper-button-next:after,
.hero-swiper-slider .swiper-button-prev:after {
  display: none;
}

.hero-slider-text {
  color: var(--white);
  position: absolute;
  bottom: 50px;
}

.hero-slider-text {
  color: var(--white);
}

.hero-slider-img video {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.hero-slider-text font {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}

.hero-slider-text h1 {
  font-size: 54px;
  font-weight: 400;
  line-height: 70px;
  font-family: var(--aston-martin-flare);
  margin-bottom: 15px;
}

.hero-slider-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.hero-slider-text button {
  width: 150px;
}

.search-section {
  background-color: var(--primary-50);
}

.search-section h2 {
  color: var(--white);
  font-family: var(--aston-martin-flare);
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 0;
}

.search-inner .form-group {
  min-width: 400px;
}

.explore-featured-card {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  padding: 35px 25px;
}

.explore-featured-card img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}

.explore-featured-card:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 69.06%);
  z-index: -1;
  opacity: 70%;
}

.explore-featured-section .row>* {
  display: flex;
}

.explore-featured-section .row>*>* {
  flex: 1;
}

.explore-featured-card h3 {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: var(--white);
  font-family: var(--aston-martin-flare);
}

.welcome-section {
  background-color: var(--neutral-100);
}

.welcome-text-inner h2 {
  color: var(--white);
  font-family: var(--aston-martin-flare);
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 0;
}

.welcome-text-inner p {
  color: var(--white);
  font-size: 18px;
  line-height: 28px;
}

.welcome-description-text p {
  margin-bottom: 0;
}

.welcome-text-inner {
  padding: 0px 15%;
}


.why-dealer-x-section h2 {
  margin-bottom: 32px;
}

.why-dealer-x-card-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 120px;
}

.why-dealer-x-card {
  flex: 1;
  position: relative;
}

.why-dealer-x-card:after {
  content: "";
  position: absolute;
  right: -60px;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--neutral-20);
}

.why-dealer-x-card h4 {
  margin-bottom: 0;
}

.model-range-section {
  background: url(../images/bg-car-slider-home.jpg);
  background-size: cover;
  background-position: top center;
  min-height: calc(100vh - 80px);
  display: flex;
}

.car-img-slider {
  padding: 0px 28%;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
}

.car-img-slider img {
  margin: auto;
  width: 100%;
}

.range-title {
  max-width: 680px;
  margin: auto;
  text-align: center;
  color: var(--white);
}

.model-range-section>.container-fluid {
  row-gap: 45px;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.model-range-section .model-range-slider {
  width: 100%;
  height: 100%;
}

.model-range-section .model-range-slider-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.model-range-slider-text-inner {
  color: var(--white);
  text-align: center;
}

.model-range-slider-text-inner font {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}

.model-range-slider-text-inner h1 {
  font-family: var(--aston-martin-flare);
  margin-bottom: 15px;
}

.model-range-slider-text-inner p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.model-range-slider-text-inner .d-flex.gap-4 {
  justify-content: center;
  margin-top: 20px;
}

.swiper-arrow-btns>div {
  position: static;
  width: 68px;
  height: 24px;
}

.swiper-arrow-btns>div:after {
  display: none;
}

.swiper-arrow-btns {
  position: relative;
  bottom: 136px;
  max-width: 510px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: revert-layer;
}

.swiper-arrow-btns .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='24' viewBox='0 0 68 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M66 12H2M2 12L12.0005 2M2 12L12.0005 22' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.swiper-arrow-btns .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='24' viewBox='0 0 68 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12H66M66 12L55.9995 2M66 12L55.9995 22' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.info-section .info-text {
  padding: 15%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: start;
}

.info-section .info-text p,
.info-section .info-text h3 {
  margin: 0;
}

.info-section .container-fluid>.row {
  margin-bottom: 120px;
}

.info-section .container-fluid>.row:last-child {
  margin-bottom: 0;
}

.parallax-image-scroll {
  overflow: hidden;
}

.map-info-section {
  background-color: #F4F4F2;
}

.map-info-row .map-info-img {
  min-width: 76px;
}

.map-info-inner .map-info-row {
  gap: 25px;
  padding: 40px 0;
  border-bottom: 1px solid var(--neutral-10);
}

.map-info-inner .map-info-row:first-child {
  padding-top: 0;
}

.map-info-inner .map-info-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.map-info-row .map-info-text {
  width: 100%;
}

.map-info-section {
  position: relative;
}

.map-info-section .map-iframe-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width:40%;
  height: 100%;
}

.map-info-section .map-iframe-wrap iframe {
  width: 100%;
  height: 100%;
}

.map-info-area {
  padding-right: 60px;
}

.map-info-area>h2 {
  margin-bottom: 80px;
}

.testimonials-section {
  background-color: var(--neutral-90);
}

.testimonials-slider-content p {
  color: var(--white);
}

.testimonials-slider-content span {
  color: var(--neutral-40);
}

.testimonials-swiper-slider>.swiper-wrapper {
  margin: 100px 0;
}

.swiper-pagination-with-arrows {
  position: relative;
}

.swiper-pagination-with-arrows .swiper-pagination {
  position: static;
}

.swiper-pagination-with-arrows .swiper-button-next {
  position: static;
}

.swiper-pagination-with-arrows .swiper-button-prev {
  position: static;
}

.swiper-pagination-with-arrows .swiper-arrow-btns-bottom {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: -15px;
  pointer-events: none;
}

.swiper-pagination-with-arrows .swiper-arrow-btns-bottom>div {
  pointer-events: initial;
  width: 60px;
  height: 60px;
}

.swiper-pagination-with-arrows .swiper-arrow-btns-bottom>div:after {
  display: none;
}

.swiper-pagination-with-arrows .swiper-button-prev {
  left: 55px;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53.3333 32H10.6666M10.6666 32L26.6666 16M10.6666 32L26.6666 48' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
}

.swiper-pagination-with-arrows .swiper-button-next {
  right: 55px;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 32H53.3334M53.3334 32L37.3334 16M53.3334 32L37.3334 48' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
  position: relative;
}

.swiper-arrow-black .swiper-pagination-bullet {
  background-color: var(--neutral-30);
}

.swiper-arrow-black .swiper-pagination-bullet::before {
  background-color: var(--neutral-30);
}

.swiper-arrow-black .swiper-pagination-bullet-active::before {
  background-color: var(--neutral-100);
}

.swiper-arrow-black .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53.3333 32H10.6666M10.6666 32L26.6666 16M10.6666 32L26.6666 48' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.swiper-arrow-black .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 32H53.3334M53.3334 32L37.3334 16M53.3334 32L37.3334 48' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.home-blog-section {
  background: #F4F4F2;
}

.home-blog-section .heading-with-btn {
  padding-right: 60px;
}

.home-blog-slider-content .home-blog-slider-img {
  overflow: hidden;
  border-radius: 6px;
  display: block;
  margin-bottom: 24px;
  aspect-ratio: 16/9;
}

.home-blog-slider-content .home-blog-slider-img img {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home-blog-slider-content:hover .home-blog-slider-img img {
  transform: scale(1.05);
}

.home-blog-slider-content span {
  color: #848484;
  font-size: 18px;
}

.home-blog-slider-content a h4 {
  color: var(--neutral-100);
  font-size: 34px;
  line-height: 47px;
  font-family: var(--aston-martin-flare);
}

footer {
  padding-top: 82px;
  padding-bottom: 32px;
  background-color: var(--neutral-100);
}

.logo-footer {
  text-align: center;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--neutral-50);
}

.logo-footer a {
  display: inline-block;
}

.logo-footer a img {
  width: 130px;
  pointer-events: none;
}

.footer-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.footer-links a {
  font-size: 14px;
  font-weight: 300;
  color: var(--neutral-50);
}

.footer-links a:hover {
  color: var(--white);
}

.footer-social-links a {
  font-size: 24px;
}


/* explore css start */
.explore-banner-section {
  min-height: 700px;
  position: relative;
}

.explore-banner-section .explore-banner-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}

.explore-banner-section .banner-text-3 p {
  max-width: 680px;
}

.banner-text-3 p {
  margin: 0;
}

.banner-text-3 span {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: var(--aston-martin-flare);
}

.banner-text-3 h1 {
  margin-top: 5px;
  margin-bottom: 20px;
}

.explore-banner-section .container-fluid {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.explore-message-section {
  position: relative;
}

.explore-message-marquee {
  position: absolute;
  right: 0;
  top: 0;
  width: 52%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.explore-message-marquee h2 {
  font-size: 300px;
  white-space: nowrap;
  position: relative;
  line-height: inherit;
  opacity: 3.2%;
}

.car-explore-main-box {
  position: relative;
}

.car-explore-list-section {
  background-color: #F4F4F2;
  position: relative;
}

.car-explore-list-section .car-explore-main-box {
  /* height: 380px; */
  position: relative;
  height: auto;
  z-index: 1;
}

.car-explore-list-section .car-explor-box-main-img {
  position: absolute;
  left: 0;
  display: none;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.car-explore-list-section .car-explor-box-main-img img {
  object-fit: contain;
  object-position: right bottom;
  width: 100%;
  height: 100%;
}

.car-explore-list-section .banner-text-3 p {
  max-width: 250px;
}

.car-explore-card {
  padding: 30px;
}

.car-explore-card .card-explore-card-btns .btn {
  width: 33.33%;
  min-width: auto;
  flex: 1 0 0%;
}

.car-explore-card .card-explore-card-btns {
  column-gap: 10px;
  flex-wrap: wrap;
}

.car-explore-list-item .col-md-4 {
  padding-right: 0;
}

.car-explore-list-item .col-md-8 {
  padding-left: 0;
}

.car-explore-swiper-slider {
  margin-right: -60px !important;
}

.car-explore-swiper-slider .swiper-pagination-with-arrows {
  margin-top: 40px;
}

.card-explore-card-text h3 {
  margin: 0;
}

.card-explore-card-img {
  margin: 20px 0;
  aspect-ratio: 16/8;
}

.card-explore-card-img img {
  width: 100%;
  object-fit: contain;
  height: 100%;
  object-position: center;
}

.car-explore-list-inner {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.explore-welcome-img img {
  width: 100%;
}

/* explore css end */

/* car view css strat */
.car-view-banner-section {
  min-height: calc(100vh - 75px);
}

.car-view-banner-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.car-view-banner-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.car-statics-section {
  background: url(../images/car-view/bg-statics.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.car-statics-inner {
  max-width: 1280px;
  margin: auto;
}

.car-statics-inner .statics-item {
  border-left: 1px solid rgba(255, 255, 255, 20%);
  padding: 25px;
}

.car-statics-inner .row .col-md-3:first-child .statics-item {
  border-left: none;
}

.car-statics-inner .statics-item span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}

.car-statics-inner .statics-item span div {
  opacity: 50%;
}

.car-statics-inner .statics-item h2 {
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 0;
  margin-top: 10px;
}

.performance-section {
  background-color: #F4F4F2;
}

.performance-item-col {
  background: var(--white);
}

.performance-item-col figure {
  margin: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.performance-item-col figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.performance-item-col figcaption {
  padding: 40px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.performance-item-col figcaption span {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: var(--aston-martin-flare);
}

.performance-inner-right .performance-item-row {
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 100%;
}

.performance-inner-right .performance-item-col {
  display: flex;
  flex: 1;
}

.performance-inner-right .performance-item-col figcaption {
  min-height: initial;
}

.performance-inner-right .performance-item-col figure {
  min-width: 55%;
}

.quote-section {
  background: var(--primary-50);
}

.quote-section h2 {
  color: var(--white);
  font-family: var(--aston-martin-sans);
  font-size: 44px;
  font-weight: 300;
  color: rgba(255, 255, 255, 50%);
}

.quote-section h2 b {
  font-weight: 500;
  color: rgba(255, 255, 255, 100%);
}

.quote-author {
  margin-top: 60px;
  color: var(--white);
  padding-left: 70px;
  position: relative;
}

.quote-author:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 49px;
  height: 2px;
  background: rgba(255, 255, 255, 50%);
  top: 50%;
}

.quote-author h3 {
  margin-bottom: 0;
}

.quote-author p {
  margin-bottom: 0;
  opacity: 50%;
}

.hero-section-view-car .hero-slider-text p {
  max-width: 600px;
}

.quote-section-dark {
  background: var(--neutral-90);
}

.quote-section-dark .quote-author:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 49px;
  height: 2px;
  background: var(--primary-25);
  top: 50%;
}

/* car view css end */


/* enquiry css start */
.offcanvas-full-screen .btn-close {
  position: fixed;
  top: 20px;
  left: 50px;
  background-color: var(--white-50);
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5 9.5L9.5 28.5M9.5 9.5L28.5 28.5' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 60px;
  height: 60px;
  border-radius: 50%;
  opacity: 1;
  background-size: 38px;
  backdrop-filter: blur(5px);
}

.offcanvas-full-screen .btn-close:hover {
  background-color: var(--white);
}

.offcanvas.offcanvas-full-screen {
  width: calc(100% - 170px);
  border: none;
}

.tabs-progress ul {
  display: flex;
  flex-direction: row;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tabs-progress ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--neutral-70);
}

.tabs-progress ul li a font {
  font-size: 16px;
  font-weight: 500;
}

.tabs-progress ul li a span {
  font-size: 16px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--neutral-10);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tabs-progress ul li.active a font {
  color: var(--neutral-100);
}

.tabs-progress ul li.active a span {
  background-color: var(--neutral-100);
  color: var(--white);
}

.tabs-progress ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tabs-progress ul li.completed a span {
  background-color: var(--primary-50);
  color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.tabs-progress ul li.completed font {
  color: var(--primary-50);
}

.tabs-progress ul li:after {
  content: "";
  width: 40px;
  height: 1.5px;
  background-color: var(--neutral-10);
}

.tabs-progress ul li:last-child:after {
  display: none;
}

.offcanvas-full-screen .offcanvas-header {
  padding: 25px 80px;
  position: relative;
}

.offcanvas-full-screen .offcanvas-header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(270deg, rgba(226, 228, 228, 0) 0.15%, #E2E4E4 4.33%, #E2E4E4 95.77%, rgba(226, 228, 228, 0) 99.85%);
}

.offcanvas-full-screen .offcanvas-header p {
  margin: 0;
  color: var(--neutral-40);
}

.tabs-progress {
  margin-top: 50px;
}

.offcanvas-full-screen .offcanvas-body-left {
  width: 45%;
  padding: 40px 80px;
  overflow: auto;
}

.offcanvas-full-screen .offcanvas-body-right {
  width: 55%;
}

.offcanvas-body-right {
  background: #EDEDED;
}

.offcanvas-full-screen .offcanvas-body {
  padding: 0;
}

.offcanvas-full-screen .offcanvas-body-inner {
  height: 100%;
  display: flex;
}

.offcanvas-full-screen .offcanvas-body-right {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.offcanvas-full-screen .offcanvas-body-right figcaption span {
  font-size: 18px;
  text-transform: uppercase;
  font-family: var(--aston-martin-flare);
}

.offcanvas-full-screen .offcanvas-body-right figure {
  margin: 0;
  margin-top: 60px;
}

.offcanvas-full-screen .offcanvas-body-right figure img {
  width: 80%;
}

.select-enquiry-type ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.select-enquiry-type ul li .checkbox-custom-box {
  position: relative;
  display: flex;
  height: 120px;
  background-color: #EDEDED;
  border-radius: 4px;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
}

.select-enquiry-type ul li .checkbox-custom-box span {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 24px;
  padding-left: 30px;
}

.select-enquiry-type ul li .checkbox-custom-box font {
  text-transform: uppercase;
  width: 170px;
  font-size: 96px;
  font-family: var(--aston-martin-flare);
  align-items: center;
  display: flex;
  color: var(--neutral-10);
  white-space: pre;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.select-enquiry-type ul li .checkbox-custom-box input[type="radio"]:checked+label span {
  color: var(--white);
}

.select-enquiry-type ul li .checkbox-custom-box input[type="radio"]:checked+label font {
  color: var(--white-5);
}

.select-enquiry-type ul li .checkbox-custom-box input[type="radio"]:checked+label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-50);
  z-index: -1;
  pointer-events: none;
}

.select-enquiry-type ul li .checkbox-custom-box input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: pointer;
  z-index: 1;
}

.min-h-100 {
  min-height: 100%;
}

.description-text {
  color: var(--neutral-50);
}

.enquiry-thanks-text-body-col h5 {
  font-weight: 600;
}

.enquiry-thanks-text-header {
  margin-bottom: 30px;
}

.enquiry-thanks-text-header p {
  margin-bottom: 0;
  color: var(--neutral-50);
}

.enquiry-thanks-text-body-row {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* enquiry css end */

/* specifications css start */
.specifications-offcanvas-body {
  padding: 80px 60px;
}

.specifications-offcanvas-body .specifications-header {
  border-bottom: 1px solid var(--neutral-10);
  padding-bottom: 30px;
}

.specifications-accordion .accordion-item {
  display: flex;
  padding: 30px 0;
}

.specifications-accordion .accordion-item .accordion-header {
  width: 45%;
}

.specifications-accordion .accordion-item .accordion-collapse {
  width: 55%;
}

.specifications-accordion .accordion-item .accordion-button {
  justify-content: start;
  flex-direction: row-reverse;
  color: var(--neutral-100);
  font-size: 28px;
  padding: 0;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.specifications-header h1{font-size: 40px;}

.specifications-accordion .accordion-item .accordion-button:after {
  margin: 0;
  margin-right: 25px;
}

/* specifications css end */




/*news-pages-css start*/
.news-list ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  gap: 30px;
  row-gap: 60px;
  margin: 0;
  list-style: none;
}

.news-detail-image {
  height: 42vw;
  overflow: hidden;
}

.news-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.news-detail-text {
  padding: 60px 0 0 0px;
}

.news-detail-text ul {
  list-style: disc;
  padding: 0 0 30px 15px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.news-detail-text ul li {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 32px;
  color: var(--neutral-100);
  font-family: var(--aston-martin-flare);
  font-weight: 600;
}

.news-detail-text p {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 32px;
  color: var(--neutral-100);
  font-family: var(--aston-martin-flare);
}


.news-detail-text p:empty,
.news-detail-text strong:empty {
    display: none;
}


.news-detail-text p:last-child {
  margin-bottom: 0;
}

/* calendar css start */
.zabuto-calendar {
  background: var(--white);
  border-spacing: 10px;
  border-collapse: separate;
  border: none;
}

.zabuto-calendar tbody tr td {
  box-shadow: 0px 1px 2px rgba(0, 64, 58, 0.04), inset 0px 1px 2px rgba(255, 255, 255, 0.3), inset 0px -1px 0px rgba(0, 64, 58, 0.03);
  border: none;
  padding: 8px 10px;
  background-color: var(--neutral-5);
  color: var(--primary-50);
  border-radius: 2px;
}

.zabuto-calendar thead tr th {
  border: none;
  background: none;
}

.zabuto-calendar.table>thead:first-child>tr:first-child>td {
  border: none !important;
}

.zabuto-calendar tbody tr td:first-child {
  background-color: var(--states-hover-light);
}

.zabuto-calendar tbody tr td:last-child {
  background-color: var(--states-hover-light);
}

.zabuto-calendar__day--empty {
  background: none !important;
  box-shadow: none !important;
  background-color: none !important;
}

.zabuto-calendar__days-of-week th {
  padding: 0 !important;
  font-weight: 500 !important;
  font-size: 16px;
}

.zabuto-calendar__navigation td {
  padding: 0 !important;
}

.zabuto-calendar__navigation__item--prev {
  color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.666 16H5.33268M5.33268 16L13.3327 8M5.33268 16L13.3327 24' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
}

.zabuto-calendar__navigation__item--next {
  color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33398 16H26.6673M26.6673 16L18.6673 8M26.6673 16L18.6673 24' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
}

.zabuto-calendar__navigation__item--header__title {
  font-size: 20px;
  font-weight: 500;
  color: var(--neutral-100);
}

.zabuto-calendar__navigation td {
  background-color: #fff !important;
}

.zabuto-calendar__days-of-week th {
  background-color: #fff !important;
  border: none !important;
}

.zabuto-calendar.table>tbody>tr:last-child>td {
  border-bottom: none !important;
}

.slot-time-select {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  gap: 12px;
}

.slot-time-select .slot-time-select-inner {
  cursor: pointer;
  background-color: var(--neutral-5);
  color: var(--primary-50);
  padding: 10px 16px;
  font-size: 16px;
  border-radius: 2px;
  box-shadow: 0px 1px 2px rgba(0, 64, 58, 0.04), inset 0px 1px 2px rgba(255, 255, 255, 0.3), inset 0px -1px 0px rgba(0, 64, 58, 0.03);
  min-width: 110px;
  text-align: center;
}

.slot-time-select .slot-time-select-inner.active {
  background: var(--primary-50);
  color: var(--white);
}

.slot-time-select .slot-time-select-inner sup {
  margin-left: 2px;
}

.slot-time-select p {
  margin: 0;
}

/* calendar css end */



.contact-content {
  padding: 70px 0px;
}

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

.contact-form {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  border: solid 1px #F4F4F2;
  padding: 30px;
  border-radius: 10px;
}

textarea.form-control {
  height: 150px;
}

.service-content-des {
  text-align: center;
}

.service-content-des h3 {
  font-weight: 500;
  font-size: 20px;
}

.service-content-des h4 {
  font-weight: 500;
  font-size: 18px;
}

.service-content-des p {
  font-size: 16px;
}

.further-info-block {
  text-align: left;
}

.further-info-block h3 {
  font-weight: normal;
  font-size: 32px;
  margin-bottom: 30px;
}

.further-info-block-inner {
  max-width: 600px;
  margin: auto;
}

.stay-connected h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
}

.stay-connected p {
  font-size: 16px;
  line-height: 28px;
}

.stay-connected p a {
  color: var(--bs-body-color);
}

.stay-connected ul {
  margin: 0 0 1rem 15px;
  padding: 0;
}

.stay-connected ul li {
  font-size: 16px;
  margin-bottom: 10px;
}

.stay-connected ul li:last-child {
  margin-bottom: 0px;
}

.select-language .form-select {
  background: transparent;
  color: var(--white);
  appearance: auto;
  width: 130px;
  height: 40px;
  border-radius: 5px;
  border: solid 1px #404040;
  box-shadow: none;
}

.select-language .form-select option {
  color: var(--balck);
}

.explore-sec-3-4-inner {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background: #000;
  height: 70vh;
}

.explore-sec-3-4-inner .explore-sec-3-4-text {
  background: linear-gradient(1deg, #000, transparent);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
}

.explore-sec-3-4-inner img {
  opacity: .8;
  transition: .8s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.explore-sec-3-4-inner:hover img {
  transform: scale(1.08);
}

.explore-sec-3-4-inner .explore-sec-3-4-text>div {
  display: flex;
  flex-direction: column;
  gap: 20px;
  gap: 20px;
  flex-flow: wrap;
}
.car-view-banner-video img {
  object-fit: cover;
}

.week-list li b{display: inline-block; min-width: 100px;}

.week-list-service-box{max-width: 600px; margin:30px auto; text-align: left;}
.week-list-service-box h5{font-weight: 500; font-size: 20px; margin-bottom: 15px;}

p{letter-spacing: 1px;}


/*team page css here*/

.team-content-bg .col-md-6{display: flex;}

.team-box {display: flex; gap: 30px; background-color: var(--neutral-5); padding: 20px; width:100%;}  
.team-box figure{width: 250px; flex:0 0 250px; margin: 0;}
.team-box figure img{aspect-ratio: 10/14; width: 100%; object-fit: cover;}
.team-tittle h3{font-size: 32px; font-weight: 700;}
.team-tittle h6{font-size: 18px; color: #7D7E7E; font-weight: 600;}
.team-box figcaption{gap: 30px;}
.team-box figcaption p{margin: 0; font-size: 18px; color: var(--neutral-50); font-weight: 700;}


ul.gallery-image {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; list-style: none; padding: 0;}
ul.gallery-image li {text-align: center;}
ul.gallery-image img {max-width: 100%; height: auto;}
.grid .gallery-image img{aspect-ratio: 10/7; width: 100%; object-fit: cover;}



/* sidebar menu active  */
.sidebar-menu .active a {background-color: #007bff; /* Adjust the background color */ color: #fff;}
.sidebar-menu .active a:hover{background-color: #0056b3; /* Adjust the hover color */}


.car-statics-inner .row{justify-content: center; display: flex; flex-wrap: wrap;}