/* Add custom CSS styles below */

/*--------------------HEADER--------------------*/

/*HEADER: LOGO*/
#main-nav .navbar-brand img {
    transition: 1s;
}

/*HEADER: BLOG TITLE*/
header .main-nav .blog-link,
#mobile-menu .blog-link {
    display: none !important;
}

/*HEADER: CATEGORIES: BLACK OVERLAY BG COLOR*/
.header--has-overlay .store-header:before {
    height: 100px !important;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(0 0 0 / 27%) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-content: "";
}

/*HEADER: LOGO*/
@media (max-width: 425px) {
    #main-nav .navbar-brand [src="https://cdn.salla.sa/form-builder/Am8mPyF1KCBwHcq2SUZqB14D6VhssJaRNYSgt5rt.png"] {
        max-height: 4rem !important;
    }
}

/*HEADER: MAIN NAV-BAR AFTER SCROLL: LOGO*/
@media (max-width: 425px) {

    [class="main-nav fixed-pinned"] .navbar-brand [src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/dbVQp/TUkfXChOvIPyYIAj5RW1zslgdWFF4fu5u1O1jCmx.png"],
    [class="main-nav fixed-pinned animated fixed-header"] .navbar-brand [src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/dbVQp/TUkfXChOvIPyYIAj5RW1zslgdWFF4fu5u1O1jCmx.png"] {
        max-height: 3rem !important;
    }
}

/*HEADER: MAIN NAV-BAR*/
@media (min-width: 1024px) {
    header [class="main-nav__content"] {
        max-width: 95% !important;
        justify-content: center !important;
    }
}

/*HEADER: MAIN NAV-BAR AFTER SCROLL*/
header [class="main-nav fixed-pinned animated fixed-header"] [class="inner bg-inherit"] {
    background-color: #ffffff57 !important;
    backdrop-filter: blur(5px);
}

/*------------------SIDE MENU-------------------*/

/*HEADER: SIDE MENU: BG | OVERLAY SCREEN*/
[class="storemenu-panel side-panel side-panel--right flex flex-col is-opened"] {
    background-color: #ffffff57 !important;
    backdrop-filter: blur(5px);
}

[class="store-overlay"],
.header--mini #storemenu-panel .side-panel__top:after {
    opacity: 0 !important;
}

/*HEADER: SIDE MENU: CLOSING SIGN: X*/
.side-panel .menu-close:before,
.side-panel .menu-close:after {
    width: 23px !important;
}

/*HEADER: SIDE MENU: LOGO*/
.storemenu-panel .side-panel__top {
    justify-content: center;
}

.side-panel__top .navbar-brand img {
    height: 4rem !important;
    width: auto;
    max-height: 7rem !important;
    transition: 3s;
}

/*HEADER: SIDE MENU:  CATEGORIES TITLES*/
.storemenu-panel .main-menu li a span {
    font-size: 1rem !important;
}

/*HEADER: SIDE MENU: DOWN PAGES TITLES*/
.secondary-menu-wrap .widget .collapse-content .block {
    font-size: 0.9rem !important;
    color: #000000;
}

/*HEADER: SIDE MENU: MAIN CONTENT CONTAINER*/
#storemenu-panel .side-panel__content {
    margin-bottom: 2rem !important;
}

/*HEADER: SIDE MENU: CURRENCY CONTAINER*/
.mainmenu--sidepanel #storemenu-panel .side-panel__bottom .inner {
    max-width: 100%;
}

/*HEADER: SIDE MENU: CURRENCY CONTAINER: DIV*/
#storemenu-panel salla-button.s-button-wrap.hydrated {
    border-color: #00000021 !important;
}

/*HEADER: SIDE MENU: GRADIENT UP | DOWN SHAPES*/
.header--mini #storemenu-panel .side-panel__top:after,
.header--mini #storemenu-panel .side-panel__bottom:before {
    opacity: 0 !important;
}

/*--------------------HEADER--------------------*/
/*---------------------BODY---------------------*/

/*MAIN HTML: ALL FONT*/
html {
    font-size: 80% !important;
}

/*----------------------------------------------*/

/*TABWIBAT M3 BANNARAT SECTION*/
@media (min-width: 640px) {
    .s-block--featrues-products {
        margin-top: 2rem !important;
    }
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN CONTAINER*/
@media (min-width: 1024px) and (max-width: 1279px) {
    .s-block--featrues-products [class="container"] {
        max-width: 80% !important;
    }
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN SECTION TITLE*/
.s-block--featrues-products h2 {
    font-size: 1.3rem !important;
    margin-bottom: 0 !important;
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN SECTION TITLE*/
@media (max-width: 767px) {
    .s-block--featrues-products h2 {
        font-size: 1.1rem !important;
        margin-bottom: -0.3rem !important;
    }
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN TABS TITLES CONTAINER: BIG LINE*/
.s-block--featrues-products [class="tabs hide-scroll mb-5"] {
    position: relative !important;
    gap: 0.6rem !important;
}

.s-block--featrues-products [class="tabs hide-scroll mb-5"]::before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ebebebb3;
    top: 58%;
    width: 100%;
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN TABS TITLES CONTAINER: TITLE DIV*/
.s-block--featrues-products button.quicklinks-item span {
    font-size: 1.1rem !important;
    font-weight: 600;
    background-color: white !important;
    padding: 0 0.7rem 0.2rem 0.7rem !important;
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN TABS TITLES CONTAINER: TITLE DIV*/
@media (max-width: 768px) {
    .s-block--featrues-products button.quicklinks-item span {
        font-size: 0.95rem !important;
    }
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN TABS TITLES: DOWN LINES*/
.s-block--featrues-products .quicklinks-item.is-active span:before {
    width: 50% !important;
}

.s-block--featrues-products .quicklinks-item span:where([dir=rtl], [dir=rtl] *):before {
    width: 20% !important;
    bottom: 0.15rem;
    right: 0.9rem;
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN SIDE SCROLL ARROWS CONTAINER*/
.s-block--featrues-products .s-slider-block__title-nav {
    display: none;
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN CONTAINER OF PRODUCT CARDS*/
.s-block--featrues-products div.swiper.s-slider-container.swiper-initialized.swiper-horizontal {
    padding: 0 !important;
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN SINGLE PRODUCT CARD CONTAINER*/
@media (min-width: 768px) and (max-width: 1100px) {
    .s-block--featrues-products .s-products-slider-card {
        width: 25% !important;
        max-width: none !important;
    }
}

/*TABWIBAT M3 BANNARAT SECTION: MAIN SINGLE PRODUCT CARD CONTAINER*/
@media (max-width: 767px) {
    .s-block--featrues-products .s-products-slider-card {
        width: 50% !important;
        max-width: none !important;
    }
}

/*----------------------------------------------*/

/*SMALL CIRCLE BUTTONS MAIN CONTAINER*/
.add-to-cart-conatiner {
    gap: 1rem !important;
}

/*SMALL CIRCLE BUTTONS DIVS | UNDER & ON PRODUCT CARD*/
.add-to-cart-conatiner .btn--add-to-cart .s-button-wrap button,
.add-to-cart-conatiner .product-popup-trigger,
.add-to-cart-conatiner .btn--wishlist {
    width: 25px;
    height: 25px;
}

/*SMALL CIRCLE BUTTONS | UNDER & ON PRODUCT CARD*/
.sicon-add:before,
.sicon-eye:before,
.sicon-heart:before {
    font-size: 1rem !important;
}

/*----------------------------------------------*/

/*SECTIONS: SWIPER DOWN LINE*/
salla-slider .swiper-horizontal>.swiper-scrollbar .swiper-scrollbar-drag::before {
    height: 0.01rem !important;
}

/*----------------------------------------------*/

/*MOVING TEXT | SHREET EL 3ROD EL MOT7RK SECTION*/
@media (min-width: 1024px) and (max-width: 1279px) {
    section.s-block--marquee.relative.bg-gray-50 {
        max-width: 80% !important;
    }
}

/*MOVING TEXT | SHREET EL 3ROD EL MOT7RK SECTION*/
@media (min-width: 1280px) {
    section.s-block--marquee.relative.bg-gray-50 {
        max-width: 1280px !important;
    }
}

/*MOVING TEXT | SHREET EL 3ROD EL MOT7RK SECTION*/
section.s-block--marquee.relative.bg-gray-50 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    height: 3rem !important;
}

/*MOVING TEXT | SHREET EL 3ROD EL MOT7RK SECTION: MAIN PARENT CONTAINER*/
section.s-block--marquee.relative.bg-gray-50 .marquee {
    --gap: 3rem !important;
    padding: 0.5rem 0 !important;
}

/*MOVING TEXT | SHREET EL 3ROD EL MOT7RK SECTION: MAIN PARENT CONTAINER: CHILD*/
section.s-block--marquee.relative.bg-gray-50 .marquee ul.marquee__content {
    gap: 3rem !important;
}

/*MOVING TEXT | SHREET EL 3ROD EL MOT7RK SECTION: MAIN PARENT CONTAINER: CHILD: SINGLE DIV*/
.s-block--marquee.is-mini .marquee ul.marquee__content li span.gap-1\.5 {
    gap: 0.6rem !important;
}

/*MOVING TEXT | SHREET EL 3ROD EL MOT7RK SECTION: MAIN PARENT CONTAINER: CHILD: SINGLE ICON */
/*SPECIAL-VALUES*/
.s-block--marquee span.sicon-crown,
.s-block--marquee span.sicon-gold-badge,
.s-block--marquee span.sicon-gift-sharing,
.s-block--marquee span.sicon-dollar-coin-stack {
    box-shadow: 0px 0.5px 1px 1px rgb(0 0 0 / 7%) !important;
    background-color: #fff !important;
    color: #323232 !important;
    border-radius: 100%;
    padding: 0.3rem;
    border: solid 0.5px #00000012;
}

/*----------------------------------------------*/

/*FAQS SECTION: MAIN CONTAINER*/
@media (min-width: 1024px) and (max-width: 1279px) {
    .s-block--faqs [class="container relative"] {
        max-width: 80% !important;
        padding: 0 !important;
    }
}

/*FAQS SECTION: MAIN CONTAINER*/
@media (min-width: 1280px) {
    .s-block--faqs [class="container relative"] {
        max-width: 1280px !important;
        padding: 0 !important;
    }
}

/*FAQS SECTION: CONTENT CONTAINER*/
.s-block--faqs [class="container relative"] [class="mx-auto max-w-7xl px-6 lg:px-8"] {
    padding: 0 !important;
}

/*FAQS SECTION: MAIN SECTION TITLE*/
.s-block--faqs h2 {
    font-size: 1.1rem !important;
}

/*FAQS SECTION: MAIN SECTION TITLE*/
@media (max-width: 767px) {
    .s-block--faqs h2 {
        font-size: 1rem !important;
    }
}

/*FAQS SECTION: QUESTIONS TITLES*/
@media (max-width: 400px) {
    .s-block--faqs button span {
        font-size: 0.8rem !important;
    }
}

/*FAQS SECTION: QUESTIONS ANSWERS*/
.s-block--faqs [class="mt-10 space-y-6 divide-y divide-gray-900/10 dark:divide-white/10"] p {
    font-size: 0.95rem !important;
    text-align: justify !important;
    color: #333333 !important;
}

/*FAQS SECTION: QUESTIONS ANSWERS*/
@media (max-width: 374px) {
    .s-block--faqs [class="mt-10 space-y-6 divide-y divide-gray-900/10 dark:divide-white/10"] p {
        font-size: 0.8rem !important;
    }
}

/*----------------------------------------------*/

/*MOMIZAT EL MATJAR MOHSEN SECTION
@media (min-width: 1300px) and (max-width: 1279px) {
    .s-block--enhanced-features {
        max-width: 80% !important;
    }
}
*/

/*MOMIZAT EL MATJAR MOHSEN SECTION*/
@media (min-width: 1280px) {
    .s-block--enhanced-features {
        max-width: 1280px !important;
    }
}

/*MOMIZAT EL MATJAR MOHSEN SECTION*/
.s-block--enhanced-features {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

/*MOMIZAT EL MATJAR MOHSEN SECTION: MAIN CONTAINER*/
.s-block--enhanced-features [class="container"] {
    padding: 0 !important;
}

/*MOMIZAT EL MATJAR MOHSEN SECTION: DIVS*/
.s-block--enhanced-features .s-block--features__item {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    transition: 0.5s;
}

/*MOMIZAT EL MATJAR MOHSEN SECTION: DIVS*/
@media (min-width: 768px) and (max-width: 1024px) {
    .s-block--enhanced-features .s-block--features__item {
        flex: 1 1 calc(50% - 1.25rem);
    }
}

/*MOMIZAT EL MATJAR MOHSEN SECTION: DIVS*/
.s-block--enhanced-features .s-block--features__item:hover {
    transform: scale(0.9) !important;
}

/*MOMIZAT EL MATJAR MOHSEN SECTION: FIXED ICONS*/
.s-block--enhanced-features .s-block--features__item img {
    height: 4rem !important;
}

/*MOMIZAT EL MATJAR MOHSEN SECTION: FIXED ICONS*/
@media (max-width: 374px) {
    .s-block--enhanced-features .s-block--features__item img {
        height: 3.5rem !important;
    }
}

/*MOMIZAT EL MATJAR MOHSEN SECTION: DIVS TITLES*/
.s-block--enhanced-features .s-block--features__item h2 {
    font-size: 0.9rem;
    margin-bottom: 0 !important;
    color: #12445d;
}

/*MOMIZAT EL MATJAR MOHSEN SECTION: PARAGRAPH*/
.s-block--enhanced-features .s-block--features__item p {
    font-size: 0.8rem;
}

/*----------------------------------------------*/

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: MAIN CONTAINER
@media (min-width: 1024px) and (max-width: 1279px) {
    .s-block--testimonials [class="mx-auto max-w-7xl px-[15px] sm:px-6 lg:px-8"] {
        max-width: 80% !important;
    }
}
*/

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: MAIN CONTAINER*/
@media (min-width: 1280px) {
    .s-block--testimonials [class="mx-auto max-w-7xl px-[15px] sm:px-6 lg:px-8"] {
        max-width: 1280px !important;
    }
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: MAIN CONTAINER: OTHER MAIN CONTAINER*/
.s-block--testimonials [class="mx-auto max-w-7xl px-[15px] sm:px-6 lg:px-8"] {
    padding: 0 15px !important;
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: MAIN CONTAINER: OTHER MAIN CONTAINER*/
@media (max-width: 1279px) {
    .s-block--testimonials [class="mx-auto max-w-7xl px-[15px] sm:px-6 lg:px-8"] {
        max-width: none !important;
    }
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: MAIN TITLE*/
.s-block--testimonials h2 {
    font-size: 1.15rem !important;
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: CLIENTS'RATES DIVS*/
.s-block--testimonials figure {
    transition: 0.5s !important;
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: DIVS*/
@media (min-width: 1024px) {
    .s-block--testimonials figure:hover {
        transform: scale(1.05) !important;
        box-shadow: 0px 2px 8px 2px rgb(0 0 0 / 6%);
    }
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: PARAGRAPH*/
.s-block--testimonials blockquote p {
    font-size: 0.9rem !important;
    text-align: justify !important;
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: MAIN CONTAINER CLIENTS'RATES DIVS*/
.s-block--testimonials [class="mx-auto mt-8 sm:mt-16 grid max-w-2xl grid-cols-1 grid-rows-1 gap-2.5 sm:gap-5 lg:gap-8 text-sm leading-6  sm:grid-cols-2 xl:mx-0 xl:max-w-none xl:grid-flow-col xl:grid-cols-4"] {
    margin-top: 1rem !important;
    max-width: none !important;
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: MAIN TOP VIEW ALL CLIENTS'RATES*/
.s-block--testimonials .s-block__display-all {
    text-decoration: underline;
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: DOWN VIEW ALL CLIENTS'RATES CONTAINER*/
.s-block--testimonials [class="flex-center sm:hidden"] #testimonials-show-more {
    gap: 0.1rem !important;
}

/*2RA2 EL 3OMLA2 | CLIENTS RATE SECTION: DOWN VIEW ALL CLIENTS'RATES ICON*/
.s-block--testimonials [class="flex-center sm:hidden"] #testimonials-show-more svg {
    height: 23px !important;
    margin-top: 0.2rem;
}

/*----------------------------------------------*/

/*A7S2IAT SECTION*/
.s-block--statistics {
    margin-top: 0 !important;
    margin-bottom: -2rem !important;
}

/*A7S2IAT SECTION: MAIN CONTAINER*/
.s-block--statistics [class="container md:py-12 py-6 flex flex-col lg:flex-row items-center justify-between lg:gap-12 gap-4"] {
    padding-bottom: 0;
    margin-bottom: 7rem;
}

/*A7S2IAT SECTION: MAIN CONTAINER*/
@media (max-width: 1023px) {
    .s-block--statistics [class="container md:py-12 py-6 flex flex-col lg:flex-row items-center justify-between lg:gap-12 gap-4"] {
        margin-top: 3rem !important;
    }
}

/*A7S2IAT SECTION: MAIN CONTAINER
@media (min-width: 1024px) and (max-width: 1279px) {
    .s-block--statistics [class="container md:py-12 py-6 flex flex-col lg:flex-row items-center justify-between lg:gap-12 gap-4"] {
        max-width: 80% !important;
    }
}
*/

/*A7S2IAT SECTION: MAIN CONTAINER*/
@media (min-width: 1280px) {
    .s-block--statistics [class="container md:py-12 py-6 flex flex-col lg:flex-row items-center justify-between lg:gap-12 gap-4"] {
        max-width: 1280px !important;
    }
}

/*A7S2IAT SECTION: MAIN CONTENT CONTAINER*/
.s-block--statistics div.s-block__title.relative {
    margin-bottom: 0 !important;
}

/*A7S2IAT SECTION: MAIN CONTENT CONTAINER*/
@media (min-width: 601px) and (max-width: 768px) {
    .s-block--statistics div.s-block__title.relative {
        margin: 0 10% !important;
    }
}

/*A7S2IAT SECTION: MAIN CONTENT CONTAINER*/
@media (max-width: 1023px) {
    .s-block--statistics div.s-block__title.relative {
        text-align: center !important;
    }
}

/*A7S2IAT SECTION: MAIN TEXT CONTAINER*/
@media (min-width: 1024px) {
    .s-block--statistics div.s-block__title.relative {
        margin-left: 2rem !important;
    }
}

/*A7S2IAT SECTION: MAIN TITLE*/
.s-block--statistics [class="last:mb-4 anime-item"] {
    color: #12445d !important;
    font-size: 1.2rem !important;
}

/*A7S2IAT SECTION: MAIN TITLE*/
@media (max-width: 767px) {
    .s-block--statistics [class="last:mb-4 anime-item"] {
        font-size: 1.1rem !important;
    }
}

/*A7S2IAT SECTION: PARAGHRPH*/
.s-block--statistics [class="mb-4 anime-item"] {
    text-align: justify !important;
}

/*A7S2IAT SECTION: PARAGHRPH*/
@media (max-width: 768px) {
    .s-block--statistics [class="mb-4 anime-item"] {
        text-align: justify !important;
        text-align-last: center !important;
    }
}

/*A7S2IAT SECTION: PARAGRAPH*/
@media (max-width: 1023px) {
    .s-block--statistics [class="mb-4 anime-item"] {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
        -webkit-box-orient: unset !important;
    }
}

/*A7S2IAT SECTION: PARAGRAPH*/
@media (min-width: 1024px) {
    .s-block--statistics [class="mb-4 anime-item"] {
        -webkit-line-clamp: 3 !important;
    }
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: MAIN STATISTICS CONTAINER | PARENT*/
@media (max-width: 365px) {
    .s-block--statistics [class="content grid grid-cols-2 md:gap-8 gap-4 lg:min-h-[400px] md:py-8 py-4"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: MAIN STATISTICS CONTAINER | PARENT*/
@media (max-width: 767px) {
    .s-block--statistics [class="content grid grid-cols-2 md:gap-8 gap-4 lg:min-h-[400px] md:py-8 py-4"] {
        width: 100% !important;
    }
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: MAIN STATISTICS CONTAINER | PARENT*/
@media (min-width: 1024px) {
    .s-block--statistics [class="content grid grid-cols-2 md:gap-8 gap-4 lg:min-h-[400px] md:py-8 py-4"] {
        min-height: 300px !important;
    }
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: SINGLE STATISTICS DIV*/
.s-block--statistics .statistics-item>div {
    width: 100% !important;
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: ICON CONTAINER*/
.s-block--statistics [class="statistics-item opacity-0"] [class="h-[88px] w-[88px] flex items-center justify-center rounded-full bg-[color-mix(in_srgb,var(--color-primary)_10%,white)] shrink-0"] {
    height: 4.1rem !important;
    width: 4.1rem !important;
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: ICON CONTAINER: ICON*/
.s-block--statistics [class="statistics-item opacity-0"] [class="h-[88px] w-[88px] flex items-center justify-center rounded-full bg-[color-mix(in_srgb,var(--color-primary)_10%,white)] shrink-0"] i:before {
    font-size: 2rem !important;
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: MAIN NUMBER*/
.s-block--statistics [class="font-bold text-3xl leading-10 anime-item--counter"] {
    font-size: 1.3rem !important;
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: PARAGRAPH*/
.s-block--statistics [class="text-lg font-normal opacity-60"] {
    opacity: 1 !important;
    margin-top: -0.6rem;
    font-size: 1rem;
}

/*A7S2IAT SECTION: STATISTICS CONTAINER: SMALL SINGLE DIV*/
.s-block--statistics [class="lg:w-[315px] h-full bg-white rounded flex flex-col sm:flex-row items-center text-center sm:text-start gap-4 md:p-8 p-6 shadow-[0px_20px_35px_0px_#00000008]   "],
.s-block--statistics [class="lg:w-[315px] h-full bg-white rounded flex flex-col sm:flex-row items-center text-center sm:text-start gap-4 md:p-8 p-6 shadow-[0px_20px_35px_0px_#00000008]   md:translate-y-5"],
.s-block--statistics [class="lg:w-[315px] h-full bg-white rounded flex flex-col sm:flex-row items-center text-center sm:text-start gap-4 md:p-8 p-6 shadow-[0px_20px_35px_0px_#00000008] rtl:md:translate-x-20 ltr:md:-translate-x-20  "],
.s-block--statistics [class="lg:w-[315px] h-full bg-white rounded flex flex-col sm:flex-row items-center text-center sm:text-start gap-4 md:p-8 p-6 shadow-[0px_20px_35px_0px_#00000008] rtl:md:translate-x-20 ltr:md:-translate-x-20  md:translate-y-5"] {
    --tw-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.03137);
    --tw-shadow-colored: 0px 20px 35px 0px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 20px 35px 0 rgba(0, 0, 0, .03137);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), -2px 5px 16px 0px rgba(0, 0, 0, 0.03137);
}

/*----------------------------------------------*/

/*MONTGAT 3LA SORA WAQ3IA SECTION*/
.s-block--fixed-banner-with-dots {
    margin: 2rem auto;
}

/*MONTGAT 3LA SORA WAQ3IA SECTION: MAIN CONTAINER*/
.s-block--fixed-banner-with-dots [class="container"] {
    padding: 0 !important;
}

/*MONTGAT 3LA SORA WAQ3IA SECTION: MAIN CONTAINER*/
@media (max-width: 1279px) {
    .s-block--fixed-banner-with-dots [class="container"] {
        padding: 0 !important;
    }
}

/*MONTGAT 3LA SORA WAQ3IA SECTION: MAIN CONTAINER
@media (min-width: 1024px) and (max-width: 1279px) {
    .s-block--fixed-banner-with-dots [class="container"] {
        max-width: 80% !important;
    }
}
*/

/*MONTGAT 3LA SORA WAQ3IA SECTION: TOP CONTENT CONTAINER*/
.s-block--fixed-banner-with-dots div.s-block__title.relative {
    margin-bottom: 0.5rem !important;
}

/*MONTGAT 3LA SORA WAQ3IA SECTION: MAIN TITLE*/
.s-block--fixed-banner-with-dots div.s-block__title.relative .right-side h2 {
    font-size: 1.1rem;
}

/*MONTGAT 3LA SORA WAQ3IA SECTION: MAIN TITLE*/
@media (max-width: 767px) {
    .s-block--fixed-banner-with-dots div.s-block__title.relative .right-side h2 {
        font-size: 1rem;
    }
}

/*MONTGAT 3LA SORA WAQ3IA SECTION: TITLE*/
.s-block--fixed-banner-with-dots .right-side h2 {
    background: linear-gradient(45deg, #217386, #000000);
    background-clip: text;
    color: transparent;
    background-size: 200% 100%;
    animation: colorChange 5s linear infinite;
}

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

    100% {
        background-position: -100% 0;
    }
}

/*MONTGAT 3LA SORA WAQ3IA SECTION: PLUS ICONS' DIVS*/
@media (max-width: 425px) {
    .s-block--fixed-banner-with-dots .dot-btn.rounded-full {
        height: 1.2rem;
        width: 1.2rem;
        padding: 0.1rem;
    }
}

/*----------------------------------------------*/

/*EL MA3RD EL RA2ISY SECTION: MAIN CONTAINER*/
section.s-block--main-slider-1 .main-slider-1.with-number-pagination.slider-contains-videos.s-slider-wrapper.fullwidth-slider.s-slider-has-notitle.s-slider-v-centered.s-slider-horizontal.hydrated {
    background-color: transparent !important;
}

/*EL MA3RD EL RA2ISY SECTION: MAIN CONTAINER: CONTAINER*/
/*SPECIAL*/
@media (min-width: 1280px) {

    #main-slider-1-3 .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-autoheight.swiper-rtl.swiper-watch-progress.swiper-backface-hidden,
    #main-slider-1-9 .swiper.s-slider-container.swiper-fade.swiper-initialized.swiper-horizontal.swiper-autoheight.swiper-rtl.swiper-watch-progress.swiper-backface-hidden {
        max-width: 1280px !important;
    }
}

/*EL MA3RD EL RA2ISY SECTION: SCROLL ARROWS CONTAINER*/
/*SPECIAL*/
#main-slider-1-3 .s-slider-block__title-nav,
#main-slider-1-9 .s-slider-block__title-nav {
    display: none !important;
}

/*----------------------------------------------*/

/*SOWR MORB3A MO7SNA SECTION
@media (max-width: 1279px) {
    .s-block.s-block--banners.container.with-gradient-overlay {
        padding: 0 !important;
    }
}
*/

/*SOWR MORB3A MO7SNA SECTION*/
.s-block.s-block--banners.container.with-gradient-overlay {
    margin-bottom: 2rem !important;
}

/*SOWR MORB3A MO7SNA SECTION: MAIN CONTENT CONTAINER*/
.s-block.s-block--banners.container.with-gradient-overlay .banners-grid.banners-grid--3 {
    gap: 1rem !important;
}

/*SOWR MORB3A MO7SNA SECTION: MAIN CONTENT CONTAINER*/
@media (max-width: 767px) {
    .s-block.s-block--banners.container.with-gradient-overlay .banners-grid.banners-grid--3 {
        gap: 0.5rem !important;
    }
}

/*SOWR MORB3A MO7SNA SECTION: MAIN CONTENT CONTAINER: CHILD CONTAINER*/
@media (max-width: 767px) {
    .s-block.s-block--banners.container.with-gradient-overlay .banners-grid.banners-grid--3 .banner-entry.rounded.lazy.relative {
        max-height: none !important;
    }
}

/*SOWR MORB3A MO7SNA SECTION: SOWR: MAIN TITLE*/
.s-block.s-block--banners.container.with-gradient-overlay h3.banner__title {
    font-size: 1.1rem !important;
}

/*SOWR MORB3A MO7SNA SECTION: SOWR: MAIN TITLE*/
@media (max-width: 992px) {
    .s-block.s-block--banners.container.with-gradient-overlay h3.banner__title {
        font-size: 1rem !important;
        margin-bottom: -0.2rem;
    }
}

/*SOWR MORB3A MO7SNA SECTION: SOWR: PARAGRPH*/
@media (max-width: 992px) {
    .s-block.s-block--banners.container.with-gradient-overlay .banner__desc {
        margin-bottom: -0.5rem !important;
        font-size: 0.7rem;
    }
}

/*SOWR MORB3A MO7SNA SECTION: SOWR: PARAGRPH*/
@media (min-width: 768px) and (max-width: 992px) {
    .s-block.s-block--banners.container.with-gradient-overlay .banner__desc {
        display: none !important;
    }
}

/*SOWR MORB3A MO7SNA SECTION: SOWR: GRADIENT OVERLAY*/
.with-gradient-overlay .banner-entry__text:before {
    height: 6rem !important;
    --tw-gradient-from: rgb(0 0 0 / 48%) var(--tw-gradient-from-position);
}

/*SOWR MORB3A MO7SNA SECTION: SOWR: GRADIENT OVERLAY*/
@media (min-width: 768px) and (max-width: 992px) {
    .with-gradient-overlay .banner-entry__text:before {
        height: 4rem !important;
    }
}

/*----------------------------------------------*/















/*----------------------------------------------*/

/*FLOATING ICONS: MAIN CONTACT BUTTON*/
.floating-contacts__trigger {
    color: white !important;
    width: 2.8rem !important;
    height: 2.8rem !important;
    font-size: 1.4rem !important;
}

/*FLOATING ICONS: MAIN CHILDREN CONTAINER*/
@media (min-width: 1024px) {
    ul.floating-contact-list {
        bottom: 3.5rem !important;
        right: 0.5rem !important;
    }
}

/*FLOATING ICONS: MAIN CHILDREN CONTAINER: SINGLE BUTTON*/
ul.floating-contact-list .floating-contacts__item {
    width: 2.8rem !important;
    height: 2.8rem !important;
}

/*FLOATING ICONS: MAIN CHILDREN CONTAINER: SPECIFIC ICONS*/
ul.floating-contact-list .sicon-whatsapp2,
ul.floating-contact-list .sicon-iphone,
ul.floating-contact-list .sicon-mail,
ul.floating-contact-list .sicon-phone,
ul.floating-contact-list .sicon-paper-plane-o {
    background-color: #344a65 !important;
    font-size: 1.4rem !important;
}

/*FLOATING ICONS: MAIN TO_UP BUTTON*/
/*PRODUCT PAGE*/
@media (max-width: 768px) {
    .product-single .progress-wrap.active-progress {
        bottom: 9.7rem !important;
    }
}

/*FLOATING ICONS: MAIN TO_UP BUTTON*/
@media (max-width: 1023px) {
    .progress-wrap.active-progress {
        bottom: 4.9rem !important;
    }
}

/*FLOATING ICONS: MAIN TO_UP BUTTON*/
@media (min-width: 1024px) {
    .progress-wrap.active-progress {
        bottom: 6rem !important;
        right: 2.7rem !important;
    }
}

/*----------------------------------------------*/

/*SEARCH WINDOW: MAIN CONTAINER*/
@media (max-width: 630px) {
    .side-panel__content {
        padding: 2.5rem 2rem !important;
    }
}

/*SEARCH WINDOW: MAIN TITLE*/
#search-panel h3 {
    font-weight: 500 !important;
}

/*SEARCH WINDOW: SEARCH ICON DIV*/
salla-search .s-search-icon-wrap {
    top: 1.4rem !important;
}

/*SEARCH WINDOW: SEARCH ICON DIV: ICON*/
salla-search .s-search-icon-wrap svg {
    height: 1rem !important;
    width: 1rem !important;
}

/*SEARCH WINDOW: INPUT div: TEXT*/
salla-search .s-search-input {
    font-size: 0.9rem !important;
}

/*----------------------------------------------*/

/*FOOTER: MAIN CONTAINER*/
.store-footer-wrap .store-footer {
    background-color: #fcfcfc !important;
}

/*FOOTER: LOGO CONTAINER*/
footer [class="inline-block mb-4"] {
    margin-bottom: 2rem !important;
}

/*FOOTER: BRIEF | CONTACT INFO CONTAINER*/
footer .without-apps-footer {
    gap: 2rem !important;
    margin-bottom: 1em !important;
    padding-right: 1.5em;
    padding-left: 1.5em;
}

/*FOOTER: BRIEF*/
footer p.ql-direction-rtl {
    font-size: 1rem !important;
    text-align: justify;
    text-align-last: center;
}

/*FOOTER: CONTACT SINGLE DIV*/
footer [class="contacts-list flex flex-wrap justify-center items-center gap-x-6 lg:gap-x-10 gap-y-3 px-5 mb-5 lg:mb-0"] a {
    transition: 0.5s !important;
}

footer [class="contacts-list flex flex-wrap justify-center items-center gap-x-6 lg:gap-x-10 gap-y-3 px-5 mb-5 lg:mb-0"] a:hover {
    transform: translateX(5px);
}

/*FOOTER: PAGES | SOCIAL MEDIA CONTAINER*/
footer [class="container xl:px-0 flex flex-col lg:flex-row gap-5 items-center justify-between pb-6 lg:pt-6 text-center"] {
    justify-content: center !important;
}

/*FOOTER: PAGES CONTAINER*/
footer [class="footer-list footer-menu-list flex justify-center flex-wrap gap-5 rtl:lg:ml-auto ltr:lg:mr-auto lg:px-6 rtl:lg:border-r ltr:lg:border-l"] {
    margin-left: 0 !important;
}

/*FOOTER: PAGES SINGLE PAGE*/
footer [class="footer-list footer-menu-list flex justify-center flex-wrap gap-5 rtl:lg:ml-auto ltr:lg:mr-auto lg:px-6 rtl:lg:border-r ltr:lg:border-l"] a:hover {
    transform: translateY(-5px);
}

footer [class="footer-list footer-menu-list flex justify-center flex-wrap gap-5 rtl:lg:ml-auto ltr:lg:mr-auto lg:px-6 rtl:lg:border-r ltr:lg:border-l"] a {
    transition: 0.5s !important;
}

/*FOOTER: SOCIAL MEDIA*/
footer [class="flex"] li {
    transition: 0.5s !important;
}

footer [class="flex"] li:hover {
    transform: translateY(-5px);
}

/*FOOTER: STORE NAME IN RIGHT REVERSED*/
footer .store-footer span a {
    color: #12445d;
    font-weight: 600;
}

/*FOOTER: PAYMENT COMP. LOGOS*/
footer [class="flex justify-center lg:justify-end flex-wrap items-stretch gap-2 lg:min-w-[293px]"] li {
    transition: 0.5s !important;
    border-radius: 0 !important;
}

footer [class="flex justify-center lg:justify-end flex-wrap items-stretch gap-2 lg:min-w-[293px]"] li:hover {
    transform: translateY(-5px);
}

/*FOOTER: CURRENCY BUTTON*/
footer .s-button-outline {
    border-color: #33333324 !important;
    color: #333 !important;
    font-weight: 100 !important;
}

footer .s-button-outline:hover {
    color: #ffffff !important;
}

/*FOOTER: BUSINESS PLATFORM LOGO*/
footer img[src="https://cdn.salla.network/images/sbc.png?v=2.0.5"] {
    transition: 1s;
    width: 2.8rem;
    height: 30px;
}

footer img[src="https://cdn.salla.network/images/sbc.png?v=2.0.5"]:hover {
    transform: scale(1.1);
}

/*---------------------BODY---------------------*/