:root {
    --ta-primary: #22a36a;
    --ta-primary-soft: #e6f6f0;
    --ta-dark: #142327;
}

body {
}

.gabarito-300 {
    font-family: "Gabarito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.gabarito-400 {
    font-family: "Gabarito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.gabarito-600 {
    font-family: "Gabarito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.gabarito-700 {
    font-family: "Gabarito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.gabarito-800 {
    font-family: "Gabarito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

.section-label {
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
    color: #9aa2af;
}

.card-style-one h4 {
    margin: 60px 0 20px;
}

.block-feature-one p {
    line-height: 1.5em;
    line-height: 1.5em;
}

.title-one h2 {
    font-size: 54px;
    line-height: 1.0416em;
    font-weight: 700;
}

.pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    background: #fff;
    font-size: 0.8rem;
    color: var(--ta-dark);
}

.faq-section-two .btn-primary {
    /*color: #FFF;*/
    background-color: #5143d9;
    border-color: #5143d9;
}

.faq-section-two .btn {
    /*background: #FF481F;*/
    padding: 15px 30px;
    /*color: #fff;*/
    transition: all 0.3s ease-in-out 0s;
    font-width: 700;
}

.hero-badge {
    font-size: 0.85rem;
    background-color: var(--ta-primary-soft);
    color: var(--ta-dark);
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.pricing-section-three .card-style-six {
    border-color: #1060FF;
    box-shadow: 0px 25px 50px rgba(0, 34, 144, 0.07);
}

.title-after-hero h2 {
    font-family: "Outfit", sans-serif;
    font-size: 64px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: -1px;
}

.card-style-six {
    background-color: #ffffff;
}

.block-feature-six .btn {
    padding: 15px 30px;
    transition: all 0.3s ease-in-out 0s;
    font-weight: 700;
}

.block-feature-six .btn-primary {
    background-color: #5143d9;
    border-color: #5143d9;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Gabarito", sans-serif !important;
}

li.nav-item, .footer-nav-link li, .bottom-footer li {
    font-family: "Gabarito", sans-serif !important;
}

.nav-item .nav-link {
    font-size: 20px !important;
    /*line-height: inherit!important;*/
}

.hero-banner-three .illustration-holder {
    top: 70px !important;
    /*top: 124px!important;*/
}

.right-widget .icon-link span {
    font-family: "Gabarito", sans-serif !important;
    font-size: 20px !important;
}

.theme-main-menu.menu-style-three .nav-item:hover .nav-link,
.theme-main-menu.menu-style-three .mega-dropdown .home-item:hover span,
.theme-main-menu.menu-style-three .dropdown-menu .dropdown-item:hover,
.theme-main-menu.menu-style-three .dropdown-menu .dropdown-item.active {
    color: #7E2FFF;
}

.logo img {
    max-width: 215px;
}

.hero-banner-three .illustration-holder .shape_01 {
    right: 9%;
    bottom: 4%;
}

@media (max-width: 575px) {
    .theme-main-menu .space-X {
        padding-left: 10px;
        padding-right: 10px;
    }
    h1, h2 {
        font-size: 3rem;!important;
    }
}