/* =====================================================
   RESET
===================================================== */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


:root {

  --bg: #070914;

  --bg-secondary: #0b0e1a;

  --card: rgba(255,255,255,0.045);

  --text: #f8f6ef;

  --muted: #a9adbd;

  --gold: #f3b72c;

  --gold-light: #ffda68;

  --red: #d91d27;

  --red-light: #f04a2e;

  --border: rgba(255,255,255,0.10);

}


/* =====================================================
   BODY
===================================================== */

html {

  scroll-behavior: smooth;

  scroll-padding-top: 85px;

}


body {

  font-family:
    "Inter",
    Arial,
    sans-serif;

  background: var(--bg);

  color: var(--text);

  line-height: 1.6;

  overflow-x: hidden;

}


img {

  max-width: 100%;

  height: auto;

}


a {

  text-decoration: none;

  color: inherit;

}


button {

  font-family: inherit;

}


/* =====================================================
   CONTAINER
===================================================== */

.container {

  width: min(1160px, 92%);

  margin-left: auto;

  margin-right: auto;

}


/* =====================================================
   HEADER
===================================================== */

.site-header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 9999;

  background:
    rgba(7,9,20,0.90);

  backdrop-filter:
    blur(18px);

  -webkit-backdrop-filter:
    blur(18px);

  border-bottom:
    1px solid rgba(255,255,255,0.08);

}


.nav-wrap {

  min-height: 82px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 25px;

  position: relative;

}


/* LOGO */

.brand {

  display: block;

  width: 180px;

  flex-shrink: 0;

}


.brand img {

  width: 180px;

  height: auto;

  display: block;

}


/* DESKTOP NAV */

.nav {

  display: flex;

  align-items: center;

  gap: 28px;

}


.nav a {

  color: #c9cbd5;

  font-size: 14px;

  font-weight: 700;

  transition: color 0.2s ease;

}


.nav a:hover {

  color: var(--gold-light);

}


/* HEADER CTA */

.nav-cta {

  border:
    1px solid rgba(243,183,44,0.55);

  color: var(--gold-light);

  padding:
    11px 19px;

  border-radius: 999px;

  font-size: 13px;

  font-weight: 800;

  white-space: nowrap;

  transition:
    background 0.2s ease,
    transform 0.2s ease;

}


.nav-cta:hover {

  background:
    rgba(243,183,44,0.10);

  transform:
    translateY(-2px);

}


/* MOBILE BUTTON */

.menu-btn {

  display: none;

  background: transparent;

  border: 0;

  color: #ffffff;

  font-size: 28px;

  line-height: 1;

  cursor: pointer;

  padding: 7px;

}


/* MOBILE NAV */

.mobile-nav {

  display: none;

}


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

.hero {

  min-height: 100svh;

  padding:
    150px 0 90px;

  display: flex;

  align-items: center;

  position: relative;

  background:

    radial-gradient(
      circle at 78% 40%,
      rgba(217,29,39,0.18),
      transparent 32%
    ),

    radial-gradient(
      circle at 15% 80%,
      rgba(243,183,44,0.08),
      transparent 28%
    ),

    linear-gradient(
      135deg,
      #070914,
      #0c0d1a 58%,
      #090b16
    );

}


.hero-grid {

  display: grid;

  grid-template-columns:
    minmax(0,1.04fr)
    minmax(320px,0.96fr);

  align-items: center;

  gap: 60px;

  position: relative;

  z-index: 2;

}


.eyebrow {

  display: inline-block;

  color: var(--gold-light);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 3px;

  margin-bottom: 16px;

}


h1,
h2 {

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  line-height: 1.05;

}


h1 {

  font-size:
    clamp(48px, 6vw, 82px);

  letter-spacing:
    -2px;

}


h1 span {

  color: var(--gold-light);

}


.hero-text {

  max-width: 620px;

  margin:
    25px 0 30px;

  color: var(--muted);

  font-size: 17px;

  line-height: 1.75;

}


.hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 13px;

}


/* =====================================================
   BUTTONS
===================================================== */

.btn {

  min-height: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  padding:
    14px 22px;

  border-radius: 10px;

  font-size: 13px;

  font-weight: 800;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;

}


.btn:hover {

  transform:
    translateY(-2px);

}


.btn-primary {

  background:
    linear-gradient(
      135deg,
      var(--red),
      var(--red-light)
    );

  box-shadow:
    0 12px 35px
    rgba(217,29,39,0.25);

}


.btn-outline {

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

  background:
    rgba(255,255,255,0.03);

}


.btn-light {

  background: #ffffff;

  color: #111111;

}


.wa-icon {

  font-size: 17px;

}


/* =====================================================
   TRUST ROW
===================================================== */

.trust-row {

  display: flex;

  flex-wrap: wrap;

  gap: 28px;

  margin-top: 45px;

}


.trust-item {

  display: flex;

  align-items: center;

  gap: 10px;

}


.trust-item strong {

  color: var(--gold);

  font-size: 22px;

}


.trust-item span {

  color: #888d9d;

  font-size: 10px;

  line-height: 1.3;

  letter-spacing: 1px;

  text-transform: uppercase;

}


/* =====================================================
   HERO ART
===================================================== */

.hero-art {

  min-height: 500px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}


.art-card {

  width: min(480px,100%);

  padding:
    35px 28px 25px;

  text-align: center;

  border:
    1px solid
    rgba(243,183,44,0.20);

  border-radius: 30px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.08),
      rgba(255,255,255,0.015)
    );

  box-shadow:
    0 30px 100px
    rgba(0,0,0,0.45);

  position: relative;

}


.art-card::before {

  content: "";

  position: absolute;

  inset: 10px;

  border:
    1px solid
    rgba(255,218,104,0.12);

  border-radius: 22px;

  pointer-events: none;

}


.art-card img {

  width: 100%;

  max-width: 430px;

  display: block;

  margin: auto;

}


.art-caption {

  padding-top: 5px;

}


.art-caption span {

  color: var(--gold);

  font-size: 10px;

  letter-spacing: 5px;

}


.art-caption strong {

  display: block;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size: 28px;

  margin: 2px 0;

}


.art-caption small {

  color: #8e93a3;

}


/* =====================================================
   DECORATIONS
===================================================== */

.burst {

  position: absolute;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: var(--gold);

  box-shadow:
    0 0 0 12px rgba(243,183,44,0.08),
    0 0 35px 8px rgba(243,183,44,0.35);

}


.burst-one {

  top: 10%;

  right: 8%;

}


.burst-two {

  bottom: 13%;

  left: 7%;

}


.firework {

  position: absolute;

  color: var(--gold);

  font-size: 38px;

  opacity: 0.6;

}


.firework-a {

  top: 16%;

  left: 7%;

}


.firework-b {

  top: 32%;

  right: 4%;

  color: var(--red-light);

}


.firework-c {

  bottom: 10%;

  left: 48%;

}


.hero-glow {

  position: absolute;

  border-radius: 50%;

  filter: blur(70px);

  opacity: 0.13;

}


.glow-1 {

  width: 300px;

  height: 300px;

  background: #ffb000;

  right: 18%;

  top: 15%;

}


.glow-2 {

  width: 260px;

  height: 260px;

  background: #e61f2a;

  left: 35%;

  bottom: 0;

}


/* =====================================================
   QUICK INFO
===================================================== */

.quick-info {

  background:
    #0a0d18;

  border-top:
    1px solid rgba(255,255,255,0.06);

  border-bottom:
    1px solid rgba(255,255,255,0.06);

}


.quick-info-grid {

  display: grid;

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

}


.quick-item {

  min-height: 105px;

  padding: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  border-right:
    1px solid rgba(255,255,255,0.06);

}


.quick-item:last-child {

  border-right: 0;

}


.quick-icon {

  width: 38px;

  height: 38px;

  border-radius: 50%;

  display: grid;

  place-items: center;

  color: var(--gold);

  border:
    1px solid rgba(243,183,44,0.25);

  background:
    rgba(243,183,44,0.06);

}


.quick-item strong {

  display: block;

  font-size: 12px;

}


.quick-item small {

  display: block;

  color: #777c8d;

  font-size: 10px;

}


/* =====================================================
   SECTIONS
===================================================== */

.section {

  padding:
    110px 0;

}


.categories {

  background:
    #090b16;

}


.section-heading {

  max-width: 700px;

  text-align: center;

  margin:
    0 auto 55px;

}


h2 {

  font-size:
    clamp(38px,5vw,58px);

}


.section-heading p {

  margin-top: 15px;

  color: var(--muted);

}


/* =====================================================
   CATEGORY CARDS
===================================================== */

.category-grid {

  display: grid;

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

  gap: 16px;

}


.category-card {

  min-height: 270px;

  padding: 28px;

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

  border-radius: 18px;

  background: var(--card);

  position: relative;

  overflow: hidden;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease;

}


.category-card:hover {

  transform:
    translateY(-5px);

  border-color:
    rgba(243,183,44,0.3);

}


.cat-number {

  position: absolute;

  top: 20px;

  right: 22px;

  color: #555a6b;

  font-size: 11px;

  font-weight: 800;

}


.cat-icon {

  color: var(--gold);

  font-size: 40px;

  margin:
    18px 0 35px;

}


.category-card h3 {

  font-size: 20px;

  margin-bottom: 9px;

}


.category-card p {

  color: var(--muted);

  font-size: 13px;

  min-height: 65px;

}


.category-card a {

  display: inline-block;

  margin-top: 16px;

  color: var(--gold-light);

  font-size: 12px;

  font-weight: 800;

}


/* =====================================================
   WHY US
===================================================== */

.why-us {

  background:
    linear-gradient(
      180deg,
      #090b16,
      #070914
    );

}


.why-grid {

  display: grid;

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

  gap: 80px;

  align-items: center;

}


.why-visual {

  min-height: 500px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}


.gold-ring {

  width: min(450px,90%);

  aspect-ratio: 1;

  border:
    1px dashed
    rgba(243,183,44,0.25);

  border-radius: 50%;

  position: absolute;

  animation:
    spin 24s linear infinite;

}


@keyframes spin {

  to {

    transform:
      rotate(360deg);

  }

}


.why-logo {

  width: min(330px,70%);

  aspect-ratio: 1;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background:
    radial-gradient(
      circle,
      rgba(243,183,44,0.14),
      rgba(255,255,255,0.025) 55%,
      transparent 56%
    );

  border:
    1px solid
    rgba(243,183,44,0.25);

  box-shadow:
    0 0 100px
    rgba(243,183,44,0.08);

}


.why-logo img {

  width: 88%;

}


.mini-card {

  position: absolute;

  padding:
    14px 18px;

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

  border-radius: 12px;

  background: #101322;

  color: #8d92a3;

  font-size: 10px;

  letter-spacing: 2px;

  box-shadow:
    0 15px 40px #0005;

}


.mini-card b {

  color: var(--gold-light);

  font-size: 12px;

}


.mini-one {

  top: 8%;

  left: 2%;

}


.mini-two {

  right: 0;

  bottom: 9%;

}


.why-copy h2 {

  max-width: 600px;

}


.why-copy > p {

  max-width: 600px;

  margin:
    22px 0 25px;

  color: var(--muted);

}


.feature-list {

  display: grid;

  gap: 18px;

  margin-bottom: 30px;

}


.feature {

  display: flex;

  align-items: flex-start;

  gap: 14px;

}


.feature > span {

  width: 28px;

  height: 28px;

  flex:
    0 0 28px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  color: var(--gold);

  background:
    rgba(243,183,44,0.10);

  font-weight: 900;

}


.feature b {

  display: block;

  font-size: 14px;

}


.feature small {

  display: block;

  color: #808696;

  font-size: 12px;

  margin-top: 2px;

}


/* =====================================================
   HOW TO ORDER
===================================================== */

.how-order {

  background:
    #080a14;

}


.steps-grid {

  display: grid;

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

  gap: 16px;

}


.step-card {

  min-height: 280px;

  padding: 28px;

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

  border-radius: 18px;

  background:
    rgba(255,255,255,0.025);

  position: relative;

}


.step-number {

  position: absolute;

  top: 18px;

  right: 20px;

  color: #555a6b;

  font-size: 11px;

  font-weight: 800;

}


.step-icon {

  color: var(--gold);

  font-size: 35px;

  margin:
    20px 0 30px;

}


.step-card h3 {

  font-size: 18px;

  margin-bottom: 10px;

}


.step-card p {

  color: var(--muted);

  font-size: 13px;

}


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

.cta-section {

  padding:
    45px 0;

  background:
    #0a0d18;

}


.cta-box {

  padding:
    48px 55px;

  border-radius: 25px;

  background:
    linear-gradient(
      120deg,
      #a50f1a,
      #df3828 52%,
      #b86c13
    );

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  box-shadow:
    0 25px 80px
    rgba(217,29,39,0.18);

}


.cta-box .eyebrow {

  color: #ffe79b;

  margin-bottom: 10px;

}


.cta-box h2 {

  font-size: 42px;

}


.cta-box p {

  color: #ffe9df;

  margin-top: 10px;

}


/* =====================================================
   MANUFACTURER
===================================================== */

.manufacturer-section {

  padding:
    75px 0;

  background:
    #080a14;

}


.manufacturer-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;

  padding:
    40px;

  border:
    1px solid
    rgba(243,183,44,0.18);

  border-radius: 22px;

  background:
    rgba(243,183,44,0.025);

}


.manufacturer-box h2 {

  font-size: 40px;

}


.manufacturer-box p {

  color: var(--muted);

  margin-top: 10px;

}


/* =====================================================
   CONTACT
===================================================== */

.contact {

  padding:
    85px 0;

}


.contact-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;

  padding-bottom: 65px;

  border-bottom:
    1px solid var(--border);

}


.contact-box h2 {

  font-size: 45px;

}


.contact-box p {

  color: var(--muted);

  margin-top: 12px;

}


.contact-action {

  min-width: 250px;

  padding:
    22px 28px;

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

  border-radius: 15px;

}


.contact-action span {

  display: block;

  color: #8b90a0;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 2px;

}


.contact-action a {

  display: block;

  color: var(--gold-light);

  font-size: 19px;

  font-weight: 800;

  margin-top: 4px;

}


/* =====================================================
   FOOTER
===================================================== */

footer {

  padding:
    35px 0 120px;

  background:
    #070914;

}


.footer-wrap {

  display: grid;

  grid-template-columns:
    1.2fr .8fr 1fr;

  align-items: center;

  gap: 30px;

}


.footer-brand img {

  width: 170px;

}


.footer-brand p {

  color: #666b7b;

  font-size: 11px;

  margin-top: 5px;

}


.footer-links {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 20px;

}


.footer-links a {

  color: #858a99;

  font-size: 12px;

}


.footer-links a:hover {

  color: var(--gold-light);

}


.copyright {

  color: #5d6272;

  font-size: 11px;

  text-align: right;

}


/* =====================================================
   FLOATING WHATSAPP
===================================================== */

.whatsapp-float {

  position: fixed;

  right: 24px;

  bottom: 24px;

  z-index: 99999;

  display: flex;

  align-items: center;

  gap: 10px;

  padding:
    13px 18px 13px 14px;

  border-radius: 999px;

  background:
    #1fbd62;

  color: #ffffff;

  font-size: 12px;

  font-weight: 800;

  box-shadow:
    0 12px 35px
    rgba(0,0,0,0.35);

  transition:
    transform 0.2s ease;

}


.whatsapp-float:hover {

  transform:
    translateY(-3px);

}


.wa-symbol {

  width: 28px;

  height: 28px;

  border:
    2px solid #ffffff;

  border-radius: 50%;

  display: grid;

  place-items: center;

  font-size: 16px;

}


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

@media (max-width: 1024px) {


  .nav {

    gap: 18px;

  }


  .hero-grid {

    gap: 35px;

  }


  .category-grid {

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

  }


  .steps-grid {

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

  }


  .why-grid {

    gap: 45px;

  }


  .quick-info-grid {

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

  }


  .quick-item {

    border-bottom:
      1px solid rgba(255,255,255,0.06);

  }


  .quick-item:nth-child(2) {

    border-right: 0;

  }


  .footer-wrap {

    grid-template-columns:
      1fr 1fr;

  }


  .copyright {

    grid-column:
      1 / -1;

    text-align: center;

  }

}


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

@media (max-width: 760px) {


  html {

    scroll-padding-top:
      70px;

  }


  .container {

    width:
      min(100% - 28px,1160px);

  }


  /* HEADER */

  .nav-wrap {

    min-height: 70px;

  }


  .brand {

    width: 150px;

  }


  .brand img {

    width: 150px;

  }


  .nav {

    display: none;

  }


  .nav-cta {

    display: none;

  }


  .menu-btn {

    display: block;

    margin-left: auto;

  }


  /* MOBILE NAV */

  .mobile-nav {

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    padding:
      14px 20px 18px;

    background:
      rgba(7,9,20,0.98);

    border-bottom:
      1px solid var(--border);

    box-shadow:
      0 20px 40px
      rgba(0,0,0,0.35);

    display: none;

    flex-direction: column;

    gap: 2px;

    z-index: 9999;

  }


  .mobile-nav.open {

    display: flex;

  }


  .mobile-nav a {

    display: block;

    padding:
      13px 8px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

  }


  .mobile-nav a:hover {

    color: var(--gold-light);

  }


  .mobile-nav .mobile-wa {

    color: var(--gold-light);

    border-top:
      1px solid var(--border);

    margin-top: 5px;

    padding-top: 17px;

  }


  /* HERO */

  .hero {

    padding:
      115px 0 70px;

    min-height:
      auto;

  }


  .hero-grid {

    grid-template-columns: 1fr;

    gap: 35px;

  }


  h1 {

    font-size:
      clamp(44px,12vw,62px);

    letter-spacing:
      -1.5px;

  }


  .hero-text {

    font-size: 15px;

    line-height: 1.75;

    margin:
      20px 0 25px;

  }


  .hero-actions {

    display: grid;

    grid-template-columns: 1fr;

  }


  .btn {

    width: 100%;

  }


  .trust-row {

    margin-top: 30px;

    gap: 12px;

    justify-content:
      space-between;

  }


  .trust-item {

    flex: 1;

  }


  .trust-item strong {

    font-size: 18px;

  }


  .trust-item span {

    font-size: 8px;

    letter-spacing:
      0.6px;

  }


  /* HERO ART */

  .hero-art {

    min-height:
      auto;

    padding-top: 5px;

  }


  .art-card {

    width:
      min(500px,100%);

    padding:
      20px 15px;

    border-radius:
      22px;

  }


  .art-card::before {

    inset: 7px;

    border-radius:
      16px;

  }


  .art-caption strong {

    font-size:
      23px;

  }


  /* QUICK INFO */

  .quick-info-grid {

    grid-template-columns:
      1fr 1fr;

  }


  .quick-item {

    min-height:
      100px;

    padding:
      14px;

    justify-content:
      flex-start;

  }


  .quick-item:nth-child(odd) {

    border-right:
      1px solid rgba(255,255,255,0.06);

  }


  .quick-item:nth-child(even) {

    border-right: 0;

  }


  .quick-icon {

    width: 32px;

    height: 32px;

    flex:
      0 0 32px;

  }


  .quick-item strong {

    font-size: 10px;

  }


  .quick-item small {

    font-size: 8px;

  }


  /* SECTIONS */

  .section {

    padding:
      78px 0;

  }


  .section-heading {

    margin-bottom:
      38px;

  }


  .section-heading p {

    font-size:
      14px;

  }


  h2 {

    font-size:
      38px;

  }


  /* CATEGORIES */

  .category-grid {

    grid-template-columns:
      1fr;

  }


  .category-card {

    min-height:
      230px;

  }


  /* WHY */

  .why-grid {

    grid-template-columns:
      1fr;

    gap:
      45px;

  }


  .why-visual {

    min-height:
      360px;

  }


  .why-logo {

    width:
      min(280px,65vw);

  }


  .gold-ring {

    width:
      min(350px,82vw);

  }


  .mini-one {

    top: 0;

    left: 0;

  }


  .mini-two {

    right: 0;

    bottom: 0;

  }


  /* STEPS */

  .steps-grid {

    grid-template-columns:
      1fr;

  }


  .step-card {

    min-height:
      230px;

  }


  /* CTA */

  .cta-section {

    padding:
      28px 0;

  }


  .cta-box {

    padding:
      34px 25px;

    flex-direction:
      column;

    align-items:
      stretch;

  }


  .cta-box h2 {

    font-size:
      34px;

  }


  .cta-box p {

    font-size:
      13px;

  }


  /* MANUFACTURER */

  .manufacturer-section {

    padding:
      50px 0;

  }


  .manufacturer-box {

    padding:
      30px 24px;

    flex-direction:
      column;

    align-items:
      stretch;

  }


  .manufacturer-box h2 {

    font-size:
      34px;

  }


  /* CONTACT */

  .contact {

    padding:
      70px 0;

  }


  .contact-box {

    flex-direction:
      column;

    align-items:
      flex-start;

    padding-bottom:
      45px;

  }


  .contact-box h2 {

    font-size:
      36px;

  }


  .contact-action {

    width: 100%;

    min-width: 0;

  }


  /* FOOTER */

  footer {

    padding-bottom:
      120px;

  }


  .footer-wrap {

    grid-template-columns:
      1fr;

    text-align:
      center;

  }


  .footer-brand img {

    margin:
      0 auto;

  }


  .footer-links {

    justify-content:
      center;

  }


  .copyright {

    grid-column:
      auto;

    text-align:
      center;

  }


  /* WHATSAPP */

  .whatsapp-float {

    right:
      14px;

    bottom:
      14px;

    padding:
      10px;

  }


  .whatsapp-float .wa-label {

    display:
      none;

  }


  .wa-symbol {

    width:
      36px;

    height:
      36px;

  }

}


/* =====================================================
   SMALL PHONES
===================================================== */

@media (max-width: 480px) {


  .container {

    width:
      calc(100% - 28px);

  }


  .brand {

    width:
      145px;

  }


  .brand img {

    width:
      145px;

  }


  .eyebrow {

    font-size:
      9px;

    letter-spacing:
      2px;

  }


  h1 {

    font-size:
      45px;

  }


  .hero-art {

    display:
      none;

  }


  .trust-row {

    gap:
      8px;

  }


  .trust-item strong {

    font-size:
      17px;

  }


  .trust-item span {

    font-size:
      8px;

  }


  .quick-item {

    padding:
      12px 9px;

  }


  .quick-item strong {

    font-size:
      9px;

  }


  .quick-item small {

    font-size:
      7px;

  }


  .section-heading h2,
  h2 {

    font-size:
      36px;

  }


  .why-visual {

    min-height:
      300px;

  }


  .why-logo {

    width:
      235px;

  }


  .gold-ring {

    width:
      290px;

  }


  .mini-card {

    padding:
      10px 12px;

    font-size:
      8px;

  }


  .cta-box h2 {

    font-size:
      31px;

  }


  .manufacturer-box h2 {

    font-size:
      30px;

  }


}