.page_banner {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
min-height: 26vw;
height: auto;
justify-content: flex-end;
}
.page_banner * {
position: relative;
z-index: 2;
}
.page_banner::after {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.page_banner .banner_title {
max-width: 700px;
width: 100%;
}.fc_small_banner {
position: relative;
}
.fc_small_banner * {
position: relative;
z-index: 2;
}
.fc_small_banner .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}.fc_split_menu_content {
display: flex;
gap: clamp(30px, 6vw, 100px);
align-items: flex-start;
}
.fc_split_menu_content .menu_container {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 385px;
width: 100%;
}
.fc_split_menu_content .menu_container > a {
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.5px;
color: #1A1A1A;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 16px;
transition: all .3s ease-in-out;
display: flex;
align-items: center;
}
.fc_split_menu_content .menu_container > a:hover, .fc_split_menu_content .menu_container > a.active {
font-weight: 700;
text-decoration: none;
transition: all .3s ease-in-out;
}
.fc_split_menu_content .menu_container > a.home::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' fill='none'%3E%3Cpath fill='%231C1B1F' d='M0 14V4.5L6 0l6 4.5V14H7.5V8.5h-3V14H0Z'/%3E%3C/svg%3E");
margin-right: 16px;
}
@media (max-width: 1024px) {
.fc_split_menu_content .menu_container {
min-width: 100%;
}
.fc_split_menu_content {
flex-direction: column;
}
.fc_split_menu_content > div {
width: 100%;
}
.fc_split_menu_content .content_container > div {
padding-left: 0 !important;
padding-right: 0 !important;
}
}