@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
body {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.section-shop,
.section-inner-top,
.section-simple,
.section-hero,
.section-light {
    padding: 4.2rem 0;
}

.brand-logo {
    filter: brightness(0) invert(1);
    width: 130px;
}


/* .new-nav {
    height: 65px;
} */

.fixed-top.shadow .brand-logo {
    /* filter: brightness(0) invert(0); */
    filter: none !important;
}

.font-sub-heading {
    font-size: 1.2rem;
}

.section-dark {
    color: #ffffff;
    background-color: #000000;
}

.section-dark .card {
    background: transparent;
    color: #ffffff;
}

@media (min-width: 992px) {
    .navbar-dark {
        background-color: transparent;
    }
    .section-after-header {
        margin-top: 0;
        min-height: 100vh;
    }
    /* .new-nav {
        height: unset !important;
    } */
}

.section-after-header {
    /* background: url(../img/hero-background-img.png) no-repeat center; */
    /* background: url(../img/hero-background.jpg) no-repeat center; */
    background: url(../img/hero-background-grad.jpg) no-repeat center;
    position: relative;
    background-size: 100% 100%;
}

.section-after-header:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #00000085;
    display: block;
    content: "";
    z-index: 0;
}

.section-inner-top {
    min-height: auto;
    margin-top: 60px;
}

.section-after-header .hero-content,
.section-inner-top .col-sm-12 {
    color: #ffffff;
    z-index: 9;
}

/* .btn {
    border-radius: 100px;
} */

.btn-primary:focus,
.btn-primary:hover,
.btn-primary {
    color: #fff;
    background-color: #300896;
    border-color: #300896;
}

.section-pricing .card {
    border: 1px solid #131212;
}

.section-call-to-action,
.section-pricing .card-primary {
    background-color: #300896;
    color: #ffffff;
    border: none;
}

.section-pricing .card-title {
    font-size: 1.3rem;
    margin-bottom: 1.6rem;
}

.section-pricing .card-title-lg {
    font-size: 2rem;
    margin-bottom: 5rem;
}

.section-call-to-action .btn-primary,
.section-pricing .card-primary .btn-primary {
    color: #300896;
}

a,
a:hover,
.accordion-button:not(.collapsed),
.section-pricing .pricing-feature-list li span {
    color: #300896
}

.section-call-to-action {
    background-color: #300896
}

.footer-dark {
    background-color: #000000;
    color: #ffffff;
}

.card-icon-special {
    background: #300896;
    color: #fff;
}

#section-how-it-works .card-title {
    font-size: 1.8rem;
}