.elementor-7166 .elementor-element.elementor-element-0b7968a:not(.elementor-motion-effects-element-type-background), .elementor-7166 .elementor-element.elementor-element-0b7968a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7166 .elementor-element.elementor-element-0b7968a > .elementor-background-overlay{opacity:0.88;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7166 .elementor-element.elementor-element-0b7968a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:75px 0px 75px 0px;}.elementor-7166 .elementor-element.elementor-element-23fd433 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF33;padding:25px 25px 25px 25px;}.elementor-7166 .elementor-element.elementor-element-23fd433 > .elementor-element-populated, .elementor-7166 .elementor-element.elementor-element-23fd433 > .elementor-element-populated > .elementor-background-overlay, .elementor-7166 .elementor-element.elementor-element-23fd433 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7166 .elementor-element.elementor-element-cee6ebc{z-index:20;text-align:center;}.elementor-7166 .elementor-element.elementor-element-cee6ebc .elementor-heading-title{font-family:"LT BUKRA", Sans-serif;font-size:28px;font-weight:700;line-height:1.4em;color:#FFFFFF;}.elementor-7166 .elementor-element.elementor-element-f8ae682 .jet-breadcrumbs{text-align:center;}.elementor-7166 .elementor-element.elementor-element-f8ae682 .jet-breadcrumbs__item > *{font-family:"LT BUKRA", Sans-serif;}.elementor-7166 .elementor-element.elementor-element-f8ae682 .jet-breadcrumbs__item-link{color:#FFFFFF;}.elementor-7166 .elementor-element.elementor-element-f8ae682 .jet-breadcrumbs__item-target{color:#FFFFFF;}.elementor-7166 .elementor-element.elementor-element-f8ae682 .jet-breadcrumbs__item-sep{color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7166 .elementor-element.elementor-element-4b72c8f{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:5px;}.elementor-7166 .elementor-element.elementor-element-4b72c8f .elementor-divider-separator{width:50px;margin:0 auto;margin-center:0;}.elementor-7166 .elementor-element.elementor-element-4b72c8f .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-7166 .elementor-element.elementor-element-1296c84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7166 .elementor-element.elementor-element-0b7968a{margin-top:0px;margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-7166 .elementor-element.elementor-element-cee6ebc .elementor-heading-title{font-size:22px;line-height:1.4em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-7166 .elementor-element.elementor-element-0b7968a{margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-7166 .elementor-element.elementor-element-23fd433 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:25px 15px 25px 15px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-7166 .elementor-element.elementor-element-cee6ebc{text-align:center;}.elementor-7166 .elementor-element.elementor-element-cee6ebc .elementor-heading-title{font-size:18px;line-height:1.6em;}.elementor-7166 .elementor-element.elementor-element-f8ae682 .jet-breadcrumbs__item > *{font-size:12px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for html, class: .elementor-element-a9fb95b */#nbd-who-we-are{
  direction:rtl !important;
  padding:100px 5%;
  background:#f4f7f6;
  position:relative;
  overflow:hidden;
}

#nbd-who-we-are .nbd-bg{
  position:absolute;
  left:0;
  top:10%;
  width:400px;
  height:400px;
  background:radial-gradient(circle, rgba(10,110,108,0.08) 0%, transparent 70%);
  pointer-events:none;
}

#nbd-who-we-are .nbd-container{
  max-width:1200px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:1fr 1.2fr;
  gap:80px;
  align-items:center;
  position:relative;
  z-index:5;
}

#nbd-who-we-are .nbd-media{position:relative;}

#nbd-who-we-are .nbd-image-wrap{
  width:85%;
  border-radius:40px;
  overflow:hidden;
  position:relative;
  z-index:2;
}

#nbd-who-we-are .nbd-image-wrap img{
  width:100%;
  height:auto;
  display:block;
}

#nbd-who-we-are .nbd-founded{
  position:absolute;
  top:-20px;
  left:0;
  background:#0A6E6C;
  color:#fff;
  padding:20px 30px;
  border-radius:20px;
  z-index:3;
  text-align:center;
}

#nbd-who-we-are .nbd-founded .small{
  display:block;
  font-size:11px;
  opacity:.8;
  margin-bottom:5px;
}

#nbd-who-we-are .nbd-founded .big{
  display:block;
  font-size:18px;
  font-weight:800;
}

#nbd-who-we-are .nbd-license{
  position:absolute;
  bottom:40px;
  right:-30px;
  background:#fff;
  padding:15px 25px;
  border-radius:20px;
  z-index:3;
  border:1px solid #e0e0e0;
  display:flex !important;
  align-items:center;
  gap:12px;
}

/* ===== Native verify icon (NO FontAwesome) ===== */
#nbd-who-we-are .nbd-verify-icon{
  width:45px;
  height:45px;
  background:#e7f5f5;
  color:#0A6E6C; /* controls svg color */
  border-radius:50%;
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  position:relative;
}

#nbd-who-we-are .nbd-verify-icon::before{
  content:"";
  width:22px;
  height:22px;
  background-color: currentColor;

  /* 🔁 حط هنا لينك أيقونة الشهادة SVG اللي هتستخدمها */
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/verify-svgrepo-com.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/verify-svgrepo-com.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  animation: nbd-pulse 2s infinite;
}

#nbd-who-we-are .nbd-license .meta{
  display:flex;
  flex-direction:column;
  gap:3px;
}

#nbd-who-we-are .nbd-license .meta .small{font-size:10px;color:#888;}
#nbd-who-we-are .nbd-license .meta .big{font-size:13px;font-weight:700;color:#333;}

#nbd-who-we-are .nbd-head{
  display:flex !important;
  align-items:center;
  gap:15px;
  margin-bottom:25px;
}

#nbd-who-we-are .nbd-line{
  width:40px;
  height:2px;
  background:#0A6E6C;
  flex:0 0 auto;
}

#nbd-who-we-are .nbd-kicker{
  margin:0;
  font-size:15px;
  font-weight:800;
  color:#0A6E6C;
  text-transform:uppercase;
  letter-spacing:2px;
}

#nbd-who-we-are .nbd-title{
  font-size:25px !important;
  font-weight:900;
  color:#111;
  margin-bottom:25px;
  line-height:1.4;
}

#nbd-who-we-are .nbd-accent{color:#0A6E6C;}

#nbd-who-we-are .nbd-desc{
  font-size:16px;
  color:#555;
  line-height:1.8;
  margin-bottom:35px;
  text-align:justify;
}

#nbd-who-we-are .nbd-tags{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
}

#nbd-who-we-are .nbd-tag{
  font-size:12px;
  font-weight:700;
  color:#444;
  background:#fff;
  padding:8px 18px;
  border-radius:10px;
  border:1px solid #e0e0e0;
}

/* Pulse animation */
@keyframes nbd-pulse{
  0%{transform:scale(1);opacity:1;}
  50%{transform:scale(1.1);opacity:.8;}
  100%{transform:scale(1);opacity:1;}
}

@media (max-width:991px){
  #nbd-who-we-are{padding:70px 5%;}
  #nbd-who-we-are .nbd-container{grid-template-columns:1fr !important;gap:60px !important;}
  #nbd-who-we-are .nbd-image-wrap{width:100% !important;}
  #nbd-who-we-are .nbd-title{font-size:24px !important;}
  #nbd-who-we-are .nbd-license{right:10px !important;bottom:-20px !important;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-563b9de *//* ===== Section Base ===== */
#nbd-about-section {
  direction: rtl !important;
  padding: 100px 5%;
  background: #ffffff;
  overflow: hidden;
}

/* ===== Wrapper ===== */
#nbd-about-section .nbd-about-wrap {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
  flex-wrap: wrap;
}

/* ===== Media ===== */
#nbd-about-section .nbd-about-media {
  flex: 1;
  min-width: 350px;
  position: relative;
}

#nbd-about-section .nbd-about-frame {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100%;
  height: 100%;
  border: 2px solid #0a6e6c;
  border-radius: 40px;
  z-index: 1;
}

#nbd-about-section .nbd-about-img {
  position: relative;
  z-index: 2;
  border-radius: 40px;
  overflow: hidden;
}

#nbd-about-section .nbd-about-img img {
  width: 100%;
  display: block;
  transition: transform 0.35s ease;
}

#nbd-about-section .nbd-about-img img:hover {
  transform: scale(1.05);
}

/* Badge (نبض الخير) */
#nbd-about-section .nbd-about-badge {
  position: absolute;
  bottom: 30px;
  left: -20px;
  background: #0a6e6c;
  color: #fff;
  padding: 20px;
  border-radius: 20px;
  z-index: 3;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

#nbd-about-section .nbd-about-badge-text {
  font-size: 14px;
  font-weight: 700;
}

/* ===== Content ===== */
#nbd-about-section .nbd-about-content {
  flex: 1.2;
  min-width: 350px;
}

#nbd-about-section .nbd-about-kicker {
  display: inline-block;
  color: #0a6e6c;
  font-size: 14px;
  font-weight: 800;
  padding: 8px 20px;
  border-radius: 50px;
  margin-bottom: 20px;
  background: rgba(10, 110, 108, 0.08);
}

#nbd-about-section .nbd-about-title {
  font-size: 38px;
  font-weight: 900;
  color: #111;
  margin: 0 0 25px 0;
  line-height: 1.3;
}

#nbd-about-section .nbd-about-accent {
  color: #0a6e6c;
}

#nbd-about-section .nbd-about-desc {
  font-size: 17px;
  color: #555;
  line-height: 1.9;
  margin-bottom: 30px;
  text-align: justify;
}

/* ===== Features Grid ===== */
#nbd-about-section .nbd-about-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

#nbd-about-section .nbd-about-feature {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

#nbd-about-section .nbd-feature-text h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: #111;
}

#nbd-about-section .nbd-feature-text p {
  margin: 5px 0 0 0;
  font-size: 13px;
  color: #777;
}

/* ===== Native SVG Icons (NO FontAwesome) ===== */
#nbd-about-section .nbd-about-badge-icon,
#nbd-about-section .nbd-feature-icon {
  display: inline-block;
  background-color: currentColor;
}

/* Badge icon sizing */
#nbd-about-section .nbd-about-badge-icon {
  width: 26px;
  height: 26px;
  color: #ffffff;
}

/* Feature icon sizing */
#nbd-about-section .nbd-feature-icon {
  width: 20px;
  height: 20px;
  color: #0a6e6c;
  margin-top: 5px;
  flex: 0 0 20px;
}

/* Apply mask base */
#nbd-about-section .nbd-about-badge-icon,
#nbd-about-section .nbd-feature-icon {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* 1) Heart (نبض الخير) */
#nbd-about-section .nbd-about-badge-icon {
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/heart-pulse-2-svgrepo-com-2.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/heart-pulse-2-svgrepo-com-2.svg");
}

/* 2) Check */
#nbd-about-section .nbd-feature-icon[data-icon="check"] {
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/chart-pie-alt-svgrepo-com.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/chart-pie-alt-svgrepo-com.svg");
}

/* 3) Chart */
#nbd-about-section .nbd-feature-icon[data-icon="chart"] {
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/chart-user-square-svgrepo-com.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/chart-user-square-svgrepo-com.svg");
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  #nbd-about-section {
    padding: 60px 5%;
  }

  #nbd-about-section .nbd-about-wrap {
    flex-direction: column-reverse !important;
    text-align: center;
  }

  #nbd-about-section .nbd-about-title {
    font-size: 30px;
  }

  #nbd-about-section .nbd-about-features {
    grid-template-columns: 1fr;
    text-align: right;
  }

  #nbd-about-section .nbd-about-badge {
    left: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-deca3f1 *//* ===== Section Base ===== */
#nbd-vision-mission-section.nbd-vision-mission{
  direction: rtl !important;
  padding: 80px 5%;
  background: radial-gradient(circle, rgba(10, 110, 108, 0.08) 0%, transparent 70%);
  overflow: hidden;
}

/* Wrapper */
#nbd-vision-mission-section .nbd-vm-wrap{
  max-width: 1100px;
  margin: 0 auto;
}

/* Grid */
#nbd-vision-mission-section .nbd-vm-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: stretch;
}

/* Card base */
#nbd-vision-mission-section .nbd-vm-card{
  border-radius: 30px;
  padding: 40px 35px;
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}

/* Vision styles */
#nbd-vision-mission-section .nbd-vision-card{
  background: #ffffff;
  border: 1px solid #f0f0f0;
}

/* Mission styles */
#nbd-vision-mission-section .nbd-mission-card{
  background: #0A6E6C;
  border: 1px solid rgba(255,255,255,0.12);
}

/* Hover */
#nbd-vision-mission-section .nbd-vision-card:hover{
  transform: translateY(-8px);
  border-color: #0A6E6C;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

#nbd-vision-mission-section .nbd-mission-card:hover{
  transform: translateY(-8px);
  background: #085a58;
  box-shadow: 0 20px 45px rgba(10, 110, 108, 0.2);
}

/* Title */
#nbd-vision-mission-section .nbd-vm-title{
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 15px 0;
}

/* Colors by card type */
#nbd-vision-mission-section .nbd-vision-card .nbd-vm-title{ color:#111; }
#nbd-vision-mission-section .nbd-mission-card .nbd-vm-title{ color:#fff; }

/* Desc */
#nbd-vision-mission-section .nbd-vm-desc{
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
  text-align: justify;
}

#nbd-vision-mission-section .nbd-vision-card .nbd-vm-desc{ color:#666; }
#nbd-vision-mission-section .nbd-mission-card .nbd-vm-desc{ color: rgba(255,255,255,0.92); }

/* ===== Icons (Native SVG masks) ===== */

/* Small icon box (top) */
#nbd-vision-mission-section .nbd-vm-icon{
  width: 55px;
  height: 55px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;

  /* icon color controlled via currentColor */
  color: #ffffff;
  background: #0A6E6C;
}

/* Mission top icon box different background */
#nbd-vision-mission-section .nbd-mission-card .nbd-vm-icon{
  background: rgba(255,255,255,0.12);
}

/* small icon glyph */
#nbd-vision-mission-section .nbd-vm-icon::before{
  content:"";
  width: 24px;
  height: 24px;
  background-color: currentColor;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}

/* Big decorative icon (bottom-left) */
#nbd-vision-mission-section .nbd-vm-bgicon{
  position: absolute;
  bottom: -10px;
  left: -10px;
  width: 120px;
  height: 120px;
  pointer-events: none;

  /* default tint */
  opacity: 0.08;
  color: #0A6E6C;
}

#nbd-vision-mission-section .nbd-vm-bgicon::before{
  content:"";
  width: 100%;
  height: 100%;
  display: block;
  background-color: currentColor;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}

/* Mission big icon tint */
#nbd-vision-mission-section .nbd-mission-card .nbd-vm-bgicon{
  color: #ffffff;
  opacity: 0.10;
}

/* ===== Icon URLs per card ===== */
#nbd-vision-mission-section .nbd-vm-card[data-icon="eye"] .nbd-vm-icon::before,
#nbd-vision-mission-section .nbd-vm-card[data-icon="eye"] .nbd-vm-bgicon::before{
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/target-arrow-svgrepo-com-3.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/target-arrow-svgrepo-com-3.svg");
}

#nbd-vision-mission-section .nbd-vm-card[data-icon="plane"] .nbd-vm-icon::before,
#nbd-vision-mission-section .nbd-vm-card[data-icon="plane"] .nbd-vm-bgicon::before{
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/message-circle-heart-svgrepo-com-1.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/message-circle-heart-svgrepo-com-1.svg");
}

/* Footer */
#nbd-vision-mission-section .nbd-vm-foot{
  text-align: center;
  margin-top: 40px;
}
#nbd-vision-mission-section .nbd-vm-foot p{
  color: #bbb;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0;
}

/* Responsive */
@media (max-width: 991px){
  #nbd-vision-mission-section .nbd-vm-grid{
    grid-template-columns: 1fr !important;
    gap: 25px !important;
  }
  #nbd-vision-mission-section .nbd-vm-card{
    padding: 35px 25px !important;
  }
  #nbd-vision-mission-section .nbd-vm-title{
    font-size: 22px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-445a43e *//* ===== Values Section Base ===== */
#nbd-values-section{
  direction: rtl !important;
  font-family: "Cairo", sans-serif !important;
  padding: 90px 5%;
  background: #fcfcfc;
  overflow: hidden;
}

#nbd-values-section .nbd-values-wrap{
  max-width: 1200px;
  margin: 0 auto;
}

/* ===== Head ===== */
#nbd-values-section .nbd-values-head{
  text-align: center;
  margin: 0 auto 60px auto;
  max-width: 750px;
}

#nbd-values-section .nbd-values-badge{
  display: inline-block;
  background: #0A6E6C;
  color: #fff;
  padding: 6px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 14px;
}

#nbd-values-section .nbd-values-title{
  font-size: 34px;
  font-weight: 900;
  color: #111;
  margin: 0 0 14px 0;
  line-height: 1.35;
}

#nbd-values-section .nbd-values-subtitle{
  color: #777;
  font-size: 16px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ===== Grid ===== */
#nbd-values-section .nbd-values-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* ===== Card ===== */
#nbd-values-section .nbd-value-card{
  background: #ffffff;
  border-radius: 26px;
  padding: 34px 28px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 10px 40px rgba(0,0,0,0.03);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column;
}

#nbd-values-section .nbd-value-card:hover{
  transform: translateY(-10px);
  border-color: #0A6E6C;
  box-shadow: 0 25px 50px rgba(10, 110, 108, 0.12);
}

/* ===== Icon Box (native svg) ===== */
#nbd-values-section .nbd-value-icon{
  width: 60px;
  height: 60px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;

  background: #f0f7f7;
  color: #0A6E6C;
  transition: 0.4s;
}

#nbd-values-section .nbd-value-card:hover .nbd-value-icon{
  background: #0A6E6C;
  color: #fff;
  transform: rotateY(180deg);
}

/* SVG glyph */
#nbd-values-section .nbd-value-icon::before{
  content: "";
  width: 28px;
  height: 28px;
  background-color: currentColor;

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* ===== Text ===== */
#nbd-values-section .nbd-value-card h4{
  font-size: 18px;
  font-weight: 900;
  color: #111;
  margin: 0 0 12px 0;
}

#nbd-values-section .nbd-value-card p{
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  margin: 0;
}

/* ===== Icon URLs ===== */
#nbd-values-section .nbd-value-card[data-icon="humanity"] .nbd-value-icon::before{
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/love-2-svgrepo-com.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/love-2-svgrepo-com.svg");
}
#nbd-values-section .nbd-value-card[data-icon="transparency"] .nbd-value-icon::before{
  -webkit-mask-image: url("PUT_TRANSPARENCY_SVG_URL_https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/transparency-svgrepo-com.svgHERE");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/transparency-svgrepo-com.svg");
}
#nbd-values-section .nbd-value-card[data-icon="respect"] .nbd-value-icon::before{
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/handshake-svgrepo-com-8.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/handshake-svgrepo-com-8.svg");
}
#nbd-values-section .nbd-value-card[data-icon="solidarity"] .nbd-value-icon::before{
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/group-svgrepo-com-15.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/group-svgrepo-com-15.svg");
}
#nbd-values-section .nbd-value-card[data-icon="sustainability"] .nbd-value-icon::before{
  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/leaves-environment-botany-foliage-sprout-svgrepo-com.svg");
  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/leaves-environment-botany-foliage-sprout-svgrepo-com.svg");
}

/* ===== Responsive ===== */
@media (max-width: 991px){
  #nbd-values-section{ padding: 70px 5%; }
  #nbd-values-section .nbd-values-grid{ grid-template-columns: repeat(2, 1fr); }
  #nbd-values-section .nbd-values-title{ font-size: 28px; }
}

@media (max-width: 768px){
  #nbd-values-section .nbd-values-grid{ grid-template-columns: 1fr; }
  #nbd-values-section .nbd-value-card{ padding: 30px 24px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-524d1d0 *//* ===== Section Base ===== */
#nbd-goals-section.nbd-goals{
  direction: rtl !important;
  padding: 80px 5%;
  background: #ffffff;
}

/* Wrapper grid */
#nbd-goals-section .nbd-goals-wrap{
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Kicker */
#nbd-goals-section .nbd-goals-kicker{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

#nbd-goals-section .nbd-goals-line{
  width: 20px;
  height: 2px;
  background: #0A6E6C;
  flex: 0 0 auto;
}

#nbd-goals-section .nbd-goals-label{
  color: #0A6E6C;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
}

/* Title */
#nbd-goals-section .nbd-goals-title{
  font-size: 28px;
  font-weight: 800;
  color: #111;
  margin: 0 0 35px 0;
  line-height: 1.4;
}

/* List */
#nbd-goals-section .nbd-goals-list{
  display: flex;
  flex-direction: column;
  gap: 25px;
}

#nbd-goals-section .nbd-goal-item{
  display: flex;
  align-items: center;
  gap: 15px;
}

#nbd-goals-section .nbd-goal-num{
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: #f0f7f7;
  color: #0A6E6C;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 800;
  transition: 0.25s ease;
}

#nbd-goals-section .nbd-goal-item p{
  margin: 0;
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

#nbd-goals-section .nbd-goal-item:hover .nbd-goal-num{
  background: #0A6E6C;
  color: #fff;
}

/* Media */
#nbd-goals-section .nbd-goals-media{
  position: relative;
}

#nbd-goals-section .nbd-goals-img{
  border-radius: 30px;
  overflow: hidden;
}

#nbd-goals-section .nbd-goals-img img{
  width: 100%;
  display: block;
}

/* Floating box */
#nbd-goals-section .nbd-goals-float{
  position: absolute;
  bottom: -30px;
  left: -20px;
  right: 20px;
  background: #fff;
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #f0f0f0;
}

#nbd-goals-section .nbd-goals-float-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

#nbd-goals-section .nbd-goals-float-text h4{
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  color: #111;
}

#nbd-goals-section .nbd-goals-float-text p{
  margin: 5px 0 0 0;
  font-size: 12px;
  color: #888;
}

/* Download button (native svg) */
#nbd-goals-section .nbd-goals-download{
  width: 45px;
  height: 45px;
  background: #0A6E6C;
  color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex: 0 0 auto;
  transition: 0.25s ease;
}

#nbd-goals-section .nbd-goals-download:hover{
  transform: translateY(-3px);
  background: #085a58;
}

/* arrow glyph via mask */
#nbd-goals-section .nbd-goals-download::before{
  content:"";
  width: 18px;
  height: 18px;
  background-color: currentColor;

  -webkit-mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/download-minimalistic-svgrepo-com.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("https://nabdm.org.sa/wp-content/uploads/sites/2838/2026/01/download-minimalistic-svgrepo-com.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Responsive */
@media (max-width: 991px){
  #nbd-goals-section .nbd-goals-wrap{
    grid-template-columns: 1fr !important;
    gap: 80px !important;
  }
  #nbd-goals-section .nbd-goals-title{
    font-size: 24px !important;
  }
  #nbd-goals-section .nbd-goals-float{
    left: 10px;
    right: 10px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'LT BUKRA';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://nabdm.org.sa/wp-content/uploads/sites/2838/2024/03/29LTBUKRALIGHT_0.ttf') format('truetype');
}
@font-face {
	font-family: 'LT BUKRA';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://nabdm.org.sa/wp-content/uploads/sites/2838/2024/03/29LTBUKRABOLD_0.ttf') format('truetype');
}
/* End Custom Fonts CSS */