/* Add custom CSS styles below */ 
.H_fixed_banner_0 h2{
    max-width:600px;}
/*transparent to img*/
.s-block--fixed-banner .banner--fixed img,
.s-block--banners .grid .banner-entry {
    background-color: transparent !important;
}

/*element list */
.s-block--banners>.grid a.banner-entry {
    grid-row: span 1 / span 2;
}

@media(min-width:768px) {
    .s-block--banners>.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 1200px;
        margin: auto;
    }
    .s-block--banners>.grid a.banner-entry {
        height: 500px;
    }
}

@media(max-width:768px) {
    .s-block--banners>.grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .s-block--banners>.grid a.banner-entry {
        height: 350px;
    }
    .H_fixed_banner_0 h2{
        max-width:170px;
        font-size:19px;
    }
}



@media (max-width: 767px) {
  h2.text-3xl.md\:text-5xl.lg\:text-6xl.font-bold {
    transform: translateX(-40px);
    max-width: 70%;
  }
}



a.wa-s-n {
  bottom: 70px !important;
}










@media (min-width: 768px) and (max-width: 1024px) {
  h2.text-3xl.md\:text-5xl.lg\:text-6xl.font-bold {
    max-width: 55%;
    transform: translateX(-30px);
  }
}