@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --body: #0E256D;
    --primary: #192A6B;
    --secondary: #00E0EC;
    --capri-blue-10: #AEF2F5;
    --capri-blue-25: #07C0C5;
    --capri-blue-50: #05BABE;
    --capri-blue-100: #06C4C9;
    --capri-blue-200: #06BACB;
    --capri-blue-300: #07AFCC;
    --capri-blue-400: #07A4CE;
    --capri-blue-500: #079ACF;
    --capri-blue-600: #018487;
    --capri-blue-700: #009AA3;
    --capri-blue-750: #06779F;
    --capri-blue-800: #05698D;
    --bright-purple-50: #C558F6;
    --bright-purple-100: #C168F8;
    --bright-purple-200: #A15CE3;
    --bright-purple-300: #8151CD;
    --bright-purple-350: #7D37E2;
    --bright-purple-400: #6145B8;
    --bright-purple-450: #533A9F;
    --bright-purple-500: #5B2B7D;
    --bright-purple-600: #541A78;
    --bright-purple-700: #541978;
    --orange-100: #FFA273;
    --orange-200: #F0894A;
    --orange-500: #D87341;
    --dark-blue-100: #143296;
    --dark-blue-200: #0C2973;
    --dark-blue-300: #0E256D;
    --dark-blue-400: #192A6B;
    --dark-blue-500: #183355;
    --dark-blue-600: #0C2A72;
    --tertiary: #C168F8;
    --neutral-20: #F9FAFB;
    --neutral-100: #D9DEE3;
    --neutral-400: #9BA2B0;
    --gray-100: #F4F5F8;
    --gray-400: #7B7978;
    --sesi: #96D200;
    --senai: #FF8901;
    --fiep: #248EDF;
    --sistema: #00E0EC;
    --iel: #7314FF;
}
.lh-md {
    line-height: 1.75 !important;
}
.z-1 {
    z-index: 1;
}
.object-fit-cover {
    object-fit: cover;
}
.object-fit-contain {
    object-fit: contain;
}
.fw-extrabold {
    font-weight: 800 !important;
}
.fw-black {
    font-weight: 900;
}
.fw-medium {
    font-weight: 500 !important;
}
@media (min-width: 768px) {
    .fw-md-extrabold {
        font-weight: 800 !important;
    }
    .fw-md-black {
        font-weight: 900;
    }
    .fw-md-medium {
        font-weight: 500 !important;
    }
    .fw-md-light {
        font-weight: 300 !important
    }
    .fw-md-lighter {
        font-weight: lighter !important
    }
    .fw-md-normal {
        font-weight: 400 !important
    }
    .fw-md-bold {
        font-weight: 700 !important
    }
    .fw-md-semibold {
        font-weight: 600 !important
    }
}
.font-montserrat {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.font-opensans {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.font-calibri {
    font-family: 'Calibri', Arial, Helvetica, sans-serif;
}
.shadow-0\.5 {
    box-shadow: 0 0.125rem 0.125rem 0 rgba(0,0,0,0.15);
}
.shadow-1 {
    box-shadow: 0 0.25rem 0.25rem 0 rgba(0,0,0,0.25);
}
.shadow-2 {
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0,0,0,0.25);
}
.text-h-white:hover {
    color: #fff !important;
}
.text-h-white:hover svg:not(.stroked) path {
    fill: #fff;
}
.text-h-white:hover svg.stroked path {
    stroke: #fff;
}
.text-app-body {
    color: var(--body);
}
.text-app-primary {
    color: var(--primary) !important;
}
.text-app-secondary {
    color: var(--secondary);
}
.text-app-neutral-20 {
    color: var(--neutral-20);
}
.text-app-neutral-400 {
    color: var(--neutral-400);
}
.text-app-capri-blue-25 {
    color: var(--capri-blue-25);
}
.text-app-capri-blue-50 {
    color: var(--capri-blue-50);
}
.text-app-bright-purple-50 {
    color: var(--bright-purple-50);
}
.text-app-bright-purple-100 {
    color: var(--bright-purple-100);
}
.text-app-bright-purple-350 {
    color: var(--bright-purple-350);
}
.text-app-dark-blue-100 {
    color: var(--dark-blue-100);
}
.text-app-dark-blue-200 {
    color: var(--dark-blue-200) !important;
}
.text-app-dark-blue-300 {
    color: var(--dark-blue-300) !important;
}
.text-app-dark-blue-400 {
    color: var(--dark-blue-400);
}
.text-h-app-dark-blue-400:hover {
    color: var(--dark-blue-400) !important;
}
.text-app-dark-blue-500 {
    color: var(--dark-blue-500) !important;
}
.text-app-dark-blue-600 {
    color: var(--dark-blue-600) !important;
}
.text-app-neutral-400 {
    color: var(--neutral-400) !important;
}
.text-app-orange-100 {
    color: var(--orange-100) !important;
}
.text-app-orange-200 {
    color: var(--orange-200) !important;
}
.text-app-gray-400 {
    color: var(--gray-400) !important;
}
.bg-app-primary {
    background-color: var(--primary);
}
.bg-app-secondary {
    background-color: var(--secondary);
}
.bg-h-app-secondary:hover {
    background-color: var(--secondary) !important;
}
.bg-h-app-capri-blue-10:hover {
    background-color: var(--capri-blue-10) !important;
}
.bg-h-app-capri-blue-750:hover {
    background-color: var(--capri-blue-750) !important;
}
.bg-app-capri-blue-25 {
    background-color: var(--capri-blue-25) !important;
}
.bg-app-capri-blue-50 {
    background-color: var(--capri-blue-50) !important;
}
.bg-app-capri-blue-100 {
    background-color: var(--capri-blue-100) !important;
}
.bg-app-capri-blue-200 {
    background-color: var(--capri-blue-200) !important;
}
.bg-app-capri-blue-300 {
    background-color: var(--capri-blue-300) !important;
}
.bg-app-capri-blue-400 {
    background-color: var(--capri-blue-400) !important;
}
.bg-app-capri-blue-500 {
    background-color: var(--capri-blue-500) !important;
}
.bg-h-app-capri-blue-500:hover {
    background-color: var(--capri-blue-500) !important;
}
.bg-h-app-capri-blue-600:hover {
    background-color: var(--capri-blue-600) !important;
}
.bg-h-app-capri-blue-700:hover {
    background-color: var(--capri-blue-700) !important;
}
.bg-h-app-capri-blue-800:hover {
    background-color: var(--capri-blue-800) !important;
}
.bg-app-bright-purple-50 {
    background-color: var(--bright-purple-50) !important;
}
.bg-app-bright-purple-100 {
    background-color: var(--bright-purple-100) !important;
}
.bg-app-bright-purple-200 {
    background-color: var(--bright-purple-200) !important;
}
.bg-app-bright-purple-300 {
    background-color: var(--bright-purple-300) !important;
}
.bg-app-bright-purple-350 {
    background-color: var(--bright-purple-350) !important;
}
.bg-app-bright-purple-400 {
    background-color: var(--bright-purple-400) !important;
}
.bg-app-bright-purple-450 {
    background-color: var(--bright-purple-450) !important;
}
.bg-app-bright-purple-500 {
    background-color: var(--bright-purple-500) !important;
}
.bg-app-bright-purple-600 {
    background-color: var(--bright-purple-600) !important;
}
.bg-app-bright-purple-700 {
    background-color: var(--bright-purple-700) !important;
}
.bg-h-app-bright-purple-600:hover {
    background-color: var(--bright-purple-600) !important;
}
.bg-h-app-bright-purple-700:hover {
    background-color: var(--bright-purple-700) !important;
}
.bg-app-dark-blue-100 {
    background-color: var(--dark-blue-100) !important;
}
.bg-app-dark-blue-200 {
    background-color: var(--dark-blue-200) !important;
}
.bg-app-dark-blue-300 {
    background-color: var(--dark-blue-300) !important;
}
.bg-app-dark-blue-400 {
    background-color: var(--dark-blue-400) !important;
}

.bg-app-teal-500 {
    background-color: var(--teal-500) !important;
}
.bg-app-tertiary {
    background-color: var(--tertiary);
}
.bg-app-neutral-20 {
    background-color: var(--neutral-20) !important;
}
.bg-app-neutral-400 {
    background-color: var(--neutral-400);
}
.bg-app-orange-100 {
    background-color: var(--orange-100);
}
.bg-app-orange-200 {
    background-color: var(--orange-200);
}
.bg-h-app-orange-500:hover {
    background-color: var(--orange-500);
}
.border-app-sistema {
    border-color: var(--sistema) !important;
}
.bg-app-sistema {
    background-color: var(--sistema) !important;
}
.border-app-fiep {
    border-color: var(--fiep) !important;
}
.border-app-senai {
    border-color: var(--senai) !important;
}
.border-app-sesi {
    border-color: var(--sesi) !important;
}
.border-app-iel {
    border-color: var(--iel) !important;
}
.border-h-app-sistema:hover {
    border-color: var(--sistema) !important;
}
.border-h-app-fiep:hover {
    border-color: var(--fiep) !important;
}
.border-h-app-senai:hover {
    border-color: var(--senai) !important;
}
.border-h-app-sesi:hover {
    border-color: var(--sesi) !important;
}
.border-h-app-iel:hover {
    border-color: var(--iel) !important;
}
.border-app-neutral-400 {
    border-color: var(--neutral-400) !important;
}
.border-app-capri-blue-50 {
    border-color: var(--capri-blue-50) !important;
}
.border-app-capri-blue-200 {
    border-color: var(--capri-blue-200) !important;
}
.border-app-capri-blue-300 {
    border-color: var(--capri-blue-300) !important;
}
.border-app-capri-blue-400 {
    border-color: var(--capri-blue-400) !important;
}
.border-app-capri-blue-500 {
    border-color: var(--capri-blue-500) !important;
}
.border-app-bright-purple-100 {
    border-color: var(--bright-purple-100) !important;
}
.border-app-bright-purple-200 {
    border-color: var(--bright-purple-200) !important;
}
.border-app-bright-purple-300 {
    border-color: var(--bright-purple-300) !important;
}
.border-app-bright-purple-400 {
    border-color: var(--bright-purple-400) !important;
}
.border-app-bright-purple-450 {
    border-color: var(--bright-purple-450) !important;
}

.border-app-orange-100 {
    border-color: var(--orange-100) !important;
}
.border-app-orange-200 {
    border-color: var(--orange-200) !important;
}
.border-app-neutral-100 {
    border-color: var(--neutral-100) !important;
}

.bg-app-gray-100 {
    background-color: var(--gray-100) !important;
}
.bg-cover {
    background-size: cover !important;
}
.bg-contain {
    background-size: contain !important;
}
.bg-no-repeat {
    background-repeat: no-repeat !important;
}
.bg-top-right {
    background-position: top right !important;
}
.bg-top-left {
    background-position: top left !important;
}
.bg-bottom-right {
    background-position: top left !important;
}
.bg-bottom-left {
    background-position: top left !important;
}
.bg-center {
    background-position: center !important;
}
.outline-none {
    outline:none !important;
}
.text-underlined {
    border-bottom: 0.25rem solid;
}
.bg-h-app-white:hover {
    background-color: #fff !important;
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-250 {
    transition-duration: 250ms;
}
.duration-500 {
    transition-duration: 500ms;
}

.section-title {
    display:inline-block;
    min-width: 18rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    color: var(--dark-blue-300);
    background-color: var(--secondary);
    padding: 0.5rem 2.25rem;
    line-height: 1.2;
    border-radius: 0 50rem 50rem 100rem
}
@media (min-width: 768px) {
    .section-title {
        min-width: 20.25rem;
    }
}