: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;
}
/* 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 */

/* Card */
.card-list .l-1 .list-link::before {
    left: calc(-1rem + -15px)
}

.card-list .l-2 .list-link::before {
    left: calc(-1rem + -(15px * 2))
}

.card-list .l-3 .list-link::before {
    left: calc(-1rem + -(15px * 3))
}

.card-list .l-4 .list-link::before {
    left: calc(-1rem + -(15px * 4))
}

.card-list .l-5 .list-link::before {
    left: calc(-1rem + -(15px * 5))
}

.card-list .l-6 .list-link::before {
    left: calc(-1rem + -(15px * 5))
}

.card-list .list-link::before {
    border-color: #ab00e8;
}
/* End Card */

/* List */
.list-item + .list-item {
    margin-top: 0.75rem;
}
/* End List */

/* Karista Article */
.karista-article-container .karista-article-image {
    position: relative;
    border-radius: 0.5rem;
}

    .karista-article-container .karista-article-image #jarallax-container-0 {
        border-radius: .5rem !important;
    }

.karista-article-container h1 {
    font-weight: 800;
    line-height: 50px;
    color: #343434;
    text-align: center;
    font-size: 30px;
}

@media (max-width: 992px) {
    .karista-article-container h1 {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .karista-article-container h1 {
        font-size: 26px;
    }
}

@media (max-width: 576px) {
    .karista-article-container h1 {
        font-size: 24px;
        line-height: 32px;
    }
}

.karista-article-container .karista-article-text h1, .karista-article-container .karista-article-text h2 {
    font-weight: 800;
    line-height: 50px;
    color: rgb(52, 52, 52);
    text-align: right;
}

.karista-article-container .karista-article-text h1 {
    font-size: 34px;
}

@media (max-width: 992px) {
    .karista-article-text h1 {
        font-size: 30px !important;
    }
}

@media (max-width: 768px) {
    .karista-article-text h1 {
        font-size: 28px !important;
        line-height: 32px !important;
    }
}

@media (max-width: 576px) {
    .karista-article-text h1 {
        font-size: 26px !important;
        line-height: 32px !important;
    }
}

.karista-article-container .karista-article-text h2 {
    font-size: 28px;
}

@media (max-width: 992px) {
    .karista-article-text h2 {
        font-size: 24px !important;
    }
}

@media (max-width: 768px) {
    .karista-article-text h2 {
        font-size: 22px !important;
        line-height: 32px !important;
    }
}

@media (max-width: 576px) {
    .karista-article-text h2 {
        font-size: 20px !important;
        line-height: 32px !important;
    }
}

.karista-article-container .karista-article-text h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: rgb(105, 105, 105);
}

@media (max-width: 992px) {
    .karista-article-text h3 {
        font-size: 22px !important;
    }
}

@media (max-width: 768px) {
    .karista-article-text h3 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

@media (max-width: 576px) {
    .karista-article-text h3 {
        font-size: 18px !important;
        line-height: 30px !important;
    }
}

.karista-article-container .karista-article-text p {
    font-size: 20px;
    line-height: 40px;
    color: rgb(57, 57, 57);
}

.karista-article-container .karista-article-text a {
    color: var(--karista-primary);
    font-weight: 700;
}

    .karista-article-container .karista-article-text a:hover {
        text-decoration: none;
    }

.karista-article-container .karista-article-text ul {
    padding-left: 0;
}

    .karista-article-container .karista-article-text ul li {
        font-size: 20px;
        line-height: 40px;
        color: #393939;
        position: relative;
    }

@media (max-width: 992px) {
    .karista-article-container .karista-article-text p, .karista-article-container .karista-article-text li {
        font-size: 18px !important;
    }
}

@media (max-width: 768px) {
    .karista-article-container .karista-article-text p, .karista-article-container .karista-article-text li {
        font-size: 16px !important;
        line-height: 30px !important;
    }
}

.karista-article-container .karista-article-info span, .karista-article-container .karista-article-info h6, .karista-article-container .karista-article-info time {
    font-size: 14px;
}

.karista-article-container .karista-article-text .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 0.9em auto;
    min-width: 50px;
}

    .karista-article-container .karista-article-text .image.image-style-block-align-right {
        margin-right: 0;
        margin-left: auto;
    }

    .karista-article-container .karista-article-text .image.image-style-block-align-left {
        margin-left: 0;
        margin-right: auto;
    }

    .karista-article-container .karista-article-text .image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        border-radius: 0.5rem;
    }

.karista-article-container .karista-article-text .table {
    margin: 0.9em auto;
    display: table;
}

@media screen and (max-width: 600px) {
    .karista-article-container .karista-article-text .table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

.karista-article-container .karista-article-text .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 1.5em 0;
    line-height: 1.5;
    color: #333;
    background: #fff;
    border-radius: 0.5rem;
    border-color: #cdb3d5;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

    .karista-article-container .karista-article-text .table table thead {
        color: #37004a;
        font-weight: 600;
    }

        .karista-article-container .karista-article-text .table table thead tr {
            background: #eee;
        }

    .karista-article-container .karista-article-text .table table th {
        min-width: 2em;
        padding: 1.5rem 2rem;
        border-bottom: 2px solid #e1e4e8;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: bold;
    }

    .karista-article-container .karista-article-text .table table td {
        min-width: 2em;
        padding: 1.5rem 2rem;
        border-bottom: 2px solid #e1e4e8;
        vertical-align: top;
    }

[dir="rtl"] .karista-article-container .karista-article-text .table th {
    text-align: right;
}

[dir="ltr"] .karista-article-container .karista-article-text .table th {
    text-align: left;
}

.karista-article-container .karista-article-text .table table tbody tr:nth-child(even) {
    background: #fafafa;
}

.karista-article-container .karista-article-text .table > figcaption {
    display: table-caption;
    caption-side: top;
    word-break: break-word;
    text-align: center;
    color: var(--ck-color-selector-caption-text);
    background-color: var(--ck-color-selector-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

@media (forced-colors: active) {
    .karista-article-container .karista-article-text .table > figcaption {
        background-color: unset;
        color: unset;
    }
}

.karista-article-container .karista-article-text .table .ck-table-resized {
    table-layout: fixed;
}

.karista-article-container .karista-article-text .table table {
    overflow: hidden;
}

.karista-article-container .karista-article-text .table td,
.karista-article-container .karista-article-text .table th {
    overflow-wrap: break-word;
    position: relative;
}

.karista-article-container .karista-article-text figure {
    width: 100% !important;
}
/* End Karista Article */