:root {
    /* Logo Based Colors */
    --logo-light-blue: #4197cb;
    --logo-dark-blue: #194f90;
    --logo-orange: #f88d2b;
    --logo-orange-dark: #b05706;
    --iir-energy-blue: #0847ad;
    /* Primary Colors */
    --primary-darkest-blue: #00041f;
    --primary-dark-blue: #00263d;
    --primary-teal: #04757f;
    --primary-teal-dark: #005860;
    --primary-light-blue: #66ffff;
    --primary-grey: #f2f2f2;
    --primary-light-grey: #f7f8fa;
    /* Fonts */
    --font-inter: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif;
    --font-inter-tight: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif;
    /* Bootstrap Overrides */
    --bs-font-sans-serif: var(--font-inter);
    --bs-border-color: #cecece;
}

/* REMOVE TEST WEBSITE BADGE FOR TIME BEING */
.bg-danger.subtitle-white.p-2.position-fixed {
    display: none !important;
}

/* ----- */
/* Fonts */
/* ----- */

/* Inter Regular - Latin-Ext */
@font-face {
    font-family: 'Inter';
    src: url('../inter-regular-variable-latin-ext.html') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter Regular - Latin */
@font-face {
    font-family: 'Inter';
    src: url('../inter-regular-variable.html') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter Italic - Latin-Ext */
@font-face {
    font-family: 'Inter';
    src: url('../inter-italic-variable-latin-ext.html') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter Italic - Latin */
@font-face {
    font-family: 'Inter';
    src: url('../inter-italic-variable.html') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter Tight Regular - Latin-Ext */
@font-face {
    font-family: 'Inter Tight';
    src: url('../intertight-regular-variable-latin-ext.html') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter Tight Regular - Latin */
@font-face {
    font-family: 'Inter Tight';
    src: url('../intertight-regular-variable.html') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter Tight Italic - Latin-Ext */
@font-face {
    font-family: 'Inter Tight';
    src: url('../intertight-italic-variable-latin-ext.html') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter Tight Italic - Latin */
@font-face {
    font-family: 'Inter Tight';
    src: url('../intertight-italic-variable.html') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body,
.inter {
    font-family: 'Inter', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.inter-tight {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 600;
}

h6 {
    font-size: 1.05rem;
}

.fs-7 {
    font-size: 0.775em;
}

.fw-light {
    font-weight: 300 !important;
}

/* ----------------- */
/* Responsive Images */
/* ----------------- */

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

/* ----- */
/* Links */
/* ----- */

a {
    text-decoration: none;
    color: var(--primary-teal);
    transition: all 0.15s ease;
    cursor: pointer;
}

a:hover {
    color: var(--logo-orange);
}

.d-grid {
    display: inline-grid;
}

/* ------------------------ */
/* Background Color Classes */
/* ------------------------ */
.bg-primary {
    background-color: var(--iir-energy-blue) !important;
}

.bg-stats {
    background: linear-gradient(var(--primary-dark-blue), var(--primary-teal)) !important;
}
.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.bg-darkest-blue {
    background-color: var(--primary-darkest-blue) !important;
}

.bg-dark-blue {
    background-color: var(--primary-dark-blue) !important;
}

.bg-dark-blue-gradient {
    background: linear-gradient(to right, #000000 0%, #05233c 46%) !important;
}
.bg-dark-blue-gradient-reverse {
    background: linear-gradient(to right, #000000 0%, #05233c 46%) !important;
}

.bg-cta-gradient {
    background: linear-gradient(to right, #004881 0%, #000000 46%) !important;
}

.bg-light-blue {
    background-color: var(--primary-light-blue) !important;
}

.bg-teal {
    background-color: var(--primary-teal) !important;
}

.bg-orange {
    background-color: var(--logo-orange) !important;
}

.bg-orange-dark {
    background-color: var(--logo-orange-dark) !important;
}

.bg-grey {
    background-color: var(--primary-grey) !important;
}

.bg-light-grey {
    background-color: var(--primary-light-grey) !important;
}

.bg-blue-grey {
    background-color: #dee2e6;
}

.bg-black {
    background-color: #000000;
}

.bg-white {
    background-color: #ffffff;
}

.bg-none {
    background-color: transparent;
}

.bg-hover-darkest-blue:hover {
    background-color: var(--primary-darkest-blue) !important;
}

.bg-hover-dark-blue:hover {
    background-color: var(--primary-dark-blue) !important;
}

.bg-hover-light-blue:hover {
    background-color: var(--primary-light-blue) !important;
}

.bg-hover-teal:hover {
    background-color: var(--primary-teal) !important;
}

.bg-hover-orange:hover {
    background-color: var(--logo-orange) !important;
}

.bg-hover-dark-orange:hover {
    background-color: var(--logo-orange-dark) !important;
}

.bg-hover-grey:hover {
    background-color: var(--primary-grey) !important;
}

.bg-hover-light-grey:hover {
    background-color: var(--primary-light-grey) !important;
}

.bg-hover-black:hover {
    background-color: #000000 !important;
}

.bg-hover-white:hover {
    background-color: #ffffff !important;
}

.powdah-bloo {
    background-color: #384b61;
}

/* ------------------- */
/* Background Overlays */
/* ------------------- */

.bg-overlay {
    background-color: rgb(0, 0, 0, 0.5);
}

.bg-overlay-top {
    background: linear-gradient(to bottom, #00000080 0%, transparent 50%);
}

.bg-overlay-bottom {
    background: linear-gradient(to top, #00000080 0%, transparent 50%);
}

.bg-overlay-left {
    background: linear-gradient(to right, #00000080 0%, transparent 50%);
}

.bg-overlay-right {
    background: linear-gradient(to left, #00000080 0%, transparent 50%);
}

/* ------------------ */
/* Text Color Classes */
/* ------------------ */

.text-darkest-blue {
    color: var(--primary-darkest-blue) !important;
}

.text-dark-blue {
    color: var(--primary-dark-blue) !important;
}

.text-light-blue {
    color: var(--primary-light-blue) !important;
}

.text-teal {
    color: var(--primary-teal) !important;
}

.text-orange {
    color: var(--logo-orange) !important;
}

.text-transparent {
    color: #ffffff82 !important;
}

.text-logo-orange {
    color: var(--logo-orange) !important;
}

.text-logo-dark-blue {
    color: var(--logo-dark-blue) !important;
}

.text-logo-light-blue {
    color: var(--logo-light-blue) !important;
}

.text-grey {
    color: var(--primary-grey) !important;
}

.text-light-grey {
    color: var(--primary-light-grey) !important;
}

.text-black {
    color: #000000;
}

.text-white {
    color: #ffffff;
}

.text-muted {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, 1) !important;
}

/* ------------------------ */
/* Text Hover Color Classes */
/* ------------------------ */

.text-hover-darkest-blue:hover {
    color: var(--primary-darkest-blue) !important;
}

.text-hover-dark-blue:hover {
    color: var(--primary-dark-blue) !important;
}

.text-hover-light-blue:hover {
    color: var(--primary-light-blue) !important;
}

.text-hover-teal:hover {
    color: var(--primary-teal) !important;
}

.text-hover-orange:hover {
    color: var(--logo-orange) !important;
}

.text-hover-black:hover {
    color: #000000 !important;
}

.text-hover-white:hover {
    color: #ffffff !important;
}

.text-hover-grey:hover {
    color: var(--primary-grey) !important;
}

.text-hover-light-grey:hover {
    color: var(--primary-light-grey) !important;
}

/* --------- */
/* Subtitles */
/* --------- */

.subtitle-dark-blue,
.subtitle-light-blue,
.subtitle-teal,
.subtitle-orange,
.subtitle-white,
.subtitle-black {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 0.75rem;
}

.subtitle-dark-blue {
    color: var(--primary-dark-blue);
}

.subtitle-light-blue {
    color: var(--primary-light-blue);
}

.subtitle-teal {
    color: var(--primary-teal);
}

.subtitle-orange {
    color: var(--logo-orange);
}

.subtitle-white {
    color: #fff;
}

.subtitle-black {
    color: #000;
}

/* -------------------- */
/* Border Color Classes */
/* -------------------- */

.border-darkest-blue {
    border-color: var(--primary-darkest-blue) !important;
}

.border-dark-blue {
    border-color: var(--primary-dark-blue) !important;
}

.border-light-blue {
    border-color: var(--primary-light-blue) !important;
}

.border-teal {
    border-color: var(--primary-teal) !important;
}

.border-orange {
    border-color: var(--logo-orange) !important;
}

.border-logo-orange {
    border-color: var(--logo-orange) !important;
}

.border-logo-dark-blue {
    border-color: var(--logo-dark-blue) !important;
}

.border-logo-light-blue {
    border-color: var(--logo-light-blue) !important;
}

.border-grey {
    border-color: var(--primary-grey) !important;
}

.border-light-grey {
    border-color: var(--primary-light-grey) !important;
}

.border-black {
    border-color: #000000;
}

.border-white {
    border-color: #ffffff;
}

/* ----------------------- */
/* Border hover classes */
/* ----------------------- */

.border-hover-orange:hover {
    border-color: var(--logo-orange) !important;
}

/* ------------- */
/* Button Styles */
/* ------------- */

.btn {
    border-radius: 0;
}

.btn:focus {
    box-shadow: none !important;
}

/* primary button (dark blue) */

.primary-btn,
a.primary-btn,
button.primary-btn,
.primary-btn-inverted,
a.primary-btn-inverted,
button.primary-btn-inverted {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin: 0 auto 1.5rem;
    padding: 0.85em 1em;
    text-align: center;
    text-decoration: none;
    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;
}

.primary-btn,
a.primary-btn,
button.primary-btn {
    background-color: #00263d;
    border: 1px solid #00263d;
    color: #66ffff !important;
    text-decoration: none !important;
}

.primary-btn:hover,
a.primary-btn:hover,
button.primary-btn:hover {
    background-color: #66ffff;
    border: 1px solid #00263d;
    color: #00263d !important;
}

@media (min-width: 992px) {
    .primary-btn,
    .primary-btn-inverted {
        margin: 0 0 1rem;
        width: auto;
    }
}

.primary-btn-inverted,
a.primary-btn-inverted,
button.primary-btn-inverted {
    background-color: #66ffff;
    border: 1px solid #66ffff;
    color: #00263d !important;
}

.primary-btn-inverted:hover,
a.primary-btn-inverted:hover,
button.primary-btn-inverted:hover {
    background-color: #0094a2;
    border: 1px solid #0094a2;
    color: #66ffff !important;
}

a.primary-btn.rounded-btn {
    border-radius: 6px;
    margin-right: 1rem;
    padding: 0.85rem 1.95rem;
}

.btn-primary {
    background-color: var(--primary-dark-blue);
    color: var(--primary-light-blue);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--primary-dark-blue);
    color: var(--primary-light-blue);
    opacity: 0.5;
    cursor: no-drop;
}

.btn-primary:hover {
    background-color: var(--primary-teal);
    color: var(--primary-light-blue);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):focus {
    background-color: var(--primary-light-blue);
    color: var(--primary-dark-blue);
}

.btn-primary-inverted {
    background-color: var(--primary-light-blue);
    color: var(--primary-dark-blue);
}

.btn-primary-inverted.disabled,
.btn-primary-inverted:disabled {
    background-color: var(--primary-light-blue);
    color: var(--primary-dark-blue);
    opacity: 0.5;
    cursor: no-drop;
}

.btn-primary-inverted:hover,
.btn-primary-inverted:not(:disabled):not(.disabled):active,
.btn-primary-inverted:not(:disabled):not(.disabled):focus {
    background-color: var(--primary-dark-blue);
    color: var(--primary-light-blue);
}

.btn-primary-wire {
    outline: 1px solid var(--primary-dark-blue);
    outline-offset: -1px;
    color: var(--primary-dark-blue);
}

.btn-primary-wire.disabled,
.btn-primary-wire:disabled {
    outline: 1px solid var(--primary-dark-blue);
    outline-offset: -1px;
    color: var(--primary-dark-blue);
    opacity: 0.5;
    cursor: no-drop;
}

.btn-primary-wire:hover,
.btn-primary-wire:not(:disabled):not(.disabled):active,
.btn-primary-wire:not(:disabled):not(.disabled):focus {
    background-color: var(--primary-dark-blue);
    color: var(--primary-light-blue);
}

.btn-primary-inverted-wire {
    outline: 1px solid var(--primary-teal);
    outline-offset: -1px;
    color: var(--primary-teal);
}

.btn-primary-inverted-wire.disabled,
.btn-primary-inverted-wire:disabled {
    outline: 1px solid var(--primary-teal);
    outline-offset: -1px;
    color: var(--primary-teal);
    opacity: 0.5;
    cursor: no-drop;
}

.btn-primary-inverted-wire:hover,
.btn-primary-inverted-wire:not(:disabled):not(.disabled):active,
.btn-primary-inverted-wire:not(:disabled):not(.disabled):focus {
    background-color: var(--primary-teal);
    color: var(--primary-light-blue);
}

/* secondary button (orange) */
.btn-secondary {
    background-color: var(--logo-orange);
    color: #fff;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: var(--logo-orange);
    color: #fff;
    opacity: 0.5;
    cursor: no-drop;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):focus {
    background-color: var(--logo-orange-dark);
}

.btn-secondary-inverted {
    background-color: var(--logo-orange-dark);
    color: #fff;
}

.btn-secondary-inverted.disabled,
.btn-secondary-inverted:disabled {
    background-color: var(--logo-orange-dark);
    color: #fff;
    opacity: 0.5;
    cursor: no-drop;
}

.btn-secondary-inverted:hover,
.btn-secondary-inverted:not(:disabled):not(.disabled):active,
.btn-secondary-inverted:not(:disabled):not(.disabled):focus {
    background-color: var(--logo-orange);
    color: #fff;
}

.btn-secondary-wire {
    outline: 1px solid var(--logo-orange);
    outline-offset: -1px;
    color: var(--logo-orange);
}

.btn-secondary-wire.disabled,
.btn-secondary-wire:disabled {
    outline: 1px solid var(--logo-orange);
    outline-offset: -1px;
    color: var(--logo-orange);
    opacity: 0.5;
    cursor: no-drop;
}

.btn-secondary-wire:hover {
    background-color: var(--logo-orange);
    color: #fff;
}

.btn-secondary-wire:not(:disabled):not(.disabled):active,
.btn-secondary-wire:not(:disabled):not(.disabled):focus {
    background-color: var(--logo-orange);
    color: #fff;
}

/* tertiary button (teal) */
.btn-tertiary {
    background-color: var(--primary-teal);
    color: #fff;
}

.btn-tertiary.disabled,
.btn-tertiary:disabled {
    background-color: var(--primary-teal);
    color: #fff;
    opacity: 0.5;
    cursor: no-drop;
}

.btn-tertiary:hover,
.btn-tertiary:not(:disabled):not(.disabled):active,
.btn-tertiary:not(:disabled):not(.disabled):focus {
    background-color: var(--primary-teal-dark);
    color: #fff;
}

.btn-tertiary-inverted {
    background-color: var(--primary-teal-dark);
    color: #fff;
}

.btn-tertiary-inverted.disabled,
.btn-tertiary-inverted:disabled {
    background-color: var(--primary-teal-dark);
    color: #fff;
    opacity: 0.5;
    cursor: no-drop;
}

.btn-tertiary-inverted:hover,
.btn-tertiary-inverted:not(:disabled):not(.disabled):active,
.btn-tertiary-inverted:not(:disabled):not(.disabled):focus {
    background-color: var(--primary-teal);
    color: #fff;
}

.btn-tertiary-wire {
    outline: 1px solid var(--primary-teal);
    outline-offset: -1px;
    color: var(--primary-teal);
}

.btn-tertiary-wire.disabled,
.btn-tertiary-wire:disabled {
    outline: 1px solid var(--primary-teal);
    outline-offset: -1px;
    color: var(--primary-teal);
    opacity: 0.5;
    cursor: no-drop;
}

.btn-tertiary-wire:hover {
    background-color: var(--primary-teal);
    color: #fff;
}

.btn-tertiary-wire:not(:disabled):not(.disabled):active,
.btn-tertiary-wire:not(:disabled):not(.disabled):focus {
    background-color: var(--primary-teal);
    color: #fff;
}

/* ---------------- */
/* Input Components */
/* ---------------- */

.form-check .form-check-label,
.form-check.form-switch,
.form-check.form-switch .form-check-input,
.form-check-input label {
    cursor: pointer;
}

.form-check-input:checked,
.bootstrap .form-check-input:checked,
.form-check-input[type='checkbox']:indeterminate,
.bootstrap .form-check-input[type='checkbox']:indeterminate {
    background-color: var(--primary-dark-blue);
    border-color: var(--primary-dark-blue);
}

/* ----- */
/* Lists */
/* ----- */

ul.arrow li {
    list-style: none;
}

ul.arrow li:before {
    content: '\f124';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    display: inline-block;
    color: var(--logo-orange);
    transform: translateX(-1.5rem) rotate(45deg);
    font-size: 0.7rem;
    margin-right: -0.8rem;
}

/* ---------- */
/* Accordions */
/* ---------- */

.accordion-button:not(.collapsed),
.accordion-button.collapsed:hover {
    color: var(--logo-orange);
    background: transparent;
}

.accordion-button.collapsed:hover::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f88d2b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Teal Arrow */
.accordion-button.collapsed:hover::after,
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2304757f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:hover,
.accordion-button:not(.collapsed) {
    color: var(--primary-teal);
}

/* ---------- */
/* Popovers */
/* ---------- */

.popover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* ------------------- */
/* Text Shadow Classes */
/* ------------------- */

.text-shadow-0 {
    text-shadow: none;
}

.text-shadow-1 {
    text-shadow: 0 0 0.5rem rgb(0, 0, 0);
}

.text-shadow-2 {
    text-shadow: 0 0 0.5rem rgb(0, 0, 0), 0 0 1rem rgb(0, 0, 0);
}

.text-shadow-3 {
    text-shadow: 0 0 0.5rem rgb(0, 0, 0), 0 0 1rem rgb(0, 0, 0), 0 0 1.5rem rgb(0, 0, 0);
}

.text-shadow-4 {
    text-shadow: 0 0 0.5rem rgb(0, 0, 0), 0 0 1rem rgb(0, 0, 0), 0 0 1.5rem rgb(0, 0, 0), 0 0 2rem rgb(0, 0, 0);
}

/* -------------------- */
/* Hover Effects Styles */
/* -------------------- */

.card-hover,
.grow-hover,
.shadow-hover {
    transition: all 0.25s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
}

.grow-hover {
    transform: scale(1);
    transform-origin: center;
}

.grow-hover:hover {
    transform: scale(1.1);
    z-index: 1;
}

.shadow-hover:hover {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}

/* Hover Effects */

.hover-grow,
.hover-up,
.hover-down,
.hover-left,
.hover-right {
    transition: all 0.25s ease;
}

.hover-grow:hover {
    transform: scale(103%);
}

.hover-up:hover {
    transform: translateY(-4px);
}

.hover-down:hover {
    transform: translateY(4px);
}

.hover-left:hover {
    transform: translateX(-4px);
}

.hover-right:hover {
    transform: translateX(4px);
}

/* ---------------------- */
/* Filter Property Styles */
/* ---------------------- */

.filter-invert-1 {
    filter: invert(1);
}

/* ------------- */
/* Navbar Styles */
/* ------------- */

.navbar.bg-darkest-blue .navbar-toggler-icon,
.navbar.bg-dark-blue .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(102,255,255, 1)' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media screen and (max-width: 992px) {
  nav.navbar {
    max-height: 90vh !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

/* ------------ */
/* Quick Styles */
/* ------------ */

/* letter-spacing */

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

.ls-2 {
    letter-spacing: 2px;
}

/*  blur */

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

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

/* Center position : absolute element */

.transform-origin-center {
    transform: translate(-50%, -50%);
}

/* Padding */

.py-lg {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}

/* Font Size */

.fs-lg {
    font-size: 2rem;
}

.fs-xl {
    font-size: 3rem;
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
    .fs-lg {
        font-size: 2.5rem;
    }
    .fs-xl {
        font-size: 4rem;
    }
}

/* Large devices (992px and up) */
@media (min-width: 992px) {
    .fs-lg {
        font-size: 3rem;
    }
    .fs-xl {
        font-size: 5rem;
    }
}

@media (max-width: 768px) {
    .small {
        font-size: 0.75rem !important;
    }
}

/* Text Balance */

.text-balance {
    text-wrap: balance;
}