.elementor-kit-5{--e-global-color-primary:#C96B52;--e-global-color-secondary:#53658A;--e-global-color-text:#20212A;--e-global-color-accent:#7476C9;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F4F1E9;color:#20212A;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#C96B52;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:#F4F1E9;border-radius:4px 4px 4px 4px;padding:14px 32px 14px 32px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#b85d46;color:#F4F1E9;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#53658A;}.elementor-kit-5 a:hover{color:#C96B52;}.elementor-kit-5 h1{color:#20212A;font-family:"Fraunces", Sans-serif;font-weight:500;}.elementor-kit-5 h2{color:#20212A;font-family:"Fraunces", Sans-serif;font-weight:500;}.elementor-kit-5 h3{color:#20212A;font-family:"Fraunces", Sans-serif;font-weight:500;}.elementor-kit-5 h4{color:#20212A;font-family:"Fraunces", Sans-serif;font-weight:500;}.elementor-kit-5 h5{color:#20212A;font-family:"Fraunces", Sans-serif;font-weight:500;}.elementor-kit-5 h6{color:#20212A;font-family:"Fraunces", Sans-serif;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --kahf-deep-twilight:#171A2B; --kahf-porcelain:#F4F1E9; --kahf-stone:#D8D3C8; --kahf-mineral-blue:#53658A; --kahf-burnt-coral:#C96B52; --kahf-soft-apricot:#E7B78A; --kahf-ink:#20212A; --kahf-mineral-violet:#7476C9; --kahf-font-display:Fraunces; --kahf-font-body:Inter; --kahf-font-arabic-display:Amiri; --kahf-font-arabic-body:Noto Kufi Arabic; --kahf-fs-display:clamp(2.75rem, 2.1rem + 3vw, 4.5rem); --kahf-fs-h1:clamp(2.25rem, 1.8rem + 2.2vw, 3.5rem); --kahf-fs-h2:clamp(1.75rem, 1.5rem + 1.2vw, 2.5rem); --kahf-fs-h3:clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem); --kahf-fs-h4:1.375rem; --kahf-fs-body-lg:1.25rem; --kahf-fs-body:1rem; --kahf-fs-body-sm:0.875rem; --kahf-fs-caption:0.8125rem; --kahf-fs-eyebrow:0.8125rem; --kahf-fs-button:1rem; --kahf-fs-nav:0.9375rem; --kahf-space-xs:8px; --kahf-space-sm:16px; --kahf-space-md:24px; --kahf-space-lg:40px; --kahf-space-xl:64px; --kahf-space-2xl:96px; --kahf-space-3xl:140px; --kahf-radius-sm:4px; --kahf-radius-md:8px; --kahf-radius-lg:16px; --kahf-container-width:1280px; --kahf-container-padding:24px; }
/* Start custom CSS *//* ============================================ */
/* KAHF INSTITUTE — V4 ATOMIC CSS CORRECTIONS   */
/* ============================================ */

/* --- BASE: Override e-button-base default blue --- */
.e-button-base {
  background-color: transparent;
}

/* --- HEADER NAV: Each nav link button --- */
[data-id="1dea1d8"],
[data-id="a6d4b9f"],
[data-id="7eb4823"],
[data-id="01fd037"],
[data-id="5b8b129"],
[data-id="d4c614c"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #20212A;
  text-decoration: none;
  cursor: pointer;
}
[data-id="1dea1d8"]:hover,
[data-id="a6d4b9f"]:hover,
[data-id="7eb4823"]:hover,
[data-id="01fd037"]:hover,
[data-id="5b8b129"]:hover,
[data-id="d4c614c"]:hover {
  color: #C96B52;
}

/* --- HEADER: Enroll Now CTA button --- */
[data-id="9e2c655"] {
  background-color: #C96B52 !important;
  color: #F4F1E9;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 28px !important;
  border-radius: 4px;
  border: none !important;
  cursor: pointer;
  text-decoration: none;
}
[data-id="9e2c655"]:hover {
  background-color: #b85d46 !important;
}

/* --- HERO: Primary button --- */
[data-id="af14ce5"] {
  background-color: #C96B52 !important;
  color: #F4F1E9;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 15px;
  padding: 14px 32px !important;
  border-radius: 4px;
  border: none !important;
  cursor: pointer;
}
[data-id="af14ce5"]:hover {
  background-color: #b85d46 !important;
}

/* --- HERO: Secondary button --- */
[data-id="2c6a743"] {
  background-color: transparent !important;
  color: #F4F1E9;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 15px;
  padding: 14px 28px !important;
  border-radius: 4px;
  border: 1px solid #53658A !important;
  cursor: pointer;
}
[data-id="2c6a743"]:hover {
  background-color: #53658A !important;
  color: #FFFFFF;
}

/* --- PROGRAMS: View All Programs link --- */
[data-id="2cfb728"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #C96B52;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
}
[data-id="2cfb728"]:hover { color: #b85d46; }

/* --- COURSE CARD: View Course links --- */
[data-id="6c3b99e"],
[data-id="128e0c4"],
[data-id="e07f792"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #C96B52;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
[data-id="6c3b99e"]:hover,
[data-id="128e0c4"]:hover,
[data-id="e07f792"]:hover { color: #b85d46; }

/* --- CTA: Primary button --- */
[data-id="8bbf8c2"] {
  background-color: #C96B52 !important;
  color: #F4F1E9;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 16px 40px !important;
  border-radius: 4px;
  border: none !important;
  cursor: pointer;
}
[data-id="8bbf8c2"]:hover {
  background-color: #b85d46 !important;
}

/* --- CTA: Secondary button --- */
[data-id="0fc692e"] {
  background-color: transparent !important;
  color: #20212A;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 16px 40px !important;
  border-radius: 4px;
  border: 1.5px solid #20212A !important;
  cursor: pointer;
}
[data-id="0fc692e"]:hover {
  background-color: #20212A !important;
  color: #F4F1E9;
}

/* --- FOOTER: All navigation link buttons --- */
[data-id="fnl1"],
[data-id="fnl2"],
[data-id="fnl3"],
[data-id="fnl4"],
[data-id="fnl5"],
[data-id="fpl1"],
[data-id="fpl2"],
[data-id="flprv"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 4px 0 !important;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #F4F1E9;
  cursor: pointer;
  text-decoration: none;
}
[data-id="fnl1"]:hover,
[data-id="fnl2"]:hover,
[data-id="fnl3"]:hover,
[data-id="fnl4"]:hover,
[data-id="fnl5"]:hover,
[data-id="fpl1"]:hover,
[data-id="fpl2"]:hover,
[data-id="flprv"]:hover {
  color: #C96B52;
}

/* --- FOOTER: Contact CTA button --- */
[data-id="fib1"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 4px 0 !important;
  color: #C96B52;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

/* --- FOOTER: Privacy link --- */
[data-id="flprv"] {
  color: #53658A;
  font-size: 13px;
}

/* --- MULTI-COLUMN LAYOUT FIXES --- */
/* Idea Pillars Row */
.elementor .s-idea-prow {
  display: flex !important;
  flex-direction: row !important;
  gap: 48px !important;
  width: 100% !important;
}
.elementor .s-idea-prow > .e-con { flex: 1 1 0% !important; min-width: 0 !important; }

/* Course Grid */
.elementor .s-cg {
  display: flex !important;
  flex-direction: row !important;
  gap: 32px !important;
  width: 100% !important;
}
.elementor .s-cg > .e-con { flex: 1 1 0% !important; min-width: 0 !important; }

/* Method Grid */
.elementor .s-m-grid {
  display: flex !important;
  flex-direction: row !important;
  gap: 32px !important;
  width: 100% !important;
}
.elementor .s-m-grid > .e-con { flex: 1 1 0% !important; min-width: 0 !important; }

/* Teachers Grid */
.elementor .s-tg {
  display: flex !important;
  flex-direction: row !important;
  gap: 32px !important;
  width: 100% !important;
}
.elementor .s-tg > .e-con { flex: 1 1 0% !important; min-width: 0 !important; }

/* Footer Columns */
.elementor .s-fc-w {
  display: flex !important;
  flex-direction: row !important;
  gap: 48px !important;
  width: 100% !important;
}
.elementor .s-fc-w > .e-con { flex: 1 1 0% !important; min-width: 0 !important; }
.elementor .s-fc-1 { flex: 2 1 0% !important; } /* Brand column wider */

/* --- RESPONSIVE --- */
@media (max-width: 767px) {
  .elementor .s-idea-prow,
  .elementor .s-cg,
  .elementor .s-m-grid,
  .elementor .s-tg,
  .elementor .s-fc-w {
    flex-direction: column !important;
  }
  .elementor .s-h-in {
    flex-direction: column !important;
  }
  .elementor .s-hn-w {
    display: none !important;
  }
  .elementor .s-hi-r {
    padding: 12px 16px !important;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .elementor .s-cg,
  .elementor .s-m-grid,
  .elementor .s-tg {
    flex-wrap: wrap !important;
  }
  .elementor .s-cg > .e-con,
  .elementor .s-tg > .e-con {
    flex: 1 1 calc(50% - 16px) !important;
  }
  .elementor .s-hn-w {
    gap: 20px !important;
  }
}/* End custom CSS */