.bg-light-green {
    background: #E2F7F2 !important;
}

.bg-light-purple {
    background: #ECEEFF !important;
}

.pb-100 {
    padding-bottom: 6.25rem !important;
}

.bg-light-yellow {
    background: #FFFAE6 !important;
}

.mt-12px {
    margin-top: 0.75rem !important;
}

/* ------ font-sizes ------ */
.font12 {
    font-size: 0.75rem !important;
}

.font14 {
    font-size: 0.875rem !important;
}

.font16 {
    font-size:  1.0rem !important;
}

.font18 {
    font-size: 1.125rem !important;
}

.font20 {
    font-size: 1.25rem !important;
}

.font22 {
    font-size: 1.375rem !important;
}

.font24 {
    font-size: 1.5rem !important;
}

.font30 {
    font-size: 1.875rem !important;
}

.font35 {
    font-size: 2.2rem !important
}

.font40 {
    font-size: 2.5rem !important;
}

.font50 {
    font-size: 3.125rem !important;
}

.font55 {
    font-size: 3.438rem !important;
}

.font57 {
    font-size: 3.563rem !important;
}

.font60 {
    font-size: 3.75rem !important;
}

.font64 {
    font-size: 4rem !important;
}

.font70 {
    font-size: 4.38rem !important;
}
.font75 {
    font-size: 4.7rem !important;
}

.sys-util-stats-font {
    font-size: clamp(3em, 3vw, 5em) !important;
}

.site-home-welcome-note-font {
    line-height: 1.1;
    text-shadow: 0 2.15493px 5.02817px rgb(0 0 0 / 25%) !important;
}

.grayscale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* [1] The container */
.img-hover-zoom {
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
    transition: transform 1.5s ease-in-out;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
    transform: scale(1.03);
}

/* Colorize-zoom Container */
.img-hover-zoom--colorize img {
    transition: transform 1.5s, filter 1.5s ease-in-out;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* The Transformation */
.img-hover-zoom--colorize:hover img {
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    transform: scale(1.1);
}

.hr-line {
    overflow: hidden;
    text-align: center;
}

.hr-line:before,
.hr-line:after {
    background-color: #0084FF;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.hr-line:before {
    right: 0.5em;
    margin-left: -50%;
}

.hr-line:after {
    left: 0.5em;
    margin-right: -50%;
}

.rotate180 {
    transform : rotate(180deg);
}

.line-height-32px {
    line-height: 2rem;
}

.text-white-80 {
    color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 450px) {
    .dual-font-size-20 {
        font-size: 1.25rem !important;
    }
}

.w-45 {
    width: 45% !important;
}

.w-95 {
    width: 95% !important;
}

.line-height-27px {
    line-height: 27px;
}