.elementor-19 .elementor-element.elementor-element-91c47e3{--display:flex;--overlay-opacity:0.65;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-91c47e3:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-91c47e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rezekiharamain.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-10-2026-10_41_49-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-91c47e3::before, .elementor-19 .elementor-element.elementor-element-91c47e3 > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-91c47e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-91c47e3 > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-91c47e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-91c47e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-19 .elementor-element.elementor-element-7de9442{--display:flex;}.elementor-19 .elementor-element.elementor-element-e1b1096{--display:flex;}.elementor-19 .elementor-element.elementor-element-8039a80{--display:flex;--overlay-opacity:0.6;}.elementor-19 .elementor-element.elementor-element-8039a80:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-8039a80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rezekiharamain.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-10-2026-10_45_29-AM.png");background-position:0px -256px;background-size:cover;}.elementor-19 .elementor-element.elementor-element-8039a80::before, .elementor-19 .elementor-element.elementor-element-8039a80 > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-8039a80 > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-8039a80 > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-8039a80 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-8039a80 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-19 .elementor-element.elementor-element-4772908{--display:flex;}.elementor-19 .elementor-element.elementor-element-ca1faeb{--display:flex;}.elementor-19 .elementor-element.elementor-element-bd5b160{--display:flex;--overlay-opacity:0.7;}.elementor-19 .elementor-element.elementor-element-bd5b160:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-bd5b160 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rezekiharamain.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-10-2026-10_07_30-AM.png");background-position:center center;background-size:cover;}.elementor-19 .elementor-element.elementor-element-bd5b160::before, .elementor-19 .elementor-element.elementor-element-bd5b160 > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-bd5b160 > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-bd5b160 > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-bd5b160 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-bd5b160 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-8039a80:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-8039a80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-8039a80:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-8039a80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for html, class: .elementor-element-64dbffe *//* ===============================
   ABOUT US – INTRO SECTION
=============================== */

.about-intro{
  width: 100%;
  padding: 120px 6% 100px;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
}

.about-intro-container{
  max-width: 1100px;
  margin: auto;
}

.about-intro-content{
  max-width: 760px;
}

.about-intro-content h1{
  font-size: clamp(34px, 4.5vw, 52px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 22px;
  color: #ffffff;
}

.about-intro-content h1 span{
  color: #F9A826;
}

.about-intro-lead{
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 18px;
  color: rgba(255,255,255,0.9);
}

.about-intro-text{
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255,255,255,0.85);
  margin-bottom: 26px;
}

/* HIGHLIGHT STRIP */
.about-intro-highlight{
  font-size: 14px;
  letter-spacing: 0.5px;
  color: rgba(255,255,255,0.9);
  padding-left: 16px;
  border-left: 3px solid #F9A826;
}

/* RESPONSIVE */
@media (max-width: 768px){
  .about-intro{
    padding: 100px 6% 80px;
  }

  .about-intro-highlight{
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2c77ee *//* ===============================
   ABOUT US – SECTION 2 (OUR STORY)
=============================== */

.about-sec2{
  width: 100%;
  padding: 110px 6%;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  color: #111111;
}

.about-sec2-container{
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.about-sec2-tag{
  display: inline-block;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  color: rgba(0,0,0,0.55);
  margin-bottom: 16px;
}

.about-sec2-left h2{
  font-size: clamp(28px, 3.6vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 18px;
  color: #111111;
}

.about-sec2-left h2 span{
  color: #F9A826;
}

.about-sec2-lead{
  font-size: 17px;
  line-height: 1.8;
  color: rgba(0,0,0,0.88);
  margin-bottom: 16px;
  max-width: 640px;
}

.about-sec2-text{
  font-size: 16px;
  line-height: 1.85;
  color: rgba(0,0,0,0.78);
  margin-bottom: 26px;
  max-width: 660px;
}

/* POINTS (no box) */
.about-sec2-points{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-sec2-point{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.about-sec2-point .dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F9A826;
  margin-top: 8px;
  flex-shrink: 0;
}

.about-sec2-point p{
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(0,0,0,0.78);
}

/* RIGHT IMAGE */
.about-sec2-right{
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 28px;
  background: #f2f2f2;
  overflow: hidden;
}

/* RESPONSIVE */
@media (max-width: 980px){
  .about-sec2-container{
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-sec2-right{
    aspect-ratio: 1 / 1;
  }
}
.about-sec2-img{
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  border-radius:26px;
  box-shadow:
    0 20px 40px rgba(0,0,0,0.25),
    0 8px 16px rgba(0,0,0,0.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b81379 *//* ===============================
   ABOUT US – SECTION 3 (TIMELINE)
=============================== */

.about-sec3{
  width: 100%;
  padding: 110px 6%;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  color: #111111;
}

.about-sec3-container{
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 60px;
  align-items: start;
}

/* LEFT */
.about-sec3-tag{
  display: inline-block;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  color: rgba(0,0,0,0.55);
  margin-bottom: 16px;
}

.about-sec3-left h2{
  font-size: clamp(28px, 3.6vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 14px;
  color: #111111;
}

.about-sec3-left h2 span{
  color: #F9A826;
}

.about-sec3-left p{
  font-size: 16px;
  line-height: 1.85;
  color: rgba(0,0,0,0.78);
  max-width: 520px;
}

/* TIMELINE */
.about-timeline{
  position: relative;
  padding-left: 26px;
}

.about-timeline::before{
  content: "";
  position: absolute;
  left: 7px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  background: rgba(0,0,0,0.12);
}

.about-timeline-item{
  position: relative;
  display: flex;
  gap: 18px;
  padding: 0 0 26px 0;
}

.about-timeline-item:last-child{
  padding-bottom: 0;
}

.about-timeline-dot{
  position: absolute;
  left: -1px;
  top: 6px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #F9A826;
  box-shadow: 0 0 0 5px rgba(249,168,38,0.18);
}

.about-timeline-content{
  padding-left: 18px;
}

.about-timeline-year{
  font-size: 14px;
  font-weight: 700;
  color: rgba(0,0,0,0.65);
  margin-bottom: 6px;
}

.about-timeline-content h3{
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 8px;
  line-height: 1.35;
}

.about-timeline-content p{
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(0,0,0,0.78);
  max-width: 560px;
}

/* RESPONSIVE */
@media (max-width: 980px){
  .about-sec3-container{
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-sec3-left p{
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c60daca *//* ===============================
   ABOUT US – SECTION 4 (VISION & MISSION)
=============================== */

.about-sec4{
  width: 100%;
  padding: 110px 6%;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  color: #111111;
}

.about-sec4-container{
  max-width: 1200px;
  margin: auto;
}

/* HEAD */
.about-sec4-head{
  max-width: 780px;
  margin-bottom: 50px;
}

.about-sec4-tag{
  display: inline-block;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  color: rgba(0,0,0,0.55);
  margin-bottom: 16px;
}

.about-sec4-head h2{
  font-size: clamp(28px, 3.6vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 14px;
  color: #111111;
}

.about-sec4-head h2 span{
  color: #F9A826;
}

.about-sec4-head p{
  font-size: 16px;
  line-height: 1.85;
  color: rgba(0,0,0,0.78);
}

/* GRID */
.about-sec4-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: start;
  padding-top: 26px;
  border-top: 1px solid rgba(0,0,0,0.10);
}

/* COLUMN */
.about-sec4-col h3{
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 14px;
}

.about-sec4-big{
  font-size: 17px;
  line-height: 1.9;
  color: rgba(0,0,0,0.80);
  max-width: 520px;
}

/* LIST */
.about-sec4-list{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.about-sec4-item{
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.about-sec4-mark{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F9A826;
  margin-top: 8px;
  flex-shrink: 0;
}

.about-sec4-item p{
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(0,0,0,0.78);
}

/* RESPONSIVE */
@media (max-width: 980px){
  .about-sec4-grid{
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .about-sec4-big{
    max-width: 100%;
  }
}
/* ===============================
   ABOUT US – SECTION 4 (VISION & MISSION) – WHITE FONT
=============================== */

.about-sec4{
  color: #ffffff;
}

/* HEAD */
.about-sec4-tag{
  color: rgba(255,255,255,0.6);
}

.about-sec4-head h2{
  color: #ffffff;
}

.about-sec4-head h2 span{
  color: #F9A826;
}

.about-sec4-head p{
  color: rgba(255,255,255,0.85);
}

/* GRID DIVIDER */
.about-sec4-grid{
  border-top: 1px solid rgba(255,255,255,0.18);
}

/* COLUMN */
.about-sec4-col h3{
  color: #ffffff;
}

.about-sec4-big{
  color: rgba(255,255,255,0.88);
}

/* LIST */
.about-sec4-item p{
  color: rgba(255,255,255,0.85);
}

/* DOT */
.about-sec4-mark{
  background: #F9A826;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8039a80 *//* ===============================
   ABOUT US – SECTION 4 (VISION & MISSION) – WHITE FONT
=============================== */

.about-sec4{
  color: #ffffff;
}

/* HEAD */
.about-sec4-tag{
  color: rgba(255,255,255,0.6);
}

.about-sec4-head h2{
  color: #ffffff;
}

.about-sec4-head h2 span{
  color: #F9A826;
}

.about-sec4-head p{
  color: rgba(255,255,255,0.85);
}

/* GRID DIVIDER */
.about-sec4-grid{
  border-top: 1px solid rgba(255,255,255,0.18);
}

/* COLUMN */
.about-sec4-col h3{
  color: #ffffff;
}

.about-sec4-big{
  color: rgba(255,255,255,0.88);
}

/* LIST */
.about-sec4-item p{
  color: rgba(255,255,255,0.85);
}

/* DOT */
.about-sec4-mark{
  background: #F9A826;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93fc0f1 *//* ===============================
   ABOUT US – SECTION 5 (LEADERSHIP) – BLACK FONT
=============================== */

.about-sec5{
  width: 100%;
  padding: 120px 6%;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  color: #111111;
}

.about-sec5-container{
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.about-sec5-tag{
  display: inline-block;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  color: rgba(0,0,0,0.55);
  margin-bottom: 16px;
}

.about-sec5-left h2{
  font-size: clamp(28px, 3.6vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 18px;
  color: #111111;
}

.about-sec5-left h2 span{
  color: #F9A826;
}

.about-sec5-lead{
  font-size: 17px;
  line-height: 1.8;
  color: rgba(0,0,0,0.88);
  margin-bottom: 28px;
  max-width: 640px;
}

/* PERSON */
.about-sec5-person h3{
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 6px;
}

.about-sec5-name{
  font-size: 15px;
  font-weight: 600;
  color: rgba(0,0,0,0.65);
  margin-bottom: 14px;
}

.about-sec5-text{
  font-size: 16px;
  line-height: 1.85;
  color: rgba(0,0,0,0.78);
  max-width: 660px;
  margin-bottom: 26px;
}

/* SUPPORT TEXT */
.about-sec5-support p{
  font-size: 15px;
  line-height: 1.8;
  color: rgba(0,0,0,0.75);
  padding-left: 16px;
  border-left: 3px solid #F9A826;
  max-width: 640px;
}

/* RIGHT IMAGE */
.about-sec5-right{
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 28px;
  background: #f2f2f2;
  overflow: hidden;
}

/* RESPONSIVE */
@media (max-width: 980px){
  .about-sec5-container{
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-sec5-right{
    aspect-ratio: 1 / 1;
  }
}
.about-sec2-img{
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  border-radius:26px;
  box-shadow:
    0 20px 40px rgba(0,0,0,0.25),
    0 8px 16px rgba(0,0,0,0.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47165ff *//* ===============================
   ABOUT US – SECTION 6 (TRUST LAYER)
=============================== */

.about-sec6{
  width: 100%;
  padding: 110px 6%;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  color: #111111;
}

.about-sec6-container{
  max-width: 1200px;
  margin: auto;
}

/* HEAD */
.about-sec6-head{
  max-width: 780px;
  margin-bottom: 55px;
}

.about-sec6-tag{
  display: inline-block;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  color: rgba(0,0,0,0.55);
  margin-bottom: 16px;
}

.about-sec6-head h2{
  font-size: clamp(28px, 3.6vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 14px;
  color: #111111;
}

.about-sec6-head h2 span{
  color: #F9A826;
}

.about-sec6-head p{
  font-size: 16px;
  line-height: 1.85;
  color: rgba(0,0,0,0.78);
}

/* GRID */
.about-sec6-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px 70px;
  padding-top: 26px;
  border-top: 1px solid rgba(0,0,0,0.10);
}

/* ITEM */
.about-sec6-item h3{
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 10px;
}

.about-sec6-item p{
  font-size: 15px;
  line-height: 1.8;
  color: rgba(0,0,0,0.75);
  max-width: 520px;
}

/* FOOTNOTE */
.about-sec6-footnote{
  margin-top: 50px;
  max-width: 760px;
  padding-left: 18px;
  border-left: 3px solid #F9A826;
}

.about-sec6-footnote p{
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(0,0,0,0.78);
}

/* RESPONSIVE */
@media (max-width: 980px){
  .about-sec6-grid{
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .about-sec6-item p{
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97c7e6d *//* ===============================
   ABOUT US – SECTION 7 (COMPANY INFO) – WHITE FONT
=============================== */

.about-sec7{
  width: 100%;
  padding: 110px 6%;
  background: transparent;
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
}

.about-sec7-container{
  max-width: 1100px;
  margin: auto;
}

/* HEAD */
.about-sec7-head{
  max-width: 760px;
  margin-bottom: 45px;
}

.about-sec7-tag{
  display: inline-block;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  color: rgba(255,255,255,0.6);
  margin-bottom: 16px;
}

.about-sec7-head h2{
  font-size: clamp(28px, 3.6vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 14px;
  color: #ffffff;
}

.about-sec7-head h2 span{
  color: #F9A826;
}

.about-sec7-head p{
  font-size: 16px;
  line-height: 1.85;
  color: rgba(255,255,255,0.85);
}

/* LIST */
.about-sec7-list{
  margin-top: 30px;
  max-width: 820px;
}

.about-sec7-row{
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 26px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255,255,255,0.18);
}

.about-sec7-row:last-child{
  border-bottom: none;
}

.about-sec7-label{
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,0.7);
}

.about-sec7-value{
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,0.9);
}

/* RESPONSIVE */
@media (max-width: 768px){
  .about-sec7-row{
    grid-template-columns: 1fr;
    gap: 8px;
  }
}/* End custom CSS */