.elementor-66 .elementor-element.elementor-element-3650516{--display:flex;--overlay-opacity:0.8;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-66 .elementor-element.elementor-element-3650516:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-3650516 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://huselhockey.club/wp-content/uploads/2026/02/622309142_850611051298226_2924726378328389218_n.jpg");background-position:0px -174px;}.elementor-66 .elementor-element.elementor-element-3650516::before, .elementor-66 .elementor-element.elementor-element-3650516 > .elementor-background-video-container::before, .elementor-66 .elementor-element.elementor-element-3650516 > .e-con-inner > .elementor-background-video-container::before, .elementor-66 .elementor-element.elementor-element-3650516 > .elementor-background-slideshow::before, .elementor-66 .elementor-element.elementor-element-3650516 > .e-con-inner > .elementor-background-slideshow::before, .elementor-66 .elementor-element.elementor-element-3650516 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-66 .elementor-element.elementor-element-9308312{--display:flex;--overlay-opacity:0.95;}.elementor-66 .elementor-element.elementor-element-9308312:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-9308312 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://huselhockey.club/wp-content/uploads/2026/02/ChatGPT-Image-Feb-10-2026-12_17_00-PM.png");background-position:0px -472px;background-repeat:no-repeat;background-size:cover;}.elementor-66 .elementor-element.elementor-element-9308312::before, .elementor-66 .elementor-element.elementor-element-9308312 > .elementor-background-video-container::before, .elementor-66 .elementor-element.elementor-element-9308312 > .e-con-inner > .elementor-background-video-container::before, .elementor-66 .elementor-element.elementor-element-9308312 > .elementor-background-slideshow::before, .elementor-66 .elementor-element.elementor-element-9308312 > .e-con-inner > .elementor-background-slideshow::before, .elementor-66 .elementor-element.elementor-element-9308312 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-66 .elementor-element.elementor-element-f88814f{--display:flex;}.elementor-66 .elementor-element.elementor-element-2b57fa2{--display:flex;}.elementor-66 .elementor-element.elementor-element-26e8ae5{--display:flex;--overlay-opacity:0.8;}.elementor-66 .elementor-element.elementor-element-26e8ae5:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-26e8ae5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://huselhockey.club/wp-content/uploads/2026/02/622605854_850610941298237_6167850271108942111_n.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-66 .elementor-element.elementor-element-26e8ae5::before, .elementor-66 .elementor-element.elementor-element-26e8ae5 > .elementor-background-video-container::before, .elementor-66 .elementor-element.elementor-element-26e8ae5 > .e-con-inner > .elementor-background-video-container::before, .elementor-66 .elementor-element.elementor-element-26e8ae5 > .elementor-background-slideshow::before, .elementor-66 .elementor-element.elementor-element-26e8ae5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-66 .elementor-element.elementor-element-26e8ae5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-66 .elementor-element.elementor-element-7e26994{--display:flex;}.elementor-66 .elementor-element.elementor-element-421d489{--display:flex;}.elementor-66 .elementor-element.elementor-element-421d489:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-421d489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:1025px){.elementor-66 .elementor-element.elementor-element-26e8ae5:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-26e8ae5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-66 .elementor-element.elementor-element-3650516:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-3650516 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-66 .elementor-element.elementor-element-9308312:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-9308312 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-66 .elementor-element.elementor-element-3650516:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-3650516 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-66 .elementor-element.elementor-element-9308312:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-9308312 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for html, class: .elementor-element-974abe0 */.ab-hero{
  --red:#E11D2E;
  --black:#0B0B0D;
  color:#fff;

  /* TRANSPARENT + RED GLOW ONLY */
  background:
    radial-gradient(900px 420px at 15% 15%, rgba(225,29,46,.32), transparent 60%);
  
  padding: clamp(92px, 9vw, 140px) 16px;
  font-family: Inter, Poppins, system-ui, sans-serif;
}

.ab-hero__wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(26px, 4vw, 70px);
  align-items:center;
}

.ab-hero__eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  color: var(--red);
  text-transform:uppercase;
  margin-bottom:14px;
}

.ab-hero__title{
  font-family: Oswald, Inter, sans-serif;
  font-size: clamp(34px, 3.6vw, 52px);
  line-height:1.06;
  text-transform:uppercase;
  margin:0 0 14px;
  color:#fff;
}

.ab-hero__lead{
  margin:0 0 20px;
  font-size:16px;
  line-height:1.8;
  color: rgba(255,255,255,.88);
  max-width:62ch;
}

.ab-hero__chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.ab-chip{
  display:inline-flex;
  align-items:center;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.08);
  font-size:12.6px;
  color: rgba(255,255,255,.92);
}

.ab-hero__cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.ab-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 18px;
  border-radius:14px;
  font-weight:950;
  font-size:14px;
  text-decoration:none;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}

/* Primary Button */
.ab-btn--light{
  background:#fff;
  color:#0B0B0D;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.ab-btn--light:hover{
  transform: translateY(-2px);
}

/* Ghost Button */
.ab-btn--ghost{
  background: transparent;
  color:#fff;
  border:2px solid rgba(255,255,255,.6);
}
.ab-btn--ghost:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.08);
}

/* Media Box */
.ab-hero__media{
  height:420px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(700px 320px at 25% 15%, rgba(225,29,46,.28), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
  overflow:hidden;
}

/* Responsive */
@media (max-width:900px){
  .ab-hero__wrap{ grid-template-columns:1fr; }
  .ab-hero__media{ height:320px; }
}
.ab-hero__media{
  width:100%;
  min-height: 420px;
  border-radius: 22px;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  box-shadow: 0 22px 60px rgba(0,0,0,.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17f2987 */.ab-story{
  --red:#E11D2E;
  --dark:#0B0B0D;
  background: transparent;
  color: var(--dark);
  padding: clamp(86px, 8vw, 120px) 16px;
  font-family: Inter, Poppins, system-ui, sans-serif;
}
.ab-story__wrap{ max-width:1200px; margin:auto; }

.ab-head{ max-width: 780px; margin-bottom: 28px; }
.ab-head__eyebrow{
  display:inline-block;
  font-size:12px; font-weight:900; letter-spacing:2px;
  text-transform:uppercase;
  color: var(--red);
  margin-bottom: 12px;
}
.ab-head__title{
  margin:0 0 10px;
  font-family: Oswald, Inter, sans-serif;
  font-size: clamp(30px, 3vw, 44px);
  text-transform:uppercase;
}
.ab-head__sub{
  margin:0;
  font-size: 15.8px;
  line-height: 1.75;
  color: rgba(11,11,13,.75);
}

.ab-story__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.ab-story__block{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 18px;
  padding: 18px 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
}
.ab-story__block h3{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 950;
}
.ab-story__block p{
  margin:0;
  font-size: 14.5px;
  line-height: 1.7;
  color: rgba(11,11,13,.78);
}

@media (max-width: 900px){
  .ab-story__grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81b033d */.ab-vm{
  --red:#E11D2E;
  --dark:#0B0B0D;
  background: transparent;
  color: var(--dark);
  padding: clamp(86px, 8vw, 120px) 16px;
  font-family: Inter, Poppins, system-ui, sans-serif;
}
.ab-vm__wrap{ max-width:1200px; margin:auto; }
.ab-head--tight{ margin-bottom: 22px; }

.ab-vm__row{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 22px;
  align-items:start;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
}
.ab-vm__divider{
  width:1px;
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,.18), transparent);
  height: 100%;
}
.ab-vm h3{
  margin:0 0 8px;
  font-size: 16px;
  font-weight: 950;
  color: var(--red);
  text-transform: uppercase;
  letter-spacing: .8px;
}
.ab-vm p{
  margin:0;
  font-size: 14.8px;
  line-height: 1.75;
  color: rgba(11,11,13,.78);
}
.ab-vm ul{
  margin:0;
  padding-left: 18px;
  color: rgba(11,11,13,.78);
  line-height: 1.8;
  font-size: 14.8px;
}
.ab-vm li{ margin-bottom: 6px; }

@media (max-width: 900px){
  .ab-vm__row{
    grid-template-columns: 1fr;
  }
  .ab-vm__divider{ display:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3b4377 */.ab-proof{
  --red:#E11D2E;
  --dark:#0B0B0D;
  background: transparent;
  color: var(--dark);
  padding: clamp(86px, 8vw, 120px) 16px;
  font-family: Inter, Poppins, system-ui, sans-serif;
}
.ab-proof__wrap{ max-width:1200px; margin:auto; }

.ab-proof__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 3vw, 40px);
  align-items:center;
}

.ab-proof__cert{
  height: 420px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.14);
  background:
    radial-gradient(700px 320px at 30% 15%, rgba(225,29,46,.18), transparent 60%),
    linear-gradient(135deg, #f3f4f6, #ffffff);
}

.ab-proof__text h3{
  margin:0 0 10px;
  font-size:16px;
  font-weight:950;
}
.ab-proof__text p{
  margin:0 0 16px;
  font-size:14.8px;
  line-height:1.8;
  color: rgba(11,11,13,.78);
}

.ab-proof__callout{
  background: rgba(225,29,46,.08);
  border: 1px solid rgba(225,29,46,.22);
  border-radius: 16px;
  padding: 12px 14px;
  font-size: 13.8px;
  line-height:1.6;
  margin-bottom: 18px;
}

.ab-proof__actions{ display:flex; gap:12px; flex-wrap:wrap; }

.ab-btn2{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 13px 18px;
  border-radius: 14px;
  font-weight: 950;
  font-size: 14px;
  text-decoration:none;
  transition: transform .15s ease;
}
.ab-btn2--dark{ background: var(--dark); color:#fff; }
.ab-btn2--dark:hover{ transform: translateY(-2px); }
.ab-btn2--outline{
  background: transparent;
  border: 2px solid rgba(11,11,13,.35);
  color: var(--dark);
}
.ab-btn2--outline:hover{ transform: translateY(-2px); }

@media (max-width: 900px){
  .ab-proof__grid{ grid-template-columns:1fr; }
  .ab-proof__cert{ height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fca4198 */.ab-standards{
  --red:#E11D2E;
  color:#fff !important;

  /* BUANG background hitam, tinggal dot merah */
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(225,29,46,.22), transparent 60%);
  
  padding: clamp(86px, 8vw, 120px) 16px;
  font-family: Inter, Poppins, system-ui, sans-serif;
}

.ab-standards__wrap{
  max-width:1200px;
  margin:auto;
}

/* Eyebrow kekal merah */
.ab-standards__eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  color: var(--red) !important;
  text-transform:uppercase;
  margin-bottom:14px;
}

/* Tajuk putih */
.ab-standards__title{
  margin:0 0 10px;
  font-family: Oswald, Inter, sans-serif;
  font-size: clamp(30px, 3vw, 44px);
  text-transform:uppercase;
  color:#fff !important;
}

/* Sub text putih lembut */
.ab-standards__sub{
  margin:0;
  font-size:15.8px;
  line-height:1.75;
  color:rgba(255,255,255,.85) !important;
  max-width:70ch;
}

/* Grid */
.ab-standards__list{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

/* Card transparent glass */
.ab-std{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  padding:16px;
  color:#fff;
}

.ab-std h3{
  margin:0 0 6px;
  font-size:15px;
  font-weight:950;
  color:#fff !important;
}

.ab-std p{
  margin:0;
  font-size:13.8px;
  line-height:1.65;
  color:rgba(255,255,255,.78) !important;
}

/* Responsive */
@media (max-width:1000px){
  .ab-standards__list{ grid-template-columns:1fr 1fr; }
}
@media (max-width:520px){
  .ab-standards__list{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9133ae3 *//* ==============================
   A7 – AFFILIATIONS / PARTNERS
   Transparent BG • Black Text
   Logo 1:1 Ready
   ============================== */

.ab-aff{
  --red:#E11D2E;
  --dark:#0B0B0D;

  background: transparent;
  color: var(--dark);
  padding: clamp(90px, 9vw, 130px) 16px;
  font-family: Inter, Poppins, system-ui, sans-serif;
}

.ab-aff__wrap{
  max-width:1200px;
  margin:auto;
}

/* HEADER */
.ab-aff__head{
  max-width:760px;
  margin-bottom:28px;
}

.ab-aff__eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  color: var(--red);
  margin-bottom:14px;
}

.ab-aff__title{
  margin:0 0 10px;
  font-family: Oswald, Inter, sans-serif;
  font-size: clamp(30px, 3vw, 44px);
  text-transform:uppercase;
}

.ab-aff__sub{
  margin:0;
  font-size:15.8px;
  line-height:1.75;
  color: rgba(11,11,13,.75);
}

/* GRID */
.ab-aff__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:14px;
}

/* CARD */
.ab-partner{
  background:#ffffff;
  border:1px solid rgba(0,0,0,.14);
  border-radius:18px;
  padding:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.06);
}

/* TOP */
.ab-partner__top{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}

/* LOGO 1:1 */
.ab-partner__logo{
  width:56px;
  height:56px;
  aspect-ratio:1/1;
  border-radius:14px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid rgba(0,0,0,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.ab-partner__logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:6px;
}

/* TEXT */
.ab-partner__name{
  margin:0;
  font-size:15px;
  font-weight:950;
}

.ab-partner__role{
  margin:4px 0 0;
  font-size:12.6px;
  color: rgba(11,11,13,.7);
}

.ab-partner__desc{
  margin:10px 0 14px;
  font-size:13.8px;
  line-height:1.65;
  color: rgba(11,11,13,.78);
}

/* META */
.ab-partner__meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.ab-partner__meta span{
  font-size:12.2px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  background: rgba(0,0,0,.04);
}

/* INVITE */
.ab-partner--invite{
  border-style:dashed;
  background: rgba(0,0,0,.02);
}

.ab-partner__badge{
  display:inline-block;
  font-size:11px;
  font-weight:950;
  letter-spacing:.8px;
  text-transform:uppercase;
  color: var(--dark);
  background: rgba(225,29,46,.14);
  border:1px solid rgba(225,29,46,.32);
  padding:7px 10px;
  border-radius:999px;
  margin-bottom:10px;
}

.ab-partner__cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* BUTTONS */
.ab-aff-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  font-size:13.6px;
  font-weight:950;
  text-decoration:none;
}

.ab-aff-btn--dark{
  background: var(--dark);
  color:#ffffff;
}

.ab-aff-btn--ghost{
  background: transparent;
  border:2px solid rgba(0,0,0,.45);
  color: var(--dark);
}

/* RESPONSIVE */
@media (max-width:1100px){
  .ab-aff__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:520px){
  .ab-aff__grid{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-634a97a *//* ==============================
   FOOTER 4 – OFFICIAL / CLEAN
   ============================== */

.pdh-footer4{
  background:#0B0B0D;
  color:#ffffff;
  font-family: Inter, Poppins, system-ui, sans-serif;
  padding: 80px 16px 0;
}

.pdh-footer4__wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns: 1.3fr 1.7fr;
  gap: clamp(30px,5vw,80px);
  padding-bottom: 40px;
}

/* BRAND */
.pdh-footer4__logo{
  font-family: Oswald, Inter, sans-serif;
  font-size:28px;
  text-transform:uppercase;
  margin-bottom:12px;
}

.pdh-footer4__desc{
  font-size:14.5px;
  line-height:1.7;
  color:rgba(255,255,255,.8);
  max-width:44ch;
  margin-bottom:18px;
}

.pdh-footer4__contact{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px;
}

/* LINKS */
.pdh-footer4__links{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:22px;
}

.pdh-footer4__col h4{
  font-size:13px;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#E11D2E;
  margin-bottom:14px;
}

.pdh-footer4__col a{
  display:block;
  font-size:14px;
  text-decoration:none;
  color:rgba(255,255,255,.78);
  margin-bottom:8px;
}

.pdh-footer4__col a:hover{
  color:#ffffff;
}

/* BOTTOM BAR */
.pdh-footer4__bottom{
  border-top:1px solid rgba(255,255,255,.16);
  padding:18px 16px 22px;
  text-align:center;
}

.pdh-footer4__bottom p{
  font-size:12.8px;
  color:rgba(255,255,255,.7);
  margin:0;
}

/* RESPONSIVE */
@media(max-width:900px){
  .pdh-footer4__wrap{
    grid-template-columns:1fr;
  }
  .pdh-footer4__links{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:480px){
  .pdh-footer4__links{
    grid-template-columns:1fr;
  }
}/* End custom CSS */