@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
body{
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;}
    
    
  /****header****/   
  .rehla-header.border-y-2.border-slate-600.bg-white.h-24.z-50.rehla-main-text-color {
    border-bottom: none;
}
ul.flex-1.hidden.lg\:flex.flex-wrap.z-50.rehla-menu li {
    border-bottom: 1px solid;
padding:10px 30px

}
ul.flex-1.hidden.lg\:flex.flex-wrap.z-50.rehla-menu li{transition:.1s}
ul.flex-1.hidden.lg\:flex.flex-wrap.z-50.rehla-menu li:hover {
    border-bottom-color:var( --color-primary);
color:var( --color-primary) !important;
}
 /****header****/
 /****banners****/
@media(min-width:992px){
    section.s-block.s-block--fixed-banner.wide-placeholder .container {max-width: 80%;background:transparent}
section.s-block.s-block--fixed-banner.wide-placeholder *{
background:transparent !important;
}}
@media(max-width:600px){
    section.s-block.s-block--fixed-banner.wide-placeholder .container {max-width: 100%;background:transparent}
section.s-block.s-block--fixed-banner.wide-placeholder *{
background:transparent !important;
}}
 /****banners****/
 /****INNER****/
 body.product-index .border-t.border-gray-300.py-4.h-28 {display:none}



.py-4.flex.justify-between {justify-content:start}




.flex.flex-col.text-xl {
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
}

@media(max-width:600px){
.py-4.flex.justify-between button.bg-green-500.text-sm.h-10.w-28.rounded-md.text-white.font-semibold {width:80px !important}
}

@media(min-width:992px){
.rehla-product-card.mx-auto.md\:w-96.w-full.shadow-xl.rounded-xl.bg-white.overflow-hidden.mb-4 {
    max-width: 18rem;
}}
button.absolute.top-0.left-0.w-full.h-full.bg-white.border-2.border-slate-600.text-slate-600.w-36.h-10.rounded-lg.border-slate-600.text-sm.translate-x-1.translate-y-1.z-10 {
    display: none;
}

.flex.justify-between.bg-white.rounded-md.w-10\/12.m-auto.-translate-y-4.py-2.px-3.shadow-lg.h-9 {
    position: absolute;
    right: 7%;
   
}



.rehla-product-card.mx-auto.md\:w-96.w-full.shadow-xl.rounded-xl.bg-white.overflow-hidden.mb-4 .py-4  {
   margin-top:15px
}


@media(max-width:600px){
.flex.justify-between.bg-white.rounded-md.w-10\/12.m-auto.-translate-y-4.py-2.px-3.shadow-lg.h-9 span.text-gray-500.font-medium {
font-size:12px
}
.flex.justify-between.bg-white.rounded-md.w-10\/12.m-auto.-translate-y-4.py-2.px-3.shadow-lg.h-9 {width:100%;
right:0 !important
}
}

@media(max-width:600px){
.product__description.p-2.px-5.sm\:p-1.leading-7.my-3 h1 strong{
font-weight:400;
font-size:18px
}}
 /****INNER****/
 /****products****/
 @media(max-width:600px){

.s-block.s-block--best-offers.container.overflow-hidden .swiper-wrapper 
 {
    width: 50%;
}
.flex.justify-start.flex-col.w-full.h-full.px-5 {min-height:300px}

.flex.justify-start.flex-col.w-full.h-full.px-5 {
    justify-content: space-between;
}

p.text-gray-500.text-base.text-justify.leading-6 {
    font-size: 12px;
}
}


.border-t.border-gray-300.py-4.h-28 {
    overflow: hidden;
}
.flex.justify-start.flex-col.w-full.h-full.px-5 {min-height:300px}
.flex.justify-start.flex-col.w-full.h-full.px-5 {
    justify-content: space-between;
}
.s-products-slider-card.swiper-slide.swiper-slide .py-4:nth-of-type(1)  {display:flex;
flex-direction:column;
align-items:center;

}

.s-products-slider-card.swiper-slide.swiper-slide  span.text-gray-500.text-base.py-1.flex.items-center.gap-2 {align-items:center !important;
justify-content:center !important;
}

.s-products-slider-card.swiper-slide.swiper-slide .rehla_subtitle_text_icon {
    height: 20px;
}

.rehla-product-card.mx-auto.md\:w-96.w-full.shadow-xl.rounded-xl.bg-white.overflow-hidden.mb-4 {
    border-radius: 15em 15em  0  0;
    overflow: visible;
}

.rehla-text.relative.py-20 h3 ,.rehla-text.relative.py-20 > div{
    text-align: right !important;
padding:20px;
margin:0;
margin-right:100px
}
.rehla-text.relative.py-20 > div{font-size:40px}
@media(max-width:600px){
.rehla-text.relative.py-20 > div{font-size:23px}
.rehla-text.relative.py-20 h3 ,.rehla-text.relative.py-20 > div{
    
padding:10px;

margin-right:20px
}
}
.rehla-text.relative.py-20 h3 {color:#F18D20}
.rehla-text.relative.py-20 {padding:0
                           }

.s-slider-block__title-right {
    display: none;
}

.s-slider-block__title-left {
    align-self: flex-end;
}

.s-slider-block__title {
    justify-content: flex-end;
}


@media(max-width:600px){
.s-slider-block__title-nav {
    display: block !important;
}}
/****products****/