/* Add custom CSS styles below */ 
/* Add custom CSS styles below */
/*البانر */

@media (min-width: 1024px) {
    salla-slider.photos-slider .swiper-slide {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}
/*البانر*/
.features-home .s-block--features__item .feature-icon-div .feature-icon, .s-block--features .s-block--features__item .feature-icon-div .feature-icon {

position: relative;
z-index: 10;
margin: .25rem;
--tw-text-opacity: 1;
color: #933815;

}


.navbar-brand img {
    max-height: 115rem;
    max-width: 270px;

}

.features-home .s-block--features__item .feature-icon-div::after, .s-block--features .s-block--features__item .feature-icon-div::after {

position: absolute;

top: 11px;

z-index: 1;

height: 1.25rem;

width: 1.25rem;

border-radius: 9916px;

background-color: #b99c69;

/* background-color: var(--color-primary); */

opacity: 0.3;

--tw-content: "";

content: var(--tw-content);

}

.main-content .main-content-data .product-title {

margin-bottom: 1.25rem;

width: 90%;

font-size: 1.15rem;

line-height: 1.95rem;

font-weight: 700;

--tw-text-opacity: 1;

color: rgba(31,41,55,var(--tw-text-opacity));

}

@media (min-width: 1024px)

.main-content .main-content-data .product-title {

font-size: 1.25rem;

line-height: 2.5rem;

}

.text-red-200 {

--tw-text-opacity: 1;

color: rgba(000,var(--tw-text-opacity));

}

.btn-epic span {

position: absolute;

top: 0;

left: 0;

z-index: 1;

display: flex;

width: 100%;

align-items: center;

justify-content: center;

padding-top: 3px;

text-align: end;

font-size: 0.85rem;

line-height: 1rem;

font-weight: 700;

}

.inner .s-user-menu-trigger-slot .s-user-menu-trigger {

margin: .625rem;

display: none;

height: 42px;

min-width: 142px;

border-radius: 9999px;

border-width: 1px;

padding: .625rem;

}

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

position: relative;

margin-left: .25rem;

margin-right: 0.25rem;

height: auto;

width: 100%;

overflow: hidden;

border-radius: 15px;

}

/* سليدير المنتجات في الصفة الرئيسية */

.product-entry {

position: relative;

display: flex;

flex-direction: column;

justify-content: space-between;

overflow-x: hidden;

border-width: 0px;

border-radius: 8px;

--tw-bg-opacity: 1;

background-color: rgba(255,255,255,var(--tw-bg-opacity));

}

.product-entry__content {

position: relative;

display: flex;

min-height: 100px;

flex-direction: column;

align-items: flex-start;

justify-content: center;

}

.product-entry .card-description {

font-size: .875rem;

line-height: 12.25rem;

height: 2rem;

/* width: 100%; */

overflow: hidden;

/* word-break: break-all; */

/* line-height: 1.5rem; */

/* --tw-text-opacity: 1; */

/* color: rgba(156,163,175,var(--tw-text-opacity)); */

/* flex-direction: column; */

}

.product-entry__image {

position: relative;

height: 18rem;

width: 100%;

flex-shrink: 0;

overflow: hidden;

--tw-bg-opacity: 1;

background-color: rgba(#ffffff,var(--tw-bg-opacity));

}

body.product-entry--fit-type .product-entry img {

object-fit: contain;

height: 17rem;

}

.fixed-pinned .navbar-brand img {

    max-height: 9rem;

}

.h-full {

height: 80%;

}

@media (min-width: 768px)

.product-entry__content {

padding: 1rem;

padding-top: 0rem;

}

/* نهاية سليدير المنتجات في الصفة الرئيسية */

/* الاضافة للسلة زر */

.product-entry salla-add-product-button salla-button button {

border-radius: 4px;

border-width: 1px;

--tw-border-opacity: 1;

transition-property: all;

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

transition-duration: 150ms;

width: 38px;

height: 34px;

}

/* نهاية الاضافة للسلة */

.details-slider-wrapper .details-slider .swiper-slide img

{

display: block;

width: 100%;

height: 100%;

-o-object-fit: contain;

object-fit: contain;

}

.swiper-slide img {

vertical-align: bottom;

/*--tw-bg-opacity: 1;

--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);

--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1p; */

border-radius: 1.5rem;

overflow: hidden;

padding: 0.5rem;

width: 100%;

}

.details-slider-wrapper .s-slider-container {

width: 100%;

overflow: hidden;

border-radius: 15px;

--tw-bg-opacity: 1;

background-color: rgba(#ffffff,var(--tw-bg-opacity));

}

/* قائمة المنتجات */

div.header-components {

padding: 0.25rem;

}

ol.flex.items-center.justify-center.flex-wrap.text-sm {

font-size: 1.1rem;

line-height: 1.25rem;

}

.product-entry__title {

font-weight: 400;

/* line-height: 1.5rem;

overflow-x: clip;

overflow-y: hidden;

white-space: pre-wrap;

/* width: 27vw; */

/* display: flex; */

/* align-items: flex-start; */

/* flex-wrap: nowrap; */

/* font-weight: 100; */

/* color: var(--color-title); */

/* text-align: start; */

flex-direction: row;

flex-wrap: nowrap;

justify-content: flex-start;

align-items: center;

/* font-size: 20px; */

/* line-height: 1.4; */

height: 7rem;

overflow: hidden;

margin-bottom: 0;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

text-overflow: ellipsis;

}

.text-red-400 {

--tw-text-opacity: 1;

color: rgb(255,0,0,var(--tw-text-opacity));

}

.rounded {

border-radius: 8px;

}

:is([dir=rtl] .product-fixed-bar button)::after {

margin-left: 2.25rem;

}

:is([dir=rtl] .s-quantity-input-increase-button)::after {

left: -22px;

}

.product-fixed-bar button::after {

--tw-content: "";

content: var(--tw-content);

}

/*صفحة المنتجات نهاية*/

span.fix-align.opacity-70

{

opacity: 0.9;

}

.header-icon-button .rounded {

border-radius: 0px;

}

nav.breadcrumbs.w-full.py-5.container

{

padding-top: 2.25rem;

display: flex;

padding-bottom: 1.25rem;

}

.page-header.h-16 {

height: 28rem;

background-image: url(https://cdn.salla.sa/form-builder/UngXoqihGvK9qCArYyVkS17HebUbCSVBFVd9dXs7.jpg);

}

.page-header {

background-size: cover;

background-position: center;

--tw-text-opacity: 1;

color: rgba(255,255,255,var(--tw-text-opacity));

display: flex;

height: 18rem;

align-items: center;

justify-content: center;

}

/*بداية العد التنازلي لي التخفيض */

.salla-count-down .s-count-down-list .s-count-down-item {

background: #fffbe2!important;

margin-left: -4px;

margin-right: -3px;

height: 3.5rem;

width: 4.5rem;

flex: 0 1 auto;

}

.s-count-down-dark .s-count-down-item {

--tw-text-opacity: 1;

color: rgba(1,93,0,var(--tw-text-opacity));

}

.s-count-down-md .s-count-down-item {

font-size: 1.011rem;

line-height: 0.55rem;

font-weight: 500;

}

.s-count-down-item-label {

margin-top: 0.25rem;

display: block;

font-size: 0.675rem;

line-height: 1.15rem;

--tw-text-opacity: 1;

color: rgba(1,93,0,var(--tw-text-opacity));

opacity: 1;

}

/*نهاية العد التنازلي للتخفيض*/

/* بداية سلايدر البراندات */

.index .brand-item {

padding: 0.1rem;

}

@media (min-width: 768px)

.brand-item {

height: 9rem!important;

}

.brand-item {

position: relative!important;

display: flex!important;

height: 9rem!important;

align-items: center!important;

justify-content: center!important;

overflow: hidden!important;

border-width: 0px!important;

--tw-bg-opacity: 1 !important;

background-color: rgba(255,255,255,var(--tw-bg-opacity))!important;

text-align: center!important;

--tw-text-opacity: 1 !important;

color: rgba(255,255,255,var(--tw-text-opacity))!important;

transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;

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

transition-duration: 150ms!important;

}

/*.index .brand-item img {

max-width: 115px;

max-height: 100px;

}

.brand-item {

position: relative!important;

display: flex!important;

align-items: center!important;

justify-content: center!important;

overflow: hidden!important;

border-width: 0px!important;

--tw-bg-opacity: 1 !important;

background-color: rgba(255,255,255,var(--tw-bg-opacity))!important;

text-align: center!important;

--tw-text-opacity: 1 !important;

color: rgba(255,255,255,var(--tw-text-opacity))!important;

transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;

transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;

transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;

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

transition-duration: 150ms!important;

}

#infinite div.highway-barrier {

background:#fff;

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

&::before,

&::after {

content: " ";

position:absolute;

z-index:9;

width:100px;

height:100%;

}

&::before {

top:0;

left:0;

background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

}

&::after {

top:0;

right:0;

background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

}

.s-slider-block__title-nav button {

border-radius: 9999px;

}

@media (min-width: 768px)

.body .s-slider-nav-arrow {

height: 0.75rem;

width: 0.75rem;

}

.body .s-slider-nav-arrow {

height: 0.25rem;

width: 0.25rem;

border-radius: 15px;

}

.s-slider-nav-arrow svg {

width: 16px;

fill: #6b7280;

}

translateinfinite {

100% { transform:translateX(calc(-180px * 12)); }

}

div.swiper.s-slide-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.brand-item {

position: relative!important;

display: flex!important;

align-items: center!important;

justify-content: center!important;

overflow: hidden!important;

border-width: 0px!important;

--tw-bg-opacity: 1 !important;

background-color: rgba(255,255,255,var(--tw-bg-opacity))!important;

text-align: center!important;

--tw-text-opacity: 1 !important;

color: rgba(255,255,255,var(--tw-text-opacity))!important;

transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;

transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;

transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;

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

transition-duration: 110ms!important;

animation: translateinfinite 10s linear infinite;

}

.div.swiper.s-slide-container.swiper-initialized.swiper-horizontal.swiper-pointer-events {

width:180px;

animation:translateinfinite 30s linear infinite;

}*/

/* نهاية سلايدر البراندات */

/* بداية صفحة البراندات */

.pt-24 {

padding-top: 2rem;

}

[dir=rtl] .brands-nav.is-sticky {

right: .2rem;

}

.brands-nav.is-sticky {

padding-top: 0rem;

padding-bottom: 1.5rem;

position: fixed;

top: -0.75rem;

z-index: 10;

height: 100%;

flex-direction: column;

flex-wrap: wrap;

}

/* نهاية صفحة البراندات */

/*بداية قسم المدونة*/

.has-overlay--before:before, .has-overlay--after:after {

position: absolute;

top: 0;

left: 0;

height: 100%;

width: 100%;

background-color: rgba(0,0,0,0.1);

transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;

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

transition-duration: 300ms;

--tw-content: "";

content: var(--tw-content);

}

.line-clamp-2 {

overflow: hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

}

.blog-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

bottom: 0.5rem;

padding-left: .625rem;

padding-right: .625rem;

}

.swiper-pagination-bullets.swiper-pagination-horizontal .pb-20 {

padding-bottom: 5rem;

}

.swiper-pagination-bullets.swiper-pagination-horizontal .p-5 {

padding: 2.25rem;

}

.swiper-pagination-bullets.swiper-pagination-horizontal .text-sm {

font-size: .675rem;

line-height: 0.25rem;

}

.swiper-pagination-bullets.swiper-pagination-horizontal .rounded {

border-radius: 14px;

}

.swiper-pagination-bullets.swiper-pagination-horizontal .inline-flex {

display: inline-flex;

}

.swiper-pagination-bullets.swiper-pagination-horizontal .mb-2\.5 {

margin-bottom: .325rem;

}

/*نهاية قسم المدونة*/

/*]بداية المقال*/

.lg\:h-80 {

height: 29rem;

}

.object-cover {

-o-object-fit: cover;

object-fit: cover;

}

.lg:flex ,.items-start ,.rounded {

border-radius: 0px;

}

/*نهاية المقال*/

/*خلفيات التصنيفات*/

/*نهاية خلفية التصنيف*/

@media (min-width: 768px).s-block--default-home-slider .slider-height .swiper-slide-image {

position: relative;

height: 68%;

}

@media (min-width: 768px)

.mb-1\.5 {

margin-bottom: 0.375rem;

overflow: hidden;

display: block;

white-space: normal;

text-overflow: ellipsis;

height: 7vw;

}

@media (min-width: 768px)

.flex {

display: grid;

}

@media (min-width: 768px)

.whitespace-nowrap {

white-space: pre;

}

/*صفحة الكتلاوج*/

.single-page a {

color: brown;

font-weight: bolder;

text-decoration: underline;

text-align: center;

display: flex;

align-items: flex-start;

justify-content: center;

}/*

.content .content-entry ul, .content .content-entry li {

list-style: inherit!important;

font-weight: bolder;

color: #2a43a5;

font-weight: bolder;

/* text-decoration: underline; */

/* text-align: center; */

/* display: flex; */

/* align-items: flex-start; */

/* justify-content: center; */

/*نهاية صفحة الكتالوج*/

/*الشعار تذيل الصفحة*/

img.img-fluid.max-h-\[70px\] {

max-height: 150px;

}

/*شعار رئس الصفحة*/

.navbar-brand img {

display: flex;

align-items: center;

width: 7vw;

max-height: 7rem;

}

@media (min-width: 768px)

.product-entry__content {

padding: 0rem;

padding-top: 0rem;

}

:lang(ar)[dir=ltr] .ltr\:text-left {

text-align: right;

}

/*div.container.page-container ,article.content-entry, p, a

{

font-weight: bolder;

text-decoration: underline;

text-align: center;

display: flex;

align-items: center;

justify-content: center;

flex-direction: column;

flex-wrap: nowrap;

}*/

.sm\:border {

border-width: 0px;

}

.salla-slider .s-slider-block__title .s-slider-block__title-nav button {

border-width: 0px!important;

border-style: solid!important;

--tw-border-opacity: 0 !important;

border-color: rgba(229,231,235,var(--tw-border-opacity))!important;

--tw-shadow: 0 0 rgba(0,0,0,0) !important;

--tw-shadow-colored: 0 0 rgba(0,0,0,0) !important;

box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow)!important;

/* box-shadow: var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)!important;*/

}

.md\:py-0 {

padding-top: 0px;

padding-bottom: 6px;

}


.mb-1\.5 {

margin-bottom: 1.05rem;

}

.s-block--default-home-slider .slider-height {

height: 122%;

}

.s-block--best-offers .product-entry__content .product-entry__title, .s-block--slider-with-bg .product-entry__content .product-entry__title, .s-block .optimized-products .product-entry__content .product-entry__title {

align-items: flex-start!important;

}

.hXaMVG {

flex-shrink: 0;

opacity: 1;

width: 65px;

height: 65px;

border-radius: 50%;

display: block;

order: 1;

padding: 5px;

box-sizing: border-box;

cursor: pointer;

overflow: hidden;

box-shadow: rgba(136, 136, 136, 0.4) 0px 1px 7px;

transition: all 0.5s ease 0s;

position: relative;

z-index: 200;

text-decoration: none !important;

background-color: rgb(77, 194, 71) !important;

}