/* Add custom CSS styles below */ 
body:not(.index) .my-header {
    position: relative;
}
.index .banner--fixed img {
    background-color: unset;
}

.categories-sec{
  h4.text-center.break-words {
      text-wrap-mode: nowrap;
      overflow: visible;
      max-width: unset;
  }
  .flex.swiper-slide {
      align-items: center;
  }}
section.about-us{
  p.text-center.font-normal {
    font-size: 30px;
    font-weight: 900;
  }
  p.font-bold {
    font-size: 24px;
    font-weight: normal;
  }
}
@media (min-width: 640px) {
.index  .my-header .main-nav-container .container {
    background: #EAEAEA;
    border-radius: 30px;
}
   section.about-us .sm\:max-w-\[49\%\] {
        max-width: 85%;
    }
}
@media (max-width: 640px) {
 .my-header {
    position: relative;
}
  section.about-us{
  p.text-center.font-normal {
    font-size: 20px;
    font-weight: 900;
  }
  p.font-bold {
    font-size: 14px;
    font-weight: normal;
  }
}
}