/* Add custom CSS styles below */
:root {
--main-color: #98b72c;
--second-color:#000;
--three-color:#fff ;
}
/*-----star nav-----*/
.overflow-x-hidden {
background: #fff;
}
.main-nav-coÔntainer {
min-height: 68px;
background: var( --main-color);
}
@media only screen and (min-width: 1024px) {
.main-menu li.root-level>a {
padding-top: 0;
padding-bottom: 1rem;
font-weight: 700;
color: white;
}
}
@media only screen and (min-width: 1024px) {
.main-menu li.root-level>a:hover {
padding-top: 0;
padding-bottom: 1rem;
font-weight: 700;
color: var( --second-color);
}
}
.sicon-user-circle:before {
content: "\f072";
color: var(--second-color);
}
.sicon-shopping-bag:before {
content: "\ef36";
color: var(--second-color);
}
[class*=" sicon-"], [class^=sicon-] {
font-family: sallaicons !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--second-color);
}
.mm-spn.mm-spn--navbar.mm-spn--main {
cursor: default;
background: var(--main-color);
}
@media only screen and (max-width: 1024px) {
.mm-spn li a span {
padding: 0;
color: white;
}
}
@media only screen and (max-width: 1024px) {
.mm-spn li a span:hover {
padding: 0;
color: var(--second-color);
}
}
@media only screen and (max-width: 1024px) {
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl],[dir=rtl] *):after {
padding-right: .75rem;
color: var(--second-color);
}
}
salla-slider[type]:not(.hydrated)>div>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, .carousel-slider .swiper-wrapper>div {
margin-top: 50px;
margin-bottom: 50px;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.s-button-element:not(:disabled):not([loading]) {
pointer-events: auto;
color: #000;
background:#98b72c;
}
.s-button-element:not(:disabled):not([loading]):hover {
pointer-events: auto;
background: var(--main-color);
color: var(--second-color);
}
.footer-is-light .store-footer .store-footer__inner {
--tw-border-opacity: 1;
/* border-bottom-color: #e5e7eb; */
border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));
--tw-bg-opacity: 1;
/* background-color: #f3f4f6; */
background-color: var(--main-color);
}
.footer-is-light .store-footer .store-footer__inner {
--tw-border-opacity: 1;
/* border-bottom-color: #e5e7eb; */
border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));
--tw-bg-opacity: 1;
/* background-color: #f3f4f6; */
background-color: var(--main-color);
color: white;
}
@media (min-width: 768px) {
.md\:flex {
display: flex;
background: var(--main-color);
}
}
.copyright-text p {
--tw-text-opacity: 1;
color: white;
}
.footer-is-light .store-footer {
--tw-bg-opacity: 1;
background-color: #f9fafb;
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: #374151;
color: rgba(55, 65, 81, var(--tw-text-opacity));
background: var(--main-color);
}
.s-contacts-icon:where([dir=rtl],[dir=rtl] *) {
margin-left: .625rem;
color: var(--second-color);
}
.s-social-link a svg {
height: .875rem;
width: .875rem;
fill: currentColor;
color: var(--second-color);
}
.banner--fixed img {
display: block;
width: 100%;
border-radius: .375rem;
border-style: none;
--tw-bg-opacity: 1;
background-color: #f3f4f6;
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-o-object-fit: cover;
object-fit: cover;
background: #fff;
}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
padding-left: 2rem;
background: var(--main-color);
padding: 16px;
border-radius: 18px;
color: burlywood;
}
.s-slider-block__display-all {
display: inline-block;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 700;
color: #414042;
color: var(--color-primary);
color: var(--main-color);
}
.s-product-card-vertical {
flex-direction: column;
box-shadow: #fff -1px 3px 31px;
border:solid 3px var(--second-color);
}
.s-product-card-vertical:hover {
flex-direction: column;
box-shadow: var(--second-color) -1px 3px 31px;
padding:5px;
}
.footer-is-light .store-footer .contact-social {
--tw-border-opacity: 1;
border-color: #f3f4f6;
border-color: rgba(243, 244, 246, var(--tw-border-opacity));
display: contents;
}
.store-footer h3 {
margin-bottom: .75rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
/* background: var(--bg-gray); */
color: var(--second-color);
}.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
padding-left: 2rem;
background: var(--main-color);
padding: 16px;
border-radius: 18px;
color: #fff;
}.s-product-card-content-title a {
display: block;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgba(31, 41, 55, 1);
color: var(--main-color);
}.s-cart-summary-count {
top: -0.125rem;
--tw-bg-opacity: 1;
background-color: rgb(153, 27, 27);
background-color: #000;
}.footer-is-light .store-footer {
--tw-bg-opacity: 1;
background-color: #f9fafb;
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: #374151;
color: rgba(55, 65, 81, var(--tw-text-opacity));
background: var(--main-color);
border-radius: 20%;
}.banner--fixed img{
width: 100%;
border-radius: 0%;
}
.store-footer::after{
content:"برمجةوتطويرADFAZ";
top:0;
color:var(--second-color);
font-size:16px;
opacity:0.5;
}.footer-is-light .store-footer .store-footer__inner {
--tw-border-opacity: 1;
border-bottom-color: #e5e7eb;
border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: #f3f4f6;
background-color: var(--main-color);
color: white;
border-radius: 10%;
}.s-product-card-price {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
color: var(--second-color);
}.store-footer {
background: linear-gradient(135deg, #f0a8d0, #5a639c);
padding: 30px;
font-size: 14px;
border-top-left-radius: 125px;
border-top-right-radius: 125px;
text-align: center;
transition: box-shadow 0.3s;
box-shadow: 0 3px 6px rgba(102, 15, 86, 0.333), 0 6px 20px rgba(190, 78, 169, 0.262);
position: relative;
overflow: hidden;
}
.store-footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
border-radius: inherit;
backdrop-filter: blur(10px);
z-index: -1;
}
.footer-is-light .store-footer .store-footer__inner {
background-color: transparent;
font-size: 18px !important;
border-bottom-color: transparent;
}
.store-footer__inner {
background-color: rgba(255, 255, 255, 0.2) !important;
color: #CF5D8F !important;
border-radius: 50%;
padding: 20px;
backdrop-filter: blur(5px);
}
.store-footer__inner .flex {
justify-content: center;
}
.store-footer__inner .max-w-sm {
margin: auto;
}
.footer-list {
color: white !important;
}
.store-footer__inner .max-w-sm {
color: white !important;
}
.store-footer a {
color: white !important;
text-decoration: none;
}
.store-footer a:hover {
color: #fed009;
}
.s-contacts-header {
display: none;
}
.s-contacts-list.s-contacts-list-vertical {
align-items: center;
}
.store-footer i {
color: white !important;
border-color: transparent !important;
}
.store-footer .contact-social {
border: none;
}
.store-footer__inner {
text-align: center;
}
.store-footer__inner h3:hover {
color: white !important;
}
.text-center {
text-align: center;
padding: 0;
position: relative;
font-weight: bold;
font-size: 1.2rem;
}
.text-center::before {
content: "برمجه وتطوير ADFAZ";
display: block;
text-align: center;
padding: 10px;
color: #f9fafb;
font-size: 1.2rem;
}
.copyright-text p {
--tw-text-opacity: 1;
color: rgba(55, 65, 81, 1);
color: rgb(255 255 255);
}
.store-footer h3 {
margin-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
color: white;
}*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
--tw-ring-shadow: 0 0 rgba(0,0,0,0);
--tw-shadow: 0 0 rgba(0,0,0,0);
--tw-shadow-colored: 0 0 rgba(0,0,0,0);
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
color: #000;
Show all properties (1 more)