:root {
    --primary: #F0EDE1;
}

html {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    min-height: 100%;
    margin: 0px;
}

@media (min-width: 992px) {
    body {
        padding-bottom: 358px;
    }
}

h1 {
    font-size: 48px;
    font-weight: bold;
}

h2 {
    font-size: 32px;
    font-weight: bold;
}

.btn {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 100%;
    border-radius: 999px;
    font-weight: 500;
}

    .btn.btn-black {
        background: black;
        color: white;
    }

    .btn.btn-transparent {
        background: none;
    }

    .btn.btn-blue {
        background: var(--primary);
        color: black;
    }

    .btn.btn-black:hover {
        background: #C0BEB4;
        color: black;
    }

    .btn.btn-blue:hover {
        background: black;
        color: white;
    }

.field-validation-error {
    color: rgb(220, 53, 69);
}

.hero {
    background: var(--primary);
    padding: 192px 0px;
}

    .hero h1 {
        max-width: 850px;
    }

.hero-subtitle {
    display: block;
    font-size: 18px;
    font-weight: 400;
    max-width: 700px;
}

.hero .logo {
    position: absolute;
    top: 32px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .hero .logo span {
        margin-left: 8px;
        margin-top: 9px;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 100%;
    }

.hero .action-row {
    margin-top: 32px;
    display: flex;
    gap: 8px;
}

.hero .image-container {
    position: relative;
}

    .hero .image-container .wrapper {
        height: 100%;
        position: relative;
        background: rgba(0,0,0,0.2);
        border-radius: 8px;
    }

    .hero .image-container .img-1 {
        position: absolute;
        top: -10%;
        right: -5%;
        z-index: 20;
        width: 75%;
        border-radius: 8px;
    }

    .hero .image-container .img-2 {
        position: absolute;
        bottom: -20%;
        left: -10%;
        width: 100%;
        z-index: 10;
        border-radius: 8px;
    }


.more-info {
    padding: 128px 0px;
}

    .more-info h2 {
        margin-bottom: 16px;
    }

    .more-info .action-row {
        margin-top: 32px;
        display: flex;
        justify-content: center;
    }

    .more-info .image-row {
        margin-top: 32px;
    }

        .more-info .image-row .wrapper {
            background: rgba(0,0,0,0.02);
            padding: 12px;
            border-radius: 8px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .more-info .image-row img {
            width: 100%;
            border-radius: 8px;
        }

.contact {
    background: var(--primary);
    padding: 96px 0px;
}

    .contact .title-hint {
        display: block;
        text-align: center;
        font-weight: 300;
    }

    .contact h2 {
        text-align: center;
    }

    .contact form .form-group {
        margin-bottom: 16px;
    }

    .contact form label {
        display: block;
        margin-bottom: 8px;
        font-weight: 500;
    }

    .contact form input {
        border-radius: 8px;
        border: none;
        padding: 8px 12px;
    }

    .contact form textarea {
        border-radius: 8px;
        border: none;
    }

    .contact form .action-row {
        display: flex;
        margin-top: 32px;
        justify-content: center;
    }

    .contact .field-validation-error {
        color: rgb(255 202 0);
    }

    .contact .text-danger {
        color: rgb(255 202 0) !important;
    }

.hero-contact h1 {
    max-width: 100%;
    text-align: center;
}

.hero-contact .hero-subtitle {
    max-width: 600px;
    margin: 0px auto;
    text-align: center;
}

    .hero-contact .hero-subtitle a {
        color: black;
    }

.footer {
    background: #C0BEB4;
    padding: 64px 0px;
}

    .footer a {
        color: black;
    }

    .footer .left-footer-content {
        /*max-width: 540px;*/
    }

    .footer .footer-links-table {
        width: 100%;
        margin-top: 48px;
    }

        .footer .footer-links-table .title {
            font-size: 18px;
            font-weight: 500;
            padding-bottom: 8px;
            line-height: 100%;
        }

            .footer .footer-links-table .title a {
                text-decoration: none;
            }

        .footer .footer-links-table td:nth-of-type(2) {
            text-align: right;
        }

    .footer .copyright-container {
        display: flex;
        align-items: end;
        justify-content: end;
    }

@media (min-width: 992px) {
    .footer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
}

.apply {
    padding: 96px 0px;
    color: var(--text-blue);
}

    .apply h2 {
        text-align: center;
    }

    .apply .title-hint {
        display: block;
        text-align: center;
        margin-bottom: 32px;
    }


    .apply form .form-group {
        margin-bottom: 16px;
    }

    .apply form label {
        display: block;
        margin-bottom: 8px;
        font-weight: 500;
    }

    .apply form input {
        border-radius: 8px;
        padding: 8px 12px;
        outline: none;
    }

    .apply form textarea {
        border-radius: 8px;
        outline: none;
    }

    .apply form .action-row {
        display: flex;
        margin-top: 32px;
        justify-content: center;
    }


.hero-thankyou {
    min-height: calc(100vh - 358px);
}

    .hero-thankyou h1 {
        max-width: 100%;
        text-align: center;
    }

    .hero-thankyou .hero-subtitle {
        max-width: 600px;
        margin: 0px auto;
        text-align: center;
    }

        .hero-thankyou .hero-subtitle a {
            color: black;
        }

.hero-upload {
    padding: 44px;
}

.upload {
    padding: 96px 0px;
    color: var(--text-blue);
}

    .upload h2 {
        text-align: center;
    }

    .upload .title-hint {
        display: block;
        text-align: center;
        margin-bottom: 32px;
    }


    .upload form .form-group {
        margin-bottom: 16px;
    }

    .upload form label {
        display: block;
        margin-bottom: 8px;
        font-weight: 500;
    }

    .upload form input {
        border-radius: 8px;
        padding: 8px 12px;
        outline: none;
    }

    .upload form textarea {
        border-radius: 8px;
        outline: none;
    }

    .upload form .action-row {
        display: flex;
        margin-top: 32px;
        justify-content: center;
    }

    .upload .into-excel-input {
        padding: 0;
    }

        .upload .into-excel-input .input-hint {
            border: 1px solid #ced4da;
            border-radius: 8px;
            padding: 8px 12px;
            display: block;
            background: white;
            cursor: pointer;
            margin-bottom: 0 !important;
        }

        .upload .into-excel-input .filename {
            display: block;
            padding: 1.11rem 1.25rem .902rem;
        }




/* #region Mobile exceptions */
@media (max-width: 1399px) {
    .hero .image-container .img-2 {
        bottom: -10%;
    }
}

@media (max-width: 1199px) {
    .hero .image-container {
        top: 0px;
        left: 32px;
        max-height: 240px;
    }

        .hero .image-container .img-1 {
            top: -8%;
            right: -8%;
        }

        .hero .image-container .img-2 {
            bottom: -8%;
            left: -8%;
        }
}

@media (min-width: 992px) {
    .desktop-hidden {
        display: none;
    }
}

@media (max-width: 991px) {
    .tablet-hidden {
        display: none;
    }

    .hero .image-container {
        max-height: unset;
        left: unset;
        margin-top: 64px;
        height: 80%;
    }

        .hero .image-container .wrapper {
            padding: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero .image-container .img-1 {
            position: relative;
            width: 100%;
            left: unset;
            top: unset;
            right: unset;
            bottom: unset;
        }

        .hero .image-container .img-2 {
            position: relative;
            width: 100%;
            left: unset;
            top: unset;
            right: unset;
            bottom: unset;
        }

    .more-info .col-lg-4:not(:last-of-type) {
        margin-bottom: 16px;
    }

    .footer .copyright-container {
        margin-top: 32px;
        justify-content: start;
    }
}

@media (max-width: 767px) {
    .hero {
        padding: 128px 0px 96px 0px;
    }

        .hero .image-container .col-md-6:first-of-type {
            margin-bottom: 16px;
        }

        .hero .action-row {
            flex-wrap: wrap;
            justify-content: center;
        }

    .more-info {
        padding: 64px 0px;
    }

    .contact {
        padding: 64px 0px;
    }

    .apply {
        padding: 64px 0px;
    }
}
/* #endregion */