.cs-wrap{
      min-height: calc(100vh - 160px); /* header+footer spacing approx */
      display:flex;
      align-items:center;
      padding: 30px 0;
    }
    .cs-card{
      background: #0f1216;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 14px;
      box-shadow: 0 18px 45px rgba(0,0,0,.45);
      padding: 26px 22px;
      color:#fff;
      text-align:center;
    }
    .cs-icon{
      width: 72px;
      height: 72px;
      border-radius: 16px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin: 0 auto 14px;
      background: linear-gradient(180deg, #ff3b3b, #b80000);
      box-shadow: 0 14px 30px rgba(255,0,0,.25);
    }
    .cs-icon i{ font-size: 30px; }
    .cs-title{
      font-weight: 900;
      letter-spacing: .4px;
      margin-bottom: 6px;
    }
    .cs-sub{
      opacity:.88;
      font-weight: 600;
      margin-bottom: 14px;
    }
    .cs-note{
      opacity:.75;
      font-size: 14px;
      margin-bottom: 18px;
    }
    .cs-actions{
      display:flex;
      gap:10px;
      justify-content:center;
      flex-wrap:wrap;
    }
    .cs-btn{
      border-radius: 10px;
      padding: 10px 14px;
      font-weight: 800;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.08);
      color:#fff;
      text-decoration:none;
      transition: .2s ease;
    }
    .cs-btn:hover{ transform: translateY(-1px); filter: brightness(1.06); }
    .cs-btn.primary{
      background: linear-gradient(180deg, #ff3b3b, #b80000);
      border-color: rgba(255,0,0,.35);
    }

    @media(max-width: 768px)
    {
      .cs-wrap {
        min-height: calc(100vh - 119px);
    }
    }
/* =========================
   CONTACT PAGE LAYOUT
========================= */

.contact-grid{
    display:flex;
    gap:24px;
    align-items:stretch;
    margin-top:20px;
}

.contact-grid .cs-card{
    flex:1;
    text-align:left;
    height:100%;
}

/* LEFT CARD */
.contact-left{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

/* RIGHT CARD FORM */
.contact-form-wrap{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.contact-form-title{
    font-size:28px;
    font-weight:800;
    margin-bottom:8px;
    color:#fff;
}

.contact-form-sub{
    color:#94a3b8;
    font-size:14px;
    margin-bottom:22px;
}

/* INPUTS */
.cs-input{
    background:#111 !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    color:#fff !important;
    border-radius:14px !important;
    padding:14px 16px !important;
    box-shadow:none !important;
    width:100%;
}

.cs-input:focus{
    border-color:#dd2b31 !important;
    box-shadow:0 0 0 3px rgba(221,43,49,0.15) !important;
    background:#111 !important;
    color:#fff !important;
}

.cs-input::placeholder{
    color:#94a3b8;
}

textarea.cs-input{
    resize:none;
    min-height:140px;
}

/* BUTTON */
.cs-submit-btn{
    width:100%;
    border:none;
    border-radius:14px;
    padding:14px;
    font-weight:800;
    background:linear-gradient(180deg,#ff3b3b,#b80000);
    color:#fff;
    transition:.25s ease;
}

.cs-submit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(255,0,0,.25);
}

/* CONTACT INFO */
.contact-info p{
    margin:10px 0;
    font-weight:600;
    opacity:.9;
}

.map-box{
    width:100%;
    height:220px;
    border-radius:10px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    margin-top:18px;
}

.map-box iframe{
    width:100%;
    height:100%;
    border:0;
}

/* RESPONSIVE */
@media(max-width:991px){

    .contact-grid{
        flex-direction:column;
    }

    .contact-grid .cs-card{
        width:100%;
    }

}

@media(max-width:768px){

    .cs-wrap{
        min-height:calc(100vh - 119px);
    }

    .contact-form-title{
        font-size:24px;
    }

}

/* membership css */
.membership-list {
  padding-left: 18px;
  margin-bottom: 15px;
  opacity: 0.85;
}
.membership-list li {
  margin-bottom: 6px;
}

.pricing-card {
  text-align: center;
  transition: 0.3s ease;
}

.pricing-card:hover {
  transform: translateY(-6px);
}

.plan-title {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 10px;
}

.price {
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 15px;
  color: #ff3b3b;
}

.price span {
  font-size: 14px;
  font-weight: 500;
  color: #ccc;
}

.featured {
  border: 1px solid rgba(255, 0, 0, 0.5);
  box-shadow: 0 20px 50px rgba(255, 0, 0, 0.2);
  transform: scale(1.05);
}

/* privacy policy css */

.policy-section {
  margin-bottom: 18px;
}

.policy-section h5 {
  font-weight: 700;
  margin-bottom: 6px;
  color: #ff3b3b;
}

.policy-section p {
  font-size: 14px;
  opacity: 0.85;
  line-height: 1.6;
}

.bulk-card{
    position: relative;
    border: 2px solid #ff9800;
    transform: scale(1.03);
}

.bulk-badge{
    position:absolute;
    top:-12px;
    right:20px;
    background:#ff9800;
    color:#fff;
    padding:6px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:700;
}