:root {
    --qc-color1: rgba(255, 255, 255, 1);
    --qc-color2: rgba(222, 222, 222, 1);
    --qc-color3: rgba(156, 156, 156, 1);
    --qc-color4: rgba(89, 89, 89, 1);
    --qc-color5: rgba(23, 23, 23, 1);
    --qc-color6: rgba(209, 204, 246, 1);
    --qc-color7: rgba(149, 140, 234, 1);
    --qc-color8: rgba(90, 75, 222, 1);
    --qc-color9: rgba(50, 34, 186, 1);
    --qc-color10: rgba(32, 22, 122, 1);
    --qc-color11: rgba(189, 185, 208, 1);
    --qc-color12: rgba(144, 141, 163, 1);
    --qc-color13: rgba(100, 97, 119, 1);
    --qc-color14: rgba(56, 54, 75, 1);
    --qc-color15: rgba(15, 12, 30, 1);
    --qc-color16: rgba(187, 245, 221, 1);
    --qc-color17: rgba(106, 226, 159, 1);
    --qc-color18: rgba(59, 131, 92, 1);
    --qc-color19: rgba(48, 108, 76, 1);
    --qc-color20: rgba(32, 76, 53, 1);
    --qc-color21: rgba(201, 217, 252, 1);
    --qc-color22: rgba(175, 198, 251, 1);
    --qc-color23: rgba(96, 143, 247, 1);
    --qc-color24: rgba(64, 96, 165, 1);
    --qc-color25: rgba(32, 47, 83, 1);
    --qc-text-color: var(--qc-color5);
    --qc-heading-color: var(--qc-color15);
    --qc-bg-color: var(--qc-color1);
    --qc-link-color: var(--qc-color8);
    --qc-caption-color: var(--qc-color13);
    --qc-button-color: var(--qc-color8);
    --qc-button-text-color: var(--qc-color1);
    --qc-preset--font-size--large: 28px;
    --qc-preset--font-size: 18px;
    --qc-preset--font-size--small: 14px;
    --qc-preset--spacing--0: 0;
    --qc-preset--spacing--10: 3.2px;
    --qc-preset--spacing--20: 7.04px;
    --qc-preset--spacing--30: 10.72;
    --qc-preset--spacing--40: 16px;
    --qc-preset--spacing--50: 24px;
    --qc-preset--spacing--60: 36rem;
    --qc-preset--spacing--70: 54.08px;
    --qc-preset--spacing--80: 80.96;
    --qc-preset--spacing--90: 112;
    --qc-preset--spacing--100: 144px;
    --qc-preset--spacing--110: 192px;
    --qc-preset--spacing--120: 224px;
    --qc-preset--spacing--130: 240px;
    --qc-preset--spacing--140: 320px;
    --qc-preset--spacing--150: 400px;
    --qc-style--common-block-gap: 16px
}


@media (max-width:991px) {
    :root {
        --qc-preset--spacing--0: 0;
        --qc-preset--spacing--10: 1.4px;
        --qc-preset--spacing--20: 3.08px;
        --qc-preset--spacing--30: 4.62;
        --qc-preset--spacing--40: 7px;
        --qc-preset--spacing--50: 10px;
        --qc-preset--spacing--60: 15px;
        --qc-preset--spacing--70: 22px;
        --qc-preset--spacing--80: 35px;
        --qc-preset--spacing--90: 49px;
        --qc-preset--spacing--100: 70px;
        --qc-preset--spacing--110: 105px;
        --qc-preset--spacing--120: 14px;
        --qc-preset--spacing--130: 168px;
        --qc-preset--spacing--140: 210px;
        --qc-preset--spacing--150: 252px;
        --qc-style--common-block-gap: 10.5
    }

   
}

.qc-h1-tag {
    font-size: 48px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.2;
    color: var(--qc-heading-color)
}

.qc-h2-tag {
    font-size: 28px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.qc-h3-tag {
    font-size: 24px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.qc-h4-tag {
    font-size: 18px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.qc-h5-tag {
    font-size: 16px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.qc-h6-tag {
    font-size: 14px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.6;
    color: var(--qc-heading-color)
}

.qc-p1-tag {
    font-size: 18px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.75;
    color: var(--qc-text-color)
}

.qc-p2-tag {
    font-size: 16px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.65;
    color: var(--qc-text-color)
}

.qc-p3-tag {
    font-size: 14px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.7;
    color: var(--qc-text-color)
}

.qc-editor-wrapper {
    font-family: Inter
}


.qc-editor-wrapper p {
    margin: 20px 0 !important;
    min-height: 1em;
    font-size: 18px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.75;
    color: var(--qc-text-color)
}

.qc-editor-wrapper h1 {
    margin: 48px 0;
    font-size: 48px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.2;
    color: var(--qc-heading-color)
}

.qc-editor-wrapper h2 {
    margin: 28px 0;
    font-size: 28px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.qc-editor-wrapper h3 {
    margin: 24px 0;
    font-size: 24px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.qc-editor-wrapper h4 {
    margin: 18px 0;
    font-size: 18px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.qc-editor-wrapper h5 {
    margin: 16px 0;
    font-size: 16px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.qc-editor-wrapper h6 {
    margin: 14px 0;
    font-size: 14px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.6;
    color: var(--qc-heading-color)
}

.qc-editor-wrapper code {
    font-size: 16px;
    padding: .25em;
    border-radius: .25em;
    background-color: #eee !important;
    color: #616161;
    box-decoration-break: clone
}

.qc-editor-wrapper a {
    color: var(--qc-link-color);
    text-decoration: underline
}

.qc-editor-wrapper blockquote {
    padding-left: 24px;
    font-style: italic;
    font-size: 18px;
    border-left: 3px solid var(--qc-button-color)
}

.qc-editor-wrapper ul,
.qc-editor-wrapper ol {
    padding: 0 0 0 2rem
}

.qc-editor-wrapper ul li::marker,
.qc-editor-wrapper ol li::marker {
    font-size: 18px
}

.qc-button-wrapper {
    background: var(--qc-button-color);
    border-radius: 100px;
    font-family: Inter
}

.qc-caption {
    font-size: 14px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.7;
    color: var(--qc-text-color)
}

.qc-link-wrapper {
    font-family: Inter
}

.qc-dropdown-wrapper {
    font-family: Inter
}

.qc-navbar-brand-wrapper .qc-navbar-brand-name {
    font-family: Inter
}

.blog-collection-wrapper .blog-collection-main .empty-collection span {
    font-size: 18px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.75;
    color: var(--qc-text-color)
}

.b-c-p .pagination {
    font-size: 18px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.75;
    color: var(--qc-text-color)
}

.b-c-l .la .la-l .title {
    font-size: 28px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.5;
    color: var(--qc-heading-color)
}

.b-c-l .la .la-l .description {
    font-size: 16px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.65;
    color: var(--qc-text-color)
}

.b-c-l .la .la-l .rt .time {
    font-size: 14px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.7;
    color: var(--qc-text-color)
}

.b-c-l .ap .author .name {
    font-size: 14px;
    font-family: Inter;
    font-weight: bold;
    font-style: normal;
    line-height: 1.6;
    color: var(--qc-heading-color)
}

.qc-blog-toc-container .qc-blog-toc-title {
    font-size: 14px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.7;
    color: var(--qc-text-color)
}

.qc-blog-toc-container .qc-blog-toc-body a {
    font-size: 14px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.7;
    color: var(--qc-text-color)
}

.qc-share-blog-wrapper .qc-share-blog-title {
    font-size: 14px;
    font-family: Inter;
    font-weight: none;
    font-style: normal;
    line-height: 1.7;
    color: var(--qc-text-color)
}

.qc-single-image-wrapper img {
    border-radius: 0
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px
}