/*UTILS*/
:root {
    --primary-color: #00215B33;
    --dark-blue-color: #00215B;
    --light-blue-color: #009DFF;
    --light-blue-color2: #0095FF;
    --gray-color: #D4D7DD;
    --gray-color2: #FFFFFFCC;
    --blue-0095: #0095FF4A;
    --gray-fff: #FFFFFF4A;
    --dark-blue-color2: #00215be0;
    --dark-blue-color3: #00215BD4;
    --dark-color: #00000066;
    --light-blue-color3: #35839BC7;
    --light-green-color: #006A5FE6;
    --dark-color2: #00000080;
    --dark-blue-color4: #00215BD9;
    --dark-blue-color5: #16213E;
    --dark-blue-color6: #00215BA6;
    --gray-color3: #6E6F70;
    --light-blue4: #007AFF26;
    --gray-color4: #666666;
    --light-gray-color: #07090B1A;
    --red-color: #D2153D;
    --dark-blue-color7: #001ED3;
    --dark-gray-color: #41444B;
    --dark-green-color: #0B2C3D;

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Manrope-Regular";
}

a {
    text-decoration: none;
    color: inherit;
}

@font-face {
    font-family: "Manrope-Regular";
    src: url("../fonts/Manrope-Regular.ttf");
}

@font-face {
    font-family: "Manrope-Medium";
    src: url("../fonts/Manrope-Medium.ttf");
}

@font-face {
    font-family: "Manrope-Bold";
    src: url("../fonts/Manrope-Bold.ttf");
}

@font-face {
    font-family: "Kanit-Black";
    src: url("../fonts/Kanit-Black.ttf");
}

@font-face {
    font-family: "Kanit-SemiBold";
    src: url("../fonts/Kanit-SemiBold.ttf");
}

@font-face {
    font-family: "Kanit-Regular";
    src: url("../fonts/Kanit-Regular.ttf");
}

@font-face {
    font-family: "Saira-Medium";
    src: url("../fonts/Saira-Medium.ttf");
}

@font-face {
    font-family: "Saira-Regular";
    src: url("../fonts/Saira-Regular.ttf");
}

.ff-bold {
    font-family: "Manrope-Bold" !important;
}

.ff-black {
    font-family: "Kanit-Black" !important;
}

.ff-semiBold {
    font-family: "Kanit-SemiBold" !important;
}

.ff-medium2 {
    font-family: "Saira-Medium";
}

.ff-regular2 {
    font-family: "Saira-Regular";
}

.ff-regular3 {
    font-family: "Kanit-Regular";
}


.ff-medium {
    font-family: "Manrope-Medium" !important;
}

.fs-10px {
    font-size: 10px;
}

.fs-12px {
    font-size: 12px;
}

.fs-14px {
    font-size: 14px;
}

.fs-15px {
    font-size: 15px;
}

.fs-17px {
    font-size: 17px;
}

.lh-25px {
    line-height: 25px;
}

.lh-28px {
    line-height: 28px;
}

.lh-30px {
    line-height: 30px;
}

.lh-35px{
    line-height: 35px;
}

.lt-1 {
    letter-spacing: 1px;
}

.border-8 {
    border-width: 8px !important;
}

.blur-10 {
    backdrop-filter: blur(10px);
}

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

.bg-darkBlue {
    background-color: var(--dark-blue-color);
}

.bg-darkBlue4 {
    background-color: var(--dark-blue-color4);
}

.bg-gray3 {
    background-color: var(--gray-color3);
}

.bg-lightBlue4 {
    background-color: var(--light-blue4) !important;
}

.color-light-blue2 {
    color: var(--light-blue-color2);
}

.bc-lightBlue2 {
    border-color: var(--light-blue-color2) !important;
}

.border-fff {
    border-color: var(--gray-fff) !important;
}

.border-lightGray {
    border-color: var(--light-gray-color);
}
.border-red1{
    border-color: var(--red-color) !important;
}
.border-0095 {
    border-color: var(--blue-0095) !important;
}

.c-fff {
    color: var(--gray-color2);
}

.c-darkGray{
    color: var(--dark-gray-color);
}

.c-gray3 {
    color: var(--gray-color4);
}

.c-darkBlue {
    color: var(--dark-blue-color);
}

.c-darkBlue5 {
    color: var(--dark-blue-color5);
}
.c-dark2{
    color: var(--dark-color2);
}
.c-darkGreen{
    color: var(--dark-green-color);
}
.card-overlay {
    background-color: var(--dark-blue-color3);
}

.card-overlay2 {
    background-color: var(--dark-color);
}

.card-overlay3 {
    background-color: var(--light-blue-color3);
}

.card-overlay4 {
    background-color: var(--light-green-color);
}

.card-overlay6 {
    background-color: var(--dark-blue-color6);
}

.gutter-x-0 {
    --bs-gutter-x: 0 !important;
}

.btn-dark-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--dark-blue-color);
    --bs-btn-border-color: var(--dark-blue-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--dark-blue-color);
    --bs-btn-disabled-border-color: var(--dark-blue-color);
}

.btn-light-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--light-blue-color);
    --bs-btn-border-color: var(--light-blue-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--light-blue-color);
    --bs-btn-disabled-border-color: var(--light-blue-color);
}

.btn-gray {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--gray-color);
    --bs-btn-border-color: var(--gray-color);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--gray-color);
    --bs-btn-disabled-border-color: var(--gray-color);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: white !important;
}

.page-overlay {
    background-color: var(--dark-color2);
}