/* Add custom CSS styles below */ 
.text-header-text-color-lm{
    background: #AC3553;
    color: white !important;
}
html body header b.s-cart-summary-total{
  color: white;
}

.w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4{
  width: 50%;
}

i.sicon-arrow-left.mr-2 {
    background: white;
    color: #ac3553;
    border-radius: 50%;
    padding: 3px;
}

h2.lg\:text-title-size.font-bold.leading-tight.delay-200.duration-slow.ease-smooth{
  font-size: 58px;
}

p.line-clamp-2.description.delay-300.duration-slow.ease-smooth{
  font-size: 35px;
      line-height: 4rem;
}

a.py-2\.5.px-6.delay-400.duration-slow.ease-smooth {
    font-size: 32px;
    line-height: 3rem;
    color: white !important;
    background: #ac3553 !important;
    border-radius: 30px;
    border: 1px solid;
}

section.s-block.s-block__lima-categories.s-block-1.max-w-full.\!mt-0 {
    margin-top: -10rem !important;
    z-index: 1;
}

.lima-cat-content.absolute.flex.flex-col.items-center.justify-center.w-full.text-center.max-w-52.gap-y-2.md\:gap-y-4.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2 {
    top: 80%;
      min-width: 100%;
}

h3.lima-cat-title{
    font-size: 40px;
    line-height: 3rem;
}

p.block.lima-cat-description {
    font-size: 22px;
    font-weight: 300;
    color: white !important;
}

a.lima-cat-btn{
   
    color: #f2f2f2;
    background-color: transparent;
    border: 1px solid;
    border-radius: 20px;
    font-size: 21px;
    padding: 13px 20px;
    background-color: transparent !important;
  }

section.s-block.s-block__lima-categories.s-block-1.max-w-full.\!mt-0 ~ .flex-center.container.pb-16.sm\:pb-0.home-slider__content.relative.h-full.z-20{
  justify-content: flex-end !important;
}

.second-banner {
    justify-content: flex-end;
}
.second-banner .w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 {
    align-items: start;
}

.second-banner h2
 {
    text-align: start !important;
    font-size: 50px !important;
    line-height: 4.5rem !important;
}

.second-banner p.line-clamp-2.description.delay-300.duration-slow.ease-smooth {
    font-size: 32px;
    line-height: 3rem;
    text-align: start;
}

.s-block--features__item .feature-icon{
  background-color: transparent;
}

.s-block--features__item {
    gap: 26px;
    background: transparent;
}

.s-block--features__item h2 {
    font-size: 37px;
    color: #ac3553;
}

.s-block--features__item p{
  font-weight: 300;
  font-size: 25px;
  color: rgba(0,0,0,0.7);
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: #ac3553;
    color: white;
    border-radius: 10px !important;
}

@media(max-width: 767px){
  a.navbar-brand img {
    width: 100px !important;
}

  .w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 {
    width: 90%;
}

  h2.lg\:text-title-size.font-bold.leading-tight.delay-200.duration-slow.ease-smooth {
    font-size: 40px;
}

  p.line-clamp-2.description.delay-300.duration-slow.ease-smooth {
    font-size: 22px;
    line-height: 3rem;
}

  section.s-block.s-block__lima-categories.s-block-1.max-w-full.\!mt-0 {
    margin-top: -5rem !important;
    z-index: 1;
}

  .s-block__lima-categories.s-block-1 .lima-categories{
    gap: 15px !important;
  }

  .lima-cat-content.absolute.flex.flex-col.items-center.justify-center.w-full.text-center.max-w-52.gap-y-2.md\:gap-y-4.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2 {
    top: 65%;
    min-width: 100%;
}

  p.block.lima-cat-description {
    font-size: 17px;
    font-weight: 300;
    color: white !important;
    line-height: 1.2rem;
}

  h3.lima-cat-title {
    font-size: 20px;
    line-height: 3rem;
}

  a.lima-cat-btn {
    border: 1px solid;
    font-size: 18px;
    padding: 10px 20px;
}

  .second-banner {
    justify-content: center;
    flex-direction: column;
}
  .second-banner .w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 {
    align-items: center;
}

  .second-banner p.line-clamp-2.description.delay-300.duration-slow.ease-smooth {
    font-size: 22px;
    line-height: 2rem;
    text-align: center;
}

  .second-banner h2 {
    text-align: center !important;
    font-size: 28px !important;
    line-height: 3rem !important;
}

  a.py-2\.5.px-6.delay-400.duration-slow.ease-smooth {
    font-size: 23px;
    line-height: 2rem;
    color: white !important;
    background: #ac3553 !important;
    border-radius: 30px;
    border: 1px solid;
}

  h2.lg\:text-title-size.font-bold.leading-tight.delay-200.duration-slow.ease-smooth {
        font-size: 30px;
    }

  .grid.grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\].md\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)\].gap-4.sm\:gap-6.xl\:gap-8 {
    display: flex;
    flex-direction: column;
    gap: 0;
}

  .grid.grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\].md\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)\].gap-4.sm\:gap-6.xl\:gap-8 {
    display: flex;
    flex-direction: column;
    gap: 0;
}
  .s-block--features__item h2 {
    font-size: 25px;
    line-height: 1.5rem;
}

  .s-block--features__item {
    gap: 10px;
    background: transparent;
}

  .s-block--features__item p {
    font-size: 20px;
}
}