@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:url(../fonts/Poppins/poppins-v21-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:100;src:url(../fonts/Poppins/poppins-v21-latin-100italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:200;src:url(../fonts/Poppins/poppins-v21-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:200;src:url(../fonts/Poppins/poppins-v21-latin-200italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(../fonts/Poppins/poppins-v21-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:300;src:url(../fonts/Poppins/poppins-v21-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(../fonts/Poppins/poppins-v21-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:400;src:url(../fonts/Poppins/poppins-v21-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(../fonts/Poppins/poppins-v21-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:500;src:url(../fonts/Poppins/poppins-v21-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(../fonts/Poppins/poppins-v21-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:600;src:url(../fonts/Poppins/poppins-v21-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(../fonts/Poppins/poppins-v21-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:700;src:url(../fonts/Poppins/poppins-v21-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:800;src:url(../fonts/Poppins/poppins-v21-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:800;src:url(../fonts/Poppins/poppins-v21-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:900;src:url(../fonts/Poppins/poppins-v21-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:900;src:url(../fonts/Poppins/poppins-v21-latin-900italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(../fonts/Inter/inter/inter-v13-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(../fonts/Inter/inter-v13-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(../fonts/Inter/inter-v13-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/Inter/inter-v13-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(../fonts/Inter/inter-v13-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(../fonts/Inter/inter-v13-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(../fonts/Inter/inter-v13-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(../fonts/Inter/inter-v13-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(../fonts/Inter/inter-v13-latin-900.woff2) format("woff2")}.hero-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;padding:11rem 0 0;background-repeat:no-repeat;background-size:cover,cover;background-position:center,center}.hero-logo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:500px;background-position:center left;background-repeat:no-repeat;pointer-events:none;opacity:.1;z-index:1}.hero-section .box{width:90%;max-width:var(--section-max-width);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;z-index:5}.hero-section .box .content{width:40%;max-width:600px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:5rem;gap:1rem}.hero-section .box .content :is(h1,h2,p){color:var(--text-color-white-1)}.hero-section .box .content .title-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}.hero-section .box .content .title-box .title-tag{padding:.5rem 1rem;background-color:var(--bg-white-color-1);border-radius:var(--border-radius-1);color:var(--text-color-1);font-weight:700}.hero-section .box .content .title-box h1{font-size:var(--title-size-1);font-weight:400;line-height:var(--title-line-height-2)}.hero-section .box .content .title-box h1 span{font-weight:900}.hero-section .box .content .title-box h1 span:first-of-type{color:var(--accent-color-2)}.hero-section .box .content .wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem}.hero-section .box .content .wrapper .button-wrapper{width:100%;max-width:fit-content;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem}.hero-section .box .hero-picture{width:60%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;align-self:flex-end}.hero-section .box .hero-picture img{width:100%;object-fit:contain;object-position:bottom;max-width:fit-content}@media screen and (max-width: 1000px){.hero-section{padding:11rem 0 0}.hero-section .box{flex-direction:column;gap:1rem}.hero-section .box :is(.content,.hero-picture){width:100%;height:fit-content}.hero-section .box .hero-picture{align-items:top;justify-content:top}.hero-section .box .hero-picture img{align-self:center;max-height:fit-content}}
