#fw-section-custom-html-9891b578-9d1a-4af0-ac95-0cfb1b534846 {

/*
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
      
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }


        body {
            font-family: 'Cairo', sans-serif;
            background-color: #f9f9f9;
        }
        */
        .testimonials-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 40px;
            position: relative;
        }
        
        .section-header h2 {
            color: #004aad;
            font-size: 28px;
            font-weight: 700;
            position: relative;
            display: inline-block;
        }
        
        .star-circle {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 60px;
            height: 60px;
            margin: 0 auto 15px;
        }
        
        .star-circle img {
            width: 100%;
            height: 100%;
        }
        
        .divider {
            height: 1px;
            background: linear-gradient(to right, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
            margin: 10px 0 40px;
        }
        
        .testimonials-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
        }
        
        .testimonial-card {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            padding: 25px;
            width: 100%;
            max-width: 350px;
            text-align: center;
            position: relative;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.08);
        }
        
        .quote-icon {
            color: #f0f0f0;
            font-size: 50px;
            position: absolute;
            top: 10px;
            left: 15px;
            opacity: 0.7;
        }
        
        .avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin: 0 auto 15px;
            overflow: hidden;
            background-color: #e9e9e9;
        }
        
        .avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .client-name {
            font-weight: 700;
            font-size: 18px;
            color: #333;
            margin-bottom: 10px;
        }
        
        .rating {
            color: #ffc107;
            font-size: 18px;
            margin-bottom: 15px;
        }
        
        .testimonial-text {
            color: #555;
            line-height: 1.6;
            font-size: 14px;
        }
        
        .pagination {
            display: flex;
            justify-content: center;
            margin-top: 40px;
            gap: 8px;
        }
        
        .pagination-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #ddd;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .pagination-dot.active {
            background-color: #0a7b83;
            width: 24px;
            border-radius: 10px;
        }
        
        @media (max-width: 768px) {
            .testimonials-container {
                flex-direction: column;
                align-items: center;
            }
            
            .testimonial-card {
                max-width: 100%;
            }
        }
}
#fw-section-image-with-text-7490fbf7-9fc3-4b35-bd08-43b6d10ab05f {

p {
  direction: rtl;
}
h2.image-with-text__heading{
  direction: rtl;
}
}



#fw-section-header {
--color-primary: #007eff;
--color-primary-rgb: 0, 126, 255;
--color-background: #004aad;
--color-background-rgb: 0, 74, 173;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 63;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-featured-collection-1746804285 {

h1, h2, h3, h4, h5, h6 {
  direction: rtl !important;          
  unicode-bidi: embed;     /* يفتح مستوى تضمين جديد وفقاً لاتجاه rtl */  
}
}
#fw-section-product-recommendations {

.collection__heading {
  /* أخفِ النص الأصلي */
  color: transparent;
  /* لضمان حجمه ومساحته */
  position: relative;
}
.collection__heading::after {
  content: "قد يعجبك أيضاً";
  /* أعد ضبط اللون والحجم والمحاذاة */
  color: #004AAD;             /* لون النص */
  font-size: 2rem;      /* حجم الخط */
  font-weight: bold;       /* نمط الخط */
  position: absolute;      
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;       /* لمحاذاة عربية إلى اليمين */
}
}
#fw-section-collection-template {

.collection-template__heading{
  /* أخفِ النص الإنجليزي */
  color: transparent;
  position: relative;
  
  /* أو text-indent لإخفاء النص:
     text-indent: -9999px;
     white-space: nowrap;
  */
}

.collection-template__heading::after {
  content: "جميع المنتجات";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;       /* أو right/left حسب التصميم */
  color: #004aad;              /* عدّل اللون حسب هوية الموقع */
  font-size: inherit;       /* يطابق حجم الخط الأصلي */
  font-weight: inherit;     /* يطابق وزن الخط الأصلي */
}

}





#fw-section-password {
--color-primary: #004aad;
--color-primary-rgb: 0, 74, 173;
--color-background: #004aad;
--color-background-rgb: 0, 74, 173;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 63;
background-color: var(--color-background);
color: var(--color-on-background);

}






#fw-section-product {

* {
  direction: rtl;
}
}