body {
    background-color: white;
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1280px
    }
}

.btn {
    padding: 20px 24px;
    font-size: 16px;
    line-height: 20px;
    font-family: figtree-semi-bold;
    border-radius: 12px;
    border: none;
}

.btn-primary {
    background-color: #091F39;
    color: white;
}

.btn-primary:hover {
    background-color: white;
    color: #091F39;
}

.btn-secondary {
    background-color: #DB6349;
    color: white;
}

.btn-secondary:hover {
    background-color: white;
    color: #DB6349;
    border: none;
}

.btn-outline-secondary {
    background-color: white;
    color: #DB6349;
    border: 1px solid lightgray;
}

.btn-outline-secondary:hover {
    background-color: #DB6349;
    color: white;
    border: 1px solid lightgray;
}

#top-home {
    background-image: url("../images/background/hero-bGPIrzo.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#home-bg-right {
    background-image: url("../images/background/home-right-LVaI0TV.svg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 20%;
}

header {
    color: #091F39;
    padding: 12px 70px;

    @media (max-width: 768px) {
        padding: 12px 12px;
    }

    a {
        color: #091F39;
        text-decoration: none;
    }

    .menu-link {
        margin-top: 15px;
    }

    .btn {
        padding: 12px 16px;
    }
}

#hero {
    padding-top: 72px;
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 104px;

    h1 {
        margin-bottom: 32px;

        span {
            color: #DA5739;
        }
    }

    ul {
        margin-bottom: 32px;
    }

    @media (max-width: 768px) {
        padding: 12px 12px;

        img {
            width: 100%;
        }

        .btn {
            margin-bottom: 16px;
            width: 100%;
        }
    }

    @media (max-width: 1400px) {
        padding-left: 12px;
        padding-right: 12px;
    }
}

#number {
    padding-top: 88px;
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 80px;

    .number-title {
        max-width: 800px;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.4px;
        font-family: catamaran-semi-bold;

        margin: auto;
        margin-bottom: 40px;
    }

    .numbers {
        margin-bottom: 80px;
    }

    .big-number {
        font-size: 72px;
        line-height: 64px;
        letter-spacing: -0.5px;
        font-family: figtree-bold;

        margin-bottom: 16px;

        .medium-number {
            font-size: 64px;
            line-height: 64px;
            letter-spacing: -0.5px;
            font-family: figtree-bold;
        }

        .small-number {
            font-size: 20px;
            line-height: 20px;
        }
    }

    .tag-number {
        background-color: #FFB91E;
        transform: rotate(-1.26deg);
        display: inline-block;
        padding: 12px 8px;
        margin-bottom: 16px;
    }

    .description-number {
        font-size: 18px;
        line-height: 24px;
        font-family: figtree-medium;
    }

    .number-subtitle {
        max-width: 500px;
        margin: auto;

        span {
            font-weight: bold;
            color: #8BAEFA;
        }

        img {
            position: relative;
            top: 10px;
            left: 215px;
            margin-top: -75px;
        }
    }

    @media (max-width: 768px) {
        padding: 12px 12px;

        .description-number {
            margin-bottom: 16px;
        }

        .number-subtitle {
            width: 100%;
        }

        .numbers {
            margin-bottom: 32px;
        }
    }

    @media (max-width: 1400px) {
        padding-left: 12px;
        padding-right: 12px;
    }
}

#subject {
    .subject-background {
        background-color: #091F39;
        padding-top: 32px;
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: 40px;
    }

    .subject-content {
        max-width: 900px;
        margin: auto;
    }

    .subject-title {
        margin-bottom: 56px;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.4px;
        font-family: catamaran-semi-bold;
    }

    h2 {
        color: white;

        span {
            font-weight: bold;
            color: #8BAEFA;
        }
    }

    .card-subjects {
        border-radius: 16px;
        padding: 40px 80px;
        margin-bottom: 24px;

        .image {
            width: 40px;
            height: 40px;
            margin: auto
        }

        .title-s {
            margin-top: 16px;
        }

        .text-m {
            margin-top: 8px;
        }
    }

    @media (max-width: 768px) {
        .subject-background {
            padding: 36px 12px;
        }

        .card-subjects {
            .text-m {
                margin-bottom: 32px;
            }
        }
    }

    @media (max-width: 1400px) {
        .subject-background {
            padding: 36px 12px;
        }
    }
}

#solution {
    background-color: #F9F1EB;

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    h3 {
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.4px;
        font-family: catamaran-semi-bold;
    }

    .solution-title {
        max-width: 800px;
        margin: auto auto 56px;

        span {
            font-weight: bold;
            color: #8BAEFA;
        }
    }

    .solution-individual {
        background-image: url("../images/background/solution-individual-PCubK24.svg");
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 30%;

        margin-bottom: 80px;

        .solution-cards {
            position: relative;
            left: -35px;
            top: 30px;
        }
    }

    .solution-collective {
        .solution-collective-img {
            position: relative;
            z-index: 1;
        }

        .solution-collective-bg {
            position: absolute;
            left: 0;
        }
        padding-bottom: 88px;
    }

    .cards {
        margin-bottom: 48px;
        margin-top: 48px;

        .card-solution {
            width: auto;
            border: none;
            border-radius: 24px;
            background-color: white;
            color: #091F39;
            padding: 24px;
            text-align: center;

            .card-solution-title {
                color: #8BAEFA;
                font-size: 40px;
                line-height: 44px;
                letter-spacing: -1px;
                font-family: figtree-bold;

                span {
                    font-size: 22px;
                    line-height: 36px;
                    letter-spacing: -1px;
                    font-family: catamaran-semi-bold;
                }
            }

            .card-solution-text {
                font-size: 14px;
                line-height: 16px;
                font-family: figtree-medium;
            }
        }
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .solution-1 {
            width: 100%;
            margin-top: 32px;
        }

        .btn {
            margin-bottom: 8px;
            width: 100%;
        }

        .cards {
            .card-solution {
                width: 100%;
            }
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#strength {
    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .strength-background {
        background-image: url("../images/background/strength-H-RsvA0.svg");
        background-position: center bottom;
        background-repeat: no-repeat;

        padding-top: 120px;
        padding-bottom: 120px;
        background-color: white;
    }

    .tag-strength {
        background-color: #DB6F48;
        color: white;
        transform: rotate(-1.26deg);
        display: inline-block;
        padding: 8px 16px;
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .strength-content {
        .title-l {
            margin-bottom: 64px;
        }

        .title-xs {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .strength-numbers {
            margin-top: 48px;
        }

        .big-number {
            font-size: 48px;
            line-height: 52px;
            letter-spacing: -1px;
            font-family: figtree-bold;
        }

        .image-etp {
            margin-top: -80px;
        }
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
        .strength-background {
            padding-top: 12px;
            padding-bottom: 12px;
        }

        .strength-content {
            .image-etp {
                margin-top: 0px;
                width: 100%;
            }
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#health {
    .health-background {
        padding-top: 80px;
        padding-bottom: 20px;
        background-color: #8BAEFA;

        .front {
            position: relative;
            z-index: 1;
        }

        .health-bg {
            position: relative;
            right: -500px;
            margin-top: -330px;
        }
    }

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .health-title {
        margin-bottom: 104px;
    }

    .card-health {
        border-radius: 16px;
        background-color: #F9F1EB;
        padding: 48px;
        border: none;
        min-height: 242px;

        img {
            margin-bottom: 10px;
        }
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#testimonial {
    .testimonial-background {
        padding-top: 80px;
        padding-bottom: 104px;
        background-color: white;
    }

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .testimonial-title {
        margin-bottom: 80px;

        span {
            color: #8BAEFA;
        }
    }

    .logos {
        margin-bottom: 80px;
    }

    .carousel-inner {
        width: 70%;
        margin: auto;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 5%;
    }

    .card-testimonial {
        border-radius: 16px;
        background-color: #F9F1EB;
        padding: 56px;
        border: none;

        .card-title {
            margin-bottom: 48px;
            font-size: 24px;
            line-height: 28px;
            letter-spacing: -0.4px;
            font-family: figtree-semi-bold;
        }

        .testimonial-person-img {
            margin-right: 15px;
            width: 80px;
            height: 80px;
        }

        .testimonial-person {
            padding: 15px;
        }
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .testimonial-title {
            margin-bottom: 32px;
        }

        .logos {
            text-align: center;
            margin-bottom: 32px;

            img {
                margin-top: 32px;
            }
        }

        .card-testimonial {
            margin-bottom: 8px;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#faq {
    .faq-background {
        padding-top: 100px;
        padding-bottom: 120px;
        background-color: #EBA594;

        &.faq-bg-lite {
            background-color: #F9F1EB;
        }
    }

    .faq-content {
        a {
            width: 100%;
            display: block;
        }
    }

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .faq-title {
        margin-left: auto;
        margin-right: auto;
        max-width: 705px;
        margin-bottom: 32px;

        img {
            position: relative;
            top: 5px;
            left: -40px;
            margin-top: -75px;

            &.long-title {
                top: -65px;
                left: 295px;
            }

            &.long-title-cw {
                top: -20px;
                left: 115px;
            }
        }

        &.faq-small-title {
            font-size: 32px;
            line-height: 36px;
        }
    }

    .card-faq {
        border-radius: 16px;
        background-color: #F9F1EB;
        padding: 24px 40px;
        border: none;
        margin-bottom: 16px;

        .card-faq-question {
            display: inline-block;
            width: 95%
        }

        &.faq-bg-lite {
            background-color: white;
        }

        a {
            text-decoration: none;
            font-size: 18px;
            line-height: 24px;
            font-family: figtree-medium;
            color: #091F39;
        }

        .faq-answer {
            margin-top: 40px;
        }
    }

    @media (max-width: 768px) {
        .faq-background {
            padding-top: 12px;
            padding-bottom: 12px;
        }

        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#contact {
    background-color: #091F39;

    .contact-background {
        background-image: url("../images/background/contact-CJ0eJIy.png");
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 30%;
    }

    .contact-content {
        padding-top: 20px;
        padding-bottom: 20px;
        max-width: 900px;
        margin: auto;

        .text-xl {
            color: #8BAEFA;
            margin-bottom: 32px;
        }

        input, textarea {
            width: 100%;
            margin-bottom: 16px;
            border: none;
            border-radius: 8px;
            padding: 10px;

            &.btn {
                padding: 20px 40px;
                border-radius: 12px;
            }
        }

        .btn-outline-secondary {
            width: auto;
        }
    }

    .contact-title {
        color: white;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.5px;
        font-family: catamaran-semi-bold;
    }

    .contact-subtitle {
        margin-bottom: 40px;
        color: white;
    }

    .contact-thanks {
        color: #8BAEFA;
        text-align: start;
        font-family: catamaran-bold;
    }

    .calendly {
        margin-bottom: 32px;
    }
}

footer {
    background-color: #001125;
    min-height: 280px;

    .container {
        padding: 50px 120px;
    }

    .footer-img {
        margin-bottom: 20px;
    }

    .subtitle {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.5px;
        font-family: figtree-medium;
        color: white;
    }

    .footer-links {
        margin-left: 280px;
        padding-top: 60px;

        a {
            margin-right: 16px;
            text-decoration: none;
            color: white;
        }
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .footer-links {
            margin-left: 200px;
            padding-top: 30px;

            a {
                display: block;
                margin-right: 0px;
                margin-bottom: 32px;
            }
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#top-individual-support {
    background-image: url("../images/background/individual-support-1clDYlZ.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 30%;
    background-color: #F9F1EB;

    video {
        border-radius: 16px;
        width: 100%;
    }
}

#journey {
    margin-top: 64px;
    padding-bottom: 80px;

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .journey-title {
        max-width: 750px;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.5px;
        font-family: catamaran-semi-bold;
        margin: auto;
        margin-bottom: 48px;

        span {
            color: #DA5739;
            font-family: catamaran-bold;
        }
    }

    .title-l {
        margin: auto;
        margin-bottom: 40px;
    }

    .journey-img {
        height: 150px;
    }

    .card-journey {
        border-radius: 16px;
        border: none;
        background-color: #F9F1EB;
        color: #091F39;
        padding: 24px;
        text-align: center;
        margin-top: 32px;
        min-height: 405px;

        .tag-journey {
            background-color: #8BAEFA;
            transform: rotate(-1.26deg);
            display: inline-block;
            padding: 8px 16px;
            position: relative;
            top: -40px;
            width: auto;
            margin-bottom: 16px;
            margin-left: auto;
            margin-right: auto;
        }

        .title-s {
            font-size: 21px;
            line-height: 28px;
            letter-spacing: -0.4px;
            font-family: figtree-bold;
            margin-bottom: 40px;
            margin-top: -32px;
        }

        p {
            margin-bottom: 32px;
        }

        .card-bottom {
            border-radius: 16px;
            border: none;
            background-color: #FFB91E;
            padding: 16px;
        }

        .bullet {
            margin-bottom: 24px;

            .text-l {
                margin-left: 8px;
            }

            .subtitle {
                margin-left: 45px;
            }
        }
    }

    h3 {
        max-width: 700px;
        margin-top: 48px;
        margin-left: auto;
        margin-right: auto;
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .card-journey {
            min-height: 100px;
            margin-bottom: 32px;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#result {
    background-color: #091F39;

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .result-content {
        color: white;

        h2 {
            margin-bottom: 48px;

            span {
                color: #8BAEFA;
            };
        }

        .bullet {
            margin-top: 24px;
            height: 72px;
        }

        .bullet-subtitle {
            margin-top: 24px;
            color: #8BAEFA;
        }

        .big-number {
            font-size: 40px;
            line-height: 64px;
            letter-spacing: -0.5px;
            font-family: figtree-bold;
            margin-right: 24px;
            width: 120px;

            span {
                font-size: 32px;
                line-height: 64px;
            }
        }

        .extra {
            background-image: url("../images/background/result-kqBfzV8.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 95%;
            height: 600px;

            img {
                transform: rotate(-1.26deg);
                position: relative;
            }
        }

        .extra-big-number {
            width: 400px;
            padding-top: 180px;
            margin: auto;
            color: #091F39;
            font-size: 85px;
            line-height: 85px;
            letter-spacing: -1px;
            font-family: figtree-bold;

            span {
                font-size: 66px;
            }
        }

        .extra-text {
            width: 400px;
            color: #091F39;
            margin: auto;
            margin-bottom: 40px;
            font-size: 21px;
            line-height: 28px;
            letter-spacing: -0.5px;
            font-family: figtree-bold;
        }
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .result-content {
            padding-top: 16px;

            .extra {
                height: 400px;
            }

            .extra-big-number {
                padding-top: 100px;
            }

            .extra-text {
                width: 300px;
            }
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#testimonial-is {
    background-image: url("../images/background/testimonial-is-rBIlE-F.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 38%;
    background-color: #F9F1EB;

    .carousel-inner {
        width: 70%;
        margin: auto;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 5%;
    }

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .testimonial-is-content {
        padding-top: 85px;
        padding-bottom: 104px;
    }

    .card-testimonial-is {
        background-color: white;
        border-radius: 16px;
        border: none;
        color: #091F39;
        padding: 24px;
        margin-top: 32px;
        margin: 10px;
        display: inline-block;
        width: 330px;

        &.card-testimonial-is-cw {
            min-height: 385px;

            .person {
                margin-bottom: 0px;
            }
        }

        img {
            margin-bottom: 24px;
        }

        p {
            margin-bottom: 24px;
        }

        .person {
            margin-bottom: 24px;
        }

        .tag-testimonial-is {
            background-color: #FFB91E;
            transform: rotate(-1.26deg);
            display: inline-block;
            padding: 6px 8px;
            position: relative;
            width: auto;
            margin-bottom: 16px;

            font-size: 18px;
            line-height: 24px;
            font-family: figtree-semi-bold;
        }
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#top-collective-workshop {
    background-color: #F9F1EB;

    .collective-workshop-bg {
        position: absolute;
        left: 0px;
        top: 100px;
    }

    .collective-workshop-img {
        position: relative;
    }

    .tag-collective-workshop {
        color: #091F39;
        background-color: white;
        transform: rotate(-1.26deg);
        padding: 8px 12px;
        width: auto;
        display: inline-block;
    }

    li {
        margin-top: 8px;
    }
}

#workshop {
    margin-top: 64px;
    padding-bottom: 64px;

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .workshop-title {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.5px;
        font-family: catamaran-semi-bold;

        span {
            font-family: catamaran-bold;
            color: #8BAEFA;
        }
    }

    #workshop-content-1 {
        background-image: url("../images/background/workshop-1-izQ6VHT.svg");
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 30%;

        .tag-workshop {
            background-color: #DB6F48;
            color: white;
        }
    }

    #workshop-content-2 {
        background-image: url("../images/background/workshop-2-4Scuaax.svg");
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 30%;
        margin-top: -104px;

        img {
            margin-top: 64px;
        }

        .tag-workshop {
            background-color: #FFB91E;
        }

        .content {
            margin-left: 48px;
        }
    }

    .workshop-content {
        padding-top: 32px;
        padding-bottom: 100px;

        p {
            color: #606D7F;
        }

        h3 {
            font-size: 32px;
            line-height: 36px;
            letter-spacing: -0.5px;
            font-family: catamaran-semi-bold;
        }

        .subtitle {
            font-size: 21px;
            line-height: 24px;
            letter-spacing: -0.5px;
            font-family: figtree-semi-bold;
        }

        .col {
            padding: 32px;
        }

        .title-xs {
            margin-top: 16px;
            margin-bottom: 16px;
        }

        .tag-workshop {
            transform: rotate(-1.26deg);
            display: inline-block;
            padding: 6px 8px;
            font-size: 14px;
            line-height: 16px;
            letter-spacing: -0.5px;
            font-family: figtree-semi-bold;
        }

        .card-workshop {
            background-color: #FBF5F2;
            border-radius: 16px;
            border: none;
            margin-top: 16px;
            padding: 24px;
        }
    }

    .subtitle {
        margin-top: -32px;
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .workshop-title {
            width: 100%;
            margin-bottom: 32px;
        }

        img {
            width: 100%;
            margin-bottom: 8px;
            margin-top: 8px;

        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#challenge {
    padding-top: 64px;
    padding-bottom: 32px;
    background-color: #091F39;

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .challenge-content {
        color : white;

        h2 {
            width: 800px;
            color: white;
            margin: auto;
            text-align: center;
            font-size: 32px;
            line-height: 36px;
            letter-spacing: -0.5px;
            font-family: catamaran-semi-bold;

            span {
                color: #8BAEFA;
            }

            img {
                position: relative;
                top: -50px;
                right: -250px;
                margin-top: -100px;
            }
        }

        .big-number {
            height: 136px;
            width: 136px;
            text-align: center;
            padding-top: 40px;
            font-size: 64px;
            line-height: 54px;
            letter-spacing: -1px;
            font-family: catamaran-extra-bold;
            color: #091F39;
            margin: auto;

            background-image: url("../images/background/challenge-kpi-nYTW0cS.svg");
            background-position: center center;
            background-repeat: no-repeat;

            span {
                font-size: 20px;
                line-height: 20px;

                &.big-number-sign {
                    font-size: 32px;
                    line-height: 40px;
                }
            }
        }

        .tag-challenge {
            color: #091F39;
            background-color: white;
            transform: rotate(-1.26deg);
            display: inline-block;
            padding: 5px;
            margin-bottom: 16px;
            margin-top: -5px;
        }

        .text-challenge {
            margin: auto;
            width: 200px;
        }

        h3 {
            color: #8BAEFA;
            margin: auto;
            margin-top: 64px;
        }
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#reconciliation {
    background-color: #EBA594;

    .reconciliation-background {
        padding-top: 72px;
        padding-bottom: 80px;
    }

    h2 {
        width: 800px;
        margin: auto;
        text-align: center;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.5px;
        font-family: catamaran-semi-bold;
    }

    .cards {
        margin-top: 64px;
        width: 1000px;
        margin-right: auto;
        margin-left: auto;
    }

    .card {
        border: none;
        border-radius: 16px;
        background-color: #F9F1EB;
        color: #091F39;
        padding: 32px;
        text-align: center;
        width: 300px;
        height: 120px;
        margin: auto auto;
    }

    img {
        margin-top: -15px;
        margin-bottom: -15px;
        position: relative;
        z-index: 2;
    }

    .card-reconciliation-top {
        opacity: 0.8;
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        h2 {
            width: 100%;
        }

        .cards {
            width: 100%;
        }

        .card-reconciliation-bottom {
            margin-bottom: 32px;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#top-about {
    background-color: #F9F1EB;

    .tags {
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.5px;
        font-family: catamaran-semi-bold;
        padding: 8px 12px;
    }

    .tag-about-1 {
        color: #091F39;
        background-color: white;
        transform: rotate(-1.26deg);
        display: inline-block;
        padding: 5px;
        margin-bottom: 16px;
        margin-top: -5px;
    }

    .tag-about-2 {
        color: #091F39;
        background-color: #FFB91E;
        transform: rotate(+1.26deg);
        display: inline-block;
        padding: 5px;
        margin-bottom: 16px;
        margin-top: -5px;
    }
}

.about-title {
    width: 560px;
    margin: auto;
    text-align: center;
    color: white;

    img {
        position: relative;
        top: -130px;
        left: 290px;
        margin-top: -75px;
    }
}

#conviction {
    padding: 48px 100px;
    background-color: white;

    .conviction-left {
        background-image: url("../images/background/conviction-5_9SbNf.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 90%;
        height: 500px;

        .conviction-left-content {
            width: 420px;
            margin: auto;
        }

        .tag-conviction {
            background-color: white;
            transform: rotate(-1.26deg);
            display: inline-block;
            padding: 8px 12px;
        }
    }

    .image-subtitle {
        width: 390px;
        margin: auto;
        font-size: 16px;
        line-height: 20px;
        font-family: figtree-medium;

        a {
            color: #091F39;
        }
    }

    h2 {
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.5px;
        font-family: catamaran-semi-bold;
        margin-bottom: 32px;
        margin-top: 125px;
    }

    .card-conviction {
        border-radius: 24px;
        padding: 40px;
        background-color: #F9F1EB;
        width: 800px;
        margin: auto;
        margin-top: -15px;
        border: none;

        .title-s {
            font-family: figtree-semi-bold;
        }
    }

    @media (max-width: 768px) {
        padding-left: 12px;
        padding-right: 12px;
        .conviction-left {
            background-size: 100%;

            .conviction-left-content {
                width: 100%;
                text-align: center;
            }

            .tag-conviction {
                display: block;
                width: 70%;
                margin: auto;
            }
        }

        .image-conv {
            width: 100%;
        }

        .image-subtitle {
            width: 100%;
        }

        h2 {
            margin-top: 5px;
            margin-bottom: 64px;
        }

        .card-conviction {
            margin-top: 16px;
        }
    }

    @media (max-width: 1400px) {
        padding-left: 12px;
        padding-right: 12px;
    }
}

#scientist {
    background-color: #091F39;
    color: white;

    .scientist-title {
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.5px;
        font-family: catamaran-semi-bold;
    }

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    h2 {
        margin-bottom: 32px;

        span {
            color: #8BAEFA;
        }
    }

    .col {
        margin: 0px 16px;
    }

    .tag-scientist {
        color: #091F39;
        background-color: white;
        transform: rotate(-1.26deg);
        display: inline-block;
        padding: 5px;
        margin-bottom: 16px;
        margin-top: -5px;
    }

    @media (max-width: 768px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .scientist-title {
            margin-top: 16px;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#animate {
    background-image: url("../images/background/animate-left-iuQcO4e.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 50%;
    background-color: #F9F1EB;
    color: #091F39;

    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .animate-left {

        .animate-title {
            padding-top: 88px;
            margin-bottom: 64px;
        }

        img {
            margin-bottom: 72px;
        }
    }

    .animate-right {
        padding-top: 64px;
        padding-left: 32px;

        .tag-animate {
            background-color: #FFB91E;
            transform: rotate(-1.26deg);
            display: inline-block;
            padding: 12px 8px;
            margin-bottom: 16px;
        }
    }

    @media (max-width: 768px) {
        background: none;

        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .animate-image {
            width: 100%;
        }
    }

    @media (max-width: 1400px) {
        .container {
            padding-left: 12px;
            padding-right: 12px;
        }
    }
}

#why {
    padding: 40px 100px;
    background-image: url("../images/background/founder-qHtxx4m.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 35%;
    background-color: white;
    text-align: center;

    .subtitle {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -2px;
        font-family: catamaran-semi-bold;
    }

    h2 {
        width: 800px;
        margin: 16px auto 58px auto;
    }

    .why-founder {
        .why-text {
            width: 500px;
            height: 620px;
            margin: auto;
            padding-top: 200px;
        }
        .why-image {
            width: 500px;
            margin: auto;
        }
    }

    @media (max-width: 768px) {
        padding-left: 12px;
        padding-right: 12px;
        background: none;

        .why-founder {
            .why-text {
                width: 100%;
                padding-top: 0px;
                height: auto;
            }

            .why-image {
                width: 100%;
                img {
                    width: 100%;
                }
            }
        }

    }

    @media (max-width: 1400px) {
        padding-left: 12px;
        padding-right: 12px;
    }
}

#why-2 {
    .container {
        padding-left: 120px;
        padding-right: 120px;
    }

    .why-2-1 {
        background-image: url("../images/background/why-2-S6NbQmg.svg");
        background-position: top left;
        background-repeat: no-repeat;
        background-color: white;
        background-size: 50%;
        color: white;
        margin-top: -75px;
        padding-bottom: 120px;

        video {
            border-radius: 48px;
            width: 100%;
        }

        .why-2-1-1 {
            padding-top: 120px;
        }

        h2 {
            margin-bottom: 32px;
            margin-right: 8px;
        }
    }

    .why-2-2 {
        background-image: url("../images/background/why-2-2-2EJXFlE.png");
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 45%;
        padding: 104px;
        margin-top: -64px;
    }

    .card-why {
        border: none;
        border-radius: 32px;
        padding: 64px;
        margin-top: 64px;
        background-color: #FBF5F2;
        background-image: url("../images/background/why-card-sH9XToS.svg");
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: 30%;
        margin-bottom: 120px;

        .why-title {
            margin-bottom: 32px;
        }

        .card-why-inside {
            border: none;
            border-radius: 24px;
            padding: 24px 40px;
            background-color: white;
            margin: auto;
            text-align: center;

            h3 {
                font-size: 21px;
                line-height: 28px;
                font-family: figtree-bold;
            }
        }
    }

    @media (max-width: 768px) {
        .why-2-1 {
            background-image: none;
            color: #091F39;
        }
        .why-2-2 {
            background-image: none;
            padding: 12px;
        }

        .container {
            padding-left: 12px;
            padding-right: 12px;
        }

        .image-why-2-2 {
            width: 100%;
        }

        .card-why {
            padding: 32px;

            .card-why-inside {
                margin-bottom: 16px;
            }
        }
    }
}

@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.logos {
    overflow: hidden;
    padding: 00px 0;
    background: white;
    white-space: nowrap;
    position: relative;
}

.logos:before,
.logos:after {
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    content: "";
    z-index: 2;
}

.logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos:hover .logos-slide {
    animation-play-state: paused;
}

.logos-slide {
    display: inline-block;
    animation: 35s slide infinite linear;
}

.logos-slide img {
    height: 60px;
    margin: 0 40px;
}