:root {
    --karista-primary: #580474;
    --karista-bg-dark: #37004a;
}


/* Body */
body {
    top: 0.7rem;
}
/* End Body */

/* Navbar */
.karista-navbar {
    padding: 0.7rem 0 !important;
    -webkit-transition: all .7s !important;
    -moz-transition: all .7s !important;
    -o-transition: all .7s !important;
    transition: all .7s !important;
}

.fixed-top {
    position: fixed !important;
}

.nav-link.free-14-day {
    color: var(--karista-primary) !important;
    font-weight: bold;
}
/* End Navbar */

/* Common */
.karista-bg-dark {
    background-color: var(--karista-bg-dark);
}

.scrollbar-thin {
    scrollbar-width: thin;
    overflow-y: scroll;
}
/* Common End */

/* Container */
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}
/* End Container */


/* Accordion */
.accordion-button {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #161c2d;
    display: flex;
    font-size: 1.0625rem;
    overflow-anchor: none;
    padding: 1.5rem 2rem;
    position: relative;
    text-align: left;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:after {
    margin-left: 1rem;
    border: 1px solid #bd98c9;
    padding: 12px;
    border-radius: 100%;
    background-position: center;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: inset 0 -1px 0 #f1f4f8;
    color: #161c2d;
    font-weight: bold;
}

    .accordion-button:not(.collapsed):after {
        transform: rotate(-180deg);
    }

    .accordion-button:after,
    .accordion-button:not(.collapsed):after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23869AB8'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    }

.accordion-button:after {
    background-repeat: no-repeat;
    background-size: 0.85rem;
    content: "";
    flex-shrink: 0;
    height: 0.85rem;
    transition: transform 0.2s ease-in-out;
    width: 0.85rem;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    border-color: #335eea;
    box-shadow: 0 0;
    outline: 0;
    z-index: 3;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid #f1f4f8;
}

    .accordion-item:first-of-type {
        border-top-left-radius: 0.375rem;
        border-top-right-radius: 0.375rem;
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: calc(0.375rem - 1px);
            border-top-right-radius: calc(0.375rem - 1px);
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

    .accordion-item:last-of-type {
        border-bottom-left-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-left-radius: calc(0.375rem - 1px);
            border-bottom-right-radius: calc(0.375rem - 1px);
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-left-radius: 0.375rem;
            border-bottom-right-radius: 0.375rem;
        }

.accordion-body {
    padding: 1.5rem 2rem;
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
}

    .accordion-flush .accordion-item:first-child {
        border-top: 0;
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0;
    }

    .accordion-flush .accordion-item .accordion-button,
    .breadcrumb {
        border-radius: 0;
    }

/* End Accordion */