/* Add custom CSS styles below */ 

:root{
  --primary-color: #4A1823;
  --secondary-color: #B78C58;
}


/*========= titles========== */
h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl{
  color: var(--primary-color);
}

/* reviw */
h2.text-center.text-store-text-primary.text-2xl.lg\:text-3xl.font-bold.leading-tight.anime-item{
   color: var(--primary-color);
}
/* ================ main banner============ */




section.advanced-slider.advanced-slider--0
.advanced-slider__caption {
    align-items: end;
    padding-bottom: 6rem;
}

/*  ===========banners==========*/

@media(max-width: 768px){
  .advanced-slider__caption__inner--left {
    justify-content: center;
}
  .advanced-slider__caption__inner__content{
    text-align: center !important;
  }
  
  .advanced-slider__caption{
    align-items: end;
    padding-bottom: 6rem;
}
  .advanced-slider__caption__inner__content__button{
    margin-top: 2rem;
}
  
}



.advanced-slider__caption__inner__content__button{
  border-radius: 5px;
  padding: 7px 55px;
}
section.advanced-slider
.advanced-slider__caption__inner__content__button 
    span{
  color: var(--secondary-color) !important;
}


.advanced-slider__caption__inner__content__text{
  font-size: 2rem;
}


/* ============half banner======== */
.space-y-4.lg\:space-y-8.absolute.top-0.left-0.w-full.h-full.flex.flex-col.items-center.justify-center.px-2\.5.py-10.lg\:p-10.z-\[1\] {
    justify-content: end;
}





/* ===========Q & a ============== */
.single-faq.w-full.rounded-lg.border.border-store-text-secondary.bg-store-bg-secondary.py-3.px-5.anime-item {
    background-color: var(--primary-color);
  
}
.single-faq.w-full.rounded-lg.border.border-store-text-secondary.bg-store-bg-secondary.py-3.px-5.anime-item  *{
    color: #fff ;
}