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

:root {
    --main-color: #65d4f7;
    --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:first-of-type,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%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(101%2c 212%2c 247%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c449.255C120.002%2c466.76%2c231.397%2c578.837%2c345.375%2c537.414C457.74%2c496.578%2c497.345%2c358.558%2c547.797%2c250.17C598.579%2c141.074%2c677.171%2c22.1%2c638.242%2c-91.765C599.095%2c-206.269%2c434.955%2c-216.778%2c356.619%2c-309.012C277.005%2c-402.75%2c290.653%2c-565.387%2c183.989%2c-626.608C76.138%2c-688.51%2c-67.902%2c-668.612%2c-181.408%2c-617.818C-289.533%2c-569.432%2c-355.232%2c-461.647%2c-414.208%2c-358.914C-464.837%2c-270.721%2c-476.273%2c-171.114%2c-495.206%2c-71.2C-515.095%2c33.759%2c-567.979%2c142.06%2c-527.901%2c241.084C-487.511%2c340.88%2c-386.324%2c405.795%2c-286.17%2c445.289C-195.587%2c481.009%2c-96.351%2c435.2%2c0%2c449.255' fill='%2323c2f4'%3e%3c/path%3e%3cpath d='M1440 1206.107C1559.488 1227.846 1682.037 1158.887 1773.617 1079.1190000000001 1859.3029999999999 1004.4839999999999 1881.094 886.346 1926.632 782.237 1971.335 680.037 2043.873 585.386 2038.3110000000001 473.976 2032.54 358.368 1982.2440000000001 242.03300000000002 1895.821 165.029 1812.984 91.221 1694.935 74.13400000000001 1584.093 69.26499999999999 1490.069 65.13499999999999 1409.847 127.16500000000002 1316.555 139.58499999999998 1199.032 155.23000000000002 1057.075 72.69200000000001 968.273 151.24599999999998 882.269 227.324 930.6990000000001 371.272 924.999 485.954 919.862 589.319 888.886 698.052 936.529 789.927 983.525 880.5550000000001 1097.5439999999999 905.39 1176.23 970.434 1268.9859999999999 1047.108 1321.601 1184.566 1440 1206.107' fill='%23a7e7fa'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%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/SKQzzh9/png-000-01-01.png);
    background-size: 350px;
    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/1nrbVQ0/01-01.png);
    position: fixed;
    z-index: 99999999999999999!important;
    transform: scale(0);
    background-size: 400px!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)
    }
}















section.s-block.s-block--banners.container .grid {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.two-row .banner-entry:first-child {
    padding: 7rem;
}



a.banner-entry.square-photos > div {
    background-size: contain;
    background-repeat: no-repeat;
}

a.banner-entry.square-photos {
    background: transparent;
    height: 229px;
    border-radius: 21px;
    width: 30%;
    
}


@media(max-width: 767px) {
    a.banner-entry.square-photos {
    height: 67px;
}
.two-row .banner-entry:first-child {
    padding: inherit;
}
}/* Add custom CSS styles below */ 
body {
    background-color: #fff
}

:root {
    --main-color: #65d4f7;
    --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:first-of-type,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%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(101%2c 212%2c 247%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c449.255C120.002%2c466.76%2c231.397%2c578.837%2c345.375%2c537.414C457.74%2c496.578%2c497.345%2c358.558%2c547.797%2c250.17C598.579%2c141.074%2c677.171%2c22.1%2c638.242%2c-91.765C599.095%2c-206.269%2c434.955%2c-216.778%2c356.619%2c-309.012C277.005%2c-402.75%2c290.653%2c-565.387%2c183.989%2c-626.608C76.138%2c-688.51%2c-67.902%2c-668.612%2c-181.408%2c-617.818C-289.533%2c-569.432%2c-355.232%2c-461.647%2c-414.208%2c-358.914C-464.837%2c-270.721%2c-476.273%2c-171.114%2c-495.206%2c-71.2C-515.095%2c33.759%2c-567.979%2c142.06%2c-527.901%2c241.084C-487.511%2c340.88%2c-386.324%2c405.795%2c-286.17%2c445.289C-195.587%2c481.009%2c-96.351%2c435.2%2c0%2c449.255' fill='%2323c2f4'%3e%3c/path%3e%3cpath d='M1440 1206.107C1559.488 1227.846 1682.037 1158.887 1773.617 1079.1190000000001 1859.3029999999999 1004.4839999999999 1881.094 886.346 1926.632 782.237 1971.335 680.037 2043.873 585.386 2038.3110000000001 473.976 2032.54 358.368 1982.2440000000001 242.03300000000002 1895.821 165.029 1812.984 91.221 1694.935 74.13400000000001 1584.093 69.26499999999999 1490.069 65.13499999999999 1409.847 127.16500000000002 1316.555 139.58499999999998 1199.032 155.23000000000002 1057.075 72.69200000000001 968.273 151.24599999999998 882.269 227.324 930.6990000000001 371.272 924.999 485.954 919.862 589.319 888.886 698.052 936.529 789.927 983.525 880.5550000000001 1097.5439999999999 905.39 1176.23 970.434 1268.9859999999999 1047.108 1321.601 1184.566 1440 1206.107' fill='%23a7e7fa'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%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/SKQzzh9/png-000-01-01.png);
    background-size: 350px;
    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/1nrbVQ0/01-01.png);
    position: fixed;
    z-index: 99999999999999999!important;
    transform: scale(0);
    background-size: 400px!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)
    }
}















section.s-block.s-block--banners.container .grid {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.two-row .banner-entry:first-child {
    padding: 7rem;
}



a.banner-entry.square-photos > div {
    background-size: contain;
    background-repeat: no-repeat;
}

a.banner-entry.square-photos {
    background: transparent;
    height: 229px;
    border-radius: 21px;
    width: 30%;
    
}


@media(max-width: 767px) {
    a.banner-entry.square-photos {
    height: 67px;
}
.two-row .banner-entry:first-child {
    padding: inherit;
}
}