<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&amp;family=Inter:wght@100..900&amp;display=swap);


:root {
    --Black: #283739;
    --textPrimary: #252724;
    --sementics-color-fg-default: #18181B;
    --textPrimaryColor: #A760FF;
    --textNavbar: #959AA5;
    --textFooter: #FFFFFFA6;
    --grey: #E5E5E5;
    --indigo-2: #f3edff;
    --grey-2: #686D76;
}


.nav-benefit {
    display: flex;
    flex-wrap: nowrap !important;
    padding: .5rem .8rem;
    border: 1px solid #DADFE6;
    border-radius: 2rem;
    width: fit-content;
}

.nav-benefit .nav-link {
    color: var(--Black) !important;
    text-align: center;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 145%;
    letter-spacing: -0.3px;
    border-radius: 2rem !important;
}

.nav-benefit .nav-link.active {
    color: white !important;
    background: linear-gradient(180deg, #A75FFF 0%, #8A37F1 100%), var(--textPrimaryColor) !important;
}


.price-name {
    color: var(--textPrimaryColor);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.3px;
}

.price-title {
    color: var(--Black);
    padding-bottom: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 129%;

}

.price-subtitle {
    color: var(--Black);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 149.5%;
}

.price-subtitle span {
    font-style: italic;
}

.price-title-tab {
    color: var(--Black);
    margin-bottom: 0 !important;
    font-style: normal;
    font-weight: 700;
    line-height: 148%;
    letter-spacing: -0.4px;

}

.price-subtitle-tab {
    color: var(--grey-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.subtitle,
.textGrey {
    line-height: 23px;
    color: var(--grey-2) !important;
}


.w-80 {
    width: 80%;
}

.sectionContact .contact {
    border-radius: 24px;
    border: 1px solid #E5D4FF;
    background: #F6EFFF;
}

.packets {
    display: flex;
    align-items: center;
    padding-top: 4px;
    justify-content: center;
}

.price-packet {
    padding: .5rem;
}

.price-packet-item {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1rem;
    align-items: start;
    gap: 1.5rem;
    border-radius: 8px;
    border: 1px solid #E4E4E7;
    background: #FFF;
}

.price-packet-item-title {
    color: var(--sementics-color-fg-default);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
}

.price-packet-item-description {
    color: var(--sementics-color-fg-default);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.price-packet-item-name {
    color: var(--sementics-color-fg-default);
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
}

.price-packet-item-name span {
    color: var(--sementics-color-fg-default);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
}

.price-packet-item-subscription,
.price-packet-item-subscription:hover,
.price-packet-item-subscription:focus {
    border-radius: 8px;
    color: #FFF;
    padding: .9rem;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    width: 100% !important;
    background: var(--textPrimaryColor);
}

.price-packet-item-benefit-text {
    color: var(--sementics-color-fg-default);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
}

.price-packet-item-benefits {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}

.price-packet-item-benefit-description {
    color: var(--sementics-color-fg-default);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

@media (max-width:575.98px) {
    .nav-benefit {
        width: 100%;
    }

    .nav-benefit .nav-item {
        width: 50%;
    }

    .nav-benefit .nav-link {
        width: 100%;
        font-size: 14px !important;
        justify-content: center;
        padding: 0.5rem .75rem !important;
    }

    .price-title {
        font-size: 32px;
    }

    .price-subtitle {
        padding-bottom: 1rem;
    }

    div .navbar-login2,
    div .navbar-login {
        padding: .75rem 1.25rem;
    }

    .price-title-tab {
        font-size: 34px;
    }

    .title {
        line-height: 40px !important;
    }

    .price-packet {
        width: 100%;
    }
}


@media (min-width:576px) {
    .nav-benefit .nav-link {
        padding: .7rem 2.5rem !important;
    }

    .price-title {
        font-size: 46px;
    }

    .price-subtitle {
        padding-bottom: 2rem;
        margin: auto;
    }

    .col-sm-auto .navbar-login2,
    .col-sm-auto .navbar-login {
        padding: .75rem 3rem;
    }

    .price-title-tab {
        font-size: 38px;
    }

    .title {
        width: 80%;
        line-height: 47.24px;
    }

    .w-sm-70 {
        width: 70%;
    }

    .price-features {
        margin: auto;
        width: 80%;
    }

    .w-sm-80 {
        width: 80%;
    }

    .subtitle {
        width: 80%;
        margin: auto;
    }
}


@media (min-width:576px) and (max-width:767.98px) {
    .price-packet {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width:767.98px) {
    .packets {
        flex-direction: column;
    }
}


@media (min-width:768px) and (max-width:991.98px) {

    .price-packet {
        width: 50%;
    }

    .title,
    .subtitle {
        width: 70% !important;
    }
}

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

    .packets {
        flex-direction: row;
    }
}

@media (max-width:991.98px) {
    .h-min-lg {
        height: 300px;
    }

    .section1,
    .sectionContact {
        padding: 0 1.5rem !important
    }
}


@media (min-width:992px) {
    .title {
        font-size: 36px;
        width: 60% !important;
    }

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

    .section1 {
        padding: 0 5rem !important
    }

    .sectionContact {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        padding: 0 5rem !important
    }

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

    .price-feature,
    .w-lg-80 {
        width: 80% !important;
    }

    .price-packet {
        width: 33%;
    }
}

@media (min-width:1204px) and (max-width:1343.98px) {
    .packets {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width:1344px) {
    .packets {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
}
</pre></body></html>