body {
	overflow-x: hidden;
	background: linear-gradient(90deg,
			#070D1B 0%,
			#223152 54%,
			#1E2947 68%,
			#000000 100%);
	box-sizing: border-box;
}
html::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	cursor: pointer;
}
html::-webkit-scrollbar-thumb:hover {
	background: #182244;
}
html::-webkit-scrollbar-thumb {
	background: #182244;
}
html::-webkit-scrollbar-track {
	cursor: pointer;
	background: hsla(0, 0%, 97.3%, .3);
}
::selection {
	color: #2a2e3a;
	background: hsla(0, 0%, 100%, .3);
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Inter", sans-serif;
}
a {
	text-decoration: none;
	/* background-color: hsla(0, 0%, 100%, 0);
    color: #fff; */
}
:after, :before, :not(svg):not(use) {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
button, fieldset, figure, input, legend, optgroup, select, textarea {
	color: inherit;
	resize: none;
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	/* background: hsla(0, 0%, 100%, 0); */
}
:active, :focus, :hover, a:active, a:hover {
	outline: none;
}
path, svg, use {
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
svg {
	border: 0;
	vertical-align: middle;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
img {
	max-width: 100%;
}
/* main{position: relative;
    height: auto;} */
main {
	overflow: hidden;
}
.container {
	max-width: 1400px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}
header {
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
	background-color: #fff;
}
/* Empty on the comparison quiz page (it has its own branded nav) — hidden, not removed. */
.tadawl-compare-page .main-header {
	display: none;
}
.btnWr {
	background-color: #1EF1B6;
	border-radius: 27px;
	line-height: 22px;
	font-size: 16px;
	color: #182244;
	padding: 15px 20px;
	display: block;
	width: max-content;
	min-width: 230px;
	text-align: center;
	font-weight: 700;
}
.heroLeft h1 {
	font-size: 48px;
	font-weight: 900;
	line-height: 62px;
	color: #FFFFFF;
	margin-bottom: 6px;
}
.heroLeft img {
	display: block;
	margin: 0 auto;
}
.heroLeft h1 strong {
	color: #1EF1B6;
	display: block;
}
.herosSec {
	padding-top: 35px;
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 100px;
	position: relative;
	overflow: visible;
}
.hero-lines-svg {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	height: 100%;
	pointer-events: none;
	z-index: 0;
}
.herosSec .container {
	position: relative;
	z-index: 1;
}
.heroLeft {
	padding-right: 30px;
	border-right: 1px solid #8A90A0;
}
.heroFlex {
	display: flex;
}
.heroRight {
	max-width: 420px;
	padding-left: 30px;
	width: 100%;
	padding-bottom: 14px;
}
.heroRight h3 {
	color: #1EF1B6;
	font-size: 24px;
	line-height: 29px;
	display: flex;
	gap: 14px;
	align-items: center;
	margin-bottom: 19px;
}
.heroRight h3:before {
	content: '';
	display: block;
	width: 28px;
	height: 13px;
	background: url('/wp-content/themes/wp-pro/img/arrow.svg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.heroRight label {
	color: #E0E3ED;
	font-size: 14px;
	line-height: 29px;
	display: block;
	margin-bottom: 18px;
}
.heroRight input {
	display: block;
	width: 100%;
	margin-top: 3px;
	border-radius: 8px;
	background-color: #FFFFFF;
	padding: 5px 16px 7px;
	color: #182244;
	line-height: 29px;
	font-weight: 500;
}
.heroRight input::placeholder {
	color: #8A90A0;
}
.heroRight input[type="submit"] {
	background-color: #1EF1B6;
	border-radius: 27px;
	line-height: 22px;
	font-size: 16px;
	color: #182244;
	padding: 15px 20px;
	width: 100%;
	text-align: center;
	font-weight: 700;
}
.wpcf7-acceptance input {
	width: auto;
	display: inline-block;
	margin-top: 0px;
}
.wpcf7-acceptance .wpcf7-list-item-label {
	font-size: 10px;
	margin-left: 10px;
}
.wpcf7-acceptance label {
	display: flex;
	align-items: center;
}
.wpcf7-list-item {
	margin-left: 0px;
}
.wpcf7-spinner {
	display: none;
}
.wpcf7 form .wpcf7-response-output {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0 0 0;
}
.tradeOnItem:last-child img {
	margin-top: 12px;
	margin-bottom: 12px;
}
.whyUs h3 {
	text-align: center;
	font-size: 48px;
	line-height: 48px;
	color: #fff;
	margin-bottom: 47px;
}
.whyUs h3 strong {
	color: #1EF1B6;
}
.whyUs {
	padding-bottom: 80px;
}
.whyFlex {
	display: flex;
	gap: 20px;
}
.whyItem {
	background-color: #F4F5F8;
	border-radius: 8px;
	padding: 35px;
	text-align: center;
	width: 100%;
	height: 100%;
}
.whyFlex img {
	margin: 0 auto;
}
.whyFlex h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 29px;
	color: #182244;
}
.whyFlex p {
	text-align: center;
	color: #343946;
	line-height: 20px;
	max-width: 280px;
	margin: 0 auto;
}
.whyFlex .swiper-slide {
	height: auto;
}
.whyFlex .swiper-wrapper {
	align-items: stretch;
}
.whyUs .btnWr {
	margin: 70px auto 0px;
}
.tradeOn {
	padding-top: 60px;
	padding-bottom: 50px;
	background: url('/wp-content/themes/wp-pro/img/trade-back.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.tradeOn .container > h3 {
	color: #fff;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 24px;
	text-align: center;
}
.tradeOn .container > p {
	font-weight: 700;
	text-align: center;
	font-size: 24px;
	line-height: 29px;
	color: #fff;
}
.tradeOnFlex {
	display: flex;
	margin: 66px auto 0;
	gap: 85px;
	max-width: 820px;
}
.tradeOnItem {
	width: 50%;
	text-align: center;
}
.tradeOnItem h4 {
	color: #1EF1B6;
	font-size: 16px;
	line-height: 29px;
	margin-top: 11px;
	margin-bottom: 11px;
	text-align: center;
	text-transform: uppercase;
}
.lineTrade {
	background-color: #1EF1B6;
	width: 1px;
	height: 146px;
	margin-top: 25px;
}
.tradeOnItem p {
	text-align: center;
	color: #fff;
	max-width: 280px;
	margin: 0 auto;
	line-height: 20px;
}
.firstTime {
	background-color: #F4F5F8;
	padding-top: 90px;
	padding-bottom: 90px;
}
.firstTime .container > h3 {
	color: #182244;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 24px;
	text-align: center;
}
.firstTime .container > p {
	text-align: center;
	color: #343946;
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
}
.firstFlex {
	display: flex;
	gap: 20px;
	margin-top: 60px;
}
.swiper.firstFlex {
	overflow: visible;
}
.firstItem {
	border-radius: 8px;
	padding: 60px 30px;
	background-color: #fff;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15);
	height: 100%;
}
.firstItem h4 {
	text-align: center;
	text-transform: uppercase;
	line-height: 29px;
	color: #182244;
	margin-top: 20px;
	margin-bottom: 10px;
}
.firstItem p {
	text-align: center;
	max-width: 280px;
	margin: 0 auto;
	color: #343946;
	line-height: 20px;
}
.firstItem img {
	display: block;
	margin: 0 auto;
}
.firstFlex .swiper-slide {
	height: auto;
}
.firstFlex .swiper-wrapper {
	align-items: stretch;
}
.error-404-section {
	padding: 120px 0;
	text-align: center;
}
.error-404-content h1 {
	font-size: 120px;
	font-weight: 900;
	line-height: 1;
	color: #1EF1B6;
	margin-bottom: 16px;
}
.error-404-content h2 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 16px;
}
.error-404-content p {
	font-size: 18px;
	line-height: 28px;
	color: #8A90A0;
	margin-bottom: 40px;
}
.error-404-content .btnWr {
	margin: 0 auto;
}
.header-wrapper__lang, #languageSelectorMobile {
	display: none;
}
.main-footer {
	padding-top: 56px;
	padding-bottom: 40px;
}
.footerLogo {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.footerLogo img {
	max-width: 160px;
	height: auto;
}
.footerLogo__text {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}
.footerCopy {
	text-align: center;
	color: #8A90A0;
	font-size: 13px;
}
@media(max-width:991px) {
	.heroLeft h1, .whyUs h3, .tradeOn .container > h3, .firstTime .container > h3 {
		font-size: 34px;
		line-height: 40px;
	}
	.tradeOn .container > p, .firstTime .container > p {
		font-size: 18px;
		line-height: 26px;
	}
	.firstTime .container > h3, .tradeOn .container > h3 {
		margin-bottom: 18px;
	}
	.wpcf7-acceptance .wpcf7-list-item-label {
		line-height: 14px;
	}
	.tradeOnFlex {
		gap: 45px;
	}
	.main-footer {
		padding-top: 48px;
	}
}
@media(max-width: 767px) {
	.firstFlex, .whyFlex {
		margin-right: -20px;
	}
	.logo img {
		max-width: 130px;
	}
	.heroLeft {
		border-right: 0px;
	}
	.heroFlex {
		flex-direction: column-reverse;
	}
	.heroRight h3 {
		justify-content: center;
		margin-bottom: 14px;
	}
	.heroRight {
		max-width: 100%;
		padding-left: 0px;
	}
	.herosSec {
		padding-top: 27px;
		padding-bottom: 60px;
	}
	.heroLeft h1 {
		text-align: center;
		margin-top: 40px;
		margin-bottom: 50px;
	}
	.heroLeft h1 strong {
		display: inline;
		margin-left: 6px;
	}
	.heroLeft img {
		margin-left: -20px;
	}
	.whyUs h3 {
		margin-bottom: 32px;
	}
	.whyItem {
		padding: 30px 20px;
	}
	.whyUs .btnWr {
		margin-top: 40px;
	}
	.whyUs {
		padding-bottom: 70px;
	}
	.tradeOn {
		padding-top: 48px;
		padding-bottom: 72px;
	}
	.tradeOnFlex {
		flex-direction: column;
		align-items: center;
	}
	.lineTrade {
		width: 146px;
		height: 1px;
		margin-top: 0px;
	}
	.tradeOnItem {
		width: 100%;
	}
	.firstTime {
		padding-top: 46px;
		padding-bottom: 47px;
	}
	.firstFlex {
		margin-top: 40px;
	}
	.tradeOnItem:last-child img {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.main-footer {
		padding-top: 36px;
		padding-bottom: 32px;
	}
}

@media(max-width: 480px) {
	.footerLogo img {
		max-width: 130px;
	}
	.footerCopy {
		font-size: 12px;
	}
}

/* Landing Page Styles (.landing-page) */
header.blackHeader {
	background: linear-gradient(90deg, #070D1B 0%, #223152 54%, #1E2947 68%, #000000 100%);
}
.landing-page .main-header:not(.blackHeader) {
	display: none;
}
.landing-page .whiteBack {
	background-color: #fff;
}
.landing-page .whyUs {
	background-color: #fff;
}
.landing-page .whyUs h3 {
	color: #182244;
}
.landing-page .heroLeft h1 {
	color: #182244;
}
.landing-page .heroLeft h1 strong {
	display: inline;
	margin: 0 4px;
}
.herosText {
	color: #343946;
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
	margin-top: 35px;
	margin-bottom: 40px;
}
.landing-page .heroRight h3:before {
	display: none;
}
.landing-page .heroLeft {
	border-right: 0px;
	padding-right: 0px;
	position: relative;
}
.landing-page .heroRight {
	background-color: #E0E3ED;
	padding: 26px 22px 30px;
	border-radius: 8px;
	position: relative;
}
.landing-page .heroRight h3 {
	color: #182244;
	margin-bottom: 10px;
}
.landing-page .heroRight label {
	color: #343946;
}
.landing-page .heroFlex {
	justify-content: space-between;
}
.landing-page .heroLeft h1 {
	max-width: 550px;
}
.landing-page .formBot {
	display: flex;
	gap: 5px;
	align-items: center;
	border-top: 1px solid #8A90A0;
	padding-top: 27px;
	margin-top: 27px;
}
.landing-page .wpcf7-acceptance .wpcf7-list-item-label {
	line-height: 14px;
}
.landing-page .formBot label {
	margin-bottom: 0px;
}
.landing-page .featureList {
	padding: 28px 28px;
	border-radius: 8px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	gap: 24px;
	position: relative;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15);
	max-width: 440px;
}
.landing-page .featureList:after {
	display: none;
}
.landing-page .heroImage {
	position: absolute;
	left: 370px;
	top: 160px;
	width: 531px;
	height: 543px;
	object-fit: cover;
	pointer-events: none;
}
.featureItem {
	display: flex;
	align-items: center;
	gap: 13px;
}
.featureItem span {
	display: flex;
	border-radius: 50%;
	color: #1EF1B6;
	background-color: #182244;
	font-weight: 900;
	font-size: 22px;
	padding: 15px;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.featureItem p {
	color: #343946;
	font-weight: 700;
}
.landing-page .herosSec {
	max-width: 1200px;
}

@media(max-width: 767px) {
	.landing-page .featureList:after {
		display: none;
	}
	.landing-page .heroImage {
		position: relative !important;
        left: 22px !important;
        top: auto !important;
        margin: 20px auto 0;
	}
	.landing-page .featureList {
		max-width: 100%;
	}
	.herosText {
		text-align: center;
		font-size: 18px;
		line-height: 26px;
		margin-top: 18px;
	}
	.landing-page .heroLeft h1 {
		margin-bottom: 24px;
	}
	.landing-page .heroFlex {
		flex-direction: column-reverse !important;
	}
	.landing-page .heroLeft {
		order: 1;
	}
	.landing-page .heroRight {
		order: 2;
	}
}

/* RTL Support for Landing Page */
html[dir="rtl"] .landing-page .heroFlex {
	flex-direction: row;
}
html[dir="rtl"] .landing-page .heroLeft {
	border-right: 0;
	padding-right: 0;
	text-align: right;
}
html[dir="rtl"] .landing-page .heroLeft h1 {
	text-align: right;
}
html[dir="rtl"] .landing-page .herosText {
	text-align: right;
}
html[dir="rtl"] .landing-page .featureList {
	margin-left: 0;
}
html[dir="rtl"] .landing-page .featureList:after {
	display: none;
}
html[dir="rtl"] .landing-page .heroImage {
	left: auto;
	right: 260px;
}
html[dir="rtl"] .landing-page .heroRight h3 {
    justify-content: flex-end;
}
html[dir="rtl"] .landing-page .heroRight .taf-form-title {
	text-align: right;
}
html[dir="rtl"] .landing-page .heroRight label {
	text-align: right;
}
@media(max-width: 767px) {
	html[dir="rtl"] .landing-page .heroFlex {
		flex-direction: column-reverse !important;
	}
	html[dir="rtl"] .landing-page .heroLeft {
		order: 1;
	}
	html[dir="rtl"] .landing-page .heroRight {
		order: 2;
	}
	html[dir="rtl"] .landing-page .heroLeft h1 {
		text-align: center;
	}
	html[dir="rtl"] .landing-page .herosText {
		text-align: center;
	}
	html[dir="rtl"] .landing-page .featureList {
		margin: 0 auto;
	}
	html[dir="rtl"] .landing-page .heroImage {
		right: 20px;
		margin: 20px auto 0;
	}
}

/* RTL Support for Arabic */
html[dir="rtl"] {
	direction: rtl;
}
html[dir="rtl"] body {
	text-align: right;
}
html[dir="rtl"] button,
html[dir="rtl"] fieldset,
html[dir="rtl"] figure,
html[dir="rtl"] input,
html[dir="rtl"] legend,
html[dir="rtl"] optgroup,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
	text-align: right;
}
html[dir="rtl"] .heroFlex {
	flex-direction: row-reverse;
}
html[dir="rtl"] .heroLeft {
	text-align: left;
	padding-right: 30px;
	border-right: 1px solid #8A90A0;
}
html[dir="rtl"] .heroLeft h1 {
	text-align: left;
}

html[dir="rtl"] .heroRight h3:before {
	transform: scaleX(-1);
}
html[dir="rtl"] .heroRight label {
	text-align: right;
}
html[dir="rtl"] .wpcf7-acceptance .wpcf7-list-item-label {
	margin-left: 0;
	margin-right: 10px;
}
html[dir="rtl"] .wpcf7-acceptance label {
	flex-direction: row-reverse;
}
html[dir="rtl"] .whyFlex,
html[dir="rtl"] .tradeOnFlex,
html[dir="rtl"] .firstFlex {
	flex-direction: row-reverse;
}
@media(max-width: 767px) {
	html[dir="rtl"] .heroFlex {
		flex-direction: column-reverse;
	}
	html[dir="rtl"] .heroLeft {
		border-right: 0;
		padding-right: 0;
		text-align: center;
	}
	html[dir="rtl"] .heroRight {
		max-width: 100%;
		
	}
	html[dir="rtl"] .heroLeft h1 {
		text-align: center !important;
	}
	html[dir="rtl"] .heroLeft h1 strong {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	html[dir="rtl"] .heroLeft img {
		margin-left: 0;
		margin-right: -20px;
	}
	html[dir="rtl"] .firstFlex,
	html[dir="rtl"] .whyFlex {
		margin-right: 0;
		margin-left: -20px;
	}
	html[dir="rtl"] .whyFlex,
	html[dir="rtl"] .tradeOnFlex,
	html[dir="rtl"] .firstFlex {
		flex-direction: column;
	}
}
.heroRight .taf-form-container {
	 max-width: 100%;
	 margin: 0;
	 padding: 0;
	 background-color: transparent;
	 border-radius: 0;
	 box-shadow: none;
	 font-family: "Inter", sans-serif;
}
 .heroRight .taf-form-title {
	 display: none;
}
 .heroRight .taf-form-row {
	 display: block;
	 margin: 0;
}
 .heroRight .taf-form-group {
	 margin-bottom: 12px;
	 width: 100%;
}
 .heroRight .taf-form-group-half {
	 flex: 0 0 100%;
	 max-width: 100%;
	 padding: 0;
}
 .heroRight .taf-label {
	 color: #e0e3ed;
	 font-size: 14px;
	 line-height: 29px;
	 display: block;
	 margin-bottom: 0;
	 font-weight: 400;
}
 .heroRight .taf-input {
	 display: block;
	 width: 100%;
	 margin-top: 3px;
	 border-radius: 8px;
	 background-color: #fff;
	 padding: 5px 16px 7px;
	 color: #182244;
	 line-height: 29px;
	 font-weight: 500;
	 border: none;
	 height: auto;
	 font-size: 14px;
	 box-sizing: border-box;
}
 .heroRight .taf-input::placeholder {
	 color: #8a90a0;
}
 .heroRight .taf-input:focus {
	 outline: 2px solid #1ef1b6;
}
 .heroRight .taf-input.is-valid {
	 border: 1px solid #4caf50;
}
 .heroRight .taf-input.is-invalid {
	 border: 1px solid #f44336;
}
 .heroRight .taf-validation-icon {
	 right: 12px;
}
 .heroRight .taf-validation-message {
	 font-size: 11px;
	 min-height: 0;
	 margin-top: 2px;
}
 .heroRight .taf-button {
	 background-color: #1ef1b6;
	 border-radius: 27px;
	 line-height: 22px;
	 font-size: 16px;
	 color: #182244;
	 padding: 15px 20px;
	 width: 100%;
	 text-align: center;
	 font-weight: 700;
	 border: none;
	 cursor: pointer;
	 height: auto;
	 margin-top: 10px;
	 transition: background-color 0.3s ease;
}
 .heroRight .taf-button:hover {
	 background-color: #0eaf82;
}
 .heroRight .taf-button:disabled {
	 background-color: #ccc;
	 cursor: not-allowed;
}
 .heroRight .taf-checkbox-group {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 margin-bottom: 5px;
	 margin-top: 5px;
}
 .heroRight .taf-checkbox {
	 width: auto;
	 display: inline-block;
	 margin-top: 0;
}
 .heroRight .taf-checkbox-label {
	 font-size: 10px;
	 color: #e0e3ed;
	 line-height: 14px;
}
 .heroRight .taf-phone-group .iti {
	 width: 100%;
	 display: block;
}
 .heroRight .taf-phone-group .iti--allow-dropdown .taf-phone-input {
	 padding-left: 52px;
	 padding-right: 16px;
	 width: 100%;
	 border-radius: 8px;
	 background-color: #fff;
	 border: none;
	 height: auto;
	 padding-top: 5px;
	 padding-bottom: 7px;
	 line-height: 29px;
	 font-size: 14px;
	 color: #182244;
	 font-weight: 500;
	 box-sizing: border-box;
}
 .heroRight .taf-phone-group .iti--allow-dropdown .taf-phone-input:focus {
	 outline: 2px solid #1ef1b6;
}
 .heroRight .taf-phone-group .iti__flag-container {
	 border-radius: 8px 0 0 8px;
}
 .heroRight .taf-phone-group .iti__selected-flag {
	 background: transparent;
	 border-radius: 8px 0 0 8px;
	 padding: 0 6px 0 12px;
}
 .heroRight .taf-phone-group .iti__country-list {
	 border-radius: 8px;
	 border: 1px solid #e0e3ed;
	 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
	 max-height: 200px;
	 width: 300px;
}
 .heroRight .taf-phone-group .taf-validation-icon {
	 right: 12px;
	 top: 50%;
	 transform: translateY(-50%);
}
 .heroRight .taf-message.taf-error {
	 border-radius: 8px;
	 font-size: 13px;
}
 .heroRight .taf-button svg,
 .taf-button svg {
	 width: 16px !important;
	 height: 16px !important;
	 display: inline-block;
	 vertical-align: middle;
	 flex-shrink: 0;
}
 .heroRight .taf-button:disabled {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 6px;
}
 .taf-spin {
	 animation: taf-spin 1s linear infinite;
	 vertical-align: middle;
	 margin-right: 4px;
}
 @keyframes taf-spin {
	 from {
		 transform: rotate(0deg);
	}
	 to {
		 transform: rotate(360deg);
	}
}

/* White template overrides */
.herosSec--white {
	padding-bottom: 0;
}
.whyUs--white {
	padding: 80px 0;
	background: #ffffff;
}
.whyUs--white h3 {
	color: #212f50;
}