/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
body {
    background-color: #fff
}

:root {
    --main-color: #e91e74;
    --second-color: #ffffff
}

div#mainnav,.bg-inherit {
    background-color: var(--second-color)
}

.top-navbar {
    background: var(--main-color);
    color: #fff
}

.s-block--features__item {
    background: 0 0;
    border: none;
    padding: 7px;
    transition: all .3s
}

.s-block--features__item:hover {
    background-color: var(--second-color);
    transition: all .3s
}

.s-block--features__item .feature-icon {
    height: 7rem;
    width: 7rem;
    background: var(--main-color)
}

.s-block--features__item .feature-icon i:before {
    content: '';
    width: 100px;
    height: 100px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.s-block--features__item .feature-icon i.sicon-fire:before {
    background-image: url(https://i.ibb.co/YD2xrFV/image.png)
}

.s-block--features__item .feature-icon i.sicon-shipping-fast:before {
    background-image: url(https://i.ibb.co/g9yzPyd/image.png)
}

.s-block--features__item .feature-icon i.sicon-store2:before {
    background-image: url(https://i.ibb.co/TqVzJDr/image.png)
}

.s-block--features__item h2 {
    font-size: 18px!important;
    line-height: 1.7rem!important;
    color: var(--main-color)
}

.s-block--features__item p {
    display: none!important
}

.s-product-card-entry {
    box-shadow: rgba(0,0,0,.1) 0 4px 12px;
    border: 1px solid var(--main-color)
}

.s-products-slider-card.swiper-slide {
    padding-bottom: 10px
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline,.header-btn__icon,i.sicon-menu {
    background: var(--main-color);
    color: #fff;
    border: 0;
    border-radius: 50px
}

i.sicon-menu {
    padding: 5px
}

.navbar-brand img {
    max-height: 5rem!important
}

.main-nav-container.fixed-header .inner {
    padding: 7px;
    border-radius: 0 0 50px 50px;
    box-shadow: rgba(0,0,0,.1) 0 4px 12px
}

@media(min-width: 1024px) {
    .s-block__title h2 {
        font-size:27px!important
    }
}

.s-block__title h2,.s-slider-block__title h2 {
    font-size: 21px;
    position: relative;
    padding: 0
}

.s-block__title h2:before,.s-slider-block__title h2:before {
    position: absolute;
    content: '';
    height: 3px;
    right: 30px;
    left: 30px;
    background: var(--main-color);
    bottom: -10px;
    transform: translateX(0);
    transition: all .5s;
    z-index: -1
}

.s-block__title h2:hover:before,.s-slider-block__title h2:hover:before {
    right: 0;
    left: 0;
    transition: all .5s
}

.s-block__title,.s-slider-block__title h2 {
    color: var(--main-color)
}

.s-block__title {
    display: flex;
    justify-content: center;
    align-items: center
}

.s-block__display-all {
    background: var(--main-color);
    color: #fff;
    padding: 5px;
    border-radius: 50px;
    opacity: 1;
    font-size: 18px
}

body.index .s-block__title .right-side {
    padding: 0
}

body.index .s-block__title {
    flex-direction: column;
    row-gap: 28px
}

body.index .s-block__title,.s-slider-block__title {
    margin-bottom: 2rem
}

:is(section.s-block.s-block--photos-slider,.banner--fixed) img {
    border-radius: 0!important;
    background-color: transparent!important
}

section.s-block.s-block--fixed-banner.wide-placeholder,section.s-block.s-block--photos-slider {
    margin-top: 0
}

section.s-block.s-block--fixed-banner.wide-placeholder>.container,section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0!important;
    width: 100%!important;
    max-width: unset;
    border-radius: 0!important
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper {
    padding: 0
}

.store-footer__inner {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1008%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(233%2c 30%2c 116%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c437.794C82.68%2c431.529%2c156.344%2c395.75%2c230.522%2c358.699C313.355%2c317.325%2c408.436%2c287.393%2c457.862%2c209.098C509.602%2c127.137%2c518.321%2c23.379%2c502.577%2c-72.26C487.01%2c-166.825%2c447.401%2c-263.808%2c370.58%2c-321.109C297.815%2c-375.384%2c195.513%2c-343.783%2c107.701%2c-366.796C23.533%2c-388.854%2c-46.389%2c-460.978%2c-133.041%2c-453.095C-225.468%2c-444.686%2c-316.739%2c-397.002%2c-372.852%2c-323.078C-427.864%2c-250.605%2c-421.841%2c-152.447%2c-430.036%2c-61.83C-437.807%2c24.094%2c-450.371%2c111.008%2c-419.393%2c191.53C-387.33%2c274.871%2c-331.124%2c350.207%2c-254.122%2c395.422C-178.537%2c439.805%2c-87.401%2c444.417%2c0%2c437.794' fill='%23c0135c'%3e%3c/path%3e%3cpath d='M1440 1225.234C1561.036 1206.817 1651.1 1114.316 1748.95 1040.7350000000001 1839.507 972.6379999999999 1948.2359999999999 916.525 1990.387 811.3530000000001 2031.95 707.648 1997.583 592.292 1972.292 483.468 1948.864 382.66200000000003 1907.17 291.101 1849.5059999999999 205.161 1784.842 108.78899999999999 1724.716-0.2440000000000282 1617.66-45.053999999999974 1506.602-91.53899999999999 1376.497-82.41600000000005 1263.829-39.98199999999997 1155.166 0.9429999999999836 1065.276 84.404 1007.108 184.897 954.316 276.102 983.573 388.60699999999997 956.761 490.521 925.084 610.928 815.69 713.049 835.838 835.912 856.99 964.8969999999999 954.207 1074.143 1064.079 1144.944 1174.013 1215.7849999999999 1310.706 1244.9070000000002 1440 1225.234' fill='%23ee4e92'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1008'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    color: #fff!important;
    background-color: transparent!important;
    padding-top: 15rem;
    position: relative;
    border-radius: 50px 50px 0 0
}

.store-footer__inner:before {
    position: absolute;
    content: '';
    background-image: url(https://i.ibb.co/645hzbG/image.png);
    background-size: 150px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 350px;
    height: 200px;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

@media(max-width: 767px) {
    .store-footer__inner * {
        text-align:center;
        justify-content: center
    }
}

.s-social-link a {
    color: var(--white-color);
    border: 0;
    transition: all .5s
}

.s-social-link a:hover {
    transform: translateY(-10px);
    transition: all .5s
}

a[href*="tel:+966506631414"]>span:first-child {
    background: #246990;
    border: 0
}

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);
    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*=whatsapp]>span:first-child {
    background-color: green;
    border: 0
}

.s-product-card-image {
    background: #fff
}

body.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--second-color) url(https://i.ibb.co/YZYWZ3G/logo-jpg-doneeeeee-01.jpg);
    position: fixed;
    z-index: 99999999999999999!important;
    transform: scale(0);
    background-size: 350px!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)
    }
}










/**** gird ***/


section:nth-child(5) > .grid,
section:nth-child(8) > .grid,
section:nth-child(11) > .grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}

section:nth-child(5) > .grid > a {
    background-color: transparent;
    height: 204px;
}
section:nth-child(8)  > .grid > a,
section:nth-child(11) > .grid > a {
        background-color: transparent;
    height: 304px;
}

section:nth-child(5) > .grid > a > div,
section:nth-child(8) > .grid > a > div,
section:nth-child(11) > .grid > a > div{
    background-size: contain;
    background-repeat: no-repeat;
}




section:nth-child(8) > .two-row .banner-entry:first-child,
section:nth-child(11) > .two-row .banner-entry:first-child,
section:nth-child(5) > .two-row .banner-entry:first-child {
    grid-area: 1/1/1/1;
}


@media (max-width: 767px) {
    section:nth-child(11) > .grid > a,
    section:nth-child(8)  > .grid > a{
    height: 95px;
}
    section:nth-child(5) > .grid > a{
    height: 70px;
}
}



@keyframes slideAdvertisementReverse {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.s-advertisement-content {
  animation: slideAdvertisementReverse 10s linear infinite; 
}
.s-advertisement {
  position: relative;
  overflow: hidden; 
}

.s-advertisement-content {
  animation: slideAdvertisementReverse 10s linear infinite; 
}