/* ARA-E L3OMALA-E */
.testimonials-item blockquote p{
 border: 2px solid #1c91b2;
 margin: 15px;
 color: black;
}
.row.testimonails-listing.slick-initialized.slick-slider.slick-dotted>.slick-list>.slick-track>.testimonials-item>blockquote>p:after {
 border-top-color: #1c91b2;
}
/*** ARA-E L3OMALA-E */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@900&display=swap');
/******* #PC *******/

/*

################################
##                            ##
##    MADE BY BONAAS SHAREEF  ##
##                            ##
################################

https://khamsat.com/user/bonaas_shareef
https://mostaql.com/u/bonaas_shareef

(◠‿◠)

*/


@media (min-width: 992px){
    /* 1 - CAT */

    /***CAT*/

    /* 3 - BANNER */
    .container.banner img {
        border-radius: 20px;
        box-shadow: 0px 0px 15px 0px #000000;
    }
    /***BANNER*/

    /* 4 - SLIDE */
    .main-slider .slick-list.draggable .slick-track a img {
        border-radius:20px;
    }.main-slider .slick-list.draggable .slick-track a  {
      padding: 10px 50px;
      /* width: 100% !important; */
    }
    .main-slider .slick-list.draggable .slick-track a img {
         box-shadow: 0px 0px 10px 0px #00000044;
    }
    /***SLIDE*/


    }








    /******* #MOB *******/

    @media only screen and (max-width: 992px){
    /* 1 - CAT */
    section>.container>.row>.col-sm-4.col-md-4 {
        width: 50%;
        float: right;
    }

    body .category-featured a {
        background-size: cover;
    }
    /***CAT*/

    /* 3 - BANNER */
    .container.banner img {
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px #000000;
    }
    /***BANNER*/

    /* 4 - SLIDE */

    /***SLIDE*/

    }








    /******* #ALL *******/

    /* 1 - CAT */
    section .container .row .category-featured a:before {
        content:none;
    }
    section .container .row .category-featured a {
        background-size:contain
    }

    /***CAT*/


    /* 2 - FOOTER */
    .footer-sub p span {
        display: none;
    }
    /***FOOTER */


    /* 3 - BANNER */
    section[data-type="banner"] + section[data-type="banner"]>.container.banner img {
        margin-top: 0px;
    }
    /***BANNER*/


    /* 5 - SECTION */
    body section.section {
        padding-top: 0;
        padding-bottom: 0;

    }

    .sub-nav+section {
        background: none !important;
    }.sub-nav+section .container{
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
    /***SECTION*/


    /* 6 - BODY */
    body{
        background-image: url("https://i.imgur.com/CdQkXH6.png");
        background-size: 2000px;
        background-color: #1c91b21c;
        background-position-x: right;
    }
    /***BODY*/

    /* 7 - PRODUCT */
    .product {
        background-color:#1c91b2;
        color:white;
        border:2px solid #000000;
        border-radius:20px;
        }
    .product-footer,.product-footer *{
        background-color:#1c91b2;
        color:white
    }
    .product h3.product-title {
            background-color:#1c91b2;
        color:white
    }
    .product:hover .product-title{
        color:#000000;
    }
    body.salla-theme_1 .product .product-footer,
    a.product-add.add_to_cart_btn {
        border: none;
    }
    a.product-add.add_to_cart_btn:hover {
        background-color: #1c91b2 !important;
    }a.product-add.add_to_cart_btn:hover *{
        color: #000000 !important;
    }
    /***PRODUCT*/


    /* SLIDE */

    /***SLIDE*/


    /*
    .slick-track {
        width: 100% !important;
    }
    */



    /**/
    .site-header .circle-action {
      border: 2px solid #fff;
      background:none;
      color:white;
    }
    .login-link.circle-action.dropdown-store-header {
     vertical-align: middle;
    }

    .site-header {
        background: #1c91b2 !important;
    }

    body .sub-nav {
        background: #1c91b2 !important;
        border: none !important;
        margin-bottom:10px;
        box-shadow: 0px 5px 12px -10px black;
    }







    /*LOGIN CART SEARCH*/
    a.circle-action.site-header__cart, #search button, a.login-link.circle-action {
        border: 2px solid #fff;
        color: #fff;
    }
    .circle-action:hover {
        border: 2px solid #fff;
        color: #1c91b2 !important;
        background-color: #fff;
    }
    span#cart_badge {
        color: #fff;
    }
    div#cl_switcher button#cl_toggle {
        border: 2px solid #fff;
        color: #fff;
    }
    div#cl_switcher button#cl_toggle:hover {
        border: 2px solid #fff;
    }
    div#cl_switcher button#cl_toggle *, #cl_switcher #cl_toggle:after {
        color: #fff;
    }








      /* nav bar border bottom  القائمة*/

    /* اللون */

    .sub-nav .main-menu{
        background-color:#1c91b2

    }
    .sub-nav .main-menu>li>a{
      color: #ffffff !important;
    }
    .sub-nav .main-menu>li>a:hover{
      color:#000 !important;
    }

    /* التسطير */
    @media (min-width: 991px){
    .sub-nav .main-menu>li:after{
      content: "";
      position: absolute;
      bottom: 0;
      right: 50%;
      height: 3px;
      background-color: #000000;
      width: 0;
      transition: 0.3s;
    }.sub-nav .main-menu>li:hover:after{
        width: 100%;
        right: 0;
    }
    /* الظل */
    .sub-nav .main-menu>li:hover{
      box-shadow: 0px 10px 10px -10px #000000 !important;
    }
    }














    .section-header .section--title {
        background-color: #1c91b2;
        border-radius: 30px;
        color: #ffffff;
        padding:0 15px;
        }

    .section-header.d-flex.justify-content-between.align-items-center.mb-4 .section-actions {
        background-color: #fff0;
    }

    .section-header:before {
        height: 15%;
        background-color: #1c91b2;
        margin-left: 20%;
        border-radius: 50px;
    }

    a.circle-action.button-next,
    a.circle-action.button-prev,
    a.circle-action.button-more {
        border: 3px solid;
        color: white;
    }

    a.circle-action.button-more:hover {
        color: #1c91b2;
        border:3px solid white
    }

    .circle-action:hover span {
        color: #1c91b2;
    }







     *::-webkit-scrollbar-track
     {
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
       background-color: #ebd4cb;
     }

     *::-webkit-scrollbar
     {
       width: 5px;
       background-color: #ffffff;
     }

     *::-webkit-scrollbar-thumb
     {
       background-color: #1c91b2;
     }



    /*ARA'E L3OUMALA'E */


    .row.testimonails-listing.slick-initialized.slick-slider.slick-dotted>
    .slick-list>.slick-track>.testimonials-item>blockquote>p {
      /* background-color:#ebd4cb; */
      /* border:3px solid black; */
      /* box-shadow:0px 0px 5px 0px black; */
      /* margin:15px; */
      /* color: black; */
    }

    .row.testimonails-listing.slick-initialized.slick-slider.slick-dotted>
    .slick-list>.slick-track>.testimonials-item>blockquote>p:before {
      border-top-color:#000000;
    }.row.testimonails-listing.slick-initialized.slick-slider.slick-dotted>
    .slick-list>.slick-track>.testimonials-item>blockquote>p:after {
      border-top-color:#000000;
    }






    section.u-light.py-5.text-center {
        background: none;
    }section.u-light.py-5.text-center *{
        color: black;
    }

    .feature-item__icon {
        background-color: #1c91b2;
    }.feature-item__icon i{
        color: #ffffff !important;
    }

    .footer-main {
        background: #1c91b2 !important;
    }
    .footer-main ,.footer-main * {
        color: white !important;
        border: none;
        text-align: center;
    }

    section.u-light.py-4 {
        background: none;
    }


    li.social__item a {
        border: 2px solid;
    }

    .social__item a:hover {
        background-color: black !important;
        border:black
    }.social__item a:hover i{
        color: white !important;
    }

    .footer-sub {
      background-color:#1c91b2;
      color: white;
    }

    .sub-nav-header {
        background: #1c91b2;
    }

    .container-fluid.sub-nav-content.is-active * {
        color: white !important;
    }

    .container-fluid.sub-nav-content.is-active {
        background: #1c91b2;
        margin: 5%;
        width: 90%;
        height: 95%;
        border-radius: 10px;
        /*border: 3px solid;*/
        box-shadow: 0px 0px 100px 0px #000;
    }

    .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li {
        border: none;
    }

    li.sub-menu-header.categories-holder {
    }

    .container-fluid.sub-nav-content.is-active ul.main-menu {
    }

    li.sub-menu-header.categories-holder {
        border-bottom: none !important;
    }

    .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.has-children>a:after {
        color: black !important;
        font-weight: bold;
    }


    /*mobile menu (new)*/
    .container-fluid.sub-nav-content.is-active ul.main-menu li.sub-menu-header.categories-holder ul>li>a {
        border: 2px solid;
        border-radius: 10px;
        margin: 5px 20px;
    }

    .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.active {
        background-color: #1c91b2;
    }




/* NEW */

body.store-home:before {
 content: '';
 width: 100%;
 height: 100%;
 background: #1c91b2 url(https://cdn.salla.sa/PXQBe/rLS1kIATR07cywWFNdBPWSD2oKMS09FUrprAUGiJ.png);
 position: fixed;
 top:0;
 z-index: 9999999999999999 !important;
 transform: scale(0);
 background-size: 300px !important;
 background-repeat: no-repeat;
 background-position: center !important;
 animation-name: logobg;
 animation-duration: 2s;
}
@media only screen and (max-width: 992px){
 body.store-home:before {
 background-size: 200px !important;
}


}
@keyframes logobg {
 0% {
  transform: scale(1);
        opacity:1;
 }
 70% {
  transform: scale(1);
        opacity:1;
 }
 100% {
  transform: scale(0);
  opacity:0;
 }
}



.btn-primary {
    background-color: #1c91b2 !important;
    color: #000 !important;
}


/*side menu*/
.container-fluid.sub-nav-content.is-active .sub-menu-logged-in {
    border: none;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder>span, .sub-nav .main-menu li#ls_switcher_mobile {
    border-top: none;
    margin-top: 10%;
}

div, p, span, strong, h1, h2, h3, h4, h5, h6 {
    font-family: 'Tajawal', sans-serif;
    font-weight: 500;
}


.sub-nav-header::before {
    content: "";
    text-align: center !important;
    display: block;
    height: 150px !important;
    background-image: url(https://i.imgur.com/a5fOHng.png);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

.container-fluid.sub-nav-content.is-active .sub-nav-header img {
    display: none;
}

.btn-primary{
    color: white !important;
    background-color: #1c91b2 !important;
}

.col-lg-4.header-row.logo-wrapper a.sub-nav__menu.ml-2 svg {
    fill: #fff;
}

.container-fluid.sub-nav-content.is-active .sub-nav-header a {
    color: #000 !important;
    width: 50%;
    padding: 5px 0 0 0;
}

body section.section {
    padding-top: 5%;
}
/**/
p.product-price .price-after {
 color: black !important;
 padding: 0 5px;font-weight: bold;
}