.fc_banner {
padding-block: var(--gap-xl);
background: center / cover no-repeat;
display: flex;
gap: var(--gap-l);
justify-content: space-between;
align-items: center;
position: relative;
isolation: isolate;
box-sizing: border-box;
}
.fc_banner.small_banner {
min-height: 40vw;
}
.fc_banner.default_banner {
justify-content: center;
}
.fc_banner:after {
content: '';
position: absolute;
background: #000;
opacity: 0.4;
inset: 0;
z-index: -1;
}
.fc_banner.larger_banner.default_banner {
min-height: calc(100vh - 79px);
}
.fc_banner.larger_banner:after {
opacity: 0.6;
}
@media (max-width: 1000px) {
.fc_banner.two_column_banner {
flex-direction: column;
}
.fc_banner.two_column_banner .left_content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
}