:root {
    --bs-brand-500: #34A624;
    --bs-brand-600: #0D7419;
    --bs-warning-100: #FEF0C7;
    --bs-warning-400: #FDB022;
}

*, html {
    scroll-behavior: smooth !important;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.placeholder-wave {
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.5) 75%, #000 95%);
}

.mmc-h-fill-screen {
    height: calc(100vh - 98px);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

p {
    font-weight: 600;
}

main {
    overflow-x: hidden;
}

.border-dashed {
    border-style: dashed;
}

.navbar {
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-collapse {
    position: absolute;
    width: 100%;
    top: 93px;
    left: 0;
    background: white;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    padding: 1rem;
}

    .navbar-collapse .btn {
        display: block;
        width: 100%;
        margin-bottom: 0.5rem;
    }

.navbar-toggler {
    border: none;
}

    .navbar-toggler:focus {
        box-shadow: none;
    }

@media (min-width: 992px) {
    .navbar {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .navbar-collapse {
        position: unset;
        width: unset;
        background: unset;
        border-bottom: unset;
        padding: unset;
    }

        .navbar-collapse .btn {
            display: unset;
            width: unset;
            margin-bottom: unset;
        }
}

.text-normal label {
    font-weight: 400 !important;
}

.placeholder {
    min-height: 1.5em;
    background-color: #CBF2C9;
}

.placeholder-gray {
    min-height: 1.5em;
    background-color: var(--bs-gray-200);
}

section h1 {
    font-size: 36px;
}

section p {
    font-size: 20px
}

ul.bullet {
    list-style-type: none;
}

    ul.bullet li {
        padding-left: 34px;
        padding-bottom: 48px;
        position: relative;
    }

        ul.bullet li::before {
            background-color: #CBF2C9;
            width: 48px;
            height: 48px;
            display: inline-block;
            position: absolute;
            left: -32px;
            top: -10px;
            border: 8px solid var(--bs-secondary);
            border-radius: 28px;
        }

        ul.bullet li:last-child {
            padding-bottom: unset;
        }

    ul.bullet.placeholder-wave li::before {
        content: '';
        background-image: unset;
        background-color: #CBF2C9;
        opacity: 0.5;
    }

    ul.bullet li.icon-svg::before {
        content: '';
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 60%;
    }

    ul.bullet li.icon-svg-hexagon::before {
        background-image: url(/images/icon/hexagon.svg) !important;
    }

    ul.bullet li.icon-svg-rocket::before {
        background-image: url(/images/icon/rocket.svg) !important;
    }

    ul.bullet li.icon-svg-network::before {
        background-image: url(/images/icon/network.svg) !important;
    }

    ul.bullet li.icon-svg-graduationhat::before {
        background-image: url(/images/icon/graduationhat.svg) !important;
    }

    ul.bullet li.icon-svg-heart::before {
        background-image: url(/images/icon/heart.svg) !important;
    }

    ul.bullet li.icon::before {
        background-image: unset;
        font-family: feather;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
        font-weight: 500;
    }

    ul.bullet li.icon-brand-600::before {
        color: var(--bs-brand-600);
    }

    ul.bullet li.icon-heart::before {
        content: '\e964';
    }

.ff-gabarito {
    font-family: var(--bs-font-gabarito) !important;
}

.ff-nunito {
    font-family: var(--bs-font-nunito-sans) !important;
}

.fs-7 {
    font-size: 0.75rem;
}

.fs-8 {
    font-size: 0.625rem;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.w-20 {
    width: 20%;
}

.w-60 {
    width: 60%;
}

.bg-brand-25 {
    background-color: #F6FFF5;
}

.bg-brand-50 {
    background-color: #E5F9E3;
}

.bg-brand-600 {
    background-color: #0D7419;
}

.bg-brand-900 {
    background-color: #074222;
}

.bg-gold-25 {
    background-color: #FEEBAC;
}

.bg-gray-800 {
    background-color: #1D2939;
}

.bg-gray-200 {
    background-color: #E4E7EC;
}

.bg-gray-100 {
    background-color: #F2F4F7;
}

.bg-gray-50 {
    background-color: #F9FAFB;
}

.bg-warning-50 {
    background-color: #FFFAEB;
}

.bg-warning-100 {
    background-color: var(--bs-warning-100);
}

.bg-warning-400 {
    background-color: #FDB022;
}

.border-brand-100 {
    border-color: #CBF2C9 !important;
}

.border-brand-500 {
    border-color: #34A624 !important;
}

.border-glow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 12px;
    border-radius: 50%;
}

.border-glow-brand-100 {
    border: 8px solid #E5F9E3;
    background: #CBF2C9;
    color: #0D7419;
}

.border-glow-warning-300 {
    border: 8px solid #FEDF89;
    background: #FEC84B;
    color: #FFFFFF;
}

.border-glow-error-100 {
    border: 8px solid #FEF3F2;
    background: #FEE4E2;
    color: #D92D20;
}

.border-glow-gray-100 {
    border: 8px solid #F2F4F7;
    background: #E4E7EC;
    color: #344054;
}

.border-warning-400 {
    border-color: #FDB022 !important;
}

.border-glow-small {
    width: 21px;
    height: 21px;
    border-width: 4px;
}

.text-blue-500-important {
    color: #2E90FA !important;
}

.text-brand-900 {
    color: #074222;
}

.text-brand-700 {
    color: #0B6616;
}

.text-brand-600 {
    color: #0D7419;
}

.text-brand-500 {
    color: #34A624;
}

.text-brand-400 {
    color: #43CC40;
}

.text-brand-200 {
    color: #9BE595;
}

.text-brand-100 {
    color: #CBF2C9;
}

.text-gray-900 {
    color: #101828;
}

.text-gray-800 {
    color: #1D2939;
}

.text-gray-700 {
    color: #344054;
}

.text-gray-600 {
    color: #475467;
}

.text-gray-500 {
    color: #667085;
}

.text-gray-400 {
    color: #98A2B3;
}

.text-gray-300 {
    color: #D0D5DD;
}

.text-gray-200 {
    color: #E4E7EC;
}

.text-gray-100 {
    color: #F2F4F7;
}

.text-gray-50 {
    color: #F9FAFB;
}

.text-gray-25 {
    color: #FCFCFD;
}

.text-success-200 {
    color: #A6F4C5;
}

.text-warning-400 {
    color: #FDB022;
}

.text-warning-500 {
    color: #F79009;
}

.text-warning-600 {
    color: #DC6803;
}

.avatar-80 {
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.modal {
    backdrop-filter: blur(8px);
}

.mw-600 {
    max-width: 600px;
}

.btn-premium {
    background-color: #FDB022;
    border: 1px solid #FDB022;
    overflow: hidden;
}

    .btn-premium:hover {
        background-color: #DC6803;
        border: 1px solid #DC6803;
    }

    .btn-premium:active {
        background-color: #FDB022 !important;
        border: 1px solid #FDB022 !important;
        box-shadow: 0px 1px 2px 0px #FEF0C7, 0px 0px 0px 4px rgba(254, 240, 199, 0.7) !important;
    }

    .btn-premium:focus {
        box-shadow: 0px 1px 2px 0px #FEF0C7, 0px 0px 0px 4px rgba(254, 240, 199, 0.7) !important;
    }

    .btn-premium:disabled, .btn-premium.disabled {
        background-color: #FDB022;
        border-color: #FDB022;
    }

    .btn-premium.btn-xl .label-wrapper {
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }

        .btn-premium.btn-xl .label-wrapper .border-glow {
            width: 60px;
            height: 60px;
        }

.button-loader {
    width: 85px;
}

.qrcode {
    width: 150px;
    height: 150px;
}

    .qrcode img {
        width: 28px;
        height: 28px;
    }

.position-absolute-hide {
    left: -9999px;
}

.scrolling-tabs {
    position: relative;
}

    .scrolling-tabs nav {
        overflow: hidden;
    }

    .scrolling-tabs .nav {
        flex-wrap: unset;
    }

    .scrolling-tabs .nav-link {
        border-right: 1px solid var(--bs-border-color);
        padding-top: unset;
        padding-bottom: unset;
        width: unset;
        min-width: 45%;
    }

    .scrolling-tabs.without-nav-sideborder .nav:first-of-type .nav-link {
        border-right: unset;
    }

    .scrolling-tabs .nav-link:last-child {
        border-right: unset;
    }

    .scrolling-tabs .swiper-button-prev,
    .scrolling-tabs .swiper-button-next {
        width: 24px;
        height: 24px;
        border: 1px solid var(--bs-border-color);
        padding: 0;
        margin: 0;
        border-radius: 5px;
        background: white;
        top: 35px;
        color: var(--bs-brand-500);
    }

    .scrolling-tabs .swiper-button-prev {
        left: -10px;
    }

    .scrolling-tabs .swiper-button-next {
        right: -10px;
    }

        .scrolling-tabs .swiper-button-prev:after,
        .scrolling-tabs .swiper-button-next:after {
            font-size: 10pt;
            font-weight: bold;
        }

.stroke-primary {
    stroke: #0D7419;
}

.stroke-danger {
    stroke: var(--bs-danger);
}

.stroke-white {
    stroke: var(--bs-white);
}

.stroke-gray-700 {
    stroke: var(--bs-gray-700);
}

.fill-primary {
    fill: #0D7419;
}

.fill-danger {
    fill: #D92D20;
}

::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-thumb {
    background-color: #9BE595;
    outline: 1px solid #9BE595;
    border-radius: 50px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
    border-radius: 50px;
}

@-moz-document url-prefix() {
    .scroller {
        scrollbar-width: thin;
        scrollbar-color: #1e202a;
    }
}

@media (min-width: 768px) {
    .w-md-75 {
        width: 75% !important;
    }
}

@media (min-width: 992px) {
    .fs-1 {
        font-size: 3.5rem !important;
        line-height: 3.5rem;
    }

    .mw-lg-600 {
        max-width: 600px;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-85 {
        width: 85% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .border-lg-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }
}