/* Add custom CSS styles below */ 
.product-entry--vertical
 {
    border: 2px solid #9DCB3B;
    border-radius: 25px;
    padding: 5px;
}

.text-lg {
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #9DCB3B;
}

.card--btn-with-custom-colors .add-to-cart-conatiner salla-add-product-button button {
    --color-primary: #9DCB3B;
    --color-primary-reverse: var(--card-btn-text-color);
}

.card--btn-with-custom-colors .add-to-cart-conatiner salla-add-product-button salla-button[fill=solid]:hover button {
    --color-primary-dark: #9DCB3B;
    opacity: 0.8;
}

.s-button-primary {
    border-width: 0px;
    background-color: #E3EFC9;
    background-color: #;
    color: #2B3C4D;

}

/*-------*/
.opacity-70.text-base {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  }

.s-block--features__item {
  padding: 0 !important;
  max-height: 97px;
  
}


/*------------*/
@media (min-width: 640px) {
    .sm\:leading-9 {
        line-height: 2.25rem;
        width: 100%;
        text-align: right;
    }
}
.rounded {
    border-radius: 10px 100px 10px 10px;
}
.bg-gray-50\/50 {
    background-color: #F9F9F9;
}

@media (min-width: 768px) {
    .md\:leading-9 {
        line-height: 23px;
        text-align: right;
    }
}
@media (min-width: 768px) {
    .md\:text-lg {
        font-size: 15px;
        line-height: 1.75rem;
        color: #2B3C4D;
    }
}

.text-xs {
    font-size: 1rem
16px
;
    line-height: 1rem;
    color: #41741c;
}

@media (min-width: 768px) {
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #2B3C4D;
    }
}

.text-xs {
    font-size: 1rem;
    line-height: 1rem;
}

.center-block-title .s-block__title, .center-block-title .s-slider-block__title {
    flex-direction: column;
    justify-content: center;
    gap: 1.25rem;
    text-align: right;
    color: #8FC41E;
}

@media (min-width: 1024px) {
    .lg\:py-20 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.s-block--testimonials .swiper-wrapper {
    /* padding-bottom: 1px; */
}


.slide--one-fourth > div::before,
.slide--one-fourth > div::after {
  content: "";
  position: absolute;
  top: 10px;          /* المسافة من الأعلى */
  left: 18px;         /* مكان الدائرة الأولى */
  width: 18px;        /* عرض الدائرة */
  height: 18px;       /* ارتفاع الدائرة */
  background: #8cc63e; /* اللون الأخضر */
  border-radius: 50%;  /* لتصبح دائرة */
  opacity: 0.25;       /* شفافية خفيفة */
  z-index: 1;          /* فوق الخلفية */
}

/* الدائرة الثانية */
.slide--one-fourth > div::after {
  left: 38px; /* المسافة الأفقية للدائرة الثانية */
}


/*--------Footer----------*/

/* تثبيت زر الواتساب في يمين الصفحة */
#gb-widget-4772 {
  position: fixed !important;
  bottom: 20px !important;   /* المسافة من أسفل الصفحة */
  left: 20px !important;    /* المسافة من يمين الصفحة */
  z-index: 99999 !important; /* فوق كل العناصر */
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

/* تحسين شكل الزر */
#gb-widget-4772 a {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-radius: 50%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#gb-widget-4772 a:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}