.hero-generic-container.heroGeneric01{margin:0 24px;padding:0 64px;border-radius:10px;justify-content:space-between}
.heroGeneric01 .hero-generic-content{padding:80px 0}
.heroGeneric01 .hero-generic-image{padding:40px 0}
.generic-01-img{width:600px;height:380px;object-fit:cover;border-radius:10px}
@media only screen and (max-width:767px){.hero-generic-container.heroGeneric01{flex-direction:column-reverse;margin:0 16px;padding:0 16px;height:600px}
.heroGeneric01 .hero-generic-content{padding:0;width:100%}
.heroGeneric01 .hero-generic-image{padding:16px 0}
.generic-01-img{width:100%;height:auto}
}
@media only screen and (min-width:768px) and (max-width:1279px){.hero-generic-container.heroGeneric01{padding:0 24px;gap:16px}
.heroGeneric01 .hero-generic-content{padding:16px 0;width:55%}
.heroGeneric01 .hero-generic-image{width:45%;padding:20px 0}
.generic-01-img{width:100%;height:309px}
}
.hero-generic-container.heroGeneric02{margin:0 24px}
.heroGeneric02 .hero-generic-content{top:50%;transform:translateY(-50%);padding-left:64px;padding-right:32px;position:absolute}
.heroGeneric02 .hero-generic-image{width:100%}
.generic-02-img{height:460px;width:100%;border-radius:10px;object-fit:cover}
@media only screen and (max-width:767px){.hero-generic-container.heroGeneric02{margin:0 16px}
.heroGeneric02 .hero-generic-content{padding:16px 16px 0;width:100%;top:initial;bottom:0;transform:none}
.generic-02-img{height:600px}
}
@media only screen and (min-width:768px) and (max-width:1279px){.heroGeneric02 .hero-generic-content{padding-left:24px}
.generic-02-img{height:349px}
}