/* Add custom CSS styles below */ 
/*
===================
for fonts
===================
*/
@font-face {
  font-family: 'Bukra';
  src: url('https://cdn.salla.sa/themes/custom_fonts/865079748/1783891384.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Bukra';
  src: url('https://cdn.salla.sa/themes/custom_fonts/865079748/1783973791.otf') format('otf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Bukra';
  src: url('https://cdn.salla.sa/themes/custom_fonts/865079748/1783973766.ttf') format('ttf');
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: 'Bukra', sans-serif;
  font-weight: 400;
}
h1,
h2,
h5,
h6,
span,
a{
    font-weight: 700 !important;
}
h4,
h3{
  font-weight: 400 !important;
}

.dg-faq-wrapper p{
  .main-menu .root-level > a.active {
    font-weight: 700 !important;
}
}

/*bottom navbar*/
.not-inner.buttom-navbar{
    background: linear-gradient(90deg, #82CC01 0%, #416601 100%) !important;
}
/*search bar */
/* Search Container */
salla-search.s-search-inline,
salla-search .s-search-container,
salla-search .s-search-input-wrapper{
    width: 518px !important;
    height: 46px !important;
    border-radius: 100px !important;
}

/* Input */
salla-search .s-search-input{
    width: 100% !important;
    height: 40px !important;
    padding: 10px 20px !important;
    background: #FFFFFF26 !important;
    border: none !important;
    border-radius: 100px !important;
    color: #FFFFFF !important;
    font-size: 14px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* Placeholder */
salla-search .s-search-input::placeholder{
    color: #FFFFFF !important;
    opacity: 0.5;
}

/* Hide Search Icon */
salla-search .s-search-icon-wrap{
    display: none !important;
}

/* Remove the left space after hiding the icon */
salla-search .s-search-input{
    padding-left: 20px !important;
}
/*hero section*/
.hero_sec_control .content-wrapper{
  margin: 0 auto;
  margin-top: -400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.hero_sec_control .content-wrapper h2{
  font-size: 45px;
  line-height: 1.5;
}
.hero_sec_control .content-wrapper p{
  /* font-family: "bukra" !important; */
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 1.5;
}
.hero_sec_control .content-wrapper{
  font-size: 16px;
}
/*
=============================
section one for the cards
=============================
*/
.DG-whyUs-1 .whyUsWrapper .card {
    background-color: #000C1F !important;
    background-image: url("https://cdn.files.salla.network/homepage/865079748/5ade5289-60fa-4192-b2b3-95ba95d2ec7f_457x173.webp") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100%;
  height: 170px;
}
  /*icons for each card*/
.DG-whyUs-1 .whyUsWrapper .card .icon_wrapper {
  background: transparent !important;
   width: 150px !important;
  height:150px !important;
}
.DG-whyUs-1 .whyUsWrapper .card .icon_wrapper img{
  width: 200px !important;
  height:200px !important;
  object-fit: contain;
}
/*
==============================
categories cards 3rd section
==============================
*/
/* الكارد */
.DG-Featured-categories .swiper-slide{
    height:auto !important;
}

/* الصورة */
.DG-Featured-categories .category-image-wrapper{
    position:relative;
    height:300px;
    overflow:hidden;
}

/* الـ div اللي ماسك الصورة */
.DG-Featured-categories .category-image-wrapper .clip-path-diagonal{
    width:100%;
    height:100%;
}

/* الصورة نفسها */
.DG-Featured-categories .category-image-wrapper img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

/* العنوان */
.DG-Featured-categories .category-image-wrapper h4{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    margin:0;
    padding:18px 12px;

    color:#fff;
    text-align:center;
    font-size:20px;
    font-weight:600;

    background:rgba(0,0,0,.35);
    backdrop-filter:blur(8px);

    z-index:10;

    transform:none !important;
    top:auto !important;
}
/*
========================
for the 4th section
========================
*/
/* Content */
.DG_side_banner-3 .lg\:col-span-4 > div:first-child > div:first-child{
    left: auto !important;
    right: 28px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    text-align: right !important;
    margin: 0 !important;
}

/* Title */
.DG_side_banner-3 .lg\:col-span-4 > div:first-child > div:first-child h2{
    width: 100%;
    text-align: right !important;
}

/* Button */
.DG_side_banner-3 .lg\:col-span-4 > div:first-child > div:first-child .clip-btn{
    align-self: flex-start !important;
  font-size: 16px;
}

.DG_side_banner-3 .lg\:col-span-4 h2{
    max-width: 190px !important;
    width: 190px !important;
    text-align: right !important;
    line-height: 1.4;
    white-space: normal !important;
}

/* ==========================
   Product Card
========================== */

custom-salla-product-card.s-product-card-entry{
    background: #000C1F !important;
   border: 1px solid #AFB4B447;
    overflow: hidden;
}

/* Content Background */

custom-salla-product-card .s-product-card-content{
    background: #000C1F !important;
    padding: 20px;
}

/* Category */

custom-salla-product-card .s-product-card-content-category{
   
    font-size:16px !important;
    font-weight:400 !important;
    line-height:100% !important;
    letter-spacing:0 !important;
    text-align:right !important;
    color:#AFB4B4 !important;
    margin-bottom:16px;
}

/* Product Title */

custom-salla-product-card .s-product-card-content-title a{
   
    font-size:16px !important;
    font-weight:700 !important;
    line-height:100% !important;
    letter-spacing:0 !important;
    text-align:right !important;
    color:#fff !important;
    display:block;
    margin-bottom:0px;
    padding-bottom: 0px;
}

/* Price */

custom-salla-product-card .s-product-card-price{

    font-size:18px !important;
    font-weight:700 !important;
    line-height:100% !important;
    letter-spacing:0 !important;
    color:#82CC01 !important;
    text-align:right !important;
  margin: 0 !important;
  padding: 0!important;
}

/* العملة */

custom-salla-product-card .s-product-card-price i{
    color:#82CC01 !important;

}

/* ==========================
   Add To Cart Button
========================== */

custom-salla-product-card .s-button-element{
    width:100% !important;
    height:56px !important;
    font-size: 16px;
    padding:16px 32px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:none !important;
    background:linear-gradient(90deg,#82CC01 0%,#5D9200 100%) !important;
}

/* Button Text */

custom-salla-product-card .s-button-element .s-button-text{
 
    font-size:16px !important;
    font-weight:700 !important;
    color:#fff !important;
}

/* SVG */

custom-salla-product-card .s-button-element svg{
    width:18px;
    height:18px;
}

custom-salla-product-card .s-button-text svg path {
    fill: #fff !important;
    stroke: #fff !important;
}

/* الصورة */
custom-salla-product-card .s-product-card-image img{
    width:100%;
    height:240px;
    object-fit:cover;
  border: 1px solid #AFB4B447;
}

/* السعر */
custom-salla-product-card .s-product-card-content-sub{
    margin:12px 0 20px;
}

/*ordering the button items*/
custom-salla-product-card .s-button-text{
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

custom-salla-product-card .s-button-text span{
    order: 1;
}
custom-salla-product-card .s-button-text svg{
    order: 2;         
}

/*
===========================
5th section cards
===========================
*/
.step-number-clip {
    display: none !important;
}
.DG-cards .clip-path-diagonal{
    min-height:580px !important;
    height:100% !important;
    border: 2px solid #AFB4B447 !important;
}
.DG-cards-4{
    padding: 20px 0 !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
  margin-bottom: 0px !important;
}.DG-cards .group{
    background-image: url("https://cdn.files.salla.network/homepage/865079748/12530c17-7cd2-4d7c-86af-0bf6583ca04f_1440x492.webp");
    background-repeat: no-repeat;
    background-size: cover;

    /* حركيها لتحت */
    background-position: center 280px;
    padding-bottom: 220px !important;
}
/* ===========================
   Center Content
=========================== */
.DG-cards .text-start{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    text-align:center;
    width:100%;
    height:100%;
}
.DG-cards .mb-6{
    text-align:center;
    width:100%;
    margin-bottom:20px;
  margin-top: 40px;
}

.DG-cards .mb-6 h3{
  
    font-size:32px !important;
    font-weight:700 !important;
    line-height:139%;
    color:#82CC01;
    margin-bottom:15px;
}

.DG-cards .mb-6 p{

    font-size:18px !important;
    font-weight:500 !important;
    line-height:146%;
    color:#D6D6D6;
    max-width:180px;
    margin:auto;
}
.DG-products-slider salla-products-list p.s-infinite-scroll-last.infinite-scroll-last {
    display: none !important;
}
/*=====================
Card image 
=======================
*/
/* Image Container */
.DG-cards .card-image{
    flex: 1.5;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* بدل flex-end */
    overflow: visible;
    margin-top: 0px !important;
}

/* Image */
.DG-cards .card-image img{
    display: block;

    width: auto !important;
    height: auto !important; 

    max-width: 100% !important;
    max-height: 400px !important;

    object-fit: contain !important;
    object-position: center bottom !important;

    margin: 0 auto;
}
.DG-cards .text-start > div:last-child{
    display: flex;
    justify-content: center;
    align-items: center !important;
    flex: 1;
}
/* Same background for all cards */
.DG-cards .card-item .clip-path-diagonal{
    background: url("https://cdn.files.salla.network/homepage/865079748/f453fd03-37f5-40fb-a589-9f1ecd611457_460x560.webp")
                center center / cover no-repeat !important;
  
}

/* ===========================
   Why Us Section
=========================== */

/* Card */
.DG-whyUs-5 .card{
    background: url("https://cdn.files.salla.network/homepage/865079748/220beb3f-e2ad-4b73-b9b9-258f26c5cd8f_339x200.webp") !important;
    border: 1px solid #AFB4B447 !important;
    padding: 24px !important;
    gap: 20px !important;
    align-items: center;
}

/* Icon Wrapper */
.DG-whyUs-5 .icon_wrapper{
    width: 100px !important;
    min-width: 110px !important;
    height: 110px !important;

    background: #82CC0130 !important;
    border-radius: 12px !important;

    display: flex;
    justify-content: center;
    align-items: center;
}

/* Icon */
.DG-whyUs-5 .icon_wrapper img{
    width: 90px !important;
    height: 100px !important;
    object-fit: contain;
}

/* Text Wrapper */
.DG-whyUs-5 .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

/* Title */
.DG-whyUs-5 .text h3{
   
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    letter-spacing: 0;
    color: #FFFFFF !important;
    margin: 0 !important;
}

/* Description */
.DG-whyUs-5 .text p{
 
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0;
    text-align: right !important;
    color: #797979 !important;
    margin: 0 !important;
}


/*
=========================
Banner
=========================
*/

/* 
.DG-banner-9{
    max-width: 1400px;
    margin: 40px auto;
    overflow: visible;
  
} */
.DG-banner-9 img{
    border: 1px solid #AFB4B447;
}
.DG-banner-9 .banner_sec_control h4{
    max-width: 400px;
}

/*
=========================
FAQ
=========================
*/

.dg-faq-wrapper p.text-font-color.font-medium{
    color: #82CC01 !important;
  font-weight: 700 !important;

}

.dg-faq-wrapper a{
    background: linear-gradient(90deg, #82CC01 0%, #5D9200 100%) !important;
    color: #fff !important;
    border: none;
}
.dg-faq-wrapper a:hover{
    background: linear-gradient(90deg, #6FB000 0%, #4E7D00 100%) !important;
    color: #fff !important;
}
/* إخفاء الخطين */
.dg-faq .flex.items-center > .bg-primary{
    display: none;
}

/* جعل الحاوية بعرض كامل */
.dg-faq .flex.items-center{
    width: 100%;
    justify-content: flex-end !important;
}

/* تنسيق العنوان */
.dg-faq .flex.items-center p{
    color: #82CC01 !important;
    text-align: right;
    width: 100%;
}
/*icon - arrow*/
.dg-faq .accordion .ques_icon::before{
    content: "\e99f" !important;
    color: #FFFFFFCC;
}

.dg-faq .accordion.active .ques_icon::before{
    content: "\e99e" !important;
    color: #82CC01;
}
.dg-faq .accordion.active .ques_icon {
    transform: rotate(0deg) !important;
}
/* Normal FAQ question */
.dg-faq .accordion > span{
    color: #FFFFFFCC !important;
   font-size: 18px !important;
}
.dg-faq .panel .ans{
    font-size: 14px !important;
}
.dg-faq .accordion.active > span{
    color: #82CC01 !important;
}

/* خلي النص ياخد كل المساحة */
.dg-faq .accordion > span{
    flex: 1;
    text-align: right !important;
    color: #FFFFFFCC !important;
}

/* خلي الأيقونة تفضل في الشمال */
.dg-faq .accordion .ques_icon{
    flex-shrink: 0;
    margin-inline-start: 16px;
}

/*
===========================
Blogs section
===========================
*/


salla-slider .swiper-slide > div{
    background: #000C1F !important;
    padding: 0 !important;
    border: 1px solid #AFB4B447;
}

/* محتوى الكارد */
salla-slider .swiper-slide > div > div:last-child{
    padding: 16px !important;
}
salla-slider .s-slider h2,
.s-slider .font-light {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    padding: 0;
    margin-block: 16px;
}
salla-slider .swiper-slide .h-\[clamp\(8rem\,7\.0625rem\+4vw\,10\.3125rem\)\] {
  width:100%;
    height: 280px !important;
}

/* ===========================
   Image
=========================== */

salla-slider .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

salla-slider .swiper-slide .h-\[clamp\(8rem\,7\.0625rem\+4vw\,10\.3125rem\)\]{
    width: 100%;
}


/* ===========================
   Date & Author
=========================== */

salla-slider .swiper-slide .flex.items-center.flex-row{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: right;
  i{
    color:#fff;
  }
}

salla-slider .swiper-slide .flex.items-center.flex-row p,
salla-slider .swiper-slide .flex.items-center.flex-row h2{
    color: #AFB4B4 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
  
}


/* ===========================
   Title
=========================== */

salla-slider .swiper-slide h2 a{
    color: #FFFFFFCC !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    text-align: right;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
 

/* ===========================
   Description
=========================== */

salla-slider .swiper-slide .pb-\[12\.5px\].md\:pb-4.text-\[12px\]{
    color: #FFFFFFCC !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 150%;
}


/* ===========================
   Read More
=========================== */

salla-slider .swiper-slide a.underline{
    text-decoration: none !important;
    color: #FFFFFFCC !important;
    display: block;
    border-top: 1px solid #FFFFFF2E;
    padding-top: 24px;
    font-size: 14px !important;
}
 

@media (min-width: 768px) {
    .DG-blog  .swiper-slide a.underline {
        font-size: 14px !important;
    }
}
.DG-blog  .swiper-slide a.underline::after,
salla-slider .swiper-slide a.underline::after{
    content: "\e944";
    font-family: "sallaicons" !important;
    font-size: 14px;
    margin-inline-start: 12px;
    vertical-align: middle;
}

salla-slider .swiper-slide > div > div:last-child{
    padding: 31px 24px !important;
}
/* الكارد */
.salla-slider .swiper-slide > div{
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #000C1F !important;
}

/* جزء المحتوى */
.salla-slider .swiper-slide > div > div:last-child{
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 31px 24px !important;
}

/* الوصف ياخد المساحة الفاضية */
.salla-slider .swiper-slide > div > div:last-child > div:nth-child(3){
    flex: 1;
}

/* قراءة المزيد تفضل تحت */
.salla-slider .swiper-slide > div > div:last-child > div:last-child{
    margin-top: auto;
}
/*Large 2 banner*/
.DG-banner-13 h1{
  font-size: 36px;
}
/*
=====================
Header & Footer
=====================
*/
.header-email {
    display: none !important;
}
.store-footer salla-contacts .s-contacts-icon svg
 {
    fill: #fff !important;
 }
.DG-banner-10 h4{
    max-width: 450px;
}
/*mail newsletter*/
.DG-newsletter{
  background: linear-gradient(90deg, #82CC01 0%, #517F01 100%) !important;
}
.DG-newsletter .flexitems-center {
    width: 500px !important;
    height: 50px !important;

    padding: 10px 10px !important;

    background: #FFFFFF3D !important;
    border: 1px solid #666666BF !important;

    box-sizing: border-box;
}
.DG-newsletter .flexitems-center input {
    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.DG-newsletter #mc-embedded-subscribe {
    background: #000C1F !important;
    color: #fff !important;
}
/*
======================
RESPONSIVE
======================
*/
@media (max-width: 1024px) {
    .whyUsWrapper .card h3{
        white-space: normal !important;
    }
}
@media (max-width: 1024px) {
    .whyUsWrapper .card .text{
        flex: 1;
        min-width: 0;
    }
}
@media (max-width: 1024px) {
    .whyUsWrapper .card h3{
        font-size:16px !important;
        line-height:22px;
    }

    .whyUsWrapper .card p{
        font-size:13px !important;
        line-height:18px;
    }
}
@media (max-width: 1024px) {
    .whyUsWrapper .card .icon_wrapper{
        width: 56px !important;
        height: 56px !important;
        min-width: 56px;
    }

    .whyUsWrapper .card .icon_wrapper img{
        width: 28px !important;
        height: 28px !important;
    }
}
@media (max-width: 1024px) {
    .DG-whyUs-5 .icon_wrapper {
        min-width: 50px !important;
    }
}
/* ===========================
   Mobile (768px)
=========================== */
@media (max-width:768px){

    /* Hero */



    .DG-hero-section .hero_sec_control{
        min-height: 85vh !important;
        justify-content: flex-start !important;
        padding-top: 80px !important;
    }

   .DG-hero-section .content-wrapper{
        position: relative;
        top: -50px;
        padding-top: 88px !important;
        padding-bottom: 0 !important;
    }

    /* =======================
       Cards under Hero
    ======================= */

    .DG-whyUs-1 .whyUsWrapper .card .icon_wrapper{
        width: 60px !important;
        min-width: 60px !important;
        height: 60px !important;
    }

    .DG-whyUs-1 .whyUsWrapper .card .icon_wrapper img{
        width: 80px !important;
        height: 80px !important;
        object-fit: contain;
    }
    /* =======================
       Vertical Cards
    ======================= */

   @media (max-width:768px){



    /* .card-item{
        height: auto !important;
    }

    .card-item .clip-path-diagonal{
        height: 580px !important;
    } */

}
    /* =======================
       Four cards section
    ======================= */
  
    .DG-whyUs-5 .whyUsWrapper{
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
    }

    .DG-whyUs-5 .whyUsWrapper .card{
        width: 100% !important;
        min-width: 0 !important;
    }

   /* .DG-whyUs-5 .whyUsWrapper .grid{
        grid-template-columns:repeat(3,1fr) !important;
    } */

}
/*
===========================
Mobile (320px - 425px) 
===========================
*/
/* @media (max-width: 425px) */
@media (max-width: 767px) {

 .hero_sec_control .content-wrapper{
        margin-top: 0 !important;
        top: 0 !important;
        transform: translateY(-100px) !important;
    }
custom-salla-product-card,
.s-product-card-entry{
    height:auto !important;
    min-height:unset !important;
}

  .DG-whyUs-5 .whyUsWrapper{
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
}

.DG-whyUs-5 .card{
    flex-direction:column!important;
    justify-content:center;
    text-align:center;
    padding:12px!important;
    gap:8px!important;
    min-height:130px;
}

.DG-whyUs-5 .icon_wrapper{
    width:44px!important;
    height:44px!important;
}

.DG-whyUs-5 h3{
    font-size:14px!important;
    white-space:normal!important;
    line-height:1.3!important;
}

.DG-whyUs-5 p{
    font-size:11px!important;
    line-height:1.4!important;
}
  /*banner*/
  /* .DG-banner-10 h1{
    font-size: 20px !important;
    line-height: 30px !important;
}

.DG-banner-10 h4{
    font-size: 12px !important;
    line-height: 22px !important;
}
   */
  .DG-banner-10 h1{
    font-size: clamp(12px, 4vw, 42px) !important;
    line-height: 1.3 !important;
}

.DG-banner-10 h4{
    font-size: clamp(10px, 2vw, 20px) !important;
    line-height: 1.5 !important;
}
  .DG-banner-10 .relative.z-\[5\]{
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    max-width: 200px !important;
}
/*last banner */
    .DG-banner-13 h1{
    font-size: clamp(10px, 4vw, 42px) !important;
    line-height: 1.3 !important;
}

.DG-banner-13 h4{
    font-size: clamp(7px, 2vw, 20px) !important;
    line-height: 1.5 !important;
}
  .DG-banner-13 .relative.z-\[5\]{
    padding-top: 20px !important;
    padding-bottom: 35px !important;
    max-width: 330px !important;
}
  
}
/* @media (max-width: 375px) { */
@media (max-width: 767px) {


  .DG-whyUS .card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    padding: 15px !important;
    gap: 0 !important;
    height: auto;
  }

  .DG-whyUS .icon_wrapper {
    width: 60px !important;
    height: 60px !important;
  }

  .DG-whyUS .icon_wrapper img {
    width: 30px !important;
    height: 30px !important;
  }

  .DG-whyUS .text {
    width: 100% !important;
  }

  .DG-whyUS .text h3 {
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .DG-whyUS .text p{
    margin-top: 10px;
            font-size: 11px !important;
  }

}

/*
===========================================
for the mobile @media (max-width: 767px) 
===========================================
*/
@media (max-width: 767px) {

.hero_sec_control .content-wrapper h2{
  font-size: 35px;  
}
footer .DG-newsletter form{
  margin: 0 auto !important;
}


    footer .container.flex.flex-col-reverse.md\:flex-row {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    flex-direction: column-reverse !important;

    justify-content: space-between !important;
    align-items: center !important;

    padding-top: 20px !important;
    padding-bottom: 20px !important;

    gap: 12px !important;
  }

}
@media (max-width: 767px) {

  footer .container.flex.flex-col-reverse.md\:flex-row {
    padding: 20px 16px !important;
  }

}



/*extras*/
.navbar_bottom {
    background: linear-gradient(90deg, #82CC01 0%, #5D9200 100%) !important;
}
#scrollToTopBtn i.sicon-arrow-up {
    color: #fff !important;
}


footer .container.flex.flex-col-reverse.md\:flex-row {
    position: relative;
    z-index: 2;

    padding-block: 20px !important;

    justify-content: flex-start !important;
}
footer .container.flex.flex-col-reverse.md\:flex-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Footer Menu */
.grid-control .s-menu-footer-item:hover {
    color: #82CC01 !important;
}

/* Contact links */
.grid-control .s-contacts-item:hover,
.grid-control .s-contacts-item:hover .unicode,
.grid-control .s-contacts-item:hover svg {
    color: #82CC01 !important;
    fill: #82CC01 !important;
}

/* Social icons */
.grid-control .s-social-link a:hover,
.grid-control .s-social-link a:hover svg {
    color: #82CC01 !important;
    fill: #82CC01 !important;
}

#mainnav .buttom-navbar {
    padding: 20px 30px !important;
}
@media (max-width: 767px) {

  footer .container.flex.flex-col-reverse.md\:flex-row{
    display: flex !important;
    flex-direction: column-reverse !important;

    position: relative !important;
    z-index: 2 !important;

    padding: 20px 16px !important;
    padding-bottom: 70px!important; 
    padding-top: 20px !important;
    margin-top: 0 !important;

    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
  }

 
  /* footer salla-trust-badges{
     position: relative !important;
    z-index: 2 !important;
    padding: 0;
    margin: 0;
margin-bottom: 200px !important;
  } */

}

/* ****amir******/

.s-product-card-entry .s-product-card-actions {
    gap: 15px;
   @media(max-width:625px){
         gap: 8px;
    }
}

.s-product-card-entry .s-product-card-wishlist-btn {
    position: unset;
}

.s-product-card-entry .s-product-card-wishlist-btn .s-button-icon,
.s-product-card-entry .s-product-card-quick-btn .s-button-icon{
    position: unset;
    width: 56px !important;
    height:56px;
    padding: 0 !important;
    @media(max-width:625px){
        width: 40px !important;
    height:40px !important;
    }
}

salla-slider .swiper-slide h2 a {
  display: inline-block;
  line-height: 1.7 !important;
  margin-bottom: 10px;
}

salla-slider .swiper-slide .pb-\[12\.5px\].md\:pb-4.text-\[12px\] {
    font-size: 14px !important;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
    margin-bottom: 20px;
}
.DG-banner,
.DG-blog {
    padding: 0;
    margin: 0;
}

.DG-newsletter #mc-embedded-subscribe {
    clip-path: unset;
    font-size: 14px;
    height: 50px;
}

footer salla-trust-badges, footer .s-trust-badges-wrapper {
    display: none !important;
}

.copyright-text {
    flex-grow: 1;
}

.store-footer .copyright-text p {
    font-size: 14px;
    opacity: 1;
}


.dg-faq .qs-wrapper::after {
    content: '';
    position: absolute;
    background: rgba(130, 204, 1, 0.47);
    opacity: 0.35;
    filter: blur(253.43885803222656px);
    inset: 0;
     z-index:-1;
}

.DG-blog-index .p-\[12\.5px\] {
    background: #000C1F !important;
    padding: 0 !important;
    border: 1px solid #AFB4B447;
}

.DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 {
    padding: 24px;
    height: 100%;
}

.DG-blog-index .p-\[12\.5px\] a + div {
    height: calc(100% - 280px);
}

.DG-blog-index .p-\[12\.5px\] a.h-\[clamp\(8rem\,7\.0625rem\+4vw\,10\.3125rem\)\] {
    height: 280px;
    display: flex;
}

.DG-blog-index .p-\[12\.5px\] a.h-\[clamp\(8rem\,7\.0625rem\+4vw\,10\.3125rem\)\] img {
    object-fit: cover;
}

.DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 i {
    color: #fff;
}

.DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 p, .DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 i + h2 {
    font-weight: 400 !important;
    color: #AFB4B4 !important;
    font-size: 14px !important;
}

.DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 > .flex {
    gap: 20px;
}

.DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 h2 a {
    color: #FFFFFFCC !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: inline-block;
    line-height: 1.7 !important;
    margin-bottom: 10px;
}

.DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 .pb-\[12\.5px\].md\:pb-4.text-\[12px\].md\:text-\[14px\].font-light.text-font-color {
    font-size: 14px !important;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
    margin-bottom: 20px;
    color: #FFFFFFCC;
}

.DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 a.underline.text-primary.text-\[16px\].md\:text-\[20px\] {
    text-decoration: none !important;
    color: #FFFFFFCC !important;
    display: block;
    border-top: 1px solid #FFFFFF2E;
    padding-top: 20px;
    font-size: 14px !important;
}


.DG-blog-index .p-\[12\.5px\] .pt-2.md\:pt-3 a.underline.text-primary.text-\[16px\].md\:text-\[20px\]::after {
        content: "\e944";
    font-family: "sallaicons" !important;
    font-size: 14px;
    margin-inline-start: 12px;
    vertical-align: middle;
}

nav.breadcrumbs {padding-block: 30px;}

.DG-blog-index .s-breadcrumb-wrapper .s-breadcrumb-item,
.DG-blog-single .s-breadcrumb-wrapper .s-breadcrumb-item,.DG-blog-index .s-breadcrumb-item a, .DG-blog-single .s-breadcrumb-item a,
.cart .s-breadcrumb-item{
    font-size: 14px;
}

.main-content.blog-category *,
.product__description{
    line-height: 2;
 
  p,li{
      font-size:17px;
      strong,b{
          font-size:17px; 
      }
  }

  ul,ol{
    margin-bottom: 10px;
  }
}

.main-content.blog-category article :where(h1, h2, h3, h4, h5, h6){
    color: #7fc701;
}

.product__description :where(h1, h2, h3, h4, h5, h6){
    color: #7fc701;
  margin-bottom:10px;
}
       
.DG-blog-single {
    margin-bottom: 20px;
}

.container--products-list nav.breadcrumbs {
    display: none;
}

.s-breadcrumb-item {
    color: #fff;
}

.s-breadcrumb-arrow svg {
    fill: #fff;
}
 .single h3.font-bold.text-lg.lg\:text-2xl.text-font-color {
    color: #7fc701;
    margin-bottom: 10px;
    font-weight: 700 !important;
}
 .s-product-card-horizontal .s-product-card-content .s-product-card-content-footer {
    padding: 0;
    margin-top: 16px;
}
.s-quantity-input-button svg {
    fill: #fff;
}

.cart .s-button-btn {
    background: #7fc701;
    height: 50px;
    font-size: 15px;
}






@media(max-width:768px){

custom-salla-product-card .s-button-element {
    height: 40px !important;
}

custom-salla-product-card .s-button-element .s-button-text {
    font-size: 13px !important;
}

     .DG-Featured-categories h4 {
    font-size: 18px;
    width: 100%;
     
}
     .s-product-card-entry .s-product-card-actions{
    top:20px;
}
     .s-products-slider-slider {
    padding-inline: 15px;
}
     .DG-cards-4 .group {
    padding-block: 30px 50px !important;
       margin-top: 0 !important;
    .card-item{
        height:auto !important;
    }
}

     .top-navbar {
    padding: 15px 10px;
}

.hero_sec_control .content-wrapper h2 {
    font-size: 25px;
}

.hero_sec_control .content-wrapper p {
    font-size: 15px;
    line-height: 2;
}

.hero_sec_control .content-wrapper .slider-button {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}

.whyUsWrapper .card .icon_wrapper {
    margin-bottom: 15px;
}

.whyUsWrapper .card .text {text-align: center;align-items: center;
                          p{
                              text-align: inherit !important;
                          }}

section.DG-products-slider {
    margin: 0;
    padding-bottom: 0;
}

.DG-banner {
    .object-contain{
        object-fit:cover;
    }
}

.dg-faq .accordion > span {
    font-size: 14px !important;
}

.dg-faq .qs-wrapper {
    clip-path: unset;
}

.DG-blog {
    margin: 0 !important;
    padding: 0 !important;
}
   }

footer salla-trust-badges .s-trust-badges-image,
.s-trust-badges-content,
.s-trust-badges-label{
    display: none !important;
}
salla-payments{
  display: none !important;
}

    footer salla-payments ul, .copyrights-mobile

 {
         margin-bottom: 0px !important; 
    }
/*
====================================
Color of the product description
====================================
*/

.product__description {
*{
color: #fff !important;
}
a {
text-decoration: underline;
*{
color: #83ce00 !important;
 
}
}

}

.product__description :where(h1, h2, h3, h4, h5, h6){
 color: #7fc701 !important;
 span{ color:inherit !important}  
}
/*
=================================
Make the features in the center
=================================
*/
/* Center the whole slider horizontally */
.DG-Featured-categories-2 .swiper-wrapper {
    justify-content: center !important;
}
/*
============================
cards 
==============================
*/
/* DG Why Us 3 */
.DG-whyUs-3 .card{
    position: relative;
    overflow: hidden;

    background-color: #000C1F !important;
    border: 1px solid #AFB4B447 !important;

    /* Background image + blend */
    /* background-image: url("https://cdn.files.salla.network/homepage/865079748/efd154c1-f48e-41a7-b915-abdaa215947d_506x900.webp"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    /* background-blend-mode:; /* يمكنك تغييرها إلى soft-light أو multiply حسب التصميم */ */
}

.DG-whyUs-3 .card p{
  color: #797979 !important;
}
.DG-whyUs-3 .card .icon_wrapper {
  border-radius: 12px ;
  background-color: #193519 !important; 
}
.DG-whyUs-3 .card img{
  height: 50px !important;
}