.am-about-section{
  padding: 56px 0 70px;
}

/* Hero Layout */
.am-about-hero{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 28px;
  align-items: start;
  margin-top: 28px;
}

/* Pill / badge */
.am-pill{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid rgba(20, 20, 20, 0.12);
  border-radius: 999px;
  background: rgba(255,255,255,0.7);
  font-size: 13px;
  color: rgba(10,10,10,0.70);
}
.am-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #18c7b7, #3b82f6);
  box-shadow: 0 0 0 4px rgba(24,199,183,0.16);
}

/* Typography */
.am-title{
  margin: 14px 0 10px;
  font-size: clamp(26px, 2.5vw, 40px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #111827;
}
.am-lead{
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(17,24,39,0.78);
  max-width: 65ch;
}

/* Buttons */
.am-about-cta{
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.am-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,0.14);
  color: #111827;
  background: #fff;
  font-weight: 600;
  transition: all .18s ease;
}
.am-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(17,24,39,0.22);
}
.am-btn--primary{
  border: none;
    background: linear-gradient(90deg, #263587, #425adc);
    color: #ffffff;
     box-shadow: 0 10px 40px #9a9a9a;
}
.am-btn--primary:hover{ filter: brightness(1.03); }

/* Cards */
.am-card{
  border: 1px solid rgba(17,24,39,0.10);
  border-radius: 18px;
  background: #fff;
  padding: 20px;
}
.am-card--soft{
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.86));
}
.am-card__title{
  margin: 0 0 10px;
  font-size: 18px;
  color: #111827;
  letter-spacing: -0.01em;
}
.am-text{
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(17,24,39,0.75);
}

/* List */
.am-list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}
.am-list li{
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  align-items: start;
}
.am-ic{
  width: 26px;
  height: 26px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(24,199,183,0.12);
  border: 1px solid rgba(24,199,183,0.22);
  color: #0f766e;
  font-weight: 800;
}
.am-list__title{
  font-weight: 700;
  color: rgba(17,24,39,0.88);
  font-size: 14px;
}
.am-list__text{
  font-size: 14px;
  color: rgba(17,24,39,0.70);
  margin-top: 2px;
}

.am-mini-note{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(17,24,39,0.10);
  font-size: 13px;
  color: rgba(17,24,39,0.70);
}

/* 2 column grid */
.am-grid-2{
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Offer tags */
.am-offer{
  margin-top: 16px;
}
.am-offer__head p{
  margin-top: 6px;
}
.am-tags{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.am-tag{
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(17,24,39,0.10);
  background: rgba(17,24,39,0.03);
  font-size: 13px;
  color: rgba(17,24,39,0.75);
}

/* Values */
.am-values{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.am-value{
  border-radius: 18px;
  border: 1px solid rgba(17,24,39,0.10);
  background: rgba(255,255,255,0.85);
  padding: 16px;
}
.am-value h4{
  margin: 0 0 6px;
  font-size: 15px;
  color: rgba(17,24,39,0.90);
}
.am-value p{
  margin: 0;
  font-size: 14px;
  color: rgba(17,24,39,0.70);
}

/* Bottom CTA banner */
.am-cta-banner{
  margin-top: 18px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(17,24,39,0.10);
  background: linear-gradient(90deg, rgba(24,199,183,0.15), rgba(59,130,246,0.12));
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.am-cta-banner h3{
  margin: 0 0 4px;
  font-size: 18px;
  color: rgba(17,24,39,0.92);
}
.am-cta-banner p{
  margin: 0;
  font-size: 14px;
  color: rgba(17,24,39,0.72);
}
.am-cta-banner__actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 920px){
  .am-about-hero{ grid-template-columns: 1fr; }
  .am-grid-2{ grid-template-columns: 1fr; }
  .am-values{ grid-template-columns: 1fr; }
  .am-about-section{ padding: 40px 0 54px; }
}
 

.am-page-hero{
  position: relative;
  padding: 50px 0 50px;
  background:
    radial-gradient(800px 300px at 15% 30%, rgba(24,199,183,0.18), transparent 60%),
    radial-gradient(800px 300px at 85% 20%, rgba(59,130,246,0.18), transparent 60%),
    linear-gradient(180deg, #f8fafc, #ffffff);
  overflow: hidden;
}

.am-page-hero::after{
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(17,24,39,0.12),
    transparent
  );
}

.am-page-hero__inner{
  display: flex;
  justify-content: center;
  text-align: center;
}

.am-page-hero__content{
  max-width: 720px;
}

/* Badge */
.am-page-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(17,24,39,0.12);
  background: rgba(255,255,255,0.85);
  font-size: 13px;
  color: rgba(17,24,39,0.70);
  margin-bottom: 14px;
}

.am-dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(90deg, #18c7b7, #3b82f6);
  box-shadow: 0 0 0 4px rgba(24,199,183,0.18);
}

/* Title */
.am-page-title{
  margin: 0;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #111827;
}

/* Breadcrumb */
.am-breadcrumb{
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: rgba(17,24,39,0.65);
}

.am-breadcrumb a{
  color: rgba(17,24,39,0.75);
  font-weight: 600;
  transition: color .15s ease;
}

.am-breadcrumb a:hover{
  color: #111827;
}

.am-breadcrumb i{
  font-size: 12px;
  color: rgba(17,24,39,0.45);
}

.am-breadcrumb span{
  color: rgba(17,24,39,0.55);
  font-weight: 600;
}

/* Responsive */
@media (max-width: 768px){
  .am-page-hero{
    padding: 50px 0 50px;
  }
  .am-page-title{
    font-size: 26px;
  }
}


/* =========================
   FAQs Page
   ========================= */

.am-faq-top{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 18px;
}

.am-faq-sub{
  margin: 0;
  max-width: 70ch;
}

/* Search box */
.am-faq-search{
  min-width: 320px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(17,24,39,0.10);
  background: #fff;
  padding: 12px 14px;
  border-radius: 16px;
}

.am-faq-search i{
  font-size: 18px;
  color: rgba(17,24,39,0.55);
}

.am-faq-search input{
  border: 0;
  outline: none;
  width: 100%;
  font-size: 14px;
  color: rgba(17,24,39,0.80);
}

/* Layout */
.am-faq-grid{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: start;
}

/* Accordion */
.am-faq-accordion{
  background: #fff;
  border: 1px solid rgba(17,24,39,0.10);
  border-radius: 18px;
  padding: 10px;
}

.am-faq-item{
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,0.08);
  background: rgba(17,24,39,0.02);
  margin: 10px;
  overflow: hidden;
}

.am-faq-item summary{
  cursor: pointer;
  padding: 14px 14px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-weight: 800;
  color: rgba(17,24,39,0.88);
  font-size: 14px;
}

.am-faq-item summary::-webkit-details-marker{ display: none; }

.am-faq-item summary i{
  transition: transform .18s ease;
  color: rgba(17,24,39,0.55);
  font-size: 14px;
}

.am-faq-item[open] summary i{
  transform: rotate(180deg);
}

.am-faq-content{
  padding: 0 14px 14px;
  font-size: 14px;
  color: rgba(17,24,39,0.70);
  line-height: 1.7;
}

/* Side help card */
.am-faq-side{
  position: sticky;
  top: 88px;
}

.am-faq-help{
  background: linear-gradient(90deg, rgba(24,199,183,0.14), rgba(59,130,246,0.12));
  border: 1px solid rgba(17,24,39,0.10);
  border-radius: 18px;
  padding: 18px;
}

.am-help-title{
  font-size: 16px;
  font-weight: 900;
  color: rgba(17,24,39,0.92);
  margin-bottom: 6px;
}

.am-help-text{
  margin: 0;
  font-size: 14px;
  color: rgba(17,24,39,0.72);
  line-height: 1.65;
}

.am-help-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.am-help-note{
  margin-top: 12px;
  font-size: 12px;
  color: rgba(17,24,39,0.58);
}

/* Responsive */
@media (max-width: 1024px){
  .am-faq-top{
    flex-direction: column;
    align-items: stretch;
  }
  .am-faq-search{
    min-width: auto;
  }
  .am-faq-grid{
    grid-template-columns: 1fr;
  }
  .am-faq-side{
    position: relative;
    top: auto;
  }
}



/* =========================
   Privacy Policy
   ========================= */

.am-policy-wrap{
  max-width: 900px;
  margin: 0 auto;
}

.am-policy-intro{
  font-size: 15px;
  line-height: 1.8;
  color: rgba(17,24,39,0.78);
  margin-bottom: 20px;
}

.am-policy-card{
  background: #fff;
  border: 1px solid rgba(17,24,39,0.10);
  border-radius: 18px;
  padding: 18px;
  margin-bottom: 14px;
}

.am-policy-card h3{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 900;
  color: rgba(17,24,39,0.92);
}

.am-policy-card p{
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(17,24,39,0.72);
}

.am-policy-card ul{
  margin: 10px 0 0;
  padding-left: 18px;
}

.am-policy-card li{
  font-size: 14px;
  color: rgba(17,24,39,0.72);
  margin-bottom: 6px;
}

.am-policy-contact{
  background: linear-gradient(
    90deg,
    rgba(24,199,183,0.14),
    rgba(59,130,246,0.12)
  );
}

.am-policy-footer{
  margin-top: 18px;
  font-size: 12px;
  color: rgba(17,24,39,0.55);
  text-align: right;
}

/* Responsive */
@media (max-width: 768px){
  .am-policy-wrap{
    padding: 0 6px;
  }
}


  .am-contact-wrap{
              display: grid;
              grid-template-columns: 1.15fr .85fr;
              gap: 20px;
              align-items: start;
            }

            .am-contact-formcard{
              background: #fff;
              border: 1px solid rgba(17,24,39,0.10);
              border-radius: 18px;
              padding: 22px;
            }

            .am-contact-head{
              padding-bottom: 14px;
              border-bottom: 1px solid rgba(17,24,39,0.08);
            }

            .am-form .am-grid{
              display: grid;
              grid-template-columns: 1fr 1fr;
              gap: 14px;
            }

            .am-field{ display: flex; flex-direction: column; gap: 8px; }
            .am-col-2{ grid-column: span 2; }

            .am-label{
              font-size: 13px;
              font-weight: 700;
              color: rgba(17,24,39,0.80);
            }

            .am-input{ 
              padding: 12px 14px; 
            }

           /* .am-input:focus{
              background: #fff;
              border-color: rgba(59,130,246,0.45);
              box-shadow: 0 0 0 4px rgba(59,130,246,0.12);
            }*/

            .am-textarea{
              resize: vertical;
              min-height: 140px;
            }

            .am-actions{
              display: flex;
              flex-wrap: wrap;
              gap: 12px;
              align-items: center;
            }

            .am-btn-wide{
              padding-left: 18px !important;
              padding-right: 18px !important;
            }

            .am-note{
              font-size: 12px;
              color: rgba(17,24,39,0.55);
            }

            /* Right side */
            .am-contact-side{
              display: grid;
              gap: 14px;
            }

            .am-info-card{
              background: #fff;
              border: 1px solid rgba(17,24,39,0.10);
              border-radius: 18px;
              padding: 18px;
            }

            .am-info-title{
              font-size: 16px;
              font-weight: 800;
              color: rgba(17,24,39,0.92);
              margin-bottom: 8px;
            }

            .am-info-text{
              margin: 0;
              color: rgba(17,24,39,0.70);
              font-size: 14px;
              line-height: 1.65;
            }

            .am-info-grid{
              display: grid;
              grid-template-columns: 1fr 1fr;
              gap: 12px;
            }

            .am-info-mini{
              display: grid;
              grid-template-columns: 36px 1fr;
              gap: 10px;
              align-items: center;
              background: rgba(17,24,39,0.02);
              border: 1px solid rgba(17,24,39,0.10);
              border-radius: 16px;
              padding: 12px;
              transition: all .15s ease;
            }

            .am-info-mini:hover{
              transform: translateY(-1px);
              background: #fff;
              border-color: rgba(17,24,39,0.18);
            }

            .am-mini-ic{
              width: 36px;
              height: 36px;
              border-radius: 14px;
              display: grid;
              place-items: center;
              background: rgba(24,199,183,0.12);
              border: 1px solid rgba(24,199,183,0.20);
              font-size: 16px;
            }

            .am-mini-title{
              font-size: 12px;
              font-weight: 800;
              color: rgba(17,24,39,0.70);
            }

            .am-mini-text{
              font-size: 14px;
              font-weight: 700;
              color: rgba(17,24,39,0.90);
            }

            .am-hours{
              display: grid;
              gap: 10px;
              margin-top: 10px;
            }

            .am-hour-row{
              display: flex;
              justify-content: space-between;
              gap: 10px;
              font-size: 13px;
              color: rgba(17,24,39,0.72);
              padding-bottom: 10px;
              border-bottom: 1px dashed rgba(17,24,39,0.12);
            }
            .am-hour-row:last-child{
              border-bottom: none;
              padding-bottom: 0;
            }

            .am-hours-note{
              margin-top: 10px;
              font-size: 12px;
              color: rgba(17,24,39,0.55);
            }

            /* Map */
            .am-map{
              border-radius: 18px;
              overflow: hidden;
              border: 1px solid rgba(17,24,39,0.10);
              background: #fff;
            }
            .am-map iframe{
              width: 100%;
              height: 240px;
              border: 0;
              display: block;
            }

            /* Responsive */
            @media (max-width: 1024px){
              .am-contact-wrap{ grid-template-columns: 1fr; }
              .am-info-grid{ grid-template-columns: 1fr; }
              .am-form .am-grid{ grid-template-columns: 1fr; }
              .am-col-2{ grid-column: auto; }
            }
 
.am-modal{ position:fixed; inset:0; z-index:9999; display:none; }
.am-modal.is-open{ display:block; }

.am-modal__overlay{
  position:absolute; inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(10px);
}

.am-modal__dialog{
  position:relative;
  width:min(980px, 92vw);
  margin: 5vh auto;
  height: 85vh;
  border-radius: 24px;
      overflow-y: scroll;
  background:#fff;
  box-shadow: 0 25px 80px rgba(0,0,0,.35);
  transform: translateY(18px) scale(.98);
  opacity:0;
  transition: all .25s ease;
}
.am-modal.is-open .am-modal__dialog{
  transform: translateY(0) scale(1);
  opacity:1;
}

.am-modal__close{
  position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, .08);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
}
.am-modal__close:hover{ transform: scale(1.04); }

.am-modal__grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  min-height: 520px;
}
@media (max-width: 900px){
  .am-modal__grid{ grid-template-columns: 1fr; }
  .am-modal__left{ display:none; }
  .am-modal__dialog{ margin: 8vh auto; }
}

.am-modal__left{
  padding: 42px 38px;
  color:#fff;
  background:
    radial-gradient(1200px 600px at 20% 20%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(135deg, #0b0f1a, #0f2747 60%, #163d69);
}
.am-modal__badge{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  font-size: 13px;
  color: rgba(255,255,255,.9);
}
.am-dot{
  width:8px; height:8px; border-radius:999px;
  background: #4ade80;
  box-shadow: 0 0 0 6px rgba(74,222,128,.18);
}
.am-modal__title{ margin-top:14px; font-size: 30px; line-height: 1.15; font-weight: 800; }
.am-modal__subtitle{ margin-top:10px; color: rgba(255,255,255,.8); max-width: 380px; }

.am-modal__perks{ margin-top: 22px; display:grid; gap:14px; }
.am-modal__perk{
  display:flex; gap:12px; align-items:flex-start;
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
}
.am-modal__perk i{ font-size: 22px; margin-top: 2px; color: rgba(255,255,255,.95); }
.am-modal__perkTitle{ font-weight: 700; }
.am-modal__perkText{ color: rgba(255,255,255,.78); font-size: 13px; margin-top: 2px; }

.am-modal__right{
  padding: 42px 38px;
}

.am-alert{
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(239,68,68,.25);
  background: rgba(239,68,68,.06);
  color:#b91c1c;
  margin-bottom: 16px;
  font-size: 14px;
}

.am-form{ display:grid; gap: 14px; }
.am-field{ display:grid; gap: 8px; }
.am-label{ font-weight: 700; font-size: 13px; color: rgba(0,0,0,.75); }

.am-inputWrap{
      position: relative;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
    padding: 0px 30px 0px 30px;
    height: 40px;
    display: flex;
    align-items: center;
    transition: .2s;
}
.am-inputWrap:focus-within{
  border-color: rgba(0,0,0,.35);
  box-shadow: 0 0 0 6px rgba(0,0,0,.06);
}
.am-inputWrap > i{
  position:absolute; left:14px;
  font-size: 20px; opacity:.55;
}
.am-input{
  width:100%;
  border:0; outline:0;
  height: 46px;
  font-size: 14px;
  background: transparent;
}
.am-passToggle{
  position:absolute; right:3px;
  width:34px; height:34px;
  border-radius: 12px;
  border: 0;
  background: rgba(0,0,0,.06);
  display:flex; align-items:center; justify-content:center;
}
.am-passToggle i{ font-size: 18px; opacity:.7; }
.am-passToggle:hover{ background: rgba(0,0,0,.1); }

.am-row{
  display:flex; align-items:center; justify-content:space-between;
  gap: 10px;
      margin-top: 15px;
    margin-bottom: 15px;
}
.am-check{ display:flex; gap:8px; align-items:center; font-size: 14px; color: rgba(0,0,0,.7); }
.am-check input{ width:16px; height:16px; }
.am-link{ font-weight: 700; font-size: 14px; text-decoration: none; }
.am-link:hover{ text-decoration: underline; }

.am-btn{
  height: 40px;
  border-radius: 14px;
  border:1px solid rgba(0,0,0,.12);
  display:flex; align-items:center; justify-content:center;
  gap:10px;
  font-weight: 800;
  transition:.2s;
}
.am-btn--primary{
  background:#000;
  color:#fff;
  border-color:#000;
}
.am-btn--primary:hover{ transform: translateY(-1px); }
.am-btn--ghost{
  background:#fff;
}
.am-btn--ghost:hover{ background: rgba(0,0,0,.05); }
.am-btn--text{
  border:0;
  height:auto;
  padding: 6px 0;
  background: transparent;
  font-weight:700;
  color: rgba(0,0,0,.7);
}
.am-btn--text:hover{ text-decoration: underline; }

.am-divider{
  position:relative;
  text-align:center;
  margin: 6px 0;
}
.am-divider:before{
  content:"";
  position:absolute; left:0; right:0; top:50%;
  height:1px; background: rgba(0,0,0,.12);
}
.am-divider span{
  position:relative;
  background:#fff;
  padding: 0 10px;
  font-size: 13px;
  color: rgba(0,0,0,.55);
}

.am-btnLoader{
  width:18px; height:18px;
  border-radius:999px;
  border: 2px solid rgba(255,255,255,.35);
  border-top-color: #fff;
  display:none;
  animation: amspin .75s linear infinite;
}
@keyframes amspin{ to{ transform: rotate(360deg); } }
 
body.am-lock{ overflow:hidden; }
 


.am-btn--block { width: 100%; justify-content: center; }
.am-authHead { margin-bottom: 14px; }
.am-authTitle { font-weight: 700; font-size: 18px; }
.am-authSub { margin-top: 4px; opacity: .75; font-size: 13px; }
.am-authSocial { margin: 12px 0; }
.am-authFooter { margin-top: 14px; display: grid; gap: 10px; }
.am-row--between { display:flex; justify-content:space-between; gap: 12px; align-items:center; }

  

  /* ================================
   Auto-hide scrollbar (modal right)
   ================================ */

.am-modal__right{
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;              /* Firefox hide */
  padding-right: 6px;
}

/* Webkit scrollbar hidden by default */
.am-modal__right::-webkit-scrollbar{
  width: 3px;
}

.am-modal__right::-webkit-scrollbar-track{
  background: transparent;
}

.am-modal__right::-webkit-scrollbar-thumb{
  background: rgba(2,132,199,0);       /* invisible by default */
  border-radius: 10px;
  transition: background .25s ease;
}

/* Visible state (while scrolling) */
/*.am-modal__right.is-scrolling{
  scrollbar-width: thin;               
  scrollbar-color: #0284c7 transparent;
}*/

.am-modal__right.is-scrolling::-webkit-scrollbar-thumb{
  background: rgba(2,132,199,.75);
}
/* 1) Modal dialog must NOT scroll */
.am-modal__dialog{
  max-height: 90vh;          /* keep within viewport */
  height: 90vh;              /* important so inner scroll works */
  overflow: hidden;          /* stop scrollbar on dialog */
}

/* 2) Grid and columns must stretch full height */
.am-modal__grid{
  height: 100%;
}

.am-modal__left,
.am-modal__right{
  height: 100%;
}

/* 3) Scroll ONLY on right panel */
.am-modal__right{
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 35px;        /* room for scrollbar */
  scrollbar-gutter: stable;  /* avoids layout shift when scrollbar appears */
  overscroll-behavior: contain;
}

/* Scrollbar styling only for right section */
/*.am-modal__right{
      scrollbar-width: thin;
    scrollbar-color: #0284c7 #b3b0b054;
}
*/
.am-modal__right::-webkit-scrollbar{
  width: 6px;
}

.am-modal__right::-webkit-scrollbar-track{
  background: transparent;
}

.am-modal__right::-webkit-scrollbar-thumb{
  background: rgba(2,132,199,.65);
  border-radius: 10px;
}

.am-modal__right::-webkit-scrollbar-thumb:hover{
  background: rgba(2,132,199,.9);
}


.am-modal__dialog{
  height: min(720px, 75vh);
}


/* Remove browser autofill background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff00  inset !important;
  box-shadow: 0 0 0px 1000px #ffffff00  inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}


 

.am-home-banner{
  position: relative;
  display: block;
  border-radius: 22px;
  overflow: hidden;
  background: #000;
}

.am-home-banner__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.am-home-banner__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.55),
    rgba(0,0,0,.25),
    transparent
  );
  transition: opacity .3s ease;
}

.am-home-banner__content{
  position: absolute;
  left: 22px;
  bottom: 22px;
  z-index: 2;
}

.am-home-banner__content h3{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.01em;
}

.am-home-banner__cta{
  display: inline-block;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  border-bottom: 2px solid #fff;
  padding-bottom: 2px;
  transition: transform .25s ease, opacity .25s ease;
}

/* Hover */
.am-home-banner:hover .am-home-banner__img img{
  transform: scale(1.08);
}

.am-home-banner:hover .am-home-banner__cta{
  transform: translateY(-2px);
  opacity: .9;
}


  .Shodow {  
    display: flex; 
    border: 1px solid rgba(0,0,0,0.04);
  }

  /* Bottom-only shadow */
  .Shodow::after {
  content: "";
    position: absolute;
    left: 2%;
    right: 2%;
    bottom: -1px;
    height: 2px;
    background: rgba(0, 0, 0, 0.25);
    filter: blur(2px);
    z-index: -1;
  }

  .al_mash_watch{
        background: white; 
    margin: 10px 10px 10px 10px; 
    border-radius: 10px;
  } 


  .AL-mash2{
        background: #000000;
    padding: 5px 0px 30px 0px;
    margin-top: 28px;
    border-radius: 10px;
    margin: 15px 15px 15px 15px;
  }

.banner-item{
  border-radius: 22px; 
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .35s ease;
}

.banner-item:hover{
  box-shadow:2px 5px 4px 0px rgba(0,0,0,.55), 2px 2px 4px rgba(0,0,0,.35)
}

.banner-img{
  height: 320px;
  overflow: hidden;
}

@media (max-width: 640px){
  .banner-img{ height: 260px; }
}

.banner-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateY(var(--py, 0px)) scale(1.25);
  transition: transform .9s cubic-bezier(.16,.84,.44,1);
  will-change: transform;
}

.banner-item:hover .banner-img img{
  transform: translateY(var(--py, 0px)) scale(1.4);
}

/* overlay */
.banner-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgb(38 53 135 / 52%), rgb(38 53 135 / 47%));
  z-index:1;
}

/* content */
.banner-content{
  z-index:2;
  text-align:center;
  padding: 20px;
}

.banner-content .heading2{
  text-shadow: 0 12px 30px rgba(0,0,0,.7);
}

.banner-content .text-button{
  padding: 5px 15px;
    border-radius: 999px; 
    backdrop-filter: blur(8px);
    border: 2px solid rgba(255, 255, 255, .6);
    transition: transform .25s ease, background .25s ease;
}

.banner-item:hover .text-button{
  transform: translateY(-4px) scale(1.05);
  background: rgba(0,0,0,.55);
}



/* WHOLESALE HEADER BUTTON */
.am-wholesale-btn{
      position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    border-radius: 4px;
    background: linear-gradient(135deg, #1b2b7f, #0f1a4d);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 2px; 
    overflow: hidden;
    box-shadow: 0 2px 7px rgba(27, 43, 127, .35), inset 0 0 0 1px rgba(255, 255, 255, .15);
    transition: transform .25s ease, box-shadow .25s ease;
} 

/* Hover lift + glow */
.am-wholesale-btn:hover{
  transform: translateY(-1px);
  box-shadow:
    0 6px 18px rgba(27, 43, 127, .45),
    inset 0 0 0 1px rgba(255, 255, 255, .25);
}

/* Shine sweep */
.am-wholesale-btn::after{
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.35),
    transparent
  );
  transition: left .5s ease;
}

.am-wholesale-btn:hover::after{
  left: 140%;
}

/* Active (click) feedback */
.am-wholesale-btn:active{
  transform: translateY(0);
  box-shadow:
    0 3px 10px rgba(27, 43, 127, .35),
    inset 0 0 0 1px rgba(255, 255, 255, .3);
}


/* Glow sweep animation */
.am-wholesale-btn__glow{
  position: absolute;
  inset: -2px;
  background: linear-gradient(
    120deg,
    transparent 20%,
    rgba(255,255,255,.35),
    transparent 80%
  );
  transform: translateX(-100%);
  animation: wholesaleGlow 3s infinite;
}

@keyframes wholesaleGlow{
  0%   { transform: translateX(-100%); }
  60%  { transform: translateX(120%); }
  100% { transform: translateX(120%); }
}

/* Text stays above glow */
.am-wholesale-btn__text{
  position: relative;
  z-index: 1;
}

/* Mobile refinement */
@media (max-width: 640px){
  .am-wholesale-btn{
    padding: 8px 14px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .footer-bottom {
    padding-bottom: 85px !important;
  }
}