.Hero{justify-content:center;padding-bottom:calc(var(--default-space)*1.8)}@media only screen and (max-width: 767px){.Hero{margin-top:5rem}}.Hero .inner{display:flex;flex-direction:column;align-items:center;gap:3rem;width:120rem;text-align:center;max-width:100%}.Hero .inner .Heading{display:flex;flex-direction:column;gap:3rem;width:65rem}.Hero .inner .Heading .subtitle{color:var(--themecolor3);font-size:1.8rem;width:-moz-fit-content;width:fit-content;margin-inline:auto}@media only screen and (max-width: 767px){.Hero .inner .Heading .subtitle{text-align:center}}.Hero .inner .Heading .h1{font-size:5rem}@media only screen and (max-width: 767px){.Hero .inner .Heading .h1{text-align:center}}.Hero .inner .Content{max-width:100rem;line-height:1.8}.Hero .inner nav.one_button{flex-direction:column}.Hero .inner .scrolldown{display:flex;flex-direction:column;gap:1rem;opacity:.3}.Hero .inner .scrolldown span.icon{display:flex;justify-content:center}.Hero:not(.home) .inner{flex-direction:row;max-width:142rem;align-items:flex-start;width:130rem}@media only screen and (max-width: 767px){.Hero:not(.home) .inner{flex-direction:column;width:100%}}.Hero:not(.home) .inner>*{width:50%}@media only screen and (max-width: 767px){.Hero:not(.home) .inner>*{width:100%}}.Hero:not(.home) .inner .left{margin-top:-3em}.Hero:not(.home) .inner .Heading{max-width:100%;text-align:left;gap:1rem}@media only screen and (max-width: 767px){.Hero:not(.home) .inner .Heading{text-align:center}}@media only screen and (min-width: 767px){.Hero:not(.home) .inner .Heading .subtitle{margin-left:0}}.Hero:not(.home) .inner .Content{text-align:left}@media only screen and (max-width: 767px){.Hero:not(.home) .inner .Content{text-align:center}}