.elementor-32 .elementor-element.elementor-element-c43f8ef{--display:flex;}.elementor-32 .elementor-element.elementor-element-7411093{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-a605da2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-9bff1b5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-5cad471{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-a67e1d3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-2f686b9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-36fa641{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-f38a417{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-9d8ed1c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-378cd71{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-245abbf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-41b7db0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-7411093{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-f85654d *//* =========================
GMAGICBOX HERO SECTION
DESKTOP KEKAL + MOBILE FIX
========================= */

.gmb-hero,
.gmb-hero *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-hero{
  position:relative;
  width:100vw;
  min-height:100vh;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  background:#02050b;
  color:#ffffff !important;
}

.gmb-hero__bg-image{
  position:absolute;
  inset:0;
  background-image:url('http://gmb4u.com/wp-content/uploads/2026/05/photo-1462396240927-52058a6a84ec-scaled.avif');
  background-size:cover;
  background-position:center;
  filter:brightness(.35);
  transform:scale(1.04);
}

.gmb-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(2,5,11,.92) 10%,
    rgba(5,15,35,.82) 45%,
    rgba(2,5,11,.96) 100%
  );
}

.gmb-hero__grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:70px 70px;
  opacity:.35;
}

.gmb-hero__glow{
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  filter:blur(90px);
  opacity:.35;
  pointer-events:none;
}

.gmb-hero__glow--blue{
  background:#00aeef;
  left:-120px;
  top:100px;
}

.gmb-hero__glow--gold{
  background:#ff9f1c;
  right:-100px;
  bottom:50px;
}

.gmb-hero__wrap{
  position:relative;
  z-index:5;
  width:min(1280px,92%);
  min-height:100vh;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:70px;
  padding:115px 0 75px;
}

.gmb-hero__badge{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(212,166,58,.45);
  color:#f7d47a !important;
  font-size:12px;
  font-weight:700 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
}

.gmb-hero__badge span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#00aeef;
  box-shadow:0 0 15px #00aeef;
}

.gmb-hero h1{
  margin:24px 0 0;
  max-width:720px;
  font-size:clamp(36px,4.8vw,64px);
  line-height:1.08;
  font-weight:700 !important;
  letter-spacing:-0.035em;
  color:#ffffff !important;
}

.gmb-hero h1 span{
  display:block;
  font-weight:700 !important;
  background:linear-gradient(
    90deg,
    #00aeef,
    #ffffff 42%,
    #d4a63a 76%,
    #ff7a00
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

.gmb-hero p{
  margin-top:22px;
  max-width:640px;
  color:rgba(255,255,255,.82) !important;
  font-size:16px;
  line-height:1.85;
  font-weight:400 !important;
}

.gmb-hero__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:34px;
}

.gmb-btn{
  min-height:52px;
  padding:13px 26px;
  border-radius:999px;
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:700 !important;
  transition:.3s ease;
}

.gmb-btn:hover{
  transform:translateY(-4px);
}

.gmb-btn--gold{
  background:linear-gradient(135deg,#ffe08a,#d4a63a 50%,#ff7a00);
  color:#06101d !important;
  box-shadow:0 20px 45px rgba(212,166,58,.3);
}

.gmb-btn--outline{
  border:1px solid rgba(0,174,239,.5);
  background:rgba(255,255,255,.05);
  color:#ffffff !important;
  backdrop-filter:blur(14px);
}

.gmb-hero__stats{
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(20px);
  max-width:680px;
}

.gmb-hero__stats div{
  padding:22px;
  border-right:1px solid rgba(255,255,255,.08);
}

.gmb-hero__stats div:last-child{
  border-right:0;
}

.gmb-hero__stats strong{
  display:block;
  font-size:30px;
  line-height:1;
  color:#f7d47a !important;
  margin-bottom:8px;
  font-weight:700 !important;
}

.gmb-hero__stats span{
  color:rgba(255,255,255,.78) !important;
  font-size:13px;
  font-weight:400 !important;
}

.gmb-hero__visual{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.gmb-hero__orb{
  position:relative;
  width:420px;
  height:420px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle, rgba(255,255,255,.12), transparent 65%);
}

.gmb-hero__ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(0,174,239,.45);
  box-shadow:0 0 45px rgba(0,174,239,.16);
  animation:gmbSpin 18s linear infinite;
}

.gmb-hero__ring--two{
  inset:40px;
  border-color:rgba(212,166,58,.5);
  box-shadow:0 0 45px rgba(212,166,58,.12);
  animation:gmbSpinReverse 12s linear infinite;
}

.gmb-hero__ring::before,
.gmb-hero__ring::after{
  content:"";
  position:absolute;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#00aeef;
  box-shadow:0 0 22px #00aeef;
}

.gmb-hero__ring::before{
  top:18%;
  right:8%;
}

.gmb-hero__ring::after{
  bottom:16%;
  left:10%;
  background:#d4a63a;
  box-shadow:0 0 22px #d4a63a;
}

.gmb-hero__center{
  width:215px;
  height:215px;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:
    0 0 60px rgba(0,174,239,.18),
    inset 0 0 30px rgba(255,255,255,.06);
}

.gmb-hero__center img{
  width:74%;
  max-width:160px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(0,174,239,.4));
}

.gmb-hero__float{
  position:absolute;
  max-width:260px;
  padding:17px;
  border-radius:20px;
  background:rgba(5,15,30,.75);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(18px);
}

.gmb-hero__float strong{
  display:block;
  color:#f7d47a !important;
  font-size:19px;
  margin-bottom:5px;
  font-weight:700 !important;
}

.gmb-hero__float span{
  color:rgba(255,255,255,.78) !important;
  font-size:12px;
  line-height:1.6;
}

.gmb-hero__float--one{
  left:0;
  bottom:70px;
}

.gmb-hero__float--two{
  right:0;
  top:80px;
}

@keyframes gmbSpin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

@keyframes gmbSpinReverse{
  from{transform:rotate(360deg);}
  to{transform:rotate(0deg);}
}

/* TABLET - SIKIT JE ADJUST */
@media(max-width:980px){
  .gmb-hero{
    width:100%;
    margin-left:0;
  }

  .gmb-hero__wrap{
    width:92%;
    grid-template-columns:1fr;
    gap:36px;
    padding:100px 0 70px;
  }

  .gmb-hero__visual{
    min-height:430px;
  }

  .gmb-hero h1{
    max-width:100%;
  }
}

/* MOBILE - FIX TERKELUAR SCREEN */
@media(max-width:640px){
  .gmb-hero{
    width:100%;
    margin-left:0;
    min-height:auto;
    overflow:hidden;
  }

  .gmb-hero__bg-image{
    transform:scale(1.02);
    background-position:center top;
  }

  .gmb-hero__grid{
    background-size:46px 46px;
    opacity:.25;
  }

  .gmb-hero__glow{
    width:260px;
    height:260px;
    filter:blur(75px);
  }

  .gmb-hero__wrap{
    width:90%;
    min-height:auto;
    padding:88px 0 55px;
    gap:34px;
  }

  .gmb-hero__badge{
    max-width:100%;
    padding:9px 14px;
    font-size:10px;
    letter-spacing:.08em;
    white-space:normal;
  }

  .gmb-hero h1{
    font-size:34px;
    line-height:1.12;
    letter-spacing:-0.025em;
  }

  .gmb-hero p{
    font-size:15px;
    line-height:1.72;
  }

  .gmb-hero__buttons{
    flex-direction:column;
    width:100%;
    gap:12px;
  }

  .gmb-btn{
    width:100%;
  }

  .gmb-hero__stats{
    width:100%;
    grid-template-columns:1fr;
  }

  .gmb-hero__stats div{
    padding:18px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .gmb-hero__stats div:last-child{
    border-bottom:0;
  }

  .gmb-hero__visual{
    min-height:auto;
    display:block;
    width:100%;
  }

  .gmb-hero__orb{
    width:285px;
    height:285px;
    max-width:100%;
    margin:0 auto;
  }

  .gmb-hero__ring--two{
    inset:30px;
  }

  .gmb-hero__center{
    width:150px;
    height:150px;
  }

  .gmb-hero__center img{
    max-width:118px;
  }

  .gmb-hero__float{
    position:relative;
    inset:auto !important;
    max-width:100%;
    width:100%;
    margin-top:14px;
  }
}

@media(max-width:380px){
  .gmb-hero h1{
    font-size:31px;
  }

  .gmb-hero__orb{
    width:255px;
    height:255px;
  }

  .gmb-hero__center{
    width:135px;
    height:135px;
  }

  .gmb-hero__center img{
    max-width:105px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bd2140 *//* =========================
GMAGICBOX HOME SEC 2
ABOUT / CORPORATE OVERVIEW
========================= */

.gmb-about,
.gmb-about *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-about{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:110px 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(0,174,239,.18), transparent 28%),
    radial-gradient(circle at 85% 80%, rgba(255,122,0,.16), transparent 32%),
    linear-gradient(135deg, #02050b 0%, #071426 48%, #02040a 100%);
  color:#ffffff !important;
}

/* BG GRID */
.gmb-about__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:72px 72px;
  opacity:.28;
  pointer-events:none;
}

.gmb-about__glow{
  position:absolute;
  width:380px;
  height:380px;
  border-radius:50%;
  filter:blur(90px);
  opacity:.32;
  pointer-events:none;
}

.gmb-about__glow--blue{
  left:-140px;
  top:70px;
  background:#00aeef;
}

.gmb-about__glow--gold{
  right:-130px;
  bottom:40px;
  background:#ff9f1c;
}

/* WRAP */
.gmb-about__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:70px;
}

/* LEFT */
.gmb-about__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:18px;
}

.gmb-about__eyebrow::before{
  content:"";
  width:42px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-about h2{
  margin:0;
  max-width:660px;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-about h2 span{
  display:block;
  background:linear-gradient(90deg,#00aeef,#ffffff 42%,#d4a63a 78%,#ff7a00);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
  font-weight:700 !important;
}

.gmb-about p{
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
  font-weight:400 !important;
}

.gmb-about__left > p{
  max-width:680px;
  margin:22px 0 0;
}

.gmb-about__left strong{
  color:#f7d47a !important;
  font-weight:700 !important;
}

/* QUOTE */
.gmb-about__quote{
  margin-top:32px;
  padding:24px 26px;
  border-radius:24px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  display:grid;
  grid-template-columns:4px 1fr;
  gap:18px;
  box-shadow:0 24px 55px rgba(0,0,0,.22);
}

.gmb-about__quote span{
  width:4px;
  height:100%;
  border-radius:99px;
  background:linear-gradient(180deg,#00aeef,#d4a63a,#ff7a00);
}

.gmb-about__quote p{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:rgba(255,255,255,.84) !important;
}

/* RIGHT */
.gmb-about__right{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.gmb-about__mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

/* CARD */
.gmb-about__card{
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:26px;
  border-radius:26px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 28px 70px rgba(0,0,0,.28);
}

.gmb-about__card::before{
  content:"";
  position:absolute;
  inset:auto -30% -45% -30%;
  height:140px;
  background:radial-gradient(circle, rgba(0,174,239,.3), transparent 70%);
  opacity:.7;
}

.gmb-about__card--main{
  min-height:280px;
  background:
    radial-gradient(circle at 85% 15%, rgba(212,166,58,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.035));
}

.gmb-about__icon{
  position:relative;
  z-index:2;
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#00aeef,#0d2f58);
  border:1px solid rgba(255,255,255,.16);
  color:#ffffff !important;
  font-size:15px;
  font-weight:700 !important;
  margin-bottom:22px;
  box-shadow:0 16px 35px rgba(0,174,239,.2);
}

.gmb-about__card h3{
  position:relative;
  z-index:2;
  margin:0;
  color:#ffffff !important;
  font-size:22px;
  line-height:1.25;
  font-weight:700 !important;
  letter-spacing:-.02em;
}

.gmb-about__card p{
  position:relative;
  z-index:2;
  margin:14px 0 0;
  font-size:14px;
  line-height:1.75;
  color:rgba(255,255,255,.76) !important;
}

/* HOVER */
.gmb-about__card{
  transition:.3s ease;
}

.gmb-about__card:hover{
  transform:translateY(-6px);
  border-color:rgba(212,166,58,.35);
  box-shadow:0 34px 80px rgba(0,0,0,.34);
}

/* RESPONSIVE */
@media(max-width:980px){
  .gmb-about{
    padding:90px 0;
  }

  .gmb-about__wrap{
    grid-template-columns:1fr;
    gap:44px;
  }
}

@media(max-width:640px){
  .gmb-about{
    padding:75px 0;
  }

  .gmb-about__wrap{
    width:90%;
  }

  .gmb-about h2{
    font-size:34px;
  }

  .gmb-about p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-about__mini-grid{
    grid-template-columns:1fr;
  }

  .gmb-about__card{
    min-height:auto;
  }

  .gmb-about__quote{
    padding:22px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b5d646 *//* =========================
GMAGICBOX HOME SEC 3
KONSEP 3M WITH 1:1 IMAGE
========================= */

.gmb-3m,
.gmb-3m *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-3m{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:110px 0 120px;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,174,239,.16), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(255,122,0,.14), transparent 30%),
    linear-gradient(180deg,#02040a 0%,#071426 48%,#02050b 100%);
  color:#ffffff !important;
}

.gmb-3m__grid-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:72px 72px;
  opacity:.25;
  pointer-events:none;
}

.gmb-3m__glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  filter:blur(95px);
  opacity:.28;
  pointer-events:none;
}

.gmb-3m__glow--blue{
  left:20%;
  top:15%;
  background:#00aeef;
}

.gmb-3m__glow--gold{
  right:15%;
  bottom:8%;
  background:#ff9f1c;
}

.gmb-3m__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
}

/* HEAD */
.gmb-3m__head{
  max-width:860px;
  margin:0 auto 70px;
  text-align:center;
}

.gmb-3m__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-bottom:18px;
}

.gmb-3m__eyebrow::before,
.gmb-3m__eyebrow::after{
  content:"";
  width:42px;
  height:2px;
  margin:0 14px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-3m h2{
  margin:0;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-3m h2 span{
  display:block;
  font-weight:700 !important;
  background:linear-gradient(90deg,#00aeef,#ffffff 42%,#d4a63a 78%,#ff7a00);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

.gmb-3m__head p{
  max-width:780px;
  margin:22px auto 0;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
  font-weight:400 !important;
}

/* GRID */
.gmb-3m__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

/* CARD */
.gmb-3m__card{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 28px 70px rgba(0,0,0,.28);
  transition:.3s ease;
}

.gmb-3m__card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,174,239,.18), transparent 38%),
    radial-gradient(circle at 85% 100%, rgba(255,122,0,.16), transparent 36%);
  pointer-events:none;
}

.gmb-3m__card--featured{
  transform:translateY(-24px);
  border-color:rgba(212,166,58,.4);
  box-shadow:
    0 38px 90px rgba(0,0,0,.36),
    0 0 55px rgba(212,166,58,.12);
}

/* IMAGE 1:1 */
.gmb-3m__image{
  position:relative;
  z-index:2;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:30px 30px 0 0;
  background:#071426;
}

.gmb-3m__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(2,5,11,.05), rgba(2,5,11,.72)),
    radial-gradient(circle at 80% 20%, rgba(0,174,239,.25), transparent 35%);
}

.gmb-3m__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.5s ease;
}

.gmb-3m__image span{
  position:absolute;
  left:22px;
  bottom:22px;
  z-index:3;
  width:58px;
  height:38px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  color:#06101d !important;
  font-size:14px;
  font-weight:700 !important;
  box-shadow:0 18px 35px rgba(212,166,58,.24);
}

/* BODY */
.gmb-3m__body{
  position:relative;
  z-index:2;
  padding:30px 28px 34px;
}

.gmb-3m__body h3{
  margin:0;
  color:#ffffff !important;
  font-size:27px;
  line-height:1.25;
  letter-spacing:-.02em;
  font-weight:700 !important;
}

.gmb-3m__body p{
  margin:15px 0 0;
  color:rgba(255,255,255,.76) !important;
  font-size:15px;
  line-height:1.75;
  font-weight:400 !important;
}

.gmb-3m__body ul{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  gap:12px;
}

.gmb-3m__body li{
  position:relative;
  padding-left:26px;
  color:rgba(255,255,255,.82) !important;
  font-size:14px;
  line-height:1.5;
}

.gmb-3m__body li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#00aeef;
  box-shadow:0 0 16px rgba(0,174,239,.9);
}

/* HOVER */
.gmb-3m__card:hover{
  transform:translateY(-8px);
  border-color:rgba(0,174,239,.42);
}

.gmb-3m__card--featured:hover{
  transform:translateY(-32px);
}

.gmb-3m__card:hover .gmb-3m__image img{
  transform:scale(1.08);
}

/* RESPONSIVE */
@media(max-width:980px){
  .gmb-3m{
    padding:90px 0;
  }

  .gmb-3m__grid{
    grid-template-columns:1fr;
  }

  .gmb-3m__card,
  .gmb-3m__card--featured{
    transform:none;
  }

  .gmb-3m__card:hover,
  .gmb-3m__card--featured:hover{
    transform:translateY(-6px);
  }

  .gmb-3m__image{
    aspect-ratio:16/10;
  }
}

@media(max-width:640px){
  .gmb-3m{
    padding:75px 0;
  }

  .gmb-3m__wrap{
    width:90%;
  }

  .gmb-3m__head{
    margin-bottom:42px;
    text-align:left;
  }

  .gmb-3m__eyebrow{
    justify-content:flex-start;
    font-size:12px;
  }

  .gmb-3m__eyebrow::after{
    display:none;
  }

  .gmb-3m__eyebrow::before{
    margin-left:0;
  }

  .gmb-3m h2{
    font-size:34px;
  }

  .gmb-3m__head p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-3m__card{
    border-radius:26px;
  }

  .gmb-3m__image{
    border-radius:26px 26px 0 0;
    aspect-ratio:1/1;
  }

  .gmb-3m__body{
    padding:26px 24px 30px;
  }

  .gmb-3m__body h3{
    font-size:25px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b5488cc *//* =========================
GMAGICBOX HOME SEC 4
BUSINESS ECOSYSTEM
WITH BACKGROUND IMAGE
========================= */

.gmb-ecosystem,
.gmb-ecosystem *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-ecosystem{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:115px 0;
  background:#02050b;
  color:#ffffff !important;
}

/* BACKGROUND IMAGE - LETAK GAMBAR BACKGROUND SINI */
.gmb-ecosystem__bg-image{
  position:absolute;
  inset:0;
  background-image:url('http://gmb4u.com/wp-content/uploads/2026/05/illuminated-earth-map-black-background_266732-5191.avif');
  background-size:cover;
  background-position:center;
  filter:brightness(.34);
  transform:scale(1.04);
}

/* DARK OVERLAY */
.gmb-ecosystem__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(2,5,11,.94) 8%,
    rgba(5,15,35,.82) 48%,
    rgba(2,5,11,.96) 100%
  );
}

/* GRID */
.gmb-ecosystem__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.25;
  pointer-events:none;
}

/* GLOW */
.gmb-ecosystem__glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  filter:blur(95px);
  opacity:.3;
  pointer-events:none;
}

.gmb-ecosystem__glow--blue{
  left:-120px;
  top:120px;
  background:#00aeef;
}

.gmb-ecosystem__glow--gold{
  right:-120px;
  bottom:80px;
  background:#ff9f1c;
}

/* WRAP */
.gmb-ecosystem__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  align-items:center;
  gap:70px;
}

/* LEFT VISUAL */
.gmb-ecosystem__visual{
  position:relative;
}

.gmb-ecosystem__image{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:36px;
  overflow:hidden;
  background:#071426;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    0 34px 90px rgba(0,0,0,.38),
    0 0 50px rgba(0,174,239,.13);
}

.gmb-ecosystem__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(2,5,11,.05), rgba(2,5,11,.75)),
    radial-gradient(circle at 75% 18%, rgba(0,174,239,.28), transparent 35%),
    radial-gradient(circle at 15% 90%, rgba(255,122,0,.22), transparent 35%);
}

.gmb-ecosystem__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.6s ease;
}

.gmb-ecosystem__visual:hover .gmb-ecosystem__image img{
  transform:scale(1.06);
}

/* FLOAT BADGE */
.gmb-ecosystem__badge-card{
  position:absolute;
  right:-24px;
  bottom:34px;
  width:190px;
  padding:22px;
  border-radius:24px;
  background:rgba(5,15,30,.78);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 60px rgba(0,0,0,.36);
}

.gmb-ecosystem__badge-card strong{
  display:block;
  color:#f7d47a !important;
  font-size:48px;
  line-height:1;
  font-weight:700 !important;
  margin-bottom:8px;
}

.gmb-ecosystem__badge-card span{
  display:block;
  color:rgba(255,255,255,.82) !important;
  font-size:13px;
  line-height:1.45;
  font-weight:500 !important;
}

/* CONTENT */
.gmb-ecosystem__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:18px;
}

.gmb-ecosystem__eyebrow::before{
  content:"";
  width:42px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-ecosystem h2{
  margin:0;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-ecosystem h2 span{
  display:block;
  background:linear-gradient(90deg,#00aeef,#ffffff 42%,#d4a63a 78%,#ff7a00);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
  font-weight:700 !important;
}

.gmb-ecosystem__content > p{
  margin:22px 0 0;
  max-width:680px;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
  font-weight:400 !important;
}

/* LIST */
.gmb-ecosystem__list{
  margin-top:34px;
  display:grid;
  gap:14px;
}

.gmb-ecosystem__item{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  align-items:flex-start;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(16px);
  transition:.3s ease;
}

.gmb-ecosystem__item:hover{
  transform:translateX(8px);
  border-color:rgba(0,174,239,.38);
  background:rgba(255,255,255,.075);
}

.gmb-ecosystem__item > span{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#06101d !important;
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  font-size:13px;
  font-weight:700 !important;
}

.gmb-ecosystem__item h3{
  margin:0;
  color:#ffffff !important;
  font-size:18px;
  line-height:1.3;
  font-weight:700 !important;
  letter-spacing:-.01em;
}

.gmb-ecosystem__item p{
  margin:7px 0 0;
  color:rgba(255,255,255,.72) !important;
  font-size:14px;
  line-height:1.65;
  font-weight:400 !important;
}

/* RESPONSIVE */
@media(max-width:980px){
  .gmb-ecosystem{
    padding:90px 0;
  }

  .gmb-ecosystem__wrap{
    grid-template-columns:1fr;
    gap:46px;
  }

  .gmb-ecosystem__image{
    max-width:620px;
    margin:0 auto;
  }
}

@media(max-width:640px){
  .gmb-ecosystem{
    padding:75px 0;
  }

  .gmb-ecosystem__wrap{
    width:90%;
  }

  .gmb-ecosystem h2{
    font-size:34px;
  }

  .gmb-ecosystem__content > p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-ecosystem__badge-card{
    right:16px;
    bottom:16px;
    width:160px;
    padding:18px;
  }

  .gmb-ecosystem__badge-card strong{
    font-size:38px;
  }

  .gmb-ecosystem__item{
    grid-template-columns:1fr;
    gap:12px;
  }

  .gmb-ecosystem__item:hover{
    transform:translateY(-4px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef5bbff *//* =========================
GMAGICBOX HOME SEC 5
KENAPA EMAS
========================= */

.gmb-gold,
.gmb-gold *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-gold{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:115px 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(212,166,58,.20), transparent 28%),
    radial-gradient(circle at 82% 70%, rgba(0,174,239,.16), transparent 30%),
    linear-gradient(135deg,#02040a 0%,#0a1422 52%,#02050b 100%);
  color:#ffffff !important;
}

.gmb-gold__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.24;
  pointer-events:none;
}

.gmb-gold__shine{
  position:absolute;
  inset:-20%;
  background:
    linear-gradient(115deg, transparent 0%, transparent 42%, rgba(255,224,138,.12) 50%, transparent 58%, transparent 100%);
  animation:gmbGoldShine 8s linear infinite;
  pointer-events:none;
}

/* WRAP */
.gmb-gold__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:70px;
  align-items:center;
}

/* CONTENT */
.gmb-gold__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:18px;
}

.gmb-gold__eyebrow::before{
  content:"";
  width:42px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#d4a63a,#ff7a00);
}

.gmb-gold h2{
  margin:0;
  max-width:680px;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-gold h2 span{
  display:block;
  background:linear-gradient(90deg,#ffe08a,#d4a63a 45%,#ff7a00 76%,#ffffff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
  font-weight:700 !important;
}

.gmb-gold__content > p{
  margin:22px 0 0;
  max-width:720px;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
  font-weight:400 !important;
}

/* POINTS */
.gmb-gold__points{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.gmb-gold__point{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:16px;
  align-items:flex-start;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(16px);
  transition:.3s ease;
}

.gmb-gold__point:hover{
  transform:translateY(-5px);
  border-color:rgba(212,166,58,.4);
  background:rgba(255,255,255,.075);
}

.gmb-gold__point > span{
  width:44px;
  height:44px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#06101d !important;
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  font-size:12px;
  font-weight:700 !important;
}

.gmb-gold__point h3{
  margin:0;
  color:#ffffff !important;
  font-size:17px;
  line-height:1.3;
  font-weight:700 !important;
}

.gmb-gold__point p{
  margin:7px 0 0;
  color:rgba(255,255,255,.72) !important;
  font-size:13.5px;
  line-height:1.6;
  font-weight:400 !important;
}

/* VISUAL */
.gmb-gold__visual{
  position:relative;
}

.gmb-gold__image{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:38px;
  background:#071426;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    0 36px 90px rgba(0,0,0,.38),
    0 0 55px rgba(212,166,58,.13);
}

.gmb-gold__image::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:38px;
  padding:1px;
  background:linear-gradient(135deg,rgba(255,224,138,.75),rgba(0,174,239,.35),rgba(255,122,0,.55));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  z-index:3;
  pointer-events:none;
}

.gmb-gold__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(2,5,11,.06), rgba(2,5,11,.72)),
    radial-gradient(circle at 70% 20%, rgba(255,224,138,.25), transparent 35%);
  z-index:2;
}

.gmb-gold__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.6s ease;
}

.gmb-gold__visual:hover .gmb-gold__image img{
  transform:scale(1.06);
}

/* FLOAT */
.gmb-gold__float{
  position:absolute;
  left:-24px;
  bottom:38px;
  width:210px;
  padding:22px;
  border-radius:24px;
  background:rgba(5,15,30,.8);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 60px rgba(0,0,0,.36);
  z-index:4;
}

.gmb-gold__float strong{
  display:block;
  color:#f7d47a !important;
  font-size:40px;
  line-height:1;
  font-weight:700 !important;
  margin-bottom:8px;
}

.gmb-gold__float span{
  display:block;
  color:rgba(255,255,255,.82) !important;
  font-size:13px;
  line-height:1.45;
  font-weight:500 !important;
}

/* ANIMATION */
@keyframes gmbGoldShine{
  0%{
    transform:translateX(-30%) rotate(0deg);
  }
  100%{
    transform:translateX(30%) rotate(0deg);
  }
}

/* RESPONSIVE */
@media(max-width:980px){
  .gmb-gold{
    padding:90px 0;
  }

  .gmb-gold__wrap{
    grid-template-columns:1fr;
    gap:46px;
  }

  .gmb-gold__visual{
    max-width:620px;
    margin:0 auto;
  }
}

@media(max-width:640px){
  .gmb-gold{
    padding:75px 0;
  }

  .gmb-gold__wrap{
    width:90%;
  }

  .gmb-gold h2{
    font-size:34px;
  }

  .gmb-gold__content > p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-gold__points{
    grid-template-columns:1fr;
  }

  .gmb-gold__point{
    grid-template-columns:1fr;
    gap:12px;
  }

  .gmb-gold__float{
    left:16px;
    bottom:16px;
    width:175px;
    padding:18px;
  }

  .gmb-gold__float strong{
    font-size:32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d78fe8 *//* =========================
GMAGICBOX HOME SEC 6
LEADERSHIP RANKING
========================= */

.gmb-rank,
.gmb-rank *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-rank{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:115px 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(0,174,239,.16), transparent 30%),
    radial-gradient(circle at 50% 90%, rgba(255,122,0,.16), transparent 34%),
    linear-gradient(180deg,#02050b 0%,#071426 48%,#02040a 100%);
  color:#ffffff !important;
}

.gmb-rank__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.24;
  pointer-events:none;
}

.gmb-rank__glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  filter:blur(95px);
  opacity:.28;
  pointer-events:none;
}

.gmb-rank__glow--blue{
  left:-130px;
  top:120px;
  background:#00aeef;
}

.gmb-rank__glow--gold{
  right:-130px;
  bottom:80px;
  background:#ff9f1c;
}

.gmb-rank__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
}

/* HEAD */
.gmb-rank__head{
  max-width:880px;
  margin:0 auto 70px;
  text-align:center;
}

.gmb-rank__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-bottom:18px;
}

.gmb-rank__eyebrow::before,
.gmb-rank__eyebrow::after{
  content:"";
  width:42px;
  height:2px;
  margin:0 14px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-rank h2{
  margin:0;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-rank h2 span{
  display:block;
  background:linear-gradient(90deg,#00aeef,#ffffff 42%,#d4a63a 78%,#ff7a00);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
  font-weight:700 !important;
}

.gmb-rank__head p{
  max-width:780px;
  margin:22px auto 0;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
  font-weight:400 !important;
}

/* LAYOUT */
.gmb-rank__layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:60px;
  align-items:center;
}

/* PYRAMID */
.gmb-rank__pyramid{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.gmb-rank__pyramid::before{
  content:"";
  position:absolute;
  inset:20px 10% 20px 10%;
  background:radial-gradient(circle, rgba(0,174,239,.18), transparent 65%);
  filter:blur(18px);
  pointer-events:none;
}

.gmb-rank__level{
  position:relative;
  z-index:2;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:12px 24px;
  border-radius:18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
  transition:.3s ease;
}

.gmb-rank__level:nth-child(1){ width:42%; }
.gmb-rank__level:nth-child(2){ width:48%; }
.gmb-rank__level:nth-child(3){ width:54%; }
.gmb-rank__level:nth-child(4){ width:60%; }
.gmb-rank__level:nth-child(5){ width:66%; }
.gmb-rank__level:nth-child(6){ width:72%; }
.gmb-rank__level:nth-child(7){ width:78%; }
.gmb-rank__level:nth-child(8){ width:84%; }
.gmb-rank__level:nth-child(9){ width:90%; }
.gmb-rank__level:nth-child(10){ width:96%; }

.gmb-rank__level span{
  flex:0 0 auto;
  width:38px;
  height:30px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#06101d !important;
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  font-size:12px;
  font-weight:700 !important;
}

.gmb-rank__level strong{
  color:#ffffff !important;
  font-size:15px;
  line-height:1.3;
  font-weight:700 !important;
  text-align:center;
}

.gmb-rank__level--top{
  border-color:rgba(212,166,58,.5);
  box-shadow:0 20px 55px rgba(212,166,58,.16);
}

.gmb-rank__level--base{
  background:
    radial-gradient(circle at 50% 0%, rgba(0,174,239,.18), transparent 50%),
    linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04));
}

.gmb-rank__level:hover{
  transform:translateY(-4px) scale(1.02);
  border-color:rgba(0,174,239,.4);
}

/* INFO CARD */
.gmb-rank__info{
  display:grid;
  gap:18px;
}

.gmb-rank__info-card{
  position:relative;
  overflow:hidden;
  padding:26px;
  border-radius:26px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 60px rgba(0,0,0,.25);
  transition:.3s ease;
}

.gmb-rank__info-card::before{
  content:"";
  position:absolute;
  right:-60px;
  top:-60px;
  width:160px;
  height:160px;
  border-radius:50%;
  background:rgba(0,174,239,.16);
  filter:blur(10px);
}

.gmb-rank__info-card > span{
  position:relative;
  z-index:2;
  width:52px;
  height:38px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#06101d !important;
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  font-size:13px;
  font-weight:700 !important;
  margin-bottom:18px;
}

.gmb-rank__info-card h3{
  position:relative;
  z-index:2;
  margin:0;
  color:#ffffff !important;
  font-size:21px;
  line-height:1.3;
  font-weight:700 !important;
}

.gmb-rank__info-card p{
  position:relative;
  z-index:2;
  margin:12px 0 0;
  color:rgba(255,255,255,.74) !important;
  font-size:14.5px;
  line-height:1.7;
  font-weight:400 !important;
}

.gmb-rank__info-card:hover{
  transform:translateY(-6px);
  border-color:rgba(212,166,58,.35);
}

/* RESPONSIVE */
@media(max-width:980px){
  .gmb-rank{
    padding:90px 0;
  }

  .gmb-rank__layout{
    grid-template-columns:1fr;
    gap:50px;
  }

  .gmb-rank__pyramid{
    max-width:760px;
    margin:0 auto;
  }
}

@media(max-width:640px){
  .gmb-rank{
    padding:75px 0;
  }

  .gmb-rank__wrap{
    width:90%;
  }

  .gmb-rank__head{
    text-align:left;
    margin-bottom:42px;
  }

  .gmb-rank__eyebrow{
    justify-content:flex-start;
    font-size:12px;
  }

  .gmb-rank__eyebrow::after{
    display:none;
  }

  .gmb-rank__eyebrow::before{
    margin-left:0;
  }

  .gmb-rank h2{
    font-size:34px;
  }

  .gmb-rank__head p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-rank__level{
    width:100% !important;
    justify-content:flex-start;
    padding:13px 16px;
  }

  .gmb-rank__level strong{
    text-align:left;
    font-size:14px;
  }

  .gmb-rank__info-card{
    padding:24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-663d4ef *//* =========================
GMAGICBOX HOME SEC 7
RECOGNITION & REWARD
WITH BACKGROUND IMAGE
========================= */

.gmb-reward,
.gmb-reward *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-reward{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:115px 0;
  background:#02050b;
  color:#ffffff !important;
}

/* BACKGROUND IMAGE */
.gmb-reward__bg-image{
  position:absolute;
  inset:0;
  background-image:url('http://gmb4u.com/wp-content/uploads/2026/05/illuminated-earth-map-black-background_266732-5191.avif');
  background-size:cover;
  background-position:center;
  filter:brightness(.34);
  transform:scale(1.04);
}

/* OVERLAY */
.gmb-reward__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(2,5,11,.94) 8%,
    rgba(5,15,35,.82) 48%,
    rgba(2,5,11,.96) 100%
  );
}

/* GRID BG */
.gmb-reward__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.24;
}

/* GLOW */
.gmb-reward__glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  filter:blur(95px);
  opacity:.28;
  pointer-events:none;
}

.gmb-reward__glow--blue{
  left:-130px;
  top:120px;
  background:#00aeef;
}

.gmb-reward__glow--gold{
  right:-130px;
  bottom:80px;
  background:#ff9f1c;
}

/* WRAP */
.gmb-reward__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
}

/* HEAD */
.gmb-reward__head{
  max-width:860px;
  margin:0 auto 70px;
  text-align:center;
}

.gmb-reward__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-bottom:18px;
}

.gmb-reward__eyebrow::before,
.gmb-reward__eyebrow::after{
  content:"";
  width:42px;
  height:2px;
  margin:0 14px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-reward h2{
  margin:0;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-reward h2 span{
  display:block;
  background:linear-gradient(
    90deg,
    #00aeef,
    #ffffff 42%,
    #d4a63a 78%,
    #ff7a00
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

.gmb-reward__head p{
  max-width:780px;
  margin:22px auto 0;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
}

/* GRID */
.gmb-reward__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

/* CARD */
.gmb-reward__card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.09),
      rgba(255,255,255,.03)
    );
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 26px 70px rgba(0,0,0,.28);
  transition:.35s ease;
}

.gmb-reward__card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,174,239,.16), transparent 40%),
    radial-gradient(circle at 80% 100%, rgba(255,122,0,.14), transparent 38%);
  pointer-events:none;
}

.gmb-reward__card--featured{
  transform:translateY(-18px);
  border-color:rgba(212,166,58,.4);
  box-shadow:
    0 38px 90px rgba(0,0,0,.34),
    0 0 50px rgba(212,166,58,.12);
}

/* IMAGE */
.gmb-reward__image{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#071426;
}

.gmb-reward__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(2,5,11,.08), rgba(2,5,11,.76)),
    radial-gradient(circle at 75% 20%, rgba(0,174,239,.24), transparent 35%);
}

.gmb-reward__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.6s ease;
}

.gmb-reward__card:hover .gmb-reward__image img{
  transform:scale(1.08);
}

/* BODY */
.gmb-reward__body{
  position:relative;
  z-index:2;
  padding:28px 24px 32px;
}

.gmb-reward__body span{
  width:50px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  color:#06101d !important;
  font-size:12px;
  font-weight:700 !important;
  margin-bottom:18px;
}

.gmb-reward__body h3{
  margin:0;
  color:#ffffff !important;
  font-size:22px;
  line-height:1.3;
  font-weight:700 !important;
}

.gmb-reward__body p{
  margin:14px 0 0;
  color:rgba(255,255,255,.74) !important;
  font-size:14px;
  line-height:1.7;
}

/* HOVER */
.gmb-reward__card:hover{
  transform:translateY(-8px);
  border-color:rgba(0,174,239,.42);
}

.gmb-reward__card--featured:hover{
  transform:translateY(-24px);
}

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

  .gmb-reward__grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:640px){

  .gmb-reward{
    padding:75px 0;
  }

  .gmb-reward__wrap{
    width:90%;
  }

  .gmb-reward__head{
    text-align:left;
    margin-bottom:42px;
  }

  .gmb-reward__eyebrow{
    justify-content:flex-start;
    font-size:12px;
  }

  .gmb-reward__eyebrow::after{
    display:none;
  }

  .gmb-reward__eyebrow::before{
    margin-left:0;
  }

  .gmb-reward h2{
    font-size:34px;
  }

  .gmb-reward__head p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-reward__grid{
    grid-template-columns:1fr;
  }

  .gmb-reward__card,
  .gmb-reward__card--featured{
    transform:none;
  }

  .gmb-reward__card:hover,
  .gmb-reward__card--featured:hover{
    transform:translateY(-6px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d41449a *//* =========================
GMAGICBOX HOME SEC 8
GLOBAL EXPANSION WITH MAP
========================= */

.gmb-global,
.gmb-global *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-global{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:115px 0;
  background:#02050b;
  color:#ffffff !important;
}

/* BACKGROUND IMAGE */
.gmb-global__bg-image{
  position:absolute;
  inset:0;
  background-image:url('YOUR-BACKGROUND.jpg');
  background-size:cover;
  background-position:center;
  filter:brightness(.32);
  transform:scale(1.04);
}

/* OVERLAY */
.gmb-global__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(2,5,11,.95) 8%,
    rgba(5,15,35,.82) 48%,
    rgba(2,5,11,.96) 100%
  );
}

/* GRID */
.gmb-global__grid-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.24;
}

/* GLOW */
.gmb-global__glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  filter:blur(95px);
  opacity:.28;
  pointer-events:none;
}

.gmb-global__glow--blue{
  left:-130px;
  top:120px;
  background:#00aeef;
}

.gmb-global__glow--gold{
  right:-130px;
  bottom:80px;
  background:#ff9f1c;
}

/* WRAP */
.gmb-global__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:70px;
  align-items:center;
}

/* CONTENT */
.gmb-global__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:18px;
}

.gmb-global__eyebrow::before{
  content:"";
  width:42px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-global h2{
  margin:0;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-global h2 span{
  display:block;
  background:linear-gradient(90deg,#00aeef,#ffffff 42%,#d4a63a 78%,#ff7a00);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

.gmb-global__content > p{
  margin:22px 0 0;
  max-width:680px;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
}

.gmb-global__stats{
  margin-top:38px;
  display:grid;
  gap:16px;
}

.gmb-global__stats div{
  padding:22px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(16px);
}

.gmb-global__stats strong{
  display:block;
  color:#f7d47a !important;
  font-size:34px;
  line-height:1;
  font-weight:700 !important;
  margin-bottom:8px;
}

.gmb-global__stats span{
  color:rgba(255,255,255,.78) !important;
  font-size:14px;
}

/* PANEL */
.gmb-global__panel{
  position:relative;
  padding:34px;
  border-radius:36px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 34px 90px rgba(0,0,0,.36);
}

/* MAP FRAME */
.gmb-global__map-frame{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#071426;
  box-shadow:
    0 34px 90px rgba(0,0,0,.36),
    0 0 50px rgba(0,174,239,.12);
}

.gmb-global__map-frame iframe{
  width:100%;
  height:100%;
  border:0;
  filter:grayscale(.1) contrast(1.05) brightness(.9);
}

.gmb-global__map-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(2,5,11,.08), rgba(2,5,11,.58)),
    radial-gradient(circle at 75% 20%, rgba(0,174,239,.18), transparent 35%);
  pointer-events:none;
}

/* FLOAT MAP CARD */
.gmb-global__map-float{
  position:absolute;
  left:24px;
  bottom:24px;
  width:240px;
  padding:22px;
  border-radius:24px;
  background:rgba(5,15,30,.82);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  z-index:3;
}

.gmb-global__map-float strong{
  display:block;
  color:#f7d47a !important;
  font-size:22px;
  line-height:1.2;
  font-weight:700 !important;
  margin-bottom:8px;
}

.gmb-global__map-float span{
  display:block;
  color:rgba(255,255,255,.78) !important;
  font-size:13px;
  line-height:1.6;
}

/* COUNTRIES */
.gmb-global__countries{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

.gmb-global__countries span{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.11);
  color:rgba(255,255,255,.84) !important;
  font-size:13px;
  font-weight:600 !important;
}

/* RESPONSIVE */
@media(max-width:980px){
  .gmb-global{
    padding:90px 0;
  }

  .gmb-global__wrap{
    grid-template-columns:1fr;
    gap:46px;
  }
}

@media(max-width:640px){
  .gmb-global{
    padding:75px 0;
  }

  .gmb-global__wrap{
    width:90%;
  }

  .gmb-global h2{
    font-size:34px;
  }

  .gmb-global__content > p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-global__panel{
    padding:22px;
    border-radius:28px;
  }

  .gmb-global__map-frame{
    border-radius:26px;
    aspect-ratio:1/1.15;
  }

  .gmb-global__map-float{
    left:14px;
    right:14px;
    bottom:14px;
    width:auto;
    padding:18px;
  }

  .gmb-global__map-float strong{
    font-size:18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1780a4 *//* =========================
GMAGICBOX HOME SEC 9
FAQ SECTION
========================= */

.gmb-faq,
.gmb-faq *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-faq{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:115px 0;
  background:#02050b;
  color:#ffffff !important;
}

/* BACKGROUND IMAGE */
.gmb-faq__bg-image{
  position:absolute;
  inset:0;
  background-image:url('YOUR-BACKGROUND.jpg');
  background-size:cover;
  background-position:center;
  filter:brightness(.28);
  transform:scale(1.04);
}

/* OVERLAY */
.gmb-faq__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(2,5,11,.95) 8%,
    rgba(5,15,35,.84) 48%,
    rgba(2,5,11,.96) 100%
  );
}

/* GRID */
.gmb-faq__grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.24;
}

/* GLOW */
.gmb-faq__glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  filter:blur(95px);
  opacity:.28;
  pointer-events:none;
}

.gmb-faq__glow--blue{
  left:-130px;
  top:120px;
  background:#00aeef;
}

.gmb-faq__glow--gold{
  right:-130px;
  bottom:80px;
  background:#ff9f1c;
}

/* WRAP */
.gmb-faq__wrap{
  position:relative;
  z-index:2;
  width:min(1050px,92%);
  margin:0 auto;
}

/* HEAD */
.gmb-faq__head{
  max-width:820px;
  margin:0 auto 60px;
  text-align:center;
}

.gmb-faq__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-bottom:18px;
}

.gmb-faq__eyebrow::before,
.gmb-faq__eyebrow::after{
  content:"";
  width:42px;
  height:2px;
  margin:0 14px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-faq h2{
  margin:0;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-faq h2 span{
  display:block;
  background:linear-gradient(
    90deg,
    #00aeef,
    #ffffff 42%,
    #d4a63a 78%,
    #ff7a00
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

.gmb-faq__head p{
  max-width:760px;
  margin:22px auto 0;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
}

/* ACCORDION */
.gmb-faq__accordion{
  display:grid;
  gap:18px;
}

.gmb-faq__item{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.03)
    );
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  transition:.3s ease;
}

.gmb-faq__item::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,174,239,.16), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(255,122,0,.14), transparent 34%);
  pointer-events:none;
}

.gmb-faq__item:hover{
  border-color:rgba(0,174,239,.36);
  transform:translateY(-4px);
}

/* SUMMARY */
.gmb-faq__item summary{
  position:relative;
  z-index:2;
  list-style:none;
  cursor:pointer;
  padding:28px 34px;
  color:#ffffff !important;
  font-size:19px;
  line-height:1.4;
  font-weight:700 !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.gmb-faq__item summary::-webkit-details-marker{
  display:none;
}

.gmb-faq__item summary::after{
  content:"+";
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  color:#06101d !important;
  font-size:24px;
  font-weight:700 !important;
  transition:.3s ease;
}

.gmb-faq__item[open] summary::after{
  transform:rotate(45deg);
}

/* CONTENT */
.gmb-faq__content{
  position:relative;
  z-index:2;
  padding:0 34px 30px;
}

.gmb-faq__content p{
  margin:0;
  color:rgba(255,255,255,.74) !important;
  font-size:15px;
  line-height:1.85;
}

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

  .gmb-faq{
    padding:75px 0;
  }

  .gmb-faq__wrap{
    width:90%;
  }

  .gmb-faq__head{
    text-align:left;
    margin-bottom:42px;
  }

  .gmb-faq__eyebrow{
    justify-content:flex-start;
    font-size:12px;
  }

  .gmb-faq__eyebrow::after{
    display:none;
  }

  .gmb-faq__eyebrow::before{
    margin-left:0;
  }

  .gmb-faq h2{
    font-size:34px;
  }

  .gmb-faq__head p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-faq__item{
    border-radius:24px;
  }

  .gmb-faq__item summary{
    padding:24px;
    font-size:17px;
  }

  .gmb-faq__content{
    padding:0 24px 24px;
  }

  .gmb-faq__content p{
    font-size:14px;
    line-height:1.75;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb12a38 *//* =========================
GMAGICBOX HOME SEC 10
CORPORATE LEADERSHIP
========================= */

.gmb-leader,
.gmb-leader *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-leader{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:115px 0;
  background:#02050b;
  color:#ffffff !important;
}

.gmb-leader__bg-image{
  position:absolute;
  inset:0;
  background-image:url('http://gmb4u.com/wp-content/uploads/2026/05/illuminated-earth-map-black-background_266732-5191.avif');
  background-size:cover;
  background-position:center;
  filter:brightness(.30);
  transform:scale(1.04);
}

.gmb-leader__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(2,5,11,.95) 8%,
    rgba(5,15,35,.84) 48%,
    rgba(2,5,11,.96) 100%
  );
}

.gmb-leader__grid-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.24;
}

.gmb-leader__glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  filter:blur(95px);
  opacity:.28;
  pointer-events:none;
}

.gmb-leader__glow--blue{
  left:-130px;
  top:120px;
  background:#00aeef;
}

.gmb-leader__glow--gold{
  right:-130px;
  bottom:80px;
  background:#ff9f1c;
}

.gmb-leader__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
}

/* HEAD */
.gmb-leader__head{
  max-width:880px;
  margin:0 auto 70px;
  text-align:center;
}

.gmb-leader__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-bottom:18px;
}

.gmb-leader__eyebrow::before,
.gmb-leader__eyebrow::after{
  content:"";
  width:42px;
  height:2px;
  margin:0 14px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-leader h2{
  margin:0;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-leader h2 span{
  display:block;
  background:linear-gradient(
    90deg,
    #00aeef,
    #ffffff 42%,
    #d4a63a 78%,
    #ff7a00
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

.gmb-leader__head p{
  max-width:780px;
  margin:22px auto 0;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
}

/* GRID */
.gmb-leader__grid{
  display:grid;
  grid-template-columns:1.1fr repeat(3, .9fr);
  gap:24px;
  align-items:stretch;
}

/* CARD */
.gmb-leader__card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.09),
      rgba(255,255,255,.03)
    );
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 26px 70px rgba(0,0,0,.28);
  transition:.35s ease;
}

.gmb-leader__card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,174,239,.16), transparent 40%),
    radial-gradient(circle at 80% 100%, rgba(255,122,0,.14), transparent 38%);
  pointer-events:none;
}

.gmb-leader__card--main{
  border-color:rgba(212,166,58,.4);
  box-shadow:
    0 38px 90px rgba(0,0,0,.34),
    0 0 50px rgba(212,166,58,.12);
}

/* IMAGE */
.gmb-leader__image{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#071426;
}

.gmb-leader__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(2,5,11,.05), rgba(2,5,11,.74)),
    radial-gradient(circle at 75% 20%, rgba(0,174,239,.24), transparent 35%);
}

.gmb-leader__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.6s ease;
}

.gmb-leader__card:hover .gmb-leader__image img{
  transform:scale(1.08);
}

/* BODY */
.gmb-leader__body{
  position:relative;
  z-index:2;
  padding:28px 24px 32px;
}

.gmb-leader__body span{
  display:inline-flex;
  color:#f7d47a !important;
  font-size:12px;
  line-height:1.4;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:12px;
}

.gmb-leader__body h3{
  margin:0;
  color:#ffffff !important;
  font-size:21px;
  line-height:1.3;
  font-weight:700 !important;
}

.gmb-leader__body p{
  margin:14px 0 0;
  color:rgba(255,255,255,.74) !important;
  font-size:14px;
  line-height:1.7;
}

/* HOVER */
.gmb-leader__card:hover{
  transform:translateY(-8px);
  border-color:rgba(0,174,239,.42);
}

/* RESPONSIVE */
@media(max-width:1100px){
  .gmb-leader__grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){

  .gmb-leader{
    padding:75px 0;
  }

  .gmb-leader__wrap{
    width:90%;
  }

  .gmb-leader__head{
    text-align:left;
    margin-bottom:42px;
  }

  .gmb-leader__eyebrow{
    justify-content:flex-start;
    font-size:12px;
  }

  .gmb-leader__eyebrow::after{
    display:none;
  }

  .gmb-leader__eyebrow::before{
    margin-left:0;
  }

  .gmb-leader h2{
    font-size:34px;
  }

  .gmb-leader__head p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-leader__grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f6bedf *//* =========================
GMAGICBOX HOME SEC 11
CONTACT / HQ
========================= */

.gmb-contact,
.gmb-contact *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-contact{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:115px 0;
  background:#02050b;
  color:#ffffff !important;
}

.gmb-contact__bg-image{
  position:absolute;
  inset:0;
  background-image:url('YOUR-BACKGROUND.jpg');
  background-size:cover;
  background-position:center;
  filter:brightness(.30);
  transform:scale(1.04);
}

.gmb-contact__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(2,5,11,.95) 8%,
    rgba(5,15,35,.84) 48%,
    rgba(2,5,11,.96) 100%
  );
}

.gmb-contact__grid-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.24;
}

.gmb-contact__glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  filter:blur(95px);
  opacity:.28;
  pointer-events:none;
}

.gmb-contact__glow--blue{
  left:-130px;
  top:120px;
  background:#00aeef;
}

.gmb-contact__glow--gold{
  right:-130px;
  bottom:80px;
  background:#ff9f1c;
}

.gmb-contact__wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:70px;
  align-items:center;
}

/* CONTENT */
.gmb-contact__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#f7d47a !important;
  font-size:13px;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:18px;
}

.gmb-contact__eyebrow::before{
  content:"";
  width:42px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#00aeef,#d4a63a);
}

.gmb-contact h2{
  margin:0;
  color:#ffffff !important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700 !important;
}

.gmb-contact h2 span{
  display:block;
  background:linear-gradient(90deg,#00aeef,#ffffff 42%,#d4a63a 78%,#ff7a00);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

.gmb-contact__content > p{
  margin:22px 0 0;
  max-width:680px;
  color:rgba(255,255,255,.78) !important;
  font-size:16px;
  line-height:1.85;
}

/* INFO */
.gmb-contact__info{
  margin-top:34px;
  display:grid;
  gap:16px;
}

.gmb-contact__item{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:18px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(16px);
}

.gmb-contact__item > span{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#06101d !important;
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  font-size:14px;
  font-weight:700 !important;
}

.gmb-contact__item h3{
  margin:0;
  color:#ffffff !important;
  font-size:18px;
  font-weight:700 !important;
}

.gmb-contact__item p{
  margin:8px 0 0;
  color:rgba(255,255,255,.74) !important;
  font-size:14.5px;
  line-height:1.75;
}

/* BUTTON */
.gmb-contact__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.gmb-contact__btn{
  min-height:52px;
  padding:14px 26px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  font-size:14px;
  font-weight:700 !important;
  transition:.3s ease;
}

.gmb-contact__btn:hover{
  transform:translateY(-4px);
}

.gmb-contact__btn--gold{
  background:linear-gradient(135deg,#ffe08a,#d4a63a,#ff7a00);
  color:#06101d !important;
  box-shadow:0 20px 45px rgba(212,166,58,.25);
}

.gmb-contact__btn--outline{
  color:#ffffff !important;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(0,174,239,.5);
  backdrop-filter:blur(14px);
}

/* MAP PANEL */
.gmb-contact__panel{
  position:relative;
  padding:28px;
  border-radius:36px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 34px 90px rgba(0,0,0,.36);
}

.gmb-contact__map{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:30px;
  background:#071426;
  border:1px solid rgba(255,255,255,.12);
}

.gmb-contact__map iframe{
  width:100%;
  height:100%;
  border:0;
  filter:grayscale(.1) contrast(1.05) brightness(.9);
}

.gmb-contact__map::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(2,5,11,.04), rgba(2,5,11,.45)),
    radial-gradient(circle at 75% 20%, rgba(0,174,239,.14), transparent 35%);
  pointer-events:none;
}

.gmb-contact__map-card{
  position:absolute;
  left:52px;
  bottom:52px;
  width:230px;
  padding:22px;
  border-radius:24px;
  background:rgba(5,15,30,.84);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.gmb-contact__map-card strong{
  display:block;
  color:#f7d47a !important;
  font-size:22px;
  font-weight:700 !important;
  margin-bottom:8px;
}

.gmb-contact__map-card span{
  display:block;
  color:rgba(255,255,255,.78) !important;
  font-size:13px;
  line-height:1.6;
}

/* RESPONSIVE */
@media(max-width:980px){
  .gmb-contact{
    padding:90px 0;
  }

  .gmb-contact__wrap{
    grid-template-columns:1fr;
    gap:46px;
  }
}

@media(max-width:640px){
  .gmb-contact{
    padding:75px 0;
  }

  .gmb-contact__wrap{
    width:90%;
  }

  .gmb-contact h2{
    font-size:34px;
  }

  .gmb-contact__content > p{
    font-size:15px;
    line-height:1.75;
  }

  .gmb-contact__item{
    grid-template-columns:1fr;
  }

  .gmb-contact__buttons{
    flex-direction:column;
  }

  .gmb-contact__btn{
    width:100%;
  }

  .gmb-contact__panel{
    padding:20px;
    border-radius:28px;
  }

  .gmb-contact__map{
    border-radius:24px;
    aspect-ratio:1/1.1;
  }

  .gmb-contact__map-card{
    left:34px;
    right:34px;
    bottom:34px;
    width:auto;
    padding:18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b25c687 */.gmb-pro-footer,
.gmb-pro-footer *{
  box-sizing:border-box;
  font-family:'Poppins','Montserrat',Arial,sans-serif !important;
}

.gmb-pro-footer{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 22%, rgba(0,174,239,.22), transparent 32%),
    radial-gradient(circle at 86% 78%, rgba(245,178,48,.18), transparent 30%),
    linear-gradient(135deg,#020711 0%,#061426 48%,#010409 100%);
  color:#ffffff !important;
  padding:90px 0 0;
  border-top:2px solid rgba(0,174,239,.55);
}

.gmb-pro-footer__grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:72px 72px;
  opacity:.16;
}

.gmb-pro-footer__glow{
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  filter:blur(100px);
  opacity:.28;
  pointer-events:none;
}

.gmb-pro-footer__glow--blue{
  left:-160px;
  top:80px;
  background:#00aeef;
}

.gmb-pro-footer__glow--gold{
  right:-160px;
  bottom:-80px;
  background:#f5b230;
}

.gmb-pro-footer__wrap{
  position:relative;
  z-index:2;
  width:min(1320px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:.95fr 1.45fr .9fr;
  gap:60px;
  padding-bottom:64px;
}

.gmb-pro-footer__brand img{
  width:260px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 18px rgba(0,174,239,.28));
}

.gmb-pro-footer__line{
  display:block;
  width:70px;
  height:3px;
  margin:30px 0 24px;
  border-radius:99px;
  background:linear-gradient(90deg,#f5b230,#00aeef);
}

.gmb-pro-footer__brand p{
  margin:0;
  max-width:420px;
  color:rgba(255,255,255,.76) !important;
  font-size:15px;
  line-height:1.9;
}

.gmb-pro-footer__links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:34px;
}

.gmb-pro-footer h3{
  margin:0 0 24px;
  color:#ffffff !important;
  font-size:18px;
  line-height:1.3;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.gmb-pro-footer h3::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:12px;
  border-radius:99px;
  background:linear-gradient(90deg,#f5b230,#00aeef);
}

.gmb-pro-footer__links a{
  display:block;
  position:relative;
  color:rgba(255,255,255,.72) !important;
  text-decoration:none !important;
  font-size:14.5px;
  line-height:1.55;
  padding:0 0 15px 18px;
  transition:.25s ease;
}

.gmb-pro-footer__links a::before{
  content:">";
  position:absolute;
  left:0;
  top:0;
  color:#00aeef;
  font-weight:700;
}

.gmb-pro-footer__links a:hover{
  color:#f5b230 !important;
  transform:translateX(5px);
}

.gmb-pro-footer__contact{
  display:grid;
  align-content:start;
  gap:18px;
}

.gmb-pro-footer__info{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:flex-start;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(0,174,239,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

.gmb-pro-footer__info span{
  width:46px;
  height:46px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.18), transparent 35%),
    linear-gradient(135deg,#061426,#02101f);
  border:1px solid rgba(0,174,239,.55);
  box-shadow:0 0 22px rgba(0,174,239,.25);
  font-size:13px;
  font-weight:700 !important;
}

.gmb-pro-footer__info p,
.gmb-pro-footer__info a{
  margin:0;
  color:rgba(255,255,255,.74) !important;
  font-size:14px;
  line-height:1.75;
  text-decoration:none !important;
}

.gmb-pro-footer__info a:hover{
  color:#f5b230 !important;
}

.gmb-pro-footer__bottom{
  position:relative;
  z-index:2;
  width:min(1320px,92%);
  margin:0 auto;
  padding:26px 0;
  border-top:1px solid rgba(0,174,239,.22);
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}

.gmb-pro-footer__bottom p{
  margin:0;
  color:rgba(255,255,255,.55) !important;
  font-size:13px;
}

.gmb-pro-footer__bottom strong{
  color:#f5b230 !important;
  font-size:13px;
  font-weight:700 !important;
  letter-spacing:.28em;
}

@media(max-width:1050px){
  .gmb-pro-footer__wrap{
    grid-template-columns:1fr;
    gap:44px;
  }

  .gmb-pro-footer__links{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:720px){
  .gmb-pro-footer{
    padding-top:70px;
  }

  .gmb-pro-footer__wrap,
  .gmb-pro-footer__bottom{
    width:90%;
  }

  .gmb-pro-footer__brand img{
    width:210px;
  }

  .gmb-pro-footer__links{
    grid-template-columns:1fr;
    gap:28px;
  }

  .gmb-pro-footer__info{
    grid-template-columns:1fr;
  }

  .gmb-pro-footer__bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .gmb-pro-footer__bottom strong{
    letter-spacing:.18em;
    line-height:1.7;
  }
}/* End custom CSS */