/**
=================================================
General Stylesheet
=================================================
+*/



/**
=================================================
import google fonts
=================================================
+*/

@font-face {
    font-family: "Oakes Grotesk Regular";
    src: url("../fonts/oakes_grotesk/Oakes-Grotesk-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Oakes Grotesk Medium";
    src: url("../fonts/oakes_grotesk/Oakes-Grotesk-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Oakes Grotesk Bold";
    src: url("../fonts/oakes_grotesk/Oakes-Grotesk-Bold.ttf") format("truetype");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Oakes Grotesk Semi Bold";
    src: url("../fonts/oakes_grotesk/Oakes-Grotesk-SemiBold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
}

:root {
    --bi-primary: #043590;
    --bi-primary-rgb: 4, 53, 144;
    --bi-primary-light: #5791ff;
    --bi-primary-light-rgb: 87, 145, 255;
    --bi-primary-dark: #042C78;
    --bi-primary-dark-rgb: 4, 44, 120;
    --bi-black-default: #000;
    --bi-black-default-rgb: 0, 0, 0;
    --bi-white-default: #fff;
    --bi-white-default-rgb: 255, 255, 255;
    --bi-black: #181818;
    --bi-black-rgb: 24, 24, 24;
    --bi-success: #00AD5A;
    --bi-success-rgb: 0, 173, 90;
    --bi-gray-1: #7E7E7E;
    --bi-gray-1-rgb: 126, 126, 126;
    --bi-gray-2: #8A8A8A;
    --bi-gray-2-rgb: 138, 138, 138;
    --bi-gray-3: #636363;
    --bi-gray-3-rgb: 99, 99, 99;
    --bi-grey: #E8E8E8;
    --bi-grey-rgb: 232, 232, 232;
    --bi-alert: #AD0000;
    --bi-alert-rgb: 173, 0, 0;
    --bi-alert-dark: #750909;
    --bi-alert-dark-rgb: 117, 9, 9;
    --bi-cross-hover: #F5F5F5;
    --bi-cross-active: #E8E8E9;
    --bi-font-family-oakes-grotesk-regular: "Oakes Grotesk Regular", "sans-serif";
    --bi-font-family-oakes-grotesk-medium: "Oakes Grotesk Medium", "sans-serif";
    --bi-font-family-oakes-grotesk-bold: "Oakes Grotesk Bold", "sans-serif";
    --bi-font-family-oakes-grotesk-semi-bold: "Oakes Grotesk Semi Bold", "sans-serif";
    --scroll-bar-color: #e2e4e9;
    --scroll-thumb-color: #c6cad2;
    --scroll-thumb-color-hover: #9fa3ad;
}

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

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

::-moz-selection {
    background: var(--bi-primary);
    color: var(--bi-white-default);
}

::selection {
    background: var(--bi-primary);
    color: var(--bi-white-default);
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #fff;
    color: var(--black);
    font-size: 1rem;
    font-family: var(--bi-font-family-oakes-grotesk-regular);
    line-height: 1.5;
}

img {
    vertical-align: middle;
    border-style: none;
}

li {
    list-style: none;
}

table {
    border-collapse: collapse;
}



/**
=================================================
Display Style Begin
=================================================
+*/

.bi-display-block {
    display: block;
}

.bi-display-inline-block {
    display: inline-block;
}

.bi-display-flex {
    display: flex;
}

/***** ===== Display Style End ===== *****/



/**
=================================================
Flex Style Begin
=================================================
+*/

.bi-container {
    /*max-width: 1300px;*/
    /*padding: 0 80px;*/
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 6.25rem;
}

.bi-row {
    display: flex;
    flex-wrap: wrap;
}

.bi-flex-direction-row {
    -ms-flex-direction: row;
    flex-direction: row;
}

.bi-flex-direction-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.bi-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bi-flex-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.bi-row-center {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.bi-row-between {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.bi-row-around {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.bi-row-flex-end {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.bi-column-1 {
    width: 100%;
}

.bi-column-2 {
    width: calc(100% / 2 - 24px);
}

.bi-column-3 {
    width: calc(100% / 3 - 24px);
}

.bi-column-4 {
    width: calc(100% / 4 - 24px);
}

.bi-justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.bi-justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.bi-justify-content-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.bi-justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bi-justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.bi-align-items-start {
    -ms-flex-align: start;
    align-items: flex-start;
}

.bi-align-items-end {
    -ms-flex-align: end;
    align-items: flex-end;
}

.bi-align-items-center {
    -ms-flex-align: center;
    align-items: center;
}

.bi-align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
}

.bi-align-items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}

.bi-align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.bi-align-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.bi-align-content-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

.bi-align-content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.bi-align-content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.bi-align-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.bi-align-self-auto {
    -ms-flex-item-align: auto;
    align-self: auto;
}

.bi-align-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.bi-align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.bi-align-self-center {
    -ms-flex-item-align: center;
    align-self: center;
}

.bi-align-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.bi-align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

/***** ===== Flex Style End ===== *****/



/**
=================================================
Position Style Begin
=================================================
+*/

.bi-position-static {
    position: static;
}

.bi-position-relative {
    position: relative;
}

.bi-position-absolute {
    position: absolute;
}

.bi-position-fixed {
    position: fixed;
}

.bi-position-sticky {
    position: -webkit-sticky;
    position: sticky;
}

.bi-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.bi-fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

/***** ===== Position Style End ===== *****/



/**
=================================================
Text Align Style Begin
=================================================
+*/

.bi-text-left {
    text-align: left;
}

.bi-text-right {
    text-align: right;
}

.bi-text-center {
    text-align: center;
}

/***** ===== Text Align Style End ===== *****/



/**
=================================================
Box-Shadow Style Begin
=================================================
+*/

.bi-shadow-none {
    box-shadow: none;
}

.bi-shadow-none-important {
    box-shadow: none !important;
}

/***** ===== Box-Shadow Style End ===== *****/



/**
=================================================
Color Style Begin
=================================================
+*/

.bi-color-primary {
    color: var(--bi-primary);
}

.bi-bg-primary {
    background-color: var(--bi-primary);
}

.bi-color-black {
    color: var(--bi-black);
}

.bi-color-white-default {
    color: var(--bi-white-default);
}

.bi-color-black-default {
    color: var(--bi-black-default);
}

.bi-color-gray-2 {
    color: var(--bi-gray-2);
}

.bi-color-gray-3 {
    color: var(--bi-gray-3);
}

.bi-color-alert {
    color: var(--bi-alert);
}

.bi-color-success {
    color: var(--bi-success);
}

/***** ===== Color Style End ===== *****/



/**
=================================================
Width and Height Style Begin
=================================================
+*/

.bi-h-100 {
    height: 100%;
}

.bi-h-10remi {
    height: 10rem !important;
}

.bi-w-100 {
    width: 100%;
}

.bi-w-90 {
    width: 90%;
}

.bi-w-80 {
    width: 80%;
}

.bi-w-70 {
    width: 70%;
}

.bi-w-60 {
    width: 60%;
}

.bi-w-50 {
    width: 50%;
}

.bi-w-40 {
    width: 40%;
}

.bi-w-30 {
    width: 30%;
}

.bi-w-20 {
    width: 20%;
}

.bi-w-10 {
    width: 10%;
}

.bi-w-10rem {
    width: 10rem;
}

.bi-h-auto {
    height: auto;
}

.bi-h-autoi {
    height: auto !important;
}

.bi-w-auto {
    width: auto;
}

.bi-mw-100 {
    max-width: 100% !important;
}

.bi-mh-100 {
    max-height: 100% !important;
}

/***** ===== Width and Height Style End ===== *****/



/**
=================================================
Margin And Padding Style Begin
=================================================
+*/

.bi-m-x20px-y {
    margin: 20px 0;
}

.bi-m-x-y20px {
    margin: 0 20px;
}


.bi-mb-25px {
    margin-bottom: 25px;
}

.bi-mb-0 {
    margin-bottom: 0;
}

.bi-mb-0_25rem {
    margin-bottom: 0.25rem;
}

.bi-mb-0_5rem {
    margin-bottom: 0.5rem;
}

.bi-mb-0_875rem {
    margin-bottom: 0.875rem;
}

.bi-mb-1_125rem {
    margin-bottom: 1.125rem;
}

.bi-mb-1_25rem {
    margin-bottom: 1.25rem;
}

.bi-mb-1rem {
    margin-bottom: 1rem;
}

.bi-mb-1_75rem {
    margin-bottom: 1.75rem;
}

.bi-mb-2rem {
    margin-bottom: 2rem;
}

.bi-mb-2_125rem {
    margin-bottom: 2.125rem;
}

.bi-mb-2_5rem {
    margin-bottom: 2.5rem;
}

.bi-mb-3rem {
     margin-bottom: 3rem;
 }

.bi-mb-3_125rem {
    margin-bottom: 3.125rem;
}

.bi-mb-4_375rem {
    margin-bottom: 4.375rem;
}

.bi-mb-4_5rem {
    margin-bottom: 4.5rem;
}

.bi-mb-4_5remi {
    margin-bottom: 4.5rem !important;
}

.bi-mb-5_25rem {
    margin-bottom: 5.25rem;
}

.bi-mb-5rem {
    margin-bottom: 5rem;
}

.bi-mb-7_625rem {
    margin-bottom: 7.625rem;
}

.bi-mt-25px {
    margin-top: 25px;
}

.bi-mt-0_375rem {
    margin-top: 0.375rem;
}

.bi-mt-0_5rem {
    margin-top: 0.5rem;
}

.bi-mt-0_75rem {
    margin-top: 0.75rem;
}

.bi-mt-1_125rem {
    margin-top: 1.125rem;
}

.bi-mt-1_25rem {
    margin-top: 1.25rem;
}

.bi-mt-1_625rem {
    margin-top: 1.625rem;
}

.bi-mt-1rem {
    margin-top: 1rem;
}

.bi-mt-2rem {
    margin-top: 2rem;
}

.bi-mt-2_188rem {
    margin-top: 2.188rem;
}

.bi-mt-2_5rem {
    margin-top: 2.5rem;
}

.bi-mt-3rem {
    margin-top: 3rem;
}

.bi-mt-3_25rem {
    margin-top: 3.25rem;
}

.bi-mt-3_875rem {
    margin-top: 3.875rem;
}

.bi-mt-4_063rem {
    margin-top: 4.063rem;
}

.bi-mt-5rem {
    margin-top: 5rem;
}

.bi-mt-6_563rem {
    margin-top: 6.563rem;
}

.bi-mt-8rem {
    margin-top: 8rem;
}

.bi-m-0 {
    margin: 0;
}

.bi-mt-0 {
    margin-top: 0;
}

.bi-mr-0 {
    margin-right: 0;
}

.bi-mr-0_5rem {
    margin-right: 0.5rem;
}

.bi-mr-1_875rem {
    margin-right: 1.875rem;
}

.bi-mr-6_25rem {
    margin-right: 6.25rem;
}

.bi-ml-0 {
    margin-left: 0;
}

.bi-ml-0_5rem {
    margin-left: 0.5rem;
}

.bi-ml-0_75rem {
    margin-left: 0.75rem;
}

.bi-ml-1rem {
    margin-left: 1rem;
}

.bi-ml-15px {
    margin-left: 15px;
}

.bi-m-auto {
    margin: auto;
}

.bi-mx-auto {
    margin: auto 0;
}

.bi-my-auto {
    margin: 0 auto;
}

.bi-mt-auto {
    margin-top: auto;
}

.bi-mr-auto {
    margin-right: auto;
}

.bi-mb-auto {
    margin-bottom: auto;
}

.bi-ml-auto {
    margin-left: auto;
}

.bi-p-x20px-y {
    padding: 20px 0;
}

.bi-p-x-y20px {
    padding: 0 20px;
}

.bi-pb-25px {
    padding-bottom: 25px;
}

.bi-pt-25px {
    padding-top: 25px;
}

.bi-p-0 {
    padding: 0;
}

.bi-pt-0 {
    padding-top: 0;
}

.bi-pr-0 {
    padding-right: 0;
}

.bi-pr-0_5rem {
    padding-right: 0.5rem;
}

.bi-pr-1rem {
    padding-right: 1rem;
}

.bi-pb-0 {
    padding-bottom: 0;
}

.bi-pl-0 {
    padding-left: 0;
}

.bi-pl-0_5rem {
    padding-left: 0.5rem;
}

/***** ===== Margin And Padding Style End ===== *****/



/**
=================================================
Image Style Begin
=================================================
+*/

.bi-img-full {
    height: 100%;
    width: 100%;
}

.bi-img-w-100 {
    width: 100%;
}

.bi-img-h-100 {
    height: 100%;
}

.bi-img-cover {
    object-fit: cover;
}

.bi-img-contain {
    object-fit: contain;
}

/***** ===== Image Style End ===== *****/



/**
=================================================
Button Style Begin
=================================================
+*/

.bi-btn {
    display: inline-block;
    background: none;
    cursor: pointer;
    font-family: var(--bi-font-family-oakes-grotesk-medium);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    /*padding: 0.375rem 0.75rem;*/
    padding: 0.625rem 3.563rem;
    font-size: 1rem;
    line-height: 1.5rem;
    outline: none;
    border-radius: 5rem;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    -ms-border-radius: 5rem;
    -o-border-radius: 5rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.bi-btn + .bi-btn {
    margin-left: 1.5rem;
}

.bi-btn:hover,
.bi-btn:focus {
    outline: 0;
    text-decoration: none;
}

.bi-btn-primary, .bi-outline-primary:hover {
    background-color: var(--bi-primary);
    border-color: var(--bi-primary);
    color: var(--bi-white-default);
}

.bi-btn-primary:hover {
    background-color: var(--bi-primary-dark);
    border-color: var(--bi-primary-dark);
    color: var(--bi-white-default);
}

.bi-btn-primary:focus, .bi-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--bi-primary-rgb), 0.25);
}

.bi-outline-primary {
    border-color: var(--bi-primary);
    color: var(--bi-primary);
}

.bi-outline-white-default {
    border-color: var(--bi-white-default);
    color: var(--bi-white-default);
}

.bi-outline-white-default:hover {
    background: var(--bi-white-default);
    border-color: var(--bi-white-default);
    color: var(--bi-primary);
}

.bi-btn-alert {
    background-color: var(--bi-alert);
    border-color: var(--bi-alert);
    color: var(--bi-white-default);
}

.bi-btn-alert:hover {
    background-color: var(--bi-alert-dark);
    border-color: var(--bi-alert-dark);
    color: var(--bi-white-default);
}

.bi-btn-alert:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--bi-alert-rgb), 0.25);
}

.bi-btn-disable {
    background-color: var(--bi-grey) !important;
    border-color: var(--bi-grey) !important;
    box-shadow: none !important;
    color: var(--bi-gray-2) !important;
    cursor: not-allowed;
    /*pointer-events: none;*/
}

/***** ===== Button Style End ===== *****/



/**
=================================================
Form Style Begin
=================================================
+*/

.bi-form-group {
    position: relative;
    display: block;
}

.bi-form-label {
    display: block;
    color: var(--bi-black-default);
    font-size: 1rem;
    margin-bottom: 0.188rem;
}

.bi-form-field {
    position: relative;
    display: block;
    width: 100%;
    height: calc(2.875rem + 2px);
    /*padding: 1rem 1.625rem;*/
    padding: 0 1.625rem;
    font-size: 1rem;
    font-family: var(--bi-font-family-oakes-grotesk-regular);
    line-height: 1.5;
    color: var(--bi-black);
    background-color: var(--bi-white-default);
    border: 1px solid var(--bi-grey);
    caret-color: var(--bi-primary);
    outline: none;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-form-field:hover {
    box-shadow: 0 0 4px rgba(var(--black-default-rgb), 0.2);
}

.bi-form-field:focus {
    background-color: var(--bi-white-default);
    box-shadow: 0 0 0 0.1rem var(--bi-primary-light);
    caret-color: var(--bi-primary);
}

.bi-form-field::-webkit-input-placeholder {
    color: var(--bi-gray-1);
}

.bi-form-field::-moz-placeholder {
    color: var(--bi-gray-1);
}

.bi-form-field:-ms-input-placeholder {
    color: var(--bi-gray-1);
}

.bi-form-field::placeholder {
    color: var(--bi-gray-1);
}

.bi-select-appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.bi-select-appearance-auto {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.bi-custom-textarea {
    resize: none;
    padding: 1rem 0.75rem;
    -webkit-border-radius: 0.375rem !important;
    -moz-border-radius: 0.375rem !important;
    border-radius: 0.375rem !important;
}

.bi-custom-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viebiox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 0.75rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.bi-pass-icon {
    position: absolute;
    right: 0.938rem;
    top: 2.25rem;
    /*height: 0.938rem;*/
    /*width: 0.938rem;*/
    color: rgba(var(--bi-black-default-rgb), 0.5);
    font-size: 1.375rem;
}

.bi-show-pass i::before {
    content: "\ECB4";
}

.bi-preview-img-inner {
    width: 30%;
    margin: 20px 0;
}

.bi-icon-close-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -15px;
    top: -15px;
    height: 30px;
    width: 30px;
    font-size: 20px;
    background: var(--bi-white-default);
    box-shadow: 0 1px 1px 0 rgb(var(--bi-black-default-rgb),.14),0 2px 1px -1px rgb(var(--bi-black-default-rgb),.12),0 1px 3px 0 rgb(var(--bi-black-default-rgb),.2);
    color: rgba(var(--bi-black-default-rgb), .5);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    z-index: 600;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.bi-preview-img-inner:hover .bi-icon-close-preview {
    opacity: 1;
    pointer-events: auto;
}

.bi-preview-img-inner .bi-img-full {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bi-form-label.bi-form-label-tooltip {
    display: flex;
    align-items: center;
}

.bi-icon-action {
    height: 20px;
    width: 20px;
    font-size: 24px;
    line-height: 32px!important;
    margin-left: 0.5rem;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.bi-icon-tooltip {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-tooltip {
    position: absolute;
    display: block;
    color: var(--bi-white-default);
    font-size: 12px;
    font-family: var(--bi-font-family-oakes-grotesk-regular);
    line-height: 18px;
    padding: 20px;
    width: 250px;
    letter-spacing: .5px;
    opacity: 0;
    pointer-events: none;
    text-align: left;
    white-space: normal;
    z-index: 3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-tooltip:before {
    content: "";
    position: absolute;
    background: var(--bi-primary);
    width: 8px;
    height: 8px;
    z-index: -1;
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-icon-tooltip:hover .bi-tooltip {
    background: var(--bi-primary);
    opacity: 1;
    pointer-events: auto;
}

.bi-tooltip-bottom {
    left: 50%;
    top: 106px;
    -webkit-transform: translate(10%, 50%);
    -moz-transform: translate(10%, 50%);
    -ms-transform: translate(10%, 50%);
    -o-transform: translate(10%, 50%);
    transform: translate(10%, 50%);
}

.bi-tooltip-bottom:before {
    bottom: 144px;
    left: 48%;
}

.bi-icon-tooltip:hover .bi-tooltip-bottom {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/***** ===== Form Style End ===== *****/



/**
=================================================
Table Style Begin
=================================================
+*/

.bi-table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.bi-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
    font-family: var(--bi-font-family-oakes-grotesk-bold);
    /*margin-bottom: 1rem;*/
    /*background-color: transparent;*/
}

/*.bi-table th,*/
/*.bi-table td {*/
/*    padding: 0.75rem;*/
/*    vertical-align: top;*/
/*}*/

.bi-table th {
    width: 11.938rem;
    color: var(--bi-gray-3);
    font-size: 0.813rem;
    font-family: var(--bi-font-family-oakes-grotesk-regular);
    padding-bottom: 0.5rem;
    /*padding-right: 3rem;*/
    white-space: nowrap;
    border-bottom: 3px solid grey;
}

.bi-table th:nth-child(3),
.bi-table td:nth-child(3) {
    padding-left: 3.8rem;
}

.bi-table td {
    padding-bottom: 3.75rem;
    padding-right: 3rem;
    vertical-align: top;
    white-space: nowrap;
}

.bi-table th:last-child,
.bi-table tr td:last-child {
    padding-right: 0;
}

/***** ===== Table Style End ===== *****/

/**
=================================================
Pricing Style Begin
=================================================
+*/

.bi-pricing-action-inner {
    display: flex;
    align-items: center;
}

.bi-pricing-action-item {
    background: none;
    border: 1px solid var(--bi-primary);
    color: var(--bi-primary);
    padding: 0.75rem 1.5rem;
}

.bi-pricing-action-item:first-child {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.bi-pricing-action-item:last-child {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}

.bi-pricing-action-item.bi-pricing-active {
    background-color: var(--bi-primary);
    color: var(--bi-white-default);
}

.bi-pricing-table {
    position: relative;
    border: 1px solid var(--bi-primary);
    padding: 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.bi-pricing-price-section {
    color: var(--bi-primary-dark);
}

.bi-pricing-package-name {
    font-size: 19px;
    font-family: var(--bi-font-family-oakes-grotesk-medium);
}

.bi-pricing-price {
    color: var(--bi-primary);
    font-size: 48px;
    font-family: var(--bi-font-family-oakes-grotesk-bold);
}

.bi-pricing-text {
    font-size: 16px;
    font-family: var(--bi-font-family-oakes-grotesk-regular);
}

.bi-pricing-divider {
    position: relative;
    height: 2px;
    width: 100%;
    background: var(--bi-grey);
    margin: 2rem 0;
}

.bi-pricing-features-wrap {
    margin-bottom: 7rem;
}

.bi-pricing-features-inner {
    margin-top: 1.5rem;
}

.bi-pricing-features-list {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.bi-pricing-icon {
    font-size: 1rem;
}

.bi-pricing-icon.bi-pricing-icon-check {
    color: var(--bi-primary);
}

.bi-pricing-features-list-name {
    font-size: 16px;
    color: var(--bi-black);
    padding-left: 0.5rem;
}

.bi-pricing-btn-inner {
    position: absolute;
    bottom: 32px;
}

/***** ===== Pricing Style End ===== *****/



/**
=================================================
Pagination Style Begin
=================================================
+*/

.bi-pagination {
    display: flex;
    flex-wrap: wrap;
}

.bi-page-item {
    margin: 0 0.188rem 1.125rem;
    font-size: 1rem;
    text-align: center;
}

.bi-page-item:hover .bi-page-link {
    background-color: rgba(var(--bi-primary-rgb), 0.2);
    color: var(--bi-primary);
}

.bi-page-item.bi-active .bi-page-link {
    color: var(--bi-primary);
    font-family: var(--bi-font-family-oakes-grotesk-bold);
}

.bi-page-prev .bi-page-link, .bi-page-next .bi-page-link {
    border: 1px solid var(--bi-primary);
    color: var(--bi-primary);
}

.bi-page-prev:hover .bi-page-link, .bi-page-next:hover .bi-page-link {
    background-color: var(--bi-primary);
    color: var(--bi-white-default);
}

.bi-page-prev {
    margin-right: 2rem;
}

.bi-page-next {
    margin-left: 2rem;
}

.bi-page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.875rem;
    width: 2.875rem;
    line-height: 2.875rem;
    color: var(--bi-gray-1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

/***** ===== Pagination Style End ===== *****/



/**
=================================================
Modal Style Begin
=================================================
+*/

.bi-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 100%;
    background: var(--bi-white-default);
    opacity: 0;
    pointer-events: none;
    z-index: 99999;
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    -o-transform: translate(-50%, -50%) scale(0.8);
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.bi-modal-mw-45rem {
    max-width: 45rem;
}

.bi-modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(var(--bi-black-default-rgb), 0.5);
    height: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-modal.bi-show,
.bi-modal-overlay.bi-show {
    opacity: 1;
    pointer-events: auto;
}

.bi-modal-icon-cross,
.bi-action-icon-inner {
    position: absolute;
    right: 0.938rem;
    top: 0.938rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.813rem;
    width: 2.813rem;
    font-size: 1.875rem;
    text-align: center;
    color: rgba(var(--bi-black-default-rgb), 0.5);
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-modal-icon-cross {
    z-index: 600;
}

.bi-modal-icon-cross:hover,
.bi-action-icon-inner:hover {
    background: var(--bi-cross-hover);
}

.bi-modal-icon-cross:active,
.bi-action-icon-inner:active {
    background: var(--bi-cross-active);
}

.bi-popup-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5.125rem 11.688rem;
    text-align: center;
}

.bi-popup-reception-point .bi-popup-inner {
    padding: 5.125rem 9.688rem;
}

.bi-popup-title {
    font-size: 1.563rem;
    font-family: var(--bi-font-family-oakes-grotesk-regular);
    margin: 1.625rem 0 3.125rem;
}

.bi-popup-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 3.938rem;
    width: 3.938rem;
    background: none;
    border: 1px solid transparent;
    font-size: 2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.bi-popup-icon::before {
    position: absolute;
}

.bi-popup-primary .bi-popup-title,
.bi-popup-simple .bi-popup-title {
    color: var(--bi-primary);
}

.bi-popup-success .bi-popup-title  {
    color: var(--bi-success);
}

.bi-popup-alert .bi-popup-title  {
    color: var(--bi-alert);
}

.bi-popup-primary .bi-popup-icon {
    background: rgba(var(--bi-primary-rgb), 0.1);
    border-color: var(--bi-primary);
    color: var(--bi-primary);
}

.bi-popup-success .bi-popup-icon {
    background: rgba(var(--bi-success-rgb), 0.1);
    border-color: var(--bi-success);
    color: var(--bi-success);
}

.bi-popup-alert .bi-popup-icon {
    background: rgba(var(--bi-alert-rgb), 0.1);
    border-color: var(--bi-alert);
    color: var(--bi-alert);
}

.bi-popup-primary .bi-popup-icon::before {
    content: "\e9a4";
}

.bi-popup-alert .bi-popup-icon::before {
    content: "\ebe9";
}

.bi-popup-success.bi-popup-reception-point .bi-popup-icon::before,
.bi-popup-alert.bi-popup-reception-point .bi-popup-icon::before {
    content: "\e935";
}

/***** ===== Modal Style End ===== *****/



/**
=================================================
Card Style Begin
=================================================
+*/

.bi-card-groups {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.bi-card {
    position: relative;
    background: var(--bi-white-default);
    border: 1px solid var(--bi-grey);
    box-shadow: 0 10px 30px rgba(var(--bi-black-default-rgb), 0.1);
    color: var(--bi-black);
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-card:hover {
    box-shadow: none;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

.bi-card-header, .bi-card-body {
    position: relative;
    width: 100%;
}

.bi-card-header {
    border-bottom: 1px solid var(--bi-grey);
    cursor: pointer;
    padding: 1.75rem 3rem 1.25rem;
    -webkit-border-radius: 0.625rem 0.625rem 0 0;
    -moz-border-radius: 0.625rem 0.625rem 0 0;
    border-radius: 0.625rem 0.625rem 0 0;
}

.bi-card-body {
    padding: 2.188rem 3rem 1.75rem;
}

.bi-cart-title {
    color: var(--bi-black);
    font-size: 28px;
    font-weight: 600;
}

.bi-card-text {
    line-height: 2rem;
}

.bi-link-details {
    margin-left: 2.5rem;
}

.bi-card-text-notice {
    color: var(--bi-gray-2);
    font-size: 0.813rem;
}

.bi-card-link {
    display: block;
    color: var(--bi-primary);
    cursor: pointer;
    font-size: 1rem;
    font-family: var(--bi-font-family-oakes-grotesk-bold);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-card-link:hover {
    text-decoration: underline;
}

/***** ===== Card Style End ===== *****/



/**
=================================================
Multi Step Style Begin
=================================================
+*/

.bi-stepper-wrap {
    width: 100%;
    overflow: hidden;
}

.bi-stepper-form-inner {
    display: flex;
    width: 400%;
}

.bi-stepper-item {
    width: 25%;
    transition: margin-left 0.3s ease-in-out;
    -webkit-transition: margin-left 0.3s ease-in-out;
    -moz-transition: margin-left 0.3s ease-in-out;
    -ms-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
}

/***** ===== Multi Step Style End ===== *****/



/**
=================================================
Others Style Begin
=================================================
+*/

.bi-cursor-pointer {
    cursor: pointer;
}

.bi-cursor-default {
    cursor: default;
}

.bi-transition {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-border-radius-25 {
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-radius: 25%;
}

.bi-border-radius-25px {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.bi-border-radius-0_625rem {
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.bi-fw-400 {
    font-family: var(--bi-font-family-oakes-grotesk-regular);
}

.bi-fw-500 {
    font-family: var(--bi-font-family-oakes-grotesk-medium);
}

.bi-fw-600 {
    font-family: var(--bi-font-family-oakes-grotesk-bold);
}

.bi-fw-700 {
    font-family: var(--bi-font-family-oakes-grotesk-semi-bold);
}

.bi-fos-0_813rem {
    font-size: 0.813rem;
}

.bi-fos-0_9rem {
    font-size: 0.9rem;
}

.bi-fos-1rem {
    font-size: 1rem;
}

.bi-fos-1_25rem {
    font-size: 1.25rem;
}

.bi-fos-1_5rem {
    font-size: 1.5rem;
}

.bi-fos-1_563rem {
    font-size: 1.563rem;
}

.bi-fos-2_5rem {
    font-size: 2.5rem;
}

.bi-border-solid-grey {
    border: 1px solid var(--bi-grey);
}

.bi-white-space-normal {
    white-space: normal;
}

.bi-white-space-nowrap {
    white-space: nowrap;
}

.bi-shadow-border {
    border: 1px solid var(--bi-grey);
    box-shadow: 0 10px 30px rgba(var(--bi-black-default-rgb), 0.1);
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

/***** ===== Others Style End ===== *****/



/**
=================================================
Bloom General Style Begin
=================================================
+*/



/**
=================================================
Scroll Up and Menu Style Begin
=================================================
+*/

.bi-scroll-up-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    right: 23px;
    height: 2.813rem;
    width: 2.813rem;
    background: var(--bi-primary);
    color: var(--bi-white-default);
    cursor: pointer;
    font-size: 1.875rem;
    text-align: center;
    line-height: 2.813rem;
    opacity: 0;
    pointer-events: none;
    z-index: 11;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.bi-scroll-up-btn i {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-scroll-up-btn:hover i {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.bi-scroll-up-btn.bi-show {
    bottom: 30px;
    opacity: 1;
    pointer-events: auto;
}

.bi-link-hover:hover {
    text-decoration: underline;
}

/***** ===== Scroll Up and Menu Style End ===== *****/



/**
=================================================
Alert Style Begin
=================================================
+*/

/*.bi-alert {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    border: 1px solid transparent;*/
/*    font-size: 12px;*/
/*    margin-bottom: 1rem;*/
/*    padding: .75rem 1.25rem;*/
/*    -webkit-border-radius: .25rem;*/
/*    -moz-border-radius: .25rem;*/
/*    border-radius: .25rem;*/
/*}*/

.bi-alert {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid transparent;
    padding: 2.313rem 1rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.bi-alert-danger,
.bi-alert-danger:focus {
    background-color: rgba(var(--bi-alert-rgb), 0.1);
    border-color: var(--bi-alert);
    color: var(--bi-alert);
}

.bi-alert-info {
    background-color: var(--bi-grey);
    border-left: 8px solid var(--bi-primary);
    color: var(--bi-primary);
}

.bi-alert-danger-bloom {
    background-color: var(--bi-grey);
    border-left: 8px solid var(--bi-alert);
    color: var(--bi-alert);
}

.bi-alert-danger:focus {
    box-shadow: none;
}

.bi-is-invalid {
    color: var(--bi-alert);
}

.bi-helper-text {
    font-size: 0.75rem;
    margin-top: 0.375rem;
}

/***** ===== Alert Style End ===== *****/



/**
=================================================
Badge Style Begin
=================================================
+*/

.bi-badge {
    color: var(--bi-white-default);
    cursor: default;
    font-size: 0.813rem;
    padding: 0.641rem 1.748rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
}

.bi-badge-primary {
    background-color: var(--bi-primary);
}

.bi-badge-alert {
    background-color: var(--bi-alert);
}

.bi-state-2fa {
    height: 0.8rem;
    width: 0.8rem;
    background-color: var(--bi-primary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/***** ===== Badge Style End ===== *****/



/**
=================================================
Fake Input Radio Style Begin
=================================================
+*/

.bi-fake-radio-inner {
    background-color: rgba(var(--bi-black-rgb), 0.15);
    border: 1px solid var(--bi-gray-3);
    color: var(--bi-gray-3);
    cursor: pointer;
    margin-bottom: 2.5rem;
    padding: 1.188rem 1.75rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.bi-fake-radio-active {
    background-color: rgba(var(--bi-primary-rgb), 0.15);
    border: 1px solid var(--bi-primary);
    color: var(--bi-primary);
}

.bi-fake-radio-inner:last-child {
    margin-bottom: 4.25rem;
}

.bi-fake-radio-dot {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1rem;
    width: 1rem;
    border: 1px solid var(--bi-gray-3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-fake-radio-active .bi-fake-radio-dot {
    background-color: var(--bi-primary);
    border: 1px solid var(--bi-primary);
}

.bi-fake-radio-dot::before {
    content: "";
    position: absolute;
    height: 0.5rem;
    width: 0.5rem;
    background: var(--bi-white-default);
    opacity: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-fake-radio-active .bi-fake-radio-dot::before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.bi-fake-radio-label {
    margin-left: 2.125rem;
}

/***** ===== Fake Input Radio Style End ===== *****/



/**
=================================================
Input Radio Style Begin
=================================================
+*/

input[type="radio"].bi-radio-input {
    display: none;
}

.bi-radio-container, .bi-radio-label {
    display: flex;
    align-items: center;
}

.bi-radio-label {
    justify-content: center;
    height: 3rem;
    width: 3rem;
    background: none;
    border: 1px solid var(--bi-grey);
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-radio-label:hover,
#bi-sexe-m:checked ~ .bi-sexe-m,
#bi-sexe-f:checked ~ .bi-sexe-f {
    background: var(--bi-primary);
    border-color: var(--bi-primary);
    color: var(--bi-white-default);
}

/***** ===== Input Radio Style End ===== *****/



/**
=================================================
Input Checkbox Style Begin
=================================================
+*/

input[type="checkbox"].bi-checkbox-input {
    display: none;
}

.bi-checkbox-label {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    background: var(--bi-white-default);
    cursor: pointer;
    margin: 10px 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-checkbox-label .bi-checkbox {
    position: relative;
    height: 1.25rem;
    width: 1.25rem;
    border: 2px solid var(--bi-gray-3);
    border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    -moz-border-radius: 0.125rem;
    -ms-border-radius: 0.125rem;
    -o-border-radius: 0.125rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-checkbox-label .bi-checkbox::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 1px;
    height: 0.75rem;
    width: 0.75rem;
    background: var(--bi-white-default) url("../images/bloom_checkbox.svg") no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.bi-checkbox-label.bi-show .bi-checkbox {
    border-color: var(--bi-primary);
}

.bi-checkbox-label.bi-show .bi-checkbox::before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.bi-checkbox-span {
    font-size: 1rem;
    margin-bottom: -0.313rem;
    padding-left: 1.125rem;
}

/***** ===== Input Checkbox Style End ===== *****/



/**
=================================================
Bloom Loader Begin
=================================================
+*/

.bi-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(var(--bi-white-default-rgb), 0.8);
    opacity: 0;
    pointer-events: none;
    z-index: 200;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.bi-loader.bi-show {
    opacity: 1;
    pointer-events: auto;
}

.bi-loader .bi-loader-ring {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    /* border: 5px solid #ddd; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.bi-loader .bi-loader-ring::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border: 5px solid var(--bi-primary);
    border-top-color: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: rotate 1.5s linear infinite;
    -webkit-animation: rotate 1.5s linear infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

/***** ===== Bloom Loader End ===== *****/



.bi-customer-section {
    padding-top: 250px;
}

.bi-administration-section {
    padding-top: 150px;
}

.bi-section {
    padding-top: 200px;
}

.bi-global-title {
    font-size: 1.938rem;
}

.bi-sub-title {
    font-size: 2.438rem;
}

.bi-container-bloom {
    width: 70%;
    margin: 0 auto;
}

.bi-section-auth {
    padding-top: 5rem;
}

.bi-section-2fa
.bi-section-pricing {
    padding-top: 13.875rem;
}

.bi-auth-inner {
    padding: 4.938rem 6.563rem 4rem;
}

.bi-2fa-inner, .bi-pricing-inner {
    padding: 6.875rem 6.563rem;
}

.bi-bloom-title {
    font-size: 1.938rem;
    font-family: var(--bi-font-family-oakes-grotesk-bold);
    line-height: 2.25rem;
}

.bi-pricing-title {
    font-size: 3rem;
    font-family: var(--bi-font-family-oakes-grotesk-bold);
    letter-spacing: 1px;
}

.bi-container-single-page-success {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bi-img-success {
    height: 13.563rem;
    width: 13.563rem;
}

.bi-main-head-common {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bi-main-head-common-column:first-child {
    width: 60%;
}

.bi-main-head-common-column:last-child {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    padding-left: 1rem;
}

.bi-bloom-back-inner {
    display: flex;
    align-items: center;
}

.bi-main-head-description {
    line-height: 1.625rem;
}

.bi-bloom-back-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    border: 1px solid transparent;
    font-size: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.bi-bloom-back-icon-primary {
    background-color: var(--bi-primary);
    border-color: var(--bi-primary);
    color: var(--bi-white-default);
}

.bi-bloom-back-icon-outline-primary {
    border-color: var(--bi-primary);
    color: var(--bi-primary);
}

.bi-bloom-back-icon-outline-primary:hover {
    background-color: var(--bi-primary);
    border-color: var(--bi-primary);
    color: var(--bi-white-default);
}

.bi-bloom-back-icon-outline-alert {
    border-color: var(--bi-alert);
    color: var(--bi-alert);
}

.bi-bloom-back-icon-outline-alert:hover {
    background-color: var(--bi-alert);
    border-color: var(--bi-alert);
    color: var(--bi-white-default);
}

.bi-insurance-products-container {
    width: 52.625rem;
    margin: 0 auto 12.125rem;
}

.bi-insurance-products-container.bi-insurance-products-container-custom {
    align-items: stretch;
    width: auto;
    margin: 0 auto !important;
}

.bi-insurance-product {
    position: relative;
    height: 23.875rem;
    width: calc(100% / 2 - 32px);
    background: var(--bi-white-default);
    box-shadow: 0 10px 30px rgba(var(--bi-black-default-rgb), 0.1);
    cursor: default;
    margin-bottom: 3.5rem;
    padding: 2.063rem 3.25rem;
}

.bi-insurance-products-container-custom .bi-insurance-product {
    height: auto;
    width: calc(100% / 2 - 12px);
    padding: 4.813rem 1.938rem;
    margin-bottom: 1.5rem;
}

.bi-insurance-products-container-custom .bi-insurance-product-title {
    font-size: 1rem;
}

.bi-insurance-product:hover {
    background-color: var(--bi-primary);
}

.bi-insurance-product:hover,
.bi-insurance-product:hover :is(.bi-insurance-product-title, .bi-insurance-product-link-inner, .bi-link-hover) {
    color: var(--bi-white-default);
}

.bi-insurance-product:hover path {
    fill: var(--bi-white-default);
}

.bi-insurance-product-description {
    margin: 1.125rem 0;
    opacity: 0;
    color: var(--bi-white-default);
    pointer-events: none;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-insurance-product:hover .bi-insurance-product-description {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.bi-insurance-product-link-inner {
    position: absolute;
    bottom: 32px;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bi-insurance-products-container-custom .bi-insurance-product {
    cursor: pointer;
}

.bi-mb-0_188rem {
    margin-bottom: 0.188rem;
}

.bi-alert-inner {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.bi-card-btns .bi-custom-select {
    width: auto;
    margin-left: 1.5rem;
}

.bi-card-btns.bi-select-group .bi-custom-select {
    width: 100%;
}

.bi-card-btns.bi-select-group .bi-custom-select:first-child {
    margin-left: 0;
}

.bi-pricing {
    font-size: 3rem;
    font-family: var(--bi-font-family-oakes-grotesk-bold);
}

.bi-modal .bi-insurance-products-container-custom .bi-insurance-product {
    padding: 4.25rem 2rem;
}

.bi-modal .bi-insurance-products-container-custom .bi-insurance-product {
    width: calc(100% / 2 - 8px);
}

.bi-request-submission-inner .bi-insurance-product {
    box-shadow: none;
}

.bi-request-submission-inner {
    height: 100%;
    overflow-y: scroll;
    max-height: 30rem;
}

/***** ===== Bloom General Style End ===== *****/



/**
=================================================
Manager Content Style Begin
=================================================
+*/

.bi-trend-icon {
    height: 2.5rem;
    width: 2.5rem;
    background: var(--bi-grey);
    color: var(--bi-primary);
    cursor: pointer;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-trend-icon:hover {
    background: var(--bi-primary);
    color: var(--bi-white-default);
}

.bi-admin-wallet-inner .bi-overview-box {
    width: calc(100% / 3 - 0.938rem);
}

.bi-toggle-icon {
    cursor: pointer;
    font-size: 0.6rem;
    margin-bottom: -5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-toggle-icon.bi-active {
    margin-bottom: 5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bi-action-icon-inner {
    position: relative;
    top: 0;
    right: 0;
    height: 2.2rem;
    width: 2.2rem;
    font-size: 1.6rem;
}

/*.bi-admin-inner-section .bi-card-body {*/
/*    padding-left: 0 !important;*/
/*    padding-right: 0 !important;*/
/*}*/

.bi-admin-inner-section .bi-table tr th:first-child,
.bi-admin-inner-section .bi-table tr td:first-child {
    padding-left: 3rem;
    /*padding-right: 1.658rem;*/
}

.bi-admin-inner-section .bi-table tr th:last-child,
.bi-admin-inner-section .bi-table tr td:last-child {
    padding-right: 3rem;
    /*padding-left: 1.658rem;*/
}

.bi-admin-inner-section .bi-table td {
    padding-bottom: 1rem;
}

.bi-admin-inner-section table tbody tr td {
    padding-top: 1.5rem;
}

.bi-admin-inner-section table tbody tr td:last-child {
    padding-top: 1.2rem;
}

.bi-action-icon-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;

    /*width: 2.2rem;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*-webkit-transform: translateX(-50%);*/
    /*-moz-transform: translateX(-50%);*/
    /*-ms-transform: translateX(-50%);*/
    /*-o-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
}

.bi-tooltip-custom {
    position: absolute;
    /*right: -180px;*/
    /*top: 100px;*/
    right: -100px;
    top: 100px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    height: auto;
    width: 17.5rem;
    background: var(--bi-primary);
    box-shadow: 0 0.625rem 1.875rem rgba(var(--bi-black-default), 0.1);
    font-size: 1rem;
    padding: 1.875rem 1.688rem;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    z-index: 3;
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
    -webkit-transform: translate(10%, 50%);
    -moz-transform: translate(10%, 50%);
    -ms-transform: translate(10%, 50%);
    -o-transform: translate(10%, 50%);
    transform: translate(10%, 50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-tooltip-custom::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 80%;
    background: var(--bi-primary);
    width: 0.75rem;
    height: 0.75rem;
    z-index: -1;
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bi-action-icon-wrap:hover .bi-tooltip-custom {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bi-tooltip-custom .bi-tooltip-custom-link {
    font-family: var(--bi-font-family-oakes-grotesk-regular);
    margin-bottom: 0.4rem;
}

.bi-tooltip-custom .bi-tooltip-custom-link:last-child {
    margin-bottom: 0;
}

.bi-admin-inner-section .bi-table.bi-table-single tbody {
    /*overflow: hidden;*/
    display: none;
    max-height: 0;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -ms-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.bi-admin-inner-section .bi-table.bi-table-single tbody tr {
    background: var(--bi-grey);
}

.bi-table.bi-table-single tr th {
    width: 11.938rem;
    color: var(--bi-black-default);
    font-size: 1rem;
    padding-right: 3rem;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    vertical-align: top;
    white-space: normal;
}

/*.bi-table.bi-table-single tr td {*/
/*    width: 11.938rem;*/
/*    color: var(--bi-gray-3);*/
/*    font-size: 0.813rem;*/
/*    font-family: var(--bi-font-family-oakes-grotesk-regular);*/
/*    padding-bottom: 0.5rem;*/
/*    padding-right: 3rem;*/
/*    white-space: nowrap;*/



/*    padding-right: 3rem;*/
/*    padding-bottom: 1rem;*/
/*    padding-top: 1.5rem;*/
/*    vertical-align: top;*/
/*    white-space: nowrap;*/
/*}*/

.bi-table.bi-table-single th:last-child, .bi-table.bi-table-single tr td:last-child {
    padding-right: 0;
}

.bi-admin-inner-section table.bi-table-single thead tr th:last-child {
    padding-top: 1.2rem;
}

.bi-admin-inner-section .bi-table.bi-table-single td {
    padding-bottom: 1rem;
}

.bi-table-tbody-td-div {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.bi-table.bi-table-single tbody tr td:last-child {
    display: flex;
    justify-content: center;
}

.bi-table-th {
    /*width: 11.938rem;*/
    color: var(--bi-gray-3);
    font-size: 0.813rem;
    font-family: var(--bi-font-family-oakes-grotesk-regular);
    padding-bottom: 0.5rem;
}

.bi-table-th,
.bi-table-td {
    white-space: normal;
}

.bi-table-td {
    font-size: 0.9rem;
}

.bi-admin-inner-section .bi-table.bi-table-state-inner tr th:first-child {
    /*width: 3.625rem;*/
    /*width: 112.22px*/
    /*width: 7.012rem;*/
    width: 3.897rem;
    padding-right: 0;
}

.bi-table.bi-table-single.bi-table-state tr th:first-child {
    width: 3.625rem;
    padding-right: 0;
    padding-top: 1.8rem;
}

.bi-table.bi-table-single.bi-table-state th:nth-child(3),
.bi-table.bi-table-state-inner th:nth-child(3),
.bi-table.bi-table-single.bi-table-state td:nth-child(3) {
    padding-left: 0;
}

.bi-table.bi-table-single.bi-table-state th:nth-child(4),
.bi-table.bi-table-state-inner th:nth-child(4),
.bi-table.bi-table-single.bi-table-state td:nth-child(4) {
    /*padding-left: 3.8rem;*/
}

.bi-state {
    display: flex;
    height: 0.75rem;
    width: 0.75rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.bi-state-actif {
    background: var(--bi-success);
}

.bi-state-inactif {
    background: var(--bi-alert);
}

.bi-icon-validate {
    color: var(--bi-success);
}

/***** ===== Manager Content Style End ===== *****/

/**
=================================================
Select 2 Style Begin
=================================================
+*/

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--single {
    border: 1px solid var(--bi-grey) !important;
}

.select2-container--default .select2-selection--single {
    height: 100%;
    -webkit-border-radius: 2rem !important;
    -moz-border-radius: 2rem !important;
    border-radius: 2rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-results__option {
    padding-left: 26px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 90% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.select2-search--dropdown .select2-search__field {
    padding: 10px !important;
    padding-left: 26px !important;
}

/***** ===== Select 2 Style End ===== *****/

/**
=================================================
Scroll bar Style Begin
=================================================
+*/

::-webkit-scrollbar {
    width: 0.6rem;
    background-color: var(--scroll-bar-color);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb {
    background-color: var(--scroll-thumb-color);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scroll-thumb-color-hover);
}

/***** ===== Scroll bar Style End ===== *****/


.customer-disable-clicks {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none;
}