:root
{
    --primary-color: #20C9C6 !important;
    --secondary-color: #004466 !important; /* اللون الثانوي الجديد */
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important;
    --inline-outlined-background-color-hover: #fff !important;
}

/---------------- Font Family ----------------/

/------------- End of Font Family ------------/

/---------------- Splash Screen --------------/

/------------ End of Splash Screen -----------/

/------------------ Header -------------------/
.top-navbar
{
    color: var(--secondary-color) !important;
    background-color: #003D47 !important;
}

.dark .top-navbar
{
    color: var(--primary-color) !important;
    background-color: #000000 !important;
}

.topnav-link-item
{
    border-right: 1px solid var(--secondary-color);
}

.dark .topnav-link-item
{
    border-right: 1px solid var(--primary-color);
}

.main-nav-container .inner
{
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
}

.dark .main-nav-container .inner
{
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

.navbar-brand img
{
    max-height: 100px;
    max-width: 300px;
}

.main-nav-container
{
    color: var(--secondary-color);
    background-color: var(--primary-color);
}

.dark .main-nav-container
{
    color: var(--primary-color);
    background-color: #003D47;
}
/--------------- End of Header ---------------/

/------------------- Banner ------------------/

/---------------- End of Banner --------------/

/----------------- Categories ----------------/

/------------- End of Categories -------------/

/------------------ Products -----------------/
.carousel-slider .swiper-wrapper > div
{
    padding: 5px;
}

.product-card--primary-buttons button i,
.dark .product-card--primary-buttons button i,
.dark .product-card--primary-buttons salla-button i
{
    color: var(--secondary-color) !important;
}

.products-has-border .product-card
{
    border: 1px solid var(--secondary-color);
    background: transparent !important;
}

.dark .products-has-border .product-card
{
    border: 1px solid var(--primary-color);
    background: transparent !important;
}

.product-card--primary-buttons button, .product-card--primary-buttons salla-button
{
    color: var(--primary-color) !important;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color) !important;
}

.product-card__buttons > div button,
.product-card__buttons > div button:hover,
.dark .product-card--primary-buttons button,
.dark .product-card--primary-buttons salla-button
{
    color: var(--secondary-color) !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.s-button-primary-outline,
.s-button-primary-outline .sicon-shopping::before
{
    color: var(--primary-color);
    fill: var(--primary-color);
}

.dark .s-button-primary-outline,
.dark .s-button-primary-outline .sicon-shopping::before,
.s-button-primary-outline:hover .sicon-shopping::before,
.s-button-primary-outline:hover
{
    color: var(--secondary-color) !important;
    fill: var(--secondary-color) !important;
}
/--------------- End of Products -------------/

/--------------- Products Details ------------/
.dark salla-installment .mb-5,
.dark tamara-widget,
.dark .tamara-summary-widget--inline-outlined,
.dark .tamara-summary-widget--inline-outlined:hover,
.dark .tamara-summary-widget__inline-template-2,
.dark .tamara-summary-widget__bundle-ui,
.dark .tamara-summary-widget__container
{
    background-color: var(--inline-outlined-background-color-hover) !important;
    transition: background-color .3s linear !important;
    border-radius: 12px;
}

.dark .product-more-info .tab-content .tab-pane.show p
{
    color: var(--font-color) !important;
}
/------------ End of Products Details --------/

/--------------------- Cart ------------------/

/------------------ End of Cart --------------/

/----------------- Testemonials --------------/

/-------------- End of Testemonials ----------/

/------------------- Features ----------------/

/---------------- End of Features ------------/

/--------------------- FAQ -------------------/

/------------------ End of FAQ ---------------/

/-------------------- Footer -----------------/
.footer-is-custom .store-footer,
.footer-is-custom .store-footer .store-footer__curve
{
    color: var(--primary-color);
}

.footer-is-custom .store-footer .store-footer__inner,
.footer-is-custom .store-footer .store-footer__contacts-row,
.footer-is-custom .store-footer .store-footer__newsletter,
.footer-is-custom .store-footer .footer-bottom
{
    color: var(--secondary-color);
    background-color: var(--primary-color);
    border-bottom-color: var(--secondary-color);
}

.dark .footer-is-custom .store-footer,
.dark .footer-is-custom .store-footer .store-footer__curve
{
    color: var(--secondary-color);
}

.dark .footer-is-custom .store-footer .store-footer__inner,
.dark .footer-is-custom .store-footer .store-footer__contacts-row,
.dark .footer-is-custom .store-footer .store-footer__newsletter,
.dark .footer-is-custom .store-footer .footer-bottom
{
    color: var(--primary-color);
    background-color: #000000 ;
    border-bottom-color: var(--primary-color);
}

.dark .store-footer .m-0 .img-fluid
{
    display: none;
}

.store-footer .m-0 .img-fluid,
.store-footer .m-0:hover .img-fluid
{
    opacity: 1;
}

.dark .store-footer .m-0::before
{
    width: 100px;
    height: 100px;
    content: '';
    background-image: url(https://cdn.salla.sa/form-builder/zCScAzMATDumHffNRsvvfITrmgQot0cMJPAr7FZk.jpg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-right: -15px;
}

.enhanced_rounded_contacts a
{
    border-color: var(--secondary-color) !important;
}

.dark .enhanced_rounded_contacts a
{
    border-color: var(--primary-color) !important;
}

.store-footer .hover\:text-primary:hover
{
    color: var(--secondary-color) !important;
}

.dark .store-footer .hover\:text-primary:hover
{
    color: var(--primary-color) !important;
}
<div class="mt-2 md:mt-5">
			<a class="flex items-center justify-center flex-col h-full" aria-label="Saudi Business Center" target="_blank" href="https://eauthenticate.saudibusiness.gov.sa/certificate-details/2342434343">
				<img class="lazy w-18 object-contain mb-1.5 loaded" width="100%" height="100%" src="https://cdn.salla.network/images/sbc.png?v=2.0.5" data-src="https://cdn.salla.network/images/sbc.png?v=2.0.5" alt="Saudi Business Center" loading="lazy" data-ll-status="loaded">
				موثق لدى منصة الأعمال
			</a>
		</div>
/----------------- End of Footer -------------/

/--------------------- Blog ------------------/

/------------------ End of Blog --------------/

/---------------- WhatsApp Icon --------------/

/-------------- End of WhatsApp Icon ---------/

/---------------- Mobile Screens -------------/
@media only screen and (max-width: 767px)
{ 
    .index::before
    {
       background-size: 25% !important;
    }

    /----------------- Header ----------------/
    
    /----------------- Banner ----------------/

    /--------------- Categories --------------/
    
    /---------------- Products ---------------/
    .product-card__actions div button
    {
        background: var(--primary-color) !important;
    }
    
    .product-card__enhanced-mini-cart button.s-button-element
    {
        color: var(--primary-color) !important;
        background-color: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
    }
    
    .product-card__enhanced-mini-cart button.s-button-element i
    {
        color: var(--primary-color) !important;
    }
    
    .dark .product-card__enhanced-mini-cart button.s-button-element
    {
        color: var(--secondary-color) !important;
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }
    
    .dark .product-card__enhanced-mini-cart button.s-button-element i
    {
        color: var(--secondary-color) !important;
    }
    /------------ Products Details -----------/

    /------------------ Cart -----------------/

    /--------------- Testemonials ------------/
    
    /----------------- Features --------------/
    
    /------------------ Footer ---------------/
    .store-footer .m-0 .img-fluid
    {
        width: 90px !important;
    }
    
    .dark .store-footer .m-0::before
    {
        margin-right: -15px;
    }
    /------------------- Blog ----------------/
}
/------------- End of Mobile Screens ---------/

/----------------- Animations ----------------/
@keyframes slideFadeInUp
{
    0%
    {
      opacity: 0;
      transform: translateY(30px);
    }
    100%
    {
      opacity: 1;
      transform: translateY(0);
    }
}

@keyframes glowPulse
{
    0%, 100%
    {
      box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    }
    50%
    {
      box-shadow: 0 0 25px rgba(255, 255, 255, 0.8);
    }
}
/-------------- End of Animations ------------/

.qr-code
{
  animation: 
    slideFadeInUp 1s ease-out forwards,
    glowPulse 3s ease-in-out infinite;
}

a[aria-label="email"]
{
    display: none !important;
}

/* إخفاء الرقم */
.topnav-link-item .unicode
{
    display: none !important;
}

/* استبدال أيقونة الهاتف بصورة واتساب بلون سماعة أسود */
.topnav-link-item .sicon-phone
{
    background-image: url('https://cdn-icons-png.flaticon.com/512/733/733585.png'); /* أيقونة واتساب سوداء */
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    font-size: 0;
    display: inline-block;
    
     width: 40px;
    height: 40px;
    border: 1px solid white; /* الإطار الأبيض */
    border-radius: 30%; /* دائرة */
    font-size: 0; /* لإخفاء الرمز الأصلي */
}

:root {
    --main-text-color: #60eaee !important;
}

.footer-list.store-links-items li:nth-child(1),
.footer-list.store-links-items li:nth-child(2),
.footer-list.store-links-items li:nth-child(3) {
  display: none;
}

.top-navbar ul {
    display: block !important;
    width: 58%;
}