.elementor-107 .elementor-element.elementor-element-63b9b02{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-107 .elementor-element.elementor-element-63b9b02{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-b83a6db */:root{
  --yellow:#F5B400;
  --black:#111315;
  --charcoal:#1F2328;
  --gray:#757575;
  --light:#F6F6F4;
  --white:#fff;
  --border:#E7E7E7;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--charcoal);
  background:#fff;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;height:auto}
.container{width:min(var(--max),92%);margin:auto}

/* HEADER */
.header{
  background:var(--black);
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.logo{display:block;width:185px;height:auto}
.nav{
  display:flex;
  align-items:center;
  gap:25px;
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.nav a:hover{color:var(--yellow)}
.nav-cta{
  background:var(--yellow);
  color:#111!important;
  padding:11px 17px;
  border-radius:3px;
}
.mobile-menu{
  display:none;
  background:none;
  border:0;
  color:#fff;
  font-size:28px;
  cursor:pointer;
}

/* HERO */
.hero{
  background:var(--black);
  color:#fff;
  padding:70px 0 95px;
  position:relative;
  overflow:hidden;
}
.hero:after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-180px;
  top:-180px;
  border:1px solid rgba(245,180,0,.20);
  border-radius:50%;
}
.breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:34px;
  font-size:12px;
  font-weight:600;
  color:#9da3a7;
  position:relative;
  z-index:2;
}
.breadcrumbs a{color:#fff}
.breadcrumbs a:hover{color:var(--yellow)}
.breadcrumb-separator{
  color:var(--yellow);
  font-weight:800;
}
.breadcrumb-current{color:#9da3a7}
.eyebrow{
  color:var(--yellow);
  font-size:11px;
  font-weight:800;
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:17px;
}
h1,h2,h3{
  font-family:Montserrat,Inter,Arial,sans-serif;
  line-height:1.08;
}
h1{
  font-size:clamp(45px,6vw,76px);
  letter-spacing:-2.8px;
  max-width:900px;
}
h1 strong{color:var(--yellow)}
.hero-text{
  max-width:780px;
  color:#cfd3d6;
  margin-top:25px;
  font-size:18px;
}
.hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:32px;
}
.hero-meta span{
  border:1px solid rgba(255,255,255,.18);
  padding:9px 13px;
  font-size:12px;
  color:#fff;
}

/* EXPERIENCE */
.experience-badge{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-top:30px;
  padding:12px 18px;
  border:1px solid rgba(245,180,0,.35);
  background:rgba(245,180,0,.06);
}
.experience-badge strong{
  font-family:Montserrat,Arial,sans-serif;
  font-size:28px;
  line-height:1;
  color:var(--yellow);
}
.experience-badge span{
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
}

/* SECTIONS */
.section{padding:100px 0}
.section-light{background:var(--light)}
.section-heading{
  max-width:780px;
  margin-bottom:50px;
}
.section-heading h2{
  font-size:clamp(34px,4vw,52px);
  letter-spacing:-1.8px;
}
.section-heading p{
  margin-top:18px;
  color:var(--gray);
  font-size:16px;
}

/* STORY */
.story-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}
.story-image{
  min-height:530px;
  background:
    linear-gradient(135deg,rgba(17,19,21,.12),rgba(17,19,21,.02)),
    url("http://megzmasters.com/wp-content/uploads/2026/09/fb659c73-0462-4903-9c4f-c54dd4bc3d8c.webp") center/cover no-repeat;
}
.story-copy h2{
  font-size:clamp(34px,4vw,52px);
  letter-spacing:-1.8px;
}
.story-copy p{
  color:var(--gray);
  margin-top:20px;
}

/* VALUES */
.values{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:38px;
}
.value{
  background:#fff;
  border:1px solid var(--border);
  padding:28px;
  min-height:185px;
}
.value-number{
  color:var(--yellow);
  font-weight:900;
  font-size:12px;
  letter-spacing:2px;
}
.value h3{
  font-size:20px;
  margin-top:18px;
}
.value p{
  font-size:14px;
  color:var(--gray);
  margin-top:10px;
}

/* SERVICES */
.services-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.service{
  border:1px solid var(--border);
  padding:30px;
  background:#fff;
  position:relative;
}
.service:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background:var(--yellow);
}
.service h3{font-size:22px}
.service p{
  color:var(--gray);
  font-size:14px;
  margin-top:10px;
}
.service a{
  display:inline-block;
  margin-top:18px;
  color:#111;
  font-weight:800;
  font-size:12px;
  border-bottom:2px solid var(--yellow);
  padding-bottom:3px;
}

/* EXPERIENCE SECTION */
.experience-section{
  background:#fff;
}
.experience-grid{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:70px;
  align-items:center;
}
.experience-number{
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(80px,12vw,150px);
  line-height:.8;
  letter-spacing:-8px;
  color:var(--yellow);
  font-weight:800;
}
.experience-label{
  margin-top:20px;
  font-weight:800;
  font-size:15px;
}
.experience-copy h2{
  font-size:clamp(34px,4vw,52px);
  letter-spacing:-1.8px;
}
.experience-copy p{
  color:var(--gray);
  margin-top:18px;
}

/* TURNOVERS */
.turnover{
  background:var(--black);
  color:#fff;
}
.turnover-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:70px;
  align-items:center;
}
.turnover h2{
  font-size:clamp(35px,4vw,54px);
  letter-spacing:-1.8px;
}
.turnover p{
  color:#c7cbce;
  margin-top:18px;
}
.flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
  margin-top:32px;
}
.flow span{
  border:1px solid rgba(255,255,255,.14);
  padding:13px 8px;
  text-align:center;
  font-size:11px;
  font-weight:700;
}
.flow span:first-child,
.flow span:last-child{
  border-color:var(--yellow);
  color:var(--yellow);
}

/* SERVICE AREA */
.area{
  background:#fff;
  border-top:1px solid var(--border);
}
.area-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
}
.area-grid h2{
  font-size:clamp(34px,4vw,50px);
  letter-spacing:-1.6px;
}
.area-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.area-list span{
  background:var(--light);
  padding:14px;
  font-size:13px;
  font-weight:700;
}

/* FAQ */
.faq-section{background:var(--light)}
.faq-wrap{max-width:900px}
.faq-list{border-top:1px solid var(--border)}
.faq-item{
  background:#fff;
  border:1px solid var(--border);
  border-top:0;
}
.faq-question{
  width:100%;
  border:0;
  background:#fff;
  color:var(--charcoal);
  padding:22px 25px;
  text-align:left;
  font-family:Montserrat,Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.faq-question span:last-child{
  color:var(--yellow);
  font-size:22px;
  line-height:1;
}
.faq-answer{
  display:none;
  padding:0 25px 23px;
  color:var(--gray);
  font-size:14px;
}
.faq-item.open .faq-answer{display:block}
.external-resource{
  color:var(--gray);
  font-size:12px;
  margin:0 0 18px;
}
.external-resource a{
  color:var(--charcoal);
  text-decoration:underline;
  text-decoration-color:var(--yellow);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
.external-resource a:hover{color:#000}

/* CTA */
.cta{
  background:var(--yellow);
  padding:70px 0;
}
.cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.cta h2{
  font-size:clamp(32px,4vw,48px);
  letter-spacing:-1.5px;
}
.cta p{
  margin-top:8px;
  max-width:680px;
  color:#2d2d2d;
}
.btn{
  display:inline-block;
  background:#111315;
  color:#fff;
  padding:14px 22px;
  font-size:13px;
  font-weight:800;
  border-radius:3px;
  white-space:nowrap;
}

/* FOOTER */
.footer{
  background:#111315;
  color:#fff;
  padding:60px 0 25px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:50px;
}
.footer-logo{
  font-family:Montserrat,Arial,sans-serif;
  font-size:23px;
  font-weight:900;
}
.footer-logo span{color:var(--yellow)}
.footer p{
  color:#92979b;
  font-size:13px;
  margin-top:14px;
}
.footer h4{
  font-size:13px;
  margin-bottom:15px;
}
.footer-links{
  display:grid;
  gap:8px;
  color:#aeb3b6;
  font-size:12px;
}
.footer-links a:hover{color:var(--yellow)}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:35px;
  padding-top:20px;
  color:#777;
  font-size:11px;
}

/* MOBILE */
@media(max-width:800px){
  .header{padding:15px 0}
  .logo{width:155px}
  .nav{display:none}
  .mobile-menu{display:block}
  .hero{padding:55px 0 70px}
  .breadcrumbs{
    margin-bottom:24px;
    font-size:11px;
  }
  .story-grid,
  .experience-grid,
  .turnover-grid,
  .area-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
  .story-image{min-height:380px}
  .values,
  .services-grid{
    grid-template-columns:1fr;
  }
  .flow{
    grid-template-columns:1fr 1fr;
  }
  .flow span:last-child{grid-column:1/-1}
  .cta-inner{
    display:block;
  }
  .cta .btn{
    margin-top:24px;
  }
  .footer-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
}
@media(max-width:480px){
  .section{padding:72px 0}
  h1{font-size:43px}
  .hero-text{font-size:16px}
  .area-list{grid-template-columns:1fr}
  .experience-number{font-size:95px}
}/* End custom CSS */