/* =========================================================
           BIG DIAMOND APPOINTMENT PAGE
           Everything is scoped to .bd-appointment-page
        ========================================================== */

   .bd-appointment-page {
       --bd-black: #151515;
       --bd-white: #ffffff;
       --bd-cream: #f5f3ef;
       --bd-light: #faf9f6;
       --bd-grey: #6e6b66;
       --bd-border: rgba(21, 21, 21, 0.15);
       --bd-dark-border: rgba(255, 255, 255, 0.18);

       color: var(--bd-black);
       background: var(--bd-light);

       font-family: inherit;
       line-height: 1.4;

       overflow: clip;
   }

   .bd-appointment-page *,
   .bd-appointment-page *::before,
   .bd-appointment-page *::after {
       box-sizing: border-box;
   }

   .bd-appointment-page img {
       display: block;
       width: 100%;
   }

   .bd-appointment-page a {
       color: inherit;
   }

   .bd-appt-container {
       width: min(calc(100% - 96px), 1440px);
       margin-inline: auto;
   }

   .bd-appt-eyebrow {
       margin: 0 0 20px;

       font-size: 11px;
       line-height: 1.2;
       font-weight: 600;

       letter-spacing: .16em;
       text-transform: uppercase;
   }

   .bd-appt-serif {
       font-family: Georgia, "Times New Roman", serif;
       font-weight: 400;
   }


   /* =========================================================
           BUTTON
        ========================================================== */

   .bd-appt-button {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 24px;

       min-height: 56px;
       padding: 0 28px;

       border: 1px solid var(--bd-black);

       background: var(--bd-black);
       color: var(--bd-white);

       font-size: 11px;
       line-height: 1;
       letter-spacing: .1em;
       text-transform: uppercase;

       text-decoration: none;

       transition:
           background .3s ease,
           color .3s ease,
           transform .3s ease;
   }

   .bd-appt-button:hover {
       background: transparent;
       color: var(--bd-black);
       transform: translateY(-2px);
   }

   .bd-appt-final-actions .bd-appt-button-light {
       background: var(--bd-white);
       color: var(--bd-black);
       border-color: var(--bd-white);
   }

   .bd-appt-final-actions .bd-appt-button-light:hover {
       background: transparent;
       color: var(--bd-white);
   }




   /* =========================================================
           BOOKING section
        ========================================================== */


   .bd-booking-section {
       width: 100%;
       background: #fff;

       padding: 80px 0 100px;
   }

   .bd-booking-container {
       width: min(100% - 40px, 800px);
       margin: 0 auto;
   }




   /* =========================================================
   INTRO
========================================================= */

   .bd-booking-intro {
       text-align: center;

       margin: 0 auto 40px;
   }

   .bd-booking-intro h2 {
       margin: 0 0 18px;

       font-family:
           "Cormorant Garamond",
           "Times New Roman",
           serif;

       font-size: clamp(25px, 2vw, 25px);
       font-weight: 400;
       line-height: 1.1;

       letter-spacing: -0.02em;

       color: #17191b;
   }

   .bd-booking-intro p {
       max-width: 760px;

       margin: 0 auto;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 16px;
       font-weight: 400;
       line-height: 1.6;

       color: #171f27;
   }


   /* =========================================================
   KLAVIYO FORM PLACEHOLDER
========================================================= */

   .bd-booking-form-placeholder {
       width: 100%;
       max-width: 700px;
       /* border: 1px dotted #000; */
       min-height: 650px;
       margin: 0 auto;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .bd-booking-form-placeholder p {
       font-family: "Times New Roman", serif;
       font-size: clamp(25px, 2vw, 25px);
       font-weight: 400;
       line-height: 1.1;
       color: #17191b;

   }


   /* =========================================================
           TESTIMONIALS
        ========================================================== */

   /* =========================================================
   CRAFTSMANSHIP / SOCIAL PROOF
========================================================= */

   .bd-social-proof {
       padding: 110px 0;
       background: #f8f7f4;
       overflow: hidden;
   }

   .bd-social-proof-container {
       width: min(1320px, calc(100% - 80px));
       margin: 0 auto;
   }


   /* =========================================================
   HEADING
========================================================= */

   .bd-social-proof-heading {
       max-width: 700px;
       margin: 0 auto 55px;
       text-align: center;
   }

   .bd-section-eyebrow {
       display: block;

       margin-bottom: 16px;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 12px;
       font-weight: 700;

       letter-spacing: .12em;

       color: #6d6d6d;
   }

   .bd-social-proof-heading h2 {
       margin: 0 0 18px;

       font-family:
           "Cormorant Garamond",
           "Times New Roman",
           serif;

       font-size: clamp(44px, 5vw, 64px);
       font-weight: 400;

       line-height: 1;

       color: #202326;
   }

   .bd-social-proof-heading p {
       margin: 0;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 16px;
       line-height: 1.6;

       color: #263442;
   }


   /* =========================================================
   SLIDER
========================================================= */

   .bd-testimonial-slider {
       width: 100%;
       overflow: hidden;
   }

   .bd-testimonial-track {
       display: flex;
       gap: 20px;

       transition: transform .55s cubic-bezier(.22, .61, .36, 1);
   }


   /* =========================================================
   CARD
========================================================= */

   .bd-testimonial-card {
       flex: 0 0 calc((100% - 60px) / 4);

       background: #fff;

       overflow: hidden;

       border-radius: 8px;
       position: relative;
   }


   /* =========================================================
   IMAGE
========================================================= */

   .bd-testimonial-image {
       width: 100%;
       aspect-ratio: 1 / 1.08;

       overflow: hidden;
   }

   .bd-testimonial-image img {
       display: block;

       width: 100%;
       height: 100%;

       object-fit: cover;

       transition: transform .6s ease;
   }

   .bd-testimonial-card:hover .bd-testimonial-image img {
       transform: scale(1.04);
   }


   /* =========================================================
   TESTIMONIAL
========================================================= */

   .bd-testimonial-content {
       padding: 25px 24px 28px;
   }

   .bd-testimonial-stars {
       margin-bottom: 13px;

       font-family: Arial, sans-serif;

       font-size: 14px;
       letter-spacing: 3px;

       color: #b08a50;
   }

   .bd-testimonial-content p {
       margin: 0 0 18px;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 14px;
       line-height: 1.65;

       color: #252a2e;
   }

   .bd-testimonial-author {
       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 13px;
       font-weight: 600;

       color: #111f2d;
       position: absolute;
       bottom: 20px;
   }


   /* =========================================================
   CONTROLS
========================================================= */

   .bd-testimonial-controls {
       display: flex;
       align-items: center;
       justify-content: center;

       gap: 25px;

       margin-top: 40px;
   }

   .bd-testimonial-controls button {
       display: flex;
       align-items: center;
       justify-content: center;

       width: 44px;
       height: 44px;

       padding: 0;

       border: 1px solid #cfcac3;
       border-radius: 50%;

       background: transparent;

       font-size: 18px;

       cursor: pointer;

       transition:
           background .3s ease,
           color .3s ease;
   }

   .bd-testimonial-controls button:hover {
       background: #111f2d;
       color: #fff;
   }

   /* =========================================
   TESTIMONIAL PROGRESS DOTS
========================================= */

   .bd-testimonial-progress {
       display: flex;

       align-items: center;
       justify-content: center;

       gap: 8px;

       margin-top: 30px;
   }


   .bd-testimonial-progress span {
       display: block;

       width: 7px;
       height: 7px;

       padding: 0;
       margin: 0;

       border-radius: 50%;

       background: #c9c9c9;

       opacity: 1;

       transition:
           width 0.3s ease,
           background-color 0.3s ease,
           transform 0.3s ease;
   }


   .bd-testimonial-progress span.active {
       width: 9px;
       height: 9px;

       background: #1D3B50;

       transform: scale(1.05);
   }


   /* =========================================================
           JOURNEY
        ========================================================== */

   /* =========================================================
   YOUR JOURNEY
========================================================= */

   /* =========================================================
   YOUR JOURNEY
========================================================= */

   .bd-journey-section {
       position: relative;
       width: 100%;

       background: #fff;

       overflow: hidden;
   }


   /* =========================================================
   HEADING
========================================================= */

   .bd-journey-heading {
       position: relative;
       z-index: 2;

       width: min(1320px, calc(100% - 80px));

       margin: 0 auto;

       padding: 110px 0 70px;

       text-align: center;
   }

   .bd-journey-heading .bd-section-eyebrow {
       display: block;

       margin-bottom: 16px;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 12px;
       font-weight: 700;

       line-height: 1.2;

       letter-spacing: .12em;

       color: #6d6d6d;
   }

   .bd-journey-heading h2 {
       margin: 0 0 20px;

       font-family:
           "Cormorant Garamond",
           "Times New Roman",
           serif;

       font-size: clamp(46px, 5vw, 68px);

       font-weight: 400;

       line-height: .98;

       letter-spacing: -.025em;

       color: #202326;
   }

   .bd-journey-heading p {
       max-width: 600px;

       margin: 0 auto;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 16px;

       line-height: 1.6;

       color: #263442;
   }


   /* =========================================================
   PINNED AREA
========================================================= */

   .bd-journey-pin {
       position: relative;

       width: 100%;
       height: 100vh;

       display: flex;
       align-items: center;

       overflow: hidden;
   }


   /* =========================================================
   SLIDER VIEWPORT
========================================================= */

   .bd-journey-slider {
       width: 100%;

       overflow: visible;

       padding-left: max(40px,
               calc((100vw - 1320px) / 2));

       padding-right: 40px;
   }


   /* =========================================================
   HORIZONTAL TRACK
========================================================= */

   .bd-journey-track {
       display: flex;

       flex-wrap: nowrap;

       gap: 24px;

       width: max-content;

       will-change: transform;

       /* transform: translate3d(0, 0, 0); */
   }


   /* =========================================================
   CARD
========================================================= */

   .bd-journey-card {
       position: relative;

       flex: 0 0 420px;

       width: 420px;

       overflow: hidden;

       background: #f7f6f3;

       border-radius: 8px;

       transform: translateZ(0);
   }


   /* =========================================================
   NUMBER
========================================================= */

   .bd-journey-number {
       position: absolute;

       z-index: 2;

       top: 18px;
       left: 18px;

       display: flex;

       align-items: center;
       justify-content: center;

       width: 46px;
       height: 46px;

       border-radius: 50%;

       background: rgba(255, 255, 255, .94);

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 12px;
       font-weight: 600;

       color: #172533;
   }


   /* =========================================================
   IMAGE
========================================================= */

   .bd-journey-image {
       width: 100%;

       aspect-ratio: 1 / 1.08;

       overflow: hidden;
   }

   .bd-journey-image img {
       display: block;

       width: 100%;
       height: 100%;

       object-fit: cover;
   }


   /* =========================================================
   CONTENT
========================================================= */

   .bd-journey-content {
       padding: 26px 26px 30px;
   }

   .bd-journey-content h3 {
       margin: 0 0 10px;

       font-family:
           "Cormorant Garamond",
           "Times New Roman",
           serif;

       font-size: 30px;
       font-weight: 500;

       line-height: 1.1;

       color: #202326;
   }

   .bd-journey-content p {
       max-width: 330px;

       margin: 0;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 14px;

       line-height: 1.6;

       color: #3c464d;
   }




   /* =========================================================
   WHY BIG DIAMOND
========================================================= */

   .bd-why-section {
       position: relative;

       width: 100%;

       padding: 110px 0;

       background: #f8f7f4;

       overflow: hidden;
   }


   .bd-why-container {
       width: min(1320px, calc(100% - 80px));

       margin: 0 auto;
   }


   /* =========================================================
   HEADING
========================================================= */

   .bd-why-heading {
       max-width: 720px;

       margin: 0 auto 65px;

       text-align: center;
   }


   .bd-why-heading .bd-section-eyebrow {
       display: block;

       margin-bottom: 16px;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 12px;

       font-weight: 700;

       line-height: 1.2;

       letter-spacing: .12em;

       color: #6d6d6d;
   }


   .bd-why-heading h2 {
       margin: 0 0 20px;

       font-family:
           "Cormorant Garamond",
           "Times New Roman",
           serif;

       font-size: clamp(46px, 5vw, 66px);

       font-weight: 400;

       line-height: .98;

       letter-spacing: -.025em;

       color: #202326;
   }


   .bd-why-heading p {
       max-width: 600px;

       margin: 0 auto;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 16px;

       font-weight: 400;

       line-height: 1.6;

       color: #263442;
   }


   /* =========================================================
   TRUST GRID
========================================================= */

   .bd-trust-grid {
       display: grid;

       grid-template-columns:
           repeat(5, minmax(0, 1fr));

       gap: 20px;
   }


   /* =========================================================
   TRUST ITEM
========================================================= */

   .bd-trust-item {
       display: flex;

       flex-direction: column;

       align-items: center;

       text-align: center;

       min-width: 0;

       padding: 32px 18px 30px;

       background: #fff;

       border: 1px solid #e6e2dc;

       border-radius: 8px;

       transition:
           transform .3s ease,
           box-shadow .3s ease;
   }


   .bd-trust-item:hover {
       transform: translateY(-4px);

       box-shadow:
           0 12px 35px rgba(24, 31, 36, .07);
   }


   /* =========================================================
   ICON / MARKER
========================================================= */

   .bd-trust-icon {
       display: flex;

       align-items: center;

       justify-content: center;

       width: 58px;
       height: 58px;

       margin-bottom: 23px;

       border: 1px solid #cfc9c0;

       border-radius: 50%;

       background: #faf9f7;

       color: #1d2b38;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 13px;

       font-weight: 600;

       letter-spacing: .02em;
   }


   .bd-trust-icon span {
       display: block;
   }


   /* =========================================================
   CONTENT
========================================================= */

   .bd-trust-content h3 {
       margin: 0 0 9px;

       font-family:
           "Cormorant Garamond",
           "Times New Roman",
           serif;

       font-size: 25px;

       font-weight: 500;

       line-height: 1.1;

       color: #202326;
   }


   .bd-trust-content p {
       margin: 0;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 12px;

       font-weight: 400;

       line-height: 1.5;

       color: #59636a;
   }




   /* =========================================================
           SHOWROOM
        ========================================================== */

   /* fonts */
   /* =========================================
   VISIT OUR SHOWROOM - TYPOGRAPHY
========================================= */

   /* Main heading */
   .bd-appt-showroom-title {
       font-family: "Cormorant Garamond", "Times New Roman", serif;
       font-weight: 400;
       letter-spacing: -0.02em;
   }

   /* Heading italic text */
   .bd-appt-showroom-title em {
       font-family: "Cormorant Garamond", "Times New Roman", serif;
       font-style: italic;
       font-weight: 400;
   }


   /* Eyebrow labels */
   .bd-appt-eyebrow,
   .bd-appt-detail-label {
       font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
       font-weight: 600;
       letter-spacing: 0.12em;
   }


   /* Main paragraph */
   .bd-appt-showroom-copy {
       font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
       font-weight: 400;
       line-height: 1.6;
   }


   /* Address, hours, phone, WhatsApp, parking */
   .bd-appt-detail-value {
       font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
       font-weight: 400;
       line-height: 1.6;
   }


   /* Phone and WhatsApp links */
   .bd-appt-detail-value a {
       font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
       font-weight: 500;
   }


   /* What to expect paragraph */
   .bd-appt-showroom-expect p {
       font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
       font-weight: 400;
       line-height: 1.6;
   }

   .bd-appt-showroom {
       padding: 130px 0;

       background: var(--bd-cream);
   }

   .bd-appt-showroom-grid {
       display: grid;

       grid-template-columns:
           minmax(0, 1fr) minmax(0, .82fr);

       gap: 100px;

       align-items: center;
   }

   .bd-appt-showroom-images {
       position: relative;

       min-height: 680px;
   }

   .bd-appt-showroom-main-image {
       width: 78%;
       height: 580px;

       overflow: hidden;
   }

   .bd-appt-showroom-small-image {
       position: absolute;

       right: 0;
       bottom: 0;

       width: 43%;
       height: 310px;

       padding: 10px;

       background: var(--bd-cream);
   }

   .bd-appt-showroom-main-image img,
   .bd-appt-showroom-small-image img {
       width: 100%;
       height: 100%;

       object-fit: cover;
   }

   .bd-appt-showroom-title {
       max-width: 600px;

       margin: 0 0 28px;

       font-size: clamp(48px, 5vw, 74px);
       line-height: .92;

       font-weight: 400;

       letter-spacing: -.05em;
   }

   .bd-appt-showroom-title em {
       font-family: Georgia, "Times New Roman", serif;
   }

   .bd-appt-showroom-copy {
       max-width: 510px;

       margin: 0 0 45px;

       color: var(--bd-grey);

       font-size: 15px;
       line-height: 1.7;
   }

   .bd-appt-showroom-details {
       display: grid;

       grid-template-columns: repeat(2, 1fr);

       gap: 30px;

       padding: 30px 0;

       border-top: 1px solid var(--bd-border);
       border-bottom: 1px solid var(--bd-border);
   }

   .bd-appt-detail-label {
       display: block;

       margin-bottom: 9px;

       color: var(--bd-grey);

       font-size: 9px;
       letter-spacing: .15em;
       text-transform: uppercase;
   }

   .bd-appt-detail-value {
       margin: 0;

       font-size: 13px;
       line-height: 1.6;
   }

   .bd-appt-detail-value a {
       text-decoration: none;
   }

   .bd-appt-showroom-expect {
       margin-top: 35px;
   }

   .bd-appt-showroom-expect p {
       max-width: 500px;

       margin: 0;

       font-family: Georgia, "Times New Roman", serif;

       font-size: 18px;
       line-height: 1.5;
   }

   .bd-appt-map {
       height: 430px;

       margin-top: 90px;

       overflow: hidden;

       background: #ddd;
   }

   .bd-appt-map iframe {
       width: 100%;
       height: 100%;

       border: 0;
   }


   /* =========================================================
           FAQ
        ========================================================== */

   /* =========================================
   FAQ - TYPOGRAPHY
========================================= */

   /* FAQ section heading */
   .bd-appt-faq-title,
   .bd-appt-faq h2 {
       font-family: "Cormorant Garamond", "Times New Roman", serif;
       font-weight: 400;
       letter-spacing: -0.02em;
   }


   /* FAQ heading italic text, if used */
   .bd-appt-faq-title em,
   .bd-appt-faq h2 em {
       font-family: "Cormorant Garamond", "Times New Roman", serif;
       font-style: italic;
       font-weight: 400;
   }


   /* FAQ eyebrow / small label */
   .bd-appt-faq .bd-appt-eyebrow {
       font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
       font-weight: 600;
       letter-spacing: 0.12em;
   }


   /* FAQ questions */
   .bd-appt-faq-question,
   .bd-appt-faq-item button,
   .bd-appt-faq-item summary {
       font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
       font-weight: 500;
   }


   /* FAQ answers */
   .bd-appt-faq-answer,
   .bd-appt-faq-item .bd-appt-faq-content,
   .bd-appt-faq-item p {
       font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
       font-weight: 400;
       line-height: 1.6;
   }

   .bd-appt-faq {
       padding: 130px 0;

       background: var(--bd-white);
   }

   .bd-appt-faq-grid {
       display: grid;

       grid-template-columns: .7fr 1.3fr;

       gap: 100px;
   }

   .bd-appt-faq-heading {
       align-self: start;

       position: sticky;
       top: 100px;
   }

   .bd-appt-faq-title {
       max-width: 500px;

       margin: 0 0 25px;

       font-size: clamp(48px, 5vw, 70px);
       line-height: .92;

       font-weight: 400;

       letter-spacing: -.05em;
   }

   .bd-appt-faq-title em {
       font-family: Georgia, "Times New Roman", serif;
   }

   .bd-appt-faq-intro {
       max-width: 350px;

       margin: 0 0 30px;

       color: var(--bd-grey);

       font-size: 14px;
       line-height: 1.7;
   }

   .bd-appt-faq-list {
       border-top: 1px solid var(--bd-border);
   }

   .bd-appt-faq-item {
       border-bottom: 1px solid var(--bd-border);
   }

   .bd-appt-faq-question {
       width: 100%;

       min-height: 88px;

       display: flex;
       align-items: center;
       justify-content: space-between;

       padding: 20px 0;

       border: 0;

       background: transparent;

       color: var(--bd-black);

       font: inherit;
       font-size: 16px;

       text-align: left;

       cursor: pointer;
   }

   .bd-appt-faq-plus {
       display: grid;
       place-items: center;

       flex: 0 0 auto;

       width: 34px;
       height: 34px;

       margin-left: 20px;

       border: 1px solid var(--bd-border);
       border-radius: 50%;

       font-size: 20px;
       font-weight: 300;

       transition: transform .3s ease;
       font-style: normal;
   }

   .bd-appt-faq-item.open .bd-appt-faq-plus {
       transform: rotate(45deg);
   }

   .bd-appt-faq-answer {
       display: grid;

       grid-template-rows: 0fr;

       transition: grid-template-rows .35s ease;
   }

   .bd-appt-faq-answer-inner {
       min-height: 0;

       overflow: hidden;
   }

   .bd-appt-faq-answer p {
       margin: 0;

       padding-bottom: 30px;

       color: var(--bd-grey);

       font-size: 14px;
       line-height: 1.7;
   }

   .bd-appt-faq-item.open .bd-appt-faq-answer {
       grid-template-rows: 1fr;
   }


   /* =========================================================
           FINAL CTA
        ========================================================== */

   .bd-appt-final {
       padding: 140px 0;

       background: var(--bd-black);
       color: var(--bd-white);

       text-align: center;
   }

   .bd-appt-final-title {
       max-width: 1000px;

       margin: 0 auto 28px;

       font-size: clamp(54px, 7vw, 100px);
       line-height: .88;

       font-weight: 400;

       letter-spacing: -.06em;
   }

   .bd-appt-final-title em {
       font-family: Georgia, "Times New Roman", serif;
   }

   .bd-appt-final-copy {
       margin: 0 auto 40px;

       color: #aaa7a1;

       font-size: 15px;
   }

   .bd-appt-final-actions {
       display: flex;
       justify-content: center;
       align-items: center;

       gap: 30px;

       flex-wrap: wrap;
   }

   .bd-appt-contact {
       color: white;

       font-size: 11px;
       letter-spacing: .1em;
       text-transform: uppercase;

       text-decoration: none;
   }

   .bd-appt-contact:hover {
       text-decoration: underline;
       text-underline-offset: 5px;
   }


   /* =========================================================
           TABLET
        ========================================================== */

   @media (max-width: 1100px) {

       .bd-appt-container {
           width: min(calc(100% - 60px), 1440px);
       }

       .bd-appt-benefits-grid {
           grid-template-columns: repeat(3, 1fr);
       }

       .bd-appt-benefit:nth-child(3) {
           border-right: 0;
       }

       .bd-appt-benefit:nth-child(-n+3) {
           border-bottom: 1px solid var(--bd-border);
       }

       .bd-appt-benefit:nth-child(4),
       .bd-appt-benefit:nth-child(5) {
           border-bottom: 0;
       }

       .bd-appt-showroom-grid {
           gap: 60px;
       }

       .bd-appt-faq-grid {
           gap: 60px;
       }

   }


   /* =========================================================
           MOBILE
        ========================================================== */

   @media (max-width: 767px) {

       .bd-appt-container {
           width: calc(100% - 36px);
       }


       /* BOOKING */
       .bd-booking-section {
           padding: 60px 0 70px;
       }

       .bd-booking-container {
           width: calc(100% - 30px);
       }

       .bd-booking-intro {
           margin-bottom: 30px;
       }

       .bd-booking-intro h2 {
           font-size: 21px;
           line-height: 1.08;
       }

       .bd-booking-intro p {
           font-size: 15px;
           line-height: 1.55;
       }

       .bd-booking-form-placeholder {
           min-height: 600px;
       }



       /* BENEFITS */

       .bd-appt-benefits {
           padding: 80px 0;
       }

       .bd-appt-benefits-header {
           display: block;

           margin-bottom: 40px;
       }

       .bd-appt-benefits-title {
           font-size: 48px;
       }

       .bd-appt-benefits-grid {
           grid-template-columns: repeat(2, 1fr);
       }

       .bd-appt-benefit {
           min-height: 220px;

           padding: 20px 16px;
       }

       .bd-appt-benefit:nth-child(2n) {
           border-right: 0;
       }

       .bd-appt-benefit:nth-child(3) {
           border-right: 1px solid var(--bd-border);
       }

       .bd-appt-benefit:nth-child(4) {
           border-right: 0;
       }

       .bd-appt-benefit:last-child {
           grid-column: span 2;

           border-right: 0;
           border-bottom: 0;
       }

       .bd-appt-benefit-number {
           margin-bottom: 30px;
       }


       /* SHOWROOM */

       .bd-appt-showroom {
           padding: 80px 0;
       }

       .bd-appt-showroom-grid {
           display: flex;
           flex-direction: column;

           gap: 55px;
       }

       .bd-appt-showroom-images {
           min-height: 500px;
       }

       .bd-appt-showroom-main-image {
           height: 420px;
       }

       .bd-appt-showroom-small-image {
           height: 220px;
       }

       .bd-appt-showroom-title {
           font-size: 50px;
       }

       .bd-appt-showroom-details {
           grid-template-columns: 1fr;

           gap: 25px;
       }

       .bd-appt-map {
           height: 320px;

           margin-top: 55px;
       }


       /* FAQ */

       .bd-appt-faq {
           padding: 80px 0;
       }

       .bd-appt-faq-grid {
           display: block;
       }

       .bd-appt-faq-heading {
           position: static;

           margin-bottom: 45px;
       }

       .bd-appt-faq-title {
           font-size: 48px;
       }

       .bd-appt-faq-question {
           min-height: 76px;

           font-size: 14px;
       }


       /* FINAL */

       .bd-appt-final {
           padding: 90px 0;
       }

       .bd-appt-final-title {
           font-size: clamp(52px, 14vw, 72px);
       }

       .bd-appt-final-actions {
           flex-direction: column;
       }

   }

   /* =========================================================
   journey TABLET
========================================================= */

   @media (max-width: 991px) {

       .bd-journey-heading {
           width: calc(100% - 50px);

           padding: 85px 0 55px;
       }

       .bd-journey-pin {
           height: 90vh;
       }

       .bd-journey-slider {
           padding-left: 25px;
           padding-right: 25px;
       }

       .bd-journey-card {
           flex-basis: 390px;
           width: 390px;
       }

   }


   /* =========================================================
  journey  MOBILE
========================================================= */

   /* =========================================================
   MOBILE JOURNEY CONTROLS
========================================================= */

   .bd-journey-mobile-controls {
       display: none;
   }


   @media (max-width: 767px) {

       .bd-journey-mobile-controls {
           display: flex;

           align-items: center;
           justify-content: space-between;

           width: calc(100% - 30px);

           margin: 0 auto 25px;
       }


       .bd-journey-mobile-controls button {
           display: flex;

           align-items: center;
           justify-content: center;

           width: 46px;
           height: 46px;

           flex: 0 0 46px;

           padding: 0;

           border: 1px solid #1e2933;
           border-radius: 50%;

           background: transparent;

           color: #1e2933;

           font-family:
               "Montserrat",
               "Helvetica Neue",
               Arial,
               sans-serif;

           font-size: 18px;

           cursor: pointer;

           transition:
               background .25s ease,
               color .25s ease,
               opacity .25s ease;
       }


       .bd-journey-mobile-controls button:not(:disabled):active {
           background: #1e2933;
           color: #fff;
       }


       .bd-journey-mobile-controls button:disabled {
           opacity: .3;

           cursor: not-allowed;
       }


       .bd-journey-mobile-progress {
           display: flex;

           align-items: center;

           gap: 10px;

           font-family:
               "Montserrat",
               "Helvetica Neue",
               Arial,
               sans-serif;

           font-size: 12px;

           font-weight: 600;

           color: #1e2933;
       }


       .bd-journey-progress-line {
           width: 45px;

           height: 1px;

           background: #c8c5bf;
       }

       .bd-journey-pin {
           width: 100%;
           overflow: hidden;
       }

       .bd-journey-slider {
           width: 100%;
           max-width: 100%;

           overflow: hidden;

           padding-left: 15px;
           padding-right: 15px;

           box-sizing: border-box;
       }

       .bd-journey-track {
           display: flex;
           flex-wrap: nowrap;

           width: max-content;
           max-width: none;

           gap: 15px;

           transition:
               transform 0.45s cubic-bezier(.22, .61, .36, 1);

           will-change: transform;
       }

       .bd-journey-card {
           flex: 0 0 calc(100vw - 30px);
           width: calc(100vw - 30px);

           max-width: calc(80vw - 30px);

           box-sizing: border-box;
       }

   }



   /* =========================================================
   BIG DIAMOND - APPOINTMENT HERO
========================================================= */

   .bd-appointment-hero {
       background: #f8f7f4;
       padding: 38px 0 74px;
   }

   .bd-hero-container {
       width: min(1320px, calc(100% - 80px));
       margin: 0 auto;

       display: grid;
       grid-template-columns: minmax(0, 1fr) minmax(390px, 420px);

       align-items: center;
       gap: 70px;
   }


   /* =========================================================
   HERO CONTENT
========================================================= */

   .bd-hero-content {
       max-width: 710px;
   }

   .bd-hero-title {
       margin: 0 0 26px;

       /*
       Use the site's existing heading font if it is already
       loaded by the Big Diamond theme.

       The serif stack is only the fallback.
    */
       font-family:
           "Cormorant Garamond",
           "Times New Roman",
           serif;

       font-size: clamp(52px, 4.8vw, 68px);
       font-weight: 400;

       line-height: 1.04;
       letter-spacing: -0.025em;

       color: #25282b;
   }



   .bd-hero-description {
       max-width: 680px;

       margin: 0;

       font-family:
           "Montserrat",
           "Helvetica Neue",
           Arial,
           sans-serif;

       font-size: 17px;
       font-weight: 400;

       line-height: 1.55;
       letter-spacing: -0.005em;

       color: #111f2d;
   }


   /* =========================================================
   HERO IMAGE
========================================================= */

   .bd-hero-image {
       width: 100%;

       aspect-ratio: 620 / 350 ;

       overflow: hidden;

       border-radius: 10px;
       position: relative;
   }

   .bd-hero-image img {
       display: block;

       width: 100%;
       height: 100%;

       object-fit: cover;

       object-position: center;

       transition: transform 0.7s ease;
   }

   .bd-hero-image:hover img {
       transform: scale(1.025);
   }


   .bd-hero-image {
       position: relative;
       overflow: hidden;
   }

   .bd-hero-image video {
       width: 100%;
       height: auto;
       cursor: pointer;
   }

   /* .bd-hero-image iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: none;
} */

   /* .video-thumbnail {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  cursor: pointer;

  background-image: url("https://img.youtube.com/vi/kA8bPcOVHcs/maxresdefault.jpg");
  background-size: cover;
  background-position: center;
} */

   /* .video-thumbnail button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 70px;
  height: 70px;

  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.video-thumbnail button span {
  width: 0;
  height: 0;

  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #111;

  margin-left: 4px;
} */
   /* =========================================================
   DESKTOP REFINEMENT
========================================================= */

   @media (min-width: 1200px) {

       .bd-hero-container {
           grid-template-columns:
               minmax(0, 1fr) minmax(520px, 620px);

           gap: 45px;
           padding: 0 42px;
       }

       .bd-hero-content {
           padding-left: 0;
       }

       .bd-hero-title {
           font-size: 58px;
       }


       .bd-hero-description {
           font-size: 17px;
       }

   }

   /* Tablet - 3 cards */

   @media (max-width: 1100px) {

       .bd-testimonial-card {
           flex-basis: calc((100% - 40px) / 3);
       }

   }


   /* Mobile - 1 card */

   @media (max-width: 767px) {

       .bd-social-proof {
           padding: 75px 0;
       }

       .bd-social-proof-container {
           width: calc(100% - 30px);
       }

       .bd-social-proof-heading {
           margin-bottom: 35px;
       }

       .bd-social-proof-heading h2 {
           font-size: 44px;
       }

       .bd-testimonial-card {
           flex-basis: 100%;
       }

   }


   /* =========================================================
   TABLET
========================================================= */

   @media (max-width: 991px) {

       .bd-appointment-hero {
           padding: 35px 0 60px;
       }

       .bd-hero-container {
           width: min(720px, calc(100% - 50px));

           grid-template-columns: 1fr;

           gap: 40px;
       }

       .bd-hero-content {
           max-width: 700px;
       }

       .bd-hero-image {
           max-width: 100%;
       }

       .bd-hero-title {
           font-size: clamp(48px, 7vw, 62px);
       }

   }


   /* =========================================================
   MOBILE
========================================================= */

   @media (max-width: 767px) {

       .bd-appointment-hero {
           padding: 25px 0 50px;
       }

       .bd-hero-container {
           width: calc(100% - 36px);

           display: flex;
           flex-direction: column;

           gap: 30px;
       }

       .bd-hero-content {
           max-width: none;
       }

       .bd-hero-title {
           margin-bottom: 20px;

           font-size: clamp(42px, 12vw, 54px);
           line-height: 1.02;

           letter-spacing: -0.03em;
       }

       .bd-desktop {
           display: none;
       }


       .bd-hero-description {
           font-size: 15px;
           line-height: 1.6;
       }

       .bd-hero-image {
           /* aspect-ratio: 1.35 / 1; */

           border-radius: 8px;
       }

   }


   /* =========================================================
   SMALL MOBILE
========================================================= */

   @media (max-width: 480px) {

       .bd-appointment-hero {
           padding-top: 20px;
       }

       .bd-hero-container {
           width: calc(100% - 30px);

           gap: 25px;
       }

       .bd-hero-title {
           font-size: 42px;
       }



       .bd-hero-description {
           font-size: 14px;
       }



   }

   /* =========================================================
why big diamond   TABLET
========================================================= */

   @media (max-width: 1100px) {

       .bd-why-container {
           width: calc(100% - 50px);
       }


       .bd-trust-grid {
           grid-template-columns:
               repeat(3, minmax(0, 1fr));

           gap: 18px;
       }

   }


   /* =========================================================
 why big diamond  MOBILE
========================================================= */

   @media (max-width: 767px) {

       .bd-why-section {
           padding: 75px 0;
       }


       .bd-why-container {
           width: calc(100% - 30px);
       }


       .bd-why-heading {
           margin-bottom: 40px;
       }


       .bd-why-heading h2 {
           font-size: 45px;

           line-height: 1;
       }


       .bd-why-heading p {
           font-size: 15px;

           line-height: 1.55;
       }


       .bd-trust-grid {
           grid-template-columns:
               repeat(2, minmax(0, 1fr));

           gap: 12px;
       }


       .bd-trust-item {
           padding: 25px 14px 24px;
       }


       .bd-trust-icon {
           width: 50px;
           height: 50px;

           margin-bottom: 17px;

           font-size: 11px;
       }


       .bd-trust-content h3 {
           font-size: 22px;
       }


       .bd-trust-content p {
           font-size: 11px;
       }

   }


   /* =========================================================
 why big diamond SMALL MOBILE
========================================================= */

   @media (max-width: 420px) {

       .bd-trust-grid {
           gap: 10px;
       }


       .bd-trust-item {
           padding-left: 10px;
           padding-right: 10px;
       }


       .bd-trust-content h3 {
           font-size: 20px;
       }

   }