.elementor-40 .elementor-element.elementor-element-a4bc512{--display:flex;--overlay-opacity:0.5;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-40 .elementor-element.elementor-element-a4bc512:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-a4bc512 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://malaysiamadani.org/wp-content/uploads/2026/02/ChatGPT-Image-Feb-27-2026-08_09_39-AM.png");background-size:cover;}.elementor-40 .elementor-element.elementor-element-a4bc512::before, .elementor-40 .elementor-element.elementor-element-a4bc512 > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-a4bc512 > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-a4bc512 > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-a4bc512 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-a4bc512 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-40 .elementor-element.elementor-element-209679d{--display:flex;}.elementor-40 .elementor-element.elementor-element-a799b7a{--display:flex;}.elementor-40 .elementor-element.elementor-element-32d17f3{--display:flex;--overlay-opacity:0.5;}.elementor-40 .elementor-element.elementor-element-32d17f3::before, .elementor-40 .elementor-element.elementor-element-32d17f3 > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-32d17f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-32d17f3 > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-32d17f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-32d17f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-40 .elementor-element.elementor-element-8743907{--display:flex;}.elementor-40 .elementor-element.elementor-element-99d1bd2{--display:flex;}.elementor-40 .elementor-element.elementor-element-8ad5195{--display:flex;--overlay-opacity:0.5;}.elementor-40 .elementor-element.elementor-element-8ad5195:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-8ad5195 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://malaysiamadani.org/wp-content/uploads/2026/02/ChatGPT-Image-Feb-27-2026-08_09_39-AM.png");background-size:cover;}.elementor-40 .elementor-element.elementor-element-8ad5195::before, .elementor-40 .elementor-element.elementor-element-8ad5195 > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-8ad5195 > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-8ad5195 > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-8ad5195 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-8ad5195 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-40 .elementor-element.elementor-element-e1c5e2c{--display:flex;}.elementor-40 .elementor-element.elementor-element-e1c5e2c:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-e1c5e2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#081D6B;}/* Start custom CSS for html, class: .elementor-element-eb3a0f6 *//* =========================
ABOUT HERO TRANSPARENT
========================= */

.madani-aboutHeroT{

  position:relative;
  padding:140px 20px 120px;
  background:transparent;
  overflow:hidden;

}


/* glow background */

.madani-aboutHeroT::before{

  content:"";
  position:absolute;
  inset:0;

  background:
  radial-gradient(700px 400px at 15% 20%, rgba(42,108,204,.28), transparent),
  radial-gradient(700px 400px at 85% 30%, rgba(229,58,66,.22), transparent),
  radial-gradient(900px 500px at 50% 100%, rgba(7,29,107,.22), transparent);

}


/* container */

.madani-aboutHeroT__wrap{

  position:relative;
  z-index:1;

  max-width:1150px;
  margin:auto;

  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:60px;
  align-items:center;

}


/* kicker */

.madani-aboutHeroT__kicker{

  display:flex;
  gap:14px;
  align-items:center;
  margin-bottom:18px;

  font-weight:700;
  color:#fff;

}

.madani-aboutHeroT__line{

  width:60px;
  height:3px;
  background:linear-gradient(90deg,#2A6CCC,#E53A42);

}


/* title */

.madani-aboutHeroT__title{

  font-size:48px;
  font-weight:900;
  color:#fff;
  line-height:1.2;
  margin-bottom:20px;

}


/* desc */

.madani-aboutHeroT__desc{

  font-size:17px;
  color:rgba(255,255,255,.85);
  line-height:1.7;
  margin-bottom:30px;

}


/* buttons */

.madani-aboutHeroT__buttons{

  display:flex;
  gap:14px;
  flex-wrap:wrap;

}

.madani-aboutHeroT__btn{

  padding:14px 26px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;

}

.madani-aboutHeroT__btn--primary{

  background:linear-gradient(90deg,#2A6CCC,#E53A42);
  color:#fff;

}

.madani-aboutHeroT__btn--outline{

  border:1px solid rgba(255,255,255,.4);
  color:#fff;

}


/* visual */

.madani-aboutHeroT__card{

  position:relative;
  border-radius:14px;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.15);

  background:rgba(255,255,255,.05);
  backdrop-filter:blur(10px);

}

.madani-aboutHeroT__card img{

  width:100%;
  display:block;

}


/* badge */

.madani-aboutHeroT__badge{

  position:absolute;
  bottom:15px;
  left:15px;

  background:rgba(7,29,107,.8);
  color:#fff;

  padding:8px 14px;
  border-radius:8px;
  font-size:13px;

}


/* responsive */

@media(max-width:900px){

.madani-aboutHeroT__wrap{
grid-template-columns:1fr;
}

.madani-aboutHeroT__title{
font-size:34px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80684c3 *//* =========================
ABOUT SEC 2 – LATAR BELAKANG
NORMAL BACKGROUND
========================= */

.madani-aboutBg{
  padding: 100px 20px;
  background: #fff;
}

.madani-aboutBg__wrap{
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 40px;
  align-items: start;
}

/* left */
.madani-aboutBg__kicker{
  display:flex;
  align-items:center;
  gap: 12px;
  color:#071D6B;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.madani-aboutBg__line{
  width: 56px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg,#2A6CCC,#E53A42);
}

.madani-aboutBg__title{
  margin: 0 0 12px;
  font-size: 36px;
  font-weight: 950;
  color:#111;
  line-height: 1.25;
}

.madani-aboutBg__desc{
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.75;
  color:#444;
}

.madani-aboutBg__points{
  margin-top: 16px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.madani-point{
  border: 1px solid #eee;
  background: #fafafa;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 900;
  color:#111;
}

/* right cards */
.madani-aboutBg__right{
  display:flex;
  flex-direction: column;
  gap: 14px;
}

.madani-aboutCard{
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 18px;
  background:#fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  transition: .25s ease;
}

.madani-aboutCard:hover{
  transform: translateY(-6px);
  box-shadow: 0 22px 56px rgba(0,0,0,.10);
}

.madani-aboutCard__tag{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  margin-bottom: 10px;
  border: 1px solid #eee;
  background:#fafafa;
}

.madani-tag--blue{
  color:#2A6CCC;
  background: rgba(42,108,204,.08);
  border-color: rgba(42,108,204,.18);
}

.madani-tag--navy{
  color:#071D6B;
  background: rgba(7,29,107,.08);
  border-color: rgba(7,29,107,.18);
}

.madani-tag--red{
  color:#E53A42;
  background: rgba(229,58,66,.08);
  border-color: rgba(229,58,66,.18);
}

.madani-aboutCard__title{
  font-size: 18px;
  font-weight: 950;
  color:#0f172a;
  margin-bottom: 6px;
}

.madani-aboutCard__text{
  color:#475569;
  line-height: 1.7;
  font-size: 14.5px;
}

/* responsive */
@media(max-width: 980px){
  .madani-aboutBg{
    padding: 80px 18px;
  }
  .madani-aboutBg__wrap{
    grid-template-columns: 1fr;
  }
  .madani-aboutBg__title{
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ecf0f1 *//* =========================
VISI MISI NORMAL
========================= */

.madani-visi{

  padding:100px 20px;
  background:#fff;

}


.madani-visi__wrap{

  max-width:1100px;
  margin:auto;

}


/* head */

.madani-visi__head{

  max-width:700px;
  margin-bottom:40px;

}

.madani-visi__kicker{

  display:flex;
  align-items:center;
  gap:12px;
  font-weight:700;
  color:#071D6B;

}

.madani-visi__line{

  width:50px;
  height:3px;
  background:linear-gradient(90deg,#2A6CCC,#E53A42);

}

.madani-visi__title{

  font-size:34px;
  font-weight:900;
  margin:15px 0;
  color:#111;

}

.madani-visi__desc{

  color:#555;

}


/* grid */

.madani-visi__grid{

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;

}


/* card */

.madani-visiCard{

  padding:30px;
  border-radius:14px;

  border:1px solid #eee;
  background:#fff;

  box-shadow:0 10px 30px rgba(0,0,0,.05);

}


.madani-visiCard__badge{

  display:inline-block;

  padding:6px 14px;
  border-radius:20px;

  font-size:13px;
  font-weight:700;

  margin-bottom:15px;

}

.madani-blue{

  background:#eaf1ff;
  color:#2A6CCC;

}

.madani-red{

  background:#ffeaea;
  color:#E53A42;

}


.madani-visiCard__title{

  font-size:20px;
  font-weight:800;
  margin-bottom:10px;
  color:#111;

}

.madani-visiCard__text{

  color:#555;
  line-height:1.6;

}

.madani-visiCard__list{

  padding-left:18px;
  color:#555;
  line-height:1.7;

}


/* responsive */

@media(max-width:900px){

.madani-visi__grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c5965c *//* =========================
OBJEKTIF TRANSPARENT
========================= */

.madani-objT{
  position:relative;
  padding:120px 20px;
  background:transparent;
  overflow:hidden;
}


/* glow */

.madani-objT::before{

  content:"";
  position:absolute;
  inset:0;

  background:
  radial-gradient(800px 500px at 20% 20%, rgba(42,108,204,.25), transparent),
  radial-gradient(800px 500px at 80% 30%, rgba(229,58,66,.18), transparent),
  radial-gradient(900px 600px at 50% 100%, rgba(7,29,107,.18), transparent);

}


/* container */

.madani-objT__wrap{

  position:relative;
  z-index:1;

  max-width:1100px;
  margin:auto;

}


/* head */

.madani-objT__kicker{

  display:flex;
  gap:12px;
  align-items:center;

  color:#fff;
  font-weight:700;

}

.madani-objT__line{

  width:50px;
  height:3px;
  background:linear-gradient(90deg,#2A6CCC,#E53A42);

}

.madani-objT__title{

  font-size:36px;
  font-weight:900;
  color:#fff;
  margin:15px 0;

}

.madani-objT__desc{

  color:rgba(255,255,255,.85);
  margin-bottom:40px;

}


/* grid */

.madani-objT__grid{

  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;

}


/* card */

.madani-objTCard{

  padding:25px;
  border-radius:14px;

  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.15);

  backdrop-filter:blur(10px);

  text-align:center;

  transition:.3s;

}

.madani-objTCard:hover{

  transform:translateY(-5px);
  background:rgba(255,255,255,.08);

}


/* icon */

.madani-objTCard__icon{

  width:70px;
  height:70px;
  margin:auto;
  margin-bottom:15px;

}

.madani-objTCard__icon img{

  width:100%;
  height:100%;
  object-fit:contain;

}


/* text */

.madani-objTCard__title{

  font-weight:800;
  color:#fff;
  margin-bottom:8px;

}

.madani-objTCard__text{

  color:rgba(255,255,255,.85);
  font-size:14px;

}


/* responsive */

@media(max-width:900px){

.madani-objT__grid{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:500px){

.madani-objT__grid{
grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f595f71 *//* =========================
NILAI TERAS NORMAL
========================= */

.madani-nilai{
  padding:100px 20px;
  background:#fff;
}

.madani-nilai__wrap{
  max-width:1100px;
  margin:auto;
}


/* head */

.madani-nilai__head{
  max-width:700px;
  margin-bottom:40px;
}

.madani-nilai__kicker{
  display:flex;
  gap:12px;
  align-items:center;
  color:#071D6B;
  font-weight:700;
}

.madani-nilai__line{
  width:50px;
  height:3px;
  background:linear-gradient(90deg,#2A6CCC,#E53A42);
}

.madani-nilai__title{
  font-size:34px;
  font-weight:900;
  margin:15px 0;
  color:#111;
}

.madani-nilai__desc{
  color:#555;
}


/* grid */

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


/* card */

.madani-nilaiCard{

  padding:25px;
  border-radius:14px;

  border:1px solid #eee;
  background:#fff;

  text-align:center;

  transition:.3s;

}

.madani-nilaiCard:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 40px rgba(0,0,0,.08);
}


/* icon */

.madani-nilaiCard__icon{

  width:70px;
  height:70px;

  margin:auto;
  margin-bottom:15px;

}

.madani-nilaiCard__icon img{

  width:100%;
  height:100%;
  object-fit:contain;

}


/* text */

.madani-nilaiCard__title{

  font-weight:800;
  margin-bottom:8px;
  color:#111;

}

.madani-nilaiCard__text{

  font-size:14px;
  color:#555;

}


/* responsive */

@media(max-width:900px){

.madani-nilai__grid{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:500px){

.madani-nilai__grid{
grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a7c0d5 *//* =========================
LEGAL / ROS – NORMAL
========================= */

.madani-legal{
  padding: 100px 20px;
  background: #fff;
}

.madani-legal__wrap{
  max-width: 1100px;
  margin: 0 auto;
}

/* head */
.madani-legal__head{
  max-width: 760px;
  margin-bottom: 26px;
}

.madani-legal__kicker{
  display:flex;
  align-items:center;
  gap: 12px;
  color:#071D6B;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.madani-legal__line{
  width: 56px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg,#2A6CCC,#E53A42);
}

.madani-legal__title{
  margin: 0 0 10px;
  font-size: 34px;
  font-weight: 950;
  color:#111;
  line-height: 1.25;
}

.madani-legal__desc{
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color:#444;
}

/* panel */
.madani-legal__panel{
  border: 1px solid #eee;
  border-radius: 20px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
}

.madani-legal__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.madani-legalItem{
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 14px 14px;
  background: #fafafa;
}

.madani-legalItem--full{
  grid-column: span 2;
}

.madani-legalItem__label{
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .6px;
  text-transform: uppercase;
  color:#071D6B;
  margin-bottom: 6px;
}

.madani-legalItem__value{
  font-size: 15px;
  font-weight: 900;
  color:#111;
  line-height: 1.5;
}

.madani-legalBadge{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  color:#0f172a;
  background: rgba(42,108,204,.10);
  border: 1px solid rgba(42,108,204,.18);
}

.madani-legal__note{
  margin-top: 10px;
  font-size: 13px;
  color:#6b7280;
  line-height: 1.6;
}

/* responsive */
@media(max-width: 900px){
  .madani-legal{
    padding: 80px 18px;
  }
  .madani-legal__grid{
    grid-template-columns: 1fr;
  }
  .madani-legalItem--full{
    grid-column: span 1;
  }
  .madani-legal__title{
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5aa6603 *//* =========================
CTA TRANSPARENT
========================= */

.madani-ctaT{

  position:relative;
  padding:140px 20px;
  background:transparent;
  overflow:hidden;

}


/* glow background */

.madani-ctaT::before{

  content:"";
  position:absolute;
  inset:0;

  background:
  radial-gradient(800px 500px at 20% 30%, rgba(42,108,204,.30), transparent),
  radial-gradient(800px 500px at 80% 40%, rgba(229,58,66,.22), transparent),
  radial-gradient(900px 600px at 50% 100%, rgba(7,29,107,.22), transparent);

}


/* container */

.madani-ctaT__wrap{

  position:relative;
  z-index:1;
  max-width:900px;
  margin:auto;
  text-align:center;

}


/* text */

.madani-ctaT__kicker{

  display:flex;
  justify-content:center;
  gap:12px;
  align-items:center;

  color:#fff;
  font-weight:700;
  margin-bottom:15px;

}

.madani-ctaT__line{

  width:50px;
  height:3px;
  background:linear-gradient(90deg,#2A6CCC,#E53A42);

}

.madani-ctaT__title{

  font-size:42px;
  font-weight:900;
  color:#fff;
  margin-bottom:15px;

}

.madani-ctaT__desc{

  color:rgba(255,255,255,.85);
  font-size:17px;
  margin-bottom:30px;

}


/* buttons */

.madani-ctaT__buttons{

  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;

}

.madani-ctaT__btn{

  padding:14px 28px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;

}


.madani-ctaT__btn--primary{

  background:linear-gradient(90deg,#2A6CCC,#E53A42);
  color:#fff;

}


.madani-ctaT__btn--outline{

  border:1px solid rgba(255,255,255,.4);
  color:#fff;

}


/* responsive */

@media(max-width:768px){

.madani-ctaT__title{
font-size:30px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1698488 *//* =========================
FOOTER – MADANI
========================= */

.madani-footer{
  background:#071D6B;
  color:#fff;
  padding-top:60px;
}

/* top */

.madani-footer__wrap{
  max-width:1180px;
  margin:auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:30px;
}

/* logo */

.madani-footer__logo img{
  width:160px;
  margin-bottom:14px;
}

/* desc */

.madani-footer__desc{
  color:rgba(255,255,255,.8);
  line-height:1.7;
  font-size:15px;
}

/* title */

.madani-footer__title{
  font-weight:800;
  margin-bottom:14px;
  font-size:16px;
}

/* menu */

.madani-footer__menu{
  list-style:none;
  padding:0;
  margin:0;
}

.madani-footer__menu li{
  margin-bottom:8px;
}

.madani-footer__menu a{
  color:rgba(255,255,255,.8);
  text-decoration:none;
  font-size:14px;
}

.madani-footer__menu a:hover{
  color:#fff;
}

/* contact */

.madani-footer__item{
  margin-bottom:10px;
  font-size:14px;
  color:rgba(255,255,255,.8);
}

/* bottom */

.madani-footer__bottom{
  margin-top:40px;
  border-top:1px solid rgba(255,255,255,.15);
}

.madani-footer__bottomwrap{
  max-width:1180px;
  margin:auto;
  padding:18px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.madani-footer__copy{
  font-size:14px;
  color:rgba(255,255,255,.7);
}

.madani-footer__links a{
  color:rgba(255,255,255,.7);
  text-decoration:none;
  margin-left:18px;
  font-size:14px;
}

.madani-footer__links a:hover{
  color:#fff;
}

/* responsive */

@media(max-width:900px){

  .madani-footer__wrap{
    grid-template-columns:1fr;
  }

  .madani-footer__bottomwrap{
    flex-direction:column;
    gap:10px;
    text-align:center;
  }

}/* End custom CSS */