.h25_login-container {
	width: 100%;
	height: 100%;
	display: block;
	justify-content: center;
	align-items: flex-start;
	padding: 32px 24px;
	min-height: 500px;
}
.h25_login-box {
	width: 100%;
	max-width: 520px;
	margin: 0px auto;
	border-radius: 8px;
	background: var(--Grey-10, #eee);

	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
		0px 4px 6px -2px rgba(16, 24, 40, 0.03);
	overflow: hidden;
}
.title-container {
	width: 100%;
	max-width: 520px;
	margin: 0px auto;
}

.modal-title {
	background-color: transparent;
	margin: 0px;
	text-align: center;
	padding: 25px 0px 32px 0px;
	font-weight: normal;
	font-size: 1.5em;
}
.h25_login-tab-header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	background: var(--primary-blue-20, #d1d2e9);
}
.h25_login-tab-header ul li,
.h25_login-tab-header ul li.selected {
	position: relative;
	display: flex;
	padding: 16px;
	justify-content: center;
	align-items: flex-start;
	flex: 1 0 0;
	color: var(--text-text-secondary, #575757);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.1px;
	cursor: pointer;
}
.h25_login-tab-header ul li.active {
	border-radius: 8px 8px 0px 0px;
	border-top: 1px solid var(--primary-blue-20, #d1d2e9);
	border-right: 1px solid var(--primary-blue-20, #d1d2e9);
	border-left: 1px solid var(--primary-blue-20, #d1d2e9);
	background-color: var(--basic-colors-white, #fff);
	color: var(--primary-blue-100, #171c8f);
	margin-bottom: -1px;
	cursor: default;
	pointer-events: none;
}
.h25_login-tab-header ul li.selected {
	cursor: pointer;
	pointer-events: none;
}
.h25_login-tab-body {
	padding: 24px 40px 24px 40px;
	background: #eee;
	border: 1px solid var(--greys-seperator-grey, #ddddde);
	overflow: hidden;
	box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
	border-radius: 12px;
}
.h25_login-tab-panel {
	display: none;
}
.h25_login-tab-panel.active {
	display: block;
}
.h25_login-tab-panel-contents {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.h25_login-form,
.h25_login-form form {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.h25_login-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	position: relative;
	margin-bottom: 12px;
}
.h25_login-field.required label::after {
	content: "*";
	color: red;
}
.h25_login-field input[type="text"],
.h25_login-field input[type="password"] {
	display: flex;
	width: 100%;
	height: 44px;
	padding: 10px 14px 10px 36px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid var(--Grey-60, #989a9c);
	background-color: var(--Base-White, #fff);
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.h25_login-field input[type="text"].error,
.h25_login-field input[type="password"].error {
	border: 1px solid var(--primary-red-100, #e00);
	background-color: var(--primary-red-10, #fde5e5);
}
html[dir="rtl"] .h25_login-field input[type="text"],
html[dir="rtl"] .h25_login-field input[type="password"] {
	padding: 10px 36px 10px 14px;
}
.h25_login-error {
	color: var(--primary-red-100, #e00);
	font-size: 12px;
	font-weight: normal;
}
.h25_login-field input.username {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16.6666 17.5C16.6666 16.337 16.6666 15.7555 16.5231 15.2824C16.1999 14.217 15.3662 13.3834 14.3009 13.0602C13.8277 12.9167 13.2462 12.9167 12.0832 12.9167H7.91659C6.75362 12.9167 6.17213 12.9167 5.69897 13.0602C4.63363 13.3834 3.79995 14.217 3.47678 15.2824C3.33325 15.7555 3.33325 16.337 3.33325 17.5M13.7499 6.25C13.7499 8.32107 12.071 10 9.99992 10C7.92885 10 6.24992 8.32107 6.24992 6.25C6.24992 4.17893 7.92885 2.5 9.99992 2.5C12.071 2.5 13.7499 4.17893 13.7499 6.25Z" stroke="%23989A9C" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: left 10px center;
}
.h25_login-field input.password {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M14.1666 9.16667V6.66667C14.1666 4.36548 12.3011 2.5 9.99992 2.5C7.69873 2.5 5.83325 4.36548 5.83325 6.66667V9.16667M7.33325 17.5H12.6666C14.0667 17.5 14.7668 17.5 15.3016 17.2275C15.772 16.9878 16.1544 16.6054 16.3941 16.135C16.6666 15.6002 16.6666 14.9001 16.6666 13.5V13.1667C16.6666 11.7665 16.6666 11.0665 16.3941 10.5317C16.1544 10.0613 15.772 9.67883 15.3016 9.43915C14.7668 9.16667 14.0667 9.16667 12.6666 9.16667H7.33325C5.93312 9.16667 5.23306 9.16667 4.69828 9.43915C4.22787 9.67883 3.84542 10.0613 3.60574 10.5317C3.33325 11.0665 3.33325 11.7665 3.33325 13.1667V13.5C3.33325 14.9001 3.33325 15.6002 3.60574 16.135C3.84542 16.6054 4.22787 16.9878 4.69828 17.2275C5.23306 17.5 5.93312 17.5 7.33325 17.5Z" stroke="%23989A9C" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: left 10px center;
}
html[dir="rtl"] .h25_login-field input.username {
	background-position: right 10px center;
}
html[dir="rtl"] .h25_login-field input.password {
	background-position: right 10px center;
}
.h25_login-field-password {
	position: relative;
}
.h25_login-field-password .h25_login-field-password-toggle {
	content: "asdfasd ";
	display: block;
	position: absolute;
	right: 12px;
	top: 9px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="%23989A9C"><path d="M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z" fill="none"/><path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>');
}
.h25_login-field-password.active .h25_login-field-password-toggle {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="%23171c8f"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');
}
html[dir="rtl"] .h25_login-field-password .h25_login-field-password-toggle {
	right: auto;
	left: 12px;
}
.h25_login-field-options {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.h25_login-field-options label {
	display: flex;
	gap: 8px;
}
.h25_login-field-options input[type="radio"] {
	text-align: center;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	appearance: none;
	border-radius: 50%;
	border: 3px solid rgba(var(--color-blue100), 1);
	box-shadow: none;
	font-size: 1em;
	margin: 0 5px;
	flex-shrink: 1;
}
.h25_login-field-options input[type="radio"]:checked {
	background-color: rgba(var(--color-blue100), 1);
}
.h25_login-field-options input[type="radio"]:checked:after {
	content: "\2713";
	color: rgba(var(--color-white), 1);
}
.h25_login-field-link {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.h25_login-field-link.h25_login-field-link-center {
	justify-content: center;
}
.h25_login-field-link.h25_login-field-link-justify {
	justify-content: space-between;
}
.h25_login-field-link a {
	color: var(--primary-red-100, #e00);
	text-decoration: none;
}
.h25_login-field-link a:hover {
	text-decoration: underline;
}
.h25_login-fields {
	display: flex;
	flex-direction: row;
	gap: 16px;
}
.h25_btn_uaepass,
.h25_btn_secondary,
.h25_btn_primary {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	display: flex;
	height: 44px;
	padding: 0px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	text-decoration: none;
	display: flex;
}
.h25_btn_primary.individual::before,
.h25_btn_secondary.company::before {
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.h25_btn_primary.individual::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16.6666 17.5C16.6666 16.337 16.6666 15.7555 16.5231 15.2824C16.1999 14.217 15.3662 13.3834 14.3009 13.0602C13.8277 12.9167 13.2462 12.9167 12.0832 12.9167H7.91659C6.75362 12.9167 6.17213 12.9167 5.69897 13.0602C4.63363 13.3834 3.79995 14.217 3.47678 15.2824C3.33325 15.7555 3.33325 16.337 3.33325 17.5M13.7499 6.25C13.7499 8.32107 12.071 10 9.99992 10C7.92885 10 6.24992 8.32107 6.24992 6.25C6.24992 4.17893 7.92885 2.5 9.99992 2.5C12.071 2.5 13.7499 4.17893 13.7499 6.25Z" stroke="%23ffffff" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.h25_btn_secondary.company::before {
	background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6668 4.66667C10.6668 4.04669 10.6668 3.7367 10.5987 3.48236C10.4137 2.79218 9.87465 2.25308 9.18447 2.06815C8.93013 2 8.62014 2 8.00016 2C7.38018 2 7.07019 2 6.81586 2.06815C6.12567 2.25308 5.58658 2.79218 5.40164 3.48236C5.3335 3.7367 5.3335 4.04669 5.3335 4.66667M3.46683 14H12.5335C13.2802 14 13.6536 14 13.9388 13.8547C14.1897 13.7268 14.3937 13.5229 14.5215 13.272C14.6668 12.9868 14.6668 12.6134 14.6668 11.8667V6.8C14.6668 6.05326 14.6668 5.6799 14.5215 5.39468C14.3937 5.1438 14.1897 4.93982 13.9388 4.81199C13.6536 4.66667 13.2802 4.66667 12.5335 4.66667H3.46683C2.72009 4.66667 2.34672 4.66667 2.06151 4.81199C1.81063 4.93982 1.60665 5.1438 1.47882 5.39468C1.3335 5.6799 1.3335 6.05326 1.3335 6.8V11.8667C1.3335 12.6134 1.3335 12.9868 1.47882 13.272C1.60665 13.5229 1.81063 13.7268 2.06151 13.8547C2.34672 14 2.72009 14 3.46683 14Z" stroke="%23171C8F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.h25_btn_secondary:disabled {
	pointer-events: none;
	background: #cbccce;
	color: #53565a;
	border: none;
}
.h25_btn_secondary,
.h25_btn_primary {
	width: 100%;
}
.h25_login-field-cta {
	margin-top: 24px;
	display: flex;
	flex-direction: row;
	gap: 16px;
}
.h25_login-field-ico {
	width: 100%;
}
.h25_btn_primary,
button.h25_btn_primary {
	background-color: var(--primary-blue-100, #171c8f);
	color: var(--White, #fff);
	font-weight: bold;
}
.h25_btn_primary:hover,
button.h25_btn_primary:hover {
	background-color: var(--primary-blue-80, #4549a5);
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

/* .h25_login-fields .h25_btn_primary:visited,
.h25_login-field button.h25_btn_primary:visited {
	background-color: var(--primary-blue-140, #0e1156);
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
} */
.h25_btn_secondary {
	background-color: var(--White, #fff);
	color: var(--primary-blue-100, #171c8f);
	border: 1px solid var(--primary-blue-100, #171c8f);
}

.h25_btn_secondary:hover {
	background-color: var(--primary-blue-10, #d1d2e9);
}
button.h25_btn_uaepass {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	padding: 8px;
	border: 1px solid #231f20;
	background-color: var(--White, #fff);
	border: 1px solid var(--basic-colors-black, #000);
	color: var(--basic-colors-black, #000);
}

button.h25_btn_uaepass:hover {
	background-color: var(--grey-20, #ddddde);
}
button.h25_btn_uaepass svg {
	height: 32px;
	width: 32px;
}
.h25_login-divider {
	display: flex;
	align-items: center;
	gap: 4px;
}
.h25_login-divider::after,
.h25_login-divider::before {
	content: "";
	flex: 1;
	background-color: #cbccce;
	height: 1px;
}
.h25_login-message {
	display: flex;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #f89999;
	background: #fde5e5;
	color: #be0000;
	font-size: 12px;
	margin-bottom: 16px;
}

.h25_login-info {
	display: flex;
	flex-direction: column;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #ddddde;
	background: var(--Grey-20, #ddddde);
	color: var(--text-text-secondary, #575757);
	font-size: 12px;
	gap: 4px;
}

.h25_login-info p,
.h25_login-message p {
	margin: 0;
	padding: 0;
}
.h25_login-info a {
	color: var(--text-text-secondary, #575757);
}
.h25_login-message a {
	text-decoration: underline;
	font-weight: bold;
}

.h25_login-field-otp-wait {
	overflow: hidden;
    color: #006687;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.14px;
}

.h25_button-link-back span {
	display: none;
}
.h25_button-link-back {
	z-index: 1;
	display: block;
	cursor: pointer;
	position: absolute;
	left: 16px;
	top: 16px;
	width: 24px;
	height: 24px;
	pointer-events: all;
	background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.forgot-options span a {
	color: #171C8F;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.h25_login-field label {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.h25_login-field input.username {
	background-image: none;
}

.h25_login-field input.password {
	background-image: none;
}

.h25_login-field input[type="text"], .h25_login-field input[type="password"] {
	padding: 16px;
}

.h25_login-field input[type="password"] {
	padding: 16px 41px 16px 16px;
}

.h25_login-field {
	margin-bottom: 12px;
}

.h25_login-field-cta {
	margin-top: 0px;
	margin-bottom: 20px;
}

.h25_btn_primary, button.h25_btn_primary {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.h25_login-field-link {
	justify-content: flex-start;
	color: #40484F;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.h25_login-field-link a {
	color: #171C8F;
	text-decoration: none;
}

html[dir="rtl"] .h25_login-field input[type="text"], html[dir="rtl"] .h25_login-field input[type="password"] {
	padding: 16px;
}

html[dir="rtl"] .h25_login-field input[type="password"] {
	padding: 16px 16px 16px 41px;
}

.h25_login-field-options input[type="radio"] {
	border: 2px solid #C0C6CF;
	background: #fff;
	position: relative;
}

.h25_login-field-options input[type="radio"]:checked:after {
	content: "\2713";
	color: rgba(var(--color-white), 1);
	background: rgba(var(--color-blue100), 1);
	font-size: 0px;
	width: 12px;
	height: 12px;
	position: absolute;
	border-radius: 50%;
	left: 2px;
	right: auto;
	top: 2px;
}

.h25_login-field-options input[type="radio"]:checked {
	background-color: #fff;
}

.h25_btn_secondary {
	border: 1px solid #E4E2E6;
	font-size: 20px;
}.h25_login-field-options input[type="radio"] {
	border: 2px solid #C0C6CF;
	background: #fff;
	position: relative;
}

.h25_login-field-options input[type="radio"]:checked:after {
	content: "\2713";
	color: rgba(var(--color-white), 1);
	background: rgba(var(--color-blue100), 1);
	font-size: 0px;
	width: 12px;
	height: 12px;
	position: absolute;
	border-radius: 50%;
	left: 2px;
	right: auto;
	top: 2px;
}

.h25_login-field-options input[type="radio"]:checked {
	background-color: #fff;
}

.h25_btn_secondary {
	border: 1px solid #E4E2E6;
	font-size: 20px;
}

.btn-link {
	background-color: transparent;
	border: none;
	outline: none;
	text-decoration: underline;
	white-space: nowrap;
	color: #5E5E62;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #171c8f;
	cursor: pointer;
}

button.btn-link:disabled {
	color: #666;
	cursor: not-allowed;
	opacity: 0.6;
}

.h25_btn_primary, button.h25_btn_primary {
	white-space: nowrap;
}

.align-items-center {
	align-items: center;
}

.gap-2 {
	gap: .5rem;
}

.h25_login-info p {
	color: #575757;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	display: flex;
	gap: 10px;
	align-items: baseline;
}

@media screen and (max-width: 768px) {
	.h25_login-tab-body {
		padding: 16px 24px;
	}
	.h25_login-field-cta {
		flex-direction: column;
		gap: 8px;
	}
}
@media screen and (max-width: 500px) {
	.h25_login-container {
		padding-top: 0px;
	}
	.h25_login-tab-header ul li,
	.h25_login-tab-header ul li.selected {
		padding: 12px 8px;
		font-size: 13px;
	}
	.h25_login-tab-body {
		padding: 16px;
	}
	.dda-footer__icon-wrapper {
	height: 100% !important;
	}
}
.dda-footer__section-btn svg,
.dda-footer__section-btn img {
	color: inherit;
	width: 24px;
	height: 24px;
}
.dda-footer__icon-wrapper {
	height: 24px;
}
.section_h23_footer_nav {
	background-color: rgb(78, 86, 96);
	color: rgb(255, 255, 255);
}
html[dir="rtl"] .dda-footer__chat-btn {
	margin-left: 10px;
	margin-right: 0px;
}