@media (max-width: 768px) {
  .section-hero .absolute.inset-0 img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
  }

  [section-id="045dedc5-d905-4e13-9efd-83752c03ad9e"] {
    min-height: 150px !important;
}

 [section-id="d35c0a65-9402-434f-b733-f0da1688353d"] {
    min-height: 190px !important;
}
  
}


h1,
h2,
.section-title {
  text-align: center ; 
  background: linear-gradient(180deg, #21160D 0%, #000000 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}


/* p.text-foreground  {
     background: linear-gradient(
        135deg,
        #000000 0%,
        #0b4f73 60%,
        #1e95cb 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.group p.text-foreground{
   color:red ; 
}
/* body{
  background-color: #F7F3EA ;  
} */
.products-embla__slide p.text-foreground {
 
}

 .group {
    text-align: center ; 
 border-radius: 12px ; 
   box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0 ;
 }

 #footer {
    text-align: center  ; 
 }
 #footer .flex  {
    text-align: center  ; 
   justify-content: center ;  
 }



.btn-outlined{
   width: 90%;
    padding: 3px;
    border: 1px solid;
    margin-bottom: 5px;
    border-radius: 24px!important;
}

.products-embla__progress  {
   display: none ; 
}

.embla__progress{
 display: none;

}
div.flex {
     justify-content:center ; 

}




#backToTopBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  font-size: 22px;
  color: #222;
  cursor: pointer;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

#backToTopBtn.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#backToTopBtn:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.22);
}

/* الحلقة الأولى */
#backToTopBtn::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #165845;
  border-right-color: #165845;
  animation: spinRing 1s linear infinite;
}

/* الحلقة الثانية */
#backToTopBtn::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #165845;
  border-left-color: #165845;
  opacity: 0.6;
  animation: spinRing 1.6s linear infinite reverse;
}

@keyframes spinRing {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
/* 
body {
  background-color: #ffffff;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='140' viewBox='0 0 150 140'%3E%3Cg fill='%23c9a86a' fill-opacity='0.12'%3E%3Crect x='27' y='27' width='14' height='14' transform='rotate(45 34 34)'/%3E%3Cpath d='M95,75 Q108,78 106,92 Q105,100 98,98 Q100,88 95,75 Z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 150px 140px;
} */

/////////////////////////////////////
p.text-sm {
  color: red
}







 
 












#footer {
  text-align: center
}

h2.text-foreground {
  padding-bottom: 18px
}

.header__logo img {
  width: 500px !important;
  max-width: 100%
}

#footer {
  text-align: center
}


#footer .grid * {
  justify-content: center;
  text-align: center
}

#footer .grid img {
  margin: auto
}


.section-benefits {
  background-color: #fff0;
  padding-top: 0
}
 
.section-benefits .grid>div {
  box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0;
  border-radius: 12px;
  padding: 30px
}
 
.section-benefits .grid>div p {
  color: #000
}
.embla__slide {
   text-align: center ; 

}
.border-accent{
   border: solid 1px #E8CC96 ;  
}

.group img{
   transition: all 2s  ;  
}
.group:hover img {
   scale: 1.2 ; 
}