.VisibilityObserver{block-size:10px;inline-size:100%;position:absolute;top:60px;left:0}
.AnimatedVisibilityObserver{block-size:auto;inline-size:100%;position:relative}.AnimatedVisibilityObserver .AnimatedContainer{visibility:visible;opacity:1;block-size:100%;inline-size:100%;animation-name:none;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.AnimatedVisibilityObserver .AnimatedContainer.hidden{visibility:hidden}.AnimatedContainer.pending{opacity:1;animation-name:none}.AnimatedVisibilityObserver .AnimatedContainer.init{animation-name:var(--animation-init-name)}.AnimatedVisibilityObserver .AnimatedContainer.end{animation-name:var(--animation-end-name)}.AnimatedVisibilityObserver .animated-observer{block-size:1px;position:absolute;top:auto;bottom:40px}
.TitleContainer{inline-size:320px;margin-block-end:20px}.TitleContainer h3{color:var(--primary-color-dark);margin-block-end:4px;font-family:Times New Roman,Times,serif;font-size:30px}.TitleContainer h4{color:#4b5051;text-transform:uppercase;font-family:DIN;font-size:16px;font-weight:500}
@media (1024px<=width<=1920px){.TitleContainer{text-align:center;inline-size:640px;margin-block-end:20px}.TitleContainer h3{color:var(--primary-color-dark);margin-block-end:4px;font-family:Times New Roman,Times,serif;font-size:44px}.TitleContainer h4{color:#4b5051;text-transform:uppercase;font-family:DIN;font-size:20px;font-weight:500}}