.second-level-hero-container { min-height: 572px; padding: 72px 0; color: var(--views-white); background: linear-gradient(180deg, #0C381F 0%, #0F2013 100%); }
.slh-content-box { font-size: 20px; color: var(--views-surface-green); display: flex; flex-flow: column; gap: 24px; font-family: var(--views-font-primary-500);}
.slh-inside-wrap { margin-bottom: 24px; }
.slh-icon { width: 52px; height: 52px; margin-right: 24px; }
.slh-icon img { width: 100%; height: 100%; object-fit: contain; }
.slh-content-box h1 { font-size: 68px; line-height: 80px; color: var(--views-white); margin-bottom: 0; }
.second-level-hero-container .hero-line .line-inner { display: flex; align-items: center; }
.second-level-hero-media { width: 100%; height: 100%; position: absolute; inset: 0; overflow: hidden; z-index: 1; }
.slh-media-inside { width: 100%; height: 100%; position: relative; border-radius: 0; background-color: var(--views-green); transform-origin: bottom center; }
.second-level-hero-container + #main { margin-top: -32px; }
.second-level-hero-container .scroll-indicator { bottom: 30px; }
/* ====================================================== 
! Extra large devices (large desktops, less than 1600px)
====================================================== */
@media (max-width:1599.98px) {
 }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 .slh-content-box h1 { font-size: 58px; line-height: 68px; }
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 .second-level-hero-container { min-height: 445px; padding: 64px 0; }
.slh-content-box { font-size: 16px; }
.slh-inside-wrap { margin-bottom: 20px; }
.slh-icon { margin-right: 20px; }
.slh-content-box h1 { font-size: 40px; }
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 .slh-content-box { gap: 8px; }
.slh-content-box h1 { font-size: 38px; line-height: 48px; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 }
