/* Offer Displays */
/* Comment in style below if no offer, comment out if there is an offer */
/* #hsd-volvo-MODELlower {display: none !important;} */

/* Inner Card Displays (add one for each model) */
/* Comment out to show offer | Show one at a time */
/* |==---------------==| */
/* Nissan MODEL */
/* // *** Lease *** // */
/* #hsd-volvo-MODELlower .hsd-lease-offer {display: none;} */
/* // *** Finance *** // */
#hsd-volvo-MODELlower .hsd-finance-offer {
  display: none;
}
/* // *** No Unique Offer *** // */
#hsd-volvo-MODELlower .hsd-unique-offer {
  display: none;
}

/* ------------ */
/* Import Fonts */
@font-face {
  font-family: Volvo Novum;
  src: url("https://firebasestorage.googleapis.com/v0/b/hseo-cdn.appspot.com/o/OEM-Fonts%2FVolvo%2FVOLVONOVUM-REGULAR.OTF?alt=media&token=17135caf-e553-4e15-a8fa-367efa24fa93");
}
@font-face {
  font-family: Volvo Novum Medium;
  src: url("https://firebasestorage.googleapis.com/v0/b/hseo-cdn.appspot.com/o/OEM-Fonts%2FVolvo%2FVOLVONOVUM-MEDIUM.OTF?alt=media&token=8929018c-aacf-4de9-9105-02fed0e13f7b");
}

/* Page CSS */
.hsd-custom {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  background: #eee;
}
.hsd-custom-title {
  font-size: 2.25rem;
  font-weight: inherit;
  font-family: Volvo Novum;
  text-transform: none;
  letter-spacing: normal;
  color: inherit;
  text-align: center;
  margin: 0 !important;
  padding: 32px 0 !important;
}
.hsd-content {
  max-width: 1440px;
  padding: 2rem 3rem;
  margin: 0 auto;
}
.hsd-banner-content {
  padding: 2rem 9rem 0;
}
.hsd-lease-grid {
  /* display: grid; grid-template-columns: repeat(3, 1fr); */
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 1440px;
  padding: 2rem;
  gap: 20px;
}
.hsd-lease-cards {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 400px; /* padding: 24px 34px; */
  background: #fff; /* max-height: 620px; */
}
.hsd-card-head-cont {
  position: absolute;
  top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.hsd-card-head {
  display: flex;
  flex-flow: column;
  margin: 0; /* gap: 4px; */
  text-align: center;
}
.hsd-vehicle {
  color: #000;
  text-align: center;
  font-family: "Volvo Novum Medium";
  font-size: 24px !important;
  font-style: normal;
  font-weight: 700;
}
.hsd-trim {
  color: #000;
  text-align: center;
  font-family: "Volvo Novum";
  font-size: 20px;
  font-style: normal;
  font-weight: 400; /* line-height: 32px; */
}
.hsd-card-img {
  width: 100%;
  padding: 0 0 28px;
}
.hsd-bottom-section {
  display: flex;
  flex-flow: column;
  justify-content: space-between; /* min-height: 475px; */
  padding: 0 40px;
  width: 100%;
}
.hsd-card-offer {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 20px;
}
.hsd-offer-type {
  color: rgba(0, 0, 0, 0.96);
  font-family: "Volvo Novum";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.64px;
  text-align: center;
  margin: 0;
}
.hsd-offer {
  color: rgba(0, 0, 0, 0.96);
  font-family: "Volvo Novum";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.64px;
}
.hsd-offer-details {
  color: rgba(0, 0, 0, 0.64);
  font-family: "Volvo Novum";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.24px;
  text-align: center;
  margin: 0;
}
.hsd-card-content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  color: #000;
  font-family: Volvo Novum;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 14px; /* padding: 26px 0 24px 0; */
  margin: 0;
  height: 80px;
} /* .hsd-card-content p {margin: 0;} */
.hsd-card-btn-disc {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.hsd-btn-cont {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
} /* General BTN Styles */
.hsd-btn {
  display: flex;
  width: 100%;
  height: 48px;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  text-align: center;
  font-family: "Volvo Novum";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  letter-spacing: 0.28px;
  text-transform: uppercase;
  transition: all 0.25s;
} /* General BTN Pseudo-Elements */

.hsd-btn:hover,
.hsd-btn:visited,
.hsd-btn:link,
.hsd-btn:active {
  text-decoration: none !important;
} /* Primary BTN Styles */
.hsd-btn-pri {
  background: #0c206f;
  border: 2px solid #0c206f;
  color: #fff !important;
} /* Secondary BTN Styles */
.hsd-btn-sec {
  background: transparent;
  border: 2px solid #000;
  color: #000 !important;
}
.hsd-btn-pri:hover,
.hsd-btn-sec:hover {
  background: #000000;
  border: 2px solid #000000;
  color: #ffffff !important;
} /* Disclaimer Styles */
.hsd-disc-cont {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.hsd-disc {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 0;
  color: #020b24;
  font-family: Volvo Novum;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 12px */
}
/* .hsd-trigger {} */

/* Start Modal Content */
.hsd-modal {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  background-color: #ffffff;
  color: #000;
  padding: 20px;
  overflow-y: scroll;
}
.hsd-modal-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
.hsd-modal-close {
  text-align: right;
  cursor: pointer;
}
/* @media (max-width: 1350px) { .hsd-lease-grid { grid-template-columns: repeat (3, 1fr) !important; } } @media (max-width: 1152px) { .hsd-lease-grid { grid-template-columns: repeat (2, 1fr) !important; } } */
@media (max-width: 767px) {
  /* .hsd-lease-grid { justify-items: center; grid-template-columns: 1fr !important; } */
  .hsd-card-content > p {
    text-align: center;
  }
  .hsd-bottom-section {
    min-height: 0;
  }
}