/* Add custom CSS styles below */ 
.itspadding{
padding: 0px 10px 0px 10px;
}
@media(min-width:767px){
.sezr .swiper-wrapper {
    max-width: 60%;
    margin: auto;
}
}

/*ىثص ؤخيث */
.s-product-card-entry{
border:none !important;
}
.s-product-card-content{
color:rgb(219,108,46);
}
.s-product-card-category{
background:none !important;
}

.sicon-menu:before{
color:#fff;
}
.text-base.da-tm{
color:#000;
}
.divider-item .divider-title h2{
color:#000;
}

/*malak css*/

#app > div.app-inner.flex.flex-col.min-h-full > div.container.mt-14.lg\:mt-6 > div > div > div > h1 {
    display: none !important;
}
div#product-tabs-details h2 {
    color: white;
    filter: drop-shadow(0px 1px 2px #14f6f5);
}
:root {

  --text-btn: #fff;
}
.testimonials-slider .swiper-slide > .flex{
  box-shadow:0px 0px 10px rgba(219,108,46,0.5);
  border:2px solid rgb(219,108,46);
}

.da-cp,
.s-slider-block__title-right h2{
color:rgb(219,108,46);
}
.faqs-list {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:10px 0 40px 0;
    gap: 0px;
}

.faqs-list .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.faqs-list .header img {
   width: 200px;
}

.faqs-list .header h3 {
    font-size: 25px;
}

.faqs-list .boxs {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    width: 100%;
}

.animation {
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.animation .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
    transform: translateY(-10px);
    text-align: center;
}

.animation .text h3{
line-height:18px;
}
@media(width < 750px){
.animation .text h3{
line-height:22px;
}
    .animation{
        width: 115px;
    }

     .animation .text h2{
        font-size: 20px;
    }
     .animation .text h3{
        font-size: 14px;
    }
}

@media(width < 550px){
    .animation{
        width: 100px;
    }
     .animation .text h2{
        font-size: 16px;
    }
     .animation .text h3{
        font-size: 11px;
    }
}

#banarimg{
padding:0px !important;
  height:150px !important ;

}
#banarimg img{
width:100% !important;
}

.logo-light,
.logo-dark{
scale:1.5;
transition: 0.3s;

}
.logo-light:hover{
scale:1.7;
}
.text-sm.font-bold.angel_anime.animate__.animate__fadeInUp:nth-child(3){
  display:none !important;
}
button:hover{
    animation: scaling 1s infinite;
}
@keyframes scaling {
    0% {scale: 1}
    50% {scale: 1.08}
    100% {scale: 1}
}
.product-entry{
transition: 0.4s;
border-radius: 7px !important;
/*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
border:1.5px solid #643A21 !important;
  box-shadow:0px 0px 10px rgb(219,108,46,0.9);

}
.product-entry:hover{
scale:1.06;
border-radius: 14px !important;
}
.s-product-card-entry{
    border-color: rgb(219,108,46) !important;
  box-shadow:0px 0px 10px rgba(219,108,46,0.3);

}
.dark .s-product-card-entry{
    border-color: rgb(219,108,46)!important;
  box-shadow:0px 0px 10px rgba(219,108,46,0.3);

}
.to-top a{
transition: 0.4s;
}
.dark .opt-text p span{
color:#fff !important;
}
.dark h2.ql-direction-rtl span{
color:#fff !important;
}
.to-top a:hover{
 transform: translateY(-10px);
}

.flex-col.items-center.justify-center.text-sm.leading-none.gap-2.angel_anime.animate__.animate__fadeInUp{
transition: 0.4s;
}


.flex-col.items-center.justify-center.text-sm.leading-none.gap-2.angel_anime.animate__.animate__fadeInUp:hover{
 transform: translateY(-10px);
}

/*link whats*/
#linkwhatsa {
  width: 110px;
  position: fixed;
  bottom: 40px;
  right: 2px;
  background-color: rgb(219,108,46) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  padding: 4px 8px;
  border-radius: 30px;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
    font-weight:  500;
  z-index:999 !important;
  box-shadow:0px 0px 10px rgba(219,108,46,0.9);
}
.product-single #linkwhatsa {
  bottom: 120px !important;

}
#linkwhatsa i {
  font-size: 20px;
  font-weight:  500;
  color: #fff;
}



.animation .text {
    color: rgb(219,108,46);
}
.dark .animation .text {
    color: white;
}

.s-block--banners .s-block__title h2{

    font-size: 2rem;
    text-align: center;
}