.two-row .banner-entry:hover
{
animation: zoomsvp 2s ease!important;
}


.md\:grid-cols-3 {
    grid-template-columns: repeat(2,minmax(0,1fr));
    }

.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 1;
}


.leading-\[1\.2\] {
    line-height: 1.2;
    color: #ffffff;
    background: #22bbfc;
    border-radius: 1px 14px 1px 14px;
    padding: 5px;
    padding-bottom: 10px;
}





.banner-entry {
    background: transparent;
       height: 346px;
}

.s-form-control {
    background-color: #f5f6f8;
}


.s-product-options-wrapper {
   text-align-last: center;
    color: black!important;
    background-color: #ffffff!important;
}

.sicon-menu:before {
    content: "\ed7f";
    color: black;
}

bg-inherit .s-cart-summary-total {
    color: #fff!important;
}

.s-cart-summary-total {
    color: #fff!important;
}






.has-overlay:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
}

.footer-is-light .store-footer .social-link {
    --tw-border-opacity: 1;
    border-color: white!important;
    color: white!important;
}

.store-footer .social-link {
    border-color: white!important;
    color: white!important;
}


.main-menu li.root-level>a:hover {
    color: black;
}




.store-footer a {
    border-color: white!important;
    color: white!important;
}

 .top-navbar {
background: url(https://i.ibb.co/bN1hfzx/2023-11-15-T172226-809.png)!important;}

.sicon-menu:before {
    content: "\ed7f";
    color: #ffffff!important;
    background: #9d9898!important;
    padding: 5px!important;
    border-radius: 17px!important;
    border: solid 1px;
}

[dir=rtl] .rtl\:ml-2\.5 {
    margin-left: 0.625rem;
    color: white!important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background: transparent;
}



/*---------------- log in  --------------*/
body.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #22bbfc
url(https://i.ibb.co/5k9B1bn/Qc-EKi-Lk-Bsyhzca-Rol-MMDMf-He65b-XMuhfs290-A5g-N.png);
    position: fixed;
    z-index: 99999999999999999!important;
    transform: scale(0);
    background-size: 150px!important;
    background-repeat: no-repeat;
    background-position: center!important;
    animation-name: logobg;
    animation-duration: 2.5s
}
@keyframes logobg {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1)
    }

    78% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

/*-------------- log in --------------*/


.navbar-brand img {
    max-height: 40px;
    content: url(https://i.ibb.co/5k9B1bn/Qc-EKi-Lk-Bsyhzca-Rol-MMDMf-He65b-XMuhfs290-A5g-N.png)!important;
    transform: scale(1.3);
}


:is([dir=rtl] .mm-spn.mm-spn--navbar):after {
    padding-right: 3rem;
    text-align: -webkit-center;
}




.mm-spn ul.main-menu li:before {
    height: 0.5rem;
    width: 0.5rem;
        color: white;
}

salla-slider.photos-slider .swiper-slide {
    width: 100%;
}

[dir=rtl] salla-slider[type]:not(.hydrated)>div, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] .carousel-slider .swiper {
    padding-left: 1rem;
        margin-bottom: 7px;
}



.top-navbar {
    background: #22bbfc;
    color: white;
}




.s-user-menu-trigger {
    background-color: transparent;
}


.footer-is-light .store-footer {
    background: #9d9898;
        border-radius: 60px 60px 0 0;
}



@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}



@keyframes zoomsvp
{
0%
{
transform: scale(0.8);;
}
50%
{
transform: scale(1);;
}
100%
{
transform: scale(1);;
}
}


.store-footer h3 {
    content-visibility: hidden!important;
}

.main-menu li.root-level>a {
    color: white;
}

.mm-spn li img {
    background-color: transparent;
}

.s-button-primary-outline {
   border: solid 1px #019cdd;
    color: #019cde;
}

[dir=rtl] .s-product-card-promotion-title {
    background: #0000008f;
    font-size: 11px;
        margin-top: -15px;
    }

.s-product-card-image img.loaded:hover {
        transform: translateY(1px) scale(1.2);
}

.s-product-card-content-title a {
    display: block;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 900;
    --tw-text-opacity: 1;
    color: #1f2937;
    color: rgb(31 41 55/var(--tw-text-opacity));
    text-align: -webkit-center;
}

.s-product-card-content-sub {
    margin-bottom: 1.25rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
}

.s-product-card-price {
    font-size: 1.2rem;
    line-height: 1.25rem;
    font-weight: 700;
}



[dir=rtl] .s-slider-block__title h2 {
    color: #ffffff;
    background: #22bbfc;
    border-radius: 1px 14px 1px 14px;
    padding: 5px;
    padding-bottom: 10px;
}




[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: 0.75rem;
    text-align: -webkit-center;
}
.mm-spn li a, .mm-spn li span {
    padding: 15px;
    text-align: -webkit-center;
    justify-content: center;
}



.product-block{
    flex-direction: column;
    border: 2px solid #9d9898!important;
}

.product-block .price-wrapper>small  {
    color: #fff;
}


.rounded-full {
    border-radius: 10PX;
}

html body {
    background: url(https://i.ibb.co/M6LjrwW/geometry.png);
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
   color: black;
    background: transparent;
}
}


.s-product-options-option-label b {
    color: black;
}

.s-product-options-option-label small {
visibility: hidden;
}



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

.md\:pb-16 .text-red-400 {
    font-weight: bold;
}


s-price-range-number-input{
    border-radius: 0.375rem!important;
        border: solid 1px #019cdd;
        color: white;
}


.md\:text-2xl{
    margin-bottom: 1.5rem;
    justify-content: center;
    background: linear-gradient( to right, #9d9898 20%, #1c1c1d 30%, #9d9898 70%, #1c1c1d 80% );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}


.rtl .form-select, .rtl select, [dir=rtl] .form-select, [dir=rtl] select {
    background-position: left 0.5rem center;
    padding-right: 12px;
    text-align: center;
}


.bg-inherit {
    background: url(https://i.ibb.co/bN1hfzx/2023-11-15-T172226-809.png);
}



.header-btn__icon {
    background: #9d9898 !important;
        color: white!important;
    }
    
.py-4 .text-gray-400 {
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgb(156 163 175/var(--tw-text-opacity));
    color: white;
    justify-content: center;
}



.sicon-shopping-bag:before {
    content: "\ef37";
}


@keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 85% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }
}



.mm-ocd--open .mm-ocd__content {
    transform: translate3d(0,0,0);
    border-radius: 40px 0px 4px 40px!important;
}

[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: 1.75rem;
    text-align: -webkit-center;
    font-size: 19px;
    background: #9d9898 !important;
    color: white;
}


.mb-6 {
    text-align: -webkit-center;
}

.mb-6 {
    margin-bottom: 1.5rem;
    justify-content: center;
}

.s-block--features__item{
    grid-column: span 1/span 1;
    background: transparent;
    margin-bottom: 21px;
    margin-top: -40px;
}

.sicon-quote-open:before {
    content: "\eead";
    color: white;
}

.s-slider-block__display-all {
  color: #9d9898;
    background: transparent;
    border-radius: 2.375rem;
    padding: 7px;
    border: solid 2px #9d9898;
}


[dir=rtl] .testimonials-slider .swiper-slide-active .testimonial {
    padding-left: 6rem;
    background: #231f20;
    color: white;
    background-color: #9d9898;
}


[dir=rtl] .testimonials-slider .swiper-slide-active .testimonial {
    background:#22bbfc;
    color: white;
}

.sicon-quote-open:before {
    content: "\eead";
    color: white;
}

.navbar-brand img {
    max-height: 4rem;
    animation: wiggle 2.5s infinite;
    padding-right: 12px;
}


.s-block--hero-slider .swiper-slide .swiper-lazy:after {
    background-color: transparent;
}

.s-slider-v-centered.fullwidth-slider .s-slider-block__title-nav button {
    --tw-shadow-color: #ffffff;
    --tw-shadow: transparent;
    background: transparent;
    color: white;
}

.s-slider-v-centered.fullwidth-slider .s-slider-nav-arrow svg {
    width: 22px;
    fill: #ffffff;
}



.footer-is-light .store-footer .store-footer__inner {
   border-radius: 50px 50px 0px 0px;
    color: white;
background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='75' height='75' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(198, 99%, 44%, 1)'/><path d='M32.763-11.976c-1.05-.075-1.95.676-2.024 1.726L29.764.849c-.075 1.05.675 1.95 1.725 2.026 1.05.075 1.95-.675 2.025-1.725l.975-11.1c.075-1.05-.675-1.95-1.725-2.025zM54.299 1.32a1.912 1.912 0 0 0-.386.015c-.975.15-1.725 1.05-1.575 2.1l1.5 11.025c.15.975 1.05 1.725 2.1 1.575a1.732 1.732 0 0 0 1.575-2.1l-1.5-11.025c-.131-.853-.836-1.533-1.714-1.59zm-46.93 1.22a1.809 1.809 0 0 0-1.662 1.663c-.075 1.05.675 1.952 1.65 2.027l11.1 1.05c.975.15 1.95-.601 2.025-1.651.15-.975-.6-1.95-1.65-2.025l-11.1-1.05a1.643 1.643 0 0 0-.363-.015zM1.76 13.017a1.825 1.825 0 0 0-1.285.6l-7.65 8.101c-.75.75-.675 1.95.075 2.625s1.95.674 2.625-.076l7.651-8.099c.75-.75.674-1.95-.076-2.625a1.785 1.785 0 0 0-1.34-.526zm75 0a1.825 1.825 0 0 0-1.285.6l-7.65 8.101c-.75.75-.675 1.95.075 2.625s1.95.674 2.625-.076l7.651-8.099c.75-.75.674-1.95-.076-2.625a1.785 1.785 0 0 0-1.34-.526zm-39.731 2.906a1.785 1.785 0 0 0-1.34.527l-7.95 7.723c-.75.675-.826 1.875-.076 2.625.675.75 1.875.752 2.625.077l7.95-7.725c.75-.675.826-1.875.076-2.625a1.825 1.825 0 0 0-1.285-.602zm24.639 18.928c-.24.02-.48.085-.705.197a1.903 1.903 0 0 0-.825 2.55l5.1 9.902a1.902 1.902 0 0 0 2.55.824c.975-.45 1.276-1.574.826-2.55l-5.1-9.9c-.395-.73-1.125-1.083-1.846-1.023zm-50.37-4.862a1.756 1.756 0 0 0-1.035.336c-.825.6-1.05 1.725-.524 2.625l6.15 9.223c.6.9 1.8 1.127 2.625.526.9-.6 1.124-1.8.524-2.624l-6.15-9.226a1.912 1.912 0 0 0-1.59-.86zm32.705 9.766c-.12-.006-.243 0-.365.019l-10.95 2.175c-1.05.15-1.725 1.126-1.5 2.176.15 1.05 1.126 1.725 2.176 1.5l10.95-2.175c1.05-.15 1.725-1.125 1.5-2.175a1.99 1.99 0 0 0-1.811-1.52zm4.556 12.195a1.932 1.932 0 0 0-1.845.949c-.45.9-.15 2.025.75 2.55l9.75 5.4c.9.45 2.025.15 2.55-.75.525-.9.15-2.025-.75-2.55l-9.75-5.4a1.958 1.958 0 0 0-.705-.199zM71.913 58c-1.05-.075-1.875.748-1.95 1.798l-.45 11.1c-.075 1.05.75 1.876 1.8 1.95.975 0 1.875-.75 1.95-1.8l.45-11.1c.075-1.05-.75-1.873-1.8-1.948zm-55.44 1.08a1.865 1.865 0 0 0-1.035.42l-8.775 6.825c-.75.6-.9 1.8-.3 2.625.6.75 1.8.9 2.626.3l8.775-6.827c.75-.6.9-1.8.3-2.625a1.783 1.783 0 0 0-1.591-.72zm16.29 3.945c-1.05-.075-1.95.675-2.024 1.725l-.975 11.099c-.075 1.05.675 1.95 1.725 2.026 1.05.075 1.95-.675 2.025-1.725l.975-11.102c.075-1.05-.675-1.95-1.725-2.024z'  stroke-width='1' stroke='none' fill='hsla(198, 96%, 42%, 1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}

.two-row .banner-entry:first-child {
    background: transparent;
}

.s-block--features__item .feature-icon {
    margin-bottom: 0.75rem;
    display: flex;
    height: 5rem;
    width: 5rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #019cde;
}





/*-------------- best of  --------------*/


.s-block--features__item .sicon-check-circle{
    content: url(https://i.ibb.co/7XQ0L0j/139-basket-outline.gif)!important;
    background-size: 100% 100%;
    display: flex;
    height: 233px;
        transform: scale(0.9);
    width: 206px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* size: revert; */
    width: inherit;
    height: unset;
}


.s-block--features__item .sicon-gold-badge{
    content: url(https://i.ibb.co/pjRz5m9/948-stock-share.gif)!important;
    background-size: 100% 100%;
    display: flex;
    height: 233px;
        transform: scale(0.9);
    width: 206px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* size: revert; */
    width: inherit;
    height: unset;
}



.s-block--features__item .feature-icon .sicon-whatsapp2{
    content: url(https://i.ibb.co/mvfYvWv/970-video-conference-outline.gif)!important;
    background-size: 100% 100%;
    display: flex;
    height: 233px;
        transform: scale(0.9);
    width: 206px;
    flex-direction: row;.p-5 b, strong
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* size: revert; */
    width: inherit;
    height: unset;
}

/*-------------- best of  --------------*/


.mm-spn.mm-spn--navbar ul {
    background: #22bbfc;
    color: white;
}


@media only screen and (max-width: 767px){
.store-footer a {
    transition-property: auto;
    transition-timing-function: cubic-bezier(0.73, -0.98, 0, 2.07);
    transition-duration: 150ms;
    color: white;
    opacity: 100;
    text-align: center;
    justify-content: center;
    
}
}


@media only screen and (max-width: 767px){

.gap-3 {
    gap: 0.75rem;
    grid-template-columns: repeat(2,minmax(0,1fr)); }
    
 .banner-entry {
    height: 100px;
}
}



@media only screen and (max-width: 767px) {
.banner-entry {
    height: 111px;
}

.s-product-options-option-label b {
    font-size: 17px;
}







@media only screen and (max-width: 767px){
.store-footer h3 {
    margin-bottom: 1.25rem;
    text-align: -webkit-center;
}
}


@media only screen and (max-width: 767px){
.store-footer h3 {
    content-visibility: hidden!important;
}
}


@keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 85% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }
}