@font-face {
    font-family: helveticaNeue;
    src: url(../fonts/HelveticaNeueLTPro-MdCn.otf);
}

:root {
    --fit: fit-content;
}

html {
    overflow: auto;
    scroll-behavior: smooth;
}

body {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow-x: hidden !important;
}

.mobile-menu.close #hamburger-menu {
    content: url(../images/mobile-menu.svg);
}

.mobile-menu.open #hamburger-menu {
    content: url(../images/close.svg);
}

body>* {
    max-width: 1159px;
}

p {
    margin: 0;
}

header {
    width: 100%;
    padding: 50px 0 46px 0;
    display: flex;
    justify-content: space-between;
}

nav {
    display: flex;
    align-items: center;
}

nav a {
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    text-decoration: none;
}

nav a:not(a:last-of-type) {
    margin-right: 50px;
}

main>div:not(div#beneficii, div#parteneri, div#testimoniale, div#founder, div#contact) {
    margin-bottom: 200px;
}

.slider-control img:hover, .faq .question .circle:hover {
    cursor: pointer;
}

.green-text {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    text-align: center;
    color: #2EE66B;
}

.black-text {
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.number-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 90px;
    line-height: 135px;
    color: #000000;
}

.teams-carousel .slider-item img {
    width: auto;
    height: 74px;
    object-fit: cover;
}

.slider p {
    margin-bottom: 63px;
}

.slider-control {
    position: relative;
    width: 1px;
    height: 1px;
}

.slider .slider-control:first-of-type {
    margin-right: 52px;
}

.testimonials.slider .slider-control:first-of-type {
    margin-right: 50px;
}

.slider .slider-control:first-of-type img {
    position: absolute;
    top: -30px;
    left: -62px;
}

.slider .slider-control:last-of-type img {
    position: absolute;
    top: -30px;
    right: -62px;
}

.testimonials.slider .slider-control:first-of-type img {
    position: absolute;
    top: -39px;
    left: -77px;
}

.testimonials.slider .slider-control:last-of-type img {
    position: absolute;
    top: -39px;
    right: -77px;
}

.slider .slider-control:last-of-type {
    margin-left: 52px;
}

.slider .slider-items {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hexagon {
    width: 186px !important;
    height: 186px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.03));
    filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.03));
}

.teams .slider-item {
    width: 186px !important;
    height: 186px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slider-item.slick-cloned {
    width: 0px;
    height: 0px;
}

.first-image .hexagon {
    width: 529px !important;
    height: 529px !important;
}

.slider .slider-item {
    margin: 0 12.5px;
}

.lateral-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lateral-image .green-text,
.lateral-image .black-text {
    text-align: left;
}

.lateral-image .green-text {
    margin-bottom: 25px;
}

.lateral-image .black-text {
    margin-bottom: 35px;
}

.lateral-image>div {
    width: 530px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.lateral-image.left-image img {
    margin-right: 104px;
}

.lateral-image.right-image img:not(.first-image img) {
    margin-left: 104px;
}

.green-button {
    width: fit-content;
    height: 69px;
    padding: 25px 50px;
    background: #2EE56B;
    box-shadow: 0px 10px 20px rgba(46, 229, 107, 0.25);
    border: none;
    border-radius: 500px;
    cursor: pointer;
    transition: all 0.3s;
}

.green-button:hover {
    width: calc(var(--fit) + 50px);
    padding-left: 80px;
}

.green-button .after {
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.green-button:hover .after {
    padding-left: 20px;
    position: relative;
}

.green-button .after::after {
    position: absolute;
    content: "";
    top: calc(50% - 4px);
    left: -30px;
    width: 30px;
    height: 5px;
    background: url(../images/button-arrow.svg);
    transition: width 0.4s ease-out;
    transition-property: width;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.green-button:hover .after::after {
    width: 30px;
    height: 5px;
    background: url(../images/button-arrow.svg);
}

.action-button {
    width: fit-content;
    height: 69px;
    padding: 25px 50px;
    background: #2EE56B;
    box-shadow: 0px 10px 20px rgba(46, 229, 107, 0.25);
    border: none;
    border-radius: 500px;
    cursor: pointer;
    transition: all 0.3s;
}

.green-button, .action-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

#founder a {
    width: auto;
}

span.right-button-icon {
    height: 20px;
    margin-left: 20px !important;
}

.right-button-icon:first-of-type img {
    width: auto !important;
    height: 16px !important;
    position: relative;
    top: 1px;
    object-fit: cover !important;
}

.right-button-icon:last-of-type img {
    width: auto !important;
    height: 16px !important;
    position: relative;
    top: 2px;
    object-fit: cover !important;
}

@media only screen and (max-width: 1024px) {
    span.right-button-icon {
        margin-left: 10px !important;
    }

    .right-button-icon:first-of-type img {
        width: auto !important;
        height: 10px !important;
        position: relative;
        top: 4px;
        object-fit: cover !important;
    }
    
    .right-button-icon:last-of-type img {
        width: auto !important;
        height: 9px !important;
        position: relative;
        top: 3px;
        object-fit: cover !important;
    }
}

a {
    text-decoration: none;
}

.action-button span.after {
    min-width: var(--fit);
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.action-button span.after::after {
    position: absolute;
    content: "";
    top: calc(50% - 4px);
    left: -30px;
    width: 0;
    height: 0;
    transition: width 0.3s ease-out;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.white-container .action-button {
    width: 330px;
}

@media only screen and (min-width: 1024px) {
    .action-button:hover {
        width: 365px;
        padding-left: 80px;
    }

    .action-button:hover span.after {
        padding-left: 20px;
        position: relative;
    }
    
    .action-button:hover span.after::after {
        min-width: fit-content !important;
        width: 30px;
        height: 5px;
        background: url(../images/button-arrow.svg);
    }

    .white-container .action-button:hover {
        width: 400px;
        padding-left: 80px;
    }

    .white-container:first-of-type .action-button:hover {
        width: 380px !important;
    }

    .test-platform-form .action-button:hover {
        width: 210px !important;
    }
}

.lateral-image.first-image {
    align-items: flex-start;
}

.first-image > div {
    padding-top: 48px;
}

.first-image {
    min-width: calc(1159px + 100px);
}

.white-container {
    box-sizing: border-box;
    width: 100%;
    height: 598px;
    padding: 89px 0 100px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.03);
    border-radius: 35px;
}

.white-container .green-button,
.lateral-image .green-button {
    margin-bottom: 0;
}

.white-container .green-text {
    width: 745px;
    margin-bottom: 25px;
}

.white-container .black-text {
    width: 745px;
    margin-bottom: 35px;
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.transparent-container {
    width: 100%;
    height: 531px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.transparent-container .green-text {
    width: 745px;
    margin-bottom: 63px;
}

.transparent-container .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.transparent-container .container>div {
    width: 336px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.transparent-container .container .hexagon {
    margin-bottom: 33px;
}

.transparent-container .container>div:not(.transparent-container .container>div:last-of-type) {
    margin-right: 75px;
}

.founder-container {
    margin-bottom: 112px;
    height: 555px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.founder-container>div {
    box-sizing: border-box;
    width: 100%;
    height: 332px;
    padding: 0 100px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    background: #FFFFFF;
    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.03);
    border-radius: 35px;
}

.founder-container .green-text {
    height: 211px;
}

.founder-container p+div>img {
    position: absolute;
    top: -30px;
    left: 100px;
}

.quotation-container {
    width: 452px;
}

.quotation-container .quotation {
    margin: 55px 0 22px 0;
}

.quotation-container p {
    text-align: left;
}

.buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.buttons .animate-to-left {
    margin-right: 12.5px;
    margin-bottom: 0;
}

.buttons .animate-to-right {
    margin-left: 12.5px;
    margin-bottom: 0;
}

.lateral-images .first-image .hexagon {
    width: 529px;
    height: 529px;
}

.first-image .hexagon {
    align-items: center;
}

.testimonials .green-text {
    margin-bottom: 153px;
}

.testimonials.slider {
    height: auto;
}

.testimonials .slider-item {
    position: relative;
    width: 941px;
    height: 561px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    /* box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.03); */
    border-radius: 35px;
}

.testimonials .slider-item img:not(img.quotation) {
    position: absolute;
    top: -50px;
}

.testimonials .slider-items p {
    text-align: left;
    z-index: 2;
}

.testimonials .slider-items .black-text {
    margin-bottom: 31px;
}

.testimonials .name {
    margin-bottom: 0;
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 700;
    font-size: 27.5px;
    line-height: 27px;
    color: #000000;
}

.testimonials .slider-item {
    box-sizing: border-box;
    padding: 92px 100px;
}

.testimonials .text-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.testimonials .text-container {
    padding-top: 39px;
}

.testimonials .slider-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.testimonials .text-container div {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.testimonials .quotation {
    margin-top: 7px;
    margin-right: 45px;
}

.white-container.form {
    height: auto;
    padding: 89px 0 0 0;
}

.white-container.form form {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 30px 100px 100px 100px;
}

.test-platform-form input {
    height: 69px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #FAFAFA;
    border: none;
    border-radius: 35px;
}

.test-platform-form .row:not(.test-platform-form .row:last-of-type) {
    margin-bottom: 25px;
}

.test-platform-form .row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.test-platform-form .row input {
    box-sizing: border-box;
    width: calc(50% - 12.5px);
    padding: 22px 40px 22px 40px;
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
}

.test-platform-form .row input:first-of-type {
    margin-right: 12.5px;
}

.test-platform-form .row input:last-of-type {
    margin-left: 12.5px;
}

.test-platform-form .row input::placeholder {
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
}

.test-platform-form button {
    margin-top: 45px;
}

.faq .question {
    box-sizing: border-box;
    width: 947px;
    height: fit-content;
    margin-bottom: 25px;
    padding: 48px 44px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.03);
    border-radius: 35px;
    user-select: none;
}

.faq .question .number {
    margin-right: 45px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 37px;
    text-align: center;
    color: #2EE56B;
}

.faq .question .bar {
    margin-right: 45px;
    width: 0;
    height: 35px;
    left: 589.5px;
    top: 10973px;
    border: 1px solid #F2F2F2;
}

.faq .question .text {
    box-sizing: border-box;
    max-width: 657px;
    padding-left: 45px;
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 27.5px;
    line-height: 32px;
    color: #000000;
}

.faq .question .text-container {
    border-left: 1px solid #F2F2F2;
}

.faq .question .answer {
    box-sizing: border-box;
    margin-top: 35px;
    margin-left: 45px;
    padding-top: 37px;
    display: none;
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    border-top: 1px solid #F2F2F2;
}

.faq .question .circle {
    width: 83px;
    height: 83px;
    position: absolute;
    top: -31px;
    left: -60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq .question .arrow {
    position: relative;
    top: -10px;
    transform: rotate(0deg);
}

.faq .question>div {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.faq-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.faq-container .green-text {
    margin-bottom: 63px;
}

footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-bottom: 200px;
}

footer .row:first-of-type {
    margin-bottom: 27px;
}

footer .row:nth-of-type(2) {
    margin-bottom: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .row:nth-of-type(2) span {
    margin-right: 15px;
    font-family: helveticaNeue;
    font-style: normal ;
    font-weight: 500;
    font-size: 19px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #000000;
}

footer a,
footer a:visited,
footer a:focus,
footer a:hover,
footer a:active {
    font-family: helveticaNeue;
    font-style: normal ;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #000000;
}

footer ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

footer ul li {
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
}

footer ul li:not(footer ul li:last-of-type) {
    box-sizing: border-box;
    padding-right: 39px;
}

footer ul span {
    width: 1px;
    height: 16px;
    margin-right: 40px;
    background: #2EE56B;
}

footer .row:last-of-type {
    margin-top: 62px;
}

.slider-item.slick-active:first-of-type {
    margin-left: 0 !important;
}

.slider-item.slick-active:last-of-type {
    margin-right: 0 !important;
}

@media only screen and (max-width: 1400px) {
    .first-image img {
        width: 725px !important;
        height: auto !important;
        position: relative;
        left: -65px;
    }

    .first-image > div {
        min-width: 600px;
    }

    .first-image.lateral-image {
        min-width: calc(1000px + 1%) !important;
        justify-content: flex-start !important;
    }

    .testimonials .slider-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 850px;
    }

    .testimonials .slider-item {
        padding-left: 0;
        padding-right: 0;
        padding-top: 185px;
    }

    .founder-container>div {
        padding: 0 75px !important;
    }

    .founder-container p+div>img {
        left: 75px !important;
    }

    .teams-slider.slider-container {
        width: 948px !important;
        height: 186px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .teams-slider.slider-container .slider-items {
        width: 100% !important;
        height: 100% !important;
    }

    .teams-slider.slider-container .slick-list {
        width: 100% !important;
        height: 100% !important;
    }

    .teams-slider.slider-container .slick-list {
        width: 100% !important;
        height: 100% !important;
    }
}

@media only screen and (max-width: 1225px) {
    .first-image img {
        width: 610px !important;
        height: auto !important;
        position: relative;
        left: -60px;
    }

    .first-image > div {
        min-width: 550px;
    }

    body>* {
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
    }

    main>* {
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
    }

    .founder-container>div {
        padding: 0 50px !important;
    }

    .founder-container p+div>img {
        left: 50px !important;
    }

    .testimonials.slider {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .testimonials .slider-item {
        width: auto;
        height: auto;
    }

    .transparent-container .container {
        width: 100%;
    }

    .teams-slider.slider-container {
        width: 894px!important;
    }

    .teams-slider .slider-control:first-of-type {
        margin-right: 25px !important;
    }

    .teams-slider .slider-control:last-of-type {
        margin-left: 25px !important;
    }
}

@media only screen and (max-width: 1024px) {
    header, main, footer {
        max-width: calc(100% - 50px) !important;
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    main>* {
        width: 100% !important;
    }

    main>div:not(.teams-carousel, .founder-container, .padding) {
        margin-bottom: 90px !important;
    }

    .first-image {
        min-width: 0;
    }

    .green-text {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    .black-text {
        font-size: 16px !important;
        line-height: 21px !important;
    }

    .action-button span.after, .green-button span.after {
        font-size: 10.5px !important;
        line-height: 13px !important;
    }

    .action-button, .green-button {
        width: auto !important;
        height: 41px !important;
        padding: 15px 30px !important;
        display: flex;
        align-items: center;
    }

    .lateral-image div {
        width: 100% !important;
    }

    .lateral-images>*{
        margin-bottom: 80px !important;
    }

    .first-image .hexagon {
        width: 100% !important;
        height: 100% !important;
    }

    .hexagon {
        width: 100% !important;
        height: 100% !important;
    }

    .hexagon img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    .lateral-image img {
        width: 100% !important;
        height: 100% !important;
    }

    .lateral-image.first-image {
        flex-direction: column-reverse;
    }

    .lateral-image.first-image img {
        max-width: none !important;
        margin-bottom: 0 !important;
    }

    .lateral-image.first-image div {
        padding-top: 0 !important;
    }

    .lateral-image.right-image {
        justify-content: center !important;
        flex-direction: column-reverse !important;
    }

    .lateral-image.left-image {
        justify-content: center !important;
        flex-direction: column !important;
    }

    .lateral-image img {
        margin-bottom: 48px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .white-container {
        width: 100%;
        height: auto;
        padding: 34px 40px 50px 40px !important;
    }

    .white-container p {
        width: 100% !important;
    }

    .transparent-container {
        width: 100% !important;
        height: auto !important;
    }

    .transparent-container p {
        width: 100% !important;
    }

    .transparent-container .black-text {
        box-sizing: border-box;
        padding: 0 65px;
    }

    .transparent-container .container > div {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 39px !important;
    }

    .transparent-container .container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column;
    }

    .transparent-container .container .hexagon {
        width: 107px !important;
        height: 107px !important;
    }

    .transparent-container .container .hexagon img:not(.hexagon .crest, .hexagon .tie) {
        width: 35px !important;
        height: 29px !important;
    }

    .founder-container > div {
        width: calc(100% - 20px);
        padding: 40px 40px 44px 40px;
    }

    .founder-container {
        height: auto !important;
    }

    .founder-container p+div>img {
        width: calc(100% + 20px) !important;
        max-width: 310px;
        height: auto;
        object-fit: cover;
        position: absolute;
        top: 40px;
        left: -10px;
    }

    .founder-container>div {
        height: 561px !important;
    }

    .founder-container .quotation-container {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-direction: column;
    }

    .founder-container .green-text {
        height: auto;
        margin-bottom: 53px;
    }

    .founder-container + .buttons {
        flex-direction: column;
    }

    .founder-container + .buttons button:first-of-type {
        margin-bottom: 10px !important;
    }

    .hexagon .crest {
        width: 26px !important;
        height: 30px !important;
    }

    .hexagon .tie {
        width: 9px !important;
        height: 30px !important;
    }

    .number-text {
        font-size: 52px;
        line-height: 78px;
    }

    .test-platform-form {
        padding: 0 !important;
    }
    
    .form .row {
        width: 100% !important;
        margin-bottom: 10px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .form input {
        width: 100% !important;
        height: 41px;
        margin: 0 0 10px 0 !important;
        padding: 13px 24px !important;
    }

    .form input:last-of-type {
        margin-bottom: 0 !important;
    }

    .form .green-button {
        margin-top: 35px !important;
    }

    .form input, .form input::placeholder {
        font-size: 10.5px !important;
        line-height: 18px !important;
    }

    .founder-container + .buttons > div {
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .lateral-image img {
        max-width: calc(100% - 50px) !important;
    }

    .question .text {
        max-width: calc(100% - 40px) !important;
        padding-left: 16px !important;
        font-size: 17px !important;
        line-height: 21px !important;
    }

    .question .answer {
        margin-top: 20px !important;
        margin-left: 20px !important;
        padding-top: 20px !important;
        font-size: 16px !important;
        line-height: 21px !important;
    }

    .question .number {
        margin-right: 16px !important;
        font-size: 23px !important;
        line-height: 21px !important;
    }

    .faq .question {
        width: 100% !important;
        padding: 20px 15px !important;
    }

    .faq {
        width: 100%;
    }

    .faq .question .circle {
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        top: -52px;
        left: -8px;
    }

    .faq .question .arrow {
        top: -6px;
        width: 8px;
        height: 4px;
    }

    footer .row:first-of-type {
        width: 150px !important;
        height: 60px !important;
        margin-bottom: 18px !important;
    }

    footer .row:first-of-type img {
        width: 150px !important;
        height: auto !important;
    }

    footer .row:nth-of-type(2) {
        margin-bottom: 40px !important;
    }

    footer .row:nth-of-type(2) img {
        width: 93px !important;
        height: auto !important;
    }

    footer .row:nth-of-type(2) span {
        margin-right: 10px !important;
        font-size: 11.5px !important;
        line-height: 18px !important;
    }

    footer .row ul span:last-of-type {
        display: none;
    }

    footer .row ul li {
        font-size: 13.1003px !important;
        line-height: 18px !important;
    }

    footer .row ul li:first-of-type {
        padding-right: 19px !important;
    }

    footer .row ul span:first-of-type {
        height: 10px !important;
        margin-right: 19px !important;
    }

    footer .row ul li:nth-of-type(2) {
        padding-right: 0 !important;
    }

    footer .row ul {
        flex-wrap: wrap;
    }

    footer .row ul li:last-of-type {
        width: 100%;
        margin-top: 9px !important;
        text-align: center;
    }

    footer .row:last-of-type {
        margin-top: 35px !important;
    }

    footer a, footer a:visited, footer a:hover, footer a:focus, footer a:hover {
        font-family: helveticaNeue;
        font-style: normal;
        font-weight: 500;
        font-size: 13.1003px !important;
        line-height: 18px !important;
        color: #000 !important;
    }

    footer {
        margin-bottom: 90px !important;
    }
}

@media only screen and (min-width: 1225px) {
    .lateral-images:first-of-type {
        margin-bottom: 125px !important;
    }
}

.mobile-menu {
    display: none;
    padding-top: 25px !important;
}

.mobile-menu .images {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu .images img:first-of-type {
    width: 150px !important;
    height: auto !important;
    object-fit: cover;
}

.mobile-menu #list {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    background-color: #FFFFFF;
    z-index: 999999;
}

.mobile-menu nav {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
}

.mobile-menu nav a {
    margin-right: 0 !important;
    margin-top: 25px !important;
}

@media only screen and (max-width: 1024px) {
    .testimonials .green-text {
        margin-bottom: 45px !important;
    }

    .name {
        font-size: 19px !important;
        line-height: 22px !important;
    }

    header, main, footer {
        max-width: calc(100% - 300px) !important;
        margin-left: 150px !important;
        margin-right: 150px !important;
    }

    #list nav {
        max-width: calc(100% - 300px) !important;
    }

    main>* {
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-menu {
        display: block;
    }

    .desktop-menu {
        display: none;
    }

    .first-image.lateral-image {
        align-items: center !important;
    }

    .first-image.lateral-image img {
        max-width: none !important;
        width: 50% !important;
        height: auto !important;
        object-fit: cover;
        position: static !important;
    }

    .first-image.lateral-image,
    .first-image.lateral-image > div {
        min-width: 0 !important;
    }

    .lateral-image img {
        width: 50% !important;
        height: auto !important;
        object-fit: cover;
    }

    .teams-slider.slider-container {
        width: 360px !important;
        height: 95px !important;
    }

    .teams-slider .slider-item {
        width: 95px !important;
        height: 95px !important;
    }

    .teams-slider .slider-item img {
        width: auto !important;
        height: 40px !important;
        object-fit: cover;
    }

    .teams-slider .slider-items {
        position: relative;
        flex-wrap: wrap !important;
    }

    .teams-slider .slider-control {
        width: 50% !important;
        display: flex;
        align-items: center;
        height: 95px;
        position: absolute;
        bottom: -95px;
    }

    .teams-slider .slider-control img {
        position: static !important;
    }

    .teams-slider .slider-control:first-of-type {
        margin-right: 0 !important;
        justify-content: flex-end;
        left: 0;
    }

    .teams-slider .slider-control:last-of-type {
        margin-left: 0 !important;
        justify-content: flex-start;
        right: 0;
    }

    .teams-carousel {
        margin-bottom: 185px !important;
    }

    .testimonials .slider-container {
        width: 100%;
        position: relative;
    }

    .testimonials .slider-items {
        flex-wrap: wrap;
    }

    .testimonials .text-container {
        padding-top: 20px;
        flex-direction: column;
    }

    .testimonials .slider-control {
        box-sizing: border-box;
        width: 50% !important;
        padding-top: 40px !important;
        display: flex;
        align-items: center;
        height: 95px;
        position: absolute;
        bottom: -95px;
        position: absolute;
        bottom: 0;
        z-index: 99;
    }

    .testimonials .slider-control:first-of-type {
        margin-right: 0 !important;
        left: 0 !important;
        justify-content: flex-end;
    }

    .testimonials .slider-control:last-of-type {
        margin-left: 0 !important;
        right: 0 !important;
        justify-content: flex-start;
    }

    .testimonials.slider .slider-control:first-of-type img {
        position: static;
        content: url(../images/slider-left-arrow.svg);
    }

    .testimonials.slider .slider-control:last-of-type img {
        position: static;
        content: url(../images/slider-right-arrow.svg);
    }

    .testimonials .quotation {
        margin-bottom: 13px !important;
    }

    .test-platform-form .action-button {
        margin-top: 30px !important;
    }

    .founder-container {
        margin-bottom: 45px !important;
    }

    .founder-container > div img:first-of-type {
        top: -10px !important;
        left: unset !important;
    }

    .founder-container > p + div {
        box-sizing: border-box;
        justify-content: center;
    }

    .founder-container .quotation-container {
        padding-bottom: 50px !important;
    }

    .question .text-container {
        box-sizing: border-box;
        padding-right: 40px;
    }

    .question .text {
        max-width: none !important;
    }

    .question > div + div {
        top: 64px !important;
    }
}

@media only screen and (max-width: 768px) {
    body>* {
        max-width: calc(100% - 50px) !important;
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    #list nav {
        max-width: calc(100% - 50px) !important;
    }

    main>* {
        margin-left: auto;
        margin-right: auto;
    }

    .lateral-image img {
        width: 100% !important;
    }

    .first-image.lateral-image img {
        width: 100% !important;
    }
}

.test-platform-form .action-button {
    width: 160px !important;
}

.white-container:first-of-type .action-button {
    width: 330px !important;
}

@media only screen and (max-width: 410px) {
    .teams-carousel {
        min-width: 100vw;
        position: relative;
        left: -25px;
    }

    .teams-carousel .green-text {
        margin-left: 25px;
        margin-right: 25px;
    }

    .teams-slider {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 1024px) {
    .action-button {
        width: fit-content !important;
    }
}

@media only screen and (min-width: 1025px) {
    .incearca-platforma {
        width: 315px !important;
    }

    .incearca-platforma:hover {
        width: 365px !important;
    }

    #descopera {
        width: 350px !important;
    }

    #descopera:hover {
        width: 400px !important;
    }

    #trimite {
        width: 160px !important;
    }

    #trimite:hover {
        width: 210px !important;
    }

    #vorbeste {
        justify-content: flex-end !important;
    }

    #vorbeste {
        width: 275px !important;
    }

    #vorbeste:hover {
        width: 325px !important;
    }

    #vezi-profilul {
        width: 294px !important;
    }

    #vezi-profilul:hover {
        width: 344px !important;
    }
}

.padding {
    display: none;
    width: 100% !important;
    height: 130px !important;
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 1024px) {
    .padding {
        display: block;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #FFFFFF;
        padding: 25px;
        z-index: 999999;
    }
}

@media only screen and (min-width: 1025px) {
    div#beneficii, div#parteneri, div#testimoniale, div#founder, div#contact {
        width: 100%;
        height: 1px;
    }
}

@media only screen and (max-width: 1024px) {
    div#beneficii, div#parteneri, div#testimoniale, div#founder, div#contact {
        width: 100%;
        height: 1px;
        margin-top: -130px !important;
        margin-bottom: 130px !important;
    }
}

#form-submit-modal {
    width: 100vw;
    height: 100vh;
    max-width: none;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999999999;
}

#form-submit-modal #container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: brightness(90%);
}

#form-submit-modal #content {
    box-sizing: border-box;
    width: 320px;
    height: auto;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background-color: #FFFFFF;
    box-shadow: 0px 50px 100px rgb(0 0 0 / 3%);
    border-radius: 35px;
}

#form-submit-modal .green-text {
    font-size: 20px;
    line-height: 1.2;
}

#form-submit-modal #submit-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 32px;
}

#form-submit-modal #submit-icon.success {
    content: url(../images/success.svg);
}

#form-submit-modal #submit-icon.fail {
    content: url(../images/fail.svg);
}

@media only screen and (min-width: 1025px) {
    form input {
        padding-left: 40px;
        transition: all 0.3s;
    }
    
    form input:focus {
        outline: none;
        padding-left: 90px !important;
        outline: 1px solid #2EE66B !important;
        transition: padding-left 0.3s ease-out;
        transition-property: padding-left;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
    }
    
    form input + img {
        width: 0;
        left: 40px !important;
        transition: all 0.3s;
    }
    
    form input:focus + img {
        width: 30px;
        transition: width 0.3s ease-out;
        transition-property: width;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
    }
    
    #test-platform .row > div {
        width: 50%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    #test-platform .row > div img {
        position: absolute;
        left: 0;
    }
    
    #test-platform .row > div input {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 1024px) {
    #test-platform .row > div {
        width: 100%;
    }

    #test-platform .row > div img {
        display: none;
    }

    #test-platform .row div:first-of-type input {
        margin-bottom: 10px !important;
    }
}

input.wrong::placeholder {
    color: red !important;
}

@media only screen and (max-width: 768px) {
    #form-submit-modal {
        max-width: none !important;
        margin: 0 !important;
    }

    #form-submit-modal #content {
        width: 270px !important;
    }

    #form-submit-modal #submit-status {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    #form-submit-modal #submit-icon {
        width: 40px !important;
        height: 40px !important;
    }
}

#form-submit-modal #submit-status {
    font-weight: 500 !important;
}

.status-row {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.status-row p {
    visibility: hidden;
    width: 50%;
    font-family: helveticaNeue;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: red;
}

@media only screen and (max-width: 1024px) {
    .status-row p {
        padding-left: 24px;
        font-size: 12px;
        line-height: 20px;
    }

    .transparent-container .hexagon:first-of-type img {
        object-fit: initial !important;
    }
}