:root{--background:#ffffff;--foreground:#000000;--primary-color:#C40C0C;--light-primary-color:color-mix(in srgb,var(--primary-color) 30%,var(--foreground) 70%)}.dark{--background:#000000;--foreground:#ffffff}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:6px;background-color:transparent!important}::-webkit-scrollbar-thumb{border-radius:10px!important;width:6px!important;border:1px solid var(--light-primary-color)!important;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#D62929}.text-theme{color:var(--primary-color)!important}.hero-image-mask{-webkit-mask-image:radial-gradient(circle at center,black 60%,transparent 100%);mask-image:radial-gradient(circle at center,black 60%,transparent 100%);filter:blur(0)}.banner-section{--banner-radius:2rem;margin-top:2rem;position:relative;max-height:85dvh!important;width:100%;aspect-ratio:16/6;.rounded-b-4xl{border-radius:0 0 var(--banner-radius) var(--banner-radius)!important}.banner-content{display:flex;flex-direction:column;gap:.8rem;position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);max-width:80%;text-align:center;.banner-title{text-align:start;font-size:clamp(2rem,3vw,3.5rem);text-transform:uppercase;font-weight:600}.banner-subtitle{text-align:start;font-size:clamp(1rem,2vw,3rem);text-wrap:balance;max-width:80%}.banner-description{text-align:start;font-size:clamp(.8rem,1vw,1.5rem);text-wrap:balance;font-weight:300!important;opacity:.8}&.content-bottom{top:auto;bottom:2rem;transform:translate(0)!important}&.content-left{left:2rem;transform:translateY(-50%)}&.content-right{right:2rem;transform:translateY(-50%)}}.overlay-bg{z-index:3;background-image:linear-gradient(rgba(0,0,0,0),#000);width:100%;height:100%;overflow:clip!important}}@media only screen and (max-width:765.5px){.banner-section{--banner-radius:0rem!important;min-height:350px;.banner-img{object-position:left!important}.banner-content{width:100%!important;max-width:90%!important;transform:translate(50%)!important;text-align:center!important;left:10%!important;.banner-title{font-size:clamp(1.5rem,3vw,3.5rem)}}}}