/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:
		local('Poppins Regular'),
		local('Poppins-Regular'),
		url('/fonts/Poppins-Regular.woff2') format('woff2'),
		url('/fonts/Poppins-Regular.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* inter */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:
		local('Inter Regular'),
		local('Inter-Regular'),
		url('/fonts/Inter-Regular.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* segoe */
@font-face {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:
		local('Segoe UI'),
		url('/fonts/SegoeUI.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body {
	height: 100%;
	font-family: 'Segoe UI', sans-serif;
	color: var(--color, #303030);
}

h1,
h2 {
	color: var(--secondary_color, #002f5e);
}

.full-height {
	min-height: 100vh;
	overflow: hidden;
}

.side-left {
	z-index: 1;
	padding: 53px;
	background-color: var(--background_color, #fff);
	min-height: 100vh;
}

.side-right {
	background-color: var(--background_secondary_color, #f8f8f8);
	background-image: var(--background_image);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	position: relative;
}

.header {
}

.border-rounded {
	border-radius: 89%;
	background-color: var(--background_color, #fff) !important;
	height: 160%;
	top: -166px;
	left: -56%;
	position: absolute;
	overflow: hidden;
	width: 76%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.term-text p,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
	background-color: transparent !important;
}

.form-control {
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	color: var(--secondary_color, #002f5e);
	border-radius: 0;
}

.form-control:focus {
	border-color: unset !important;
	box-shadow: none;
}

label {
	color: var(--color, #303030);
	opacity: 0.8;
}

a:link,
a:focus,
a:visited {
	color: var(--color, #303030);
}

a:hover {
	text-decoration: none;
}

.bg-primary {
	background-color: var(--primary_color) !important;
}

.btn-primary,
.btn-primary:hover {
	background-color: var(--primary_color);
	border-color: var(--primary_color);
	color: var(--button_primary_color, #fff) !important;
}

.btn-secondary,
.btn-secondary:hover {
	background-color: var(--secondary_color);
	border-color: var(--secondary_color);
	color: var(--button_secondary_color, #fff) !important;
}

.bg-secondary {
	background-color: var(--secondary_color) !important;
}

.btn-outline-primary {
	color: var(--primary_color) !important;
	border-color: var(--primary_color) !important;
}

.btn-outline-primary:hover {
	color: #fff !important;
	background-color: var(--primary_color) !important;
	border-color: var(--primary_color) !important;
}

.btn-outline-secondary {
	color: var(--secondary_color) !important;
	border-color: var(--secondary_color) !important;
}

.btn-outline-secondary:hover {
	color: #fff !important;
	background-color: var(--secondary_color) !important;
	border-color: var(--secondary_color) !important;
}

.plan {
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 13px;
	opacity: 1;
	text-align: center;
}

.plan .card-title {
	font-weight: bold;
}

.plan .price {
	font-size: 25px;
}

.plan .card-footer {
	background-color: white;
	border: 0;
	border-radius: 13px;
}

.checkout .sub-header {
	display: flex;
	justify-content: space-between;
	color: var(--secondary_color, #002f5e);
}

.border-subtotal {
	padding-bottom: 20px;
	border-bottom: 2px solid #e4eaee;
}

.checkout .border-subtotal {
	display: flex;
	padding-bottom: 20px;
	border-bottom: 2px solid #e4eaee;
	justify-content: space-between;
}

.checkout .border-subtotal > span,
.checkout .sub-header .subtitle > span {
	padding-right: 32px;
}

.checkout .m-20 {
	margin-top: 20px;
}

.checkout .cart-title {
	font-size: 16px;
}

.checkout .sub-header .subtitle {
	justify-content: space-between;
	display: flex;
	color: #1b2125;
}

.progress {
	height: 2px;
}

.progress-bar {
	background-color: var(--primary_color);
}

.social-link + .social-link {
	margin-left: 0.5rem;
}

@media (min-width: 768px) {
	.social-link + .social-link {
		margin-left: 1.5rem;
	}
}

.social-icon {
	width: 90px;
	height: 90px;
}

.openid-container {
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1px;
}

.openID-icon {
	object-fit: contain;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

@media (max-width: 1024px) {
	.social-icon {
		width: 96px;
		height: 96px;
	}
}

.footer {
	font-size: 10px;
	margin-top: 20px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	vertical-align: middle;
}

.footer img {
	max-height: 30px;
}

.captcha_refresh {
	background: transparent;
	border: none;
	font-size: 14px;
	width: 150px;
}

.captcha_link {
	color: var(--primary_color);
	text-decoration: underline;
}

.captcha_link:hover {
	color: var(--primary_color);
	text-decoration: underline;
	filter: brightness(0.7);
}