/* Minification failed. Returning unminified contents.
(4,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-style-family'
(5,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-style'
(11,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-display'
(33,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(34,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(45,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(46,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(57,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(57,74): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(58,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(58,66): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(62,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(62,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(62,118): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(63,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(63,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(63,110): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(67,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(67,74): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(68,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(68,66): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(72,53): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(73,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(94,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(94,74): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(95,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(95,66): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(99,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(99,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(99,118): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(100,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(100,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(100,110): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(104,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(104,74): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(105,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(105,66): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(109,53): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(110,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(126,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity'
(132,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity'
(138,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity'
(145,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(146,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(152,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity'
(159,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(160,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(166,42): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(166,61): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(166,80): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(166,99): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(167,34): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(167,53): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(167,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(167,91): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(173,42): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(173,61): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(173,80): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(173,99): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(174,34): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(174,53): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(174,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(174,91): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}

.fa, .fa-brands, .fa-regular, .fa-solid, .far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-regular, .fa-solid, .far {
    font-family: Font Awesome\ 6 Free
}

.fa-brands {
    font-family: Font Awesome\ 6 Brands
}

@-webkit-keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale,1.25));
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale,1.25));
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@-webkit-keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@-webkit-keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@-webkit-keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@-webkit-keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    24%,8% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
}

@keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    24%,8% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-user:before {
    content: "\f007"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-circle-check:before {
    content: "\f058"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-check:before {
    content: "\f00c"
}

.fa-circle-xmark:before {
    content: "\f057"
}

:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-display: block;
    font-family: Font Awesome\ 6 Brands;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fa-brands-400-c61287c2.woff2) format("woff2"),url(/assets/fa-brands-400-b1d1c1b0.ttf) format("truetype")
}

.fa-brands {
    font-weight: 400
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-facebook:before {
    content: "\f09a"
}
/*!
 * Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */

:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-display: block;
    font-family: Font Awesome\ 6 Free;
    font-style: normal;
    font-weight: 900;
    src: url(/assets/fa-solid-900-8f06540f.woff2) format("woff2"),url(/assets/fa-solid-900-e4f6a7e9.ttf) format("truetype")
}

.fa-solid {
    font-weight: 900
}

.nav-menu .menu.is-cell div.links .sign-in-btn {
    background-image: linear-gradient(284.35deg,#0060ae,#00e677)
}

.bg-gradient-2, section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
    background-image: linear-gradient(.384turn,#15b4df,#1e5da9 106.34%)
}

    .hover\:bg-gradient-1:hover:not(:disabled), .nav-menu .menu div.links .sign-in-btn:hover:not(:disabled), section#internship-section .card .card-btn:hover:not(:disabled), section#trainee-section .card .card-btn:hover:not(:disabled) {
        background-image: linear-gradient(284.35deg,#00B6AE,#00B6AE)
    }

a, button {
    background-color: transparent
}

.bg-gray-1, .nav-menu .langs-content button.langs.is-active, .nav-menu .langs-content button.langs:active, .nav-menu .langs-content ul li:hover, section#trainee-section {
    background-color: #f2f5f8
}

    * ::-webkit-scrollbar, * ::-webkit-scrollbar-track, .bg-white, .nav-menu, .nav-menu .langs-content ul, section#internship-section, section#internship-section .card, section#internship-section .card .card-btn, section#trainee-section .card, section#trainee-section .card .card-btn {
        background-color: #fff
    }

        .bg-primary, .nav-menu .menu div.links .sign-in-btn, .nav-menu .menu div.links:before, div.check-input input:checked ~ span {
            background-color: #0060ae
        }

        .bg-primary-darker, .nav-menu .menu.is-cell, footer.page-footer {
            background-color: #011c33
        }

            .nav-menu .menu.is-cell .nav-link.is-active {
                background-color: #faa61a
            }

.text-field .field {
    border-color: #acb4ba
}

    .text-field .field:focus-within, .text-field .field:hover, div.check-input span {
        border-color: #22272d
    }

.nav-menu .menu div.links .sign-up-btn {
    outline-color: transparent
}

.outline-gray-3 {
    outline-color: #ccd1d6
}

.nav-menu .menu div.links .sign-up-btn:hover:not(:disabled) {
    outline-color: #0060ae
}

div.check-input {
    color: transparent
}

.text-gray-2 {
    color: #e9ebee
}

.btn-see-more {
    color: #acb4ba
}

.text-gray-5 {
    color: #737d86
}

.text-gray-6 {
    color: #5a646e
}

.text-gray-7 {
    color: #3b454f
}

.nav-menu .menu div.links .sign-in-btn, .nav-menu .menu.is-cell .nav-link, .nav-menu .menu.is-cell .nav-link.is-active, .nav-menu .menu.is-cell div.links .sign-up-btn, .text-white, div.check-input input:checked ~ span, footer.page-footer div.social, section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
    color: #fff
}

a, button {
    color: #000
}

.btn-see-more:not(:disabled), .nav-menu .menu div.links .sign-up-btn, .text-primary {
    color: #0060ae
}

.nav-menu .menu .nav-link, .text-primary-dark {
    color: #0060AE
}

    .nav-menu .menu .nav-link.is-active, .text-secondary {
        color: #faa61a
    }

section#internship-section .card .card-btn:hover:not(:disabled), section#trainee-section .card .card-btn:hover:not(:disabled) {
    color: #fff
}

@media screen and (min-width:1024px) {
    section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
        color: #0060ae
    }
}

.nav-menu .menu div.links .sign-in-btn, .nav-menu .menu div.links .sign-up-btn, .text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width:1024px) {
    .lg\:text-center {
        text-align: center
    }
}

.text-gradient {
    background-image: linear-gradient(284.35deg,#0060ae,#00e677)
}

.text-gradient {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.btn-see-more:not(:disabled), .nav-menu .menu .nav-link.is-active, .underline {
    text-decoration-line: underline
}

.overline {
    text-decoration-line: overline
}

.line-through {
    text-decoration-line: line-through
}

.hover\:underline:hover:not(:disabled) {
    text-decoration-line: underline
}

@media screen and (min-width:1024px) {
    section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
        text-decoration-line: underline
    }
}

.btn-see-more:hover:not(:disabled), .hover\:no-underline:hover, .no-underline, section#internship-section .card .card-btn:hover, section#trainee-section .card .card-btn:hover {
    text-decoration-line: none
}

.text-medium {
    font-weight: 500
}

.nav-menu .menu .nav-link {
    font-weight: 600
}

.btn-see-more, .nav-menu .menu div.links .sign-in-btn, .nav-menu .menu div.links .sign-up-btn, .text-bold, section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
    font-weight: 700
}

.text-xxxs {
    font-size: 12px
}

.text-xxs, main {
    font-size: 14px
}

.text-xs {
    font-size: 16px
}

.btn-see-more, .text-sm {
    font-size: 18px
}

.text-md {
    font-size: 20px
}

.text-lg {
    font-size: 24px
}

.text-xl {
    font-size: 32px
}

@media screen and (min-width:1024px) {
    .lg\:text-xl {
        font-size: 32px
    }

    .lg\:text-xxl {
        font-size: 40px
    }
}

.lh {
    line-height: 100%
}

.lh-md {
    line-height: 125%
}

.nav-menu .menu.is-cell {
    gap: 4px
}

.gap-nano, .nav-menu .langs-content button.langs, .nav-menu .langs-content ul, .nav-menu .langs-content ul li, .nav-menu .menu div.links {
    gap: 8px
}

.gap-xxxs, .nav-menu .menu.is-cell div.links, section#internship-section .card, section#trainee-section .card {
    gap: 16px
}

.gap-xxs, .nav-menu .menu {
    gap: 24px
}

footer.page-footer {
    gap: 64px
}

@media screen and (min-width:1024px) {
    .lg\:gap-0 {
        gap: 0
    }

    .nav-menu .menu, .nav-menu .menu div.links {
        gap: 16px
    }
}

.gap-y-xxs {
    row-gap: 24px
}

section#home {
    padding: 0
}

.p-quark {
    padding: 4px
}

.nav-menu .langs-content ul, section#internship-section .card, section#trainee-section .card {
    padding: 16px
}

.nav-menu .menu.is-cell, .p-xxs {
    padding: 24px
}

.p-xs {
    padding: 32px
}

@media screen and (min-width:1024px) {
    .lg\:p-sm {
        padding: 40px
    }
}

.nav-menu .langs-content button.langs, .nav-menu .langs-content ul li {
    padding-left: 8px;
    padding-right: 8px
}

.nav-menu .menu.is-cell .nav-link, .px-xxxs {
    padding-left: 16px;
    padding-right: 16px
}

.nav-menu, .nav-menu .menu div.links .sign-in-btn, .nav-menu .menu div.links .sign-up-btn, .px-xxs, section, section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
    padding-left: 24px;
    padding-right: 24px
}

footer.page-footer {
    padding-left: 40px;
    padding-right: 40px
}

@media screen and (min-width:1024px) {
    .lg\:px-xxs {
        padding-left: 24px;
        padding-right: 24px
    }

    .nav-menu {
        padding-left: 32px;
        padding-right: 32px
    }

    .lg\:px-sm, section {
        padding-left: 40px;
        padding-right: 40px
    }
}

.btn-see-more, section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:1024px) {
    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
}

.py-nano {
    padding-bottom: 8px;
    padding-top: 8px
}

.nav-menu, .nav-menu .menu div.links .sign-in-btn, .nav-menu .menu div.links .sign-up-btn, .py-xxxs, section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
    padding-bottom: 16px;
    padding-top: 16px
}

    .nav-menu .menu.is-cell .nav-link, .py-xxs {
        padding-bottom: 24px;
        padding-top: 24px
    }

@media screen and (min-width:1024px) {
    .lg\:py-xxs, .nav-menu {
        padding-bottom: 24px;
        padding-top: 24px
    }
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.my-xxs {
    margin-bottom: 24px;
    margin-top: 24px
}

@media screen and (min-width:1024px) {
    .lg\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
}

.nav-menu .menu div.links {
    padding-left: 16px
}

@media screen and (min-width:1280px) {
    .nav-menu .menu div.links {
        padding-left: 24px
    }
}

.nav-menu .langs-content ul li i {
    margin-left: auto
}

.ml-xxxs {
    margin-left: 16px
}

.nav-menu .menu.is-cell, section#internship-section, section#trainee-section {
    padding-bottom: 32px
}

footer.page-footer {
    padding-bottom: 40px
}

@media screen and (min-width:1024px) {
    footer.page-footer {
        padding-bottom: 0
    }

    section#internship-section, section#trainee-section {
        padding-bottom: 40px
    }

    section#home {
        padding-bottom: 64px
    }
}

.mb-nano {
    margin-bottom: 8px
}

.mb-xxxs {
    margin-bottom: 16px
}

.mb-xxs {
    margin-bottom: 24px
}

.mb-sm {
    margin-bottom: 40px
}

@media screen and (min-width:320px) {
    .xs\:mb-xxxs {
        margin-bottom: 16px
    }
}

@media screen and (min-width:1024px) {
    .lg\:mb-xxs {
        margin-bottom: 24px
    }

    .lg\:mb-xs {
        margin-bottom: 32px
    }

    .lg\:mb-sm {
        margin-bottom: 40px
    }
}

.pt-xxs {
    padding-top: 24px
}

section#internship-section, section#trainee-section {
    padding-top: 84px
}

footer.page-footer {
    padding-top: 80px
}

@media screen and (min-width:1024px) {
    footer.page-footer {
        padding-top: 0
    }

    section#internship-section {
        padding-top: 84px
    }
}

.nav-menu .menu.is-cell div.links {
    margin-top: auto
}

.mt-nano {
    margin-top: 8px
}

.mt-xxxs {
    margin-top: 16px
}

.nav-menu .menu footer.page-footer div.links span, .nav-menu footer.page-footer div.menu.is-cell span, footer.page-footer .nav-menu .menu div.links span, footer.page-footer .nav-menu div.menu.is-cell span, footer.page-footer div.check-input span, footer.page-footer div.flex span, footer.page-footer div.nav-menu span, footer.page-footer section#internship-section div.card span, footer.page-footer section#trainee-section div.card span, section#internship-section footer.page-footer div.card span, section#trainee-section footer.page-footer div.card span {
    margin-top: 24px
}

.mt-xs {
    margin-top: 32px
}

.btn-see-more {
    margin-top: 40px
}

@media screen and (min-width:320px) {
    .nav-menu .menu footer.page-footer div.links, .nav-menu footer.page-footer div.menu.is-cell, footer.page-footer .nav-menu .menu div.links, footer.page-footer .nav-menu div.menu.is-cell, footer.page-footer div.check-input, footer.page-footer div.flex, footer.page-footer div.nav-menu, footer.page-footer section#internship-section div.card, footer.page-footer section#trainee-section div.card, section#internship-section footer.page-footer div.card, section#trainee-section footer.page-footer div.card {
        margin-top: 0
    }
}

div.check-input, div.check-input span {
    border-radius: 2px
}

* ::-webkit-scrollbar-thumb, .nav-menu .langs-content button.langs, .text-field .field {
    border-radius: 4px
}

.nav-menu .langs-content ul, .nav-menu .menu.is-cell .nav-link, .rounded-sm, section#internship-section .card, section#trainee-section .card {
    border-radius: 8px
}

    .nav-menu .menu div.links .sign-in-btn, .nav-menu .menu div.links .sign-up-btn, .rounded-pill, section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
        border-radius: 999px
    }

@media screen and (min-width:1024px) {
    section#internship-section .card, section#trainee-section .card {
        border-radius: 16px
    }
}

div.check-input input:checked ~ span {
    border-width: 0
}

.text-field .field {
    border-width: 1px
}

div.check-input span {
    border-width: 2px
}

.nav-menu .menu div.links .sign-up-btn {
    outline-width: 0
}

.outline-hairline {
    outline-width: 1px
}

.nav-menu .menu div.links .sign-up-btn:hover:not(:disabled) {
    outline-width: 2px
}

.text-field .field, div.check-input span {
    border-style: solid
}

.nav-menu .menu div.links .sign-up-btn, .outline-solid {
    outline-style: solid
}

.nav-menu .menu.is-cell div.links .sign-up-btn, .outlined {
    outline: 2px solid currentColor
}

.header-menu, .nav-menu, .nav-menu .menu.is-cell, .w-full, body, div.check-input span, footer.page-footer, html, section {
    width: 100%
}

    .w-fit, section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
        width: fit-content
    }

    .h-full, .nav-menu .langs-content, div.check-input span {
        height: 100%
    }

@media screen and (min-width:320px) {
    section#home div.bg-white, section#home div.nav-menu, section#home div::-webkit-scrollbar, section#home div::-webkit-scrollbar-track, section#home section#internship-section .card div.card-btn, section#home section#internship-section div.card, section#home section#trainee-section .card div.card-btn, section#home section#trainee-section div.card, section#internship-section .card section#home div.card-btn, section#internship-section section#home div.card, section#trainee-section .card section#home div.card-btn, section#trainee-section section#home div.card {
        height: 60%
    }

    section#home div.bg-gray-1 {
        height: 40%
    }
}

@media screen and (min-width:1024px) {
    section#home div.bg-white, section#home div.nav-menu, section#home div::-webkit-scrollbar, section#home div::-webkit-scrollbar-track, section#home section#internship-section .card div.card-btn, section#home section#internship-section div.card, section#home section#trainee-section .card div.card-btn, section#home section#trainee-section div.card, section#internship-section .card section#home div.card-btn, section#internship-section section#home div.card, section#trainee-section .card section#home div.card-btn, section#trainee-section section#home div.card {
        height: 75%
    }

    section#home div.bg-gray-1 {
        height: 25%
    }
}

body, html {
    min-height: 100vh
}

.fixed, .nav-menu {
    position: fixed
}

.static {
    position: static
}

.nav-menu .langs-content, .nav-menu .langs-content button.langs, .nav-menu .menu div.links, .relative, div.check-input, section {
    position: relative
}

.sticky {
    position: sticky
}

.absolute, .nav-menu .langs-content ul, .nav-menu .menu div.links:before, .nav-menu .menu.is-cell, div.check-input span {
    position: absolute
}

* input[type=password]::-ms-clear, * input[type=password]::-ms-reveal, .none {
    display: none
}

.flex, .nav-menu, .nav-menu .langs-content button.langs, .nav-menu .langs-content ul, .nav-menu .menu div.links, .nav-menu .menu.is-cell, body, div.check-input, div.check-input span, html, section#internship-section, section#internship-section .card, section#trainee-section, section#trainee-section .card {
    display: flex
}

.block {
    display: block
}

.grid, footer.page-footer {
    display: grid
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.inline-grid {
    display: inline-grid
}

.inline-flex, .nav-menu .langs-content ul li {
    display: inline-flex
}

.contents, .nav-menu .langs-content {
    display: contents
}

@media screen and (min-width:320px) {
    .nav-menu .menu, .nav-menu .menu.is-cell div.links .langs, .nav-menu .menu.is-cell div.links:before {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .lg\:none {
        display: none
    }

    .nav-menu .menu, footer.page-footer {
        display: flex
    }
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-row {
    flex-direction: row
}

.flex-column, .nav-menu .langs-content ul, .nav-menu .menu.is-cell, .nav-menu .menu.is-cell div.links, body, html, section#internship-section, section#internship-section .card, section#trainee-section, section#trainee-section .card {
    flex-direction: column
}

@media screen and (min-width:1024px) {
    .lg\:flex-row {
        flex-direction: row
    }
}

.items-center, .nav-menu, .nav-menu .langs-content button.langs, .nav-menu .langs-content ul li, .nav-menu .menu, .nav-menu .menu div.links, div.check-input, div.check-input span {
    align-items: center
}

    .items-stretch, .nav-menu .menu.is-cell, .nav-menu .menu.is-cell div.links, body, html {
        align-items: stretch
    }

@media screen and (min-width:1024px) {
    .lg\:items-center, footer.page-footer {
        align-items: center
    }
}

.justify-center, div.check-input, div.check-input span {
    justify-content: center
}

.justify-space-between, .nav-menu {
    justify-content: space-between
}

@media screen and (min-width:1024px) {
    .lg\:justify-space-between, footer.page-footer {
        justify-content: space-between
    }
}

.nav-menu .langs-content, .nav-menu .langs-content button.langs {
    align-self: stretch
}

main {
    flex: 1 1 0%
}

* {
    transition: all .2s ease-in
}

.nav-menu .langs-content ul {
    opacity: 0
}

.opacity-80 {
    opacity: .8
}

.nav-menu .langs-content button.langs.is-active + ul {
    opacity: 1
}

.btn-see-more:hover:not(:disabled), .hover\:opacity-80:hover:not(:disabled), .nav-menu .menu .nav-link:hover:not(:disabled) {
    opacity: .8
}

.active\:opacity-50:active:not(:disabled) {
    opacity: .5
}

.shadow-2 {
    box-shadow: 0 5px 10px #00000026
}

.nav-menu .langs-content ul {
    box-shadow: 0 10px 20px #00000040
}

.hover\:shadow-1:hover:not(:disabled) {
    box-shadow: 0 4px 8px #0000001a
}

.hover\:shadow-2:hover:not(:disabled), .nav-menu .menu div.links .sign-in-btn:hover:not(:disabled), section#internship-section .card .card-btn:hover:not(:disabled), section#trainee-section .card .card-btn:hover:not(:disabled) {
    box-shadow: 0 5px 10px #00000026
}

* {
    box-sizing: border-box;
    font-family: 'Calibri',sans-serif;
    font-weight: bold !important;
    margin: 0;
    outline: 0;
    padding: 0;
    scroll-behavior: smooth
}

    * ::-webkit-scrollbar {
        width: 8px
    }

    * ::-webkit-scrollbar-thumb {
        background-color: #4b4b4bcc
    }

a, button {
    border: none;
    text-decoration: none
}

.header-menu {
    height: 72px
}

@media screen and (min-width:1024px) {
    .header-menu {
        height: 100px
    }
}

.nav-menu {
    height: 56px;
    z-index: 99
}

@media screen and (min-width:1024px) {
    .nav-menu {
        height: 109px
    }
}

.nav-menu img {
    height: 33px
}

@media screen and (min-width:1024px) {
    .nav-menu img {
        height: 41px
    }
}

@media screen and (min-width:1280px) {
    .nav-menu img {
        height: 61px
    }
}

.nav-menu .menu div.links:before {
    content: "";
    height: calc(100% - 20px);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.nav-menu .menu.is-cell {
    height: calc(100vh - 55px);
    left: 0;
    top: 55.5px
}

.nav-menu .langs-content button.langs {
    cursor: pointer;
    user-select: none;
    z-index: 2
}

.nav-menu .langs-content ul {
    list-style: none;
    right: 0;
    top: -500%;
    width: 175px;
    z-index: -1
}

    .nav-menu .langs-content ul li {
        cursor: pointer;
        padding-bottom: 12px;
        padding-top: 12px
    }

        .nav-menu .langs-content ul li img {
            height: 16px;
            object-fit: contain;
            width: 22px
        }

.nav-menu .langs-content button.langs.is-active + ul {
    top: calc(100% + 8px);
    z-index: 5
}

footer.page-footer {
    grid-template-areas: "item-1" "item-3" "item-2";
    grid-template-columns: auto;
    grid-template-rows: 1fr 1fr 1fr
}

@media screen and (min-width:1024px) {
    footer.page-footer {
        height: 221px
    }
}

.nav-menu .menu footer.page-footer div.links, .nav-menu footer.page-footer div.menu.is-cell, footer.page-footer .nav-menu .menu div.links, footer.page-footer .nav-menu div.menu.is-cell, footer.page-footer div.check-input, footer.page-footer div.flex, footer.page-footer div.nav-menu, footer.page-footer section#internship-section div.card, footer.page-footer section#trainee-section div.card, section#internship-section footer.page-footer div.card, section#trainee-section footer.page-footer div.card {
    grid-area: item-2
}

footer.page-footer div.social {
    grid-area: item-3;
    width: 213px
}

footer.page-footer img {
    grid-area: item-1;
    height: 61px;
    width: 213px
}

.text-field .field {
    height: 44px
}

.text-field input {
    border: none;
    height: 100%;
    width: 100%
}

div.check-input {
    height: 16px;
    width: 16px
}

    div.check-input span {
        left: 0;
        top: 0
    }

.nav-menu .menu section#home div.links:before, .nav-menu section#home div.menu.is-cell, section#home .nav-menu .menu div.links:before, section#home .nav-menu div.menu.is-cell, section#home div.absolute {
    z-index: 1
}

section#home div.bg-white, section#home div.nav-menu, section#home div::-webkit-scrollbar, section#home div::-webkit-scrollbar-track, section#home section#internship-section .card div.card-btn, section#home section#internship-section div.card, section#home section#trainee-section .card div.card-btn, section#home section#trainee-section div.card, section#internship-section .card section#home div.card-btn, section#internship-section section#home div.card, section#trainee-section .card section#home div.card-btn, section#trainee-section section#home div.card {
    top: 0
}

section#home div.bg-gray-1 {
    bottom: 0
}

.nav-menu .menu section#home div.header-menu.links, .nav-menu .menu section#home div.menu.is-cell.links, .nav-menu .menu section#home div.nav-menu.links, .nav-menu .menu section#home div.w-full.links, .nav-menu section#home div.header-menu.langs-content, .nav-menu section#home div.menu.is-cell.check-input, .nav-menu section#home div.menu.is-cell.langs-content, .nav-menu section#home div.nav-menu.langs-content, .nav-menu section#home div.relative.menu.is-cell, .nav-menu section#home div.w-full.langs-content, section#home .nav-menu .menu div.header-menu.links, section#home .nav-menu .menu div.menu.is-cell.links, section#home .nav-menu .menu div.nav-menu.links, section#home .nav-menu .menu div.w-full.links, section#home .nav-menu div.header-menu.langs-content, section#home .nav-menu div.menu.is-cell.check-input, section#home .nav-menu div.menu.is-cell.langs-content, section#home .nav-menu div.nav-menu.langs-content, section#home .nav-menu div.relative.menu.is-cell, section#home .nav-menu div.w-full.langs-content, section#home div.header-menu.check-input, section#home div.nav-menu.check-input, section#home div.relative.header-menu, section#home div.relative.nav-menu, section#home div.w-full.check-input, section#home div.w-full.relative {
    z-index: 2
}

section#internship-section .card, section#trainee-section .card {
    box-shadow: 0 8px 16px #00000014;
    width: 100%
}

@media screen and (min-width:1024px) {
    section#internship-section .card, section#trainee-section .card {
        width: 329px
    }

        section#internship-section .card .card-btn, section#trainee-section .card .card-btn {
            background: none
        }
}