/* Add custom CSS styles below */ 

:root {
    --main-color: #532d80;
    --alt-main-color: #f4cd42;
    --white-color: white
}


/********************* body ************************/

body{
    background-color:#eff5e9;
}
/********************* header ************************/
body.index header.store-header {
    position:absolute;
    z-index:2;
    top:38px;
    width:93% !important;
    margin-inline: 3rem ;
    background-color:#532d7e !important;
    
}
body.index header.store-header {
background-color:#532d7e !important;
}
 
 .top-navbar.bg-inherit.text-inherit {
    background-color:#532d7e  !important
    order:1 !important;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px
}
 input.s-search-input {
    background-color:#d4b9ea54 !important; 
}

section.s-block.s-block--photos-slider {
        margin-top: -9rem!important;
    }

@media (max-width: 768px)  {
 body.index header.store-header {
    position: relative !important;
    z-index:2;
    top:0px;
       width:100% !important;
    margin-inline: 0rem ;
    background-color:#532d7e !important;
    
}
        .inner.bg-inherit {
  margin-inline: 0rem;
}
 .top-navbar.bg-inherit.text-inherit {
     
    order:1 !important;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px
}  
    section.s-block.s-block--photos-slider {
        margin-top: 0rem!important;
    }
}
@media (min-width: 1024px) {
    ul.main-menu,
    .main-menu li.root-level>a {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}
i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu {
    background: var(--main-color) !important;
    color: var(--white-color) !important;
    border: 0px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: 0.3s;
}
i.sicon-menu {
   border-radius:10px;
   padding:5px;
}

.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
    background-color: var(--main-color);
    color: var(--white-color);
}
.main-menu li.root-level>a:hover::before {
    width: 100%;
}
@media (max-width: 768px){
    header.store-header {
}
    .top-navbar{
       
    }

   .inner.bg-inherit .flex.items-stretch.justify-between.relative{
        justify-content:space-around
    }
    div#karzoun-widget-send-button {
    bottom:8rem!important;
}
}


/************  slider **************/
section.s-block.s-block--photos-slider {
        margin-top: 0rem!important;
    }
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin:0 !important;
    width:100% !important;
    border-radius:0 !important;
    width: 100% !important;  /* Full viewport width */
    height: 100% !important; /* Full viewport height */
    object-fit: cover; /* Ensures the image covers the area without distortion */
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}
button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

@media (max-width: 768px)

{
.s-block--categories   a  img{
    height: auto;
    width: 100% !important;
    border-radius: 0 !important;
}
.s-block--categories  div.swiper-slide.slide--one-sixth {
    width: 40% !important;
    
}
    section.s-block.s-block--photos-slider {
        margin-top: 0rem!important;
}
}


.testimonial.dm-bg-sec {
    background-color:transparent !important;
}
* a[href*=instagram]{background:-o-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)} a[href*=tiktok]{background:-o-linear-gradient(330deg,#69c9d0,#000,#ee1d52);
color:white;background:linear-gradient(120deg,#69c9d0,#000,#ee1d52)} a[href*=facebook]{background:-o-linear-gradient(45deg,#3776f2,#00b1f7);background:linear-gradient(45deg,#3776f2,#00b1f7)} a[href*=youtube]{background-color:#c4302b;} a[href*=snapchat]{background-color:#ff0;color:#000!important}
  a[href*=TWITTER] {
    background:lightskyblue;
border:none;
    color:#171313;
}
a[href*=whatsapp] {
    background:#4CAF50;
border:none;
    color:#ffffff;
}
a.social-link.wrapper-for-sicon-iphone{
    background:#4CAF50;
border:none;
    color:#ffffff;
}
nav.breadcrumbs.w-full.py-5 a.fix-align.text-primary.dm-text-main {
      background-color:#532d7e;
    padding:5px 10px ;
    color:white;
    border-radius:10px;
}
nav.breadcrumbs.w-full.py-5 span.fix-align {
         background-color:#532d7e;
    padding:5px 10px ;
    color:white;
    border-radius:10px;
}
a[href*=mailto] {
    background:#009688;
border:none;
    color:#ffffff;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-after {
    color:#f3f4f6;
}

ol.flex.items-center.flex-wrap.text-sm.dm-text-main {
    gap:5px
}



.sbc-wrapper.flex.justify-start.items-center.gap-2.mb-2{
    position:relative;
      justify-content:right
}
.sbc-wrapper.flex.justify-start.items-center.gap-2.mb-2:before {
    content:"";
    position:absolute;
    background-image:url(https://i.postimg.cc/NGy5b0rg/IMG-5848.jpg);
    width:50px;
    height:37px;
    left:100px;
    top:0px;
    background-size:contain;
    background-repeat:no-repeat;
    z-index:2222;
    border-radius:8px;
    justify-content:right
       
}

@media (max-width:767px){
    .sbc-wrapper.flex.justify-start.items-center.gap-2.mb-2{
    position:relative;
      justify-content:right
}
.sbc-wrapper.flex.justify-start.items-center.gap-2.mb-2:before {
    content:"";
    position:absolute;
    background-image:url(https://i.postimg.cc/NGy5b0rg/IMG-5848.jpg);
    width:50px;
    height:38px;
    left:50px;
    top:0px;
    background-size:contain;
    background-repeat:no-repeat;
    z-index:2222;
    border-radius:8px;
    justify-content:space-around
       
}

}
:root {
    --color-primary: #552c7f;
    --color-primary: #552c7f;
    --color-primary-dark: #2f0659;
    --color-primary-light: #7b52a5;
    --color-primary-v-light: #ae85d8;
    --color-primary-reverse: #fff8ff;
    --footer-contact-bg-color: #ffffff;
    --footer-contact-text-color: #111111;
    /* --color-secondary: #ffffff; */
    --pc-zoom-scale: 3;
    --dm-bg-main: #061910;
    --dm-bg-sec: #0c6463;
    --dm-text-main: #ffffff;
    --dm-menus-bg: #061910;
    --dm-menus-text: #061910;
    --dm-p-bg: #041710;
    --dm-p-text: #ffffff;
    --dm-bg-main: #653078;
    --dm-bg-sec: #d8cadd;
    --dm-text-main: #ffffff;
    --dm-text-sec: #ededed;
    --dm-menus-bg: #6a2776;
    --dm-menus-text: #ffffff;
    --dm-bg-image: url(coboonaty.com/);
    --dm-logo-url: url(coboonaty.com/);
    --dm-p-bg: #111111;
    --dm-p-text: #ffffff;
    --dm-custom-color1: #ffffff;
    --dm-custom-color2: #222222;
    --dm-global-animated-ads-text-color: #ffffff;
    --dm-global-animated-ads-bg-color: #111111;
    --categ-menu-bottom-top-added: 4rem;
    --menu-items-pad-y: 14px;
}