.header-menu {
					display: block;
				}
				.header-menu ul {
					display: flex;
					gap: 0;
					align-items: flex-end;
					list-style: none;
					margin: 0;
					padding: 0;
					flex-direction: column;
					gap: 30px;
				}
				.custom-header {
					pointer-events: none;
					position: fixed;
					top: 0;
					width: 100%;
					z-index: 3000;
					display: flex;
					justify-content: center;
					padding: 10px 8px;
				}
				header#custom-header.scrolled {
					background: white;
				}

				.custom-header .menu-toggle {
					display: none;
				}
				#custom-header a.button_format1,
				#custom-header a.button_format2{
					border-radius: 100px;
					padding: 10px 20px;
					width: 100%;
					display: inline-block;
					line-height: normal;
	
					text-align: center;
				}

				.sidebar-list li.button-container a.sidebtn  {
					font-size: 12px;
					font-weight: bold;
					max-width: 133px;
				}
				#custom-header a.button_format1 {
					background: #0050CD;
					color: #fff;
					border: 1px solid #0050CD;
				}


				
				#custom-header a.button_format2 {
					background: #fff;
					color: #0050CD;
					border: 1px solid #d1d1d1;
				}
				li.button-container {
					gap: 20px;
					display: flex;
					flex-direction: column;
				}

				.sidebar-list li.button-container {
					display: flex;
					align-items: flex-end;
				}

				.header-logo a {
					display: block;
				}
				.header-logo {
					display: flex;
					margin-top: 12px;
					align-items: flex-start;
                    pointer-events: all;
				}
				.menu-toggle {
					display: none;
					padding: 0;
					border: none;
					border-radius: 50%;
					width: 60px;
					height: 60px;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					gap: 5px;
					cursor: pointer;
					position: relative;
					z-index: 1100;
					transition: background 0.2s;
					pointer-events: all;
				}
				.menu-toggle span {
					display: block;
					width: 28px;
					height: 4px;
					background: #fff;
					border-radius: 2px;
					transition: all 0.3s;
				}
				.sidebar-menu {
					position: fixed;
					top: 0;
					right: -440px;
					width: 388px;
					height: 100vh;
					background: #fff;
					box-shadow: -2px 0 16px rgba(0,0,0,0.08);
					z-index: 2001;
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					padding: 40px 30px 30px 30px;
					transition: right 0.3s cubic-bezier(.4,0,.2,1);
				}
				.sidebar-menu.open {
					right: 0;
					pointer-events: all;
				}
				.sidebar-close {
					position: absolute;
					top: 39px;
					left: -40px;
					background: #10245c;
					color: #fff;
					border: 0px solid #fff;
					border-radius: 50%;
					width: 60px;
					height: 60px;
					font-size: 36px;
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;
					box-shadow: 0 2px 8px rgba(0,0,0,0.08);
					z-index: 2100;
					padding: 0;
				}
				.sidebar-logo {
					margin-bottom: 40px;
				}
				.sidebar-list {
					list-style: none;
					padding: 0;
					margin: 0;
					width: 100%;
					display: flex;
					flex-direction: column;
					align-items: flex-end;
				}
				.sidebar-list li {
					margin-bottom: 24px;
					width: 100%;
					text-align: right;
				}
				.sidebar-list a {
					color: #10245c;
					font-size: 20px;
					font-weight: 500;
					text-decoration: none;
					transition: color 0.2s;
					display: inline-flex;
					align-items: center;
					justify-content: flex-end;
					width: 100%;
					text-align: right;
				}
				.sidebar-list a.active,
				.sidebar-list a:hover {
					color: #007cba;
				}
				.header-inner {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					pointer-events: none;
					max-width: 1240px;
					width: 100%;
				}
				nav#header-menu li {
					pointer-events: all;
					line-height: normal;
				}
				.areas-modal {
					display: none;
					position: fixed;
					z-index: 20000;
					left: 0;
					top: 0;
					width: 100vw;
					height: 100vh;
					background: #10245c;
					color: #fff;
					align-items: flex-start;
					justify-content: flex-start;
				}
				.areas-modal.open {
					display: flex;
				}
				.areas-modal-content {
					margin: 40px 0 0 40px;
				}
				.areas-modal-logo img {
					height: 32px;
					margin-bottom: 40px;
				}
				.areas-modal-list h4 {
					font-size: 15px;
					color: white;
					margin-bottom: 18px;
					letter-spacing: 1px;
					font-weight: 400;
					font-style: italic;
				}
				.areas-modal-list {
					margin-left: 100px;
				}
				.areas-modal-list ul {
					list-style: none;
					padding: 0;
					margin: 0;
				}
				.areas-modal-list li {
					margin-bottom: 18px;
				}
				.areas-modal-list a {
					color: #fff;
					font-size: 22px;
					text-decoration: none;
					font-weight: 500;
					transition: color 0.2s;
				}
				.areas-modal-list a:hover {
					color: #ffeb3b;
				}
				.close-modal {
					position: absolute;
					top: 30px;
					right: 40px;
					background: none;
					border: none;
					color: #fff;
					font-size: 40px;
					cursor: pointer;
					z-index: 2100;
				}
				nav#header-menu a {
					color: white;
					font-size: 16.5px;
					font-weight: 400;
					letter-spacing: 0px;
				}
.custom-header .header-menu,
.custom-header .menu-toggle {
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.errorbox h2 {
    margin-bottom: 30px;
}
.login-modal-logo {
    position: absolute;
    left: 40px;
    top: 40px;
}
.login-error .login-modal-content {
    max-width: 738px;
}
.login-modal {
    display: none;
    position: fixed;
    z-index: 20000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #10245c;
    color: #fff;
    align-items: center;
    justify-content: center;
}
.login-modal.open {
    display: flex;
}
.login-modal-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    max-width: 492px;
    background: #E2F0FA;
    color: #041958;
    position: relative
}
.login-modal-content .close-modal{
    position: absolute;
    top: 0px;
    right: 10px;
    background: none;
    border: none;
    color: #001965;
    font-size: 40px;
    cursor: pointer;
    z-index: 2100;
}
.login-modal-form p.error-message {
    font-size: 15px;
    line-height: normal;
    margin-bottom: 20px;
}
.login-modal-logo img {
    height: 32px;
    margin-bottom: 40px;
}
.login-modal-form form {
    margin-top: 20px;
}
.login-modal-form h2 {
    font-size: 32px;
    font-weight: bold;
    font-family: 'Apis';
    margin: 0%;
}
.login-modal-form p {
    margin: 0;
}
.login-modal-form p.welcome-message {
    margin-bottom: 40px;
    font-size: 15px;
}
.login-modal-form label {
    display: block;
    text-align: left;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 15px;
}
.login-modal-form input,
.login-modal-form input:hover,
.login-modal-form input:active,
.login-modal-form input:focus-visible{
    background: #FEFEFE;
    border-radius: 10px;
    border: none;
    margin-bottom: 30px;
    outline: none;
}
input::placeholder {
    color: #929AA7;
    font-size: 14px;
}
button.btnform,button.btnform:hover,button.btnform:active {
    background: #001963;
    color: white;
    font-size: 17px;
    font-weight: bold;
    border-radius: 10px;
    display: block;
    width: 100%;
    margin-top: 20px;
}
/* Media Queries */

@media (min-width: 901px) {
	.custom-header .header-menu {
		display: block;
	}
	.custom-header .menu-toggle {
		display: none;
	}
	.custom-header.scrolled .header-menu {
		display: none;
	}
	.custom-header.scrolled .menu-toggle {
		display: flex;
		pointer-events: all;
	}
}

@media (max-width: 900px) {
	.custom-header .header-menu {
		display: none !important;
	}
	.custom-header .menu-toggle {
		display: flex !important;
	}
}

@media (max-width: 768px) {
	.header-inner {
		padding: 10px 10px;
	}
}