/* Add custom CSS styles below */ 
/*~~~~~KHIDMTKALAYNA~~~~~*/

@import url('https://fonts.googleapis.com/css2?family=El+Messiri&display=swap'); body, *:not(i) {

font-family: 'El Messiri', sans-serif !important;

}

@media(max-width:800px)

{

.s-block--banners .grid

{

display:block;

}

.s-block--banners .banner-entry

{

height: 110px;

width: 49%;

max-height: unset;

min-height: unset;

display: inline-block;

border-radius: 0;

background: unset !important;

}

.s-block--banners .banner-entry .lazy__bg

{

background-repeat: no-repeat;

height: 100%;

width: 100%;

background-size: contain;

}

.testimonials-slider .testimonial__avatar

{

margin-left: 0 !important;

}

}

.s-block--banners .gap-3 .banner-entry{

background-color :rgba(0, 0, 0, 0)!important;}

.s-block--features__item {

background-color :rgba(0, 0, 0, 0)!important;}

.s-login-modal-label {

color:#4eb1d8 ;

}

.s-login-modal-header-icon {

margin-left: .5rem;

content: url(https://cdn.salla.sa/qEyWd/zmRAr1UV4es6BKRh7EWvduHdkK8QGDJ7oyx8DmbG.jpg)!important;

transform: scale(1);

}

.s-login-modal .s-modal-body {

border-radius: 3.0rem;

text-align: -webkit-center;

padding: 1.5rem 1rem 1rem;

border:1.5px solid #4eb1d8;

}

.s-login-modal .s-modal-title {

color:#234582 ;

text-align:center!important;

}

.mm-spn.mm-spn--navbar.mm-spn--main,

.s-modal-body,

.s-modal-close,

.s-login-modal-main-btn

{

background-color: #ffffff;

color:#4eb1d8 !important;

text-align:center!important;

}

body.index:before {

content: "";

width: 100%;

height: 100%;

background: #ffffff

url(https://cdn.salla.sa/qEyWd/OvLIcGxJPsjN7dzC6AtX3dOg2G5s9h53KEOb1Hxj.jpg);

position: fixed;

z-index: 99999999999999999!important;

transform: scale(0);

background-size: 230px!important;

background-repeat: no-repeat;

background-position: center!important;

animation-name: logobg;

animation-duration: 3.2s

}

@keyframes logobg {

0% {

transform: scale(1)

}

20% {

transform: scale(1)

}

78% {

transform: scale(1)

}

100% {

transform: scale(0)

}

}

@keyframes pulsate-bck {

0% {

transform: scale(1);

}

50% {

transform: scale(0.9);

}

100% {

transform: scale(1);

}

}

.salla-advertisement h2

{

text-align: center;

display: block;

margin: auto;

background: linear-gradient( to right, #4eb1d8 20%, #ffffff 30%, #4eb1d8 70%, #ffffff 80% );

-webkit-background-clip: text;

background-clip: text;

text-align:center;

-webkit-text-fill-color: transparent;

text-fill-color: transparent;

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}

.navbar-brand img {

max-height: 5rem;

max-width: 145px;

margin-top:5px;

width: auto;

animation: pulsate-bck 1.3s ease-in-out 2.5s infinite!important;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}

.navbar-brand img {

max-height: 4rem;

}

}

@media (max-width: 650px) {

.s-search-input {

width: 100% !important;

}

}

.s-search-input {

background-color: #ffffff !important;

color:#234582;

box-shadow: 0 1px 5px 0 var(--color-primary);

border: 1px solid var(--color-primary) !important;

width: 100% !important;

}

/*html body {background:

url(https://i.postimg.cc/85y5MCjn/geometry.png)}*/

body {

background-image: url('https://cdn.salla.sa/form-builder/rk533KyU53V27cR4dzHLiBBXHkBc1qE3LCpTQEE7.png');

background-color: #f6f6f6;

background-repeat: repeat;

background-position: center center;

background-size: 50%;

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

.text-gray-800 {

text-align: center!important;

}

.text-gray-800 {

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 80% );

-webkit-background-clip: text;

background-clip: text;

text-align:center;

-webkit-text-fill-color: transparent;

6

text-fill-color: transparent;

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}

[dir=rtl] .s-modal-header-inner {

padding-left: 2rem;

justify-content: center;

padding-right: 0;

}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {

text-align: center!important;

}

.product__description ul li {

list-style-type: disclosure-closed;

text-align: center;

}

.product__description ul li {

list-style-type: disclosure-closed;

text-align: center;

}

.s-comments .s-comment-form-input {

text-align: center;

}

.text-sm {

justify-content: center;

}

.leading-6 {

align-self: center;

}

.s-block--photos-slider

{

margin-top:0;

}

.s-block--photos-slider .swiper-pagination

{

display: none;

}

.s-block--photos-slider .swiper-slide

{

margin-left: 0 !important;

margin-right: 0 !important;

width: 100% !important;

padding: 0 !important;

border-radius: 0 !important;

}

.s-block--photos-slider .swiper-slide img

{

border-radius: 0 !important;

}

@media(max-width:800px)

{

.s-block--photos-slider .swiper-slide {

margin-left: -0px !important;

margin-right: 0!important;

width: 105% !important;

padding: 0 !important;

border-radius: 0 !important;

}

}

/*.mm-spn.mm-spn--navbar ul

{

padding-top: 100px;

}*/

/*.mm-spn.mm-spn--navbar ul img

{

height: 90px;

position: absolute;

top: 10px;

left: 80px;

}*/

.mm-spn li a, .mm-spn li span {

padding: 18px;

text-align: center;

margin-bottom: 2px;

}

.mm-spn.mm-spn--navbar.mm-spn--main:after {

padding-right: 0;

background-color:#234582;

color:#fff;

text-align: center!important;

}

.mm-spn.mm-spn--navbar.mm-spn--main,

.s-modal-body,

.s-modal-close,

.s-login-modal-main-btn

{

background-color: #ffffff ;

text-align:center!important;

border:1.5px solid #234582;

border-radius:30px;

}

.mm-ocd .btn--close-sm

{

background-color: #4eb1d8 !important;

}

.mm-spn li a

{

color:#4eb1d8 ;

background-color:#ffffff ;

border-radius:5px 5px 5px 5px!important;

margin-right:5px;

margin-left:5px;

margin-top:5px;

display:block !important;

text-align:center !important;

}

.main-content .leading-10,

.main-content,

.s-comments,

.s-slider-block__title

{

text-align: center!important;

}

.store-footer .about-store .social-media-icons {

text-align: center!important;

justify-content: center;

}

.footer-list a {

text-align: center;

}

.store-footer .footer-list a {

width: 15rem;

}

.store-footer{

background:rgba(0, 0, 0, 0)!important;

margin-top:10px;

border-radius: 30px 30px 0 0;

}

.store-footer__inner{

border-radius: 30px 30px 0 0;

}

.store-footer__inner::before {

content: "";

background: linear-gradient(180deg ,transparent 38%,#ffffff 94%), url(https://cdn.salla.sa/form-builder/wNtMv6kZ8Kfwn4HwWEwhunZoi5STLtYzRDjaevXg.png);

background-size: 418%;

display: block;

background-repeat: round;

transform: rotate(180deg);

height: 104px;

margin: -65px -32px 1px 1px;

}

.store-footer h3 {

color:#ffffff !important;

}

.store-footer a {

color: #4eb1d8!important;

text-align:center;

}

.store-footer .text-gray-400 {

--tw-text-opacity: 1;

color: #234582!important;

}

.store-footer__inner

{

background:#234582!important;

}

.store-footer .footer-list a {

width: 13rem;

text-align: center;

display: block;

margin-bottom: 15px;

}

.store-footer .footer-list

{

width: max-content;

display: block;

margin: auto;

}

.store-footer .social-link {

/*background-color:#4eb1d8 ;*/

color: #4eb1d8 !important;

}

.store-footer .contact-social ul {

margin-bottom: 0;

justify-content: center;

}

.sicon-youtube:before {

color: #4eb1d8 !important;

text-align:center;

}

.sicon-tiktok:before {

color: #4eb1d8!important ;

text-align:center;

}

.items-center {

place-content: center!important;

}

.s-product-options-option-label b {

text-align: center!important;

}

.s-form-control {

text-align: center!important;

}

.store-footer::after{

content:"تصميم وتطوير منصة خدمتك علينا";

padding-top:-15px!important;

color:#234582!important;

font-size:13px;

margin-right:89px!important;

}

.store-footer__inner {

border-bottom-width: 1px;

border-radius: 30px 30px 0 0;

border-color: rgba(243,244,246,.04);

background:#234582!important ;

color: #4eb1d8!important;

text-align:center;

background-color: #234582!important;

/*background-image: url("https://i.postimg.cc/NG3YHQhF/Picsart-23-08-19-17-58-27-647.png");

background-size:100% auto;*/

border-radius: 30px 30px 0px 0px !important;

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

.s-product-card-vertical {

flex-direction: column;

border-radius: 13.5px;

border: 1.5px solid #234582!important;

box-shadow: 5px 5px 5px 5px #4eb1d8;

}

.s-product-card-entry {

box-shadow: 0 5px 5px 0 var(--color-primary);

border: 1px solid var(--color-primary);

}

.s-product-card-image-contain {

-o-object-fit: contain;

object-fit: unset;

}

.s-product-card-content-sub {

margin-bottom: 1.25rem;

display: flex;

width: 100%;

align-items: center;

justify-content: space-between;

justify-content: center;

color:#4eb1d8;

}

.main-content .leading-10,

.main-content,

.s-comments,

.s-slider-block__title

{

text-align: center;

}

.s-block--banners .gap-3 .banner-entry:first-child

{

grid-column: span 1/span 1 !important;

grid-row: span 1/span 1 !important;

}

.s-block--banners .gap-3 .banner-entry .lazy__bg

{

background-repeat: no-repeat;

background-size: contain;

}

.s-block__title h2,.s-slider-block__title h2 {

text-align: center!important;

padding-left: 0!important;

padding-right: 0!important;

margin-right:0px!important;

background: linear-gradient( to right, #4eb1d8 20%, #000 30%, #4eb1d8 70%, #234582 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;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}

.s-cart-summary-wrapper {

color:#000000;

background-color:#4eb1d8 ;

border-radius:7px 7px 7px 7px;

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 80% );

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;

animation: wiggle 2.5s infinite;

}

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

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

.s-modal-header-inner {

place-content: center;

}

.s-modal-body

{

top: 100px;

height: 500px;

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

/*html body {

background: url(https://i.postimg.cc/P5NDw36d/Picsart-23-08-19-06-20-50-940.jpg)

}*/

#mainnav{

background: #ffffff;

color:#234582;

border: 2px solid #4eb1d8 ;

border-radius:0 0 5px 5px;

box-shadow: 0 0 15px #234582 ;

border-top: 0;

border-left:0;

border-right:0;

}

.main-nav-container.fixed-header .inner {

transform: translateZ(0);

border: 2px solid #4eb1d8;

border-radius: 0 0 25px 25px;

}

.header-btn__icon {

background-color:#4eb1d8 ;color:#ffffff; border: 0px solid #4eb1d8;border-radius:15px 15px 15px 15px;

border-radius: 6px;

color:#ffffff;

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 80% );

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

.s-product-options-option-label b {

text-align: center!important;

}

salla-button .s-button-btn {

border-radius: 6px;

color:#ffffff;

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 80% );

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;

}

.text-primary {

color:#ffffff !important;

padding-left: 0!important;

padding-right: 0!important;

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 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;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}

/*[dir=rtl].promotion-title {

right: 1rem;

color:#ffffff!important;

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 80% );

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;

opacity: 100!important;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}*/

.rtl .fix-align, [dir=rtl] .fix-align {

text-align:center!important;

transform: translateY(-2px);

display: inline-block;

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 80% );

-webkit-background-clip: text;

background-clip: text;

text-align:center;

-webkit-text-fill-color: transparent;

text-fill-color: transparent;

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}

.text-xl {

padding-left: 0!important;

padding-right: 0!important;

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 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;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

.transition-all {

transition-property: all;

transition-timing-function: cubic-bezier(.4,0,.2,1);

transition-duration: 150ms;

background: #234582!important;

color: #ffffff;

border: 2px solid #4eb1d8!important;

border-radius:5px;

}

.transition-all .text-gray-600 {

color:#4eb1d8!important;

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

/*.s-block--features {

background-color: #4eb1d8!important;

color: #ffffff!important;

background-color: #4eb1d8 ;

./*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23222' stroke-width='10' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");*/

border-radius: 30px!important;

}*/

.s-block--features {

background-color :#4eb1d8!important;}

.s-block--features__item P {

color: #4eb1d8 ;

}

.s-block--features .s-block--features__item h4

{

color:#234582 !important;

}

.s-block--features .s-block--features__item .feature-icon

{

position:relative;

background: #4eb1d8;

height: 4rem;

width: 4rem;

border-radius:10px;

}

.s-block--features .s-block--features__item .feature-icon i

{

display:none !important;

}

.s-block--features .s-block--features__item:nth-child(1) .feature-icon::before,

.s-block--features .s-block--features__item:nth-child(2) .feature-icon::before,

.s-block--features .s-block--features__item:nth-child(3) .feature-icon::before

{

content: "";

height: 70px;

width: 60px;

padding: 5px;

display: block;

top: 10px;

}

.s-block--features .s-block--features__item:nth-child(1) .feature-icon::before

{

background-image: url(https://i.postimg.cc/057vqh3w/wired-outline-237-star-rating-morph-1.gif);

top: 13px !important;

background-repeat: no-repeat;

background-position: center;

background-size: 100%;

width: 50px;

height: 50px;

background-color:#4eb1d8;

color:#ffffff;

border-radius:10px;

}

.s-block--features .s-block--features__item:nth-child(2) .feature-icon::before

{

background-image: url(https://i.ibb.co/LN536m3/system-outline-67-clock.gif);

top: 14px !important;

background-repeat: no-repeat;

background-position: center;

background-size: 100%;

width: 50px;

height: 50px;

background-color:#4eb1d8;

color:#ffffff;

border-radius:10px;

}

.s-block--features .s-block--features__item:nth-child(3) .feature-icon::before

{

background-image: url(https://i.postimg.cc/wvq9f2qr/wired-outline-497-truck-delivery-2.gif);

background-repeat: no-repeat;

background-position: center;

background-size: 100%;

width: 50px;

height: 50px;

background-color:#4eb1d8;

color:#ffffff;

border-radius:10px;

}

/*.sicon-shipping-fast{

background-color:#234582;

color:#4eb1d8!important;

border:7px solid #ffffff;

border-radius:18px;

background: linear-gradient( to right, #ffffff 20%, #234582 30%, #ffffff 70%, #234582 80% );

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;}

.sicon-headset{

background-color:#234582;

color:#4eb1d8!important;

border:7px solid #ffffff;

border-radius:18px;

background: linear-gradient( to right, #ffffff 20%, #234582 30%, #ffffff 70%, #234582 80% );

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;}

.sicon-full-wallet{

background-color:#234582;

color:#4eb1d8!important;

border:7px solid #ffffff;

border-radius:20px;

background: linear-gradient( to right, #ffffff 20%, #234582 30%, #ffffff 70%, #234582 80% );

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;}

/*

.s-block--features__item

.sicon-headset:before {

background-image: url(https://i.ibb.co/X3rv1rJ/wired-outline-981-consultation.gif);!important;

background-repeat: no-repeat;

background-position: center;

background-size: 100%;

width: 40px;

height: 50px;

background-color:#4eb1d8;

color:#ffffff;

}

.s-block--features__item

.sicon-full-wallet:before {

background-image: url(https://i.ibb.co/phZDy1m/wired-outline-948-stock-share-1.gif);!important;

background-repeat: no-repeat;

background-position: center;

background-size: 100%;

width: 40px;

height: 50px;

background-color:#4eb1d8;

color:#ffffff;

}

.s-block--features__item

.s-block--features__item .sicon-shipping-fast:before{

background-image: url(https://i.ibb.co/WFMqb60/wired-outline-497-truck-delivery-4.gif);!important;

background-repeat: no-repeat;

background-position: center;

background-size: 100%;

width: 40px;

height: 50px;

background-color:#4eb1d8;

color:#ffffff;

}

*/

/*~~~~~KHIDMTKALAYNA~~~~~*/

.s-slider-thumbs-container,

.s-slider-block__title-right,

.carousel-slider .swiper,

.offer-slider .s-slider-block__title h2

{

padding-left: 0 !important;

}

.s-slider-block__title

{

display:block;

text-align:center;

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

.s-block--hero-slider .swiper-slide .swiper-lazy:after

{

display:none;

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

.s-slider-nav-arrow

{

display:none;

}

@media(max-width:500px)

{

/*~~~~~KHIDMTKALAYNA~~~~~*/

.s-products-slider-card

{

max-width:175px;

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

.testimonials-slider .testimonial {

background-color: #234582 !important;

color: #4eb1d8 !important;

border: 2px solid #4eb1d8;

border-radius:5px;

}

.testimonials-slider .justify-between .text-lg

{

text-align: center;

width: max-content;

display: block;

margin: 0 auto 20px auto;

}

}

.s-block--testimonials h2

{

text-align: center;

display: block;

margin: 0 auto 20px auto;

color:#ffffff !important;

padding-left: 0!important;

padding-right: 0!important;

background: linear-gradient( to right, #4eb1d8 20%, #234582 30%, #4eb1d8 70%, #234582 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;

}

@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}

/*~~~~~KHIDMTKALAYNA~~~~~*/

@media(max-width:800px)

{

.store-footer .space-x-2

{

width: max-content;

margin: auto;

color:#ffffff!important;

}

}