html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

html{height: 100%;width: 100%; font-size:62.5%;scroll-behavior: smooth;}
body{font-family: 'Work Sans', sans-serif;, sans-serif;color:#000;font-size: 16px;margin: 0px;position: relative; font-weight:300;cursor: default;display: flex;flex-direction: column;background-color: var(--background-color);min-height: 100vh;}
img{width: 100%;}
h1{font-family: 'Work Sans', sans-serif;, sans-serif;color:var(--text-color);font-size: 60px;font-weight:700;letter-spacing: 0.05rem;}
@media only screen and (max-width: 560px){h1{font-size: 48px;}}
a{text-decoration: none;}
li{display: flex; flex-direction: column;}
b{font-weight:500;}
svg {display: block;height: auto;}
button{border: none;background: transparent;padding: 0;}
p{color: var(--text-color);font-size: 24px;text-align: justify;line-height: 1.25;}
@media only screen and (max-width: 560px){p{font-size: 18px;}}

/* width */
::-webkit-scrollbar {width: 8px;}
/* Track */
::-webkit-scrollbar-track {background: var(--menu-color);}
/* Handle */
::-webkit-scrollbar-thumb {background: #888;border-radius: 4px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}

::-moz-selection { /* Code for Firefox */
  color: #000;
  background: #fff;
}

::selection {
  color: #000;
  background: #fff;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  --menu-color: #050505;
  --background-color: #050505;
  --text-color: #fff;
}


header{display:flex;flex-direction: row;background-color: var(--menu-color);position:fixed;top:0;z-index: 2;height:6rem;max-width: 100vw;padding-left:3.2rem;padding-right:3.2rem;justify-content:space-between;width: 100%;
  width: -moz-available;          /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  width: fill-available;}
  @media only screen and (max-width: 560px){header{height:6rem;padding-left:1.6rem;padding-right:1.6rem;}}
.logo_nevroc{display:flex;width:148px;vertical-align:middle;border-style:none;align-items: center;padding-right:1.2rem;fill: #fff;padding-top: 2px;}
@media only screen and (max-width: 560px){.logo_nevroc{width:128px;}}
.menu{display: flex;margin-left: auto !important;padding-top: 2rem;padding-bottom:2rem;}
@media only screen and (max-width: 960px){.menu{display: none!important;}}
.menu_container{display: flex;flex-grow: 1;padding-left:1.2rem;flex-direction: row;}
.menu_item{text-decoration: none;position: relative;white-space: nowrap;display: flex;align-items: center;font-weight: 500;padding: 0 1.2rem;margin: 0 0.4rem;}
@media only screen and (max-width: 960px){.menu_item{padding: 0 0.8rem;margin: 0 0.4rem;}}
@media only screen and (max-width: 560px){.menu_item{padding: 0 0.6rem;margin: 0 0.2rem;}}
.menu-button{display: none;position:sticky;cursor: pointer;margin-left: auto !important;}
@media only screen and (max-width: 960px){.menu-button{display: flex;}}
.exit-button{display: none;position:sticky;cursor: pointer;margin-left: auto !important;}
@media only screen and (max-width: 960px){.exit-button{display: flex;}}

.mobile_menu{display: none;flex-direction: row;background-color:var(--menu-color);width: 100%;max-width: 100vw;height:6rem;position:fixed;top:0;z-index:5;justify-content:space-between;padding-left:3.2rem;padding-right:3.2rem;}
@media only screen and (min-width: 960px){.mobile_menu{display: none!important;}}
@media only screen and (max-width: 960px){.mobile_menu{display: none;}}
@media only screen and (max-width: 560px){.mobile_menu{height:6rem;padding-left:1.6rem;padding-right:1.6rem;}}
.small_menu{display: flex;position:fixed;top:6.0rem;left:0;height: 100%;width: 100%;background: var(--background-color);overflow-y: auto;flex-direction: column;z-index: 4;padding:4.8rem 2.4rem;}


.main{display: flex;min-height: 86vh;width: 100%;max-width: 100vw;margin-top: 6rem;flex-grow: 1;flex-direction: column;justify-content: center;background-color: var(--background-color);padding-left:3.2rem;padding-right:3.2rem}
@media only screen and (max-width: 560px){.main{margin-top:6rem;padding-left:1.6rem;padding-right:1.6rem;}}
section{display: flex;flex-direction: row;width: 100%;padding: 4.8rem;max-width: 1920px;align-self: center;}
@media only screen and (max-width: 960px){section{padding: 3.2rem 0rem;}}
@media only screen and (max-width: 560px){section{padding: 2.4rem 0rem;}}
.opening_section{display: flex;position: relative;width: 100%;}
.opening_text{position: absolute;top:5%;left: 10%;z-index: 1;font-size: clamp(3rem, 5vw, 6rem);}
@media only screen and (max-width: 960px){.opening_text{left: 5%;}}
@media only screen and (max-width: 560px){.opening_text{top:0%;left: 0%;}}
.opening_img{width: clamp(300px, 60%, 900px);margin:auto;transform: translateX(20%);}
@media only screen and (max-width: 960px){.opening_img{transform: translateX(15%);}}
@media only screen and (max-width: 560px){.opening_img{transform: translateX(10%);}}

.column{display: flex;flex-direction: column;}
.col40{display: flex;width: 40%;margin: auto;}
@media only screen and (max-width: 960px){.col40{width: 100%;}}
.col60{display: flex;width: 60%;}
.row{display: flex;flex-direction: row;flex-wrap: wrap;}


.fade-in {opacity: 0;transition: opacity 750ms ease-in;  -webkit-transition: opacity 750ms ease-in;  -moz-transition: opacity 750ms ease-in;}
.fade-in.appear {opacity: 1;}
.icon{display: block;height: 100%;width: 24px;cursor: pointer;fill: var(--text-color)}
.text{color: var(--text-color);font-size: 16px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.5;border: none; outline: none;display: inline-flex;}
.text-12{color: var(--text-color);font-size: 12px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.5;border: none; outline: none;font-weight:300;}
.CTA{display: flex;flex-direction: row;font-weight:300;color: inherit;font-size: 20px;margin: 0;line-height: 1.25;align-self: flex-end;padding: 0.6rem 0rem;}
@media only screen and (max-width: 560px){.CTA{font-size: 16px;}}

section button{display: block;
    vertical-align: middle;
    cursor: pointer;
    background-color: var(--background-color);
    color: var(--text-color);
    border-radius: 9999px;
    text-align: center;
    padding: 1.2rem 4.8rem;
    outline: none;
    border: 2px solid var(--text-color);
    align-self: flex-end;
    margin-top: 2.4rem;}
section button:hover{background-color: var(--text-color);color: var(--background-color);}

footer{display: flex;background-color:var(--background-color);width: 100%;max-width: 100vw;padding-top: 4.8rem;flex-direction: column;padding-left:3.2rem;padding-right:3.2rem;}
@media only screen and (max-width: 960px){footer{padding-top: 3.2rem;}}
@media only screen and (max-width: 560px){footer{padding-left:1.6rem;padding-right:1.6rem;}}
.section-footer{display: flex;width: 100%;justify-content: center;padding: 0rem;}
.section-footer-top {display: flex;width: 100%;padding: 4.8rem 0rem;flex-direction: row;flex-wrap: wrap;border-top: 1.5px solid var(--text-color);justify-content: space-between;max-width: 1920px;width: 100%;}
@media only screen and (max-width: 560px){.section-footer-top{padding: 3.2rem 0rem;}}
.section-footer-top a{margin: -0.6rem -0rem;}
@media only screen and (max-width: 960px){.section-footer-top a{margin: -0.4rem -0rem;}}
@media only screen and (max-width: 560px){.section-footer-top a{margin: -0.2rem -0rem;}}
.section-footer-bottom{display: flex;width: 100%;padding: 2.4rem 0rem;flex-direction: row;justify-content: space-between;flex-wrap: wrap-reverse;max-width: 1920px;width: 100%;}
@media only screen and (max-width: 560px){.section-footer-bottom{padding: 0rem}}
.text48{color: var(--text-color);font-size: 48px;margin: 0;font-weight:700;letter-spacing: 0.2rem;}
@media only screen and (max-width: 960px){.text48{font-size: 36px;}}
@media only screen and (max-width: 560px){.text48{font-size: 30px;}}
footer .footerlogo{width:100px;margin-bottom: 0.8rem;fill: var(--text-color);margin-right: 2.4rem;}
footer .footermenu{display: flex;justify-content: flex-start;flex-wrap: nowrap;;flex-direction: column;}
@media only screen and (max-width: 560px){footer .footermenu{width:100%;}}
footer .footersmallmenu{display: flex;justify-content: flex-start;flex-wrap: wrap-reverse;flex-direction: row;}
footer .footersubmenu{display: none;flex-direction: row;align-items: flex-start;padding-bottom: 2.4rem;margin-top: -0.4rem;}
@media only screen and (max-width: 560px){footer .footersubmenu{padding-bottom:1.6rem;}}
footer .logocontainer{display:flex;vertical-align:middle;border-style:none;align-items: flex-start;flex-direction: column;}
footer .footersubmenu .subitem{text-decoration: none;position: relative;white-space: nowrap;display: flex;align-items: center;padding: 0.4rem 2.4rem;}
footer .social_icon_container{display: flex;flex-direction: row;align-items: flex-end;padding-bottom: 12px;}
@media only screen and (max-width: 560px){footer .social_icon_container{padding-bottom: 6px;}}
footer .social_icon{display: block;height: 100%;width: 24px;cursor: pointer;fill: var(--text-color);margin-left: 3.2rem;}
@media only screen and (max-width: 560px){footer .social_icon{margin-left: 0rem;padding-top: 3.2rem;}}
.copyrights{color: var(--text-color);font-size: 12px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;font-weight:300;padding-bottom: 1.2rem;padding-top: 0.4rem;}