/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
:root {
    --main-color: hsla(216, 76%, 14%, 1);
    --btn-primary:  linear-gradient(180deg, #FFA300 0%, #FF7A00 100%);
    --btn-secondary:  linear-gradient(180deg, hsla(195, 71%, 70%, 1) 0%, hsla(195, 71%, 50%, 1) 100%);
    --btn-terciary:  linear-gradient(180deg, #00275E 0%, #081E3E 100%);
    --page-width:1400px;
    --page-width-breakpoint: 90%;
}

*, *::before, *::after {
    box-sizing: border-box;
}
* {
    margin: 0;
}
html, body {
    position:relative;
    height: 100%;
    font-family: 'Montserrat', Sans-Serif;
    font-size:16px;
}
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;

}
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}
input, button, textarea, select {
    font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}
#root, #__next {
    isolation: isolate;
}

a, a:visited {text-decoration:none;color:inherit;}

.background {
    position: absolute;
    inset:0;
    width:100%;height:100%;
    background: rgba(8, 30, 62, .7);
    background: -moz-linear-gradient(180deg,rgba(8, 30, 62, .5) 0, rgba(8, 30, 62, 1) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(180deg,rgba(8, 30, 62, .5) 0, rgba(8, 30, 62, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(180deg,rgba(8, 30, 62, .5) 0, rgba(8, 30, 62, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(180deg,rgba(8, 30, 62, .5) 0, rgba(8, 30, 62, 1) 100%); /* IE10+ */
    background: linear-gradient(180deg,rgba(8, 30, 62, .5) 0, rgba(8, 30, 62, 1) 100%); /* W3C */
    z-index:0;
}

header {position:relative;color: white;height:100%;overflow:hidden;}
header .text-wrapper {
    position: absolute;
    width:70%;
    top:50%;left:50%;
    transform:translate(-50%, -40%);
    text-align: center;
    display:grid;
    grid-template-rows:repeat(3, max-content);
    gap:60px;
}

header .text-wrapper h1{
    font-size:60px;
    font-weight:800;
    line-height:1.1;
}

header .text-wrapper h1.investors-title{
    font-size:60px;
    font-weight:800;
    line-height:1.1;
    text-shadow: 0px 24px 24px rgba(0, 0, 0, 0.45);
}

header .text-wrapper p{
    font-size:18px;
    font-weight:500;
    line-height:1.667;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

header .hero {
    position:absolute;
    inset:0;
    width:auto;
    height:auto;
    min-width:100%;
    min-height:100%;
    z-index:-1;
    object-fit:cover;
}

/*custom scroll btn https://codepen.io/TKS31/pen/gOaKaxx */
.mouse-scroll-icon {
    position: absolute;
    z-index: 5;
    width: 30px;
    height: 60px;
    border: 2px solid white;
    border-radius: 60px;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -10%);
    opacity: 0;
    transition: all .5s;
    transition-delay: .8s;
}

.mouse-scroll-icon::before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border-radius: 50%;
    opacity: 1;
    animation: wheel 2s infinite;
}

@keyframes wheel {
    to {
        opacity: 0;
        top: 40px;
    }
}

.mouse-scroll-icon[data-scroll="in"] {
    transform: translate(-50%, 0);
    opacity: 1;
}

.menu {
    position: relative;
    padding:50px 20px;
    color:white;
    max-width:var(--page-width);
    margin:auto;
    font-size:18px;
    font-weight:800;
    z-index:10;
}
.menu, .menu > ul {
    display:flex;
    justify-content:space-between;
    align-items: center;
}
.menu ul {
    list-style:none;
    padding:0;
}
.menu > ul li a{
    padding:10px 20px;
}
.menu .logo {
    width:200px;
    height: auto;
}
.menu .menu-icons {
    display:none;
    font-size:30px;
    width:30px;
    height:30px;
    position:relative;
}
.menu .menu-icons i{
    cursor:pointer;
}
.menuicons-back{
    position:fixed;
    top:0;left:0;
    width:100vw;height:100vh;
    background-color:rgba(0,0,0,.3);
    z-index:6;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter:blur(5px);
    display:none;
}
.menuicons-back.open {
    display:block;
}
.menu .menu-icons > .aside-menu {
    background:white;
    color:#233754;
    position:absolute;
    padding:25px 25px 100px 25px;
    font-size:20px;
    font-weight:600;
    width: 300px;
    top:calc(100% + 50px);right:-80px;
    transform: translateX(100%);
    transition: all .5s cubic-bezier(.075,.82,.165,1);
}
.menu .menu-icons > .aside-menu ul li a {
    padding:5px 0;
}

/*investors menu*/

.menu.small > a {
    display: flex;
    align-items: center;
    gap: 20px;
}

.menu.small {
    font-size: 14px;
}

.menu.small .logo {
    height: 34px;
    width: auto;
}

.menu.small .logo-text {
    font-size: 23px;
    font-weight: 300;
    line-height: 41px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 20px;
    border-left: 1px solid white;
}

/*investors menu end*/

.buttons-wrapper {
    display:flex;
    gap:30px;
    justify-content:center;
    align-items:center;
}
.button {
    width:278px;
    height: 68px;
    display:inline-grid;
    place-items:center;
    border-radius:35px;
    font-size:18px;
    font-weight:700;
    color:white;
    border:none;

    transition: all .2s;
    backface-visibility: hidden;
}
.button.button-primary {
    background:var(--btn-primary);
}
.button.button-secondary {
    background:var(--btn-secondary);
}
.button.button-terciary {
    background:var(--btn-terciary);
    color: white;
}

main {
    background:var(--main-color);
    background-image: url(../img/wavy-background.png);
    background-size: cover;
}

main.investors-main {
    background: white;
    background-image: none;
}

/*sign up section on investor pages*/
section.sign-up {
    background-color: #FAFBFD;
    padding: 40px 0;
}

section.sign-up .sign-up-wrapper {
    width: 60%;
    margin: 0 auto;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 530px 530px;
}

section.sign-up .sign-up-title {
    font-size: 31px;
    font-weight: 700;
    line-height: 48px;
    color: #233754;
}

section.sign-up .sign-up-title br {
    display:none;
}

section.sign-up .sign-up-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    color: #677282;
}

section.sign-up form.sign-up-form {
    position: relative;
}

section.sign-up form.sign-up-form .sign-up-input {
    width: 360px;
    height: 60px;
    background: #FFFFFF;
    border: 2px solid #FFA201;
    border-radius: 100px;
    padding-left: 30px;
}

section.sign-up form.sign-up-form .sign-up-input::placeholder {
    font-size: 20px;
    line-height: 35px;
    color: #233754;
}

section.sign-up form.sign-up-form button.sign-up-btn{
    height: 60px;
    width: 200px;
    position: absolute;
    left: 55%;
    cursor: pointer;

    transition: all .5s;
    backface-visibility: hidden;
}

/*orange*/

section.sign-up.orange {
    background: linear-gradient(180deg, #FFA201 0%, #FF7C01 100%);
    margin-top: 40px;
}

section.sign-up.orange .sign-up-title {
    color: white;
}

section.sign-up.orange .sign-up-text {
    color: white;
}

section.sign-up.orange .sign-up-input {
    border: 2px solid white;
}

section.sign-up.orange .sign-up-btn {
    background-color: white;
    color: var(--main-color);
    border: 2px solid #F5F5F5;
    box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
}

/*sign up section on investor pages end*/

footer {
    background-color:var(--main-color);
    background-image: url(../img/wavy-background.png);
    background-size: cover;
    text-align:center;
    padding-bottom:150px;
}
footer .links a {
    display:inline-block;
    padding:20px;
    font-weight: 800;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.02em;
    color:white;
}
section.form {
    margin:auto;
    max-width:var(--page-width);
    display:grid;
    place-items: center;
    padding-bottom:160px;
}
form {
    display:grid;
    grid-template-columns:repeat(2, min-content);
    gap:20px 12px;
    margin:auto;
    max-width:550px;
    position:relative;
}
form .field-wrapper {
    position:relative;
    border-radius:35px;
    border:1px solid #DDDFE7;
    width:270px;
    height:70px;
    display:grid;
    place-items:center;
    max-width:100%;

}
form .field-wrapper label {
    color:white;
}
form .field-wrapper label:not(.no-focus) {
    position:absolute;
    left:0;
    top:50%;
    transform:translate(20px, -50%);
    transition:all .1s ease-in;
}
form .field-wrapper input, form .field-wrapper textarea {
    background-color:transparent;
    border:none;
    color:white;
    width:100%;
    padding:0 20px;
    display:block;
    margin:auto;
    outline:none;
}
form .field-wrapper.no-border {
    border:0;
}
form .field-wrapper.field-wrapper__one {
    grid-column: 1 / -1;
    width:unset;
}
form .field-wrapper label.up {
    transition:all .3s ease-in;
    transform:translate(20px, -150%);
    font-size:.8em;
}

/*custom dropdown*/

.dropdown-container {
    position: relative;
    background-color: transparent;
    width: 100%;
    text-align: center;
}

.dropdown-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    cursor: pointer;

    background-color:transparent;
    border:none;
    color:white;
    margin:auto;
    outline:none;
}

.arrow img{
    width: 15px;
}

.dropdown {
    margin-top: .1vw;
    background-color: var(--main-color);
    border-radius:35px;
    border:1px solid white;
    position: absolute;
    top: 55px;
    z-index: 2;
    height: 220px;
    width: 100%;
    display:grid;
    place-items:center;
    max-width:100%;
}

.dropdown input[type="radio"] {
    display: none;
}

form .field-wrapper .dropdown-label {
    padding: .5vw 2vw;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    overflow: hidden;

    transition: all .2s;
}

form .field-wrapper .dropdown-label:hover {
    background-color: white;
    color: var(--main-color);
}

form .field-wrapper .dropdown-label:first-of-type:hover {
    border-radius: 35px 35px 0 0;
}

form .field-wrapper .dropdown-label:last-of-type:hover {
    border-radius: 0 0 35px 35px;
}

form .field-wrapper .dropdown-container label.dropdown-label {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    transition: none;
}

.arrow.arrowUd {
    transform: rotate(-180deg);
}

.hidden {
    display: none;
}

form .field-wrapper button {
    transition: all .2s;
    backface-visibility: hidden;
}
form .field-wrapper button:hover {
    transform: translateY(-3px);
    box-shadow: 0px 50px 70px -30px rgba(0, 0, 0, 0.5);
}

.nineth .special-text{
    font-weight:800;
    text-transform:uppercase;
    background:var(--btn-primary);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.nineth {
    max-width:var(--page-width);
    margin:auto;
    color:white;
    text-align: center;
}
.nineth h2 {
    font-weight: 800;
    font-size:65px;
    line-height: 85px;
    padding-bottom: 40px;
}

.nineth h2 br:first-of-type {
    display: none;
}

.nineth p {
    max-width:550px;
    margin:auto;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    padding-bottom:60px;
}

section.huge-button {
    padding:0 10px 110px;
}
section.huge-button .big-button {
    display:grid;
    place-items:center;
    background:var(--btn-primary);
    max-width:1000px;
    min-height:335px;
    margin:auto;
    box-shadow: 0 50px 70px -30px rgba(0, 0, 0, 0.1);
    border-radius: 167px;
    padding:20px;
}
section.huge-button .big-button h2 {
    font-weight: 800;
    font-size:55px;
    line-height:1.1;
    color:white;
    text-align:center;
    padding-bottom:20px;
}

section.huge-button .big-button a:hover{
    transform: translateY(-3px);
    box-shadow: 0px 50px 70px -30px rgba(0, 0, 0, 0.5);
}

/*INVESTOR PAGES*/

header .text-wrapper .investors-title {
    opacity: 0;
    transform: translateY(-10%);
    transition: all .8s;
}

header .text-wrapper .investors-title[data-scroll="in"] {
    opacity: 1;
    transform: translateY(0);
}

header .text-wrapper .investors-title-text {
    width: 55%;

    opacity: 0;
    transform: translateY(-10%);
    transition: all .8s;
}

header .text-wrapper .investors-title-text[data-scroll="in"] {
    opacity: 1;
    transform: translateY(0);
}

header .investors-btn {
    opacity: 0;
    transform: translateY(-10%);
    transition: all .8s;
}

header .investors-btn[data-scroll="in"] {
    opacity: 1;
    transform: translateY(0);
}

.investors-page-container {
    width: 1050px;
    margin: 0 auto;
}

.investors-page-container section {
    padding: 50px 0;
}

.investors-page-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    color: var(--main-color);
}

.investors-page-title.investors-page-title-big {
    font-weight: 800;
    font-size: 55px;
    line-height: 65px;
    color: #233754;
}

.investors-page-title-sub {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #677282;
    margin-top: 5px;
}

.investor-news-highlight {
    background-color: var(--main-color);
    background-image: url("../img/news-highlight-img.png");
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: top;
    box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    border-radius: 20px;
}

.investor-news-highlight .investor-news-highlight-content {
    margin-left: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.news-date {
    font-weight: 700;
    font-size: 12px;
    color: #FFA300;
}

.news-date.big {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
}

.news-title {
    font-weight: 700;
    font-size: 17px;
    color: var(--main-color);
    padding-top: 8px;
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.news-title.white {
    color: white;
}

.news-title.big {
    font-size: 30px;
    line-height: 44px;
}

.investor-news-highlight a.news-link {
    position: absolute;
    color: #FFA300;
}

a.news-link {
    font-weight: 700;
    font-size: 12px;
    color: #FFA300;
    display: inline-block;
    position: relative;
    width: fit-content;
}

a.news-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1em;
    background-color: #FFA300;
    opacity: 0;
    transition: opacity 300ms, transform 300ms;
}

a.news-link:hover::after,
a.news-link:focus::after {
    opacity: 1;
    transform: translate3d(0, 0.2em, 0);
}

.news-latest {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.investors-section2 .news-latest {
    opacity: 0;
    transform: translateY(-10%);
    transition: all .8s;
}

.investors-section2 .news-latest[data-scroll="in"] {
    opacity:1;
    transform: translateY(0);
}

.news-latest .news-latest-card {
    border: 1px solid #F5F5F5;
    box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 20px 50px;
    height: 240px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-latest .news-latest-card .news-link {
    margin-top: 30px;
}

.company-overview-container {
    display: grid;
    grid-template-columns: auto 500px;
    align-items: center;
    gap: 50px;
}

.company-overview-imgs {
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    transform: translateX(105%);
    transition: all 1s;
}

.company-overview-imgs[data-scroll="in"] {
    opacity: 1;
    transform: translateX(0);
}

.investors-small-text {
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
     color: #677282;

    opacity: 0;
    transform: translateX(-10%);
    transition: all 1s;
 }

.investors-small-text[data-scroll="in"] {
    opacity: 1;
    transform: translateX(0);
}

.audit-committee-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.audit-committee-container .audit-committee-card {
    box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 20px 30px;
}

.audit-committee-container {
    margin-top: 40px;
}

/*INVESTORS FORM*/
.contact-us-form-container {
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: 0 50px 70px -30px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 80px 90px;

    width: 45%;
    margin: 0 auto;
}

.contact-us-form-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.contact-us-title {
    font-weight: 800;
    font-size: 65px;
    line-height: 75px;
    color: #233754;
    text-align: center;
}

.contact-us-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}

.contact-us-text:first-of-type {
    width: 75%;
    text-align: center;
}

.contact-us-text.bold {
    font-weight: 700;
}

form.contact-us-form {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
}

form.contact-us-form .field-wrapper label,
form.contact-us-form .field-wrapper input{
    color: var(--main-color);
}

form.contact-us-form button {
    grid-column: 1 / span 2;
    margin-top: 20px;
    box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.1);
}

/*WHISTLEBLOWER FORM POPUP*/
.modal-wrapper {
    position:fixed;
    top:0;left:0;
    width:100vw;height:100vh;
    background:rgba(0,0,0,.1);
    backdrop-filter:blur(10px);
    display:grid;
    place-items:center;
    overscroll-behavior: contain;
    z-index:10000;
}
.whistleblower-popup__container {
    width: 800px;
    border-radius: 20px;
    border: 1px solid #F5F5F5;
    margin: 0 auto;
    padding: 50px 70px;
    box-shadow: 0 50px 70px -30px rgba(0, 0, 0, 0.1);
    background-color:white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.whistleblower-popup__container .whistleblower-popup__text {
    font-size: 20px;
    color: #677282;
    text-align: center;
}

.whistleblower-popup__container .button.button-primary {
    color: white;
    font-size: 20px;
    margin-top: 30px;
}

/*ANIMATIONS*/

.button-animation-up:hover {
    transform: translateY(-3px);
    box-shadow: 0 50px 70px -30px rgba(0, 0, 0, 0.5);
}

section.sign-up form.sign-up-form button.sign-up-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25);
}

/*MEDIA QUERIES*/
@media screen and (max-width: 1439px) {
    .menu {
        width: 90%;
        max-width: 90%;
    }
}

@media screen and (max-width:1300px) {
    header .text-wrapper {
        padding:0 10px;
        width:100%;
    }
    header .text-wrapper p {
        width:80%;
    }
}

@media screen and (max-width: 1200px) {
    .menu {
        padding:30px 15px;
    }
    .menu > ul {
        display:none;
    }
    .menu .menu-icons {
        position:relative;
        display:grid;
        place-items:center;
    }
    .menu .menu-icons > .fas.fa-bars, .menu .menu-icons.open > .fas.fa-times {
        display:block;
    }
    .menu .menu-icons.open > .fas.fa-bars, .menu .menu-icons > .fas.fa-times{
        display:none;
    }
    .menu .menu-icons.open > .aside-menu a {
        display: block;
    }
    .menu .menu-icons.open > .aside-menu {
        transform: translateX(0);
    }
}

@media screen and (max-width:1024px) {
    /*investors pages*/
    .investors-page-title {
        text-align: center;
    }

    .investors-page-title-sub {
        text-align: center;
    }

    section.sign-up .sign-up-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    section.sign-up .sign-up-wrapper div:last-of-type {
        width: 100%;
    }

    section.sign-up form.sign-up-form .sign-up-input {
        width: 500px;
    }

    section.sign-up form.sign-up-form button.sign-up-btn {
        width: 250px;
    }

    .investors-page-container {
        width: 90%;
    }

    .news-latest .news-latest-card {
        height: auto;
    }

    .company-overview-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 70px;
    }

    .contact-us-form-container {
        width: 80%;
    }
}

@media screen and (max-width: 900px) {
    header .text-wrapper {
        padding:0;
        width:100%;
    }

    header p.header-subtitle br {
        display: none;
    }

    header .text-wrapper h1,section.huge-button .big-button h2 {
        font-size:50px;
    }
    header .text-wrapper p {
        font-size:16px;
    }
    .buttons-wrapper {
        flex-direction:column;
    }
}

@media screen and (max-width: 820px) {
    .news-latest {
        grid-template-columns: 1fr 1fr;
    }

    .investors-page-title.investors-page-title-big {
        font-size: 40px;
        line-height: 50px;
    }

    .audit-committee-container {
        gap: 20px;
    }

    .contact-us-form-container {
        width: 90%;
    }

    .whistleblower-popup__container {
        width: 85%;
    }
}

@media screen and (max-width: 768px) {
    .nineth h2 {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width:600px) {
    header .text-wrapper .investors-title-text {
        width: 90%;
    }

    form {
        width: 80%;
        grid-template-columns: repeat(1,1fr);
        padding:10px;
    }
    form .field-wrapper {
        width:100%;
    }

    .nineth h2 {
        font-size: 55px;
    }

    .nineth h2 br {
        display: block;
    }

    footer .links {
        display: flex;
        flex-direction: column;
    }

    footer a img {
        width: 250px;
    }

    /*investor pages*/

    header .text-wrapper h1.investors-title {
        font-size:50px;
    }

    section.sign-up .sign-up-wrapper div:nth-of-type(2) {
        width: 100%;
    }

    section.sign-up form.sign-up-form {
        width: 90%;
        margin-left: 20px;
    }

    section.sign-up form.sign-up-form button.sign-up-btn {
        top: 10px;
    }

    .audit-committee-container {
        grid-template-columns: 1fr;
        width: 80%;
        margin: 40px auto 0 auto;
        text-align: center;
    }

    .audit-committee-container .audit-committee-card {
        box-shadow: 0 10px 50px 10px rgb(0 0 0 / 10%);
    }

    .contact-us-form-container {
        padding: 60px 40px;
    }

    .contact-us-title {
        font-size: 55px;
        line-height: 65px;
    }

    .contact-us-text:first-of-type {
        width: 100%;
    }

    form.contact-us-form {
        display: flex;
        flex-direction: column;
    }

    form.contact-us-form button {
        font-size: 30px !important;
        height: 75px !important;
    }

    .menu ul {
        width: 90%;
    }

    .menu ul li:not(:first-of-type) {
        margin-top: 15px;
    }
}

@media screen and (max-width:500px) {
    .menu {
        padding:15px 5px;
    }
    section.huge-button .big-button {
        min-height:235px;
        border-radius: 115px;
    }
    header .text-wrapper h1,section.huge-button .big-button h2 {
        font-size:32px;
    }

    header .text-wrapper p {
        font-size:14px;
        width:100%;
    }
    .buttons-wrapper {
        flex-direction:column;
    }
}

@media screen and (max-width: 414px) {
    .menu .logo {
        width: 200px;
    }

    .nineth h2 {
        font-size: 45px;
        line-height: 60px;
    }

    .nineth p {
        width: 90%;
    }

    .nineth h2 br:first-of-type {
        display: block;
    }

    .form .button.button-primary {
        height: 75px !important;
        font-size: 30px !important;
    }

    .form .dropdown-button {
        font-size: 16px;
    }

    .form .dropdown {
        top: 80px;
    }

    /*investors page*/

    .menu.small {
        align-items: center;
    }

    .menu.small > a {
        flex-direction: column;
        justify-content: center;
        gap: 0;
    }

    .menu.small .logo-text {
        border-left: none;
        padding-left: 0;
        font-size: 20px;
    }

    section.sign-up .sign-up-wrapper div {
        width: 90%;
        text-align: center;
    }

    section.sign-up .sign-up-title {
        line-height: 40px;
    }

    section.sign-up .sign-up-text {
        width: 80%;
        margin: 10px auto 0 auto;
    }

    section.sign-up form.sign-up-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    section.sign-up form.sign-up-form {
        display:flex;
        gap: 0;
    }

    section.sign-up form.sign-up-form .sign-up-input {
        width: 90%;
    }

    section.sign-up form.sign-up-form button.sign-up-btn {
        position: relative;
        width: 90%;
        left: 0;
    }

    section.sign-up .sign-up-title br {
        display: block;
    }

    .news-latest {
        grid-template-columns: 1fr;
    }

    .contact-us-form-container {
        padding: 60px 30px;
    }

    .contact-us-title {
        font-size: 50px;
        line-height: 60px;
    }

    form.contact-us-form {
        margin: 0;
        margin-top: 40px;
        width: 100%;
    }

    .company-overview-container div {
        width: 95%;
    }

}

@media screen and (max-width: 375px) {


    footer a img {
        width:250px;
    }

    footer > div{
        padding-bottom: 80px !important;
    }
}