/* Add custom CSS styles below */ 

/* Main Banner */
@media(min-width:768px){
.main-banner-component .md\:max-w-2xl {
    max-width: 50rem;
}
}
@media (min-width: 1332px) {
.main-banner-component .container {
    max-width: 1800px;
}
}
@media(max-width:767px){
  .main-banner-component .max-w-\[223px\] {
    max-width: 330px;
}
.main-banner-component .main-banner-swiper,
.main-banner-component .content {
    height: 650px;
}
section.main-banner-component:not(:nth-child(2 of .main-banner-component)) .content {
    align-items: flex-start;
    justify-content: center;
    padding: 2rem 0 0 0 !important;
}
}
@media (max-width: 480px) {
.main-banner-component .main-banner-swiper,
.main-banner-component .content {
    height: 480px;
}
}