/* Add custom CSS styles below */ 
:root{


--one: #1f2a5e;

--two:#e2f7ff;

--three:#c6c6c6;

--logo: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/PdZVqW/m1Kyl1zrKSkujE38KF0pyVU6HYatCwtne0WwSwDc.png);

--back:url(https://cdn.salla.sa/form-builder/fDfUl5hOv8Tjsvs0cu1EEsL6O0V1KUODKZPwWfq1.png;

--back2:linear-gradient(to left, #ece8e5, #e3d3ba) ;

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

.main-menu li:hover>.sub-menu,

.flex-col,

.s-block,

.s-comments-product,


.top-navbar,

.mm-spn.mm-spn--light,

.main-nav-container.fixed-pinned .inner,

.main-nav-container {

background: var(--back2)!important;

}




.s-button-element:not(:disabled):not([loading]) {

background: var(--one)!important; !important;

color: var(--two);

border: none;

box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.s-block--tabs-produtcs .tab-trigger.is-active button{

COLOR:VAR(--two)!important;

}

.s-product-card-entry{

background-color: var(--three)!important; !important;


}

.navbar-brand img

{


transform:scale(1.3);


}


.carousel-slider .swiper-wrapper>div {

margin: 10px auto;

}


.s-product-card-vertical {

box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}


.lg\:p-8,

.banner--fixed img,

.container,

.s-block--features__item {

background: transparent !important;

}


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

.s-products-slider-card {

max-width: 185px;

}

}


@media only screen and (min-width: 600px) {


.lg\:grid-cols-6 {

grid-template-columns: repeat(3, minmax(0, 1fr));

}


.lg\:col-span-2 {

grid-column: span 1/span 1;

}

}


.flex.mb-6,

.md\:flex,

.s-product-card-content-sub,

.store-footer a,

.s-product-card-content-title a,

.store-footer .contact-social ul,

.footer-is-light .store-footer .store-footer__inner {

text-align: center !important;

justify-content: center !important;

}


[dir=ltr] .mm-spn.mm-spn--navbar.mm-spn--main:after,

[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after,

[dir=rtl] .mm-spn.mm-spn--navbar:after {

text-align: inherit;

}


.sicon-menu:before,.header-btn__icon,.s-cart-summary-total {

color: var(--one) !important;

}

.top-navbar {

display:;

}

.slide--cat-entry i,

.rtl .fix-align,

[dir=rtl] .fix-align,

.s-block--features__item p,

.text-gray-400 {

color: #000 !important;

}


.top-navbar .s-search-input,

.s-product-card-entry {

box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}


/* width */

::-webkit-scrollbar {

width: 10px;

}


/* Track */

::-webkit-scrollbar-track {

box-shadow: inset 0 0 5px #fff;

border-radius: 10px;

}


/* Handle */

::-webkit-scrollbar-thumb {

background: #000;

border-radius: 10px;

}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

background: #000;

}


.s-slider-block__display-all {

background: #000;

padding: 3px 6px 8px 6px;

border-radius: 37px;

line-height: 18px;

}


.store-footer h3 {

color: #344a50 !important;

background: #fff;

border-radius: 8px;

font-weight: bold;

padding-top: 0.3rem;

width: 100%;

padding-bottom: 0.3rem;

box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}

.s-slider-block__display-all{

background:transparent;

}

.slide--cat-entry {

background: var(--two)!important;

box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

color: var(--one);


}

.slide--cat-entry i{

color:var(--one)!important;

}


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

.slide--cat-entry {

width: 106px !important;

height: 106px !important;

border-radius: 65px !important;

}


.swiper-slide.slide--one-sixth,

.swiper-slide.slide--one-sixth.swiper-slide-prev,

.swiper-slide.slide--one-sixth.swiper-slide-next,

.swiper-slide.slide--one-sixth.swiper-slide-active {

width: 40%;

}


.slide--cat-entry h4 {

font-size: 0.775rem;

}


.slide--cat-entry i {

font-size: 28px;

}

}


.footer-is-light .store-footer .store-footer__inner:before {

text-align: center;

content: "";

display: block;

height: 110px;

width: 140px;

margin: auto auto 20px;

background-image: var(--logo);

background-repeat: no-repeat;

background-size: contain;

background-position: center;

animation: sigal 1200ms linear infinite;

}


@keyframes sigal {

0% {

filter: drop-shadow(2px 4px 6px #504d46)

}


100% {

filter: none;

}

}


[dir=rtl] .s-slider-block__title h2 {

text-shadow: 2px 4px #c7c7c7;

font-size: 25px;

}


.index:before {

content: "";

width: 100%;

height: 100%;

background: var(--back) var(--logo);

position: fixed;

top: 0;

z-index: 99999999999999999 !important;

background-size: 250px !important;

background-repeat: no-repeat;

background-position: center !important;

animation-name: logobg;

animation-duration: 3s;

animation-fill-mode: forwards;

bottom: 0;

left: 0;

right: 0;


}


@keyframes logobg {

0% {

opacity: 1;

}


50% {

opacity: 1;

}


100% {

opacity: 0;

visibility: hidden

}

}


.s-block--features__item .feature-icon,

.store-footer a .rtl\:ml-2\.5,

.s-slider-nav-arrow,

.header-btn__icon {

box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}


.store-footer a .rtl\:ml-2\.5 {

background: #e8cdad !important;

}



.s-slider-block__display-all {

animation: signal 1200ms linear infinite;

}


@keyframes signal {

0% {

box-shadow: 0 0 0 0 #000;

}


100% {

box-shadow: 0 0 0 5px #e8cdad;

}

}


.s-slider-block__title {

margin: 10px auto;

}


.s-button-element:not(:disabled):not([loading]) {

animation: signal 1200ms linear infinite;

}



@keyframes signal {

0% {

box-shadow: 0 0 0 0 #e8cdad;

}


100% {

box-shadow: 0 0 0 5px #fff;

}

}



.footer-is-light .store-footer .social-link {

border-color: transparent;

box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.store-footer .contact-social ul li:first-child a {

background: #cc38a5;

color: #fff;

}


.store-footer .contact-social ul li:nth-child(2) a {

background: #5098fd;

color: #fff;

}


.store-footer .contact-social ul li:nth-child(3) a {

background: #d8c837;

color: #fff;

}


.store-footer .contact-social ul li:nth-child(4) a {

background: #333;

color: #fff;

}


.store-footer .contact-social ul li:nth-child(5) a {

background: #F50000;

color: #fff;

}


.store-footer .contact-social ul li:nth-child(6) a {

background: #0084ff;

color: #fff;

}



.p-1 {

padding: 0.15rem;

}



.banner--fixed img{



border-radius:30px;


}


.s-block--photos-slider {

margin-top: 0 !important;

}


.swiper {

padding-left: 0 !important;

}


salla-slider.photos-slider .swiper-slide {

position: relative;

margin-left: 1.1rem;

margin-right: 0.5rem;

height: auto;

width: 100%;

overflow: hidden;

padding-left: 0;

padding-right: 0;

}


.store-footer::after{

content:"برمجةوتطويرADFAZ";

top:0;

color:var(--second-color)!important;

font-size:16px;

opacity:0.5;

margin-right:35%!important;

}




.store-footer h3{

background-color:var(--one);

color:var(--two)!important;

}

.footer-is-light .store-footer,

.footer-is-light .store-footer .store-footer__inner

{

background-color:var(--three)!important;

border-radius:20px 20px!important;


}


.s-block--features_item .feature-icon ,.s-slider-block_display-all{

background-color:var(--one);

color:var(--two);

}

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

color:var(--two);

}

@keyframes myAnimation {

0% {

transform: scale(1)

}


50% {

transform: scale(1.01)

}


100% {

transform: scale(1)

}

}

.banner-entry {

background: 0 0;

animation: myAnimation 1s infinite;

}

.s-block--features__item:hover,.s-product-card-entry {

--c: var(--one);

--b: 3px;

--g: 5px;

padding: calc(var(--g) + var(--b));

--_g: #0000 25%,var(--c) 0;

background: conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0/200% var(--_i,var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%)/var(--_i,var(--b)) 200% no-repeat;

transition: .3s,background-position .3s .3s;

cursor: pointer

}


.s-block--features__item:hover,.s-product-card-entry:hover {

--_i: 100%;

transition: .3s,background-size .3s .3s

}


/code tani/


.s-block.s-block--banners>.grid {

grid-template-columns:1fr 1fr 1fr ;


}


.s-block.s-block--banners>.grid .banner-entry {

padding-top: 88%;

height: unset

}


.two-row .banner-entry:first-child {

grid-column: auto;

grid-row: auto

}


.s-block.s-block--banners:nth-of-type(19) {

margin-bottom: 1rem

}


@media(max-width: 991px) {

.s-block.s-block--banners>.grid {

grid-template-columns: 2fr 2fr

}


.s-block.s-block--banners>.grid .banner-entry {

height: unset

}

}





.s-block--banners+.s-block--banners,.s-block--features+.s-block--features,.s-block--fixed-banner+.s-block--fixed-banner {

margin-top: 1em

}


body.index div.app-inner.flex.flex-col.min-h-full>section.s-block--banners:nth-child(n) div div:hover {

transform: translateY(-8px);

box-shadow: 0 -10px 10px 10px rgb(0 0 0/1%)!important

}


a.banner-entry.square-photos:hover {

transition: .3s ease-in-out;

transform: scale(1.1)

}


.index>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--banners.container>div>a.banner-entry.square-photos {

transition: .5s

}


.index>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--banners.container>div>a.banner-entry.square-photos:hover {

transform: scale(1.1)

}


body.index div.app-inner.flex.flex-col.min-h-full>section.s-block--banners:nth-child(n) div {

transition: transform .3s,box-shadow .3s

}


.banner-entry {

background-color: transparent;

}

.lazy__bg {


background-size:contain!important;

background-repeat:no-repeat!important;


}


#app>div.app-inner.flex.flex-col.min-h-full {

background:url(https://c.top4top.io/p_32534sd9b1.png)!important;

background-repeat: no-repeat !important;

background-size: cover !important;

}

.s-block, .s-block--tabs-produtcs, .footer-is-light .store-footer, .footer-is-light .store-footer .store-footer__inner {


background:transparent !important;}