.elementor-30650 .elementor-element.elementor-element-7133c20{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-5a4d1a3{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-8f52a2c{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-6935ac3{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-cb65f75{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-6b463ff{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-7364b30{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-9206354{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-5523948{padding:0px 0px 0px 0px;}.elementor-30650 .elementor-element.elementor-element-b76a2b1{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-a75890b *//* =========================================
   GLOBAL SECTION SYSTEM
========================================= */

.om-section{
  padding:160px 20px;
  text-align:center;
}

.om-container{
  max-width:1200px;
  margin:0 auto;
}

/* =========================================
   HERO TITLE SYSTEM
========================================= */

.om-hero .om-title{
  font-size:clamp(44px,5vw,68px);
  font-weight:800;
  letter-spacing:-1px;
  line-height:1.08;
  color:#0F172A;
  margin-bottom:28px;
}

/* =========================================
   HERO SPECIFIC
========================================= */

.om-hero{
  background:linear-gradient(180deg,#ffffff 0%, #f3f4f6 100%);
}

/* Eyebrow */

.om-eyebrow{
  font-size:13px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#f97316;
  font-weight:600;
  margin-bottom:18px;
}

/* Subtext */

.om-hero-sub{
  font-size:20px;
  color:#475569;
  max-width:760px;
  margin:0 auto 80px;
  line-height:1.6;
}

/* Phase Grid */

.om-phase-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  margin-bottom:60px;
}

/* Phase Cards */

.om-phase-card{
  background:#ffffff;
  padding:40px 30px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,0.06);
  box-shadow:0 10px 30px rgba(15,23,42,0.04);
}

.om-phase-card h3{
  font-size:20px;
  font-weight:700;
  margin:14px 0 12px;
  color:#0F172A;
}

.om-phase-card p{
  font-size:15px;
  color:#475569;
  line-height:1.6;
}

/* Phase Tag */

.om-phase-tag{
  display:inline-block;
  font-size:12px;
  padding:6px 14px;
  border-radius:20px;
  background:#fef3c7;
  color:#f97316;
  font-weight:600;
}

/* CTA */

.om-btn-primary{
  display:inline-block;
  background:#f97316;
  color:#ffffff;
  padding:18px 48px;
  border-radius:40px;
  font-weight:700;
  text-decoration:none;
  font-size:16px;
  margin-bottom:18px;
}

.om-hero-note{
  font-size:14px;
  color:#64748b;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1024px){
  .om-phase-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* MOBILE */

@media(max-width:768px){

  .om-hero .om-title{
    font-size:32px !important;
    line-height:1.2 !important;
  }

  .om-section{
    padding:110px 20px;
  }

  .om-hero-sub{
    font-size:15px;
    margin-bottom:50px;
  }

  .om-phase-grid{
    grid-template-columns:1fr;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12b86f9 *//* =========================================
   SECTION 2 — BUILT FOR STABILITY (FIXED)
========================================= */

.om-s2{
  background:#dcd6cf;
  padding:160px 20px;
  text-align:center;
}

/* Force correct heading color for light section */

.om-s2 .om-title{
  color:#0F172A !important;
  margin-bottom:32px;   /* FIXED spacing */
}

/* Subheading */

.om-s2-sub{
  font-size:20px;
  color:#475569;
  max-width:760px;
  margin:0 auto 90px;   /* increased spacing */
  line-height:1.6;
}

/* Grid */

.om-s2-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:32px;
  margin-bottom:80px;
}

/* Cards */

.om-s2-card{
  background:#f4f2ee;
  padding:42px 36px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,0.05);
}

.om-s2-card h3{
  font-size:20px;
  font-weight:700;
  margin-bottom:14px;
  color:#0F172A;
}

.om-s2-card p{
  font-size:16px;
  color:#475569;
  line-height:1.6;
}

/* Closing Note */

.om-s2-note{
  font-size:15px;
  color:#0F172A;
  font-weight:600;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

  .om-s2{
    padding:120px 20px;
  }

  .om-s2-sub{
    font-size:16px;
    margin-bottom:60px;
  }

  .om-s2-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .om-s2-card{
    padding:32px 26px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b5091c7 *//* =========================================
   SECTION 3 — ACTIVATED
========================================= */

.om-s3{
  background:#eef1f4;
  padding:170px 20px;
  text-align:center;
}

/* Subtext */

.om-s3-sub{
  font-size:20px;
  color:#475569;
  max-width:720px;
  margin:0 auto 80px;
  line-height:1.6;
}

/* Grid */

.om-s3-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px 30px;
  max-width:900px;
  margin:0 auto 90px;
}

/* Pills */

.om-s3-pill{
  background:#ffffff;
  padding:18px 24px;
  border-radius:10px;
  border:1px solid rgba(15,23,42,0.08);
  font-size:16px;
  color:#0F172A;
  text-align:left;
}

/* Closing line */

.om-s3-note{
  font-size:15px;
  font-weight:600;
  color:#0F172A;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

  .om-s3{
    padding:130px 20px;
  }

  .om-s3-sub{
    font-size:16px;
    margin-bottom:50px;
  }

  .om-s3-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .om-s3-pill{
    font-size:15px;
    padding:16px 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-badfaf8 *//* =========================================
   SECTION 4 — PREMIUM CLICKABLE LIST (ORANGE ACCENT)
========================================= */

.om-s4{
  background:#ffffff;
  padding:170px 20px;
  text-align:center;
}

/* Subtext */

.om-s4-sub{
  font-size:20px;
  color:#475569;
  max-width:760px;
  margin:0 auto 80px;
  line-height:1.6;
}

/* List container */

.om-s4-list{
  max-width:950px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:22px;
}

/* Clickable item */

.om-s4-item{
  position:relative;
  background:#f8fafc;
  padding:24px 30px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,0.06);
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-decoration:none;
  color:#0F172A;
  transition:all 0.25s ease;
  overflow:hidden;
}

/* Subtle left accent line */

.om-s4-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:0px;
  background:#f97316;
  transition:width 0.25s ease;
}

/* Left content */

.om-s4-left{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:16px;
}

/* Icon */

.om-s4-icon{
  font-size:18px;
  color:#64748b;
}

/* Arrow */

.om-s4-arrow{
  font-size:18px;
  color:#94a3b8;
  transition:transform 0.25s ease, color 0.25s ease;
}

/* Hover effect */

.om-s4-item:hover{
  background:#ffffff;
  box-shadow:0 10px 30px rgba(15,23,42,0.06);
  transform:translateY(-3px);
}

/* Orange accent activation */

.om-s4-item:hover::before{
  width:4px;
}

.om-s4-item:hover .om-s4-arrow{
  transform:translateX(6px);
  color:#f97316; /* Omthentic orange */
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

  .om-s4{
    padding:130px 20px;
  }

  .om-s4-sub{
    font-size:16px;
    margin-bottom:50px;
  }

  .om-s4-item{
    padding:20px 22px;
  }

  .om-s4-left{
    font-size:15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f082f4c *//* =========================================
   SECTION 5 — WHAT IT FEELS LIKE
========================================= */

.om-s5{
  background:#f1f5f9;  /* slightly cooler than previous */
  padding:180px 20px;
  text-align:center;
}

/* Text block */

.om-s5-text{
  max-width:720px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* Normal lines */

.om-s5-text p{
  font-size:18px;
  color:#334155;
  line-height:1.7;
  margin:0;
}

/* Final emphasis line */

.om-s5-emphasis{
  margin-top:30px;
  font-weight:600;
  color:#0F172A;
  font-size:19px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

  .om-s5{
    padding:140px 20px;
  }

  .om-s5-text p{
    font-size:16px;
  }

  .om-s5-emphasis{
    font-size:17px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcd39e4 *//* =========================================
   SECTION 6 — PREMIUM SEQUENCE
========================================= */

.om-s6{
  background:#ffffff;
  padding:190px 20px;
  text-align:center;
}

/* Subtext */

.om-s6-sub{
  font-size:20px;
  color:#475569;
  max-width:760px;
  margin:0 auto 90px;
  line-height:1.6;
}

/* Main Card */

.om-s6-card{
  max-width:800px;
  margin:0 auto;
  background:#f8fafc;
  padding:50px 50px 60px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,0.06);
  box-shadow:0 15px 40px rgba(15,23,42,0.04);
  text-align:left;
}

/* Header inside card */

.om-s6-header{
  font-size:15px;
  font-weight:600;
  color:#94a3b8;
  margin-bottom:35px;
  letter-spacing:0.5px;
}

/* Sequence layout */

.om-s6-sequence{
  display:flex;
  flex-direction:column;
  gap:24px;
}

/* Individual step */

.om-s6-step{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:17px;
  color:#0F172A;
}

/* Number badge */

.om-s6-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.1);
  font-size:13px;
  font-weight:700;
  color:#0F172A;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

  .om-s6{
    padding:150px 20px;
  }

  .om-s6-sub{
    font-size:16px;
    margin-bottom:60px;
  }

  .om-s6-card{
    padding:35px 25px 40px;
  }

  .om-s6-step{
    font-size:15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc15435 *//* =========================================
   SECTION 7 — PREMIUM CONNECTED RESET
========================================= */

.om-s7{
  background:#f8fafc;   /* changed background */
  padding:210px 20px;
  text-align:center;
}

/* Subtext */

.om-s7-sub{
  font-size:20px;
  color:#475569;
  max-width:760px;
  margin:0 auto 120px;
  line-height:1.6;
}

/* Grid Layout */

.om-s7-grid{
  display:grid;
  grid-template-columns:1fr 40px 1fr 40px 1fr;
  align-items:start;
  max-width:1100px;
  margin:0 auto 110px;
}

/* Individual Step */

.om-s7-step{
  text-align:center;
}

/* Number */

.om-s7-number{
  font-size:14px;
  font-weight:700;
  color:#f97316;
  letter-spacing:1px;
  margin-bottom:18px;
}

/* Step Title */

.om-s7-step h3{
  font-size:22px;
  font-weight:700;
  margin-bottom:18px;
  color:#0F172A;
}

/* Step Text */

.om-s7-step p{
  font-size:16px;
  color:#475569;
  line-height:1.7;
}

/* Vertical Connector */

.om-s7-connector{
  position:relative;
}

.om-s7-connector::before{
  content:"";
  position:absolute;
  top:20px;
  left:50%;
  width:1px;
  height:80px;
  background:rgba(15,23,42,0.12);
  transform:translateX(-50%);
}

/* Divider Above CTA */

.om-s7-divider{
  width:100%;
  max-width:700px;
  height:1px;
  background:rgba(15,23,42,0.08);
  margin:0 auto 60px;
}

/* CTA */

.om-btn-primary{
  display:inline-block;
  background:#f97316;
  color:#ffffff;
  padding:18px 52px;
  border-radius:50px;
  font-weight:700;
  text-decoration:none;
  font-size:16px;
  box-shadow:0 12px 30px rgba(249,115,22,0.25);
  transition:all 0.25s ease;
}

.om-btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(249,115,22,0.35);
}

.om-s7-note{
  margin-top:20px;
  font-size:14px;
  color:#64748b;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1024px){

  .om-s7-grid{
    grid-template-columns:1fr;
    gap:50px;
  }

  .om-s7-connector{
    display:none;
  }

}

@media(max-width:768px){

  .om-s7{
    padding:160px 20px;
  }

  .om-s7-sub{
    font-size:16px;
    margin-bottom:80px;
  }

  .om-s7-step h3{
    font-size:20px;
  }

  .om-s7-step p{
    font-size:15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f157e94 *//* =========================================
   SECTION 8 — PREMIUM "THIS IS FOR YOU"
   (MATCHING SECTION 2 BACKGROUND)
========================================= */

.om-s8{
  background:#dcd6cf;   /* same as Section 2 */
  padding:210px 20px;
  text-align:center;
}

/* Subtext */

.om-s8-sub{
  font-size:20px;
  color:#475569;
  max-width:760px;
  margin:0 auto 120px;
  line-height:1.6;
}

/* Outer Wrapper Card */

.om-s8-wrapper{
  max-width:900px;
  margin:0 auto 110px;
  padding:60px 60px;
  background:#ffffff;
  border-radius:22px;
  border:1px solid rgba(15,23,42,0.06);
  box-shadow:0 20px 60px rgba(15,23,42,0.05);
}

/* List */

.om-s8-list{
  display:flex;
  flex-direction:column;
  gap:28px;
}

/* Individual Item */

.om-s8-item{
  position:relative;
  padding:18px 24px 18px 28px;
  text-align:left;
  font-size:16px;
  color:#0F172A;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,0.05);
  transition:all 0.25s ease;
}

/* Left Accent Line */

.om-s8-item::before{
  content:"";
  position:absolute;
  left:0;
  top:15%;
  height:70%;
  width:3px;
  background:#0F172A;
  border-radius:2px;
  opacity:0.2;
  transition:all 0.25s ease;
}

/* Hover refinement */

.om-s8-item:hover{
  background:#ffffff;
  box-shadow:0 10px 30px rgba(15,23,42,0.05);
  transform:translateY(-2px);
}

.om-s8-item:hover::before{
  background:#f97316;
  opacity:1;
}

/* Closing note */

.om-s8-note{
  font-size:15px;
  font-weight:600;
  color:#0F172A;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

  .om-s8{
    padding:160px 20px;
  }

  .om-s8-sub{
    font-size:16px;
    margin-bottom:70px;
  }

  .om-s8-wrapper{
    padding:35px 20px;
  }

  .om-s8-item{
    font-size:15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-84b88da *//* =========================================
   SECTION 9 — RESEARCH STRUCTURE
========================================= */

.om-s9{
  background:#ffffff;
  padding:220px 20px;
  text-align:center;
}

.om-s9-sub{
  font-size:20px;
  color:#475569;
  max-width:760px;
  margin:0 auto 110px;
  line-height:1.6;
}

.om-s9-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  max-width:1100px;
  margin:0 auto 100px;
}

.om-s9-card{
  background:#f8fafc;
  padding:50px 40px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,0.06);
  box-shadow:0 12px 40px rgba(15,23,42,0.04);
  text-align:left;
}

.om-s9-card h3{
  font-size:20px;
  font-weight:700;
  margin-bottom:16px;
  color:#0F172A;
}

.om-s9-card p{
  font-size:16px;
  color:#475569;
  line-height:1.7;
}

.om-s9-note{
  font-size:15px;
  font-weight:600;
  color:#0F172A;
}

@media(max-width:1024px){
  .om-s9-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){

  .om-s9{
    padding:170px 20px;
  }

  .om-s9-sub{
    font-size:16px;
    margin-bottom:70px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac04142 *//* =========================================
   SECTION 10 — PREMIUM BLACK CLOSE (TIGHTER SPACING)
========================================= */

.om-s10{
  background:linear-gradient(
    180deg,
    #000000 0%,
    #050505 100%
  );
  padding:220px 20px;  /* slightly reduced */
  text-align:center;
  color:#ffffff;
}

/* Force white heading */

.om-s10 .om-title{
  color:#ffffff !important;
  margin-bottom:32px;
}

/* Subtext */

.om-s10-sub{
  font-size:22px;
  color:#cbd5e1;
  max-width:720px;
  margin:0 auto 60px;   /* reduced from 90px */
  line-height:1.6;
}

/* Divider */

.om-s10-divider{
  width:100%;
  max-width:500px;
  height:1px;
  background:rgba(255,255,255,0.08);
  margin:0 auto 40px;   /* reduced from 70px */
}

/* Premium Button */

.om-btn-black{
  display:inline-block;
  background:#f97316;
  color:#ffffff;
  padding:20px 64px;
  border-radius:60px;
  font-weight:700;
  text-decoration:none;
  font-size:17px;
  letter-spacing:0.5px;
  box-shadow:0 20px 60px rgba(249,115,22,0.35);
  transition:all 0.3s ease;
}

.om-btn-black:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 80px rgba(249,115,22,0.45);
}

/* Note */

.om-s10-note{
  margin-top:20px;  /* slightly reduced */
  font-size:14px;
  color:#94a3b8;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

  .om-s10{
    padding:170px 20px;
  }

  .om-s10-sub{
    font-size:18px;
    margin-bottom:50px;
  }

  .om-s10-divider{
    margin-bottom:30px;
  }

  .om-btn-black{
    padding:18px 48px;
    font-size:16px;
  }

}/* End custom CSS */