.elementor-1737 .elementor-element.elementor-element-c18b175{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1737 .elementor-element.elementor-element-c18b175{--content-width:1240px;}}/* Start custom CSS for html, class: .elementor-element-a953a2f *//* =========================
   TERMS HERO
========================= */
/* =========================
   TERMS HERO (FIXED)
========================= */
.terms-hero-section{
  padding: 28px 0 14px;
}

.terms-hero{
  position: relative;
  overflow: hidden;
  padding: 34px 36px;
  border-radius: 22px;

  background:
    linear-gradient(135deg, rgba(245,180,0,0.08) 0%, rgba(245,180,0,0.02) 35%, rgba(0,0,0,0.92) 70%),
    linear-gradient(180deg, #080808 0%, #050505 100%);

  border: 1px solid rgba(245,180,0,0.22);
  box-shadow: inset 0 0 0 1px rgba(245,180,0,0.03);
}

/* gold glow */
.terms-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 25%, rgba(245,180,0,0.10), transparent 40%),
    radial-gradient(circle at 80% 40%, rgba(245,180,0,0.06), transparent 30%);
}

/* 🔥 FIXED STACKING SYSTEM */
.terms-hero-content{
  position: relative;
  z-index: 1;
  max-width: 760px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

  gap: 6px; /* controls spacing cleanly */
}

/* REMOVE ALL DEFAULT MARGINS */
.terms-hero-content p,
.terms-hero-content h1{
  margin: 0 !important;
}

/* FORCE ORDER */
.terms-hero-kicker{
  order: 1;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #C7A95C;
}

.terms-hero-title{
  order: 2;

  font-family: "Poppins", sans-serif;
  font-size: 42px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.02em;

  color: #fff;
}

.terms-hero-title span{
  color: #F5B400;
}

/* subtitle */
.terms-hero-text{
  order: 3;

  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #BFA86A;

  margin-top: 2px !important;
}

/* updated */
.terms-updated{
  order: 4;

  font-size: 13px;
  color: #8F7A45;

  margin-top: 6px !important;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 767px){
  .terms-hero{
    padding: 24px 20px;
    border-radius: 18px;
  }

  .terms-hero-title{
    font-size: 32px;
  }

  .terms-hero-text{
    font-size: 14px;
  }
}

/* =========================
   TERMS CONTENT
========================= */
.terms-content-section{
  padding: 18px 0 40px;
}

.terms-content{
  position: relative;
  overflow: hidden;

  max-width: 980px;
  margin: 0 auto;

  padding: 34px 36px;
  border-radius: 22px;

  background:
    linear-gradient(135deg, rgba(245,180,0,0.05) 0%, rgba(245,180,0,0.01) 40%, rgba(0,0,0,0.95) 80%),
    linear-gradient(180deg, #080808 0%, #050505 100%);

  border: 1px solid rgba(245,180,0,0.18);
  box-shadow: inset 0 0 0 1px rgba(245,180,0,0.02);
}

.terms-content::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 20%, rgba(245,180,0,0.08), transparent 35%),
    radial-gradient(circle at 85% 10%, rgba(245,180,0,0.06), transparent 30%);
}

.terms-content > *{
  position: relative;
  z-index: 1;
}

.terms-content h2{
  margin: 26px 0 10px;
  font-size: 22px;
  font-weight: 800;
  color: #fff;
}

.terms-content h2:first-child{
  margin-top: 0;
}

.terms-content p{
  margin: 0;
  max-width: 760px;
  font-size: 15px;
  line-height: 1.85;
  color: #BFA86A;
}

.terms-content p + h2{
  margin-top: 30px;
}

/* links */
.terms-content a,
.text-link{
  color: #F5B400;
  font-weight: 700;
  text-decoration: none;
}

.terms-content a:hover,
.text-link:hover{
  color: #FFC21A;
  text-decoration: underline;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 767px){
  .terms-hero{
    padding: 24px 20px;
    border-radius: 18px;
  }

  .terms-hero-title{
    font-size: 32px;
  }

  .terms-content{
    padding: 22px 18px;
    border-radius: 18px;
  }

  .terms-content h2{
    font-size: 19px;
  }

  .terms-content p{
    font-size: 14px;
  }
}/* End custom CSS */