* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;

}

:root {
    --bs-body-bg: #ffffff;
    --bs-body-color: #494B5B;
    --bs-primary: #215C5C;
    --bs-primary-rgb: 33, 92, 92;
    --bs-primary-hover: #144B4B;
    --bs-primary-hover-rgb: 20, 75, 75;
    --bs-secondary: #CCE8C9;
    --bs-secondary-rgb: 204, 232, 201;
    --bs-heading-color: #16181B;
    --inverse-color: #494B5B;
    --inverse-color-rgb: 73, 75, 91;
    --bs-link-color: var(--bs-primary);
    --nav-bg: #ffffff;
    --nav-color: #fff;
    --nav-hover-color: #1f6bff;
    --dropdown-bg: #ffffff;
    --dropdown-color: #1f6bff;
    --dropdown-hover-bg: #f7f7f7;
    --nav-inverse: #000000;
    --nav-inverse-alt: #ffffff;
}

.logo {
    width: 40px;
    height: 40px;
}

.logo_text {
    color: var(--bs-body-color);
    font-size: 22px;
}

.about_title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
}

#loader_wrapper {
    background-color: var(--bs-body-bg);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden !important;
}

.loader-center {
    position: relative;
}

.loader-center img {
    position: absolute;
    top: 19px;
    left: 20px;
    width: 40px;
    height: 40px;
}

.spinner {
    width: 75px;
    height: 75px;
    display: grid;
    color: var(--bs-primary);
    background: radial-gradient(farthest-side, currentColor calc(100% - 7px), #0000 calc(100% - 6px) 0);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 15px), #000 calc(100% - 13px));
    border-radius: 50%;
    animation: spinner-sm4bhi 2s infinite linear;
}

.spinner::before,
.spinner::after {
    content: "";
    grid-area: 1/1;
    background: linear-gradient(currentColor 0 0) center,
        linear-gradient(currentColor 0 0) center;
    background-size: 100% 11px, 11px 100%;
    background-repeat: no-repeat;
}


.spinner::after {
    transform: rotate(45deg);
}

.hide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.site-wrap {
    opacity: 0;
    overflow: hidden;
}



@keyframes spinner-sm4bhi {
    100% {
        transform: rotate(1turn);
    }
}