.banner {
overflow: hidden;
}
.banner__inner {
display: flex;
flex-direction: column;
min-height: 300px;
}
@media (min-width: 768px) {
.banner__inner {
flex-direction: row;
}
}
.banner__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 32px;
width: 100%;
}
@media (min-width: 768px) {
.banner__content {
width: 50%;
}
}
@media (min-width: 1024px) {
.banner__content {
padding: 48px;
padding-right: 100px !important;
}
}
.banner__title {
font-size: clamp(1.4rem, 2.5vw, 2rem);
font-weight: 400;
line-height: 1.25;
color: #1a1a2e;
margin-bottom: 16px;
font-family: Museo, sans-serif;
}
.banner__text {
font-size: 1.1rem;
line-height: 1.6;
color: #444;
margin-bottom: 24px;
}
.banner__text p {
margin: 0;
}
.banner__link {
display: inline-flex;
align-items: center;
font-size: 1.1rem;
color: #1a1a2e !important;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
text-decoration: none;
width: fit-content;
gap: 6px;
transition: color 0.2s, border-color 0.2s;
}
.banner__content  .banner__link:hover {
color: #e24c40 !important;
}
.banner__link-arrow {
color: #000000;
}
.banner__images {
display: flex;
flex-direction: row;
width: 100%;
min-height: 220px;
max-height: 280px;
overflow: hidden;
gap: 10px;
}
@media (min-width: 768px) {
.banner__images {
width: 50%;
min-height: unset;
max-height: 280px;
gap: 10px;
}
.banner__content {
padding: 15px;
padding-right: 15px !important;
}
}
.banner__image-wrap {
flex: 1;
overflow: hidden;
}
.banner__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}