/* Add custom CSS styles below */ 
@import url("https://fonts.googleapis.com/css?family=Tajawal");

body {
    font-family: "Tajawal", system-ui, sans-serif;
}

.categories .carousel-slider .swiper:where([dir=rtl],[dir=rtl] *){
  overflow: visible
}

.image_cat:hover img{
  scale: 1.2
}

.s-product-card-image a{
  margin-left: auto;
  margin-right: auto;
}

.s-button-btn::before{
   background-color: #737e2f !important;
    border-radius: 0;
}

#side-image-banner{
  overflow: hidden !important
}

[product-status="out"]{
  color: #000 !important;
  border-radius: 0;
}

.content.w-full.md\:w-\[55\%\].relative.pt-8.rtl\:pr-4.ltr\:pl-4.overflow-hidden.h-full.flex.items-center 
{
    background-image: linear-gradient(123deg, #e4dbb2, #ee1c25)!important;
    color:#000 !important;
}

.containt_position.rtl\:lg\:mr-16.ltr-lg\:ml-16.rtl\:md\:mr-8.ltr-md\:ml-8.px-3 h1,
.containt_position.rtl\:lg\:mr-16.ltr-lg\:ml-16.rtl\:md\:mr-8.ltr-md\:ml-8.px-3 p {
    color: #000 !important;
}
a.btnCus.px-\[69px\].font-semibold.text-white.md\:text-base.rounded-\[18px\].py-\[18px\].sal-animate {
    background-color: #000 !important;
    border-radius: 10px;
}

section#side-image-banner a.btnCus.px-\[69px\].\!bg-\[\#FBA242\].font-semibold.text-white.md\:text-base.rounded-\[18px\].py-\[18px\].sal-animate {
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 10px;
}

.main-nav-container.fixed-pinned .inner {
    position: relative;
}

section#product-offers img {
    transform: rotate(0);
}
.s-product-options-wrapper{
background:transparent;
}

section#sliider_theme a.img2 {
    transform: scale(1.5) rotate(361deg)!important;
}
#sliider_theme .a_div #circle .img1 {
    transform: rotate(358deg) scale(.5) !important;
}

#featuers .shadow-khatwa , #side-image-banner{
        background-image: linear-gradient(to left,rgba(228, 219, 178, 1),rgba(238, 28, 37, 1));
            background-size: cover;
    background-repeat: no-repeat !important;
    background-position: right !important;
}
.feature_item i , .feature_item span {
        color: #fff;;
}
.side-image-banner-class-1 {
background-image: url("https://cdn.salla.sa/form-builder/kawzgmZkwrUgPI0B2sPXacOyYn60MyC27ZIKmBjd.png") !important;
}
.side-image-banner-class-2 {
background-image: url("https://cdn.salla.sa/form-builder/Zn4IIYVgOYJgrmQ96g6pSP6J3IAQYCSM73q0xd1B.png") !important;
}
p.khibra {
    display: none;
}
.side-image-banner-class-3 {
background-image: url("https://cdn.salla.sa/form-builder/Zn4IIYVgOYJgrmQ96g6pSP6J3IAQYCSM73q0xd1B.png") !important;
}
.side-image-banner-class-4 {
background-image: url("https://cdn.salla.sa/form-builder/XC1nwHUIQn0FjlzcpQULIYA4v9PwFMyHH62pEVJq.png") !important;
}
.a_div {
        background-image: url("https://cdn.salla.sa/form-builder/Xdn6dYnKyDaCMp6Myrg08j29M1iPeb3K8auE7AuM.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position:46%;

}
.bg-image-container {
background-size:cover !important;
}
#btn_card_pro .s-button-primary-outline , #product-offers .one-product-card .containt .last_buttons .s-button-btn,a.btnCus.px-\[69px\].\!bg-\[\#191919\].font-semibold.text-white.md\:text-base.rounded-\[18px\].py-\[18px\].sal-animate  {
        background: linear-gradient(to left,rgba(228, 219, 178, 1),rgba(238, 28, 37, 1));
        border-radius: 0;
}
a.btnCus{
        border-radius: 0;
        background-image: linear-gradient(to left,rgba(238, 28, 37, 1)),rgba(228, 219, 178, 1) !important;
}
  @media (min-width: 768px) {
        #featuers .shadow-khatwa , #side-image-banner {
            background-size: 100% 100% !important;
            }
    }
.one-product-card{
        overflow: hidden;
}

.containt_position h1{
        color: black;
}
.price_component span.price {
display:none;  
}
.price_component > span {
font-size: 18px;
    color: var(--c-color);
    font-weight: 900;
  
}


/* start single product page */
body.product-single .s-tabs-header salla-tab-header:nth-child(2),form.form.product-form .flex.items-center.justify-start.gap-2.mb-5 ,.flex.flex-col.justify-between.rtl\:items-start.ltr\:items-end.gap-6{
    display: none;
}

div#popupContainer {
    width: 0px;
    margin-right: -11rem;
    margin-bottom: 3rem;
}


      @media (max-width: 767px) {
#side-image-banner .containt_position {
    margin-top: 10.5rem;
}

div#popupContainer {
    width: 0px;
    margin-right: -5rem;
    margin-bottom: 3rem;
}


}

[alt="static"],
.s-infinite-scroll-error.infinite-scroll-error{
  display: none
}

body.index salla-reviews:first-of-type{
  display: none !important
}

/* global */
#up_btn {
    bottom: 0;
}


.whatsapp-btn-container {
    bottom: 0;
}

.fixed.top-28.left-0.z-3 {
    display: none;
}