body {
    
    --ql-num-boxes: 4; /*USE FIRST ROW TO COUNT IF MORE THAN ONE ROW*/
    --ql-flex: calc(100% / var(--ql-num-boxes));
    --ql-flex-gap: min(3vw, 43.2px);
    --ql-g-title-color: var(--primary-color);
    --ql-g-title-font: var(--title-font-family);
    --ql-g-title-size: min(3vw, 43.2px);
    --ql-g-title-weight: 400;

    --ql-bg-opacity: .6;
    --ql-bg-hover-opacity: .8;
    --ql-background-color-code: var(--primary-color);
    --ql-background-color-code-hover: var(--ql-background-color-code);
    --ql-background-color: rgba(var(--ql-background-color-code),var(--ql-bg-opacity));
    --ql-background-hover: rgba(var(--ql-background-color-code-hover),var(--ql-bg-hover-opacity));
    --ql-background-size-desktop: calc(var(--ql-icon-size-desktop) + min(2vw, 28.8px));
    --ql-background-size-mobile: calc(var(--ql-icon-size-mobile) + 3rem);

    --ql-font-family: var(--title-font-family);
    --ql-title-color: var(--primary-color);
    --ql-title-hover: var(--secondary-color);
    --ql-title-weight: 400;
    --ql-mobile-bg-color: rgba(var(--primary-color-rgb),.5); /* Updated from --primary-rgb */
    --ql-mobile-bg-hover: rgba(var(--primary-color-rgb),.7); /* Updated from --primary-rgb */
    --ql-mobile-title-color: var(--default-white);
    --ql-box-shadow: var(--site-box-shadow);
    --ql-font-size-desktop: min(1.7vw, 24.48px);
    --ql-font-size-mobile: 1.7rem;
    --ql-bottom-border-size: 2px;
    --ql-bottom-border-style: solid;
    --ql-bottom-border-color: var(--default-white);
    --ql-right-border-size: 1px;
    --ql-right-border-style: solid;
    --ql-right-border-color: var(--secondary-color);
    --ql-top-border-size: 5px;
    --ql-top-border-style: solid;
    --ql-top-border-color: var(--secondary-color);
    --ql-left-border-size: 1px;
    --ql-left-border-style: solid;
    --ql-left-border-color: var(--secondary-color);
    --ql-border-radius: 0;
    --ql-icon-color: var(--ql-title-color);
    --ql-icon-hover: var(--ql-title-hover);
    --ql-icon-size-desktop: min(4vw, 57.6px);
    --ql-icon-size-mobile: 4rem;
    --ql-title-color-mobile: var(--primary-color);
    --ql-letter-spacing: 0;
    --ql-text-transform: none;
    --ql-height: min(14vw, 201.6px);
    --ql-width: min(17vw, 244.8px);
    --ql-mobile-width: min(44vw, 633.6px);
    --ql-subtitle-color: var(--secondary-color);
    --ql-empty-height: min(2vw, 28.8px);
    --ql-ratio: 1;
    --ql-title-align: center;

    --ql-overlay-opacity: .6;
    --ql-overlay-hover-opacity: .8;
    --ql-overlay-bg: rgba(var(--secondary-color-rgb),var(--ql-overlay-opacity)); /* Updated from --secondary-rgb */
    --ql-overlay-bg-hover: rgba(var(--secondary-color-rgb),var(--ql-overlay-hover-opacity)); /* Updated from --secondary-rgb */

    /* Jeremy Added */
    --ql-aspect-ratio: 16 / 12;
    --ql-text-shadow: var(--site-box-shadow);
    --ql-max-width: 350px;

    --default-scale: scale(1.05);
}

@media only screen and (min-width: 50.99rem) {
    .ql-height-1vw .g-blockcontent-subcontent-block-content {height: min(1vw, 14.4px);}
    .ql-height-2vw .g-blockcontent-subcontent-block-content {height: min(2vw, 28.8px);}
    .ql-height-3vw .g-blockcontent-subcontent-block-content {height: min(3vw, 43.2px);}
    .ql-height-4vw .g-blockcontent-subcontent-block-content {height: min(4vw, 57.6px);}
    .ql-height-5vw .g-blockcontent-subcontent-block-content {height: min(5vw, 72px);}
    .ql-height-6vw .g-blockcontent-subcontent-block-content {height: min(6vw, 86.4px);}
    .ql-height-7vw .g-blockcontent-subcontent-block-content {height: min(7vw, 100.8px);}
    .ql-height-8vw .g-blockcontent-subcontent-block-content {height: min(8vw, 115.2px);}
    .ql-height-9vw .g-blockcontent-subcontent-block-content {height: min(9vw, 129.6px);}
    .ql-height-10vw .g-blockcontent-subcontent-block-content {height: min(10vw, 144px);}
    .ql-height-11vw .g-blockcontent-subcontent-block-content {height: min(11vw, 158.4px);}
    .ql-height-12vw .g-blockcontent-subcontent-block-content {height: min(12vw, 172.8px);}
    .ql-height-13vw .g-blockcontent-subcontent-block-content {height: min(13vw, 187.2px);}
    .ql-height-14vw .g-blockcontent-subcontent-block-content {height: min(14vw, 201.6px);}
    .ql-height-15vw .g-blockcontent-subcontent-block-content {height: min(15vw, 216px);}
    .ql-height-16vw .g-blockcontent-subcontent-block-content {height: min(16vw, 230.4px);}
    .ql-height-17vw .g-blockcontent-subcontent-block-content {height: min(17vw, 244.8px);}
    .ql-height-18vw .g-blockcontent-subcontent-block-content {height: min(18vw, 259.2px);}
    .ql-height-19vw .g-blockcontent-subcontent-block-content {height: min(19vw, 273.6px);}
    .ql-height-20vw .g-blockcontent-subcontent-block-content {height: min(20vw, 288px);}
}
/*QUICKLINKS SQUARE - 1*/
@media only screen and (min-width: 50.99rem) {
    .ql-square-1 .g-blockcontent-header > .g-title {
        text-align: center;
        font-family: var(--title-font-family);
        font-style: italic;
        font-variant-caps: normal;
    }
    .ql-square-1 .g-blockcontent-subcontent {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .ql-square-1 .g-blockcontent-subcontent-block {
        flex: var(--ql-flex);
        padding: min(1vw, 14.4px);
    }
    .ql-square-1 .g-blockcontent-subcontent-block-content {
        margin: 0; 
        padding: 0;
        position: relative;
        width: 100%;
        box-shadow: var(--ql-box-shadow);
    }
    .ql-square-1 .g-blockcontent-subcontent-block-content > img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        border-radius: 0;
        object-position: center;
        object-fit: cover;
    }
    .ql-square-1 .g-blockcontent-subcontent-block-content > h4.g-blockcontent-subcontent-title {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: var(--ql-background-color);
        transition: var(--default-transition);
    }
    .ql-square-1 .g-blockcontent-subcontent-title-text {
        color: var(--ql-title-color);
        background: transparent;
        position: absolute;
        top: min(1vw, 14.4px);
        bottom: min(1vw, 14.4px);
        left: min(1vw, 14.4px);
        right: min(1vw, 14.4px);
        margin: 0;
        padding: 0;
        border-bottom: var(--ql-bottom-border-size) var(--ql-bottom-border-style) var(--ql-bottom-border-color);
        font-size: var(--ql-font-size-desktop);
        text-shadow: 2px 2px var(--default-black);
        transition: var(--default-transition);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ql-square-1 .g-blockcontent-subcontent-block-content > .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
    .ql-square-1 .g-blockcontent-subcontent-block-content > .g-blockcontent-buttons > a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        padding: min(1vw, 14.4px);
        margin: 0;
        background: transparent;
        color: var(--ql-title-color);
        opacity: 0;
    }
    .ql-square-1 .g-blockcontent-subcontent-block-content:hover h4.g-blockcontent-subcontent-title {
        background: var(--ql-background-hover);
    }
    .ql-square-1 .g-blockcontent-subcontent-block-content:hover h4.g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
} 

@media only screen and (min-width: 50.99rem) {
    .ql-circle-slant {
        margin: 0;
        padding: 0;
    }
    .ql-circle-slant > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-circle-slant > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-circle-slant .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-circle-slant .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: min(2vw, 28.8px);
        justify-content: space-between;
    }
    .ql-circle-slant .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        flex: 1;
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid rgba(var(--default-white-rgb),1); /* Updated from --default-white */
        transition: var(--default-transition);

    }
    .ql-circle-slant .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title {
        height: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)!important;
    }
    .ql-circle-slant .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        transition: var(--default-transition);
    }
    .ql-circle-slant .g-blockcontent-subcontent-img {
        margin: 0;
        padding: 0;
        border-radius: 0;
        aspect-ratio: 1/1;
        object-position: center;
        object-fit: cover;
        transition: var(--default-transition);
    }
    .ql-circle-slant .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        min-height: 45%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(var(--secondary-color-rgb),.8); /* Updated from --secondary-color */
        transition: var(--default-transition);
    }
    .ql-circle-slant .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0 min(2vw, 28.8px);
        color: var(--ql-title-color); /* Updated from --default-white */
        transition: var(--default-transition);
        text-align: center;
        font-size: min(1.25vw, 18px);
        font-weight: 700;
        font-family: var(--body-font-family);
    }
    .ql-circle-slant .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 10;
    }
    .ql-circle-slant .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 10;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ql-img-title-vertical {
        margin: 0;
        padding: 0;
    }
    .ql-img-title-vertical > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-img-title-vertical > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-img-title-vertical .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-img-title-vertical .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: min(2vw, 28.8px);
    }
    .ql-img-title-vertical .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        background: rgba(var(--secondary-color-rgb),1); /* Updated from --secondary-color */
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: var(--default-box-shadow);
        transition: var(--default-transition);
    }
    .ql-img-title-vertical .g-blockcontent-subcontent-block:hover {
        transform: var(--default-scale);
        box-shadow: var(--default-box-shadow-hover);
    }
    .ql-img-title-vertical .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        position: relative;
        border-radius: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .ql-img-title-vertical .g-blockcontent-subcontent-img {
        margin: 0;
        padding: 0;
        width: 100%;
        aspect-ratio: 16 / 9;
        border-radius: 0;
        object-position: center;
        object-fit: cover;
    }
    .ql-img-title-vertical .g-blockcontent-subcontent-title {
        margin: 0;
        padding: min(1.5vw, 21.6px) min(1vw, 14.4px);
        height: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        max-height: min(7vw, 100.8px);
    }
    .ql-img-title-vertical .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: rgba(var(--default-white-rgb),1); /* Updated from --default-white */
        font-weight: 700;
        font-family: var(--body-font-family);
        font-size: min(1.25vw, 18px);
        line-height: 1.3;
    }
    .ql-img-title-vertical .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .ql-img-title-vertical .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ql-side-icon-title {
        margin: 0;
        padding: 0;
        position: relative;
        /*z-index: 100;*/
    }
    .ql-side-icon-title > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: min(2vw, 28.8px);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        box-shadow: var(--default-box-shadow);
        border-radius: 1rem;
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: min(1.5vw, 21.6px) min(2vw, 28.8px);
        background: rgba(var(--primary-color-rgb),1); /* Updated from --primary-color */
        border: 2px solid rgba(var(--default-white-rgb),1); /* Updated from --default-white */
        transition: var(--default-transition);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block:hover {
        transform: var(--default-scale);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: min(1vw, 14.4px);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: min(4vw, 57.6px);
        color: rgba(var(--secondary-color-rgb),1); /* Updated from --secondary-color */
        transition: var(--default-transition);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        flex: 3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        transition: var(--default-transition);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        font-family: var(--body-font-family);
        font-size: min(1.75vw, 25.2px);
        line-height: min(1.75vw, 25.2px);
        font-weight: 400;
        display: flex;
        color: rgba(var(--default-white-rgb),1); /* Updated from --default-white */
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: var(--default-transition);
    }
    .ql-side-icon-title .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .ql-side-icon-title .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-side-icon-title {
        margin: 0;
        padding: 0;
        padding: 1rem!important;
        position: relative;
        z-index: 100;
    }
    .ql-side-icon-title > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        box-shadow: var(--default-box-shadow);
        border-radius: 1rem;
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 1.5rem min(3vw, 43.2px);
        background: rgba(var(--primary-color-rgb),1); /* Updated from --primary-color */
        border: 2px solid rgba(var(--default-white-rgb),1); /* Updated from --default-white */
        transition: var(--default-transition);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block:hover {
        transform: var(--default-scale);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: min(2vw, 28.8px);
        width: 100%
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: min(10vw, 144px);
        color: rgba(var(--secondary-color-rgb),1); /* Updated from --secondary-color */
        transition: var(--default-transition);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        flex: 2;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        transition: var(--default-transition);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        font-size: min(5vw, 72px);
        line-height: min(5vw, 72px);
        font-weight: 400;
        display: flex;
        color: rgba(var(--default-white-rgb),1); /* Updated from --default-white */
        transition: var(--default-transition);
    }
    .ql-side-icon-title .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .ql-side-icon-title .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

    /*QUICKLINKS DEFAULT MOBILE VIEW*/
@media only screen and (max-width: 50.99rem) {
    .ql-dm {padding: 2%;}
    .ql-dm .g-blockcontent-subcontent {
        flex-wrap: wrap;
        row-gap: min(2vw, 28.8px);
        column-gap: 2%;
    }
    .ql-dm .g-blockcontent-subcontent-block {
        flex: 49%;
    } 
    .ql-dm .g-blockcontent-subcontent-block:not(.ql-bc-1 .g-blockcontent-subcontent-block:first-child) {
        margin-left: 0;
    }
    .ql-dm .g-blockcontent-subcontent-block-content {
        border-radius: 1rem; 
        height: min(30vw, 432px); 
        position: relative;
    }
    .ql-dm .g-content {
        padding: 0;
        margin: 0;
    }
    .ql-dm .g-blockcontent-subcontent-block-content img {
        border-radius: 1rem; 
        position: absolute; 
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        height: 100%; 
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    .ql-dm.ql-subtitle .g-blockcontent-subcontent-subtitle {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        width: 100%;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
        margin: 0;
        padding: 0;
        background: var(--ql-background-color);
        color: rgba(var(--ql-subtitle-color-rgb),1); /* Updated from --ql-subtitle-color */
        text-align: center;
    }
    .ql-dm.ql-subtitle .g-blockcontent-subcontent-title {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0;
        padding: 0;
        background: var(--ql-background-color);
        color: rgba(var(--ql-title-color-rgb),1); /* Updated from --ql-title-color */
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .ql-dm.ql-subtitle .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        border-radius: 0;
        justify-content: center;
        align-items: flex-end;
    }
    .ql-dm .g-blockcontent-subcontent-title {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 1rem;
        margin: 0;
        padding: 0;
        background: var(--ql-background-color);
        color: var(--default-white); /* Updated from --ql-title-color */
        text-align: center;
    }
    .ql-dm .g-blockcontent-subcontent-title-icon {
        display: none;
    }
    .ql-dm .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 1rem;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--ql-font-size-mobile);
    }
    .ql-dm .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 1rem;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
    .ql-dm .g-blockcontent-buttons a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 1rem;
        margin: 0;
        padding: 0;
        background: transparent;
        color: transparent;
        opacity: 0;
    }
    .ql-dm .g-blockcontent-subcontent-block {
        border-radius: 1rem;
    }
    .ql-dm .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
        background: var(--ql-background-hover);
    }
    .ql-dm h2.g-title {
        text-align: center;
    }
}
/*  */

/* Quicklinks Stained Glass */

.ql-stained-glass {
    --ql-font-family: var(--body-font-family);
    --ql-flex-gap: 2rem;
    --ql-title-hover: var(--ql-title-color);
}

.ql-stained-glass .g-block.g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-none {
    position: relative;
    transition: var(--default-transition);
}

.ql-stained-glass .g-blockcontent-buttons {
    margin: 0;
}

.ql-stained-glass a {
    position: absolute;
    color: var(--transparent);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.ql-stained-glass .g-blockcontent-subcontent-title {
    text-align: var(--ql-title-align);
    max-width: var(--ql-max-width);
    margin: 1rem auto auto auto;
    display: grid;
}

.ql-stained-glass .g-blockcontent-subcontent-title span {
    color: var(--ql-title-color);
    margin-bottom: 0;
    font-family: var(--ql-font-family);
    font-weight: var(--ql-title-weight);
    text-shadow: var(--ql-text-shadow);
}

.ql-stained-glass img {
    object-fit: cover;
    width: 100%;
    max-width: var(--ql-max-width);
    margin: auto;
    display: grid;
    box-shadow: var(--ql-box-shadow);
    aspect-ratio: var(--ql-aspect-ratio);
}

/* Hover effects */
.ql-stained-glass .g-block.g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-none:hover {
    transform: var(--default-scale);
    transition: var(--default-transition);
}

.ql-stained-glass .g-blockcontent-buttons a:hover {
    color: var(--transparent);
}

.ql-stained-glass .g-block.g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-none,
.ql-stained-glass .g-content.g-blockcontent-subcontent-block-content .g-blockcontent-subcontent-title span {
    transition: var(--default-transition);
}

.ql-stained-glass .g-content.g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title span {
    color: var(--ql-title-hover);
    transition: var(--default-transition);
}

.ql-stained-glass .g-blockcontent-subcontent {
    gap: var(--ql-flex-gap);
    align-items: top;
    justify-content: center;
}

@media (max-width: 50.99rem) {

    .ql-stained-glass .g-block.g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-none {
        flex-basis: 40%;
        min-width: 125px;
    }

    .ql-stained-glass .g-blockcontent-subcontent-title span {
        color: var(--ql-mobile-title-color);
    }

}
/*  */

body {
    --ql-transisiton: .3s all ease-in-out;

    --ql-container-flex-direction: row;
    --ql-container-gap: min(2vw, 28.8px);
    --ql-container-gap-mobile: 1rem;
    --ql-container-justify-content: initial;
    --ql-container-align-items: initial;
    --ql-container-flex-wrap: wrap;

    --ql-container-justify-content-mobile: center;
    --ql-container-align-items-mobile: center;

    --ql-item-flex: 1;
    --ql-item-padding: min(1vw, 14.4px);
    --ql-item-box-shadow: var(--default-box-shadow);
    --ql-item-justify-content: center;
    --ql-item-align-items: center;

    --ql-item-min-width-mobile: calc(50% - var(--ql-container-gap-mobile) / 2);
    --ql-item-max-width-mobile: calc(50% - var(--ql-container-gap-mobile) / 2);
    --ql-item-padding-mobile: 1rem;

    --ql-aspect-ratio: 4/3;

    --ql-item-outline-bg: rgba(var(--secondary-color-rgb),1);
    --ql-item-outline-border-radius: var(--ql-border-radius);

    --ql-item-inside-top: var(--ql-item-padding);
    --ql-item-inside-bottom: var(--ql-item-padding);
    --ql-item-inside-left: var(--ql-item-padding);
    --ql-item-inside-right: var(--ql-item-padding);
    --ql-item-inside-height: auto;
    --ql-item-inside-width: calc(100% - var(--ql-item-padding) * 2);
    --ql-item-inside-aspect-ratio: var(--ql-aspect-ratio);
    --ql-item-inside-box-shadow: inset var(--default-box-shadow);
    --ql-item-inside-border-collapse: separate;

    --ql-item-inside-top-mobile: var(--ql-item-padding-mobile);
    --ql-item-inside-bottom-mobile: var(--ql-item-padding-mobile);
    --ql-item-inside-left-mobile: var(--ql-item-padding-mobile);
    --ql-item-inside-right-mobile: var(--ql-item-padding-mobile);
    --ql-item-inside-height-mobile: auto;
    --ql-item-inside-width-mobile: calc(100% - var(--ql-item-padding-mobile) * 2);

    --ql-img-border-radius: var(--ql-border-radius);
    --ql-img-object-position: center;
    --ql-img-object-fit: cover;
    --ql-img-box-shadow: inset var(--default-box-shadow);

    --ql-box-shadow-hover: var(--default-box-shadow);
    --ql-transform-hover: var(--default-scale);

    --ql-title-bottom: max(-1vw, -14.4px);
    --ql-title-left: min(.75vw, 10.8px);
    --ql-title-right: min(.75vw, 10.8px);
    --ql-title-width: calc(100% - var(--ql-title-left) - var(--ql-title-right));
    --ql-title-height: min(3.5vw, 50.4px);
    --ql-title-max-height: min(3vw, 43.2px);
    --ql-title-bg: rgba(var(--primary-color-rgb),1);
    --ql-title-border-radius: calc(var(--ql-border-radius) / 2);
    --ql-title-box-shadow: var(--default-box-shadow);
    --ql-title-padding: min(.5vw, 7.2px);
    --ql-title-justify-content: center;
    --ql-title-align-items: center;
    --ql-title-font-size: min(1.25vw, 18px);
    --ql-title-font-family: var(--title-font-family);
    --ql-title-line-height: 1;
    --ql-title-color: var(--default-white);
    --ql-title-text-transform: none;
    --ql-title-variant-caps: normal;
    --ql-title-font-weight: 400;
    --ql-title-letter-spacing: 2px;
    --ql-title-text-shadow: none;
    --ql-title-text-decoration: none;
    --ql-title-text-align: center;

    --ql-title-bottom-mobile: -1rem;
    --ql-title-left-mobile: 1.1rem;
    --ql-title-right-mobile: 1.1rem;
    --ql-title-width-mobile: calc(100% - var(--ql-title-left-mobile) - var(--ql-title-right-mobile));
    --ql-title-height-mobile: min(10vw, 144px);
    --ql-title-max-height-mobile: min(9vw, 129.6px);
    --ql-title-bg-mobile: var(--ql-title-bg);
    --ql-title-border-radius-mobile: var(--ql-title-border-radius);
    --ql-title-box-shadow-mobile: var(--ql-title-box-shadow);
    --ql-title-padding-mobile: .5rem;
    --ql-title-justify-content-mobile: center;
    --ql-title-align-items-mobile: center;
    --ql-title-font-size-mobile: min(4vw, 57.6px);
    --ql-title-font-family-mobile: var(--ql-title-font-family);
    --ql-title-line-height-mobile: var(--ql-title-line-height);
    --ql-title-color-mobile: var(--ql-title-color);
    --ql-title-text-transform-mobile: var(--ql-title-text-transform);
    --ql-title-variant-caps-mobile: var(--ql-title-variant-caps);
    --ql-title-font-weight-mobile: var(--ql-title-font-weight);
    --ql-title-letter-spacing-mobile: var(--ql-title-letter-spacing);
    --ql-title-text-shadow-mobile: var(--ql-title-text-shadow);
    --ql-title-text-decoration-mobile: var(--ql-title-text-decoration);
    --ql-title-text-align-mobile: var(--ql-title-text-align);
}

.ql-window-title {
    --ql-border-radius: 1rem;
    --ql-item-outline-border-radius: var(--ql-border-radius);
    --ql-img-border-radius: var(--ql-border-radius);
    --ql-title-border-radius: calc(var(--ql-border-radius) / 2);
    --ql-title-border-radius-mobile: calc(var(--ql-border-radius) / 2);
    --ql-title-color: var(--default-white);
    --ql-title-color-mobile: var(--default-white);
}
  
@media only screen and (min-width: 50.99rem) {
    .ql-window-title {
        margin: 0;
        padding: 0;
    }
    .ql-window-title > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-window-title > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-window-title .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-window-title .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: var(--ql-container-flex-direction);
        gap: var(--ql-container-gap);
        justify-content: var(--ql-container-justify-content);
        align-items: var(--ql-container-align-items);
        flex-wrap: var(--ql-container-flex-wrap);
    }
    .ql-window-title .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        flex: var(--ql-item-flex);
    }
    .ql-window-title .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        position: relative;
        padding: var(--ql-item-padding)!important;
        display: flex;
        justify-content: var(--ql-item-justify-content);
        align-items: var(--ql-item-align-items);
        border-radius: var(--ql-border-radius);
        box-shadow: var(--ql-item-box-shadow);
        transition: var(--default-transition);
    }
    .ql-window-title .g-blockcontent-subcontent-block-content:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: var(--ql-item-outline-bg); /* Updated from --default-white */
        border-radius: var(--ql-item-outline-border-radius);
        z-index: 1;
    }
    .ql-window-title .g-blockcontent-subcontent-block-content:after {
        content: "";
        position: absolute;
        top: var(--ql-item-inside-top);
        bottom: var(--ql-item-inside-bottom);
        left: var(--ql-item-inside-left);
        right: var(--ql-item-inside-right);
        height: var(--ql-item-inside-height);
        width: var(--ql-item-inside-width);
        aspect-ratio: var(--ql-item-inside-aspect-ratio);
        border-radius: var(--ql-border-radius);
        box-shadow: var(--ql-item-inside-box-shadow);
        border-collapse: var(--ql-item-inside-border-collapse);
        z-index: 3;
    }
    .ql-window-title .g-blockcontent-subcontent-img {
        margin: 0;
        padding: 0;
        border-radius: var(--ql-img-border-radius);
        aspect-ratio: var(--ql-aspect-ratio);
        width: 100%;
        height: auto;
        object-position: var(--ql-img-object-position);
        object-fit: var(--ql-img-object-fit);
        position: relative;
        z-index: 2;
        box-shadow: var(--ql-img-box-shadow);
        transition: var(--ql-transition);
    }
    .ql-window-title .g-blockcontent-subcontent-block-content:hover {
        transform: var(--ql-transform-hover);
        box-shadow: var(--ql-box-shadow-hover);
    }
    .ql-window-title .g-blockcontent-subcontent-subtitle {
        position: absolute;
        top: 100%;
        transform: translateY(150%);
        margin: 0;
        padding: 0;
        background: none;
        color: rgba(var(--secondary-color-rgb),1); /* Updated from --secondary-color */
        opacity: .5;
        font-size: min(1.25vw, 18px);
        line-height: 1;
    }
    .ql-window-title .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: var(--ql-title-bottom);
        left: var(--ql-title-left);
        right: var(--ql-title-right);
        width: var(--ql-title-width);
        height: var(--ql-title-height);
        max-height: var(--ql-title-max-height);
        background: var(--ql-title-bg); /* Updated from --tertiary-color */
        z-index: 4;
        border-radius: var(--ql-title-border-radius);
        box-shadow: var(--ql-title-border-radius);
        padding: var(--ql-title-padding);
        display: flex;
        justify-content: var(--ql-title-justify-content);
        align-items: var(--ql-title-align-items);
        font-size: var(--ql-title-font-size); 
        line-height: var(--ql-title-line-height);
        font-family: var(--ql-title-font-family);
    }
    .ql-window-title .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        font-size: var(--ql-title-font-size);
        line-height: var(--ql-title-line-height);
        text-align: var(--ql-title-text-align);
        color: var(--ql-title-color);
        font-family: var(--ql-title-font-family);
        text-transform: var(--ql-title-text-transform);
        letter-spacing: var(--ql-title-letter-spacing);
        font-weight: var(--ql-title-font-weight);
        font-variant-caps: var(--ql-title-variant-caps);
        text-decoration: var(--ql-title-text-decoration);
        text-shadow: var(--ql-title-text-shadow);
    }
    .ql-window-title .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 5;
    }
    .ql-window-title .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 5;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-window-title {
        margin: 0;
        padding: 0;
    }
    .ql-window-title > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-window-title > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-window-title .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-window-title .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: var(--ql-container-flex-direction);
        gap: 2rem var(--ql-container-gap-mobile);
        justify-content: var(--ql-container-justify-content-mobile);
        align-items: var(--ql-container-align-items-mobile);
        flex-wrap: var(--ql-container-flex-wrap);
    }
    .ql-window-title .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        flex: var(--ql-item-flex);
        min-width: var(--ql-item-min-width-mobile);
        max-width: var(--ql-item-max-width-mobile);
    }
    .ql-window-title .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        position: relative;
        padding: var(--ql-item-padding-mobile)!important;
        display: flex;
        justify-content: var(--ql-item-justify-content);
        align-items: var(--ql-item-align-items);
        border-radius: var(--ql-border-radius);
        box-shadow: var(--ql-item-box-shadow);
        transition: var(--default-transition);
    }
    .ql-window-title .g-blockcontent-subcontent-block-content:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: var(--ql-item-outline-bg); /* Updated from --default-white */
        border-radius: var(--ql-item-outline-border-radius);
        z-index: 1;
    }
    .ql-window-title .g-blockcontent-subcontent-block-content:after {
        content: "";
        position: absolute;
        top: var(--ql-item-inside-top-mobile);
        bottom: var(--ql-item-inside-bottom-mobile);
        left: var(--ql-item-inside-left-mobile);
        right: var(--ql-item-inside-right-mobile);
        height: var(--ql-item-inside-height-mobile);
        width: var(--ql-item-inside-width-mobile);
        aspect-ratio: var(--ql-item-inside-aspect-ratio);
        border-radius: var(--ql-border-radius);
        box-shadow: var(--ql-item-inside-box-shadow);
        border-collapse: var(--ql-item-inside-border-collapse);
        z-index: 3;
    }
    .ql-window-title .g-blockcontent-subcontent-img {
        margin: 0;
        padding: 0;
        border-radius: var(--ql-img-border-radius);
        aspect-ratio: var(--ql-aspect-ratio);
        width: 100%;
        height: auto;
        object-position: var(--ql-img-object-position);
        object-fit: var(--ql-img-object-fit);
        position: relative;
        z-index: 2;
        box-shadow: var(--ql-img-box-shadow);
        transition: var(--ql-transition);
    }
    .ql-window-title .g-blockcontent-subcontent-block-content:hover {
        transform: var(--ql-transform-hover);
        box-shadow: var(--ql-box-shadow-hover);
    }
    .ql-window-title .g-blockcontent-subcontent-subtitle {
        position: absolute;
        bottom: 0;
        margin: 0;
        padding: .5rem .5rem 1rem .5rem;
        background: none;
        color: rgba(var(--primary-color-rgb),1); /* Updated from --primary-color */
        opacity: .5;
        font-size: min(4vw, 57.6px);
        line-height: 1;
        z-index: 1;
        width: 100%;
        text-align: center;
    }
    .ql-window-title .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: var(--ql-title-bottom-mobile);
        left: var(--ql-title-left-mobile);
        right: var(--ql-title-right-mobile);
        width: var(--ql-title-width-mobile);
        height: var(--ql-title-height-mobile);
        max-height: var(--ql-title-max-height-mobile);
        background: var(--ql-title-bg-mobile); /* Updated from --tertiary-color */
        z-index: 4;
        border-radius: var(--ql-title-border-radius-mobile);
        box-shadow: var(--ql-title-border-radius-mobile);
        padding: var(--ql-title-padding-mobile);
        display: flex;
        justify-content: var(--ql-title-justify-content-mobile);
        align-items: var(--ql-title-align-items-mobile);
        font-size: var(--ql-title-font-size-mobile); 
        line-height: var(--ql-title-line-height-mobile);
        font-family: var(--ql-title-font-family-mobile);
    }
    .ql-window-title .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        font-size: var(--ql-title-font-size-mobile);
        line-height: var(--ql-title-line-height-mobile);
        text-align: var(--ql-title-text-align-mobile);
        color: var(--ql-title-color-mobile);
        font-family: var(--ql-title-font-family-mobile);
        text-transform: var(--ql-title-text-transform-mobile);
        letter-spacing: var(--ql-title-letter-spacing-mobile);
        font-weight: var(--ql-title-font-weight-mobile);
        font-variant-caps: var(--ql-title-variant-caps-mobile);
        text-decoration: var(--ql-title-text-decoration-mobile);
        text-shadow: var(--ql-title-text-shadow-mobile);
    }
    .ql-window-title .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 5;
    }
    .ql-window-title .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 5;
    }
}


@media only screen and (min-width: 50.99rem) {
    .ql-side-icon-title {
        margin: 0;
        padding: 0;
        position: relative;
        /*z-index: 100;*/
    }
    .ql-side-icon-title > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 2vw;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        box-shadow: var(--default-box-shadow);
        border-radius: 1rem;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5vw 1vw;
        background: var(--secondary-color);
        border: none;
        transition: .3s all ease-in-out;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block:hover {
        transform: scale(1.05);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 1vw;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
        color: var(--default-white); 
        transition: .3s all ease-in-out;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        flex: 3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        transition: .3s all ease-in-out;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        font-size: 1.75vw;
        line-height: 1.75vw;
        font-weight: 400;
        display: flex;
        color: var(--default-white); 
        transition: .3s all ease-in-out;
    }
    .ql-side-icon-title .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .ql-side-icon-title .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-side-icon-title {
        margin: 0;
        padding: 0;
        padding: 1rem!important;
        position: relative;
        z-index: 100;
    }
    .ql-side-icon-title > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-side-icon-title .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        box-shadow: var(--default-box-shadow);
        border-radius: 1rem;
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 2vw 3vw;
        background: var(--secondary-color);
        border: none;
        transition: .3s all ease-in-out;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block:hover {
        transform: scale(1.05);
    }
    .ql-side-icon-title .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 2vw;
        width: 100%
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10vw;
        color: var(--default-white); 
        transition: .3s all ease-in-out;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        flex: 2;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        transition: .3s all ease-in-out;
    }
    .ql-side-icon-title .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        font-size: 5vw;
        line-height: 5vw;
        font-weight: 400;
        display: flex;
        color: var(--default-white); 
        transition: .3s all ease-in-out;
    }
    .ql-side-icon-title .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .ql-side-icon-title .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}