.behrang-chalos-hero{--chalos-hero-logo-width:96px;--chalos-hero-content-gap:24px;--chalos-hero-content-width:1200px;--chalos-hero-title-color:#fff;--chalos-hero-background-color:#013c5f;--chalos-hero-bottom-fade-color:#013c5f;--chalos-hero-bottom-fade-height:160px;--chalos-hero-overlay-color:transparent;position:relative;isolation:isolate;display:grid;grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;width:100%;min-width:0;min-height:100vh;min-height:100dvh;overflow:clip;background:var(--chalos-hero-background-color);color:var(--chalos-hero-title-color)}.behrang-chalos-hero,.behrang-chalos-hero *{box-sizing:border-box}.behrang-chalos-hero{--chalos-hero-header-shadow-color:#00121e;--chalos-hero-header-shadow-opacity:.35;--chalos-hero-header-shadow-height:240px}.behrang-chalos-hero-background{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;pointer-events:none}.behrang-chalos-hero-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.behrang-chalos-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--chalos-hero-overlay-color);pointer-events:none}.behrang-chalos-hero::after{content:'';position:absolute;inset-inline:0;top:0;z-index:-1;height:min(100%,var(--chalos-hero-header-shadow-height));background:linear-gradient(180deg,var(--chalos-hero-header-shadow-color),transparent);opacity:var(--chalos-hero-header-shadow-opacity);pointer-events:none}.behrang-chalos-hero-bottom-fade{position:absolute;inset-inline:0;bottom:0;z-index:-1;height:min(100%,var(--chalos-hero-bottom-fade-height));background:linear-gradient(0deg,var(--chalos-hero-bottom-fade-color) 0,transparent 100%);pointer-events:none}.behrang-chalos-hero-content{grid-column:2;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--chalos-hero-content-gap);width:min(100%,var(--chalos-hero-content-width),1200px);max-width:1200px;min-width:0;text-align:center}.behrang-chalos-hero-logo{display:block;width:var(--chalos-hero-logo-width);max-width:100%;height:auto;object-fit:contain}.behrang-chalos-hero .behrang-chalos-hero-title{margin:0;color:var(--chalos-hero-title-color);font-family:inherit;font-size:48px;font-weight:600;line-height:1.4;white-space:normal;overflow-wrap:anywhere;max-width:100%}@media(max-width:767px){.behrang-chalos-hero{--chalos-hero-content-gap:16px;--chalos-hero-content-width:358px;--chalos-hero-header-shadow-height:220px;margin-block-end:-2px}.behrang-chalos-hero .behrang-chalos-hero-title{font-size:48px;line-height:1.6;white-space:pre-line}}