/* Add custom CSS styles below */ 

.social-link i {
  font-size: 20px; /* Increase the font size to make the icons bigger */
  padding: 10px; /* Add some padding to make the background color visible */
  margin: 15px;
  border-radius: 50%; /* Make the background color a circle */
}

.flex li:nth-child(1) i {
  background-color: #e1306c; /* Pink background color for Instagram */
}

.flex li:nth-child(2) i {
  background-color: #1da1f2; /* Blue background color for Twitter */
}

.flex li:nth-child(3) i {
  background-color: #fffc00; /* Yellow background color for Snapchat */
}

.flex li:nth-child(4) i {
  background-color: #69c9ff; /* Blue background color for TikTok */
}

.flex li:nth-child(5) i {
  background-color: #ff0000; /* Red background color for YouTube */
}

.flex li:nth-child(6) i {
  background-color: #4267b2; /* Blue background color for Facebook */
  }

/* تغيير لون مؤسسه هدى الشام في الاسفل */
.mb-5 {
  color: #00336a; /* Navy blue color */
}

.contacts-list a i {
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.contacts-list a i:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.sicon-whatsapp2 {
  background-color: #25D366; /* WhatsApp green color */
}

.sicon-phone {
  background-color: #ffa500; /* Phone brown color */
}

.sicon-mail {
  background-color: #2196F3; /* Mail blue color */
}
:lang(en) div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--marquee.relative.bg-gray-50.overflow-hidden.from-inherit.is-mini.s-block--full-bg {
  display: none;
}

.s-product-options-wrapper::before {
  content: "لطفاً التأكد من تعبئة جميع الحقول في الأسفل قبل إتمام الطلب ";
  color: red;
  font-size: 14px;
  font-weight: bolder;
  display: block;
  padding-bottom: 20px;
}
.product-details-col > .whitespace-nowrap {
    border: 2px solid red;
    padding: 2px;
    width: auto;
    max-width: max-content;
    border-radius: 5px;
    }
    .sale-price {color:red;}
    .regular-price {color:blue;}
    
    
  #karzoun-widget-send-button {
    padding-right: 10px;
    position: fixed !important;
    z-index: 190 ;
    bottom: 62px;
    text-align: center !important;
    height: 40px;
    min-width: 20px;
    border-radius: 25px;
    visibility: visible;
    transition: none !important;
    background-color: #218365;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    left: 25px;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.product-entry--vertical {
    flex-direction: column;
    gap: 0px;
    color:steelblue;
}


.total-price.font-bold.text-lg.inline-block {
    color: lightseagreen;
}
.total-price.font-bold.text-base.inline-block {
    color: lightseagreen;
}