.hero[data-astro-cid-bnv2xvsz]{position:relative;background-color:#211551;color:#fff;overflow:hidden}.hero-grid[data-astro-cid-bnv2xvsz]{position:absolute;right:0;transform:translateY(20%);width:60%;height:auto;&:before{display:block;width:100%;transform:translate(35%);padding-bottom:percentage(1564 / 2620);background-image:url(/_astro/hero-grid.Cg15MP7-.svg);background-repeat:no-repeat;background-size:contain;content:""}@media (max-width: 768px){bottom:10%;width:100%}}.hero-grid--gradient[data-astro-cid-bnv2xvsz]{position:absolute;top:0;right:0;height:100%;width:100%;background:linear-gradient(150deg,rgba(#19103d,0) 76%,rgba(#19103d,1) 76%);&:before{display:block;width:100%;height:100%;transform:translate(45%);background-size:99%;background-position:right 100px bottom -210px;background-image:url(/_astro/hero-grid.Cg15MP7-.svg);background-repeat:no-repeat;opacity:.6;content:""}.hero-error &{background:linear-gradient(150deg,rgba($purple,0) 76%,rgba($purple,1) 76%)}@include breakpoint(large down){background: linear-gradient(150deg,rgba(#19103d,0) 80%,rgba(#19103d,1) 80%); .hero-error & {background: linear-gradient(150deg,rgba($purple,0) 80%,rgba($purple,1) 80%);} &::before {transform: translate(35%,0%); background-size: 1308px; background-position: left 0 bottom -100px;}}@include breakpoint(medium down){background: linear-gradient(150deg,rgba(#19103d,0) 80%,rgba(#19103d,1) 80%); .hero-error & {background: linear-gradient(150deg,rgba($purple,0) 80%,rgba($purple,1) 80%);} &::before {transform: translate(25%,0%); background-size: 150%; background-position: left 0 bottom -100px;}}@include breakpoint(small down){&::before {background-size: 150%;}}}.hero__main[data-astro-cid-bnv2xvsz]{position:relative;.container{min-height:615px;display:flex;justify-content:space-between;align-items:center}h2{@include body-small;text-transform:uppercase;color:#00b5e2;margin-bottom:15px}h1{@include heading-large;padding-bottom:30px;&.split{font-weight:400}strong{font-weight:800}}p{@include body-large;width:60%}a,.button--header{margin-top:40px}@include breakpoint(medium down){.container {flex-wrap: wrap; min-height: unset; padding-top: 50px;}}}.hero-grid--content-center[data-astro-cid-bnv2xvsz]{position:absolute;top:0;right:0;height:100%;width:100%;background:linear-gradient(150deg,rgba(#19103d,0) 76%,rgba(#19103d,1) 76%);&:after{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-29deg,#19103d00 76%,#19103d 76%);content:""}&:before{display:block;width:100%;transform:translate(45%);height:100%;background-image:url(/_astro/grid-form.CgcYCGDX.svg);background-position:left 0 center;background-repeat:no-repeat;background-size:110%;opacity:.6;content:""}@include breakpoint(small down){background: linear-gradient(150deg,rgba(#19103d,0) 80%,rgba(#19103d,1) 80%); &::before {background-size: 150%;} &::after {background: linear-gradient(-29deg,rgba(25,16,61,0) 80%,#19103d 80%);}}}.hero__content--center[data-astro-cid-bnv2xvsz]{position:relative;text-align:center;padding-top:80px;padding-bottom:35px;h2{@include body-small;text-transform:uppercase;color:#00b5e2}h1{padding-top:25px;@include heading-large;font-weight:700}p{padding-top:10px;@include body-large;}@include breakpoint(small down){padding-top: 50px;}}.hero__footer[data-astro-cid-bnv2xvsz]{position:relative;border-top:1px solid #5c5281;padding-top:17px;padding-bottom:17px;.hero__footer__inner{display:flex;align-items:center}p{@include body-small;text-transform:uppercase;margin-left:20px}i{width:25px}}.hero-button[data-astro-cid-bnv2xvsz]{padding-top:25px;width:-moz-fit-content;width:fit-content;margin:0 auto}.hero__icons[data-astro-cid-bnv2xvsz]{position:absolute;top:50%;right:15%;width:55%;height:100%;transform:translateY(-50%);display:flex;align-items:flex-end;justify-content:center;max-width:900px;.animation,.icon{margin-bottom:30px}@include breakpoint(2000px down){right: 12px;}@include breakpoint(medium down){position: static; transform: unset; width: 100%; padding-right: 15px; padding-left: 15px; max-width: unset; .animation,.icon {width: 75%; margin-left: auto;} .hero-about {margin-bottom: 20px;} .hero-technology {margin-bottom: 50px;} .hero-server {margin-bottom: 50px;}}}// Error .hero-error{background-color:#19103d;.hero__subheading--error{color:#ff1759}.hero__content--error{@include heading-small;width:100%;line-height:50px}}// Illustrations .hero-server{width:780px;@include breakpoint(medium down){width: 400px;}@include breakpoint(small down){width: 300px;}}