@charset "UTF-8";
@import url('color.css');
@import url('typography.css');
@import url('flex.css');
@import url('margin.css');
@import url('padding.css');
@import url('menu.css');
@import url('dialog.css');
@import url('form.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/*!
 * Adhvik Gyan  v1.0.0 (https://gyan.adhvikgoonline.com/)
    <div class="text-center">
        <a href="https://gyan.adhvikgoonline.com">Gyan</a> © 2008-2026 by <a href="https://swayam.net.in/vinayak-prakash-sutar">Vinayak Prakash Sutar</a> is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International</a><img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;">
    </div>
 */

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: var(--body-color);
    text-align: var(--body-text-align);
    background-color: var(--body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px;
    }
}

:root {
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
}

.g-row {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
    gap: var(--grid-gap);

    >* {
        grid-column: span var(--span, 1);
    }
}

.g-center {
    display: grid;
    place-items: center;
}

.g-col-1 {
    --grid-columns: 1;
}

.g-col-2 {
    --grid-columns: 2;
}

.g-col-3 {
    --grid-columns: 3;
}

.g-col-4 {
    --grid-columns: 4;
}

.g-col-5 {
    --grid-columns: 5;
}

.g-col-6 {
    --grid-columns: 6;
}

.g-col-7 {
    --grid-columns: 7;
}

.g-col-8 {
    --grid-columns: 8;
}

.g-col-9 {
    --grid-columns: 9;
}

.g-col-10 {
    --grid-columns: 10;
}

.g-col-11 {
    --grid-columns: 11;
}

.g-col-12 {
    --grid-columns: 12;
}

@media (min-width: 768px) {
    .g-col-md-1 {
        --grid-columns: 1;
    }

    .g-col-md-2 {
        --grid-columns: 2;
    }

    .g-col-md-3 {
        --grid-columns: 3;
    }

    .g-col-md-4 {
        --grid-columns: 4;
    }

    .g-col-md-5 {
        --grid-columns: 5;
    }

    .g-col-md-6 {
        --grid-columns: 6;
    }

    .g-col-md-7 {
        --grid-columns: 7;
    }

    .g-col-md-8 {
        --grid-columns: 8;
    }

    .g-col-md-9 {
        --grid-columns: 9;
    }

    .g-col-md-10 {
        --grid-columns: 10;
    }

    .g-col-md-11 {
        --grid-columns: 11;
    }

    .g-col-md-12 {
        --grid-columns: 12;
    }
}

.g-span-2 {
    --span: 2;
}

.g-span-3 {
    --span: 3;
}

.g-span-4 {
    --span: 4;
}

.g-span-5 {
    --span: 5;
}

.g-span-6 {
    --span: 6;
}

.g-span-7 {
    --span: 7;
}

.g-span-8 {
    --span: 8;
}

.g-span-9 {
    --span: 9;
}

.g-span-10 {
    --span: 10;
}

.g-span-11 {
    --span: 11;
}

.g-span-12 {
    --span: 12;
}

@media (min-width: 768px) {
    .g-span-md-2 {
        --span: 2;
    }

    .g-span-md-3 {
        --span: 3;
    }

    .g-span-md-4 {
        --span: 4;
    }

    .g-span-md-5 {
        --span: 5;
    }

    .g-span-md-6 {
        --span: 6;
    }

    .g-span-md-7 {
        --span: 7;
    }

    .g-span-md-8 {
        --span: 8;
    }

    .g-span-md-9 {
        --span: 9;
    }

    .g-span-md-10 {
        --span: 10;
    }

    .g-span-md-11 {
        --span: 11;
    }

    .g-span-md-12 {
        --span: 12;
    }
}

.g-row-span-2 {
    grid-row: span 2;
}

.g-row-span-3 {
    grid-row: span 3;
}

.g-row-span-4 {
    grid-row: span 4;
}

.g-row-span-5 {
    grid-row: span 5;
}

.g-row-span-6 {
    grid-row: span 6;
}

.g-row-span-7 {
    grid-row: span 7;
}

.g-row-span-8 {
    grid-row: span 8;
}

.g-row-span-9 {
    grid-row: span 9;
}

.g-row-span-10 {
    grid-row: span 10;
}

.g-row-span-11 {
    grid-row: span 11;
}

.g-row-span-12 {
    grid-row: span 12;
}

@media (min-width: 768px) {
    .g-row-span-md-2 {
        grid-row: span 2;
    }

    .g-row-span-md-3 {
        grid-row: span 3;
    }

    .g-row-span-md-4 {
        grid-row: span 4;
    }

    .g-row-span-md-5 {
        grid-row: span 5;
    }

    .g-row-span-md-6 {
        grid-row: span 6;
    }

    .g-row-span-md-7 {
        grid-row: span 7;
    }

    .g-row-span-md-8 {
        grid-row: span 8;
    }

    .g-row-span-md-9 {
        grid-row: span 9;
    }

    .g-row-span-md-10 {
        grid-row: span 10;
    }

    .g-row-span-md-11 {
        grid-row: span 11;
    }

    .g-row-span-md-12 {
        grid-row: span 12;
    }
}

.g-gap-\.5 {
    --grid-gap: 0.5rem;
}

.g-gap-1 {
    --grid-gap: 1rem;
}

.g-gap-1\.25 {
    --grid-gap: 1.25rem;
}

.g-gap-1\.5 {
    --grid-gap: 1.5rem;
}

.g-gap-2 {
    --grid-gap: 2rem;
}

.g-gap-3 {
    --grid-gap: 3rem;
}

.g-gap-4 {
    --grid-gap: 4rem;
}

.g-gap-5 {
    --grid-gap: 5rem;
}
.g-gap-6 {
    --grid-gap: 6rem;
}
.g-gap-7 {
    --grid-gap: 7rem;
}
.g-gap-8 {
    --grid-gap: 8rem;
}
.g-gap-9 {
    --grid-gap: 9rem;
}
.g-gap-10 {
    --grid-gap: 10rem;
}
.g-gap-11 {
    --grid-gap: 11rem;
}
.g-gap-12 {
    --grid-gap: 12rem;
}

@media (min-width: 768px) {
    .g-gap-md-1 {
        --grid-gap: 1rem;
    }

    .g-gap-md-2 {
        --grid-gap: 2rem;
    }
    .g-gap-md-3 {
        --grid-gap: 3rem;
    }
    .g-gap-md-4 {
        --grid-gap: 4rem;
    }
    .g-gap-md-5 {
        --grid-gap: 5rem;
    }
    .g-gap-md-6 {
        --grid-gap: 6rem;
    }
    .g-gap-md-7 {
        --grid-gap: 7rem;
    }
    .g-gap-md-8 {
        --grid-gap: 8rem;
    }
    .g-gap-md-9 {
        --grid-gap: 9rem;
    }
    .g-gap-md-10 {
        --grid-gap: 10rem;
    }
    .g-gap-md-11 {
        --grid-gap: 11rem;
    }
    .g-gap-md-12 {
        --grid-gap: 12rem;
    }
}

.box {

    >* {
        /* background: white;
        border: 1px solid #e2e8f0; */
        border-radius: 0.75rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        transition: all 0.2s;
    }

    >*:hover {
        transform: translateY(-2px);
        border-color: var(--primary-color);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }

}

@media print {
    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-inline-grid {
        display: inline-grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }

    .d-print-none {
        display: none !important;
    }
}