.side-nav1 {
    width: 55%;
    background-color: #0c3371;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 11px 13px 5px -9px rgba(12,95,133,1);
    padding: 20px 10px;
	max-height:100%;
	min-height:100%;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait)
{
	.side-nav1 {
		width: 65% !important;
		background-color: #0c3371;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
		border-radius: 5px;
		box-shadow: 11px 13px 5px -9px rgba(12,95,133,1);
		padding: 20px 10px;
		max-height:100%;
		min-height:100%;
	}
}


.side-nav1 .side-nav__devider {
    --tw-bg-opacity: 1;
    background-color: #fff;
    height: 1px;
    position: relative;
    width: 100%;
    z-index: 10;
}

.side-nav1 .side-menu.side-menu--active .side-menu__icon {
    --tw-text-opacity: 1;
    color: rgba(46, 81, 187, var(--tw-text-opacity));
}

.side-nav1 .side-menu.side-menu--active {
    --tw-bg-opacity: 1;
    background-color: rgba(241, 245, 248, var(--tw-bg-opacity));
}

.side-nav1 .side-menu {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: 9999px;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    display: flex;
    height: 45px;
    /* margin-bottom: .25rem; */
    padding-left: 1.25rem;
    position: relative;
}

.side-nav1 .side-menu {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: 9999px;
    color: rgba(255,255,255,var(--tw-text-opacity));
    display: flex;
    height: 45px;/* 50px */
    /*margin-bottom: .25rem;*/
    padding-left: 1.25rem;
    position: relative
}

.side-nav1 .side-menu .side-menu__title {
	align-items: center;
	display: flex;
	margin-left: .75rem;
	width: 100%
}

.side-nav1 .side-menu .side-menu__title .side-menu__sub-icon {
	margin-left: auto;
	margin-right: 1.25rem;
	transition-duration: .15s;
	transition-duration: .1s;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-timing-function: cubic-bezier(.4,0,1,1)
}

.side-nav1 .side-menu .side-menu__title .side-menu__sub-icon svg {
	height: 1rem;
	width: 1rem
}
		
		
.side-nav1 > div > div > ul > li:first-child.side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:first-child > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:first-child > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(2).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(2) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(2) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(3).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(3) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(3) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(4).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(4) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(4) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(5).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(5) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(5) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(6).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(6) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(6) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(7).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(7) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(7) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(8).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(8) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(8) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(9).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(9) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(9) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(10).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(10) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(10) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(11).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(11) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(11) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(12).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(12) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(12) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(13).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(13) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(13) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(14).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(14) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(14) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(15).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(15) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(15) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(16).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(16) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(16) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(17).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(17) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(17) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(18).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(18) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(18) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(19).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(19) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(19) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(20).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(20) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(20) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(21).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(21) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(21) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(22).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(22) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(22) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(23).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(23) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(23) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(24).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(24) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(24) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(25).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(25) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(25) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(26).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(26) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(26) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(27).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(27) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(27) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(28).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(28) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(28) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(29).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(29) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(29) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(30).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(30) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(30) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(31).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(31) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(31) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(32).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(32) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(32) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(33).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(33) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(33) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(34).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(34) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(34) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(35).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(35) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(35) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(36).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(36) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(36) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(37).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(37) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(37) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(38).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(38) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(38) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(39).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.9s;
    animation-delay: 3.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(39) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 3.9s;
    animation-delay: 3.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(39) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(40).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(40) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(40) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(41).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.1s;
    animation-delay: 4.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(41) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.1s;
    animation-delay: 4.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(41) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(42).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(42) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(42) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(43).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(43) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(43) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(44).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(44) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(44) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(45).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(45) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(45) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(46).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(46) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(46) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(47).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(47) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(47) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(48).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(48) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(48) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(49).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(49) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(49) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > div > div > ul > li:nth-child(50).side-nav__devider {
    -webkit-animation: intro-devider-animation .4s ease-in-out .33333s;
    animation: intro-devider-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav1 > div > div > ul > li:nth-child(50) > a:not(.side-menu--active) {
    -webkit-animation: intro-menu-animation .4s ease-in-out .33333s;
    animation: intro-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > div > div > ul > li:nth-child(50) > a.side-menu--active {
    -webkit-animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.side-nav1 > ul ul {
    --tw-bg-opacity: 1;
    background-color: rgba(26,56,159,var(--tw-bg-opacity));
    border-radius: .375rem;
    display: none
}

.dark .side-nav1 > ul ul {
    --tw-bg-opacity: 1;
    background-color: rgba(30,37,51,var(--tw-bg-opacity))
}

.side-nav1 > ul ul li:first-child > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(2) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(3) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(4) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(5) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(6) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(7) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(8) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(9) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(10) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(11) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(12) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(13) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(14) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(15) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(16) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(17) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(18) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(19) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(20) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(21) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(22) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(23) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(24) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(25) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(26) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(27) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(28) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(29) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(30) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(31) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(32) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(33) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(34) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(35) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(36) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(37) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(38) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(39) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 3.9s;
    animation-delay: 3.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(40) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(41) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.1s;
    animation-delay: 4.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(42) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(43) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(44) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(45) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(46) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(47) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(48) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(49) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul li:nth-child(50) > a {
    -webkit-animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav1 > ul ul.side-menu__sub-open {
    display: block
}

.side-nav1 > ul ul .side-menu__icon:before {
    display: none
}

.side-nav1 > ul ul li a:not(.side-menu--active) {
    --tw-text-opacity: 1;
    color: rgba(199,210,255,var(--tw-text-opacity))
}

.dark .side-nav1 > ul ul li a:not(.side-menu--active) {
    --tw-text-opacity: 1;
    color: rgba(113,128,150,var(--tw-text-opacity))
}

.side-nav1 > ul ul li a.side-menu--active .side-menu__title {
    font-weight: 500
}

.side-nav1 > ul ul ul {
    --tw-bg-opacity: 1;
    background-color: rgba(22,50,150,var(--tw-bg-opacity));
    border-radius: .375rem;
    display: none
}

.dark .side-nav1 > ul ul ul {
    --tw-bg-opacity: 1;
    background-color: rgba(24,31,41,var(--tw-bg-opacity))
}

.side-nav1 > div > div > ul > li > .side-menu.side-menu--active {
    --tw-bg-opacity: 1;
    background-color: rgb(253 253 253);
}

.dark .side-nav1 > div > div > ul > li > .side-menu.side-menu--active {
    --tw-bg-opacity: 1;
    background-color: rgb(253 253 253);
}

.side-nav1 > div > div > ul > li > .side-menu.side-menu--active:before {
    margin-top: -30px;
    transform: rotate(90deg) scale(1.04)
}

.side-nav1 > div > div > ul > li > .side-menu.side-menu--active:after, .side-nav1 > div > div > ul > li > .side-menu.side-menu--active:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52'%3E%3Cpath data-name='Path 143' d='M259.51 259.52c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828a237.651 237.651 0 0 0-7.292-8.589c-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3A115.051 115.051 0 0 0 0 .081h259.51z' fill='%23f1f5f8'/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 30px;
    margin-right: 0rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.side-nav1 > div > div > ul > li > .side-menu.side-menu--active:after {
    margin-top: 43px;/* 50px */
    transform: scale(1.04)
}

.side-nav1 > div > div > ul > li > .side-menu.side-menu--active .side-menu__icon {
    --tw-text-opacity: 1;
    color: rgba(46,81,187,var(--tw-text-opacity))
}

.dark .side-nav1 > div > div > ul > li > .side-menu.side-menu--active .side-menu__icon {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.side-nav1 > div > div > ul > li > .side-menu.side-menu--active .side-menu__icon:before {
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252);
    content: "";
    height: 100%;
    margin-right: -1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem;
    z-index: -1
}

.dark .side-nav1 > div > div > ul > li > .side-menu.side-menu--active .side-menu__icon:before {
    --tw-bg-opacity: 1;
    background-color: rgba(41,49,69,var(--tw-bg-opacity))
}

.side-nav1 > div > div > ul > li > .side-menu.side-menu--active .side-menu__title {
    --tw-text-opacity: 1;
    color: rgba(45,55,72,var(--tw-text-opacity));
    font-weight: 500
}

.dark .side-nav1 > div > div > ul > li > .side-menu.side-menu--active .side-menu__title {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.dark .side-nav1 > div > div > ul > li > .side-menu .side-menu__icon, .dark .side-nav1 > div > div > ul > li > .side-menu .side-menu__title {
    --tw-text-opacity: 1;
    color: rgba(160,174,192,var(--tw-text-opacity))
}

.side-nav1 > div > div > ul > li > .side-menu:not(.side-menu--active) .side-menu__icon:before {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition-duration: .15s;
    transition-duration: .1s;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,1,1);
    width: 230px;
    z-index: -1
}

@media (max-width:1279px) {
    .side-nav1 > div > div > ul > li > .side-menu:not(.side-menu--active) .side-menu__icon:before {
        display: none
    }
}

.side-nav1 > div > div > ul > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__icon:before {
    --tw-bg-opacity: 1;
/*    background-color: rgba(39,74,183,var(--tw-bg-opacity))*/
}

.dark .side-nav1 > div > div > ul > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__icon:before {
    --tw-bg-opacity: 1;
    background-color: rgba(30,37,51,var(--tw-bg-opacity))
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 10px;
}


.card-grid-lines {
    background-color: #cdd3d8;
    width: 85px;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #ffffff;
    font-size: 12px;
    z-index: 11;
    cursor: pointer;
    border: 1px solid #acb8c4;
/*    box-shadow: 12px 12px 5px -9px rgb(153 174 184);*/
}

.card-grid-lines img{
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
}

.card-grid-lines i, .card-grid-lines svg {
    color: rgba(45,55,72,var(--tw-text-opacity));
    font-size: 25px;
    margin-bottom: 8px;
}

.card-text {
    text-align: center;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    max-width: 100%;
    color: #2e1c90;
    font-size: 11px;
    font-weight: bold;
    color: #2e1c90;
	line-height: normal;
}


.card-grid-section-title {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
    color: #2e1c90;
	line-height: normal;
}




#hospDetails1, #lblhospital {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.feather1 {
    width: 30px !important;
    height: 30px !important;
}

.custom-font {
    font-family: 'Roboto';
    padding: 2px 10px !important;
    font-size: 10px !important;
    color: #fe1011;
    /* font-style: italic; */
    font-weight: bold;
    cursor:pointer;
}

.bg-lbl {
    color: #212670 !important;
    font-weight: normal !important;
    font-size: 11px !important;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal !important;
    letter-spacing: 0.5px;
	white-space:nowrap;
}

.bg-lbl-sml {
    color: #212670 !important;
    font-weight: normal !important;
    font-size: 9.5px !important;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal !important;
    letter-spacing: 0.5px;
	white-space: nowrap;
}


.disflex{
    display:flex;
}


.custom-font1 {
    font-family: 'Roboto';
    padding: 2px 7px !important;
    font-size: 10px !important;
    color: #fe1011;
    /* font-style: italic; */
    font-weight: bold;
    cursor: pointer;
}

.bg-lbl-lrg2 {
    color: #323abc !important;
    font-weight: normal !important;
    font-size: 11px !important;
    padding-top: 0px;
    padding-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal !important;
}

.bg-lbl-lrg {
    color: #323abc !important;
    font-weight: normal !important;
    font-size: 11px !important;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal !important;
}

.bg-lbl-lrg1 {
    color: #bbbbbb !important;
    font-weight: bold !important;
    font-size: 11px !important;
    padding-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal !important;
}


.icon-bg {
    color: #d8d8e3 !important;
}


.custom-font2 {
    font-family: 'Roboto';
    padding: 2px 10px !important;
    font-size: 10px !important;
    color: #fe1011;
    /* font-style: italic; */
    font-weight: bold;
    cursor: pointer;
}


.feather2 {
    width: 35px !important;
    height: 35px !important;
}