.elementor-60 .elementor-element.elementor-element-783b313{--display:flex;}.elementor-60 .elementor-element.elementor-element-895b3f7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-3e41634{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-fc33aa0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-3aa9657{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-9192606{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-fd93f25{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-98903ce */.wht-hero-pro{
  position:relative;
  left:50%;
  margin-left:-50vw;
  width:100vw;
  min-height:90vh;
  overflow:hidden;
  font-family:'Poppins','Montserrat',sans-serif;
  color:#fff;
}

/* BG */
.wht-hero-pro__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,rgba(7,0,17,.92),rgba(24,0,40,.88),rgba(43,7,80,.95)),
    url("MASUKKAN_BG_IMAGE") center/cover no-repeat;
}

/* WRAP */
.wht-hero-pro__wrap{
  position:relative;
  z-index:2;
  max-width:1280px;
  margin:0 auto;
  padding:120px 6vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:70px;
}

/* LEFT */
.wht-hero-pro__content{
  max-width:620px;
}

/* kicker */
.wht-hero-pro__kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
  color:#f3cd77;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.6px;
}

.wht-hero-pro__kicker span{
  width:45px;
  height:2px;
  background:linear-gradient(90deg,#fff2b8,#d89b2c);
}

/* TITLE */
.wht-hero-pro h1{
  margin:0;
  font-size:clamp(40px,5vw,64px);
  line-height:1.05;
  font-weight:700;
  letter-spacing:-1.5px;
}

/* DESC */
.wht-hero-pro p{
  margin-top:22px;
  font-size:16px;
  color:rgba(255,255,255,.75);
  line-height:1.8;
}

/* BUTTON */
.wht-hero-pro__actions{
  margin-top:30px;
  display:flex;
  gap:14px;
}

.wht-pro-btn{
  padding:14px 26px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  transition:.3s;
}

.wht-pro-btn--gold{
  background:linear-gradient(135deg,#fff2a8,#d89b2c);
  color:#1a082d;
}

.wht-pro-btn--ghost{
  border:1px solid rgba(255,255,255,.4);
  color:#fff;
}

/* STATS */
.wht-hero-pro__stats{
  display:flex;
  gap:40px;
  margin-top:35px;
}

.wht-hero-pro__stats strong{
  display:block;
  font-size:24px;
  color:#f3cd77;
}

.wht-hero-pro__stats span{
  font-size:12px;
  color:rgba(255,255,255,.6);
}

/* RIGHT VISUAL */
.wht-hero-pro__visual{
  position:relative;
  width:480px;
  height:520px;
}

.wht-hero-pro__card{
  position:absolute;
  width:300px;
  height:380px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.4);
}

.wht-hero-pro__card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* floating cards */
.wht-hero-pro__card--small{
  width:180px;
  height:220px;
  right:0;
  top:40px;
}

.wht-hero-pro__card--small2{
  width:160px;
  height:200px;
  bottom:0;
  right:40px;
}

/* responsive */
@media(max-width:900px){
  .wht-hero-pro__wrap{
    flex-direction:column;
  }

  .wht-hero-pro__visual{
    width:100%;
    height:auto;
  }

  .wht-hero-pro__card{
    position:relative;
    width:100%;
    height:260px;
    margin-bottom:12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ac9986 */.wht-sec2{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  overflow:hidden;
  padding:110px 6vw;
  background:
    radial-gradient(circle at 12% 18%, rgba(111,40,166,.10), transparent 32%),
    radial-gradient(circle at 88% 78%, rgba(214,157,48,.13), transparent 30%),
    #ffffff;
  color:#1b0b2e;
  font-family:'Poppins','Montserrat',Arial,sans-serif;
}

.wht-sec2,
.wht-sec2 *{
  box-sizing:border-box;
}

.wht-sec2__wrap{
  width:min(1280px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:70px;
  align-items:center;
}

.wht-sec2__left{
  max-width:650px;
}

.wht-sec2__kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#8b5a16;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.wht-sec2__kicker span{
  width:42px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#d89b2c,#5c1b87);
}

.wht-sec2 h2{
  margin:0;
  max-width:700px;
  font-size:clamp(30px,4vw,54px);
  line-height:1.08;
  letter-spacing:-1.5px;
  font-weight:700;
  color:#1b0b2e;
}

.wht-sec2__left p{
  margin:24px 0 0;
  color:#5d5267;
  font-size:16px;
  line-height:1.85;
}

.wht-sec2__right{
  position:relative;
}

.wht-sec2__right::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-60px;
  top:-50px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(214,157,48,.22),rgba(111,40,166,.12));
  filter:blur(10px);
}

.wht-sec2__panel{
  position:relative;
  z-index:2;
  padding:36px;
  border-radius:36px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.82));
  border:1px solid rgba(61,12,102,.11);
  box-shadow:
    0 34px 90px rgba(26,10,44,.12),
    inset 0 1px 0 rgba(255,255,255,.75);
  overflow:hidden;
}

.wht-sec2__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0%,transparent 50%,rgba(214,157,48,.12) 51%,transparent 54%);
  pointer-events:none;
}

.wht-sec2__panel-head{
  position:relative;
  z-index:2;
  margin-bottom:24px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(61,12,102,.10);
}

.wht-sec2__panel-head span{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(214,157,48,.12);
  color:#8b5a16;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.9px;
}

.wht-sec2__panel-head h3{
  margin:0;
  color:#1b0b2e;
  font-size:clamp(22px,2.4vw,34px);
  line-height:1.18;
  letter-spacing:-1px;
  font-weight:700;
}

.wht-sec2__list{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.wht-sec2__list div{
  padding:15px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(61,12,102,.08);
  box-shadow:0 14px 34px rgba(26,10,44,.06);
  color:#51465d;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
  transition:.25s ease;
}

.wht-sec2__list div:hover{
  transform:translateY(-3px);
  border-color:rgba(214,157,48,.35);
  color:#5c1b87;
}

@media(max-width:980px){
  .wht-sec2{
    padding:85px 6vw;
  }

  .wht-sec2__wrap{
    grid-template-columns:1fr;
    gap:44px;
  }

  .wht-sec2__left{
    max-width:760px;
  }
}

@media(max-width:640px){
  .wht-sec2{
    padding:70px 5vw;
  }

  .wht-sec2 h2{
    font-size:clamp(28px,8vw,40px);
    letter-spacing:-1.1px;
  }

  .wht-sec2__left p{
    font-size:15px;
    line-height:1.75;
  }

  .wht-sec2__panel{
    padding:22px;
    border-radius:26px;
  }

  .wht-sec2__list{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86284a9 */.wht-sec3{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  overflow:hidden;
  padding:110px 6vw;
  background:
    radial-gradient(circle at 15% 15%, rgba(214,157,48,.12), transparent 30%),
    radial-gradient(circle at 90% 70%, rgba(111,40,166,.14), transparent 34%),
    #ffffff;
  color:#1b0b2e;
  font-family:'Poppins','Montserrat',Arial,sans-serif;
}

.wht-sec3,
.wht-sec3 *{
  box-sizing:border-box;
}

.wht-sec3__mark{
  position:absolute;
  right:4vw;
  top:70px;
  font-family:Georgia,serif;
  font-size:clamp(120px,18vw,280px);
  font-weight:800;
  letter-spacing:-14px;
  color:rgba(64,18,105,.045);
  line-height:.8;
  pointer-events:none;
  user-select:none;
}

.wht-sec3__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,100%);
  margin:0 auto;
}

.wht-sec3__head{
  max-width:820px;
  margin-bottom:54px;
}

.wht-sec3__kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#8b5a16;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.wht-sec3__kicker span{
  width:42px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#d89b2c,#5c1b87);
}

.wht-sec3__head h2{
  margin:0;
  max-width:700px;
  font-size:clamp(30px,4vw,54px);
  line-height:1.08;
  letter-spacing:-1.5px;
  font-weight:700;
  color:#1b0b2e;
}

.wht-sec3__head p{
  max-width:760px;
  margin:24px 0 0;
  color:#5d5267;
  font-size:16px;
  line-height:1.85;
}

.wht-sec3__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.wht-trainer-card{
  position:relative;
  overflow:hidden;
  min-height:430px;
  border:0;
  border-radius:30px;
  background:#12001f;
  box-shadow:0 26px 70px rgba(26,10,44,.14);
  transition:.32s ease;
  cursor:pointer;
  padding:0;
  text-align:left;
  font-family:inherit;
}

.wht-trainer-card:hover{
  transform:translateY(-7px);
  box-shadow:0 34px 90px rgba(26,10,44,.22);
}

.wht-trainer-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:linear-gradient(120deg,transparent 0%,transparent 45%,rgba(255,255,255,.13) 50%,transparent 56%,transparent 100%);
  transform:translateX(-120%);
  transition:.7s ease;
  pointer-events:none;
}

.wht-trainer-card:hover::before{
  transform:translateX(120%);
}

.wht-trainer-card__image{
  position:absolute;
  inset:0;
}

.wht-trainer-card__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(18,0,31,.02) 0%, rgba(18,0,31,.35) 45%, rgba(18,0,31,.96) 100%);
}

.wht-trainer-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
  transition:.45s ease;
}

.wht-trainer-card:hover .wht-trainer-card__image img{
  transform:scale(1.06);
}

.wht-trainer-card__content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:4;
  padding:26px;
}

.wht-trainer-card__content::before{
  content:"";
  display:block;
  width:60px;
  height:3px;
  border-radius:99px;
  margin-bottom:16px;
  background:linear-gradient(90deg,#fff2a8,#d89b2c);
}

.wht-trainer-card__content span{
  display:inline-flex;
  margin-bottom:12px;
  padding:7px 13px;
  border-radius:999px;
  color:#f3cd77;
  background:rgba(243,205,119,.14);
  border:1px solid rgba(243,205,119,.25);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.wht-trainer-card__content h3{
  margin:0;
  color:#fff;
  font-size:22px;
  line-height:1.14;
  letter-spacing:-.5px;
  font-weight:700;
}

.wht-trainer-card__content p{
  margin:12px 0 0;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.6;
}

/* MODAL */
.wht-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  font-family:'Poppins','Montserrat',Arial,sans-serif;
}

.wht-modal.is-open{
  display:flex;
}

.wht-modal__overlay{
  position:absolute;
  inset:0;
  background:rgba(7,0,17,.82);
  backdrop-filter:blur(8px);
}

.wht-modal__box{
  position:relative;
  z-index:2;
  width:min(920px,100%);
  max-height:90vh;
  overflow:auto;
  border-radius:34px;
  background:
    radial-gradient(circle at 85% 10%, rgba(214,157,48,.18), transparent 28%),
    linear-gradient(135deg,#ffffff,#f8f4fb);
  box-shadow:0 40px 120px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.4);
}

.wht-modal__close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:5;
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:rgba(27,11,46,.10);
  color:#1b0b2e;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}

.wht-modal__grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:0;
}

.wht-modal__image{
  min-height:520px;
  background:#12001f;
}

.wht-modal__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}

.wht-modal__info{
  padding:54px 46px;
  color:#1b0b2e;
}

.wht-modal__info > span{
  display:inline-flex;
  margin-bottom:16px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(214,157,48,.13);
  color:#8b5a16;
  font-size:12px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.wht-modal__info h2{
  margin:0;
  max-width:520px;
  font-size:clamp(30px,4vw,48px);
  line-height:1.08;
  letter-spacing:-1.4px;
  font-weight:700;
}

.wht-modal__info p{
  margin:20px 0 0;
  color:#5d5267;
  font-size:15px;
  line-height:1.8;
}

.wht-modal__expertise{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

.wht-modal__expertise span{
  display:inline-flex;
  padding:9px 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(61,12,102,.10);
  color:#5c1b87;
  font-size:12px;
  font-weight:700;
}

.wht-modal__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:32px;
  min-height:52px;
  padding:14px 24px;
  border-radius:999px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,#3d0c66,#6f28a6);
  box-shadow:0 18px 36px rgba(61,12,102,.22);
  font-size:14px;
  font-weight:700;
}

@media(max-width:1100px){
  .wht-sec3__grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){
  .wht-sec3{
    padding:78px 5vw;
  }

  .wht-sec3__head{
    margin-bottom:36px;
  }

  .wht-sec3__head h2{
    font-size:clamp(28px,8vw,40px);
  }

  .wht-sec3__grid{
    grid-template-columns:1fr;
  }

  .wht-trainer-card{
    min-height:430px;
    border-radius:26px;
  }

  .wht-trainer-card__content{
    padding:24px;
  }

  .wht-modal{
    padding:14px;
  }

  .wht-modal__box{
    border-radius:26px;
  }

  .wht-modal__grid{
    grid-template-columns:1fr;
  }

  .wht-modal__image{
    min-height:340px;
  }

  .wht-modal__info{
    padding:34px 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f44c9b9 */.wht-sec5{
  position:relative;
  left:50%;
  margin-left:-50vw;
  width:100vw;
  padding:120px 6vw;
  background:
    radial-gradient(circle at 20% 30%, rgba(243,205,119,.18), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(111,40,166,.18), transparent 40%),
    #0c0018;
  color:#fff;
  font-family:'Poppins','Montserrat',sans-serif;
}

.wht-sec5,
.wht-sec5 *{
  box-sizing:border-box;
}

.wht-sec5__wrap{
  max-width:1100px;
  margin:0 auto;
}

.wht-sec5__box{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:60px;
  backdrop-filter:blur(12px);
  box-shadow:0 40px 120px rgba(0,0,0,.5);
  text-align:center;
}

.wht-sec5__kicker{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:700;
  color:#f3cd77;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:20px;
}

.wht-sec5__kicker span{
  width:40px;
  height:2px;
  background:linear-gradient(90deg,#fff2b8,#f3cd77);
}

.wht-sec5__content h2{
  font-size:clamp(32px,4vw,48px);
  line-height:1.12;
  font-weight:700;
  margin:0 0 20px;
}

.wht-sec5__content p{
  max-width:600px;
  margin:0 auto 30px;
  color:rgba(255,255,255,.7);
  line-height:1.7;
  font-size:16px;
}

.wht-sec5__actions{
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
}

.wht-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 26px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  transition:.3s;
}

.wht-btn--primary{
  background:linear-gradient(135deg,#d89b2c,#f3cd77);
  color:#14001f;
}

.wht-btn--primary:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(216,155,44,.25);
}

.wht-btn--outline{
  border:1px solid rgba(255,255,255,.4);
  color:#fff;
  background:rgba(255,255,255,.04);
}

.wht-btn--outline:hover{
  background:#fff;
  color:#14001f;
  transform:translateY(-3px);
}

@media(max-width:768px){
  .wht-sec5{
    padding:80px 5vw;
  }

  .wht-sec5__box{
    padding:40px 22px;
  }

  .wht-sec5__actions{
    flex-direction:column;
  }

  .wht-btn{
    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15cb58f */.wh-footer{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  padding:70px 6vw 25px;
  background:
    linear-gradient(135deg,#070011 0%,#160027 45%,#2b0750 100%);
  color:#fff;
  font-family:'Poppins','Montserrat',Arial,sans-serif;
}

.wh-footer,
.wh-footer *{
  box-sizing:border-box;
}

.wh-footer__wrap{
  width:min(1280px,100%);
  margin:0 auto;
}

/* TOP */
.wh-footer__top{
  display:grid;
  grid-template-columns:1.5fr .8fr .8fr .9fr;
  gap:40px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

/* BRAND */
.wh-footer__brand img{
  width:90px;
  margin-bottom:px;
}

.wh-footer__brand p{
  max-width:420px;
  color:rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.8;
}

.wh-footer__social{
  display:flex;
  gap:10px;
  margin-top:20px;
}

.wh-footer__social a{
  padding:8px 12px;
  border-radius:999px;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  color:#f3cd77;
  border:1px solid rgba(243,205,119,.3);
  background:rgba(255,255,255,.05);
}

/* COLUMN */
.wh-footer__col h3{
  margin-bottom:16px;
  font-size:15px;
  font-weight:700;
}

.wh-footer__col a{
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  color:rgba(255,255,255,.65);
  font-size:14px;
  transition:.2s;
}

.wh-footer__col a:hover{
  color:#f3cd77;
  transform:translateX(3px);
}

/* BOTTOM */
.wh-footer__bottom{
  padding-top:20px;
}

.wh-footer__bottom p{
  font-size:13px;
  color:rgba(255,255,255,.5);
}

/* MOBILE */
@media(max-width:900px){
  .wh-footer__top{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .wh-footer{
    padding:60px 5vw 20px;
  }

  .wh-footer__top{
    grid-template-columns:1fr;
    gap:30px;
  }
}/* End custom CSS */