/* Add custom CSS styles below */ 
.mamoul .banner-2.animated {
  max-width: 100%;
  width: 100% !important;
  flex: 0 0 100%;
}
.mamoul .banner-3.animated {
 display: none;
}
.special-categories .group-banner .banner-wrapper-infor{
top: unset;
  text-align: right;
  bottom: 34px; 
}
.mamoul .group-banner .banner-button {
  text-decoration: white;
  background: rgba(0,0,0,0) !important;
  color: white;
  font-size: 24px !important;
  font-weight: bold !important;
  position: relative;
}
.banner-button {
  font-size: 24px !important;
  font-weight: bold !important;
}
.mamoul .group-banner .banner-button::before {
  content: "";
  position: absolute;
  right: 19%;
top: 97%;
  width: 60%;
  height: 2px; /* underline thickness */
  background-color: #fff;
}
@media (max-width: 600px) {

  .mamoul .group-banner .banner-button{
    padding-right: 6px;
  }
  .mamoul .group-banner .banner-button::before{
    right: 0px;
  }
  .special-categories .group-banner .banner-wrapper-infor{
bottom: 0px;  
}

}
.special-categories .single-banner .banner-button::before{
  bottom: -8px;
}
.mamoul-aboutus h2 {
  color: #796545;
}
.mamoul-aboutus p {
  color: #000;
}
.mamoul-aboutus a {
  background: #796545 !important;
  color: white !important;
}
.enhanced-title-border {
  border: 2px solid #886135;
}
.enhanced-title-border::before , .enhanced-title-border::after{
  background: rgb(136, 97, 53);
}
.mamoul-most-selling h2::after {
  content: " ✨";
}

.mamoul-most-selling .home-block-title h2{
  font-size: 2rem;
}
.custom-grid {
  margin-block-start: 0;
}
.custom-grid > div {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
.custom-grid article p {
    text-underline-offset: 10px;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
}

/* Right big banner */
.custom-grid article:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / 3;
}
/* Left top */
.custom-grid article:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}

/* Left bottom */
.custom-grid article:nth-child(2) {
  grid-column: 2;
  grid-row: 2;
}
@media (max-width: 1024px) {
  .custom-grid > div {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }

  .custom-grid article {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}