.elementor-110 .elementor-element.elementor-element-05efba2{--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;}.elementor-110 .elementor-element.elementor-element-05efba2:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-05efba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-110 .elementor-element.elementor-element-05efba2 > .elementor-shape-top .elementor-shape-fill, .elementor-110 .elementor-element.elementor-element-05efba2 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-110 .elementor-element.elementor-element-05efba2 > .elementor-shape-top svg, .elementor-110 .elementor-element.elementor-element-05efba2 > .e-con-inner > .elementor-shape-top svg{height:150px;transform:translateX(-50%) rotateY(180deg);}.elementor-110 .elementor-element.elementor-element-05efba2 > .elementor-shape-bottom .elementor-shape-fill, .elementor-110 .elementor-element.elementor-element-05efba2 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-secondary );}.elementor-110 .elementor-element.elementor-element-05efba2 > .elementor-shape-bottom svg, .elementor-110 .elementor-element.elementor-element-05efba2 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:200px;transform:translateX(-50%) rotateY(180deg);}.elementor-110 .elementor-element.elementor-element-5528378{--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;}.elementor-110 .elementor-element.elementor-element-5528378:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-5528378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-110 .elementor-element.elementor-element-2d1b99d{--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;}.elementor-110 .elementor-element.elementor-element-2d1b99d:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-2d1b99d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-110 .elementor-element.elementor-element-70348fc{--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;}.elementor-110 .elementor-element.elementor-element-70348fc:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-70348fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-856c00f{--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;}.elementor-110 .elementor-element.elementor-element-856c00f:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-856c00f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-110 .elementor-element.elementor-element-cadb6de{--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;}.elementor-110 .elementor-element.elementor-element-891751a{--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;}.elementor-110 .elementor-element.elementor-element-891751a:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-891751a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-e7293fa{--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;}.elementor-110 .elementor-element.elementor-element-e7293fa:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-e7293fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-110 .elementor-element.elementor-element-16e95bf{--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;}.elementor-110 .elementor-element.elementor-element-8fbec36{--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;}.elementor-110 .elementor-element.elementor-element-abb1c87{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:5555;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-110 .elementor-element.elementor-element-bf4b1fd.elementor-element{--align-self:center;}.elementor-110 .elementor-element.elementor-element-bf4b1fd{text-align:center;}.elementor-110 .elementor-element.elementor-element-bf4b1fd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:200px;font-weight:800;text-transform:uppercase;letter-spacing:10px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-secondary );stroke:var( --e-global-color-secondary );text-shadow:4px 3px 0px rgba(0,0,0,0.3);}.elementor-110 .elementor-element.elementor-element-bf4b1fd .elementor-heading-title a{transition-duration:0s;}.elementor-110 .elementor-element.elementor-element-501e2b9{--display:flex;--margin-top:-129px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-110 .elementor-element.elementor-element-baad2c8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:2px;}.elementor-110 .elementor-element.elementor-element-baad2c8 .elementor-main-swiper{height:55vh;}.elementor-110 .elementor-element.elementor-element-baad2c8 .elementor-main-swiper .swiper-slide{border-radius:10px;}.elementor-110 .elementor-element.elementor-element-baad2c8 .elementor-swiper-button{font-size:20px;}#elementor-lightbox-slideshow-baad2c8{background-color:var( --e-global-color-primary );}#elementor-lightbox-slideshow-baad2c8 .dialog-lightbox-close-button, #elementor-lightbox-slideshow-baad2c8 .elementor-swiper-button{color:var( --e-global-color-secondary );}#elementor-lightbox-slideshow-baad2c8 .dialog-lightbox-close-button:hover, #elementor-lightbox-slideshow-baad2c8 .elementor-swiper-button:hover{color:var( --e-global-color-45061df );}.elementor-110 .elementor-element.elementor-element-1bbb42b{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-110 .elementor-element.elementor-element-baad2c8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(min-width:768px){.elementor-110 .elementor-element.elementor-element-8fbec36{--width:100%;}}@media(max-width:767px){.elementor-110 .elementor-element.elementor-element-bf4b1fd .elementor-heading-title{font-size:50px;line-height:4.3em;}.elementor-110 .elementor-element.elementor-element-baad2c8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for html, class: .elementor-element-3be9034 */.hero-section {
  background: url('hero-bg.jpg') center/cover no-repeat;
  padding: 120px 20px;
  text-align: center;
  color: #FACD32; /* أصفر الباليت */
}

.hero-section h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

.hero-section p {
  font-size: 20px;
  margin-bottom: 30px;
}

.cta-btn {
  background-color: #F18923; /* برتقالي */
  color: #fff;
  padding: 15px 35px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

.cta-btn:hover {
  background-color: #FACD32;
  color: #2B2B2B;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d622676 *//* ========== ABOUT CLEAN SECTION (ENHANCED) ========== */
.about-clean {
  background: #fff;
  padding: 140px 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.about-clean-container {
  max-width: 900px;
  animation: fadeUp 1.2s ease forwards;
  opacity: 0;
  transform: translateY(40px);
}

.about-clean h5 {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--primary-1);
  font-weight: 600;
  margin-bottom: 15px;
}

.about-clean h2 {
  font-size: 2.6rem;
  font-weight: 800;
  color: var(--primary-2);
  margin-bottom: 25px;
}

.about-clean h2 strong {
  color: var(--accent-1);
}

.about-clean h2 em {
  color: var(--accent-2);
  font-style: italic;
}

.about-clean p {
  font-size: 1.1rem;
  line-height: 1.9;
  color: #333;
  margin-bottom: 20px;
}

.about-clean strong {
  color: var(--accent-1);
}

.about-clean em {
  color: var(--accent-2);
  font-style: italic;
}

/* Subtle animation */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 992px) {
  .about-clean {
    padding: 100px 6%;
  }
  .about-clean h2 {
    font-size: 2rem;
  }
  .about-clean p {
    font-size: 1rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ccc253e *//* ========== ABOUT SECTION 2 (VISION) ENHANCED ========== */
.about-vision {
  background: #fff;
  padding: 120px 8%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vision-container {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: center;
  max-width: 1200px;
  width: 100%;
}

.vision-text {
  flex: 1 1 45%;
}

.vision-text h5 {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--primary-1);
  margin-bottom: 10px;
  font-weight: 600;
}

.vision-text h2 {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--primary-2);
  margin-bottom: 25px;
}

.vision-text p {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #333;
  margin-bottom: 20px;
}

.vision-text strong {
  color: var(--accent-2);
}

.vision-text ul {
  list-style: disc inside;
  padding-left: 0;
  margin-bottom: 20px;
}

.vision-text li {
  margin-bottom: 12px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #333;
}

.vision-image {
  flex: 1 1 45%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.vision-image:hover {
  transform: scale(1.02);
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.vision-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.vision-image:hover img {
  transform: scale(1.05);
}

/* Responsive */
@media (max-width: 992px) {
  .vision-container {
    flex-direction: column;
  }
  .vision-text, .vision-image {
    flex: 1 1 100%;
  }
  .vision-text h2 {
    font-size: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1288d71 *//* ========== ABOUT SECTION: OUR GOALS ========== */
.about-goals-sec {
  background: linear-gradient(180deg, #ffffff 0%, #f9faf9 100%);
  padding: 120px 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.about-goals-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
  max-width: 1200px;
  width: 100%;
  flex-direction: row-reverse; /* الصورة شمال - النص يمين */
  animation: fadeInUp 1.2s ease-in-out;
}

.about-goals-text {
  flex: 1 1 50%;
  animation: slideInRight 1.3s ease;
}

.about-goals-text h5 {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #005C57; /* Primary */
  margin-bottom: 10px;
  font-weight: 700;
}

.about-goals-text h2 {
  font-size: 2.4rem;
  font-weight: 800;
  color: #006B40; /* Primary-2 */
  margin-bottom: 25px;
  line-height: 1.3;
}

.about-goals-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.about-goals-text li {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #2B2B2B; /* Secondary */
  margin-bottom: 18px;
  position: relative;
  padding-left: 30px;
}

.about-goals-text li::before {
  content: "✔";
  color: #F18923; /* Accent */
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.about-goals-text strong {
  color: #005C57; /* Primary */
}

.about-goals-image {
  flex: 1 1 45%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  animation: slideInLeft 1.3s ease;
}

.about-goals-image:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.about-goals-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.about-goals-image:hover img {
  transform: scale(1.05);
}

/* ========== ANIMATIONS (نفس اللي فوق) ========== */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(60px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft {
  0% { opacity: 0; transform: translateX(-50px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
  0% { opacity: 0; transform: translateX(50px); }
  100% { opacity: 1; transform: translateX(0); }
}

/* ========== Responsive ========== */
@media (max-width: 992px) {
  .about-goals-container {
    flex-direction: column;
  }
  .about-goals-text, .about-goals-image {
    flex: 1 1 100%;
  }
  .about-goals-text h2 {
    font-size: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080fe81 *//* ========== ABOUT SECTION 3 (EXPERTISE) ========== */
.about-expertise {
  background: #f9f9f9;
  padding: 120px 8%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.expertise-container {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: center;
  max-width: 1200px;
  width: 100%;
}

.expertise-text {
  flex: 1 1 45%;
}

.expertise-text h5 {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--primary-1);
  margin-bottom: 10px;
  font-weight: 600;
}

.expertise-text h2 {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--primary-2);
  margin-bottom: 25px;
}

.expertise-text p {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #333;
  margin-bottom: 20px;
}

.expertise-text strong {
  color: var(--accent-2);
}

.expertise-text ul {
  list-style: disc inside;
  padding-left: 0;
  margin-bottom: 20px;
}

.expertise-text li {
  margin-bottom: 12px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #333;
}

.expertise-image {
  flex: 1 1 45%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.expertise-image:hover {
  transform: scale(1.02);
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.expertise-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.expertise-image:hover img {
  transform: scale(1.05);
}

/* Responsive */
@media (max-width: 992px) {
  .expertise-container {
    flex-direction: column;
  }
  .expertise-text, .expertise-image {
    flex: 1 1 100%;
  }
  .expertise-text h2 {
    font-size: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f188ac8 *//* ========== ABOUT SECTION 4 (VALUES) ========== */
.about-values {
  background: #fff;
  padding: 120px 8%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.values-container {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: flex-start;
  max-width: 1200px;
  width: 100%;
}

.values-text {
  flex: 1 1 50%;
}

.values-text h5 {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--primary-1);
  margin-bottom: 10px;
  font-weight: 600;
}

.values-text h2 {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--primary-2);
  margin-bottom: 25px;
}

.values-text h3 {
  font-size: 1.4rem;
  color: var(--accent-2);
  margin-top: 25px;
  margin-bottom: 10px;
}

.values-text p {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #333;
  margin-bottom: 20px;
}

.values-text ul {
  list-style: disc inside;
  padding-left: 0;
  margin-bottom: 20px;
}

.values-text li {
  margin-bottom: 12px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #333;
}

.values-text strong {
  color: var(--accent-1);
}

.values-image {
  flex: 1 1 45%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.values-image:hover {
  transform: scale(1.02);
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.values-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.values-image:hover img {
  transform: scale(1.05);
}

/* Responsive */
@media (max-width: 992px) {
  .values-container {
    flex-direction: column-reverse;
  }
  .values-text, .values-image {
    flex: 1 1 100%;
  }
  .values-text h2 {
    font-size: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5775783 *//* ========== OUR MISSION SECTION ========== */
.our-mission-sec {
  background: linear-gradient(180deg, #ffffff 0%, #f9faf9 100%);
  padding: 120px 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.our-mission-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
  max-width: 1200px;
  width: 100%;
  flex-direction: row-reverse; /* الصورة شمال، النص يمين */
  animation: fadeInUp 1.2s ease-in-out;
}

.our-mission-text {
  flex: 1 1 45%;
  animation: slideInRight 1.3s ease;
}

.our-mission-text h5 {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #005C57; /* primary */
  margin-bottom: 10px;
  font-weight: 700;
}

.our-mission-text h2 {
  font-size: 2.4rem;
  font-weight: 800;
  color: #006B40; /* primary-2 */
  margin-bottom: 25px;
  line-height: 1.3;
}

.our-mission-text p,
.our-mission-text ul li {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #2B2B2B;
  margin-bottom: 18px;
}

.our-mission-text strong {
  color: #F18923; /* accent */
}

.our-mission-text ul {
  list-style-type: disc;
  padding-left: 20px;
}

.our-mission-image {
  flex: 1 1 45%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  animation: slideInLeft 1.3s ease;
}

.our-mission-image:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.our-mission-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.our-mission-image:hover img {
  transform: scale(1.05);
}

/* ========== FORCE CONTAINERS TO SHOW ========== */
.your-container-class {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ========== ANIMATIONS ========== */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(60px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft {
  0% { opacity: 0; transform: translateX(-50px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
  0% { opacity: 0; transform: translateX(50px); }
  100% { opacity: 1; transform: translateX(0); }
}

/* ========== Responsive ========== */
@media (max-width: 992px) {
  .our-mission-container {
    flex-direction: column;
  }
  .our-mission-text, .our-mission-image {
    flex: 1 1 100%;
    text-align: center;
  }
  .our-mission-text h2 {
    font-size: 2rem;
  }
}
.your-container-class {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea0234c *//* ========== ABOUT SECTION: OUR PROMISE ========== */
.about-promise-sec {
  background: linear-gradient(180deg, #ffffff 0%, #f9faf9 100%);
  padding: 120px 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.about-promise-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
  max-width: 1200px;
  width: 100%;
  flex-direction: row; /* الصورة يمين، النص شمال */
  animation: fadeInUp 1.2s ease-in-out;
}

.about-promise-text {
  flex: 1 1 45%;
  animation: slideInLeft 1.3s ease;
}

.about-promise-text h5 {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #005C57; /* primary */
  margin-bottom: 10px;
  font-weight: 700;
}

.about-promise-text h2 {
  font-size: 2.4rem;
  font-weight: 800;
  color: #006B40; /* primary-2 */
  margin-bottom: 25px;
  line-height: 1.3;
}

.about-promise-text p {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #2B2B2B;
  margin-bottom: 18px;
}

.about-promise-text strong {
  color: #F18923; /* accent */
}

.about-promise-image {
  flex: 1 1 45%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  animation: slideInRight 1.3s ease;
}

.about-promise-image:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.about-promise-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.about-promise-image:hover img {
  transform: scale(1.05);
}

/* ========== ANIMATIONS ========== */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(60px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft {
  0% { opacity: 0; transform: translateX(-50px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
  0% { opacity: 0; transform: translateX(50px); }
  100% { opacity: 1; transform: translateX(0); }
}

/* ========== Responsive ========== */
@media (max-width: 992px) {
  .about-promise-container {
    flex-direction: column;
  }
  .about-promise-text, .about-promise-image {
    flex: 1 1 100%;
  }
  .about-promise-text h2 {
    font-size: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99f132a *//* ========== BUSINESS MESSAGE SECTION ========== */
.business-message-sec {
  background: linear-gradient(180deg, #ffffff 0%, #f9faf9 100%);
  padding: 120px 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.business-message-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
  max-width: 1200px;
  width: 100%;
  flex-direction: row; /* الصورة يمين، النص شمال */
  animation: fadeInUp 1.2s ease-in-out;
}

.business-message-text {
  flex: 1 1 45%;
  animation: slideInLeft 1.3s ease;
}

.business-message-text h5 {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #005C57; /* primary */
  margin-bottom: 10px;
  font-weight: 700;
}

.business-message-text h2 {
  font-size: 2.4rem;
  font-weight: 800;
  color: #006B40; /* primary-2 */
  margin-bottom: 25px;
  line-height: 1.3;
}

.business-message-text p,
.business-message-text ul li {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #2B2B2B;
  margin-bottom: 18px;
}

.business-message-text strong {
  color: #F18923; /* accent */
}

.business-message-text ul {
  list-style-type: disc;
  padding-left: 20px;
}

.business-message-image {
  flex: 1 1 45%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  animation: slideInRight 1.3s ease;
}

.business-message-image:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.business-message-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.business-message-image:hover img {
  transform: scale(1.05);
}

/* ========== ANIMATIONS ========== */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(60px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft {
  0% { opacity: 0; transform: translateX(-50px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
  0% { opacity: 0; transform: translateX(50px); }
  100% { opacity: 1; transform: translateX(0); }
}

/* ========== Responsive ========== */
@media (max-width: 992px) {
  .business-message-container {
    flex-direction: column;
  }
  .business-message-text, .business-message-image {
    flex: 1 1 100%;
    text-align: center;
  }
  .business-message-text h2 {
    font-size: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6993264 */.about-stats {
  padding: 100px 20px;
  background: #f9f9f9;
  text-align: center;
  font-family: 'Arial', sans-serif;
}

.about-stats .container {
  max-width: 1200px;
  margin: 0 auto;
}

.about-stats h2 {
  font-size: 38px;
  color: #005C57;
  margin-bottom: 15px;
}

.about-stats p {
  font-size: 18px;
  color: #2B2B2B;
  margin-bottom: 60px;
}

.stats-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

.stat-item {
  background: var(--bg-color);
  border-radius: 20px;
  padding: 40px 30px;
  width: 180px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.stat-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

.stat-item .icon {
  margin-bottom: 15px;
}

.stat-item .number {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
}

.stat-item .label {
  font-size: 16px;
  font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
  .stat-item {
    width: 140px;
    padding: 30px 20px;
  }

  .about-stats h2 {
    font-size: 28px;
  }

  .about-stats p {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS *//* --- GLOBAL STYLES --- */
:root {
  --primary-1: #005C57;
  --primary-2: #006B40;
  --accent: #FACD32;
  --accent-2: #F18923;
  --dark: #2B2B2B;
  --muted: #65707a;
  --card-bg: #f8f9fb;
}
*{box-sizing:border-box}
body{font-family: "Inter", sans-serif;color:var(--dark)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5{margin:0}
a{text-decoration:none;color:inherit}
section{margin-bottom:80px}

/* BUTTONS */
.btn{padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer;border:0;display:inline-block;}
.btn-primary{background:var(--primary-2);color:#fff}
.btn-outline{background:transparent;border:1px solid #ccc}

/* HERO */
.hero{display:grid;grid-template-columns:1fr 460px;gap:32px;align-items:center}
.hero-card{background:linear-gradient(180deg,#fff,#f9f9f9);border-radius:18px;padding:36px}
.kicker{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(90deg,var(--primary-1),var(--primary-2));margin-bottom:12px}
.hero h1{margin:6px 0 12px;font-size:34px;color:var(--dark)}
.hero p.lead{color:var(--muted);margin-bottom:20px;font-size:1.02rem}
.hero .cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hero-image{border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(15,40,60,0.06)}
@media(max-width:1024px){.hero{grid-template-columns:1fr}.hero-image{order:-1}}

/* INTRO */
.intro{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:start}
.intro .card{background:var(--card-bg);border-radius:14px;padding:22px}
.intro h3{margin-bottom:10px;color:var(--primary-1)}
.intro p{color:var(--muted)}
@media(max-width:1024px){.intro{grid-template-columns:1fr}}

/* TWO-UP */
.two-up{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.panel{padding:22px;border-radius:12px;background:#fff;border:1px solid #eef2f5}
.panel h4{color:var(--primary-2)}
.panel p{color:var(--muted)}
@media(max-width:800px){.two-up{grid-template-columns:1fr}}

/* VALUES */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.value{background:#fff;border-radius:12px;padding:18px;text-align:center;border:1px solid #f0f3f6}
.value img{width:64px;height:64px;margin:0 auto 12px;object-fit:contain}
.value h5{margin:6px 0;color:var(--accent-2)}
.value p{color:var(--muted);font-size:0.95rem}
@media(max-width:900px){.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.values-grid{grid-template-columns:1fr}}

/* COUNTERS */
.stats-section{background:#f9f9f9;border-radius:14px;padding:28px;display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.stats-left{flex:1 1 360px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;flex:0 1 640px;width:100%;max-width:780px}
.stat{background:#fff;border-radius:12px;padding:14px;text-align:center;border:1px solid #eef2f5}
.stat .icon{width:56px;height:56px;margin:0 auto 8px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--primary-1),var(--primary-2));color:#fff;font-weight:700}
.stat .num{font-size:28px;font-weight:800;color:var(--dark);margin:6px 0}
.stat .label{font-size:0.95rem;color:var(--muted)}
@media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.stats-grid{grid-template-columns:1fr}}

/* CTA */
.lead-cta{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:26px;border-radius:12px;background:linear-gradient(90deg,var(--primary-2),var(--accent));color:#fff}
.lead-cta .txt{max-width:800px}
.lead-cta h3{margin:0;font-size:1.4rem}
.lead-cta p{margin:6px 0 0;color:rgba(255,255,255,0.95)}
@media(max-width:780px){.lead-cta{flex-direction:column;align-items:flex-start}}

/* 🎨 === AL-RAADA BRAND COLORS SYSTEM === */
:root {
  --green-dark: #005C57;
  --green-main: #006B40;
  --green-light: #27A36F;
  --gold-main: #FACD32;
  --gold-warm: #F18923;
  --gold-light: #FFE684;
  --brown-dark: #8A4529;
  --brown-light: #AA9185;
  --brown-cream: #F4EAE1;
  --black-charcoal: #2B2B2B;
  --gray: #555555;
  --offwhite: #F9F9F9;
  --gradient-green: linear-gradient(135deg, #005C57, #27A36F);
  --gradient-gold: linear-gradient(90deg, #FACD32, #F18923);
  --gradient-brown: linear-gradient(120deg, #AA9185, #F4EAE1);
  --gradient-dark: linear-gradient(180deg, #2B2B2B, #555555);
}

/* === Usage Helpers === */
.bg-green { background: var(--gradient-green); color: #fff; }
.bg-gold { background: var(--gradient-gold); color: #2B2B2B; }
.bg-brown { background: var(--gradient-brown); color: #2B2B2B; }
.bg-dark { background: var(--gradient-dark); color: #fff; }
.bg-cream { background: var(--brown-cream); color: var(--green-dark); }

.text-green { color: var(--green-main); }
.text-gold { color: var(--gold-main); }
.text-brown { color: var(--brown-dark); }
.text-dark { color: var(--black-charcoal); }

.border-gold { border: 2px solid var(--gold-main); border-radius: 10px; }
.border-green { border: 2px solid var(--green-main); border-radius: 10px; }

.btn-gold {
  background: var(--gradient-gold);
  color: #2B2B2B;
  font-weight: 700;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(250, 205, 50, 0.4);
}

.btn-green {
  background: var(--gradient-green);
  color: #fff;
  font-weight: 700;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn-green:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 107, 64, 0.3);
}

.section {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
  animation: fadeInUp 1s ease both;
}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* === FORCE ABOUT PAGE CONTAINERS TO SHOW === */
.your-container-class,
.elementor-container,
.elementor-element {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}/* End custom CSS */