:root{
  --teal:#003f3d;
  --teal-dark:#003231;
  --teal-soft:#0a5a55;
  --gold:#e5a62b;
  --gold-dark:#c98512;
  --cream:#fff9f0;
  --cream-2:#fbf4e9;
  --text:#173735;
  --muted:#687b78;
  --border:#e9e0d5;
  --shadow:0 18px 50px rgba(17,39,37,.10);
}

*{box-sizing:border-box}
/* Rehman-only global overrides (scoped to Rehman pages) */
body.rehman-checkout,
body.rehman-index,
body.rehman-login,
body.rehman-register,
body.rehman-school {
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:#fff;
  font-size:14px;
  line-height:1.6;
}


/* Scoped globals for Rehman pages only */
body.rehman-checkout,
body.rehman-index,
body.rehman-login,
body.rehman-register,
body.rehman-school {
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:#fff;
  font-size:14px;
  line-height:1.6;
}

.rehman-container-xl{max-width:1160px}
.section-gap{padding:42px 0 18px}
.rehman-section-title{
  font-family:"Playfair Display",serif;
  font-weight:800;
  color:var(--text);
  font-size:32px;
  line-height:1.15;
}





/* =========================================================
   TOP BAR
   Small upper strip with contact/social/quick link information.
   ========================================================= */
/* Top Bar Mega Menu */
.rehman-topbar {
    position: relative;
    z-index: 9999;
  background: linear-gradient(90deg, #003b3a, #022b2a);
    color: #fff;
}

.rehman-topbar .rehman-container-xl {
    position: relative;
}

.top-item {
    position: relative;
    height: 34px;
    display: flex;
    align-items: center;
}

.top-item > a {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 34px;
}

.has-mega:hover .rehman-mega-menu,
.has-mega:focus-within .rehman-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.rehman-mega-menu {
    position: absolute;
    top: 34px;
    left: 0;
    width: 720px;
    background: #ffffff;
    border-radius: 0 0 16px 16px;
    padding: 24px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    pointer-events: none;
    transition: 0.22s ease;
    border-top: 3px solid var(--gold);
}

.rehman-mega-menu-right {
    left: auto;
    right: 0;
}

.rehman-mega-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1.15fr;
    gap: 26px;
}

.rehman-mega-menu h6 {
    color: var(--green);
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 12px;
}

.rehman-mega-menu a {
    display: block;
    color: #263f3d;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 0;
}

.rehman-mega-menu a:hover {
    color: var(--gold);
    padding-left: 4px;
}

.rehman-mega-highlight {
    background: linear-gradient(135deg, #003d3a, #064f49);
    border-radius: 14px;
    padding: 18px;
    color: #fff;
}

.rehman-mega-highlight h6 {
    color: var(--gold-2);
    font-size: 15px;
    margin-bottom: 8px;
}

.rehman-mega-highlight p {
    color: #e9ffff;
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 14px;
}

.rehman-mega-highlight .rehman-mega-btn {
    display: inline-block;
    background: linear-gradient(135deg, var(--gold-2), var(--gold));
    color: #fff !important;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
}

.rehman-mega-highlight .rehman-mega-btn:hover {
    padding-left: 14px;
    filter: brightness(0.96);
}




/* =========================================================
   MAIN NAVBAR
   Primary header navigation with logo, menu links, search, and buttons.
   ========================================================= */
.rehman-main-nav {
    min-height: 74px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
    z-index: 20;
}

/* Logo sizing in navbar */
.navbar-brand img {
    width: 200px;
    height: auto;
}

/* Main menu links */
.rehman-main-nav .nav-link {
    color: #061d1b;
    font-size: 14px;
    font-weight: 700;
    padding: 0.5rem 0.45rem !important;
}

/* Menu hover state */
.rehman-main-nav .nav-link:hover {
    color: var(--gold);
}

/* Dropdown arrow size/alignment */
.dropdown-toggle::after {
    font-size: 0.7em;
    vertical-align: 0.12em;
}

/* Course search wrapper in navbar */
.rehman-course-search {
    width: 195px;
    height: 42px;
    border: 1px solid #d7e1df;
    border-radius: 14px;
    background: #f7fbfa;
    align-items: center;
    overflow: hidden;
}

/* Search input field */
.rehman-course-search input {
    border: 0;
    outline: 0;
    background: transparent;
    width: 100%;
    padding: 0 10px 0 16px;
    font-size: 13px;
    color: #294f4c;
}

/* Search button/icon */
.rehman-course-search button {
    width: 45px;
    border: 0;
    background: transparent;
    color: #164743;
}

/* =========================================================
   BUTTON SYSTEM
   Reusable button styles used across header, hero, cards, and CTA.
   ========================================================= */
.btn {
    border-radius: 9px;
    padding: 12px 22px;
    font-size: 13px;
    font-weight: 800;
    box-shadow: none !important;
}

/* Gold primary button */
.rehman-btn-gold {
    background: linear-gradient(135deg, var(--gold-2), var(--gold));
    color: #fff !important;
    border: 1px solid transparent;
}

/* Gold button hover */
.rehman-btn-gold:hover {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

/* Login outline button */
.rehman-btn-login {
    border: 1px solid #b9ccca;
    color: #061d1b;
    background: #fff;
    min-width: 76px;
}

/* Login button hover */
.rehman-btn-login:hover {
    border-color: var(--green);
    color: var(--green);
}

/* Green primary button */
.rehman-btn-green {
    background: linear-gradient(135deg, #044c46, #003a37);
    color: #fff !important;
    border: 1px solid #01433f;
}

/* Green button hover */
.rehman-btn-green:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Green outline button */
.rehman-btn-outline-green {
    border: 1.5px solid #0f5751;
    color: #0a4440;
    background: #fff;
}

/* Green outline hover */
.rehman-btn-outline-green:hover {
    background: #0a4440;
    color: #fff;
}

















.rehman-eyebrow{
  display:inline-block;
  color:var(--gold);
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:1.8px;
  margin-bottom:10px;
}
.rehman-eyebrow.rehman-green{color:#0f6b64}

.btn{
  border-radius:10px;
  font-weight:800;
  font-size:13px;
  padding:12px 22px;
}
.rehman-btn-gold{
  background:linear-gradient(180deg,#ecb13d,#d4911d);
  color:#fff!important;
  border:0;
  box-shadow:0 10px 22px rgba(229,166,43,.28);
}
.rehman-btn-gold:hover{background:linear-gradient(180deg,#e3a42f,#bf7b10)}
.rehman-btn-login{
  background:#fff;
  color:var(--teal);
  border:1px solid #dbe4e2;
  padding:11px 20px;
}
.btn-outline-round{
  background:#fff;
  border:1px solid #d7e1de;
  color:var(--text);
  box-shadow:0 8px 20px rgba(0,0,0,.04);
}
.btn-outline-teal{
  border:1.5px solid #0e746c;
  color:#0e746c;
  background:#fff;
}
.btn-outline-teal:hover{background:#0e746c;color:#fff}
.btn-dark-outline{
  border:1px solid rgba(255,255,255,.45);
  color:#fff!important;
  background:rgba(255,255,255,.04);
}

/* topbar */
.rehman-topbar{
  height:32px;
  background:var(--teal-dark);
  color:#e6f1ee;
  font-size:11px;
}
.rehman-topbar a{color:#e6f1ee}
.top-links{overflow:auto;white-space:nowrap;scrollbar-width:none}
.top-links::-webkit-scrollbar{display:none}
.tiny{font-size:9px}

/* navbar */
.rehman-main-nav{
  min-height:66px;
  border-bottom:1px solid #edf0ee;
  box-shadow:0 8px 24px rgba(0,0,0,.04);
  z-index:20;
}
.navbar-brand img{width:200px;height:auto}
.nav-link{
  color:#1f3937;
  font-weight:800;
  font-size:12px;
  padding-left:10px!important;
  padding-right:10px!important;
}
.rehman-search-box{
  position:relative;
  width:220px;
}
.rehman-search-box .form-control{
  height:40px;
  border-radius:12px;
  border:1px solid #e5e9e8;
  font-size:12px;
  padding-right:42px;
}
.rehman-search-box button{
  position:absolute;
  right:7px;
  border:0;
  background:transparent;
  color:#74817f;
}

/* hero */
.rehman-hero-section {
    background-image: url(/images/muslim-edex/herobanner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}


.rehman-min-vh-hero{min-height:570px}


.rehman-hero-title{
  font-family:"Playfair Display",serif;
  font-size:58px;
  line-height:1.03;
  font-weight:800;
  margin-bottom:22px;
}
.rehman-hero-title span{color:var(--gold)}
.rehman-hero-text{
  max-width:455px;
  color:#566b68;
  font-weight:500;
  margin-bottom:28px;
}
.hero-buttons .btn-lg{font-size:14px;padding:14px 24px;border-radius:14px}
.rehman-rating-row{
  margin-top:40px;
  font-size:12px;
  color:#6b7b79;
  font-weight:700;
}
.avatar-group{width:100px;height:auto}
.rehman-stars i{color:var(--gold);font-size:13px;margin-right:2px}


.login-card{
  position:relative;
  z-index:3;
  width:min(100%,390px);
  background:#fff;
  border-radius:18px;
  padding:32px 30px;
  box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.04);
}
.login-card h2{
  font-family:"Playfair Display",serif;
  text-align:center;
  font-size:26px;
  font-weight:800;
  margin:0;
}
.login-card>p{
  text-align:center;
  color:#687b78;
  font-size:12px;
  margin-bottom:28px;
  font-weight:700;
}
.login-card label{
  font-size:12px;
  font-weight:800;
  color:#263f3d;
  margin-bottom:7px;
}
.login-card input[type=email],
.login-card input[type=password]{
  width:100%;
  height:43px;
  border-radius:9px;
  border:1px solid #e0e6e3;
  padding:0 14px;
  margin-bottom:16px;
  color:#6e7a78;
  font-size:12px;
}
.password-wrap{position:relative}
.password-wrap i{
  position:absolute;
  right:13px;
  top:11px;
  color:#9aa5a2;
}
.forgot{
  color:#0a6a64;
  font-weight:800;
  font-size:11px;
}
.remember{
  color:#6f7b78;
  font-size:12px;
  margin-bottom:16px;
}
.login-submit{
  background:#003f3d;
  color:#fff;
  border-radius:8px;
}
.divider{
  text-align:center;
  color:#9aa5a2;
  font-size:12px;
  margin:18px 0 14px;
  position:relative;
}
.social-btn{
  height:42px;
  border:1px solid #e1e6e4;
  border-radius:8px;
  background:#fff;
  font-weight:800;
  color:#3d4c49;
}
.google-dot{
  color:#4285f4;
  font-weight:900;
  margin-right:6px;
}
.new-account{
  text-align:center;
  margin-top:21px;
  font-size:12px;
  color:#697b78;
}
.new-account a{color:var(--gold-dark);font-weight:800}

/* logos */
.logo-strip-section{margin-top:50px;position:relative;z-index:4}
.logo-card{
  max-width:1200px;
  margin:auto;
  background:#fff;
  border-radius:16px;
  padding:28px 45px 30px;
  box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.04);
}

.logo-strip-section marquee img.img-fluid.partner-logos {
    display: inline;
    width: 15%;
    margin-right: 80px;
}
.partner-logos{display:block;margin:10px auto 0;width:880px}

/* featured */
.featured-course{
  background:linear-gradient(135deg,#00413e,#002f2e);
  color:#fff;
  border-radius:18px;
  padding:45px;
  box-shadow:0 18px 42px rgba(0,63,61,.18);
}
.featured-course h2{
  font-family:"Playfair Display",serif;
  font-size:40px;
  line-height:1.05;
  font-weight:800;
  margin-bottom:16px;
}
.featured-course p{color:#d8e7e4;max-width:420px}
.rehman-course-meta{
  font-size:12px;
  color:#dbe8e6;
  font-weight:700;
}
.rehman-course-meta i{color:#e5a62b;margin-right:6px}
.featured-image{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.45);
}
.featured-image img{
  width:100%;
  object-fit:cover;
  display:block;
}
.play-btn{
  position:absolute;
  right:18px;
  bottom:18px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid #fff;
  background:rgba(0,0,0,.5);
  color:#fff;
  font-size:22px;
}

/* courses */
.rehman-courses-section{padding:40px 0 28px}
.view-link{
  color:#7b694a;
  font-weight:800;
  font-size:12px;
}
.rehman-course-card{
  background:#fff;
  border:1px solid #edf0ee;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(18,40,39,.08);
  height:100%;
}
.rehman-course-card .thumb{
  height:220px;
  overflow:hidden;
  position:relative;
}
.rehman-course-card .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.badge-free,.badge-featured{
  position:absolute;
  top:12px;
  left:12px;
  padding:5px 9px;
  font-size:9px;
  border-radius:5px;
  text-transform:uppercase;
  color:#fff;
  font-weight:900;
  letter-spacing:.5px;
}
.badge-free{background:#0ca875}
.badge-featured{background:#e3a02d;left:auto;right:12px}
.rehman-course-card .card-body{padding:22px}
.rehman-course-card h3{
  font-size:18px;
  line-height:1.35;
  font-weight:800;
  margin-bottom:12px;
  color:#193735;
}
.small-rating{
  color:#d59b28;
  font-size:12px;
  margin-bottom:16px;
}
.small-rating span{color:#556966;font-weight:700;margin-left:6px}
.author{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  color:#7a8785;
  margin-bottom:16px;
}
.author img,.testi-user img{
  width:30px;
  height:30px;
  border-radius:50%;
  object-fit:cover;
}
.author strong,.testi-user strong{color:#213d3b}
.course-info{
  display:flex;
  gap:24px;
  color:#687b78;
  font-size:12px;
  font-weight:700;
  margin-bottom:16px;
}

/* why */
.rehman-why-section,.rehman-testimonials-section,.rehman-faq-section{padding:70px 0}
.soft-panel{
  background:linear-gradient(180deg,#fffaf4,#fff);
  border-radius:16px;
  box-shadow:0 14px 38px rgba(20,41,39,.06);
  border:1px solid #f0e9df;
  padding:38px;
}
.empower-item{
  padding:0 20px;
  border-right:1px solid #ead8ba;
  height:100%;
}
.empower-item .rehman-icon-circle{
  width:61px;
  height:61px;
  border-radius:50%;
  border:1px solid #f0d8a4;
  color: #e9ad39;
  display:inline-grid;
  place-items:center;
  font-size:29px;
  margin-bottom:14px;
}
.empower-item h3{
  font-size:15px;
  font-weight:900;
  margin-bottom:8px;
}
.empower-item p{
  color:#687b78;
  font-size:12px;
  margin:0;
}
.no-border{border-right:0}

/* mission */
.rehman-mission-section{padding:22px 0 34px}
.rehman-mission-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    min-height: 190px;
    background-image: url(/images/muslim-edex/missing-bg.png);
    color: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0 20px 44px rgba(0, 63, 61, .18);
    background-size: cover;
}
.mission-ornament{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:210px;
  height:100%;
  object-fit:cover;
  opacity:.85;
}
.rehman-mission-card:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:240px;
  height:120px;
  opacity:.16;
  background:linear-gradient(transparent,rgba(229,166,43,.2));
  clip-path:polygon(0 100%,8% 75%,15% 100%,20% 65%,28% 100%,32% 48%,38% 100%,100% 100%);
}
.rehman-mission-content{
  position:relative;
  z-index:2;
  padding:40px 55px 40px 250px;
}
.rehman-mission-content h2{
  font-family:"Playfair Display",serif;
  font-size:30px;
  font-weight:800;
  margin-bottom:14px;
}
.rehman-mission-content p{
  color:#d8e7e4;
  max-width:850px;
}

/* partner */
.rehman-partner-section{padding:40px 0 80px}
.partner-list{margin-top:24px}
.rehman-partner-item{
  display:flex;
  gap:18px;
  margin-bottom:26px;
}
.mini-icon{
  flex:0 0 45px;
  width:45px;
  height:45px;
  border-radius:9px;
  border:1px solid #f0d7a0;
  color:#e3a02d;
  background:#fff9ee;
  display:grid;
  place-items:center;
  font-size:23px;
}
.rehman-partner-item h3{
  font-size:16px;
  font-weight:900;
  margin-bottom:2px;
}
.rehman-partner-item p{font-size:12px;color:#687b78;margin:0}
.rehman-partner-image{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(20,41,39,.10);
}
.rehman-partner-image img{
  width:100%;
  display:block;
}

/* testimonials */
    .rehman-testimonials-section {
      padding: 70px 0;
      background: #f8f4ec;
    }

    .soft-panel01 {
      /* background: #fffaf3; */
      border-radius: 18px;
      padding: 45px 35px 35px;
      /* box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06); */
      overflow: hidden;
    }

    .rehman-eyebrow {
      display: inline-block;
      color: #d69a25;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      margin-bottom: 8px;
    }

    .rehman-section-title {
      color: #123f43;
      font-size: 34px;
      font-weight: 700;
      margin-bottom: 0;
      font-family: Georgia, serif;
    }

    .testimonial-slider-wrapper {
      overflow: hidden;
      width: 100%;
      position: relative;
    }

    .testimonial-slider {
      display: flex;
      transition: transform 0.6s ease-in-out;
      will-change: transform;
    }

    .testimonial-slide {
      flex: 0 0 33.3333%;
      padding: 0 12px;
    }

    .rehman-testimonial-card {
      background: #ffffff;
      border-radius: 14px;
      padding: 28px 26px;
      height: 100%;
      min-height: 240px;
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
      position: relative;
    }

    .rehman-quote-icon {
      width: 34px;
      height: 34px;
      background: #dca027;
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      line-height: 1;
      margin-bottom: 15px;
      font-family: Georgia, serif;
    }

    .rehman-testimonial-card p {
      font-size: 15px;
      line-height: 1.7;
      color: #263b3b;
      margin-bottom: 24px;
      font-weight: 500;
    }

    .testi-user {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: auto;
    }

    .testi-user img {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      object-fit: cover;
    }

    .testi-user strong {
      color: #0b3f45;
      font-size: 14px;
      font-weight: 700;
    }

    .testi-user span {
      font-size: 13px;
      color: #6d7777;
      line-height: 1.4;
    }

    .rehman-slider-dots {
      text-align: center;
      margin-top: 28px;
    }

    .rehman-slider-dots span {
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #c9c9c9;
      border-radius: 50%;
      margin: 0 4px;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .rehman-slider-dots span.active {
      width: 22px;
      border-radius: 20px;
      background: #dca027;
    }

    @media (max-width: 991px) {
      .testimonial-slide {
        flex: 0 0 50%;
      }

      .rehman-section-title {
        font-size: 30px;
      }
    }

    @media (max-width: 575px) {
      .rehman-testimonials-section {
        padding: 45px 0;
      }

      .soft-panel {
        padding: 35px 18px 28px;
      }

      .soft-panel01 {
        padding: 35px 18px 28px;
      }

      .testimonial-slide {
        flex: 0 0 100%;
        padding: 0 8px;
      }

      .rehman-section-title {
        font-size: 26px;
      }

      .rehman-testimonial-card {
        padding: 24px 20px;
      }
    }

/* faq */
.faq-art{max-width:250px}
.rehman-faq-accordion{
  --bs-accordion-border-color:#e6e7e4;
  --bs-accordion-btn-focus-box-shadow:none;
}
.rehman-faq-accordion .rehman-accordion-item{
  border:1px solid #e6e7e4!important;
  border-radius:8px!important;
  overflow:hidden;
  margin-bottom:9px;
  box-shadow:0 6px 16px rgba(0,0,0,.03);
  background:#fff;
}
.rehman-faq-accordion .accordion-header{
  margin-bottom:0;
}
.rehman-faq-accordion .accordion-button{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  padding:12px 17px;
  font-size:13px;
  font-weight:900;
  color:#243d3b;
  background:#fff;
  border:0!important;
  border-radius:0;
  box-shadow:none!important;
  outline:none;
  text-align:left;
}
.rehman-faq-accordion .accordion-button:not(.collapsed){
  background:#fff9ef;
  color:#003f3d;
  box-shadow:none!important;
}
.rehman-faq-accordion .accordion-button:focus,
.rehman-faq-accordion .accordion-button:focus-visible{
  box-shadow:none!important;
  border-color:transparent!important;
  outline:none;
}
.rehman-faq-accordion .accordion-button::after{
  background-image:none!important;
  content:"+";
  font-size:20px;
  font-weight:400;
  line-height:1;
  transform:none!important;
  width:auto;
  height:auto;
  margin-left:auto;
  flex-shrink:0;
}
.rehman-faq-accordion .accordion-button:not(.collapsed)::after{
  content:"-";
  transform:none!important;
}
.rehman-faq-accordion .accordion-body{
  padding:12px 17px;
  font-size:13px;
  line-height:1.6;
  color:#334246;
  background:#fff;
  border-top:1px solid #eef0ee;
}

/* footer */
.rehman-site-footer{
  position:relative;
  overflow:hidden;
  background:#003f3d;
  color:#d5e5e1;
  padding:46px 0 0;
}
.footer-pattern{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:300px;
  opacity:.35;
  background:url("/images/muslim-edex/footer_pattern.png") center/cover no-repeat;
}
.rehman-footer-logo{
  width:150px;
  margin-bottom:18px;
}
.rehman-site-footer p{
  font-size:12px;
  max-width:240px;
  color:#d1dfdc;
}
.social-links a{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  margin-right:8px;
  font-size:13px;
}
.rehman-site-footer h4{
  color:#e7b146;
  font-weight:900;
  font-size:15px;
  margin-bottom:16px;
}
.rehman-site-footer ul{
  list-style:none;
  padding:0;
  margin:0;
}
.rehman-site-footer li{
  margin-bottom:8px;
  color:#d1dfdc;
  font-size:12px;
}
.rehman-site-footer li:before{
  content:"";
}
.rehman-site-footer li a{
  color:#d1dfdc;
}
.rehman-site-footer li a:before{
  content:"?";
  color:#e7b146;
  margin-right:7px;
  font-size:10px;
}
.rehman-contact-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.rehman-contact-list li a:before{content:""}
.rehman-contact-list i{color:#e7b146}
.rehman-footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:42px;
  padding:18px 0;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  color:#c4d7d3;
  font-size:12px;
}
.rehman-footer-bottom a{color:#c4d7d3}

/* responsive */
@media (max-width: 991.98px){
  .rehman-topbar{display:none}
  .rehman-search-box{width:100%;margin:8px 0 12px}
  .rehman-hero-section{
    background:#fffaf2;
    padding:60px 0 40px;
  }
  .hero-teal-shape{display:none}
  .rehman-min-vh-hero{min-height:auto}
  .rehman-hero-title{font-size:44px}
  .logo-strip-section{margin-top:20px}
  .featured-course{padding:30px}
  .featured-image img{height:230px}
  .empower-item{border-right:0}
  .mission-ornament{opacity:.25;width:100%;height:100%}
  .rehman-mission-content{padding:40px}
}

@media (max-width: 767.98px){
  body{font-size:13px}
  .rehman-hero-title{font-size:36px}
  .rehman-section-title{font-size:28px}
  .logo-card{padding:25px}
  .partner-logos{width:100%}
  .featured-course h2{font-size:32px}
  .rehman-course-card .thumb{height:160px}
  .soft-panel{padding:26px}
  .rehman-mission-content h2{font-size:25px}
  .rehman-footer-bottom .d-flex{gap:18px!important;flex-wrap:wrap}
}

@media (max-width: 575.98px){
  .rehman-container-xl{padding-left:18px;padding-right:18px}
  .hero-buttons .btn{width:100%}
  .rehman-rating-row{margin-top:28px}
  .login-card{padding:26px 20px}
  .featured-course{padding:24px}
  .rehman-mission-content{padding:32px 24px}
}



















    /* Hero */
    .membership-hero{
      position:relative;
      isolation:isolate;
      overflow:hidden;
      min-height:300px;
      padding:34px 0 78px;
      background:
        radial-gradient(circle at 50% 0%, rgba(23,145,144,.65) 0%, rgba(0,81,84,.96) 39%, rgba(0,54,57,1) 100%);
      color:#fff;
    }
    .membership-hero::before,
    .rehman-site-footer::before{
      content:"";
      position:absolute;
      inset:0;
      opacity:.12;
      pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d3a24f' stroke-width='1'%3E%3Cpath d='M70 5l14 35 36 14-36 14-14 35-14-35-36-14 36-14z'/%3E%3Cpath d='M70 25l8 20 20 8-20 8-8 20-8-20-20-8 20-8z'/%3E%3Cpath d='M0 70h140M70 0v140' opacity='.35'/%3E%3C/g%3E%3C/svg%3E");
      background-size:150px 150px;
    }
    .mosque-silhouette{
      position:absolute;
      left:0;
      right:0;
      bottom:-3px;
      height:235px;
      opacity:.38;
      z-index:-1;
      background-repeat:repeat-x;
      background-position:center bottom;
      background-size:1050px 235px;
      background-image:url("data:image/svg+xml,%3Csvg width='1050' height='235' viewBox='0 0 1050 235' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23002022'%3E%3Cpath d='M0 214h1050v21H0z'/%3E%3Cpath d='M115 214V98h20v116zM125 20l12 78h-24zM121 0h8v27h-8z' opacity='.8'/%3E%3Cpath d='M186 214v-78c0-42 38-60 65-82 27 22 65 40 65 82v78z'/%3E%3Cpath d='M245 54a6 6 0 1 1 12 0v12h-12z'/%3E%3Cpath d='M342 214V88h16v126zM350 18l10 70h-20zM347 0h6v24h-6z' opacity='.82'/%3E%3Cpath d='M440 214V105h19v109zM449 31l12 74h-24zM445 8h8v28h-8z' opacity='.72'/%3E%3Cpath d='M505 214v-63c0-44 41-69 82-69s82 25 82 69v63z'/%3E%3Cpath d='M665 214v-88c0-28 28-44 52-56 24 12 52 28 52 56v88z' opacity='.72'/%3E%3Cpath d='M790 214V84h18v130zM799 13l12 71h-24zM795 0h8v20h-8z' opacity='.82'/%3E%3Cpath d='M860 214v-80c0-45 45-65 78-95 33 30 78 50 78 95v80z' opacity='.75'/%3E%3C/g%3E%3C/svg%3E");
    }
    .corner-arch{
      position:absolute;
      top:-42px;
      width:220px;
      height:220px;
      border:4px solid rgba(218,160,76,.8);
      border-bottom:0;
      pointer-events:none;
      opacity:.9;
    }
    .corner-arch.left{
      left:-22px;
      border-right:0;
      border-radius:0 0 0 0;
      clip-path:polygon(0 0,100% 0,100% 26%,78% 26%,78% 48%,58% 48%,58% 70%,34% 70%,34% 100%,0 100%);
    }
    .corner-arch.right{
      right:-22px;
      border-left:0;
      transform:scaleX(-1);
      clip-path:polygon(0 0,100% 0,100% 26%,78% 26%,78% 48%,58% 48%,58% 70%,34% 70%,34% 100%,0 100%);
    }
    .lantern{
      position:absolute;
      width:42px;
      height:95px;
      top:70px;
      filter:drop-shadow(0 0 16px rgba(255,197,94,.45));
      opacity:.95;
    }
    .lantern.left{left:9.5%;}
    .lantern.right{right:11.5%;top:92px;}
    .lantern::before{
      content:"";
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      top:-58px;
      width:1px;
      height:62px;
      background:linear-gradient(transparent,#d09a49);
    }
    .lantern .cap,
    .lantern .base{
      position:absolute;
      left:8px;
      width:26px;
      height:12px;
      background:linear-gradient(90deg,#9b6530,#efca7a,#9b6530);
      border-radius:9px 9px 3px 3px;
    }
    .lantern .cap{top:9px;}
    .lantern .base{bottom:9px;transform:rotate(180deg);}
    .lantern .body{
      position:absolute;
      left:5px;
      top:18px;
      width:32px;
      height:58px;
      border:3px solid #bd813c;
      border-radius:19px 19px 16px 16px;
      background:radial-gradient(circle at 50% 44%, #fff7ca 0 20%, #ffc863 34%, rgba(158,89,32,.35) 72%);
      box-shadow:inset 0 0 12px rgba(255,255,255,.65);
    }
    .lantern .body::before,
    .lantern .body::after{
      content:"";
      position:absolute;
      top:5px;
      bottom:5px;
      width:2px;
      background:rgba(134,77,34,.55);
    }
    .lantern .body::before{left:8px;}
    .lantern .body::after{right:8px;}
    .rehman-hero-title{
      font-family:'Playfair Display', serif;
      font-weight:800;
      font-size:clamp(34px,4vw,58px);
      line-height:.96;
      letter-spacing:-.5px;
      text-shadow:0 2px 0 rgba(0,0,0,.15);
      margin:0 auto 24px;
      max-width:720px;
    }
    .rehman-hero-title span{color:#e0a24d;}
    .title-rule{
      width:170px;
      height:16px;
      margin:-9px auto 18px;
      position:relative;
    }
    .title-rule::before,
    .title-rule::after{
      content:"";
      position:absolute;
      top:50%;
      height:1px;
      width:70px;
      background:linear-gradient(90deg,transparent,#d6a155);
    }
    .title-rule::before{left:0;}
    .title-rule::after{right:0;transform:scaleX(-1);}
    .title-rule span{
      position:absolute;
      left:50%;top:50%;
      transform:translate(-50%,-50%) rotate(45deg);
      width:10px;height:10px;
      border:2px solid #d6a155;
    }
    .rehman-hero-copy{
      max-width:760px;
      margin:0 auto;
      color:#f5fbfa;
      font-size:17px;
      line-height:1.45;
      font-weight:500;
    }

    /* Pricing cards */
    .pricing-area{
      position:relative;
      z-index:10;
      margin-top:-70px;
      padding-bottom:14px;
    }
    .plans-row{
      --bs-gutter-x:1.5rem;
      align-items:stretch;
      justify-content:center;
    }
    .plan-card{
      position:relative;
      background:linear-gradient(180deg,#fffdf7 0%,#fff8ed 100%);
      border:2px solid rgba(225,212,190,.95);
      border-radius:11px;
      min-height:445px;
      overflow:hidden;
      box-shadow:0 7px 13px rgba(30,28,18,.14);
      padding:0 45px 28px;
    }
    .plan-card.featured{
      border-color:#e4dcc8;
      box-shadow:0 8px 15px rgba(10,54,56,.24);
    }
    .plan-band{
      position:absolute;
      left:0;right:0;top:0;
      height:100px;
      background:var(--band);
      border-radius:8px 8px 0 0;
      overflow:hidden;
    }
    .plan-band::before{
      content:"";
      position:absolute;
      inset:0;
      opacity:.17;
      background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff2c6' stroke-width='1'%3E%3Cpath d='M60 5l12 28 30 12-30 12-12 28-12-28-30-12 30-12z'/%3E%3Cpath d='M0 60h120M60 0v120' opacity='.35'/%3E%3C/g%3E%3C/svg%3E");
      background-size:95px 95px;
    }
    .plan-band::after{
      content:"";
      position:absolute;
      left:-9%;right:-9%;bottom:-62px;
      height:122px;
      background:linear-gradient(180deg,#fffdf8 0%,#fff8ed 100%);
      border-radius:50% 50% 0 0 / 100% 100% 0 0;
      border-top:1px solid rgba(226,213,187,.8);
    }
    .plan-badge{
      position:relative;
      z-index:3;
      width:65px;
      height:65px;
      margin:10px auto 0;
      border-radius:50%;
      background:#fff;
      border:3px solid #e5d8bd;
      display:grid;
      place-items:center;
      box-shadow:0 5px 12px rgba(0,0,0,.12);
    }
    .plan-badge svg{width:44px;height:44px;}
    .popular-label{
      position:absolute;
      z-index:6;
      left:50%;
      top:-20px;
      transform:translateX(-50%);
      min-width:150px;
      height:28px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(180deg,#eac470,#c78d39);
      color:#fff;
      text-transform:uppercase;
      font-size:13px;
      font-weight:700;
      letter-spacing:.3px;
      border-radius:2px;
      box-shadow:0 3px 6px rgba(0,0,0,.18);
    }
    .popular-label::before,
    .popular-label::after{
      content:"";
      position:absolute;
      top:0;
      border-top:14px solid transparent;
      border-bottom:14px solid transparent;
    }
    .popular-label::before{left:-14px;border-right:14px solid #c78d39;}
    .popular-label::after{right:-14px;border-left:14px solid #c78d39;}
    .plan-content{
      position:relative;
      z-index:2;
      padding-top:8px;
    }
    .plan-name{
      font-family:'Playfair Display', serif;
      font-weight:800;
      font-size:30px;
      line-height:1;
      text-align:center;
      margin:5px 0 8px;
      color:var(--plan-color);
      letter-spacing:.5px;
      text-transform:uppercase;
    }
    .plan-price{
      font-size:24px;
      text-align:center;
      color:#1e2b35;
      line-height:1.05;
      margin-bottom:2px;
    }
    .plan-sub{
      text-align:center;
      font-size:11px;
      color:#384245;
      margin-bottom:17px;
    }
    .separator{
      height:1px;
      background:linear-gradient(90deg,transparent,#e0cba7,transparent);
      margin:0 auto 18px;
      max-width:235px;
      position:relative;
    }
    .separator::before{
      content:"";
      position:absolute;
      left:50%;top:50%;
      transform:translate(-50%,-50%) rotate(45deg);
      width:8px;height:8px;
      background:#d7a45c;
    }
    .features{
      list-style:none;
      margin:0 auto 28px;
      padding:0;
      max-width:260px;
    }
    .features li{
      display:flex;
      align-items:flex-start;
      gap:12px;
      font-size:13px;
      line-height:1.45;
      color:#17262e;
      font-weight:500;
      margin:0 0 10px;
    }
    .features i{
      color:var(--plan-color);
      font-size:15px;
      line-height:1.2;
      flex:0 0 auto;
      margin-top:1px;
    }
    .plan-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      height:40px;
      border-radius:5px;
      border:1.5px solid var(--plan-color);
      color:var(--plan-color);
      font-weight:700;
      font-size:15px;
      background:transparent;
      width:100%;
      transition:.2s ease;
    }
    .plan-btn:hover{
      background:var(--plan-color);
      color:#fff;
    }
    .featured .plan-btn{
      background:linear-gradient(180deg,#00676b,#00494e);
      color:#fff;
      border-color:#005b60;
      box-shadow:0 8px 18px rgba(0,80,83,.22);
    }

    /* Growth strip */
    .growth-box{
      background:linear-gradient(180deg,#fffaf0,#fff7eb);
      border:1px solid #e5d2ae;
      border-radius:10px;
      margin:100px auto 12px;
      padding:22px 28px;
      box-shadow:0 2px 10px rgba(170,122,48,.08);
    }
    .growth-title{
      font-family:'Playfair Display', serif;
      color:#005e63;
      font-size:27px;
      font-weight:800;
      line-height:1.05;
      margin-bottom:9px;
    }
    .growth-text{
      max-width:430px;
      font-size:12px;
      line-height:1.45;
      color:#3e4a4e;
      margin:0;
    }
    .rehman-benefit-item{
      min-height:75px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      color:#00545a;
      font-size:12px;
      line-height:1.2;
      font-weight:700;
      border-left:1px solid #e7d6b9;
      padding:0 12px;
    }
    .benefit-icon{
      width:47px;
      height:47px;
      border-radius:50%;
      border:2px solid #eddab7;
      color:#d69a41;
      display:grid;
      place-items:center;
      margin-bottom:8px;
      font-size:24px;
      background:#fffef9;
    }


















    /* =========================================================
   FOOTER SECTION
   Site footer with logo, description, links, contact info, and bottom policy row.
   ========================================================= */
.rehman-site-footer {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #003d3a 0%, #012c2a 100%);
    color: #e8ffff;
    padding: 32px 0 0;
}

/* Decorative footer pattern */
.rehman-site-footer::after {
    content: "";
    position: absolute;
    right: -70px;
    top: 10px;
    width: 355px;
    height: 355px;
    opacity: 0.12;
    background: repeating-radial-gradient(circle, transparent 0 15px, var(--gold) 16px 17px);
    border-radius: 50%;
}

/* Footer logo styling */
.rehman-footer-logo {
    width: 165px;
    filter: brightness(0) invert(1) sepia(1) saturate(0) brightness(2);
    margin-bottom: 15px;
}

/* Footer paragraph text */
.rehman-site-footer p {
    color: #dcf0ef;
    max-width: 245px;
    font-size: 14px;
    line-height: 1.55;
}

/* Social icon row */
.rehman-socials {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

/* Social icon button */
.rehman-socials a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.75);
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 15px;
}

/* Social hover state */
.rehman-socials a:hover {
    background: var(--gold);
    border-color: var(--gold);
}

/* Footer column headings */
.rehman-site-footer h4 {
    color: var(--gold-2);
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 17px;
}

/* Footer lists reset */
.rehman-site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Footer list items */
.rehman-site-footer li {
    margin-bottom: 9px;
    color: #e6ffff;
    font-size: 14px;
}

/* Footer list links */
.rehman-site-footer li a {
    color: #e6ffff;
}

/* Footer link hover */
.rehman-site-footer li a:hover {
    color: var(--gold-2);
}

/* Footer list icons */
.rehman-site-footer li i {
    color: var(--gold-2);
    margin-right: 7px;
    font-size: 13px;
}

/* Contact list alignment */
.rehman-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

/* Contact list icons */
.rehman-contact-list li i {
    font-size: 18px;
    margin-top: 2px;
    min-width: 18px;
}

/* Footer bottom copyright/policy row */
.rehman-footer-bottom {
    position: relative;
    z-index: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    margin-top: 28px;
    padding: 13px 0;
    font-size: 13px;
}

/* Footer bottom text */
.rehman-footer-bottom p {
    margin: 0;
    max-width: none;
    color: #e7f6f5;
}

/* Footer policy links wrapper */
.rehman-policy-links {
    display: flex;
    gap: 80px;
}

/* Policy link color */
.rehman-policy-links a {
    color: #e7f6f5;
}

/* Policy link hover */
.rehman-policy-links a:hover {
    color: var(--gold-2);
}

















/* Hero */
.membership-checkout-hero {
  position: relative;
  min-height: 235px;
  background-image: url("/images/muslim-edex/checkout-banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  overflow: hidden;
}

  /* .membership-checkout-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 30% 20%, rgba(214, 154, 64, 0.15), transparent 18%),
      radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.08), transparent 20%);
    pointer-events: none;
  } */

.membership-checkout-hero .container {
  position: relative;
  z-index: 2;
}

.hero-content {
  max-width: 620px;
  margin-left: 15px;
  color: #ffffff;
}

.hero-content h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 10px;
  color: #ffffff;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}

.title-line {
  display: block;
  width: 38px;
  height: 4px;
  background: #d99a32;
  border-radius: 20px;
  margin-bottom: 18px;
}

.hero-content p {
  font-size: 17px;
  line-height: 1.55;
  margin: 0;
  color: #ffffff;
  font-weight: 400;
}

/* Responsive */
@media (max-width: 991px) {
  .membership-checkout-hero {
    min-height: 220px;
  }

  .hero-content h1 {
    font-size: 40px;
  }

  .hero-content p {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .membership-checkout-hero {
    min-height: 210px;
    background-position: center;
  }

  .hero-content {
    margin-left: 0;
    padding: 0 10px;
  }

  .hero-content h1 {
    font-size: 32px;
  }

  .hero-content p {
    font-size: 14px;
  }
}

/* Breadcrumb */
.breadcrumb-strip{
  background:#fff;
  padding:13px 0;
  border-bottom:1px solid #eef1f1;
  box-shadow:0 9px 25px rgba(0,0,0,.03);
}
.breadcrumb{
  font-size:10px;
  font-weight:700;
}
.breadcrumb a{color:#284e52;}
.breadcrumb-item + .breadcrumb-item::before{content:"›";font-size:15px;line-height:.6;color:#9da7a8;}
.home-crumb a{
  display:grid;place-items:center;
  width:18px;height:18px;
  color:#263a3c;
  font-size:17px;
}
.breadcrumb-item.active{color:#006166;}

/* Main checkout */
.checkout-section{
  padding:18px 0 14px;
  background:radial-gradient(circle at top center,rgba(233,247,247,.55),rgba(255,255,255,.96) 34%,#fff 100%);
}
.payment-alert,.secure-alert{
  background:linear-gradient(90deg,#eefbfc,#edf8f8);
  color:#2b5558;
  border-radius:5px;
  min-height:36px;
  padding:9px 14px;
  margin-bottom:13px;
  font-size:11px;
}
.alert-icon{
  width:20px;height:20px;display:grid;place-items:center;
  color:#00666b;border:1px solid #00666b;border-radius:50%;
  font-size:11px;font-weight:800;
}
.checkout-card,.rehman-sidebar-card{
  background:rgba(255,255,255,.98);
  border:1px solid #dfe5e5;
  border-radius:8px;
  box-shadow:0 9px 24px rgba(0,0,0,.045);
}
.checkout-card{padding:14px 16px 12px;margin-bottom:13px;}
.rehman-section-title-line,.sidebar-title-row{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:13px;
}
.rehman-section-title-line h2,.sidebar-title-row h2,.popular-card h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  color:#173b3e;
  font-weight:700;
}
.rehman-section-title-line h2{font-size:17px;}
.rehman-step-icon,.side-icon{
  width:25px;height:25px;border-radius:5px;display:grid;place-items:center;
  color:#fff;font-size:14px;font-weight:800;flex:0 0 auto;
}
.rehman-step-icon.bronze{background:linear-gradient(135deg,#c88925,#e4bd63);}
.rehman-step-icon.teal{background:linear-gradient(135deg,#006e70,#004b4e);}
.membership-info-content{
  display:flex;align-items:center;gap:36px;
  padding:5px 20px 6px 16px;
}
.membership-badge{width:77px;min-width:77px;}
.membership-copy h3{
  margin:0 0 6px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  color:#191919;
  font-weight:700;
}
.membership-copy p{margin:0 0 3px;color:#333;font-size:12px;}
.rehman-price{font-size:24px;line-height:1;color:#006267;font-weight:800;margin-bottom:6px;}
.membership-copy small{font-size:11px;color:#2a3031;}

/* Forms */
.checkout-form .form-label{
  font-size:10px;
  color:#435557;
  font-weight:700;
  margin-bottom:3px;
}
.checkout-form .form-label span{color:#cc2a25;}
.checkout-form .form-control,.checkout-form .form-select{
  height:27px;
  border:1px solid #d9dfdf;
  border-radius:5px;
  color:#4f5f61;
  font-size:10px;
  box-shadow:none;
  padding:4px 10px;
  background-color:#fff;
}
.checkout-form .form-control::placeholder{color:#a7afb1;}
.checkout-form .form-control:focus,.checkout-form .form-select:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 .15rem rgba(200,146,50,.14);
}
.password-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;}
.show-password{border:0;background:transparent;color:#182d2f;font-size:10px;font-weight:800;white-space:nowrap;padding:0;}
.account-login-note{
  border-top:1px solid #eef0f0;
  margin:12px -16px -12px;
  padding:8px 16px;
  font-size:10px;
  color:#596668;
}
.account-login-note a{color:#00696c;font-weight:800;}
.card-input-wrap,.cvc-wrap{position:relative;}
.card-input-wrap .form-control{padding-right:125px;}
.card-logos{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:17px;width:auto;}
.expiry-row{display:flex;align-items:center;gap:8px;}
.expiry-row .form-select{flex:1;}
.expiry-row span{color:#5b686a;font-weight:700;}
.cvc-wrap span{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;border:1px solid #9ea9aa;border-radius:50%;
  display:grid;place-items:center;font-size:10px;color:#8b9798;font-weight:800;
}
.secure-alert{margin:-2px 0 13px;font-size:10.5px;}
.secure-alert span{font-weight:800;color:#003d40;margin-right:7px;}
.submit-checkout{
  min-width:230px;
  height:38px;
  background:linear-gradient(135deg,#007278,#003d42);
  color:#fff;
  border:0;
  border-radius:5px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1px;
  box-shadow:0 10px 18px rgba(0,85,90,.22);
}
.submit-checkout:hover{background:linear-gradient(135deg,#006166,#00363a);color:#fff;}
.security-badges{height:39px;width:auto;}

/* Sidebar */
.checkout-sidebar{position:sticky;top:18px;}
.rehman-sidebar-card{
  border-color:var(--border);
  padding:19px 20px;
  overflow:hidden;
  position:relative;
}
.rehman-sidebar-card + .rehman-sidebar-card{margin-top:14px;}
.order-summary-card::after{
  content:"";
  position:absolute;right:-8px;bottom:-13px;
  width:120px;height:120px;
  opacity:.25;
  background:
    linear-gradient(30deg,transparent 47%,var(--gold) 49%,transparent 51%) 0 0/20px 20px,
    linear-gradient(150deg,transparent 47%,var(--gold) 49%,transparent 51%) 0 0/20px 20px;
}
.side-icon{
  background:#fff3e0;
  border:1px solid var(--gold);
  color:var(--gold);
  border-radius:8px;
}
.sidebar-title-row h2,.popular-card h2{font-size:18px;}
.title-underline{width:26px;height:2px;background:var(--gold);margin:0 0 22px;}
.order-item{padding-bottom:18px;border-bottom:1px solid #e8e1d5;position:relative;z-index:1;}
.order-badge{width:62px;min-width:62px;}
.order-item strong{font-size:12px;color:#1e2e30;}
.order-item p{margin:7px 0 0;font-size:11px;color:#667173;}
.summary-total{padding:18px 0 16px;position:relative;z-index:1;}
.summary-total span{font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:700;color:#272727;}
.summary-total strong{font-size:22px;color:#00666b;}
.summary-features{position:relative;z-index:1;}
.summary-features li{font-size:12px;color:#263b3e;margin-bottom:14px;position:relative;padding-left:25px;}
.summary-features li::before{
  content:"?";position:absolute;left:0;top:-1px;
  width:15px;height:15px;border:1px solid #738083;border-radius:50%;display:grid;place-items:center;
  font-size:10px;font-weight:900;color:#405255;
}
.popular-card{padding-top:19px;}
.course-mini{
  display:flex;gap:12px;padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid #e7e0d7;
}
.course-mini img{width:77px;height:72px;object-fit:cover;border-radius:4px;}
.course-mini h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:14px;
  font-weight:700;
  color:#1a2c2e;
  line-height:1.22;
  margin:7px 0 9px;
}
.course-mini span{color:#00a247;font-size:12px;font-weight:800;}
.view-courses{
  display:flex;align-items:center;justify-content:center;gap:8px;
  color:#006368;font-size:12px;font-weight:800;padding:5px 0 0;
}


/* Responsive */
@media (max-width:1199.98px){
  .site-navbar{padding:8px 0;}
  .site-navbar .nav-link{padding:8px 0!important;}
  .nav-search{width:100%;max-width:340px;}
  .rehman-nav-actions{padding-bottom:8px;}
}
@media (max-width:991.98px){
  .page-container{max-width:720px;}
  .checkout-sidebar{position:static;}
  .checkout-hero{min-height:150px;background-position:center center;}
}
@media (max-width:767.98px){
  body{font-size:13px;}
  .brand-logo{width:160px;}
  .checkout-hero{min-height:125px;background-position:left top;}
  .breadcrumb-strip{padding:11px 0;}
  .checkout-section{padding-top:16px;}
  .membership-info-content{gap:18px;padding:3px 0;}
  .membership-badge{width:68px;min-width:68px;}
  .password-row{grid-template-columns:1fr;gap:5px;}
  .show-password{text-align:left;}
  .card-input-wrap .form-control{padding-right:10px;height:auto;min-height:32px;}
  .card-logos{position:static;transform:none;margin-top:8px;height:18px;}
  .checkout-actions{gap:14px!important;}
  .submit-checkout{width:100%;min-width:0;}
  .security-badges{height:auto;width:100%;max-width:252px;margin:auto;}
  .rehman-footer-bottom{text-align:center;}
  .bottom-links{justify-content:center;}
}
@media (max-width:575.98px){
  .page-container{padding-left:18px;padding-right:18px;}
  .checkout-hero{min-height:110px;background-size:auto 110px;background-position:center top;}
  .membership-info-content{align-items:flex-start;}
  .rehman-section-title-line h2{font-size:15px;}
  .sidebar-title-row h2,.popular-card h2{font-size:17px;}
  .course-mini img{width:72px;height:68px;}
}










/* school page Hero Section */
.school-hero-section {
    width: 100%;
    min-height: 820px;
    background-image: url(/images/muslim-edex/school-banner.png);
    position: relative;
    overflow: hidden;
    color: #fff;
}

.school-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image:
    linear-gradient(30deg, rgba(255,255,255,0.08) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,0.08) 87.5%),
    linear-gradient(150deg, rgba(255,255,255,0.08) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,0.08) 87.5%);
  background-size: 80px 140px;
  pointer-events: none;
}

.school-hero-section::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -150px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(220, 161, 59, 0.45);
  border-radius: 50%;
  opacity: 0.55;
}

.rehman-min-vh-hero {
  min-height: 820px;
  position: relative;
  z-index: 2;
}

/* Left Content */
.school-hero-content {
  max-width: 570px;
  padding: 55px 0 45px;
}

.school-hero-content h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 52px;
  line-height: 1.04;
  font-weight: 700;
  margin-bottom: 18px;
  color: #fff;
  text-shadow: 0 3px 0 rgba(0,0,0,0.14);
}

.school-hero-content h1 span {
    color: #efb762;
}



.school-hero-content p {
  max-width: 530px;
  font-size: 14px;
  line-height: 1.55;
  color: #f4fffd;
  margin-bottom: 25px;
}

/* Buttons */
.hero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 32px;
}

.hero-btns .btn {
  min-width: 145px;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
}

.rehman-btn-outline-gold {
  color: #fff;
  border: 1px solid var(--gold);
  background: transparent;
}

.rehman-btn-outline-gold:hover {
  background: var(--gold);
  color: #102625;
}

.btn-demo {
  background: var(--cream);
  color: #182626;
  border: 1px solid #e6c79a;
}

.btn-demo:hover {
    background: #e5a62b;
    color: #102625;
}

/* Feature Icons */
.hero-features {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.rehman-feature-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rehman-feature-box span {
  width: 34px;
  height: 34px;
  border: 1px solid var(--gold);
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  font-size: 16px;
}

.rehman-feature-box p {
  margin: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

/* Right Image */
.school-hero-image {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
}

.school-hero-image img {
  width: 100%;
  max-width: 640px;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Responsive */
@media (max-width: 991px) {
  .school-hero-content {
    text-align: center;
    max-width: 100%;
    padding: 45px 0 20px;
  }

  .school-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-btns,
  .hero-features {
    justify-content: center;
  }

  .school-hero-image {
    justify-content: center;
    margin-top: 15px;
  }

  .school-hero-image img {
    max-width: 560px;
  }
}

@media (max-width: 767px) {
  .school-hero-content h1 {
    font-size: 38px;
  }

  .school-hero-content p {
    font-size: 13px;
  }

  .hero-features {
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .school-hero-content h1 {
    font-size: 31px;
  }

  .hero-btns .btn {
    width: 100%;
  }

  .rehman-feature-box {
    width: 100%;
    justify-content: center;
  }
}






/* Sections */
.rehman-section-space{
  padding:28px 0 18px;
}

.rehman-section-heading h2,
.impact-intro h2,
.admin-copy h2,
.insights-copy h2,
.cta-card h2{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:800;
  color:#0f3433;
  margin:0;
}

.rehman-section-heading h2{
  font-size:29px;
}

.rehman-title-divider{
  display:inline-block;
  width:60px;
  height:16px;
  position:relative;
  margin-top:8px;
}

.rehman-title-divider::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:7px;
  height:2px;
  background:#e0ae57;
}

.rehman-title-divider::after{
  content:"";
  position:absolute;
  left:50%;
  top:4px;
  width:9px;
  height:9px;
  border:2px solid #e0ae57;
  background:#fff;
  transform:translateX(-50%) rotate(45deg);
}

.cards-row{
  margin-top:22px;
  position:relative;
}

.cards-row::before,
.cards-row::after{
  content:"";
  position:absolute;
  width:34px;
  height:90px;
  top:85px;
  background-image:radial-gradient(circle, #e0a53b 1.8px, transparent 2px);
  background-size:12px 12px;
  opacity:.85;
}

.cards-row::before{
  left:-8px;
}

.cards-row::after{
  right:-8px;
}

.rehman-why-card{
  min-height:168px;
  height:100%;
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px 22px 20px;
  text-align:center;
  box-shadow:0 14px 35px rgba(12,46,43,.04);
  transition:.25s ease;
}

.rehman-why-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 38px rgba(12,46,43,.09);
}

.rehman-icon-circle{
  width:66px;
  height:66px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:30px;
  margin:0 auto 17px;
  box-shadow:inset 0 -5px 0 rgba(0,0,0,.12), 0 9px 18px rgba(0,0,0,.12);
}

.rehman-icon-circle.rehman-green {
    background: #034543;
}

.rehman-icon-circle.rehman-gold{
  background:var(--gold);
}

.rehman-why-card h3,
.rehman-feature-item h3{
  font-size:14px;
  font-weight:800;
  margin:0 0 8px;
  color:#111f20;
}

.rehman-why-card p,
.rehman-feature-item p,
.impact-intro p,
.admin-copy p,
.insights-copy p{
  margin:0;
  color:#334546;
  font-size:12.5px;
  line-height:1.62;
}

/* Impact */
.rehman-impact-section{
  padding:0 0 24px;
}

.impact-box{
  border-radius:13px;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98), rgba(245,249,247,.95)),
    radial-gradient(circle at 80% 20%, rgba(220,161,59,.10), transparent 30%);
  border:1px solid rgba(227,225,216,.9);
  box-shadow:0 18px 40px rgba(12,46,43,.06);
}

.impact-intro{
  height:100%;
  padding:34px 45px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.mini-flower{
  color:var(--gold);
  font-size:36px;
  margin-bottom:8px;
}

.impact-intro h2{
  font-size:36px;
  line-height:1.07;
  letter-spacing:-.4px;
}

.impact-intro h2 span{
  color:var(--gold);
}

.small-line{
  width:72px;
  height:2px;
  background:var(--gold);
  display:block;
  margin:17px 0 20px;
  position:relative;
}

.small-line::before{
  content:"";
  position:absolute;
  left:28px;
  top:-4px;
  width:9px;
  height:9px;
  background:#fff;
  border:2px solid var(--gold);
  transform:rotate(45deg);
}

.impact-intro .btn{
  align-self:flex-start;
  margin-top:26px;
}

.features-grid{
  min-height:330px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
}

.rehman-feature-item{
  padding:30px 31px;
  border-left:1px solid #d8dedb;
  border-bottom:1px solid #d8dedb;
}

.rehman-feature-item:nth-child(n+4){
  border-bottom:0;
}

.small-icon{
  width:55px;
  height:55px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  color:var(--green);
  background:#faf7ee;
  border:1px solid #eadabc;
  font-size:27px;
}

/* Admin */
.admin-section{
  padding:2px 0 28px;
  position:relative;
}

.admin-section::before,
.admin-section::after{
  content:"";
  position:absolute;
  width:170px;
  height:260px;
  border:1px solid rgba(220,161,59,.22);
  border-radius:45% 55% 70% 30%/40% 45% 55% 60%;
  top:55px;
  opacity:.55;
  pointer-events:none;
}

.admin-section::before{
  left:-50px;
}

.admin-section::after{
  right:-60px;
}

.admin-card{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.78);
  border-radius:28px;
  padding:15px 42px;
}

.admin-copy h2{
  font-size:30px;
}

.admin-copy p{
  max-width:280px;
}

.admin-list{
  list-style:none;
  padding:0;
  margin:24px 0 0;
  display:grid;
  gap:13px;
}

.admin-list li{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:12px;
  align-items:start;
  color:#234142;
  font-size:12px;
  line-height:1.25;
}

.admin-list span{
  width:35px;
  height:35px;
  border-radius:50%;
  background:var(--green);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
}

.admin-list strong{
  display:block;
  color:#00483f;
  font-size:13px;
  font-weight:800;
  margin-bottom:2px;
}

.dashboard-image{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,55,50,.09);
}

.dashboard-image img{
  width:100%;
  display:block;
}

/* Insights */
.insights-section{
  padding:0 0 24px;
}

.completion-card{
  max-width:410px;
  margin:auto;
  border-radius:13px;
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:0 14px 34px rgba(12,46,43,.05);
  background:#fff;
}

.completion-card img{
  width:100%;
  display:block;
}

.insights-copy h2{
  font-size:30px;
}

.insights-copy p{
  max-width:640px;
}

.insight-icons{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin-top:26px;
}

.insight-icons div{
  text-align:center;
  font-size:10.5px;
  font-weight:800;
  color:#1d3334;
}

.insight-icons span{
  width:66px;
  height:66px;
  border:1px solid var(--border);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
  color:var(--green);
  background:#fffdfa;
  font-size:28px;
}

/* CTA */
.cta-section{
  padding:4px 0 0;
  position:relative;
  z-index:2;
}

.cta-card{
  position:relative;
  overflow:hidden;
  border-radius:18px 18px 0 0;
  min-height:95px;
  padding:18px 58px;
  background:
    radial-gradient(circle at 25% 50%, rgba(255,255,255,.08), transparent 20%),
    linear-gradient(90deg, #00483f 0%, #004238 100%);
  color:#fff;
  display:grid;
  grid-template-columns:86px 1fr auto;
  align-items:center;
  gap:24px;
  border:1px solid #c89339;
  box-shadow:0 18px 38px rgba(0,72,63,.13);
}

.cta-card > *{
  position:relative;
  z-index:1;
}

.rehman-cta-icon{
  width:70px;
  height:70px;
  border-radius:20px;
  border:1px solid var(--gold);
  color:var(--gold);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:36px;
}

.cta-card h2{
  color:#fff;
  font-size:29px;
  margin-bottom:3px;
}

.cta-card p{
  color:#e9f4f1;
  margin:0;
  font-size:13px;
}


.btn-cream:hover, .rehman-btn-gold-solid:hover {
    background: rgb(241, 182, 93);
    color: rgb(17, 34, 34);
    transform: translateY(-2px);
}

.rehman-btn-gold-solid {
    background: rgb(242, 189, 103);
    color: rgb(18, 36, 38);
    border: 1px solid rgb(242, 189, 103);
}

.rehman-btn-dark-green {
    background: linear-gradient(135deg, #044c46, #003a37);
    color: #fff !important;
    border: 1px solid #01433f;
}

.rehman-btn-dark-green:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Responsive */
@media (max-width: 1199px){

  .rehman-hero-copy h1{
    font-size:46px;
  }

  .features-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .rehman-feature-item:nth-child(n+4){
    border-bottom:1px solid #d8dedb;
  }

  .rehman-feature-item:nth-child(n+5){
    border-bottom:0;
  }

  .cta-card{
    padding:18px 30px;
    grid-template-columns:70px 1fr auto;
  }
}

@media (max-width: 991px){
  .hero-row{
    min-height:auto;
    padding-bottom:30px;
  }

  .rehman-hero-copy{
    padding:44px 0 20px;
    text-align:center;
    margin:auto;
  }

  .rehman-hero-copy p{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-buttons,
  .hero-badges{
    justify-content:center;
  }

  .rehman-hero-image-wrap{
    justify-content:center;
    margin-top:10px;
  }

  .hero-img{
    max-width:560px;
  }

  .impact-intro{
    text-align:center;
    align-items:center;
    padding:35px 30px 25px;
  }

  .impact-intro .btn{
    align-self:center;
  }

  .features-grid{
    border-top:1px solid #d8dedb;
  }

  .rehman-feature-item{
    border-left:0;
  }

  .rehman-feature-item:nth-child(odd){
    border-right:1px solid #d8dedb;
  }

  .admin-card{
    padding:20px 28px;
  }

  .admin-copy{
    text-align:center;
  }

  .admin-copy p{
    margin:auto;
  }

  .admin-list{
    max-width:480px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }

  .insights-copy{
    text-align:center;
  }

  .insights-copy p{
    margin:auto;
  }

  .small-line{
    margin-left:auto;
    margin-right:auto;
  }

  .cta-card{
    text-align:center;
    grid-template-columns:1fr;
    justify-items:center;
  }

  .rehman-cta-icon{
    width:62px;
    height:62px;
  }
}

@media (max-width: 767px){
  body{
    font-size:13px;
  }

  .container{
    padding-left:20px;
    padding-right:20px;
  }

  .navbar-brand img{
    width:145px;
  }

  .rehman-hero-copy h1{
    font-size:36px;
  }

  .rehman-hero-copy p{
    font-size:13px;
  }

  .hero-badges{
    gap:15px;
  }

  .badge-item{
    width:100%;
    max-width:210px;
    text-align:left;
  }

  .rehman-section-heading h2,
  .impact-intro h2,
  .admin-copy h2,
  .insights-copy h2,
  .cta-card h2{
    font-size:26px;
  }

  .cards-row::before,
  .cards-row::after{
    display:none;
  }

  .features-grid{
    grid-template-columns:1fr;
  }

  .rehman-feature-item,
  .rehman-feature-item:nth-child(odd){
    border-right:0;
    border-left:0;
  }

  .rehman-feature-item:nth-child(n){
    border-bottom:1px solid #d8dedb;
  }

  .rehman-feature-item:last-child{
    border-bottom:0;
  }

  .insight-icons{
    grid-template-columns:repeat(2,1fr);
    gap:18px;
  }

  .admin-card{
    padding:16px 12px;
  }

  .cta-card{
    border-radius:16px 16px 0 0;
    padding:24px 20px;
  }

  .rehman-footer-bottom .container{
    justify-content:center !important;
    text-align:center;
  }
}

@media (max-width: 480px){
  .rehman-hero-copy h1{
    font-size:31px;
  }

  .hero-buttons .btn{
    width:100%;
  }

  .rehman-why-card{
    min-height:auto;
  }

  .impact-intro{
    padding:30px 20px 22px;
  }

  .rehman-feature-item{
    padding:24px 20px;
    text-align:center;
  }

  .small-icon{
    margin-left:auto;
    margin-right:auto;
  }

  .insight-icons{
    grid-template-columns:1fr;
  }
}


main,
.rehman-why-section,
.admin-section {
  overflow-x: hidden;
}

/* Admin decorative shapes causing horizontal scroll */
.admin-section::before {
  left: 0;
  transform: translateX(-50%);
}

.admin-section::after {
  right: 0;
  transform: translateX(50%);
}

/* Extra safety for mobile */
@media (max-width: 767px) {
  .admin-section::before,
  .admin-section::after,
  .cards-row::before,
  .cards-row::after {
    display: none;
  }
}









/* .medex-hero-section{
  background:
    radial-gradient(circle at 78% 30%,rgba(17,117,120,.48),transparent 42%),
    linear-gradient(90deg,#00383b 0%,#005358 47%,#004348 100%);
  min-height:285px;
  color:#fff;
} */

.medex-hero-section {
    height: 400px;
    background-image: url(/images/muslim-edex/login-banner.png);
    background-size: cover;
    background-position: 0% 20%;
    background-repeat: no-repeat;
}
.medex-hero-section:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.10;
  background-image:
    linear-gradient(30deg,rgba(255,255,255,.15) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.15) 87.5%,rgba(255,255,255,.15)),
    linear-gradient(150deg,rgba(255,255,255,.15) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.15) 87.5%,rgba(255,255,255,.15)),
    linear-gradient(30deg,rgba(255,255,255,.15) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.15) 87.5%,rgba(255,255,255,.15)),
    linear-gradient(150deg,rgba(255,255,255,.15) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.15) 87.5%,rgba(255,255,255,.15));
  background-position:0 0,0 0,40px 70px,40px 70px;
  background-size:80px 140px;
}
.medex-hero-pattern-right{
  position:absolute;
  top:-28px;
  right:-60px;
  width:310px;
  height:340px;
  opacity:.24;
  border:2px solid rgba(201,148,63,.8);
  clip-path:polygon(48% 0,100% 25%,100% 80%,50% 100%,0 80%,0 25%);
}
.medex-hero-pattern-right:before,
.medex-hero-pattern-right:after{
  content:"";
  position:absolute;
  inset:26px;
  border:1px solid rgba(201,148,63,.75);
  clip-path:inherit;
}
.medex-hero-pattern-right:after{inset:58px;opacity:.8;}
.medex-min-hero{min-height:400px;}
.medex-hero-art img{
  width:350px;
  mix-blend-mode:screen;
  opacity:.95;
  filter:drop-shadow(0 24px 25px rgba(0,0,0,.28));
}
.medex-hero-copy{padding-left:22px;}
.medex-eyebrow{
  display:inline-block;
  color:#e2a943;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.8px;
  margin-bottom:10px;
}
.medex-hero-copy h1,
.medex-login-card h2,
.medex-benefit-panel h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:700;
  line-height:1.04;
}
.medex-hero-copy h1{
  font-size:64px;
  margin:0 0 15px;
  color:#fff;
  text-shadow:0 8px 20px rgba(0,0,0,.24);
}
.medex-gold-line{
  width:44px;
  height:3px;
  background:var(--medex-gold);
  margin-bottom:18px;
}
.medex-gold-line.medex-gold-line-sm{width:36px;height:2px;margin-bottom:33px;}
.medex-hero-copy p{
  font-size:19px;
  line-height:1.62;
  margin:0;
  color:#fff;
  font-weight:500;
}

.medex-login-wrap{
  position:relative;
  padding:34px 0 42px;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.9),transparent 38%),
    radial-gradient(circle at 90% 18%,rgba(230,196,130,.22),transparent 30%),
    #fffaf3;
}
.medex-login-shell{
  display:grid;
  grid-template-columns:42% 58%;
  min-height:535px;
  border-radius:13px;
  overflow:hidden;
  box-shadow:var(--medex-shadow);
  border:1px solid rgba(37,42,43,.12);
  background:#fff;
}
.medex-benefit-panel{
  position:relative;
  background:linear-gradient(120deg,#fffdf8 0%,#fdf7ed 100%);
  padding:43px 40px 0;
  min-height:535px;
  overflow:hidden;
}
.medex-benefit-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 15% 18%,rgba(226,196,141,.24),transparent 34%);
  pointer-events:none;
}
.medex-benefit-content{position:relative;z-index:1;}
.medex-benefit-panel h2{
  font-size:31px;
  color:#203037;
  margin:0 0 28px;
}
.medex-benefit-panel h2 span{color:#c8832d;}
.medex-benefit-item{
  display:grid;
  grid-template-columns:45px 1fr;
  gap:17px;
  align-items:flex-start;
  margin-bottom:27px;
}
.medex-benefit-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px;
  background:linear-gradient(135deg,#006b6f,#004447);
  box-shadow:0 8px 16px rgba(0,80,84,.22);
}
.medex-benefit-item h3{
  font-size:13px;
  margin:0 0 5px;
  font-weight:800;
  color:#283437;
}
.medex-benefit-item p{
  margin:0;
  color:#3d4c50;
  font-size:12px;
  line-height:1.6;
}
.medex-mosque-line{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:122px;
  object-fit:cover;
  object-position:center bottom;
  opacity:.92;
}

.medex-login-card{
  position:relative;
  background:#fff;
  border-left:1px solid rgba(0,0,0,.12);
  border-radius:13px 0 0 13px;
  box-shadow:-12px 0 30px rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:46px 64px;
}
.medex-form-inner{width:100%;max-width:360px;}
.medex-login-card h2{
  font-size:29px;
  color:#1f2f34;
  margin:0 0 8px;
}
.medex-login-card .form-label{
  color:#1e2f34;
  font-weight:600;
  margin-bottom:9px;
  font-size:13px;
}
.medex-input-group{
  position:relative;
  display:flex;
  align-items:center;
}
.medex-input-group > i{
  position:absolute;
  left:16px;
  color:#69777a;
  font-size:17px;
  z-index:2;
}
.medex-input-group .form-control{
  height:48px;
  border:1px solid #d6d9d9;
  border-radius:5px!important;
  padding-left:45px;
  padding-right:45px;
  font-size:13px;
  box-shadow:none;
  color:#1d2a2f;
}
.medex-input-group .form-control::placeholder{color:#99a0a3;}
.medex-input-group .form-control:focus{
  border-color:#9fc5c3;
  box-shadow:0 0 0 3px rgba(0,88,90,.10);
}
.medex-show-pass{
  position:absolute;
  right:13px;
  z-index:3;
  border:0;
  background:transparent;
  color:#667174;
  padding:3px;
}
.medex-custom-check .medex-login-card .form-check-input{
  width:17px;
  height:17px;
  border-radius:2px;
  border-color:#0c6b6c;
  box-shadow:none;
}
.medex-custom-check .medex-login-card .form-check-input:checked{background-color:#005b5d;border-color:#005b5d;}
.medex-custom-check .medex-login-card .form-check-label{font-size:12px;color:#26383e;font-weight:500;padding-left:5px;}
.medex-forgot-link{font-size:12px;color:#005f63;font-weight:800;white-space:nowrap;}
.medex-forgot-link:hover{color:#c8832d;}
.medex-sign-btn{
  height:46px;
  border-radius:5px;
  color:#fff!important;
  font-weight:800;
  background:linear-gradient(135deg,#006b70,#00494b);
  box-shadow:0 8px 16px rgba(0,85,89,.22);
  border:0;
}
.medex-sign-btn:hover{background:linear-gradient(135deg,#00777c,#004143);transform:translateY(-1px);}
.medex-sign-btn i{font-size:18px;margin-left:12px;}
.medex-secure-text{
  color:#ad7d3c;
  text-align:center;
  font-size:11px;
  font-weight:600;
  margin:18px 0 20px;
}
.medex-secure-text i{margin-right:6px;}
.medex-divider{
  position:relative;
  text-align:center;
  margin:0 0 17px;
  color:#7c8587;
  font-size:12px;
}
.medex-divider:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:#ddd7ce;
}
.medex-divider span{
  position:relative;
  display:inline-flex;
  width:26px;
  height:26px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #ddd7ce;
}
.medex-social-login{
  height:42px;
  border:1px solid #dcdfe0;
  border-radius:5px;
  background:#fff;
  font-weight:700;
  color:#2d3537;
  font-size:13px;
}
.medex-social-login:hover{border-color:#b9cbc9;background:#fbfbfb;}
.medex-google-mark{
  display:inline-flex;
  color:#4285f4;
  font-weight:900;
  font-size:18px;
  margin-right:10px;
  line-height:1;
}
.medex-social-login i{font-size:17px;margin-right:9px;color:#000;}
.medex-create-text{
  text-align:center;
  margin:28px 0 0;
  color:#2b393d;
  font-size:12px;
  font-weight:500;
}
.medex-create-text a{color:#005f63;font-weight:800;}
.medex-create-text a:hover{color:#c8832d;}

.medex-support-box{
  margin-top:30px;
  min-height:76px;
  border:1px solid #e7d7b9;
  border-radius:12px;
  background:rgba(255,251,244,.84);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:21px 34px;
}
.medex-support-left{display:flex;align-items:center;gap:21px;}
.medex-support-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 30% 20%,#0e7d82,#004a4d 72%);
  color:#fff;
  font-size:27px;
  box-shadow:0 9px 18px rgba(0,75,79,.24);
}
.medex-support-box h3{font-size:14px;font-weight:800;margin:0 0 6px;color:#203034;}
.medex-support-box p{font-size:12px;font-weight:600;color:#516067;margin:0;}
.medex-support-btn{
  border:2px solid #006069;
  color:#00575c;
  border-radius:6px;
  padding:11px 23px;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.medex-support-btn:hover{background:#00585a;color:#fff;}










@media (max-width:1199.98px){
  .medex-login-card{padding:44px 48px;}
}

@media (max-width:991.98px){
  .medex-hero-section{min-height:250px;height: 250px;text-align:center;}
  .medex-min-hero{min-height:250px;}
  .medex-hero-copy{padding:44px 0;}
  .medex-gold-line{margin-left:auto;margin-right:auto;}
  .medex-hero-copy h1{font-size:52px;}
  .medex-hero-copy p{font-size:17px;}
  .medex-login-shell{grid-template-columns:1fr;max-width:620px;margin:0 auto;}
  .medex-benefit-panel{min-height:auto;padding:35px 34px 120px;}
  .medex-login-card{border-left:0;border-top:1px solid rgba(0,0,0,.08);border-radius:0;padding:42px 34px;}
  .medex-form-inner{max-width:430px;}
  .medex-support-box{max-width:620px;margin-left:auto;margin-right:auto;}
  .medex-quote-panel{display:none;}
}

@media (max-width:767.98px){
  body.medex-page{font-size:13px;}
  .medex-brand-logo{width:175px;}
  .medex-hero-copy h1{font-size:44px;}
  .medex-hero-copy p{font-size:15px;line-height:1.7;}
  .medex-login-wrap{padding:26px 0 34px;}
  .medex-benefit-panel{padding:30px 26px 110px;}
  .medex-benefit-panel h2{font-size:28px;}
  .medex-login-card{padding:36px 26px;}
  .medex-login-card h2{font-size:27px;}
  .medex-support-box{align-items:flex-start;flex-direction:column;padding:22px;}
  .medex-support-btn{width:100%;text-align:center;}
}

@media (max-width:575.98px){
  .medex-hero-copy{padding:38px 10px;}
  .medex-hero-copy h1{font-size:38px;}
  .medex-login-shell{border-radius:10px;}
  .medex-benefit-panel{padding:26px 22px 92px;}
  .medex-benefit-item{grid-template-columns:40px 1fr;gap:14px;margin-bottom:21px;}
  .medex-benefit-icon{width:38px;height:38px;font-size:18px;}
  .medex-mosque-line{height:88px;}
  .medex-login-card{padding:32px 22px;}
  .medex-form-help-row{align-items:flex-start!important;flex-direction:column;gap:12px!important;}
  .medex-social-login-row .col-sm-6{width:50%;}
  .medex-social-login{font-size:12px;}
  .medex-support-left{gap:15px;align-items:flex-start;}
  .medex-support-icon{width:48px;height:48px;font-size:23px;flex:0 0 48px;}
}









/* Hero */

.account-hero {
  min-height: 142px;
  background:
    linear-gradient(90deg, rgba(0, 55, 56, 0.98), rgba(0, 72, 72, 0.9)),
    url("/images/muslim-edex/account-bg.png");
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.account-hero::before {
  content: "";
  width: 230px;
  height: 230px;
  border: 3px solid var(--gold);
  border-radius: 50%;
  position: absolute;
  left: -80px;
  top: -70px;
  opacity: 0.9;
}

.account-hero-content {
  position: relative;
  z-index: 2;
}

.account-hero h1 {
  font-family: "Playfair Display", serif;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 12px;
}

.breadcrumb-text {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 500;
}

.breadcrumb-text a {
  color: #fff;
}

.breadcrumb-text i {
  font-size: 10px;
}

/* Main */

.account-main {
  padding: 60px 0 60px;
  background:
    linear-gradient(rgba(255, 250, 243, 0.96), rgba(255, 250, 243, 0.96)),
    radial-gradient(circle at 10% 20%, rgba(216, 154, 56, 0.08), transparent 26%),
    radial-gradient(circle at 90% 20%, rgba(216, 154, 56, 0.06), transparent 26%);
}

.account-card {
  max-width: 900px;
  min-height: 455px;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 360px 1fr;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
}

/* Left Community Panel */

.community-panel {
  background:
    linear-gradient(rgba(0, 63, 63, 0.95), rgba(0, 63, 63, 0.95)),
    url("/images/muslim-edex/mosque-bg.png");
  background-size: cover;
  background-position: bottom center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.community-panel::before {
  content: "";
  position: absolute;
  right: -42px;
  top: -8%;
  width: 105px;
  height: 116%;
  background: #fff;
  border-left: 7px solid var(--gold);
  border-radius: 55% 0 0 55%;
  z-index: 1;
}

.community-panel::after {
  content: "";
  position: absolute;
  right: 0;
  top: 47%;
  width: 48px;
  height: 70px;
  background: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  z-index: 2;
}

.community-content {
  width: 78%;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 3;
  padding-right: 28px;
}

.rehman-book-icon {
  color: var(--gold);
  font-size: 46px;
  height: 62px;
  position: relative;
  margin-bottom: 10px;
}

.rehman-book-icon .bi-stars {
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-48%);
  font-size: 35px;
}

.rehman-book-icon .bi-book {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 44px;
}

.community-content h2 {
  font-family: "Playfair Display", serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.16;
  margin-bottom: 28px;
}

.community-content p {
  max-width: 250px;
  margin: 0 auto 28px;
  font-size: 14px;
  line-height: 1.55;
}

.rehman-gold-divider,
.form-divider {
  width: 58px;
  height: 1px;
  background: var(--gold);
  display: inline-block;
  position: relative;
}

.rehman-gold-divider::after,
.form-divider::after {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--gold);
  transform: rotate(45deg);
  position: absolute;
  left: 50%;
  top: -3.5px;
  margin-left: -4px;
}

/* Form Panel */

.form-panel {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-inner {
  width: 380px;
  max-width: 100%;
  text-align: center;
}

.form-inner h3 {
  font-family: "Playfair Display", serif;
  color: var(--teal);
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 6px;
}

.subtitle {
  color: #333;
  font-size: 12px;
  margin-bottom: 8px;
}

.form-divider {
  margin-bottom: 19px;
}

.input-box {
  height: 40px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  overflow: hidden;
  background: #fff;
}

.input-box > i {
  width: 44px;
  color: var(--teal);
  font-size: 16px;
}

.input-box input {
  flex: 1;
  height: 100%;
  border: 0;
  outline: 0;
  font-size: 12px;
  color: #333;
  background: transparent;
}

.input-box input::placeholder {
  color: #555;
}

.eye-btn {
  width: 42px;
  height: 100%;
  border: 0;
  background: transparent;
  color: #111;
  font-size: 14px;
}

.instructor-check {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  margin: 2px 0 14px;
  font-size: 12px;
  color: #222;
}

.instructor-check input {
  width: 14px;
  height: 14px;
}

.signup-btn {
  width: 100%;
  height: 43px;
  border: 0;
  border-radius: 5px;
  background: linear-gradient(135deg, #075a5a, #003d3d);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 5px 12px rgba(0, 63, 63, 0.24);
}

.signup-btn i {
  position: absolute;
  right: 17px;
  font-size: 21px;
}

.signup-btn:hover {
  background: var(--gold);
}

.login-now {
  font-size: 12px;
  margin-top: 18px;
  margin-bottom: 0;
  color: #333;
}

.login-now a {
  color: var(--teal);
  font-weight: 700;
}

@media (max-width: 991px) {
  .account-hero-content {
    padding-left: 40px;
  }

  .account-card {
    grid-template-columns: 1fr;
    max-width: 620px;
  }

  .community-panel {
    min-height: 320px;
  }

  .community-panel::before,
  .community-panel::after {
    display: none;
  }

  .community-content {
    width: 90%;
    padding-right: 0;
  }

  .form-panel {
    padding: 40px 25px;
  }
}

@media (max-width: 767px) {
  .medex-logo-bar .d-flex {
    gap: 18px;
  }

  .brand-logo img {
    width: 165px;
  }

  .rehman-login-link {
    display: none;
  }

  .medex-btn {
    min-width: auto;
    padding: 10px 18px;
    font-size: 13px;
  }

  .account-hero {
    min-height: 120px;
  }

  .account-hero-content {
    padding-left: 0;
  }

  .account-hero h1 {
    font-size: 32px;
  }

  .account-main {
    padding: 25px 12px;
  }

  .form-inner {
    width: 100%;
  }

  .rehman-footer-bottom {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .brand-logo img {
    width: 145px;
  }

  .medex-btn {
    padding: 9px 14px;
  }

  .community-content h2 {
    font-size: 22px;
  }

  .form-inner h3 {
    font-size: 23px;
  }
}