:root {
    --body: #fff;
    --black: #000;
    --black1: #111;
    --white: #fff;
    /* --theme: #f84d42; */
    --theme: #67ace5;
    --theme2: #ffe175;
    --theme3: #9fdf33;
    --header: #343434;
    --title: #343434;
    --title2: #727272;
    --orange: #7eced4;
    --gray1: #f6f6f6;
    --text: #525252;
    --border: #e2e2e2;
    --border-2: #f0f0f0;
    --bg: #a6eadc;
    --bg2: #eae1a6;
    --bg3: #f1f5f8;
    --bg4: #f6f6f6;
    --bg5: #f5f5f5;
    --btn-text: #252525;
    --pra-text: #737373;
    --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
    --box-shadow2: 0px 4px 25px 0px rgb(255, 252, 252);

    --font-chap: "Chap", sans-serif;
    --font-graphik: "Graphik Trial", sans-serif;

    --main-color: #67ace5;
    --main-color-light: #e7fbff;
    --secondary-color: #fcbecb;
    --third-color: #f4f4f4;
}

.black-font {
    color: var(--black) !important;
}

.white-font {
    color: var(--white) !important;
}

.btn-primary-2 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--main-color);
    --bs-btn-border-color: var(--main-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6ba8d6;
    --bs-btn-hover-border-color: #6ba8d6;
    --bs-btn-focus-shadow-rgb: 136, 190, 231;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6ba8d6;
    --bs-btn-active-border-color: #6ba8d6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--main-color);
    --bs-btn-disabled-border-color: var(--main-color);

    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    display: inline-block;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    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;
}

.btn-primary-2:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-primary-2:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-primary-2:active,
.btn-primary-2.active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow);
}

.btn-primary-2:disabled,
.btn-primary-2.disabled {
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    pointer-events: none;
    opacity: 0.65;
}

.btn-outline-primary-2 {
    --bs-btn-color: var(--main-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--main-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--main-color);
    --bs-btn-hover-border-color: var(--main-color);
    --bs-btn-focus-shadow-rgb: 136, 190, 231;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--main-color);
    --bs-btn-active-border-color: var(--main-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--main-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--main-color);

    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    display: inline-block;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid var(--bs-btn-border-color);
    border-radius: 0.375rem;
    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;
}

.btn-outline-primary-2:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-outline-primary-2:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-outline-primary-2:active,
.btn-outline-primary-2.active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow);
}

.btn-outline-primary-2:disabled,
.btn-outline-primary-2.disabled {
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    pointer-events: none;
    opacity: 0.65;
}