.elementor-27 .elementor-element.elementor-element-068b7ef{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-a001dfe > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-e46fb9c{padding:150px 0px 150px 0px;}.elementor-27 .elementor-element.elementor-element-32341d8 > .elementor-widget-container{margin:-40px 0px 0px 0px;padding:10px 10px 10px 100px;}.elementor-27 .elementor-element.elementor-element-7d01ecf > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-c194661{text-align:center;}.elementor-27 .elementor-element.elementor-element-d105226{padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-31cbc5a{--display:flex;}.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 );}.elementor-27 .elementor-element.elementor-element-0113f9e img{height:254px;border-style:solid;}.elementor-27 .elementor-element.elementor-element-0113f9e .widget-image-caption{color:#FFCC00;background-color:#FEF6F6;font-family:"Roboto", Sans-serif;font-size:31px;font-weight:400;}.elementor-27 .elementor-element.elementor-element-cde0302{--display:flex;}.elementor-27 .elementor-element.elementor-element-9b51d23 img{height:254px;object-fit:cover;object-position:bottom left;border-style:solid;}.elementor-27 .elementor-element.elementor-element-9b51d23 .widget-image-caption{color:#FFCC00;font-family:"Roboto", Sans-serif;font-size:31px;font-weight:400;}.elementor-27 .elementor-element.elementor-element-fb46cb0{--display:flex;}.elementor-27 .elementor-element.elementor-element-3e3a07d img{height:254px;border-style:solid;}.elementor-27 .elementor-element.elementor-element-3e3a07d .widget-image-caption{color:#FFCC00;background-color:#F0F0F0;font-family:"Roboto", Sans-serif;font-size:31px;font-weight:400;}.elementor-27 .elementor-element.elementor-element-2c79692{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-27 .elementor-element.elementor-element-68fa467{--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;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-27 .elementor-element.elementor-element-2a4b12d > .elementor-widget-container{margin:10px 0px 20px 0px;}.elementor-27 .elementor-element.elementor-element-2a4b12d{text-align:center;}.elementor-27 .elementor-element.elementor-element-2a4b12d .elementor-heading-title{color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-8b0826e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-27 .elementor-element.elementor-element-b25dedf{--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-27 .elementor-element.elementor-element-39cf441 > .elementor-widget-container{margin:40px 0px 60px 0px;}.elementor-27 .elementor-element.elementor-element-e7f868a{padding:100px 0px 130px 0px;}.elementor-27 .elementor-element.elementor-element-2437dc2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27 .elementor-element.elementor-element-2437dc2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-e46fb9c{padding:80px 0px 50px 0px;}.elementor-27 .elementor-element.elementor-element-2c79692{--e-n-carousel-swiper-slides-to-display:2;}.elementor-27 .elementor-element.elementor-element-e7f868a{padding:70px 0px 70px 0px;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-32341d8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-2c79692{--e-n-carousel-swiper-slides-to-display:1;}.elementor-27 .elementor-element.elementor-element-b588696 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for hero-banner, class: .elementor-element-cf736de */.elementor-27 .elementor-element.elementor-element-cf736de a {
    margin-top: 15px;
  font-size: 30px !important;
  padding: 15px 30px !important
  ;
  color: #ffcc00
}
notranslate{
    translate: no
}

.elementor-27 .elementor-element.elementor-element-cf736de p {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 30px
  
};/* End custom CSS */
/* Start custom CSS for services, class: .elementor-element-238e7ce */.elementor-27 .elementor-element.elementor-element-238e7ce a {
  font-size: 30px !important;
  padding: px 30px !important
  ;
  color: #ffcc00
}
.elementor-27 .elementor-element.elementor-element-238e7ce {
  display: flex;
  justify-content: center; /* يحطه في النص عرضيًا */
  align-items: center;     /* يحطه في النص طوليًا */
  text-align: center;      /* يخلي النص نفسه متوسّط */
}/* End custom CSS */
/* Start custom CSS for services, class: .elementor-element-32341d8 */.elementor-27 .elementor-element.elementor-element-32341d8 {
  display: flex;
  justify-content: center; /* يحطه في النص عرضيًا */
  align-items: center;     /* يحطه في النص طوليًا */
  text-align: center;      /* يخلي النص نفسه متوسّط */
}/* End custom CSS */
/* Start custom CSS for tp-fact, class: .elementor-element-7d01ecf */notranslate{
    translate: no
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0113f9e */.image-with-bubble2 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble2::after {
  content:"تأسيس الشركات";
  
  position: absolute;
  
  bottom: 0;
  left: 0;
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* تأثير Hover */
.image-with-bubble:hover::after {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9b51d23 */.image-with-bubble1 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble1::after {
  content: "التسويق الالكتروني";
  position: absolute;
  bottom: 0;
  left: 15px; /* ✅ بدل 0 عشان تدخل شوية */
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* ✅ Hover effect */
.image-with-bubble1:hover::after {
  transform: scale(1.05);
}

/* ✅ شاشات صغيرة (موبايل) */
@media (max-width: 768px) {
  .image-with-bubble1::after {
    left: 20%;
    transform: translateX(-50%);
    width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e3a07d */.image-with-bubble3 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble3::after {
  content: "دليل الشركات";
  position: absolute;
  bottom: 0;
  left: 15px; /* ✅ بدل 0 عشان تدخل شوية */
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* ✅ Hover effect */
.image-with-bubble3:hover::after {
  transform: scale(1.05);
}

/* ✅ شاشات صغيرة (موبايل) */
@media (max-width: 768px) {
  .image-with-bubble3::after {
    left: 20%;
    transform: translateX(-50%);
    width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0113f9e */.image-with-bubble2 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble2::after {
  content:"تأسيس الشركات";
  
  position: absolute;
  
  bottom: 0;
  left: 0;
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* تأثير Hover */
.image-with-bubble:hover::after {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9b51d23 */.image-with-bubble1 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble1::after {
  content: "التسويق الالكتروني";
  position: absolute;
  bottom: 0;
  left: 15px; /* ✅ بدل 0 عشان تدخل شوية */
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* ✅ Hover effect */
.image-with-bubble1:hover::after {
  transform: scale(1.05);
}

/* ✅ شاشات صغيرة (موبايل) */
@media (max-width: 768px) {
  .image-with-bubble1::after {
    left: 20%;
    transform: translateX(-50%);
    width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e3a07d */.image-with-bubble3 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble3::after {
  content: "دليل الشركات";
  position: absolute;
  bottom: 0;
  left: 15px; /* ✅ بدل 0 عشان تدخل شوية */
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* ✅ Hover effect */
.image-with-bubble3:hover::after {
  transform: scale(1.05);
}

/* ✅ شاشات صغيرة (موبايل) */
@media (max-width: 768px) {
  .image-with-bubble3::after {
    left: 20%;
    transform: translateX(-50%);
    width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0113f9e */.image-with-bubble2 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble2::after {
  content:"تأسيس الشركات";
  
  position: absolute;
  
  bottom: 0;
  left: 0;
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* تأثير Hover */
.image-with-bubble:hover::after {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9b51d23 */.image-with-bubble1 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble1::after {
  content: "التسويق الالكتروني";
  position: absolute;
  bottom: 0;
  left: 15px; /* ✅ بدل 0 عشان تدخل شوية */
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* ✅ Hover effect */
.image-with-bubble1:hover::after {
  transform: scale(1.05);
}

/* ✅ شاشات صغيرة (موبايل) */
@media (max-width: 768px) {
  .image-with-bubble1::after {
    left: 20%;
    transform: translateX(-50%);
    width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e3a07d */.image-with-bubble3 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble3::after {
  content: "دليل الشركات";
  position: absolute;
  bottom: 0;
  left: 15px; /* ✅ بدل 0 عشان تدخل شوية */
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* ✅ Hover effect */
.image-with-bubble3:hover::after {
  transform: scale(1.05);
}

/* ✅ شاشات صغيرة (موبايل) */
@media (max-width: 768px) {
  .image-with-bubble3::after {
    left: 20%;
    transform: translateX(-50%);
    width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0113f9e */.image-with-bubble2 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble2::after {
  content:"تأسيس الشركات";
  
  position: absolute;
  
  bottom: 0;
  left: 0;
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* تأثير Hover */
.image-with-bubble:hover::after {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9b51d23 */.image-with-bubble1 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble1::after {
  content: "التسويق الالكتروني";
  position: absolute;
  bottom: 0;
  left: 15px; /* ✅ بدل 0 عشان تدخل شوية */
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* ✅ Hover effect */
.image-with-bubble1:hover::after {
  transform: scale(1.05);
}

/* ✅ شاشات صغيرة (موبايل) */
@media (max-width: 768px) {
  .image-with-bubble1::after {
    left: 20%;
    transform: translateX(-50%);
    width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3e3a07d */.image-with-bubble3 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
}

.image-with-bubble3::after {
  content: "دليل الشركات";
  position: absolute;
  bottom: 0;
  left: 15px; /* ✅ بدل 0 عشان تدخل شوية */
  width: 220px;
  height: 100px;
  background-color: #ffcc00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Cairo', sans-serif;
  border-top-right-radius: 60px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
  margin-bottom: 25px;
}

/* ✅ Hover effect */
.image-with-bubble3:hover::after {
  transform: scale(1.05);
}

/* ✅ شاشات صغيرة (موبايل) */
@media (max-width: 768px) {
  .image-with-bubble3::after {
    left: 20%;
    transform: translateX(-50%);
    width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for testimonial, class: .elementor-element-b588696 */.slick-prev, .slick-next {
  top: 90%; /* نزّل الزرار لتحت، غيّر الرقم حسب ما تحب */
  transform: translateY(-50%);
}/* End custom CSS */
/* Start custom CSS for tp-cta, class: .elementor-element-c57db5e */.elementor-27 .elementor-element.elementor-element-c57db5e a {
  font-size: 30px !important;
  padding: px 30px !important
  ;
  color:#ffcc00
}/* End custom CSS */