.elementor-186 .elementor-element.elementor-element-b0be901{--display:flex;--overlay-opacity:0.5;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-186 .elementor-element.elementor-element-b0be901:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-b0be901 > .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_11_31-AM.png");background-position:center center;background-size:cover;}.elementor-186 .elementor-element.elementor-element-b0be901::before, .elementor-186 .elementor-element.elementor-element-b0be901 > .elementor-background-video-container::before, .elementor-186 .elementor-element.elementor-element-b0be901 > .e-con-inner > .elementor-background-video-container::before, .elementor-186 .elementor-element.elementor-element-b0be901 > .elementor-background-slideshow::before, .elementor-186 .elementor-element.elementor-element-b0be901 > .e-con-inner > .elementor-background-slideshow::before, .elementor-186 .elementor-element.elementor-element-b0be901 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-186 .elementor-element.elementor-element-479ebfd{--display:flex;}.elementor-186 .elementor-element.elementor-element-b7713c7{--display:flex;}.elementor-186 .elementor-element.elementor-element-d79f807{--display:flex;}.elementor-186 .elementor-element.elementor-element-d79f807:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-d79f807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#081D6B;}/* Start custom CSS for html, class: .elementor-element-3082c85 *//* =========================
CONTACT HERO TRANSPARENT
========================= */

.madani-contactHeroT{

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

}


/* glow background */

.madani-contactHeroT::before{

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

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

}


/* layout */

.madani-contactHeroT__wrap{

  position:relative;
  z-index:1;
  max-width:1100px;
  margin:auto;

  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:40px;
  align-items:center;

}


/* kicker */

.madani-contactHeroT__kicker{

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

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

}

.madani-contactHeroT__line{

  width:60px;
  height:3px;

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

}


/* title */

.madani-contactHeroT__title{

  font-size:46px;
  font-weight:900;
  color:#fff;

  margin-bottom:15px;

}

.madani-contactHeroT__accent{

  background:linear-gradient(90deg,#2A6CCC,#E53A42);
  -webkit-background-clip:text;
  color:transparent;

}


/* desc */

.madani-contactHeroT__desc{

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

}


/* buttons */

.madani-contactHeroT__cta{

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

}

.madani-contactHeroT__btn{

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

}

.madani-contactHeroT__btn--primary{

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

}

.madani-contactHeroT__btn--ghost{

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

}


/* card */

.madani-contactHeroT__card{

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

  background:rgba(255,255,255,.06);
  backdrop-filter:blur(12px);

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

}


.madani-contactHeroT__icon{

  font-size:40px;
  margin-bottom:15px;

}


.madani-contactHeroT__cardTitle{

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

}


.madani-contactHeroT__cardText{

  color:rgba(255,255,255,.85);

}


/* responsive */

@media(max-width:768px){

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

.madani-contactHeroT__title{
font-size:32px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0dd236e *//* =========================
CONTACT SEC 2 – MAKLUMAT (NORMAL)
========================= */

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

.madani-contactInfo__wrap{
  max-width: 1180px;
  margin: 0 auto;
}

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

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

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

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

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

/* grid */
.madani-contactInfo__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items:start;
}

/* left cards */
.madani-contactInfo__cards{
  display:grid;
  gap: 12px;
}

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

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

.madani-iCard__value{
  font-weight: 950;
  color:#111;
  line-height: 1.65;
}

.madani-iCard__hint{
  margin-top: 8px;
  font-size: 13px;
  color:#6b7280;
  line-height: 1.5;
}

.madani-iCard--accent{
  border-color: rgba(42,108,204,.22);
  background: linear-gradient(180deg, rgba(42,108,204,.06), #fff);
}

/* right side */
.madani-contactInfo__right{
  display:grid;
  gap: 12px;
}

/* map */
.madani-mapCard{
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 14px;
  background:#fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.madani-mapCard__top{
  display:flex;
  align-items:baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.madani-mapCard__title{
  font-weight: 950;
  color:#111;
}

.madani-mapCard__mini{
  font-size: 12px;
  font-weight: 950;
  color:#071D6B;
}

.madani-mapCard__frame{
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid #eee;
  background:#f3f4f6;
}

.madani-mapCard__hint{
  margin-top: 8px;
  font-size: 13px;
  color:#6b7280;
  line-height: 1.5;
}

/* sijil */
.madani-sijilCard{
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 14px;
  background:#fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.madani-sijilCard__top{
  display:flex;
  align-items:baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.madani-sijilCard__title{
  font-weight: 950;
  color:#111;
}

.madani-sijilCard__link{
  text-decoration:none;
  font-weight: 950;
  color:#071D6B;
}

.madani-sijilCard__link:hover{
  color:#E53A42;
}

.madani-sijilCard__thumb{
  display:block;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid #eee;
  background:#f8fafc;
}

.madani-sijilCard__thumb img{
  width:100%;
  height:auto;
  display:block;
}

.madani-sijilCard__hint{
  margin-top: 8px;
  font-size: 13px;
  color:#6b7280;
  line-height: 1.5;
}

/* responsive */
@media(max-width: 980px){
  .madani-contactInfo{
    padding: 80px 18px;
  }
  .madani-contactInfo__grid{
    grid-template-columns: 1fr;
  }
  .madani-contactInfo__title{
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fc7509 *//* =========================
CONTACT FORM NORMAL
========================= */

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

.madani-contactForm__wrap{

  max-width:1100px;
  margin:auto;

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

}


/* left */

.madani-contactForm__kicker{

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

  color:#071D6B;
  font-weight:800;
  margin-bottom:15px;

}

.madani-contactForm__line{

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

}

.madani-contactForm__title{

  font-size:36px;
  font-weight:900;
  color:#111;
  margin-bottom:15px;

}

.madani-contactForm__desc{

  color:#555;
  margin-bottom:20px;

}

.madani-point{

  margin-bottom:10px;
  font-weight:600;
  color:#071D6B;

}


/* form card */

.madani-contactForm__card{

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

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

  box-shadow:0 20px 60px rgba(0,0,0,.08);

}


/* fields */

.madani-field{

  margin-bottom:15px;

}

.madani-field label{

  display:block;
  margin-bottom:5px;
  font-weight:700;
  color:#111;

}

.madani-field input,
.madani-field textarea{

  width:100%;
  padding:12px;

  border-radius:8px;
  border:1px solid #ddd;

  font-size:15px;

}

.madani-field input:focus,
.madani-field textarea:focus{

  outline:none;
  border-color:#2A6CCC;

}


/* button */

.madani-submitBtn{

  width:100%;
  padding:14px;

  border:none;
  border-radius:10px;

  font-weight:800;
  color:#fff;

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

  cursor:pointer;

}

.madani-submitBtn:hover{
  opacity:.9;
}


/* responsive */

@media(max-width:768px){

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

.madani-contactForm__title{
font-size:28px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53bc4af *//* =========================
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 */