<style><!--
section{
overflow: hidden;
border-radius: 1rem;
padding-top: 2rem ;
box-shadow: 0 5px 25px rgba(1 1 1 / 30%);
direction: rtl;
font-family: 'El Messiri', sans-serif;
background-image:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url(https://images.unsplash.com/photo-1611689342806-0863700ce1e4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80);
background-repeat: no-repeat;
background-size: cover;
background-position: 100%;
overflow: hidden;
}
@media (max-width:767px){
section{
background-size: cover;

}
}
section .text{
text-align: center;
}
section .text h1{
font-weight: bold;
font-size: 25px;
color: white;
animation-duration: 4s;
}
section .text h5{
font-size: 20px;
color: white;
animation-duration: 10s;
}
.continer{
display: flex;
align-items: center;
justify-content: space-around;
overflow: hidden;
}
.continer .box{
border: 3px solid white;
border-radius: 40px;
box-shadow: 0 5px 25px rgba(255, 255, 255, 0.6);
padding: 10px 5px 10px 10px;
background-color: transparent;
transition: 1s box-shadow;
position: relative;
z-index: 2;
margin: 10px ;
animation-duration: 25s;
height: auto;


}
@media (max-width:767px) {
.continer{
display: block;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px; ;
}
.continer .box{
margin-bottom: 25px;
}
}
.continer .box:hover{
box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
}
.continer .box:hover::before, .box:hover::after {
display: block;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: transparent;
border: #3b3939 solid 4px;
border-radius: 44px;
z-index: -2;
-webkit-animation: 2s clockwise infinite;
animation: 2s clockwise infinite;
opacity: 0.7;
}
.continer .box:hover:after {
background: transparent;
border: #000000 solid 4px;
-webkit-animation: 3s counterclockwise infinite;
animation: 3s counterclockwise infinite;
opacity: 0.7;
z-index: -14;
}
@-webkit-keyframes clockwise {0% {top: -5px;left: 0;}12% {top: -2px;left: 2px;}25% {top: 0;left: 5px;}
37% {top: 2px;left: 2px;}50% {top: 5px;left: 0;}62% {top: 2px;left: -2px;}75% {top: 0;left: -5px;}
87% {top: -2px;left: -2px;}100% {top: -5px;left: 0; }}
@keyframes clockwise {0% {top: -5px;left: 0;}12% {top: -2px;left: 2px;}25% {top: 0;left: 5px;}37% {top: 2px;left: 2px;}
50% {top: 5px;left: 0;}62% {top: 2px;left: -2px;}75% {top: 0;left: -5px;}87% {top: -2px;left: -2px;}
100% {top: -5px;left: 0;}}
@-webkit-keyframes counterclockwise {0% {top: -5px;right: 0;}12% {top: -2px;right: 2px;}25% {top: 0;right: 5px;}
37% {top: 2px;right: 2px;}50% {top: 5px;right: 0; }62% {top: 2px;right: -2px;}75% {top: 0;right: -5px;}87% {top: -2px;right: -2px;}
100% {top: -5px;right: 0;}} @keyframes counterclockwise {0% {top: -5px;right: 0;}12% {top: -2px;right: 2px;}25% {top: 0;right: 5px;}
37% {top: 2px;right: 2px;}50% {top: 5px;right: 0; }62% {top: 2px;right: -2px;}75% {top: 0;right: -5px;}
87% {top: -2px;right: -2px;}100% {top: -5px;right: 0; }}
.continer .box ul{
list-style: none;
line-height: 2;
font-size: 17px;
font-weight: 700;
}
section details {
text-align: center;
color: white;
font-size: 12px;
line-height: 1.2;
padding-right: 14px;
padding-bottom: 25px;
margin: 0 9%;
cursor: pointer;
margin-bottom: 15px;
transition: 1s;
}
section details h4{
color: white;
font-size: 11px;
}
section details:hover{
transform: translateY(-10px);
}
@media (max-width:767px) {
section details{
display: block;
text-align: center;
color: white;
font-size: 12px;
line-height: 1.2;
padding-right: 14px;
padding-bottom: 25px;
margin: 0 9%;
cursor: pointer;
margin-bottom: 15px;
}
section details h4{
color: white;
font-size: 11px;
}
section details p{
color: white;
font-size: 10px;
}
}

.continer .box li{
color: white;
padding-right: -30px;
margin-right: -20px;
}
.continer .box li i{
margin-left: 5px;
color: #EEE;
padding-right: -30px;
}
--></style>
<!-- start section --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&amp;display=swap"> <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet"> <!-- End section -->
<section>
<div class="text">
<h1 class="animate__animated animate__pulse animate__infinite">تفاصيل المنتج</h1>
<h5 class="animate__animated animate__fadeInUp"><mark>عطور ايجل معاك فى كل مكان </mark></h5>
</div>
<div class="continer">
<div class="box animate__animated animate__bounceIn">
<ul>
<li>
<i class="fa-solid fa-hand-holding-dollar"></i> السعر : 150ج<br>الانواع :<br> 1- عطر ( وايت إيجل ) حمضيات. فواكه. زهور بيضاء <br>2- عطر ( بيور إيجل ) هيل. فلفل وردي فانيلا. خشب العنبر <br>3- عطر ( بلاك إيجل ) ليمون. ياسمين. مسك أبيض <br>4- عطر ( ريد إيجل ) حمضيات. عنبر أسود. ميرمية <br>5- عطر ( غولدن إيجل ) برغموت. يوسفي. شاي أخضر. خشب صندل. <br>6- عطر ( براون إيجل ) جريب فروت. ياسمين. باتشولي</li>
<li><br></li>
<li>
</li>
</ul>
</div>
<div class="box animate__animated animate__bounceIn">
<ul>
<li>
<i class="fa-solid fa-handshake-simple"></i> الدفع نقدا عند الاستلام</li>
<li>
<i class="fa-solid fa-truck"></i> شحن أمن وسريع مع ايجل</li>
<li>
<i class="fa-solid fa-lock"></i> معلوماتك أمنة معنا</li>
</ul>
</div>
</div>
<br> <details> <summary><strong>الاسألة الاكثر تكرارا و الاجابة عليها</strong></summary><hr>
<h4><strong>لو المنتج معجبنيش او الجودة و مش هستلم هدفع شحن؟</strong></h4>
<p>لا يفندم حضرتك بتعاين المنتج لو الخامة معجبتش حضرتك او المنتج مش زى الصورة حضرتك مش بتستلم و مش بتدفع شحن</p>
<hr>
<h4><strong>لو المقاس كبير اقدر ابدل بي اصغر او العكس ؟</strong></h4>
<p>اكيد يا فندم حضرتك بتتواصل معانا و نأكد لحضرتك اوردر الاستبدال</p>
<hr>
<h4><strong>لو المنتج غير الصور او الجودة سيئة ممكن ارجعه عادي واسترد المبلغ؟ </strong></h4>
<p>ايوه يا فندم لو المنتج مش زى اللى فى الصورة او الجودة معجبتش حضرتك تقدر تعمل استرجاع او استبدال فى خلال 30 يوم</p>
<hr>
<h4><strong>طريقة تبديل المقاس ازاي ؟</strong></h4>
<p>عن طريق التواصل معنا عبر مواقع التواصل الاجتماعى من ثم تأكيد المقاس المناسب و عمل اوردر استبدال</p>
<hr>
<h4><strong>كنت طالب استرجاع لحذاء وتم الارجاع بالفعل كيف يتم تحويل المبلغ إلي حسابي؟</strong></h4>
<p>عن طريق فودافون كاش الى اى خط</p>
<hr>
<h4><strong>هل الخامة بتوبر؟</strong></h4>
<p>الخامات كلها مستوردة و المنتجات قطن 100% و يوجد ضمان 30 يوم على المنتج فى حاجه اى عيوب صناعة</p>
<hr>
<h4><strong> هل يوجد مقاسات خاصة؟</strong></h4>
<p>لا يوجد فى الوقت الحالى ولاكن التلبيس كبير يكفى حتى بعد ال100 كيلو</p>
<hr>
<h4><strong>عايز الاوردر يوصل الظهر ؟</strong></h4>
<p>المندوب هيتواصل معاك قبل ما يجى لحضرتك و يشوف انسب معاد حضرتك متاح فيه</p>
<hr>
<h4><strong>هل فى معاينة للمنتج ؟</strong></h4>
<p>هتعاين الاوردر ب النظر قبل الاستلام و لو الاوردر معجبش حضرتك بترفضه وتسلمه للمندوب تاني</p>
<hr>
<h4><strong>اقدر اعمل استبدال من اى فرع ؟</strong></h4>
<p>متاح لو في اي مشكلة في المنتج لو حضرتك قريب من اي فرع انك تستلم الاوردر وتستبدل المنتج و يبقي مع حضرتك الفاتوره و المنتج يبقي ب حالتة الاصليه</p>
<hr>
<h4><strong>ينفع حد غيرى يستلم المنتج ؟</strong></h4>
<p>حضرتك تقدر تنسق مع المندوب لو حضرتك مش متواجد ممكن حد يستلم الاوردر مكان حضرتك</p>
<hr>
<h4><strong> هل متاح عروض؟</strong></h4>
<p>تابعنا فى الصفحة للاستفسار عن العروض المتاحة</p>
</details></section>
<div id="eJOY__extension_root" class="eJOY__extension_root_class" style="all: unset;"></div>