.sec-main {
	position: relative;
	border-radius: 1rem;
	margin-top: 1.5rem;
	overflow: hidden;
	line-height: 2;
	z-index: 99;
}
.btn-pr {
	background-color: var(--color-p1) !important;
	border-radius: .5rem !important;
	color: var(--color-n9) !important;
	font-size: 1rem !important;
	padding: 0.25rem 1rem !important;
}
a.btn1{
	transition: all .5s ease-in-out;
}
a.btn1:hover{
	background-color: var(--color-n10);
	box-shadow: 0 0 .25rem var(--color-n9);
	border-radius: .5rem;
}
.an-btn-se {
	border: 1px solid var(--color-n9) !important;
	border-radius: .5rem !important;
	padding: .25rem 1.25rem !important;
	margin-top: .5rem;
	background: var(--color-n10) !important;
	color: var(--color-n4) !important;
}
.btn-primary{
	background-color: var(--color-p1) !important;
	color: var(--color-n10) !important;
	font-size: var(--size-sm) !important;
	font-weight: 600;
	border: none !important;
	border-radius: var(--size-3xs) !important;
	text-align: center !important;
	padding: var(--size-xs) var(--size-md) !important;
	line-height: 1 !important;
}
.btn-secondary{
	background-color: var(--color-n10) !important;
	color: var(--color-n4) !important;
	font-size: var(--size-sm) !important;
	font-weight: 400;
	border: none !important;
	border-radius: var(--size-2xs) !important;
	text-align: center !important;
	padding: var(--size-xs) var(--size-md) !important;
	line-height: 1 !important;
}
.title-section {
	width: 24px;
	height: 20px;
	background-color: #F0F4F9;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	rotate: 270deg;
	position: absolute;
	right: -4px;
	top: 26px;
}
.btn-show{
	font-size: .725rem;
	color: #8F8F8F;
	background:none;
	
}
.loading-login {
	display: none;
	border: 2px solid #ffffff;
	border-top: 2px solid transparent;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	animation: spin 0.8s linear infinite;
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
/* loading */
.btn-loading {
	position: relative;
	transition: opacity 0.3s ease;
}
.loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	gap: 4px;
	z-index: 1;
}
.loading span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	animation: bounce 0.6s infinite ease-in-out;
}
.loading-sm span {
	width: 6px;
	height: 6px;
}
.loading-md span {
	width: 10px;
	height: 10px;
}
.loading-light span {
	background-color: var(--color-n10);
}
.loading-dark span {
	background-color: var(--color-n1);
}
@keyframes bounce {
	0%, 80%, 100% {
		transform: scale(0.6);
		opacity: 0.4;
	}
	40% {
		transform: scale(1);
		opacity: 1;
	}
}
.loading span:nth-child(1) { animation-delay: 0s; }
.loading span:nth-child(2) { animation-delay: 0.1s; }
.loading span:nth-child(3) { animation-delay: 0.2s; }