/*!
 * Bootstrap v5.2.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
    @font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-REGULAR.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-COND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MyriadPro-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-BOLDCOND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-BOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-BOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/myriad-pro/MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }


/*---------FancyBox v2.1.4 fancyapps.com ------------------*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('//www.uen.org/js/fancybox_latest/source/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('//www.uen.org/js/fancybox_latest/source/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('//www.uen.org/js/fancybox_latest/source/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('//www.uen.org/js/fancybox_latest/source/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #FFFFFF;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFFFFF;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

html {
    scroll-behavior: smooth;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.h1,
h1 {
    font-size: 78px;
}

.h2,
h2 {
    font-size: calc(2rem + 0.9vw);
    font-family: 'stratum-1-web';
    color: #fff;
    background-color: #6d28aa;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1200px) {
    .h2,
    h2 {
        font-size: 3rem;
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + 0.6vw);
    color: #6d28aa;
    font-family: 'stratum-2-web';
}
@media (min-width: 1200px) {
    .h3,
    h3 {
        font-size: 1.75rem;
    }
}
/*---- Navigation -----*/

.pdf {
    float: left; 
}

@media (max-width: 1680px) {
    .pdf {
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    .pdf {
        font-size: 14px;
    }
}

.download-hidden{
    float: left;
}

@media (max-width: 1200px) {
     .download-hidden {
        margin-left: -9000px;
    }
}


.navbar,
.navbar-collapse.collapse.show,
.scrolled,
.shadow,
.shadow-light,
a,
a.link-line,
a.link-line:before,
img {
    transition: all 0.5s ease-in-out 0s;
}
.bg-cover {
    background-size: cover;
    background-position: center center;
}
.navbar {
    padding-top: 32px;
    padding-bottom: 32px;
}

    
.navbar.scrolled {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: rgba(109, 40, 170, 1);
}
.link-fancy {
    color: #151515;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.link-fancy:hover {
    color: #6c757d;
}
.link-fancy:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    transform-origin: left;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, #151515 0, #151515 25%, transparent 0, transparent 50%, #151515 0, #151515 75%, transparent 0, transparent);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 400% 1px;
    transition: background-position 0.8s ease-in-out;
}
.link-fancy:hover:before {
    background-position: 100%;
}
.navbar-collapse.collapse.show {
    padding: 10px;
}



.nav-link-fancy {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

.nav-link-fancy:hover {
    color: #e9dff2;
}

.nav-link-fancy:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    transform-origin: left;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, #e9dff2 0, #e9dff2 25%, transparent 0, transparent 50%, #e9dff2 0, #e9dff2 75%, transparent 0, transparent);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 400% 1px;
    transition: background-position 0.8s ease-in-out;
}
.nav-link-fancy:hover:before {
    background-position: 100%;
}

.nav {
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    font-size: 16px;
    font-family: 'Myriad Pro Regular';
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

@media (max-width: 1680px) {
    .nav-link {
        padding: 0.5rem 0.5rem;
        font-size: 15px;
        
    }
}

@media (max-width: 1200px) {
    .nav-link {
        font-size: 13px;
        
    }
}

@media (max-width: 992px) {
    .nav-link {
        font-size: 18px;
        
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #e9dff2;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}
.nav-fill .nav-item .nav-link {
    width: 100%;
}
.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(255, 255, 255, 0.7);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.8);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.3);
    --bs-navbar-active-color: #e9dff2;
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(255, 255, 255, 0.9);
    --bs-navbar-brand-hover-color: rgba(255, 255, 255, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-border-radius: 0px;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
    color: var(--bs-navbar-active-color);
}
.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--bs-navbar-active-color);
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}
.navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}
@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 992px) {
    
    .navbar {
        background-color: rgba(109, 40, 170, 1);
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (min-width: 992px) {
    

    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}
.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.center {
    text-align: center;
}

/*------ Cover -------*/


.lcs-main-cover {
    position: relative;
    height: 100vh;
}

.lcs-cover {
    background-image: url(https://www.uen.org/lcs/images/Bryce-Cover-bottom-layer.webp);
    width: 100% !important;
    height: 100vh;
    overflow: hidden !important;
    position: absolute;
    top: 0;
    left: 0;
}


.lcs-cover2 {
    background-image: url(https://www.uen.org/lcs/images/Bryce-Cover-bottom-layer2.webp);
    width: 100% !important;
    height: 100vh;
    overflow: hidden !important;
    position: absolute;
    top: 0;
    left: 0;
}

.lcs-cover-title-box {
    position: relative !important;
    top: 90px;
    width: 45% !important;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1500px) {
     .lcs-cover-title-box {
        width: 55% !important;
    }
}

@media (max-width: 1200px) {
     .lcs-cover-title-box {
        width: 65% !important;
    } 
}

@media (max-width: 992px) {
     .lcs-cover-title-box {
        width: 85% !important;
    } 
}

@media (max-width: 768px) {
     .lcs-cover-title-box {
        width: 100% !important;
    } 
}

@media (max-width: 576px) {
     .lcs-cover-title-box {
        width: 90% !important;
    } 
}

.lcs-cover-title h1 {
    background: #fff;
    font-family: 'stratum-2-web';
    font-weight: 700 !important;
    color: #6d28aa;
    text-align: center;
    padding: 10px 0px 15px 0px;
    font-size: 78px;
    line-height: 1.2;
}

@media (max-width: 1680px) {
        .lcs-cover-title h1 {
        padding: 10px 10px 15px 10px;
        font-size: 65px;
    }  
}

@media (max-width: 768px) {
        .lcs-cover-title h1 {
        padding: 10px 10px 15px 10px;
        font-size: 55px;
    }  
}

@media (max-width: 360px) {
        .lcs-cover-title h1 {
        font-size: 45px;
    }  
}

@media (max-width: 320px) {
        .lcs-cover-title h1 {
        font-size: 40px;
    }  
}

.year {
    font-family: 'stratum-1-web';
    font-weight: 700;
    font-size: 180px;
    color: #fff;
    position: absolute;
    right: -70px !important;
    top: 220px !important;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    z-index: 20;
}

@media (max-width: 1680px) {
     .year {
        font-size: 140px;
        right: -40px !important;
        top: 260px !important;
    }
}

@media (max-width: 1500px) {
   .year {
        font-size: 140px;
       right: -40px !important;
        top: 180px !important;
       
    } 
}


@media (max-width: 992px) {
   .year {
        font-size: 120px;
        left: 0 !important;
        right: auto!important;
        top: 130px !important;
        writing-mode: horizontal-tb;
    } 
}

@media (max-width: 768px) {
   .year {
        font-size: 90px;
        left: 0 !important;
        right: auto!important;
        top: 120px !important;
        writing-mode: horizontal-tb;
    } 
}

@media (max-width: 501px) {
   .year {
        font-size: 90px;
        left: 0 !important;
        right: auto!important;
        top: 190px !important;
        writing-mode: horizontal-tb;
    } 
}

@media (max-width: 390px) {
      .year {
        font-size: 90px;
        left: 0 !important;
        right: auto!important;
        top: 255px !important;
        writing-mode: horizontal-tb;
    }  
}

@media (max-width: 360px) {
      .year {
      top: 155px !important;
    }  
}

.lcs-header-box-bottom {
    background: url(https://www.uen.org/lcs/images/green-rectanglemask-lines.webp);
    padding-bottom: 5px;
    padding-left: 35px;
    background-repeat: repeat-y;
    height: auto;
}
.lcs-header-box-top {
    background: url(https://www.uen.org/lcs/images/green-rectanglemask-lines.webp);
    padding-top: 15px;
    padding-left: 35px;
    margin-bottom: 25px;
    height: auto;
}
#education,
#productions,
#welcome {
    position: relative;
}
#welcome li {
    margin-left: 35px;
}


/*-------- Page Elements ---------*/


.paper-background {
    background-image: url(https://www.uen.org/lcs/images/papertexture-fade-grey.webp);
    background-size: 100%;
    z-index: -2;
}
.blue-background {
    background-color: #e4eef7;
}
.lcs-arrow {
    background-image: url(https://www.uen.org/lcs/images/icons/Icons_ArrowSet-Grey.webp);
    background-size: 25%;
    opacity: 0.3;
    background-position: right 55% top 25%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30%;
    z-index: -1;
    background-repeat: no-repeat;
}
.lcs-arrow-blue img {
    opacity: 0.1;
    height: 60px;
    position: absolute;
    top: 400px;
    left: 10px;
    width: auto;
    transform: rotate(180deg);
}
.picture-title {
    flex: 0 0 auto;
    background-color: #fff;
    text-align: right;
    color: var(--bs-purple);
    font-size: 30px;
    z-index: 10;
    font-family: 'stratum-2-web';
    font-weight: 700 !important;
}

@media (max-width: 360px) {
.picture-title {
    font-size: 25px;
}
}


.lcs-text-box-solid {
    background-color: rgba(255, 255, 255, 1);
    padding: 15px;
    z-index: 10;
}
.lcs-text-box {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 15px;
    z-index: 10;
}
.border-purple:before {
    content: "";
    display: block;
    width: 50%;
    padding-top: 10px;
    border-top: 5px solid #6d28aa;
}
.lcs-quote-box {
    background-color: #e9dff2;
    border: 2px solid #fff;
}
.lcs-quote-text {
    padding: 20px 15px 15px 25px;
}
.lcs-sm-quote {
    text-align: right;
    font-size: 10px;
    font-style: italic;
    line-height: 1.5;
    margin-left: 20px;
    padding-right: 15px;
}
.lcs-quote-mark {
    font-family: 'stratum-2-web';
    font-weight: 900 !important;
    font-size: 58px;
    color: var(--bs-purple);
    margin-left: -40px;
    width: 25px;
    position: absolute;
    top: 0;
}
.stats-container {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #6d28aa !important;
    padding: 3px 10px 10px 10px;
    text-align: center;
}
.odometer {
    color: var(--bs-purple);
    font-size: 53px;
    font-family: 'stratum-2-web';
    font-weight: 700;
    display: inline-block;
}

.odometer-txt {
    color: var(--bs-purple);
    font-size: 53px;
    font-family: 'stratum-2-web';
    font-weight: 700;
    display: inline-block;
}
.stats-img {
    margin-bottom: -35px;
    margin-left: auto;
    margin-right: auto;
    width: 55%;
    padding: 10px;
    background-color: #fff;
}
.stats-img-lg {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding: 10px;
    background-color: #fff;
}
.odometer.plus {
    position: relative;
}
.odometer.plus::after {
    content: "+";
    position: absolute;
    top: 0;
    right: -16px;
    font-size: 20px;
}

@media (max-width: 1680px) {
     .odometer {
        font-size: 50px;
    }
    .odometer-txt {
        font-size: 50px;
    }
}

@media (max-width: 1200px) {
     .odometer {
        font-size: 48px;
    }
    .odometer-txt {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
     .odometer {
        font-size: 39px;
    }
    .odometer-txt {
        font-size: 39px;
    }
}

@media (max-width: 576px) {
     .odometer {
        font-size: 30px;
    }
    .odometer-txt {
        font-size: 30px;
    }
}

@media (max-width: 450px) {
     .odometer {
        font-size: 35px;
    }
    .odometer-txt {
        font-size: 35px;
    }
}


.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}
.grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 35px;
}
.grid-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 35px;
}


@media (max-width: 576px) {
      .grid-3 {
        grid-template-columns: 1fr;
    }
    
}

@media (max-width: 450px) {
      .grid-2, grid-3 {
        grid-template-columns: 1fr;
    }
    
}

.tv-logo img {
    width: 75%;
}

@media (max-width: 576px) {
        .tv-logo img {
        width: 50%;
    }
}

.board-member {
    text-align: center;
}
.board-member img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.circle-mask {
    clip-path: circle(50% at 50% 50%);
}
.grid-1 {
    display: grid;
    grid-auto-columns: 1fr;
}
.shade {
    background-color: #fff;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*----- Positioning elements ------*/

.welcome-text {
    margin-left: auto;
	margin-right: auto; 
    font-size:1.25rem;
    width: 58%;
}

@media (max-width: 768px) {
    .welcome-text {
        width: 70%;
    }
}

@media (max-width: 450px) {
    .welcome-text {
        width: 90%;
    }
}


/* ----- students in focus -------*/

.students-in-focus-title {
    position: absolute;
    width: 16%;
    padding: 5px 10px 5px 37px;
    top: 5%;
    left: 20px;
}

.students-in-focus-text  {
    position: absolute;
    width: 16%;
    top: 25%;
    right: 5%;
}

@media (max-width: 1780px) {
    .students-in-focus-title {
         width: 20%;
    }
    
    .students-in-focus-text {
        width: 25%;
        top: 20%;
    }
 
}

@media (max-width: 1200px) {
    .students-in-focus-title {
        width: 20%;
        padding: 5px 10px 5px 20px;
    } 
    
    .students-in-focus-text {
        width: 30%;
        top: 10%;
    }
    
}

@media (max-width: 992px) {
    .students-in-focus-title {
        width: 25%;
        padding: 5px 10px 5px 10px;
    } 
    
    .students-in-focus-text {
        width: 90%;
        top: auto;
        bottom: -200px;
    }
    .section-break {
        margin-top: 200px;
    
    }
    .welcome-text {
    font-size:1rem;
}
    
}

@media (max-width: 576px) {
    .students-in-focus-text{
        width: 85%;
        top: auto;
        bottom: -250px;
    }
    .section-break {
        margin-top: 230px;
    
    }
    .welcome-text {
    font-size:1rem;
}
 
}

@media (max-width: 360px) {
    .students-in-focus-text{
      bottom: -318px;
    }
    
      .section-break {
        margin-top: 279px;
    
    }
}

/* ----- odometer boxes -------*/

.stats-width {
    width: 35%;
}

@media (max-width: 1680px) {
   .stats-width {
    width: 50%;
       margin-top: 30px;
} 
}

@media (max-width: 992px) {
   .stats-width {
    width: 80%;
       margin-top: 20px;
} 
}

@media (max-width: 768px) {
   .stats-width {
    width: 50%;
       margin-top: 20px;
} 
}

/* ----- Homeroom -------*/

.homeroom-grid, .pdtv-grid, .emedia-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}

.homeroom-text{
    order: 1;
}

.homeroom-img {
   order: 2;
}

@media (max-width: 768px) {
   .homeroom-grid, .pdtv-grid, .emedia-grid {
        grid-template-columns: 1fr;
    }
    
    .homeroom-text{
        order: 2;
    }

    .homeroom-img {
         order: 1;
    }
    
}

/* ----- PDTV -------*/

.pdtv-quote {
    width: 33.33333%;
    bottom: -15px; 
    right: 7%; 
    position: absolute; 
    z-index:10;
}

@media (max-width: 1680px) {
       .pdtv-quote {
        width: 40%;
        bottom: 5px; 
        right: 7%; 
    }
}

@media (max-width: 1200px) {
       .pdtv-quote {
        width: 50%;
        bottom: 60px; 
        right: 7%; 
    }
}

@media (max-width: 992px) {
       .pdtv-quote {
        width: 60%;
        bottom: 180px; 
        right: 5%; 
    }
}

@media (max-width: 768px) {
       .pdtv-quote {
        width: 50%;
        bottom: -15px; 
        right: 3%; 
    }
}

/*----- Software -------*/

.software-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 25px;
}

@media (max-width: 992px) {
    .software-grid {
        grid-template-columns: 1fr;
    }
}

.software-quotes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    margin-bottom: 25px;
    
}

.software-quotes {
     padding-left: 8vw;
    padding-right: 8vw;
    position: relative;
    
}

@media (max-width: 1680px) {
    .software-quotes {
        padding-left: 4vw;
        padding-right: 4vw;
    }
}

@media (max-width: 1200px) {
    .software-quotes {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 992px) {
    .software-quotes-grid {
        grid-template-columns: 1fr;
    }
}



/* ----- edTech Endorsement -------*/

.edtech-end-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}

.edtech-end-text {
   order: 1;
}

.edtech-end-quote {
    order: 2;
}

.edtech-end-img {
    order: 3;
}

.edtech-end-img img{
    width: 50%;
}

@media (max-width: 1680px) {
      .edtech-end-text {
        grid-column: span 2;
        order: 1;
    }
    
    .edtech-end-img {
        order: 2;
}
    .edtech-end-quote {
        grid-column: span 2;
        order: 3;
        margin-top: -80px;
        margin-left: 40px;
}
    .edtech-end-img img{
    width: 70%;
}
    
}

@media (max-width: 1200px) {
   
    .edtech-end-quote {
        grid-column: span 2;
        order: 3;
        margin-top: -30px;
        margin-left: 40px;
}
    
}

@media (max-width: 992px) {
   
    .edtech-end-quote {
        grid-column: span 3;
        order: 3;
        margin-top: -30px;
        margin-left: 40px;
}
     .edtech-end-img img{
    width: 100%;
}
    
    
}

@media (max-width: 768px) {
    
         .edtech-end-text {
        grid-column: span 3;
        order: 1;
    }
    
    .edtech-end-img {
        order: 3;
        grid-column: span 2;
}
       .edtech-end-img img{
    width: 60%;
}
   
    .edtech-end-quote {
        grid-column: span 3;
        order: 2;
        margin-top: -30px;
        margin-left: 10px;
}
    
}

/* ----- eMedia -------*/

.emedia-quote {
    margin-right: 20px;
}

/* ----- Research Quest & Teacher Tips -------*/

.tip-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 55px;
}

.tip-logo img {
    width: 70%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 992px) {
    
    .tip-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 55px;
}
   
    .tip-logo img {
        width: 40%;
    }
}
    
 @media (max-width: 768px) {
   
    .tip-logo img {
        width: 50%;
    }
}



.researchquest-img {
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}

 @media (max-width: 450px) {
   
    .researchquest-img {
        width: 100%;
    }
}
   

/* ----- Network Map -------*/

.map-odometer {
    right: 300px;
    top: 215px;
    width: 210px
}

 @media (max-width: 1680px) {
   
     .map-odometer {
        right: 300px;
        top: 320px;
        width: 180px;
    }
}

 @media (max-width: 1560px) {
   
     .map-odometer {
        right: 500px;
        top: 190px;
        width: 300px;
    }
}

 @media (max-width: 1200px) {
   
    .map-odometer {
        right: 100px;
        top: 145px;
        width: 300px;
        width: 300px;
    }
}

 @media (max-width: 992px) {
   
    .map-odometer {
        right: 100px;
        top: 200px;
        width: 300px;
        width: 300px;
    }
}

@media (max-width: 768px) {
   
    .map-odometer {
        right: 80px;
        top: 540px;
        width: 200px;
    }
}
     
@media (max-width: 576px) {
   
    .map-odometer {
        right: 20px;
      top: 500px;
      width: 150px;
    }
}

@media (max-width: 450px) {
   
    .map-odometer {
        right: 15px;
      top: 740px;
      width: 140px;
    }
}


@media (max-width: 390px) {

      .map-odometer {
        right: 50px;
        top: auto;
        width: 262px;
        bottom: -30px;
    }
}


/* ----- Network -------*/

.connections-title {
   position: absolute; 
    width: 30%;
    padding: 5px 10px 5px 37px;
    top: 5%; 
    left: 20px;
}

.connections-text  {
    position: absolute;
    width: 16%;
     top: 25%; 
    right: 5%;
}

.hide {
    visibility: visible;
}

@media (max-width: 1680px) {
     .connections-title {
        width: 40%;
        padding: 5px 10px 5px 20px;
    }
     .connections-text {
        width: 25%;
        top: 20%;
    }
    
}

@media (max-width: 1200px) {
      .connections-title {
        width: 60%;
        padding: 5px 10px 5px 10px;
    } 
    .connections-text {
        width: 30%;
        top: 10%;
    }
    
}

@media (max-width: 992px) {
   .connections-text {
        width: 90%;
        top: auto;
        bottom: -290px;
    }
    
    .hide {
    visibility: hidden;
}
    .connection-break {
         margin-top: 300px;
     }
   
}

@media (max-width: 768px) {
     .connections-title {
        width: 90%;
        padding: 5px 10px 5px 10px;
    }
      
}

@media (max-width: 576px) {
     .connections-title {
        width: 90%;
        padding: 5px 10px 5px 10px;
    }
    .connections-text {
        width: 85%;
        top: auto;
        bottom: -250px;
    }
      
}

@media (max-width: 450px) {
     .connections-title {
        width: 90%;
        padding: 5px 10px 5px 10px;
    }
    .connections-text {
        width: 85%;
        top: auto;
        bottom: -300px;
    }
      
}

@media (max-width: 390px) {
     .connections-title {
        width: 90%;
        padding: 5px 10px 5px 10px;
    }
    .connections-text {
        width: 85%;
        top: auto;
        bottom: -350px;
    }
    
     .connection-break {
         margin-top: 350px;
     }
   
      
}
     
/*---- Edtech Insights ------*/

.edtech-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}

.edtech-text {
    order: 1;
    margin-bottom: 30px;
}

.edtech-stats {
    order: 2;
    margin-left: 30px;
}

.edtech-quote {
    order: 3;
    margin-left: 30px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
      .edtech-grid {
        grid-template-columns: 1fr 1fr;
       
    }
    
    .edtech-quote {
    grid-column: span 2;
}
   
}

@media (max-width: 576px) {
      .edtech-grid {
        grid-template-columns: 1fr;
       
    }
   
}

/*----- Libraries ------*/

.library-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 25px;
}

.library-text-section {
    margin-left: -15px;
    z-index: 1;
    width: 70%;
}

.library-stats {
    width: 50%;
   margin-left: 20px;
}

.library-quote {
    bottom: 55px;
    left: 27%;
    position: absolute;
    z-index: 10;
    width: 75%;
}

@media (max-width: 1680px) {
    
    .library-quote {
        bottom: 105px; 
        left: 7%; 
    }
    .library-text-section {
        width: 90%;
}
    .library-stats {
        width: 65%;
       margin-left: 0px;
    }

}

@media (max-width: 1200px) {
    
    
    .library-quote {
        bottom: 155px; 
        left: 7%; 
    }
    
    .library-text-section {
        width: 90%;
    }
    
    .library-stats {
        width: 80%;
       margin-left: -40px;
    }
    
 

}

@media (max-width: 992px) {
    .library-img {
        order: 1;
        grid-column: span 2;
    }
    
    .library-quote {
        order: 4;
        left: 0%; 
    }
    
    .library-text-section {
        order: 3;
        width: 150%;
        margin-left: -65px;
    }
    
    .library-stats {
        order: 2;
        width: 60%;
       margin-left: 0px;
        height: 200px;
        margin-top: 30px;
    }

}

@media (max-width: 768px) {
    .library-grid {
        grid-template-columns: 1fr;
    
    }
    .library-img {
        order: 1;
       grid-column: span 1;
    }
    
    .library-quote {
        order: 4;
        grid-column: span 1;
        left: 55px; 
        bottom: 0px;
    }
    
    .library-text-section {
        order: 2;
        width: 80%;
        margin-left: 80px;
    }
    
    .library-stats {
        order: 3;
        width: 80%;
        margin-left: 50px;
        height: auto;
        margin-top: 0;
    }

}

/*----- Distance Ed ------*/

.distance-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 45px;
}

 .distance-stats {
        width: 45%;
    }

.broadcast {
    z-index: -1;
}

.broadcast-img {
    width: 85%;
}

.broadcast-stats {
    z-index: 10;
    width: 65%;
}

@media (max-width: 1680px) {
     .distance-stats {
        width: 55%;
    }
    
    .broadcast-stats {
    z-index: 10;
    width: 85%;
}
   
}

@media (max-width: 1200px) {
    .distance-grid {
        grid-gap: 25px;
       
}
    
    .distance-stats {
        width: 60%;
    }
    
    .broadcast-img {
    width: 85%;
        margin-left: 15px;
}
    
    .broadcast-stats {
    z-index: 10;
    width:100%;
         margin-left: -15px;
}
}

@media (max-width: 992px) {
    .distance-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
}
    
     .broadcast-img {
    width: 55%;
        margin-left: 15px;
}
    
      .broadcast-stats {
    z-index: 10;
    width:70%;
         margin-left: 25px;
}
}

@media (max-width: 360px) {
      .distance-stats {
        width: 90%;
    }
}


/*----- lead schools ----*/

.lead-grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 25px;
}

@media (max-width: 768px) {
       .lead-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px;
    }
}

@media (max-width: 576px) {
       .lead-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 25px;
    }
}

/*---- Tech Summit ------*/

.tech-summit-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 25px
}


.tech-summit-img {
    margin-left: -4rem !important;
    position: relative;
    width: 75% !important;
    margin-top: 75px;

}

@media (max-width: 1680px) {
   .tech-summit-img {
        margin-left: -4rem !important;
        margin-top: 45px;
        width: 75% !important;

    }
    
}

@media (max-width: 1200px) {
   .tech-summit-img {
        margin-left: -4rem !important;
        margin-top: 15px;
        width: 75% !important;

    }
    
}

@media (max-width: 992px) {
   .tech-summit-img {
        margin-left: -4rem !important;
        margin-top: -25px;
        width: 75% !important;

    }
    
}

@media (max-width: 768px) {
   .tech-summit-img {
        margin-left: -9rem !important;
        margin-top: -155px;
        width:90% !important;

    }
    
}

@media (max-width: 576px) {
    .tech-summit-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px
}
   .tech-summit-img {
        margin-left: auto!important;
       margin-right: 0rem!important;
        margin-top: -10px;
        width:50% !important;

    }
    
}

/*----- EdTech Conferences ------*/

.edtech-conf-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 25px;
}

.edtech-conf-vid {
    margin-left: -7rem !important
}

@media (max-width: 992px) {
   .edtech-conf-grid {
        grid-template-columns: 1fr 1fr;
    }
    .edtech-conf-vid {
        margin-left: 0 !important
    }
    
}
@media (max-width: 768px) {
   .edtech-conf-grid {
        grid-template-columns: 1fr;
    }
    
}

/*-----SaintCon & OER -----*/

.oer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 45px;
}

.security-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}

.security-text {
    margin-left: -4rem !important;
    margin-top: 2rem !important;
}

.security-quote {
    width: 65%;
}

@media (max-width: 1680px) {
   .oer-grid {
        grid-template-columns: 2fr 1fr;
    }
    
    .security-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
}
    
    .security-text {
    margin-left: 4rem !important;
    margin-top: -4rem !important;
}
    .security-quote {
    width: 95%;
}
     .security-img {
        width: 85%;
    }
    
}

@media (max-width:1200px) {
    .oer-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
   .security-grid {
        grid-template-columns: 1fr;
    }
    
    .security-text {
    margin-left: 4rem !important;
    margin-top: -4rem !important;
}
    .security-quote {
    width: 95%;
}
    .security-img {
        width: 75%;
    }
    
}

/*----- Distance Ed Conference -----*/

.distance-conf-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 25px;
}

.distance-conf-text {
    margin-left: -3rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}


.distance-conf-img {
    
    
}

@media (max-width: 992px) {
   .distance-conf-grid {
        grid-template-columns: 1fr;
    }
    .distance-conf-text {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
        margin-top: -4rem !important;
        margin-bottom: 1.5rem !important;
}
    
}

/*----- Board -----*/

 .board-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 25px;
    }

@media (max-width: 768px) {
      .board-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/*---- financial ------*/

.financial-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px;
    }

@media (max-width: 768px) {
      .financial-grid {
        grid-template-columns: 1fr;
    }
}



table {
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}
table tr {
    padding: 0.35em;
}
table tr:last-child {
    border-top: 1px solid var(--bs-purple);
}
table td,
table th {
    padding: 10px;
}
table td:nth-child(2) {
    text-align: right;
}
table th {
    font-size: 0.85em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.financial-table {
    margin-top: 3rem;
    margin-left: 5rem;
    margin-bottom: 5rem;
}

.financial-chart {
    position: relative;
    margin-top: 3rem;
    margin-left: 5rem;
    margin-bottom: 5rem;
}

.chart {
   position: absolute;
    width: 375px;
    height: 375px;
    top: 50%;
    left: 50%;
    margin: -180px 0 0 -225px;
}

@media screen and (max-width: 992px) {
    .financial-chart {
    margin-left: 7rem;
    margin-bottom: 5rem;
}
    
    .chart {
     width: 300px;
    height: 300px;
    margin: -180px 0 0 -191px;
    }
    
}

@media screen and (max-width: 768px) {
    .financial-chart {
    margin-bottom: 8rem;
}
    
.financial-table {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 8rem;
}
    
    
}

.pieTip {
    position: absolute;
    float: left;
    min-width: 30px;
    max-width: 300px;
    padding: 5px 18px 6px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.97);
    color: #444;
    font-size: 19px;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.06em;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    transform: all 0.3s;
    pointer-events: none;
}
.pieTip:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    content: "";
    height: 0;
    margin: 0 0 0 -6px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid rgba(255, 255, 255, 0.95);
    line-height: 0;
}
.chart path {
    cursor: pointer;
}



/*----- Footer ------*/

footer {
    background-image: url("../images/Bryce-Purple-Back-Cover.webp");
	width: 100% !important;
	overflow: hidden !important;
    color: #fff;
}

.uen-logo img {
    width: 200px;   
}

footer a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

footer a:hover {
    color: #e9dff2; 
}
:root {
    --bs-font-sans-serif: 'Myriad Pro Regular';
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-weight: 300;
    --bs-body-line-height: 1.5;
    --bs-purple: #6d28aa;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #151515;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #fd7e14;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-primary-rgb: 21, 21, 21;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 253, 126, 20;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 52, 58, 64;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 21, 21, 21;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(21, 21, 21, 0.175);
    --bs-border-radius: 0px;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #fff;
    --bs-link-hover-color: #111111;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
}
*,
::after,
::before {
    box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: 16px;
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(21, 21, 21, 0);
}
.h3,
h3 {
    font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
    .h3,
    h3 {
        font-size: 1.75rem;
    }
}
.h4,
h4 {
    font-size: 1.25rem;
}
@media (min-width: 1200px) {
    .h4,
    h4 {
        font-size: 1.5rem;
    }
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
ul {
    padding-left: 2rem;
}
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
ul ul {
    margin-bottom: 0;
}
b,
strong {
    font-weight: 700;
}
.small,
small {
    font-size: 0.875em;
}

a {
    color: var(--bs-link-color);
    text-decoration: underline;
}
a:hover {
    color: var(--bs-link-hover-color);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
img,
svg {
    vertical-align: top;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
td,
th,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: inline-block;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
button,
input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
    display: none !important;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0;
}
::-webkit-inner-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}
iframe {
    border: 0;
}
[hidden] {
    display: none !important;
}

.container,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 3vw;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1145px;
    }
}

@media (min-width: 1680px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1600px;
    }
}




.row {
    --bs-gutter-x: 3vw;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.row2 {
    --bs-gutter-x: 3vw;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row2 > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66667%;
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.gx-5 {
    --bs-gutter-x: 3rem;
}

@media (min-width: 576px) {
    
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }
   
}
@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }
   
}
@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
   
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }
    
}

.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}


@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #151515;
    --bs-tooltip-border-radius: 0px;
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
    border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
    border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg);
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}
@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}
@keyframes placeholder-wave {
    100% {
        mask-position: -200% 0;
    }
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.link-dark:focus,
.link-dark:hover {
    color: #2a2e33 !important;
}
.ratio {
    position: relative;
    width: 100%;
}
.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.align-top {
    vertical-align: top !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}

.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-visible {
    overflow: visible !important;
}
.overflow-scroll {
    overflow: scroll !important;
}

.d-flex {
    display: flex !important;
}

.shadow {
    box-shadow: 0 3rem 4rem rgba(21, 21, 21, 0.25) !important;
}
.shadow-sm {
    box-shadow: 0 1rem 1.5rem rgba(21, 21, 21, 0.25) !important;
}
.shadow-lg {
    box-shadow: 0 4rem 6rem rgba(21, 21, 21, 0.25) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}


.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}

.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}


.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}

.m-auto {
    margin: auto !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}
.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}
.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}
.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.me-0 {
    margin-right: 0 !important;
}
.me-1 {
    margin-right: 0.25rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.me-4 {
    margin-right: 1.5rem !important;
}
.me-5 {
    margin-right: 3rem !important;
}
.me-auto {
    margin-right: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ms-0 {
    margin-left: 0 !important;
}
.ms-1 {
    margin-left: 0.25rem !important;
}
.ms-2 {
    margin-left: 0.5rem !important;
}
.ms-3 {
    margin-left: 1rem !important;
}
.ms-4 {
    margin-left: 1.5rem !important;
}
.ms-5 {
    margin-left: 3rem !important;
}
.ms-6 {
    margin-left: 5rem !important;
}
.ms-auto {
    margin-left: auto !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}
.mt-n2 {
    margin-top: -0.5rem !important;
}
.mt-n3 {
    margin-top: -1rem !important;
}
.mt-n4 {
    margin-top: -1.5rem !important;
}
.mt-n5 {
    margin-top: -3rem !important;
}
.me-n1 {
    margin-right: -0.25rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}
.ms-n2 {
    margin-left: -0.5rem !important;
}
.ms-n3 {
    margin-left: -1rem !important;
}
.ms-n4 {
    margin-left: -1.5rem !important;
}
.ms-n5 {
    margin-left: -3rem !important;
}
.ms-n6 {
    margin-left: -4.5rem !important;
}
.ms-n7 {
    margin-left: -7rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 0.25rem !important;
}
.pb-2 {
    padding-bottom: 0.5rem !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-4 {
    padding-bottom: 1.5rem !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
    font-size: 1.25rem !important;
}
.fs-6 {
    font-size: 1rem !important;
}

.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.rounded {
    border-radius: var(--bs-border-radius) !important;
}


@media (min-width: 576px) {
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
 
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
   
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 3rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: 0 !important;
    }
    .me-sm-1 {
        margin-right: 0.25rem !important;
    }
    .me-sm-2 {
        margin-right: 0.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1rem !important;
    }
    .me-sm-4 {
        margin-right: 1.5rem !important;
    }
    .me-sm-5 {
        margin-right: 3rem !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-left: 0 !important;
    }
    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }
    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1rem !important;
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 3rem !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    .mx-sm-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    .my-sm-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    .my-sm-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    .my-sm-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-sm-n3 {
        margin-top: -1rem !important;
    }
    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-sm-n5 {
        margin-top: -3rem !important;
    }
    .me-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .me-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .me-sm-n3 {
        margin-right: -1rem !important;
    }
    .me-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .me-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ms-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .ms-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .ms-sm-n3 {
        margin-left: -1rem !important;
    }
    .ms-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .ms-sm-n5 {
        margin-left: -3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
    .text-sm-start {
        text-align: left !important;
    }
    .text-sm-end {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .order-md-first {
        order: -1 !important;
    }
    .order-md-0 {
        order: 0 !important;
    }
    .order-md-1 {
        order: 1 !important;
    }
    .order-md-2 {
        order: 2 !important;
    }
    .order-md-3 {
        order: 3 !important;
    }
    .order-md-4 {
        order: 4 !important;
    }
    .order-md-5 {
        order: 5 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 3rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
    .me-md-1 {
        margin-right: 0.25rem !important;
    }
    .me-md-2 {
        margin-right: 0.5rem !important;
    }
    .me-md-3 {
        margin-right: 1rem !important;
    }
    .me-md-4 {
        margin-right: 1.5rem !important;
    }
    .me-md-5 {
        margin-right: 3rem !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
        margin-bottom: 3rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ms-md-0 {
        margin-left: 0 !important;
    }
    .ms-md-1 {
        margin-left: 0.25rem !important;
    }
    .ms-md-2 {
        margin-left: 0.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1rem !important;
    }
    .ms-md-4 {
        margin-left: 1.5rem !important;
    }
    .ms-md-5 {
        margin-left: 3rem !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mx-md-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    .mx-md-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    .mx-md-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    .my-md-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    .my-md-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    .my-md-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-md-n3 {
        margin-top: -1rem !important;
    }
    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-md-n5 {
        margin-top: -3rem !important;
    }
    .me-md-n1 {
        margin-right: -0.25rem !important;
    }
    .me-md-n2 {
        margin-right: -0.5rem !important;
    }
    .me-md-n3 {
        margin-right: -1rem !important;
    }
    .me-md-n4 {
        margin-right: -1.5rem !important;
    }
    .me-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ms-md-n1 {
        margin-left: -0.25rem !important;
    }
    .ms-md-n2 {
        margin-left: -0.5rem !important;
    }
    .ms-md-n3 {
        margin-left: -1rem !important;
    }
    .ms-md-n4 {
        margin-left: -1.5rem !important;
    }
    .ms-md-n5 {
        margin-left: -3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
        padding-bottom: 3rem !important;
    }
    .text-md-start {
        text-align: left !important;
    }
    .text-md-end {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .order-lg-first {
        order: -1 !important;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-right: 0 !important;
    }
    .me-lg-1 {
        margin-right: 0.25rem !important;
    }
    .me-lg-2 {
        margin-right: 0.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1rem !important;
    }
    .me-lg-4 {
        margin-right: 1.5rem !important;
    }
    .me-lg-5 {
        margin-right: 3rem !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ms-lg-0 {
        margin-left: 0 !important;
    }
    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }
    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1rem !important;
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 3rem !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }
    .mx-lg-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }
    .my-lg-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }
    .my-lg-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }
    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }
    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }
    .my-lg-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }
    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-lg-n3 {
        margin-top: -1rem !important;
    }
    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-lg-n5 {
        margin-top: -3rem !important;
    }
    .me-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .me-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .me-lg-n3 {
        margin-right: -1rem !important;
    }
    .me-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .me-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ms-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .ms-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .ms-lg-n3 {
        margin-left: -1rem !important;
    }
    .ms-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .ms-lg-n5 {
        margin-left: -3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
    .text-lg-start {
        text-align: left !important;
    }
    .text-lg-end {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important;
    }
    .fs-2 {
        font-size: 2rem !important;
    }
    .fs-3 {
        font-size: 1.75rem !important;
    }
    .fs-4 {
        font-size: 1.5rem !important;
    }
}

.bg-cover {
    background-size: cover;
}
.bp-center {
    background-position: center center;
}

.py-vh-1 {
    padding-top: 1.5vh;
    /*padding-bottom: 1.5vh;*/
}
.py-vh-2 {
    padding-top: 3vh;
    /*padding-bottom: 3vh;*/
}
.py-vh-3 {
    padding-top: 6vh;
    /*padding-bottom: 6vh;*/
}
.py-vh-4 {
    padding-top: 9vh;
    /*padding-bottom: 9vh;*/
}
.py-vh-5 {
    padding-top: 12vh;
   /* padding-bottom: 12vh;*/
}
.py-vh-6 {
    padding-top: 16vh;
    /*padding-bottom: 16vh;*/
}