/* Add custom CSS styles below */ 
/* */
section:nth-child(4) .container {
  padding: 0;
  max-width: unset;
  margin-bottom: 3rem;
}
#mobile-menu > ul > li > a , #mainnav > div > div > div.flex.justify-center.lg\:justify-between.items-center.p-3.container , #mainnav > div > div > div.border-b.border-solid.border-\[E7E7E7\] > div > div.flex.items-center.justify-end.gap-1 > button > i , #s-cart-icon > i{
color : #DDAC42 !important;
}
#mainnav > div > div > div.border-b.border-solid.border-\[E7E7E7\]{
border-color: #DDAC42;
}
#mainnav > div > div > div.border-b.border-solid.border-\[E7E7E7\] > div > div.flex.items-center.justify-end.gap-1 > button{
border: unset;
}
/* */

.special_title h3::after{
background-color: #DDAC42 !important;
}

section:nth-child(7){
 margin: unset;
}
section:nth-child(7) > div , section.al_fixed_banner.py-5 > div , section:nth-child(25) > div{
padding: unset;
max-width: unset;
}
section:nth-child(7) > div > a > img{
border-radius: unset;
}


/**/
section.al-categories.my-10 > div > salla-slider > div{
gap: 20px;
margin-top: 30px;
}
/**/

/**/
footer > div.store-footer__inner.text-footercolor.\!bg-transparent.\!pt-8 , #app > div.app-inner.flex.flex-col.min-h-full > footer{
background-image: linear-gradient(to right, #DDAC42, #2F390B) !important;
color: #FFF !important;
}
div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p{
color: #FFF !important;
}
div.col-span-2.rtl\:lg\:pl-11.ltr\:lg\:pr-11.border-b.md\:border-b-0.md\:border-l.border-solid.border-\[\#0000001a\].pb-4.md\:pb-0 > div:nth-child(3) > salla-social > li > a{
background-color: #DDAC42;
color: #FFF;
border: unset;
}
#contact-slot > a > span.s-contacts-icon > svg > path{
color: #DDAC42;
}
div.container.flex.flex-wrap.flex-col.sm\:flex-row.sm\:items-center.gap-7.pb-5.md\:pb-12.border-b.border-solid.border-\[\#0000001a\] > div > a{
backdrop-filter: unset;
border-color: #FFF;
}
#mc-embedded-subscribe-form > button > i , div.container.flex.flex-wrap.flex-col.sm\:flex-row.sm\:items-center.gap-7.pb-5.md\:pb-12.border-b.border-solid.border-\[\#0000001a\] > div > a > i{
background-color: #FFF;
color: #DDAC42;
border: unset;
}
/**/


#app > div.app-inner.flex.flex-col.min-h-full > div.container.px-2\.5.ms\:px-5.mb-10 > div{
flex-direction: column;
}