/*Developed BY Hashem Mdoukh +972-597965309*/

/*header*/
.top-navbar .hidden {
    display: none !important;
}

.store-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 10px;
}

.top-navbar,
.main-nav-container {
    width: 100%;
    background: #fff;
}

.s-search-inline {
    min-width: 220px;
    max-width: 100%;
}


@media only screen and (min-width: 1024px) {
    .main-menu li>a:hover {
        color: #32ba8c !important;
    }
    salla-slider.photos-slider .swiper-slide {
    width: 100%;
    }
    .s-slider-v-centered .s-slider-block__title-nav button {
    display: none;
    }
}

@media (min-width: 640px) {
    .navbar-brand img {
        max-height: 6rem !important;
    }
    .navbar-brand img {
        padding: 10px;
    }
    .s-block--slider-with-bg .slider-bg h3 {
        font-size: 2rem;
    }

    .s-block--slider-with-bg .slider-bg p {
        font-size: 1.2rem;
        line-height: 50px;
    }
    .s-block {
    margin-top: 2rem;
    }
    salla-slider.photos-slider .swiper:where([dir=rtl],            
         [dir=rtl] *) {
      padding-left: 0rem;
      padding-right: 0rem; 
    }
}

.navbar-brand img {
    max-height: 4rem;
}

.top-navbar .s-search-input {
    color: #000 !important;
    border: 1px solid #32ba8c !important;
}

.s-search-inline {
    margin-left: auto;
}

.s-menu-topnav-list {
    display: none;
}

.top-navbar .s-search-input {
background-color: rgb(255 255 255);
}

.sicon-menu {
    font-size: 30px;
}

.main-nav-container .leading-none {
    margin-top: 10px;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 5rem;
}

.main-nav-container.fixed-header .inner {
    background: #ffffffcc;
    backdrop-filter: blur(40px);
}

.sub-menu li>a {
    color: #4b2f83 !important;
}

.header-btn__icon {
    position: relative;
}

.header-btn__icon:after {
    content: "";
    position: absolute;
    top: 7%;
    left: 7%;
    border-radius: 50%;
    border-top: 1px solid transparent;
    border-right: 1px solid #4b2f83;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #4b2f83;
    width: 85%;
    height: 85%;
    transition: border 600ms cubic-bezier(.785, .135, .15, .86), transform 600ms cubic-bezier(.785, .135, .15, .86);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header-btn__icon:hover:after {
    border: 1px solid #4b2f83 !important;
    transform: rotate(135deg)
}

.s-contacts-header{
        display: none!important;
}
.store-header .btn--rounded-gray{
    border: 1px solid #dd5199 !important;
}
.s-block--features__item .feature-icon, .store-footer a .rtl\:ml-2\.5, .s-slider-nav-arrow, .header-btn__icon {
    box-shadow: rgba(0,0,0,.24) 0 3px 8px;
}
text-gray-500:hover span {
  color: #4b2f83 !important;
}

@media only screen and (max-width: 1024px){
.mm-spn li:after {
    border-color: #32ba8c;
}
}
@media (max-width: 1024px){
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-right: 0rem;
    padding-left: 0rem; 
}
}

.mm-spn li:after {
    opacity: .8;
}
.mm-spn li:hover a {
    color: #32ba8c; 
    transition: .3s;
}
.sicon-menu:hover {
    color: #32ba8c;
    transition: .3s;
}
}

salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-right: 0rem;
    padding-left: 0rem;
}
/*header*/ 

/*Banner*/
a.banner-entry {
    padding-top: 598px;
    border-radius: 0;
}

.banner--fixed img,
a.banner-entry,
.s-product-card-entry,
.s-user-menu-trigger,
.s-comments-product {
    background-color: transparent;
}

@media (max-width: 992px) {
    a.banner-entry {
        padding-top: 0;
        height: 46vw;
    }
}

@media (max-width: 600px) {
    a.banner-entry {
        height: 45vw;
    }

    .s-block--banners>.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .s-product-card-fit-height .s-product-card-image {
        max-height: 15rem !important;
    }
}

.s-product-card-fit-height .s-product-card-image {
    height: 20rem;
}

@media (max-width: 640px) {
    .s-block--fixed-banner .container {
        max-width: 100% !important;
        padding: 0;
    }
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
    color: #ffffff;
}

.s-block-tabs {
    background: transparent;
    padding-top: 0;
    margin-top: 2rem;
    padding-bottom: 0;
}

.s-block--slider-with-bg {
    background: transparent;
}

.s-button-primary-outline:hover {
    color: #ffffff !important;
}
/*Banner*/

/*Products*/
.s-block__title h2,
.s-slider-block__title h2 {
    font-size: 1.5rem;
}



.s-products-slider-card {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.s-product-card-promotion-title,
.promotion-title {
    background: #122e3fcc;
    backdrop-filter: blur(40px);
}

.s-product-card-vertical .s-product-card-image {
    overflow: hidden;
}

.s-product-card-entry img {
    transition: 0.3s;
}

.s-product-card-entry:hover img {
    scale: 1.05;
}

.s-product-card-entry {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) !important;
}

.s-button-primary-outline:hover {
    color: #000000 !important;
}

.s-button-icon .s-button-text {
    color: #000;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 90px;
}

.s-product-card-price {
    color: #000;
}

.s-product-card-entry .s-product-card-content-title a {
       color: #32ba8c;
}
.s-product-card-entry:hover .s-product-card-content-title a {
       color: #4b2f83;
}

.s-product-card-content-title a {
    line-height: 2rem;
}
.s-block--slider-with-bg .s-slider-block__display-all {
    background-color: #4b2f83 !important;

}

.s-block--slider-with-bg .s-slider-block__display-all:hover {
    background-color: #FFF !important;   
    color: #32ba8c !important;
    border-color: var(--color-primary-reverse);
    opacity: 1 !important;
    transition: .3s;
}
@media (max-width: 1024px) {
    .s-product-card-content-title a {
        font-size: 1rem;
    }
}

.s-product-card-fit-height .s-product-card-image {
    max-height: 20rem;
}

.s-product-card-entry .s-button-primary-outline:hover {
    color: #ffffff !important;
}

.s-product-card-entry:hover .s-product-card-content-title a {
    transition: 0.3s;
}

.s-product-card-entry .s-button-primary-outline .s-button-text {
    color: #FFF;
}

.s-product-card-content {
    text-align: center;
}

.s-product-card-content-sub {
    justify-content: center;
}

.s-button-element:not(:disabled):not([loading]) {
    background-color: #4b2f83;
}
.s-slider-block__title-left:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]) {
    display: none;
}
/*Products*/

/*Features*/
.s-block--features__item .feature-icon i {
    color: #4b2f83;
}
.s-block--features__item .feature-icon {
    background-color: #FFF;
}
.s-block--features__item h2 {
    color: #32ba8c;
}
/*Features*/

/*Footer*/
.store-footer__inner,
.store-footer {
    background-color: #122d40;
}
.store-footer__inner .container {
  position: relative;
  margin-top: 10rem;
}


.store-footer__inner .container::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 30%;
    background-image: url("https://i.ibb.co/rZKm0XP/Logo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(-50%, -100%);
}

}
.store-footer a:hover {
    color: #F7F7F7;
}
.store-footer__inner {
    border-top: 5px solid #32ba8c;
    border-style: solid; 
    border-bottom-color: rgba(255,255,255); 
}
.store-footer h3 {
    font-size: 1.3rem;
    color: #32ba8c;
}

.border,
.store-footer .social-link {
    border-color: #dbb55b;
}

@media (min-width: 1024px) {
    .store-footer__inner .container>div {
        grid-column: span 2/span 2;
    }
}

#contact-slot:hover span {
    color: #F7F7F7;
    transition: .3s;
}
/*Footer*/

/*WhatsApp Button*/
.dkuywW {
    display: none;
}
.deQKmp {
  animation: WhatsApp 1200ms linear infinite;
  border-radius: 50%;
}

@keyframes WhatsApp {
    0% {
        box-shadow: 0 0 0 0 #e8cdad;
    }

    100% {
        box-shadow: 0 0 0 5px rgb(77, 194, 71);
    }
}
/*WhatsApp Button*/

body.index::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff url(https://i.ibb.co/rZKm0XP/Logo.png);
    position: fixed;
    z-index: 99999999999999999 !important;
    transform: scale(0);
    background-size: 250px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 2s;
    border-radius: 0;
}

@keyframes logobg {
    0% {
        transform: scale(1);
        border-radius: 50%;
    }

    20% {
        transform: scale(.35);
        border-radius: 50%;
    }

    78% {
        transform: scale(.70);
        border-radius: 50%;
    }

    100% {
        transform: scale(0);
        border-radius: 50%;
    }
}