@charset "UTF-8";

/* General Declarations ====================== */
body,
html {
	background: #f3f5f9;
	margin: 0px;
	padding: 0px;
	color: #001752;
	font-size: 17px;

	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
}

* {
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}

h1,
h2,
h3,
h4,
h5,
p {
	margin-top: 0px;
	margin-bottom: 0px;
}

p {
	line-height: 1.4em;
}

a {
	color: #001752;
	text-decoration: none;
	cursor: pointer;
}

ul.clear,
.home-intro ul,
.home-why-payat ul,
.footer ul,
.nav-mobile ul,
.figures ul,
.iconbox ul,
ul.holder-retail,
ul.holder-banking {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
}

h2 {
	font-size: 56px;
	letter-spacing: -0.5px;
	line-height: 1.1em;
}

@media screen and (max-width: 768px) {
	h2 {
		font-size: 48px;
	}
}

/* Fonts ====================== */
.scandia-regular,
body,
.home-intro a h3 span,
.form textarea,
.form input {
	font-family: scandia-web, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.scandia-medium,
.nav .subnav a,
.home-intro a h3,
.home-why-payat ul li span,
.figures ul li span,
.home-why-payat .main-inner .row>div:nth-of-type(2) p,
.home-testimonials .testimonial author,
.home-testimonials .testimonial span strong,
.footer a,
.footer ul,
.nav-mobile a,
.sub-intro label,
.sub-intro p strong,
.split-business-integrate h3,
.network .descriptor,
.business-cost p {
	font-family: scandia-web, sans-serif;
	font-weight: 500;
	font-style: normal;
	z-index: 20;
}

.scandia-bold,
h1,
h2,
h3,
.dot,
.button,
strong,
b {
	font-family: scandia-web, sans-serif;
	font-weight: 700;
	font-style: normal;
	background: none;
}

@font-face {
	font-family: 'payat-icons';
	src: url('../fonts/icons/payat-icons.eot?766696717');
	src: url('../fonts/icons/payat-icons.eot?766696717#iefix') format('embedded-opentype'),
		url('../fonts/icons/payat-icons.woff2?766696717') format('woff2'),
		url('../fonts/icons/payat-icons.woff?766696717') format('woff'),
		url('../fonts/icons/payat-icons.ttf?766696717') format('truetype'),
		url('../fonts/icons/payat-icons.svg?766696717#payat-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon:before {
	font-family: 'payat-icons';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Cursor ====================== */
.dot {
	width: 16px !important;
	height: 16px !important;
	background: #ff7442;
	padding: 0px !important;
	border-radius: 100%;
	position: fixed;
	transition: width 0.2s ease-out, height 0.2s ease-out;
	display: none;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.carousel-home{
    cursor: none;
}

.dot.cursor-drag{
    display: flex!important;
}

.dot.big {
	width: 40px !important;
	height: 40px !important;
}

.dot.cursor-billit {
	width: 120px !important;
	height: 120px !important;
	background: #ff5b00;
	z-index: 10;
}

.dot.cursor-view {
	width: 120px !important;
	height: 120px !important;
	background: #2a54c0 !important;
	z-index: 10;
}

.dot.cursor-payit {
	width: 120px !important;
	height: 120px !important;
	background: #2a54c0;
	z-index: 10;
	padding-bottom: 10px;
}

.dot.cursor-billit:before,
.dot.cursor-view:before,
.dot.cursor-payit:before {
	font-size: 42px !important;
	color: #fff;
}

.dot.cursor-payit:before {
	content: 'pay';
}

.dot.cursor-view:before {
	content: 'view';
}

.dot.cursor-billit:before {
	content: 'bill';
}

.dot.cursor-drag {
	width: 100px !important;
	height: 100px !important;
	background: #2a54c0 !important;
	z-index: 10 !important;
	color: #fff;
	font-size: 30px;
}

.dot.cursor-drag:before {
	content: 'drag' !important;
}

.dot.cursor-nav {
	background: #ff5b00;
}

.dot.cursor-orange {
	background: #ff5b00;
}

.dot.cursor-blue {
	background: #2a54c0 !important;
}

.dot.cursor-billit,
.dot.cursor-view,
.dot.cursor-payit,
.dot.big,
.dot.cursor-drag,
.dot.cursor-nav,
.dot.cursor-blue {
	transition: width.1s ease-in, height 0.1s ease-in;
}

.attach-cursor * {
	z-index: 6;
}

.nav.attach-cursor * {
	z-index: 10;
}

.modal-content {
	z-index: 4;
}

.attach-cursor .dot {
	z-index: 6;
}

.button-blue {
	color: #2a54c0 !important;
	border: 2px solid #2a54c0 !important;
}

.button-blue:hover {
	color: #fff !important;
	background-color: #2a54c0 !important;
}

@media screen and (min-width: 1690px) {
	.body-about .dot.cursor-drag:before {
		content: '';
	}

	.body-about .dot.cursor-drag {
		width: 16px;
		height: 16px;
		background: #ff7442;
		border-radius: 100%;
		position: fixed;
		z-index: 10;
		transition: width 0.2s ease-out, height 0.2s ease-out;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

body.mobile {
	cursor: default;
}

body.mobile a,
body.mobile .menu {
	cursor: pointer;
}

body.mobile .dot {
	display: none !important;
}

.dotty {
	width: 10px;
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
}

.dotty div {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #d8d8d8;
	margin-bottom: 5px;
	transform-origin: center;
	transform: scale(0.5);
	animation-name: topdot;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

.dotty div:nth-of-type(1) {
	animation-delay: 1s;
}

.dotty div:nth-of-type(2) {
	animation-delay: 1.2s;
}

.dotty div:nth-of-type(3) {
	animation-delay: 1.4s;
}

@media screen and (max-width: 576px) {
	.dotty {
		display: none;
	}
}

@keyframes topdot {
	0% {
		transform: scale(0.5);
	}

	8% {
		transform: scale(1.2);
	}

	16% {
		transform: scale(0.3);
	}

	24% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(0.5);
	}
}

/* Structure ====================== */
.main-width {
	max-width: 1440px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.main-inner {
	max-width: 1280px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.main-limit {
	max-width: 1600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.spacer {
	min-height: 100px;
}

.button,
.join-newsletter-content form .desktop-btn {
	height: 40px;
	color: #0f328c;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1em;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid #0f328c;
	border-radius: 20px;
	transition: background 0.2s ease-in;
	padding: 0px 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
}

.button:hover {
	background: #0f328c;
	color: #fff;
}

.button.button-white,
.join-newsletter-content form .desktop-btn {
	color: #fff;
	border-color: #fff;
	z-index: 20;
}

.join-newsletter-content form .desktop-btn {
	background-color: #0f328c;
	font-weight: bold;
	cursor: none;
}

.button.button-white:hover {
	background: #fff;
	color: #0f328c;
}

.button.button-lightblue {
	color: #0f328c;
	border-color: #0f328c;
}

.button.button-lightblue:hover {
	background: #0f328c;
	color: #0f328c;
}

@media screen and (max-width: 1380px) {
	.main-inner {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media screen and (max-width: 768px) {
	.main-inner {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Navigation ====================== */
.nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 100px;
	padding: 0px 12% 0px 12%;
	position: sticky;
	min-width: 100% !important;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgb(244, 245, 249);
	z-index: 1000;
}

.nav-mobile ul .accordion .accordion-item .accordion-button {
	background-color: transparent;
	color: white;
	width: auto;
	border: none;
	text-align: left;
	outline: none;
	transition: background-color 0.4s ease;
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 30px;
	font-family: scandia-web, sans-serif;
	margin: 0;
	padding: 0;
	cursor: none;
}

.nav-mobile ul .accordion .accordion-item .accordion-button:after {
	content: '\002B';
	color: white;
	font-weight: light;
	margin-top: 3px;
}

.nav-mobile ul .accordion .accordion-item .accordion-button.active:after {
	content: "\2212";
	margin: 0;
}

.thankyou>h2,
.section-contact .thankyou p {
	color: black !important;
}

.nav-mobile ul .accordion .accordion-item .accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: none;
}

.nav-mobile ul .accordion .accordion-item .accordion-content a {
	color: #FFFFFF;
	font-family: scandia-web, sans-serif;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px;
	margin-top: 32px;
	margin-bottom: 40px;
	margin-left: 32px;
	padding: 0;
}

.nav-mobile ul .accordion .accordion-item .accordion-content a:nth-child(2) {
	margin-top: 5px;
}

.nav-mobile ul p {
	margin-top: 32px;
	margin-bottom: 40px;
	color: #FFFFFF;
	font-family: scandia-web, sans-serif;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 30px;
}

.nav .subnav a {
	color: #001752;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 19px;
	text-decoration: none;
	padding: 0px 50px;
	transition: text-decoration 0.2s linear;
}

.nav .subnav #hover {
	display: none;
	flex-direction: column;
	position: absolute;
	padding: 24px 23px 32px;
	width: 186px;
	top: 30px;
	background-color: #FF5417;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

#hover .invis {
	position: absolute;
	top: -10px;
	width: 80%;
	background: transparent;
}

.nav .subnav #hover a {
	color: #FFFFFF;
	font-family: scandia-web, sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 17px;
	padding: 0;
}

.nav .subnav #hover a:first-child {
	display: block;
	margin-bottom: 24px;
}

.nav .subnav #hover::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #FF5417 transparent transparent transparent;
	left: 50%;
	transform: translateX(-50%) rotate(180deg);
	top: -10px;
}

.nav .pay_now_btn {
	position: absolute;
	right: 40px;
	cursor: pointer;
	min-height: 40px;
	text-align: center;
	z-index: inherit;
	width: 146px;
	padding: 0;
	background-color: #2a54c0;
	border: none;
	color: white;
}

.nav-mobile .pay_now_btn_menu {
	box-sizing: border-box;
	height: 40px;
	width: 146px;
	border: 2px solid #ffffff;
	border-radius: 24px;
	background: none;
	margin-top: 30px;
	cursor: pointer;
	color: #ffffff;
	font-family: scandia-web, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 17px;
	text-align: center;
	text-transform: uppercase;
}

.nav .pay_now_btn button {
	color: #0f328c;
	font-family: scandia-web, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 17px;
	text-align: center;
}

.nav .subnav a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
}

.nav .subnav a.over {
	color: #ff7442;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
}

.menu {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
}

.menu>div {
	width: 30px;
	height: 3px;
	background: #011354;
	margin: 2.5px auto;
	transition: backgrouond 0.2s linear;
}

.menu:hover>div {
	background: #0f328c;
}

.nav-mobile {
	display: flex;
	left: 100%;
	padding: 80px 0px 0px 80px;
	position: fixed;
	height: 100%;
	width: calc((100vw - 1440px));
	top: 0;
	right: 0;
	z-index: 6;
	transition: left 0.2s ease-out;
	background: #ff5417;
}

.nav-mobile a {
	color: #fff;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	line-height: 1em;
}

.nav-mobile li:nth-of-type(1) a,
.nav-mobile li:nth-of-type(2) a {
	font-size: 28px;
	letter-spacing: -0.5px;
}

.nav-mobile li.active a {
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
}

.nav-mobile li.active a:first-child {
	padding-top: 0;
}

.nav-mobile .menu {
	position: fixed;
	top: 0px;
	right: calc((83vw - 1440px) / 2 + 35px);
	display: none;
}

.nav-mobile.over {
	left: 1440px;
	transition: left 0.2s cubic-bezier(0.06, 0.03, 0.1, 0.01);
	z-index: 1000;
}

.nav-mobile.over .menu {
	display: flex;
}

.nav-mobile.attach-cursor * {
	z-index: 10;
}

.nav-mobile.attach-cursor .dot {
	z-index: 5;
}

.nav-mobile .menu>div {
	background: #fff;
}

@media screen and (max-width: 1800px) {
	.nav-mobile {
		width: 500px;
	}

	.nav-mobile.over {
		left: calc(100vw - 500px);
	}

	.nav {
		padding: 0px 10% 0px 12%;
	}

	.nav .pay_now_btn {
		right: 17%;
		width: 146px;
		text-align: center;
	}
}

@media screen and (max-width: 1440px) {
	.nav-mobile .menu {
		right: 45px;
	}

	.nav {
		padding: 0px 3% 0px 6%;
	}

	.nav .pay_now_btn {
		right: 10%;
		width: 146px;
	}
}

@media screen and (max-width: 768px) {
	.nav .subnav {
		display: none;
	}

	.nav-mobile.over .menu {
		margin: 20px 20px 0 0;
	}

	.menu {
		width: 70px;
		height: 70px;
	}

	.nav {
		min-height: 70px;
		padding: 0 0 0 20px;
	}

	.nav-mobile {
		padding: 40px 0px 0px 40px;
	}

	.nav-mobile a {
		font-size: 20px;
	}

	.nav .pay_now_btn {
		right: 12%;
		text-align: center;
		width: 146px;
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.nav-mobile .menu {
		width: 70px;
		right: 0px;
	}

	.nav .pay_now_btn {
		background-color: #2a54c0;
		color: white;
	}
}

@media screen and (max-width: 576px) {
	.nav-mobile {
		width: calc(100vw - 40px);
	}


	.nav-mobile.over {
		left: 40px;
	}

	.nav .pay_now_btn {
		right: 20%;
		text-align: center;
		width: 30%;
		font-size: 16px;
	}
}

@media screen and (min-width: 1400px) {

	.nav-mobile li:nth-of-type(1),
	.nav-mobile li:nth-of-type(2) {
		display: none;
	}
}

/* Footer ====================== */
.footer {
	display: flex;
	background: #fff;
	padding: 80px 0px 40px 0px;
}

.footer p {
	font-size: 13px;
	line-height: 1.2em;
}

.footer ul,
.footer ul li {
	display: flex;
}

.footer ul,
.footer ul p {
	font-size: 15px;
}

.footer ul {
	margin: 16px 0px;
	flex-wrap: wrap;
}

.footer ul:nth-last-of-type(1) {
	margin-bottom: 10px;
}

.footer ul:before {
	content: attr(data-content);
	font-size: 14px;
	flex: 0 0 100px;
	font-weight: 700;
}

.footer ul li {
	padding-right: 24px;
}

.footer p span {
	white-space: nowrap;
}

.footer .top-row {
	display: flex;
	margin-bottom: 8px;
	flex-wrap: wrap;
}

.footer .top-row div {
	margin-left: auto;
	display: flex;
	align-items: flex-start;
}

.footer .top-row div a:first-child {
	margin-right: 24px;
	margin-top: 10px;
}

.footer .top-row a:nth-of-type(2) {
	margin-right: 40px;
}

.footer .top-row div a:nth-of-type(2) {
	margin-right: 0px;
}

.footer .top-row a {
	font-size: 28px;
	letter-spacing: -0.5px;
	line-height: 1em;
}

.footer .top-row a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
}

.footer .top-row a.icon {
	position: absolute;
	right: 0px;
	top: -55px;
	width: 40px;
	height: 40px;
	display: flex;
	font-size: 40px;
	justify-content: center;
	align-items: center;
	color: #e1e2e5;
	margin: 0px;
	transition: color 0.3s linear;
}

.footer .top-row a.icon:hover {
	color: #0f328c;
	text-decoration: none;
}

.footer .top-row a.icon.icon-arrow:before {
	content: '\e812';
}

.footer .middle-row>div {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.footer .middle-row li p {
	margin-right: 5px;
}

.footer .middle-row a {
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
}

.footer .social a {
	color: #0f328c;
	margin-left: 25px;
	font-size: 22px;
	text-decoration: none;
}

.footer .social .icon-facebook:before {
	content: '\f30c';
}

.footer .social .icon-linkedin:before {
	content: '\f318';
}

.footer .bottom-row {
	margin-top: 40px;
	border-top: 2px solid #e1e2e5;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer .bottom-row p,
.footer .bottom-row a {
	color: #676c7d;
	font-size: 13px;
	line-height: 1.2em;
}

.footer .bottom-row p:first-of-type {
	margin-bottom: 10px;
}

.footer .bottom-row a {
	white-space: nowrap;
}

.footer .bottom-row>div {
	padding-top: 20px;
}

.footer .bottom-row ul:before {
	display: none;
}

.footer .bottom-row ul {
	margin: 0px;
	padding-top: 20px;
}

.footer .bottom-row ul li:nth-last-of-type(1) {
	padding-right: 0px;
}

.footer.attach-cursor * {
	z-index: 5;
}

.footer.attach-cursor .dot {
	z-index: 1;
}

.footer div.trust-icon {
	padding-top: 0px;
	margin-top: 24px;
	display: none;
}

@media screen and (max-width: 1024px) {
	.footer ul:before {
		flex: 0 0 100%;
	}

	.footer ul li {
		margin-top: 13px;
	}
}

@media screen and (max-width: 910px) {
	.footer .middle-row ul {
		flex-direction: column;
	}
}

@media screen and (max-width: 768px) {
	.footer ul:before {
		display: none;
	}

	.footer .middle-row ul li {
		padding-right: 0px;
		margin-bottom: 5px;
	}

	.footer ul li p {
		width: 120px;
	}

	.footer ul {
		margin: 0px;
	}

	.footer .bottom-row>div {
		width: 100%;
	}

	.footer .top-row div {
		display: none;
	}

	.footer .bottom-row ul li {
		width: 120px;
	}

	.footer .bottom-row ul li:nth-of-type(2n + 2) {
		width: calc(100% - 120px);
	}

	.footer .middle-row>div {
		margin-top: 20px;
	}

	.footer .top-row a.icon {
		top: 10px;
	}

	.footer div.trust-icon {
		display: initial;
	}
}

@media screen and (max-width: 576px) {
	.footer .top-row a {
		margin-top: 20px;
		width: 100%;
	}

	.footer {
		padding: 96px 0px 40px 0px;
	}
}

/* Titles ====================== */
.title {
	padding: 80px 30px 50px 30px;
	text-align: center;
}

.title h1 {
	font-size: 56px;
	line-height: 1.04em;
	margin-bottom: 10px;
}

.title h1 span {
	color: #ff7442;
}

.title p {
	color: #676c7d;
}

@media screen and (max-width: 576px) {
	.title {
		padding: 40px 30px 50px 30px;
	}
}

@media screen and (max-width: 576px) {
	.title h1 {
		font-size: 48px;
	}

	.title p {
		padding: 0px 30px;
	}
}

/* Homepage ====================== */

/* Modal */

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f3f5f9c5;
	justify-content: center;
	align-items: center;
	z-index: 6;
	animation: fade 0.3s ease;
}

@keyframes fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.modal-content {
	height: 514px;
	width: 830px;
	background-color: #ffffff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	padding: 16px;
}

.modal .modal-content .modal-head {
	width: 100%;
	background: none;
	display: flex;
	align-items: center;
	justify-content: right;
}

.modal .modal-content .modal-head button {
	border: none;
	background: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.modal .modal-content .modal-head button img {
	height: 40px;
	width: 40px;
}

.modal .modal-content .modal-body {
	margin-top: 35px;
	background: none;
	padding: 0px 80px 0px 80px;
}

.modal .modal-content .modal-body h1 {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.04em;
}

.modal .modal-content .modal-body p {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
	margin-top: 20px;
}

.modal .modal-content .input_modal {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;
}

.modal .modal-content .input_modal .input-col {
	display: flex;
	flex-direction: column;
	width: auto;
	height: 100%;
}

.modal .modal-content .error {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 100%;
	margin-left: 110px;
	margin-top: 20px;
}

.modal .modal-content .error span {
	display: none;
	font-family: scandia-web, sans-serif;
	font-style: italic;
	color: #ec808d;
	text-align: left;
	line-height: normal;
}

.modal .modal-content .input_modal input {
	box-sizing: border-box;
	height: 80px;
	width: 420px;
	border: 2px solid rgb(0, 0, 0);
	border-radius: 40px;
	padding: 40px;
	font-family: scandia-web, sans-serif;
	cursor:text;
	outline: none !important;
}

.modal .modal-content .input_modal input[type='text']:focus {
	border: 2px solid #2a54c0 !important;
	border-color: #2a54c0 !important;
	outline: none !important;
}

.modal .modal-content .input_modal input::placeholder {
	opacity: 0.2;
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
}

.modal .modal-content .input_modal input[type='text'] {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	outline: none !important;
}

.modal .modal-content .input_modal .continue_btn {
	box-sizing: border-box;
	height: 80px;
	width: 210px;
	border: 2px solid #10328c !important;
	color: #10328c !important;
	border-radius: 40px;
	margin-left: 10px;
	cursor: none;
}

.modal .modal-content .input_modal .continue_btn:hover {
	background-color: #0f328c !important;
	color: white !important;
}

.modal .modal-content .input_modal .continue_btn p {
	font-family: scandia-web, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.06em;
	text-align: center;
}

.modal .modal-content .modal_divider {
	width: 80%;
	box-sizing: border-box;
	border: 1px solid #e1e2e5;
	margin-top: 35px;
	margin-bottom: 40px;
}

.modal .modal-content .modal_foot {
	width: 80%;
	margin: 0 auto;
}

.modal .modal-content .modal_foot p {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
}

.modal .modal-content .modal_foot p a {
	color: #0f328c;
	font-family: scandia-web, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.06em;
}

@media screen and (max-width: 768px) {
	.modal-content {
		height: 500px;
		width: 95%;
		padding: 16px;
	}

	.modal .modal-content .modal-body {
		padding: 0;
		margin-top: 10px;
	}

	.modal .modal-content .modal-body h1 {
		font-size: 48px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 1.04em;
		font-family: scandia-web, sans-serif;
	}

	.modal .modal-content .input_modal input[type='text']:focus {
		border: 2px solid #2a54c0 !important;
		border-color: #2a54c0 !important;
		outline: none !important;
	}

	.modal .modal-content .input_modal input[type='text']::placeholder {
		opacity: 0.2;
		color: #001752;
		font-family: scandia-web, sans-serif;
		font-size: 20px;
		font-style: italic;
		font-weight: bold;
		letter-spacing: 0;
		line-height: 28px;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.modal .modal-content .modal-body p {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1.41em;
		font-family: scandia-web, sans-serif;
	}

	.modal .modal-content .input_modal {
		margin-top: 40px;
		flex-direction: column;
		width: 100%;
	}

	.modal .modal-content .input_modal input {
		box-sizing: border-box;
		height: 60px;
		width: 100%;
		border: 2px solid #001752;
		border-radius: 40px;
		padding: 15px;
		font-family: scandia-web, sans-serif !important;
		outline: none !important;
	}

	.modal .modal-content .input_modal input::placeholder {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1.4em;
		font-family: scandia-web, sans-serif;
		text-align: center;
		font-weight: bolder;
		outline: none !important;
	}

	.modal .modal-content .input_modal .continue_btn {
		box-sizing: border-box;
		height: 48px;
		width: 100%;
		margin-left: 0;
		border: 2px solid #0f328c;
		border-radius: 40px;
		margin-top: 16px;
	}

	.modal .modal-content .input_modal .input-col {
		width: 100%;
	}

	.modal .modal-content .input_modal .input-col span {
		font-family: scandia-web, sans-serif;
		font-style: italic;
		color: #ec808d;
		text-align: left;
		line-height: normal;
		margin-left: 15px;
		margin-top: 15px;
	}

	.modal .modal-content .input_modal .continue_btn p {
		font-size: 16px;
		font-weight: bold;
		font-family: scandia-web, sans-serif;
		letter-spacing: 0;
		line-height: 1.06em;
	}

	.modal .modal-content .modal_divider {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.modal .modal-content .modal_foot {
		margin: 0;
		width: 100%;
	}

	.modal .modal-content .error {
		width: 100%;
		justify-content: left;
		margin-top: 20px;
		margin-left: 20px;
	}
}

@media screen and (max-width: 600px) {
	.modal .modal-content .modal-body {
		padding: 0;
		margin-top: 10px;
	}
}

/* / Modal */

.home-intro {
	display: flex;
}

.home-intro a {
	background-color: #ffffff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	flex-grow: 1;
	margin: 0px 2px;
	padding: 70px 60px 40px 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 10px;
	transition: background 0.3s linear;
}

.home-intro a h2 {
	margin-left: 100px;
	font-size: 12em;
	letter-spacing: -1px;
	color: #ff7442;
	line-height: 1em;
}

.home-intro a:nth-of-type(2) h2 {
	color: #0f328c;
}

.home-intro a:hover,
.home-intro a.over {
	color: #fff;
	background: #ff7442;
}

.home-intro a:nth-of-type(2):hover,
.home-intro a:nth-of-type(2).over {
	background: #0f328c;
}

.home-intro a:hover h2,
.home-intro a.over h2 {
	color: #fff;
}

.home-intro a h3 {
	margin-left: 100px;
	margin-top: 50px;
	font-size: 2.6em;
	line-height: 1.6em;
}

.home-intro a h3 span {
	font-size: 17px;
	line-height: 1.2em;
	display: block;
}

.home-intro ul {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	flex-wrap: wrap;
}

.home-intro ul li {
	max-width: calc((100% - 100px) / 3);
	flex-grow: 1;
	font-size: 13px;
	line-height: 1.3em;
}

.home-intro .icon {
	margin-bottom: 16px;
}

.home-intro a .icon {
	color: #ff7442;
	font-size: 33px;
}

.home-intro a:nth-of-type(2) .icon {
	color: #0f328c;
}

.home-intro a:hover .icon,
.home-intro a.over .icon {
	color: #fff;
}

.home-intro a .button {
	display: none;
}

.home-intro .icon.icon-quality:before {
	content: '\e80a';
}

.home-intro .icon.icon-tree:before {
	content: '\e80d';
}

.home-intro .icon.icon-star:before {
	content: '\e80b';
}

.home-intro .icon.icon-app:before {
	content: '\e81e';
}

.home-intro .icon.icon-retail:before {
	content: '\e80f';
}

.home-intro .icon.icon-bill:before {
	content: '\e80e';
}

.button-orange {
	border: 2px solid #ff5b00;
	color: #ff5b00;
}

.home-intro .button {
	padding-left: 50px;
	padding-right: 50px;
}

@media screen and (max-width: 1200px) {
	.home-intro a {
		font-size: calc(100vw / 120);
	}

	.home-intro a h2,
	.home-intro a h3 {
		margin-left: 0px;
	}

	.home-intro ul li {
		max-width: calc((100% - 50px) / 3);
	}
}

@media screen and (max-width: 992px) {
	.home-intro ul {
		margin-top: 30px;
		flex-direction: column;
	}

	.nav .pay_now_btn {
		width: 126px;
		right: 13% !important;
	}

	.home-intro ul li {
		max-width: 250px;
		padding-left: 45px;
		padding-bottom: 20px;
	}

	.home-intro a .icon {
		margin-bottom: 0;
		font-size: 30px;
		position: absolute;
		top: 0px;
		left: 0;
	}

	.home-intro a h3 {
		margin-top: 10px;
	}
}

@media screen and (max-width: 768px) {
	.home-intro a {
		padding: 40px 20px 20px 20px;
	}
}

@media screen and (max-width: 600px) {
	.home-intro {
		flex-direction: column;
	}

	.home-intro a h2 {
		font-size: 100px;
	}

	.home-intro a h3 {
		font-size: 24px;
		line-height: 1.2em;
	}

	.home-intro a h3 span {
		font-size: 17px;
	}

	.home-intro a .button {
		display: inline-flex;
		width: fit-content;
		margin-bottom: 10px;
	}

	.home-intro a.over .button {
		width: auto;
		color: #fff;
		border-color: #ff5417;
		background: #ff5417;
	}

	.home-intro a:nth-of-type(2).over .button {
		border-color: #2a54c0;
		background: #2a54c0;
	}
}

@media screen and (max-width: 576px) {
	.home-intro a h2 {
		font-size: 90px;
	}

	.home-intro a h3 br {
		display: none;
	}

	.home-intro a:hover {
		color: initial;
		background: initial;
	}

	.home-intro a:nth-of-type(2):hover {
		background: initial;
	}

	.home-intro a:hover h2 {
		color: initial;
	}

	.home-intro a:hover .icon {
		color: initial;
	}
}

.home-what-payat {
	z-index: 1;
}

.home-what-payat .main-inner {
	display: flex;
	padding-top: 120px;
	background: url(../images/home-about-pattern-background.webp) right top no-repeat;
	background-size: 268px 268px;
	z-index: 1;
}

.home-what-payat .main-inner>div {
	margin-right: 50px;
}

.home-what-payat .main-inner>div:nth-of-type(2) {
	width: 100%;
	max-width: 40%;
	margin-right: 85px;
	background: url(../images/home-about-pattern-background.webp) left bottom no-repeat;
	background-size: 134px 134px;
}

.home-what-payat .main-inner>div:nth-of-type(2) .carousel {
	width: 100%;
	height: auto;
	background: #ff7442;
	border-radius: 100%;
	overflow: hidden;
}

.home-what-payat .main-inner>div:nth-of-type(2) .carousel img {
	display: inline-block;
}

.slick-slide div {
	line-height: 0em;
}

.home-what-payat p {
	margin-bottom: 30px;
	max-width: 320px;
}

.home-what-payat p:last-of-type {
	margin-bottom: 80px;
}

.home-what-payat span strong {
	margin-bottom: 30px;
	display: block;
	font-size: 26px;
}

.home-what-payat h2 {
	margin-bottom: 40px;
	font-size: 56px;
	line-height: 1.1em;
}

.carousel .slick-list {
	padding: 0px !important;
}

.carousel .slick-dots {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	margin: 0px;
	padding: 0px;
}

.carousel .slick-dots button {
	display: none;
}

.carousel .slick-dots li {
	width: 18px;
	height: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.carousel .slick-dots li:before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #e1e2e5;
}

.carousel .slick-dots li.slick-active:before {
	background: #0f328c;
}

@media screen and (max-width: 992px) {
	.home-what-payat h2 {
		font-size: 48px;
	}
}

@media screen and (max-width: 768px) {
	.home-what-payat .main-inner {
		flex-direction: column;
		padding-top: 60px;
		background: none;
	}

	.home-what-payat .main-inner>div:nth-of-type(2) {
		max-width: none;
		width: calc(100% + 40px);
		margin: 20px -20px 0px -20px;
		padding: 20px;
		background-position: right top;
	}

	.home-what-payat p {
		max-width: none;
	}

	.home-what-payat p:last-of-type {
		margin-bottom: 20px;
	}

	.home-what-payat h2 {
		margin-bottom: 20px;
	}

	.home-what-payat span strong {
		margin-bottom: 10px;
	}

	.home-what-payat .main-inner>div {
		margin-right: 0px;
	}
}

.home-why-payat {
	background: #2a54c0;
	padding-top: 120px;
	padding-bottom: 120px;
	margin-top: 80px;
	color: #fff;
	z-index: 1;
	overflow: hidden;
}

.home-why-payat .main-inner .row {
	display: flex;
	justify-content: space-between;
}

.home-why-payat .main-inner .row>div {
	flex-grow: 1;
	flex: 0 0 45%;
}

.home-why-payat .main-inner .row:nth-of-type(1)>div:nth-of-type(2) {
	padding-top: 190px;
	position: relative;
}

.home-why-payat .main-inner .row:nth-of-type(1)>div:nth-of-type(2):before {
	content: '';
	width: 1000px;
	height: 200px;
	pointer-events: none;
	background: url(../images/home-why-dots.webp) left top no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

.payment-method-logos p {
	margin-bottom: 30px !important;
}

.home-why-payat p {
	margin-bottom: 30px;
}

.home-why-payat span strong {
	margin-bottom: 30px;
	display: block;
	font-size: 26px;
}

.home-why-payat h2 {
	margin-bottom: 40px;
	font-size: 56px;
	line-height: 1.1em;
	letter-spacing: -0.5px;
}

.home-why-payat .icon.icon-trader:before {
	position: absolute;
	left: -37px;
	content: '\e80c';
	font-size: 33px;
}

.home-why-payat .icon-trader,
.home-why-payat .icon-retailer {
	margin-left: 40px;
	display: block;
}

.home-why-payat .icon.icon-retailer:before {
	position: absolute;
	left: -37px;
	content: '\e80f';
	font-size: 33px;
}

.home-why-payat ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.home-why-payat ul li,
.figures ul li {
	padding-bottom: 40px;
}

.home-why-payat ul li:nth-of-type(1) {
	padding-right: 30px;
}

.home-why-payat ul li strong,
.figures ul li strong {
	font-size: 80px;
	display: block;
	color: #98cfff;
	margin-bottom: 10px;
	line-height: 1em;
}

.home-why-payat ul li span,
.figures ul li span {
	font-size: 28px;
	line-height: 1.2em;
}

.home-why-payat ul li span i,
.figures ul li span {
	margin-right: 10px;
}

.home-why-payat .main-inner .row:nth-of-type(1)>div:nth-of-type(2) p {
	font-size: 20px;
}

.home-why-payat .main-inner .row:nth-of-type(2)>div p {
	font-size: 28px;
	font-weight: 500;
}

.home-why-payat .main-inner .row:nth-of-type(2) {
	margin-top: 90px;
}

.home-why-payat .main-inner .row img {
	width: 520px;
}

.see-where-link p {
	display: none;
}

.see-where-link a {
	z-index: 20;
}

@media screen and (max-width: 992px) {
	.home-why-payat .main-inner .row {
		flex-direction: column;
	}

	.home-why-payat .main-inner .row:nth-of-type(1)>div:nth-of-type(2) {
		padding-top: 0px;
	}

	.home-why-payat .main-inner .row:nth-of-type(1)>div:nth-of-type(2):before {
		display: none;
	}

	.home-why-payat ul {
		justify-content: flex-start;
	}

	.home-why-payat h2 {
		font-size: 48px;
	}

	.payment-method-logos {
		margin-bottom: 48px;
	}

	.home-why-payat .main-inner .row:nth-of-type(2) {
		margin-top: 40px;
	}

	.why-payat-stats {
		display: flex;
		flex-direction: column-reverse;
	}

	.why-payat-stats a {
		display: inline-flex;
		max-width: 150px;
	}

	.see-where-link p {
		display: block;
		font-size: 20px;
		letter-spacing: 0;
		line-height: 24px;
		font-weight: 400 !important;
		margin-bottom: 24px;
	}

	.see-where-link {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 768px) {
	.home-why-payat {
		margin-top: 40px;
	}

	.home-why-payat {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.home-why-payat span strong {
		margin-bottom: 10px;
	}

	.home-why-payat p strong {
		font-weight: 400;
	}

	.home-why-payat .row>div:first-of-type p:first-of-type {
		margin-bottom: 0px;
	}

	.home-why-payat h2 {
		margin-bottom: 20px;
	}

	.home-why-payat .main-inner .row:nth-of-type(1)>div:nth-of-type(2) p {
		font-weight: 400;
	}
}

@media screen and (max-width: 576px) {
	.home-why-payat ul li {
		width: 100%;
	}

	.home-why-payat ul:before {
		content: '';
		width: 40%;
		height: 200px;
		pointer-events: none;
		background: url(../images/home-why-background-mobile.webp) right top no-repeat;
		position: absolute;
		right: 0;
		top: calc(100% - 136px);
		background-size: 100% auto;
	}

	.retail-logos p,
	.payment-method-logos p {
		max-width: 320px;
	}

	.home-why-payat ul li span br {
		display: none;
	}

	.home-why-payat ul li:last-child {
		padding-bottom: 0px;
	}
}

.home-testimonials {
	padding: 80px 0px;
}

.home-testimonials .main-inner {
	display: flex;
}

.home-testimonials .main-inner>div {
	flex-grow: 1;
}

.home-testimonials .main-inner>div:nth-of-type(1) {
	flex: 0 0 320px;
	margin-right: 80px;
	align-self: flex-end;
	pointer-events: none;
}

.home-testimonials .main-inner>div:nth-of-type(2) {
	overflow: hidden;
}

.home-testimonials .carousel {
	width: 100%;
	position: relative;
	height: 100%;
}

.home-testimonials .testimonial {
	width: 400px;
	height: 400px;
	border-radius: 400px;
	background: #fff;
	padding: 0px 48px 0px 48px;
	text-align: center;
	line-height: 1.2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.home-testimonials .testimonial * {
	position: relative;
	z-index: 2;
}

.home-testimonials .testimonial:before {
	content: '\e806';
	font-family: 'payat-icons';
	position: absolute;
	left: 14px;
	top: 11px;
	background: #fff;
	width: 92px;
	height: 92px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ff7442;
	font-size: 46px;
	z-index: 1;
}

.home-testimonials .testimonial p {
	color: #676c7d;
	font-size: 14px;
	line-height: 1.4em;
}

.home-testimonials .testimonial author {
	font-size: 26px;
	display: block;
	margin: 10px 0px;
}

.home-testimonials .testimonial span strong {
	font-size: 16px;
	display: block;
	line-height: 1.1em;
}

.home-testimonials .testimonial span {
	font-size: 13px;
	line-height: 1.1em;
}

.home-testimonials .carousel .slick-slide {
	opacity: 0;
	transition: opacity 0.3s linear;
}

.home-testimonials .carousel .slick-slide.slick-active {
	opacity: 1;
}

.home-testimonials .carousel .slick-slide>div {
	padding: 0px 20px;
}

.home-testimonials .carousel .slick-dots li.slick-active:before {
	opacity: 1;
	background: #ff7442;
}

.home-testimonials .carousel .slick-slide:nth-of-type(2n + 2) .testimonial {
	float: right;
}

@media screen and (max-width: 1380px) {
	.home-testimonials .main-inner>div:nth-of-type(1) {
		flex: 0 0 200px;
		margin-right: 40px;
	}
}

@media screen and (max-width: 1200px) {
	.home-testimonials .main-inner>div:nth-of-type(2) {
		margin-left: 150px;
	}

	.home-testimonials .main-inner>div:nth-of-type(1) {
		position: absolute;
		left: 20px;
		bottom: 0px;
		width: 200px;
	}
}

@media screen and (max-width: 1120px) {
	.home-testimonials .main-inner>div:nth-of-type(1) {
		position: relative;
		flex: 0 0 33%;
	}

	.home-testimonials .main-inner>div:nth-of-type(2) {
		margin-left: 50px;
		flex: 0 0 400px;
	}

	.home-testimonials .carousel .slick-slide:nth-of-type(2n + 2) .testimonial {
		float: none;
	}

	.home-testimonials .carousel .slick-slide>div {
		padding: 0px;
	}
}

@media screen and (max-width: 768px) {
	.home-testimonials .main-inner {
		display: block;
	}

	.home-testimonials .main-inner>div:nth-of-type(1) {
		position: absolute;
		left: 50%;
		bottom: 40px;
		width: 160px;
		transform: translateX(-160px);
		z-index: 11;
	}

	.home-testimonials .main-inner>div:nth-of-type(2) {
		margin-left: 0;
		margin-right: 0;
		width: 400px;
		left: 50%;
		transform: translateX(-50%);
	}

	.home-testimonials {
		padding: 60px 0 0px 0;
	}

	.home-testimonials .carousel {
		height: 600px;
	}

	.home-testimonials .carousel .slick-dots {
		bottom: 36px;
		left: auto;
		right: 0px;
		transform: none;
	}

	.home-testimonials {
		overflow: hidden;
	}
}

@media screen and (max-width: 420px) {
	.home-testimonials .carousel .slick-dots {
		left: calc(100% - ((100% - 100vw) / 2) - 20px);
		right: auto;
		transform: translateX(-100%);
	}

	.nav .pay_now_btn {
		width: 146px;
		right: 20% !important;
	}
}

.newsletter-and-link-support {
	background-color: #0f328c;
	z-index: -1;
}

.newsletter-and-support-content {
	display: flex;
}

.newsletter-and-support-content div {
	width: 50%;
	padding: 60px 50px 56px 00px;
}

.newsletter-and-support-content div span {
	display: flex;
	align-items: flex-end;
}

.newsletter-and-support-content div h3 {
	color: #fff;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 10px;
}

.newsletter-and-support-content div h4 {
	color: #fff;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 1.23em;
	font-weight: 400;
}

.have-any-question {
	border-right: 4px solid #fff;
}

.have-any-question::before {
	content: '';
	position: absolute;
	width: 147px;
	height: 147px;
	background: url(../images/questions-pattern.svg);
	top: 0;
	right: 211px;
	z-index: -1;
}

.have-any-question a {
	margin-left: 30px;
}

.newsletter-and-support-content .home-page-newsletter {
	padding-left: 80px;
	padding-right: 0px;
}

.newsletter-and-support-content .home-page-newsletter form {
	display: flex;
	align-items: flex-start;
}

.newsletter-and-support-content .home-page-newsletter form input {
	cursor: none;
	background-color: #0f328c;
	border: none;
	border-bottom: 2px solid #fff;
	color: #fff;
	padding-bottom: 14px;
	width: 241px;
	font-family: scandia-web, sans-serif;
}

.form-newsletter input.error,
.newsletter-and-support-content .home-page-newsletter form input.error {
	border-bottom: 2px solid #ff5417;
}

.form-newsletter p.validation {
	font-size: 13px;
	color: #ff5417;
}

.newsletter-and-support-content .home-page-newsletter form input:focus {
	outline: none;
}

.newsletter-and-support-content .home-page-newsletter form input:first-child {
	margin-right: 20px;
}

.newsletter-and-support-content .home-page-newsletter form input::placeholder {
	color: #fff;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 16px;
}

.newsletter-and-support-content .home-page-newsletter form button {
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-color: #0f328c;
	border: 2px solid #fff;
	border-radius: 50vh;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-top: 3px;
	padding-left: 7px;
}

.newsletter-and-support-content .home-page-newsletter form button:before {
	content: url(../images/icon-arrow-forward-white.svg);
}

.newsletter-and-support-content .home-page-newsletter form span {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	height: 40px;
}

.newsletter-span-flex {
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: flex-end !important;
}

.thankyou {
	padding: 20px 0px 20px 0px !important;
}

@media screen and (max-width: 1350px) {
	.newsletter-and-support-content .home-page-newsletter form {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 1250px) {
	.newsletter-and-support-content .home-page-newsletter form {
		flex-direction: column;
	}

	.newsletter-and-support-content .home-page-newsletter form span {
		margin-right: 0px;
		margin-top: 22px;
	}
}

@media screen and (max-width: 992px) {
	.newsletter-and-support-content div.have-any-question span {
		height: calc(100% - 36px);
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}

	.have-any-question a {
		margin-left: 0px;
	}

	.have-questions-headline {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 880px) {
	.home-page-newsletter {
		max-width: 380px;
	}

	.newsletter-and-link-support .main-inner {
		padding-right: 20px;
	}

	.newsletter-and-support-content .home-page-newsletter form input:first-child {
		margin-right: 0px;
	}
}

@media screen and (max-width: 768px) {
	.newsletter-and-support-content {
		flex-direction: column;
	}

	.newsletter-and-support-content .home-page-newsletter {
		padding-left: 0px;
		padding-right: 0px;
	}

	.have-any-question {
		border-right: 0px;
		border-bottom: 4px solid #fff;
	}

	.newsletter-and-support-content div {
		width: 100%;
	}

	.newsletter-and-support-content .home-page-newsletter form input {
		width: calc(100% - 58px);
	}

	.have-any-question::before {
		top: 0;
		right: 20px;
	}

	.home-page-newsletter {
		max-width: none;
	}

	.newsletter-and-support-content .home-page-newsletter form input:first-child {
		margin-right: 20px;
	}

	.home-page-newsletter .form-newsletter input[name='name'] {
		width: calc(100% - 60px) !important;
	}

	.newsletter-and-link-support .main-inner {
		padding-right: 0px;
		padding-left: 0px;
	}

	.newsletter-and-support-content div,
	.newsletter-and-support-content .home-page-newsletter {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.homepage-articles-headline a {
	padding-right: 0px;
}

@media screen and (max-width: 1380px) {
	.homepage-articles .main-inner {
		padding-right: 0px;
	}
}

@media screen and (max-width: 768px) {
	.homepage-articles-headline a {
		padding-right: 20px;
	}

	.newsletter-and-support-content .home-page-newsletter form span {
		width: 100%;
	}

	.newsletter-and-support-content .home-page-newsletter form span input {
		width: calc(100% - 20px);
	}
}

@media screen and (max-width: 450px) {
	.newsletter-and-support-content div {
		padding: 24px 20px 24px 20px;
	}

	.newsletter-and-support-content .home-page-newsletter {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

/* For Business =============== */

.iconbox ul {
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
	flex-wrap: wrap;
}

.iconbox ul li {
	max-width: calc((100% - 100px) / 3);
	flex-grow: 1;
	font-size: 13px;
	line-height: 1.3em;
}

.iconbox .icon {
	margin-bottom: 10px;
	color: #ff7442;
	font-size: 33px;
	line-height: 1em;
}

.iconbox .icon.icon-payments:before {
	content: '\e811';
}

.iconbox .icon.icon-card:before {
	content: '\e810';
}

.iconbox .icon.icon-shield:before {
	content: '\e803';
}

.iconbox .icon.icon-bill:before {
	content: '\e80e';
}

.figures ul li strong {
	color: #ff7442;
}

.sub-intro {
	background: #f3f5f9;
	min-height: 300px;
	color: #fff;
	overflow: hidden;
}

.sub-intro .main-inner {
	display: flex;
}

.sub-intro.intro-business {
	background: #ff7442;
}

/* .sub-intro.attach-cursor * {
	z-index: 5;
} */

.sub-intro.attach-cursor .dot {
	z-index: 6;
	background: #ff5b00;
}

.sub-intro.intro-business .button-white:hover {
	color: #ff5b00;
}

.sub-intro label {
	display: block;
	font-size: 26px;
	line-height: 1em;
	margin-bottom: 8px;
}

.sub-intro .content {
	padding-top: 60px;
	flex: 0 0 825px;
}

.sub-intro h1 {
	font-size: 90px;
	line-height: 1.1em;
	letter-spacing: -1px;
	margin-top: 32px;
}

.sub-intro p {
	margin-bottom: 25px;
	max-width: 630px;
}

.sub-intro p strong {
	font-size: 20px;
}

.sub-intro h1 span {
	color: #ff5b00;
}

.sub-intro .animation {
	position: absolute;
	width: 440px;
	top: 60px;
	right: 0px;
	z-index: inherit;
}

@media screen and (max-width: 1440px) {

	.sub-intro.intro-business .animation img,
	#business-1-holder {
		top: 200px;
		right: -20px;
		height: 50%;
		transform: translateY(-50%);
		width: auto;
	}
}

@media screen and (max-width: 1200px) {
	.sub-intro .content {
		flex: 0 0 65%;
	}

	.animation {
		width: 80%;
	}

	.sub-intro.intro-business .animation img,
	#business-1-holder {
		top: 150px;
		right: 15px;
		height: 15%;
		transform: translateY(-50%);
		width: auto;
	}

	.sub-intro h1 {
		font-size: 56px;
	}

	.sub-intro.intro-business .animation img {
		top: auto;
		bottom: 0px;
		right: -80px;
		height: auto;
		width: 140%;
		transform: none;
	}
}

@media screen and (max-width: 1024px) {

	.sub-intro.intro-business .animation img,
	#business-1-holder {
		top: 180px;
		right: -23px;
		height: 22%;
		transform: translateY(-110%);
		width: auto;
	}
}

@media screen and (max-width: 768px) {
	.sub-intro .main-inner {
		flex-direction: column;
	}

	.sub-intro .content {
		flex: 1;
	}

	.sub-intro .animation img,
	.sub-intro.attach-cursor .animation img,
	#business-1-holder {
		position: relative;
		width: 100%;
		right: 0px;
		transform: none;
	}
}

@media screen and (max-width: 576px) {
	.sub-intro .content {
		padding: 20px 0px 40px 0px;
	}

	.sub-intro h1 {
		margin-bottom: 10px;
		margin-top: 0px;
	}

	.sub-intro p:nth-of-type(1) {
		margin-bottom: 15px;
	}
}

.sub-split {
	overflow: hidden;
}

.sub-split .main-inner {
	display: flex;
	justify-content: space-between;
}

.sub-split .main-inner>div {
	flex: 1;
}

.sub-split .main-inner>div:nth-of-type(1) {
	max-width: 515px;
}

.sub-split .main-inner h2 {
	margin-bottom: 20px;
}

.sub-split .main-inner p {
	margin-bottom: 24px;
}

.sub-split .main-inner>div:nth-of-type(1) a {
	margin-bottom: 30px;
}

.sub-split .main-inner p:last-of-type {
	margin-bottom: 40px;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 400;
}

.sub-split .main-inner>div:nth-of-type(2) {
	max-width: 50%;
	margin-left: 60px;
}

.sub-split .dots {
	padding-bottom: 180px;
}

.sub-split .dots:after {
	content: '';
	background: url('../images/business-dots.svg') left top no-repeat;
	width: 669px;
	height: 154px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.sub-split .main-inner>strong {
	font-size: 23px;
	letter-spacing: 0;
	margin-bottom: 24px;
}

.sub-split .main-inner.figures>div {
	flex: auto;
}

.split-business-footprint .iconbox ul {
	flex-wrap: wrap;
}

.split-business-footprint .iconbox ul li {
	max-width: none;
	flex: 0 0 50%;
	margin-bottom: 30px;
	padding-right: 10px;
}

.sub-split.split-business-footprint .main-inner:nth-of-type(1)>div:nth-of-type(1) {
	flex: 0 0 515px;
}

.split-business-footprint {
	background: #fff;
}

.split-business-footprint.sub-split .main-inner>div:nth-of-type(1) p:nth-of-type(1) {
	font-size: 20px;
}

.main-inner.figures {
	flex-wrap: wrap;
}

.payment-footprint-stats {
	display: flex;
	flex-wrap: wrap;
}

.payment-footprint-stats div:first-child {
	margin-right: 80px;
}

@media screen and (max-width: 1050px) {
	.sub-split .main-inner.figures>div:nth-of-type(2) {
		display: none;
	}

	.main-inner.figures {
		flex-direction: column;
	}
}

@media screen and (max-width: 992px) {
	.split-business-footprint .iconbox ul li {
		flex: 0 0 100%;
	}

	.split-business-footprint .iconbox ul li br {
		display: none;
	}

	.sub-split .dots {
		padding-bottom: 0px;
	}

	.sub-split .dots:after {
		display: none;
	}

	.sub-split .main-inner.figures:after {
		content: '';
		background: url('../images/business-dots.svg') left top no-repeat;
		width: 669px;
		height: 154px;
		position: absolute;
		top: -50px;
		left: 65%;
	}

	.sub-split .main-inner.figures>div:nth-of-type(1) {
		flex: 0 0 100%;
		max-width: none;
	}

	.sub-split.split-business-footprint .main-inner:nth-of-type(1)>div:nth-of-type(1) {
		flex: 0 0 60%;
	}
}

@media screen and (max-width: 768px) {
	.sub-split.split-business-footprint .main-inner:nth-of-type(1) {
		flex-direction: column;
	}

	.sub-split .main-inner>div:nth-of-type(2) {
		max-width: none;
		margin-left: 0px;
	}

	.split-business-footprint .iconbox ul li {
		flex: 0 0 50%;
		padding-right: 30px;
	}

	.split-business-footprint .iconbox ul li br {
		display: block;
	}

	.iconbox ul {
		margin-top: 20px;
	}
}

@media screen and (max-width: 576px) {
	.sub-split .main-inner.figures:after {
		top: auto;
		bottom: -20px;
		left: calc(100% - 95px);
	}
}

.split-business-integrate {
	padding: 120px 0px 0px 0px;
}

.split-business-integrate h2 {
	line-height: 1em;
}

.split-business-integrate h2:before {
	content: '';
	width: 192px;
	height: 192px;
	border-radius: 200px;
	background: #ffc4a0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 150px;
	z-index: 0;
}

.split-business-integrate h3 {
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 1em;
	font-weight: 500;
	text-transform: capitalize;
}

.split-business-integrate h3 br {
	display: none;
}

.split-business-integrate h3.bus-integrate-header-pattern::after {
	content: url(../images/img-business-integrate-pattern.svg);
	position: absolute;
	right: -20px;
	top: -40px;
	display: none;
}

.split-business-integrate h3 strong {
	font-size: 120px;
	color: #0f328c;
	line-height: 1em;
}

.sub-split.split-business-integrate .main-inner>div:nth-of-type(1) h2 {
	margin-bottom: 30px;
}

.split-business-integrate {
	background: url('../images/business-integrate-dots.webp') left calc((100vw - 1440px) / 2) bottom 40px no-repeat;
}

.sub-split.split-business-integrate .main-inner>div:nth-of-type(1) {
	max-width: 540px;
}

.split-business-integrate .main-inner:nth-of-type(2)>div:nth-of-type(1) {
	padding-bottom: 310px;
}

.split-business-integrate .main-inner:nth-of-type(2)>div:nth-of-type(2) p {
	max-width: 560px;
	margin-bottom: 40px;
}

.split-business-integrate img,
#business-2-holder {
	margin-top: 60px;
	margin-left: 50px;
}

@media screen and (max-width: 1440px) {
	.split-business-integrate {
		min-height: 100px;
		background-position: left 40px bottom 40px;
	}
}

@media screen and (max-width: 1100px) {
	.split-business-integrate h3 strong {
		display: block;
	}
}

@media screen and (max-width: 992px) {
	.split-business-integrate h2:before {
		width: 138px;
		height: 138px;
	}
}

@media screen and (max-width: 768px) {
	.split-business-integrate h2 {
		max-width: 300px;
	}

	.split-business-integrate h2:before {
		width: 138px;
		height: 138px;
		right: auto;
		left: 20px;
	}

	.sub-split.split-business-integrate .main-inner {
		flex-direction: column;
	}

	.sub-split.split-business-integrate .main-inner>div:nth-of-type(1) {
		max-width: none;
	}

	.split-business-integrate .main-inner:nth-of-type(2)>div:nth-of-type(1) {
		padding-bottom: 0px;
	}

	.split-business-integrate img,
	#business-2-holder {
		margin-top: 40px;
		margin-left: 0;
		margin-bottom: 40px;
	}

	.figures ul li strong {
		font-size: 70px;
	}

	.figures ul li span br {
		display: none;
	}

	.split-business-integrate img,
	#business-2-holder {
		margin-left: 10%;
		width: 80%;
	}

	.split-business-integrate {
		background: none;
	}
}

@media screen and (max-width: 600px) {
	.split-business-integrate h3 br {
		display: initial;
	}

	.split-business-integrate h3.bus-integrate-header-pattern::after {
		display: initial;
	}
}

@media screen and (max-width: 576px) {
	.split-business-integrate {
		padding: 60px 0px 0px 0px;
	}
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.sub-split.network {
	padding: 80px 0px 120px 0px;
	background: #fff;
	overflow: unset !important;
	height: 3000px;
}

.sub-split.network .main-inner {
	top: 80px;
}

.sub-split.network .main-inner>div:nth-of-type(2) {
	max-width: 560px;
}

.sub-split.network .main-inner>div:nth-of-type(2) img {
	margin-top: 60px;
}

.network .logos:after {
	content: '';
	width: 640px;
	height: 640px;
	border-radius: 640px;
	background: #f3f5f9;
	position: absolute;
	left: calc(50% - 10px);
	transform: translateX(-50%);
	top: 40px;
}

.sub-split.network h2 {
	margin-top: 40px;
}

.sub-split.network .main-inner>div.logos {
	min-height: 640px;
	flex: 0 0 550px;
	max-width: none;
}

.network .logos .logoHolder {
	position: absolute;
	left: 0;
	top: 0;
}

.network .logos .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	transition: opacity 0.3s linear;
	min-width: 120px;
}

.network .logos .logo.off {
	opacity: 0.2;
}

.network .descriptor {
	width: calc(200% - 20px);
	height: 260px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	color: #fff;
	font-size: 28px;
	padding: 60px;
	transition: opacity 0.3s linear;
}

.network.business-network .logos .descriptor {
	background: #ff7442;
}

.network .descriptor.off {
	opacity: 0.4;
}

.network .descriptor:before {
	font-family: 'payat-icons';
	font-size: 40px;
	margin-bottom: 5px;
}

@media screen and (max-width: 450px) {
	.network .descriptor:before {
		font-size: 20px;
	}
}

.network .logos .holder-retail {
	display: flex;
}

.network .logos li {
	padding-right: 20px;
}

.network .logos .holder-retail li:nth-of-type(1) {
	padding-top: 120px;
}

.network .logos .holder-retail li:nth-of-type(2) {
	padding-top: 90px;
}

.network .logos .holder-retail li:nth-of-type(3) {
	padding-top: 0px;
}

.network .logos .holder-retail li:nth-of-type(3) .logo:nth-of-type(2) {
	margin-bottom: 330px;
}

.network .logos .holder-retail li:nth-of-type(3) .descriptor {
	left: 0px;
	top: 140px;
}

.network .logos .holder-retail li:nth-of-type(3) .descriptor:before {
	content: '\e80f';
}

.network .logos .holder-retail li:nth-of-type(4) {
	padding-top: 420px;
}

.network .logos .holder-banking li:nth-of-type(1) {
	padding-top: 0px;
}

.network .logos .holder-banking li:nth-of-type(2) .descriptor {
	left: 0px;
	top: 60px;
	background-color: #ff9c66;
}

.consumers-network .main-inner .logos .logoHolder .holder-banking li:nth-of-type(2) .descriptor {
	background-color: #2a54c0;
}

.network .logos .holder-banking li:nth-of-type(2) .descriptor:before {
	content: '\e811';
}

.network .logos .holder-banking li:nth-of-type(2) {
	padding-top: 360px;
}

.network .logos .holder-banking li:nth-of-type(3) {
	padding-top: 340px;
}

.network .logos .holder-banking li:nth-of-type(4) {
	padding-top: 90px;
}

.network .logos .holder-banking {
	display: flex;
}

@media screen and (max-width: 1200px) {
	.sub-split.network h2 {
		font-size: 48px;
		line-height: 1em;
	}
}

@media screen and (max-width: 1000px) {
	.sub-split.network .main-inner>div.logos {
		flex: 0 0 50%;
	}

	.network .descriptor {
		height: 190px;
		padding: 30px;
	}

	.network .logos .holder-retail li:nth-of-type(3) .logo:nth-of-type(2) {
		margin-bottom: 260px;
	}

	.network .logos .holder-retail li:nth-of-type(4) {
		padding-top: 350px;
	}
}

@media screen and (max-width: 900px) {
	.split-business-integrate h3 strong {
		display: none;
	}

	.split-business-integrate h3 {
		margin-top: 30px;
	}

	.sub-split.network {
		height: auto;
		overflow: hidden !important;
	}

	.sub-split.network .main-inner {
		flex-direction: column-reverse;
	}

	.sub-split.network .main-inner.sticky {
		position: -webkit-relative;
		position: relative;
		top: 0;
	}

	.network .logos .logoHolder {
		position: relative;
	}

	.network .logos ul {
		justify-content: center;
	}

	.network .logos:after {
		content: '';
		width: calc(100vw);
		height: calc(100vw);
		left: 50%;
	}

	.network .logos .logo {
		margin-bottom: 10px;
	}

	.network .logos li {
		padding-right: 5px;
		padding-left: 5px;
	}

	.sub-split.network .main-inner>div:nth-of-type(2) img {
		display: none;
	}

	.sub-split.network {
		padding: 20px 0px 60px 0px;
	}

	.network .descriptor {
		font-size: 17px;
		left: 5px !important;
		width: calc(200% - 10px) !important;
	}
}

@media screen and (max-width: 600px) {
	.sub-split.network .main-inner>div:nth-of-type(2) {
		max-width: 100%;
	}

	.sub-split.network h2 {
		
		padding-right: 100px;
		margin-right: -20px;
	}
}

@media screen and (max-width: 400px) {
	.sub-split.network h2 {
		padding-right: 20px;
		background-position: right 5px bottom 20px;
	}
}

.business-cost {
	background: #ff5417;
	color: #fff;
	padding: 0px;
}

.business-cost p:nth-of-type(1) {
	font-size: 28px;
	line-height: 30px;
}

.business-cost .main-inner {
	justify-content: flex-end;
}

.business-cost .main-inner>div {
	padding: 80px 0px;
}

.business-cost .main-inner>div:nth-of-type(1) {
	flex: 1;
	padding-right: 0px;
	max-width: 460px;
}

.business-cost .main-inner>div:nth-of-type(2) {
	max-width: 500px;
	margin-left: 80px;
	margin-right: 60px;
}

.business-cost .button:hover {
	color: #ff5417;
}

.business-cost .attach-cursor>div:nth-of-type(2) {
	z-index: 10;
}

.business-cost:before {
	content: '';
	background: #ff7442;
	width: 940px;
	height: 100%;
	position: absolute;
	right: calc((100vw - 1440px) / 2);
	top: 0px;
	z-index: 0;
}

.business-cost:after {
	content: '';
	background: #ff7442;
	width: 365px;
	height: 300px;
	position: absolute;
	left: calc((100vw - 1440px) / 2);
	bottom: 0px;
	z-index: 0;
}

@media screen and (max-width: 1440px) {
	.business-cost:before {
		right: 0px;
		width: 65%;
	}

	.business-cost:after {
		left: 0px;
		width: 25%;
	}
}

@media screen and (max-width: 900px) {
	.business-cost .main-inner>div:nth-of-type(2) {
		margin-left: 30px;
		margin-right: 0px;
	}
}

@media screen and (max-width: 768px) {
	.business-cost .main-inner {
		flex-direction: column-reverse;
	}

	.business-cost:before {
		display: none;
	}

	.business-cost:after {
		width: 50%;
		left: auto;
		right: 0px;
		height: 200px;
	}

	.business-cost .main-inner>div:nth-of-type(2):before {
		content: '';
		background: #ff7442;
		width: calc(100% + 40px);
		height: 100%;
		position: absolute;
		top: 0px;
		left: -20px;
	}

	.business-cost .main-inner>div:nth-of-type(2) {
		margin-left: 0px;
		margin-right: 0px;
	}

	.business-cost .main-inner>div {
		max-width: none !important;
	}

	.business-cost .main-inner>div:nth-of-type(1) {
		padding-right: 0;
		padding-top: 0px;
		margin-top: -20px;
		z-index: 2 !important;
	}

	.business-cost .attach-cursor>div:nth-of-type(2) {
		z-index: 0;
	}

	.business-cost .temp-illustration {
		max-width: none;
	}

	.business-cost img {
		width: 100%;
	}
}

.big-title {
	background: #fff;
	padding: 80px 0px 120px 0px;
	text-align: center;
	font-size: 10px;
}

.big-title.attach-cursor * {
	z-index: 10;
}

.big-title.attach-cursor .dot {
	z-index: 1;
}

.big-title h3 {
	font-size: 18em;
	letter-spacing: -0.065em;
	line-height: 0.67em;
	color: #ff9c66;
}

.for-business-bg-title h3 {
	border: none;
}

.big-title h3 strong,
.big-title h3 span {
	letter-spacing: -0.065em;
	color: #ff9c66;
}

.big-title h3 strong {
	color: #ff5417;
}

.big-title h3 span {
	color: #ff6e4c;
}

@media screen and (max-width: 1440px) {
	.big-title {
		font-size: calc(100vw / 144);
	}
}

@media screen and (max-width: 576px) {
	.big-title h3 {
		font-size: 64px;
	}

	.big-title {
		padding: 40px 0px 10px 0px;
	}
}

.a-few-faqs {
	background-color: #fff;
	padding: 80px 0px 80px 0px;
}

.a-few-faqs .faq-headline-flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.a-few-faqs .faq-headline-flex h3 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
}

.a-few-faqs .faq-headline-flex a {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.06em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.a-few-faqs .faq-headline-flex a i {
	height: 16px;
	width: 11.85px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	margin-left: 24px;
}

.a-few-faqs .faq-headline-flex a i::before {
	content: '\e841';
}

.a-few-faqs .for-bus-pattern {
	position: absolute;
	top: 450px;
	left: 0;
}

.common-faqs {
	min-width: 439px;
}

.few-faqs-content {
	width: 100%;
	position: relative;
	display: flex;
}

.common-faqs img {
	margin-top: 131px;
	left: -64px;
}

.common-faq-card {
	width: 100%;
	padding: 16px 39px 16px 16px;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 4px;
	display: flex;
	cursor: pointer;
	transition: all ease .5s;
}

.common-faq-card:hover {
	box-shadow: none !important;
}

.active-common-faq-card {
	box-shadow: none !important;
}

.common-faq-card strong {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	color: #98cfff;
	margin-right: 24px;
	height: 100%;
}

.common-faq-answer {
	max-width: 539px;
	margin-left: 200px;
	margin-top: 40px;
}

.common-faq-answer::before {
	content: '';
	height: 216px;
	width: 216px;
	background-color: #98cfff;
	position: absolute;
	border-radius: 50vh;
	left: -98px;
	top: -28px;
}

.current-vacancies-text::before {
	top: -98px;
}

.common-faq-answer h2 {
	margin-bottom: 24px;
}

.common-faq-answer h3 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 16px;
}

.current-vacancies .faq-answer h3 {
	margin-top: 64px;
}

.current-vacancies-text p:first-of-type {
	font-size: 20px;
	letter-spacing: 0;
	line-height: 1.2em;
}

.hidden-common-faq {
	display: none;
}

.few-bus-faqs {
	padding-bottom: 160px;
}

.for-business-bg-title {
	padding-top: 80px;
}

.for-business-bg-title h3::before {
	content: '';
	border-bottom: 2px solid #e1e2e5;
	height: 0px;
	width: 100%;
	position: absolute;
	left: 0;
	top: -80px;
}

.for-business-faqs {
	display: none;
	padding-bottom: 0px !important;
}

@media screen and (max-width: 1160px) {
	.common-faq-answer {
		margin-left: 124px !important;
	}
}

@media screen and (max-width: 1024px) {
	.few-faqs-content {
		display: none;
	}

	.for-business-faqs {
		display: block;
	}

	.faq-headline-business a {
		display: none !important;
	}

	.a-few-faqs .faq-headline-flex a {
		display: none;
	}

	.a-few-faqs .faq-headline-flex {
		margin-bottom: 0px;
      
	}

	.faq-headline-flex::before {
		content: url(../images/img-business-faqs-pattern-mobile.svg);
		position: absolute;
		right: 0;
        top: -14px;
	}
    
    
    .a-few-faqs .faq-headline-flex h3{
		
        max-width: 320px;
	}

	.few-bus-faqs {
		padding-bottom: 64px;
	}

	.for-business-bg-title {
		padding-top: 40px;
	}

	.current-vacancies .faq-answer h3:first-child {
		margin-top: 0px;
	}

	.for-business-bg-title h3::before {
		top: -40px;
	}

	.a-few-faqs .for-bus-pattern {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.a-few-faqs .faq-headline-flex {
		margin-bottom: 20px;
	}
}

/* for consumers */
.sub-intro.intro-consumers {
	background: #0f328c;
	overflow: visible;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sub-intro.intro-consumers .main-inner>div {
	flex: 0 0 50%;
	margin-bottom: 60px;
}

.sub-intro.intro-consumers .main-inner>div:nth-of-type(2) {
	padding: 40px 0px 0px 40px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.sub-intro.intro-consumers .content {
	font-size: 10px;
}

.sub-intro.intro-consumers .content h1 {
	font-size: 9em;
}

.sub-intro.intro-consumers .content p {
	font-size: 17px;
}

.sub-intro.intro-consumers .content:after {
	content: '';
	width: 170px;
	height: 170px;
	border-radius: 200px;
	background: #2a54c0;
	position: absolute;
	left: 80px;
	bottom: 40px;
	z-index: 0;
}

@media screen and (max-width: 1440px) {
	.sub-intro.intro-consumers .content {
		font-size: calc(100vw / 144);
	}
}

.sub-intro .box-paythat {
	top: auto;
	bottom: 0;
	right: 0px;
	pointer-events: none;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	height: 0px;
}

.sub-intro .box-paythat>div {
	background: #fff;
	flex: 1;
	max-width: 640px;
	pointer-events: all;
	padding: 30px 50px;
	margin-left: calc(50% + 80px);
}

.sub-intro .box-paythat>div>div {
	display: flex;
	color: #001752;
	align-items: flex-end;
}

.sub-intro .box-paythat p {
	font-size: 26px;
	line-height: 1.3em;
	margin-bottom: 0px;
	font-weight: 500;
	max-width: 320px;
}

.sub-intro .box-paythat img {
	margin-bottom: 15px;
	z-index: -1;
}

.sub-intro .box-paythat .button {
	margin-top: 20px;
	white-space: nowrap;
}

@media screen and (max-width: 1150px) {
	.sub-intro .box-paythat>div>div {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 768px) {
	.sub-intro.intro-consumers {
		max-height: none;
		height: auto;
	}

	.sub-intro.intro-consumers .main-inner>div {
		margin-bottom: 0;
	}

	.sub-intro.intro-consumers .main-inner>div:nth-of-type(2) {
		padding: 10px 10px 40px 10px;
		max-width: 380px;
	}

	.sub-intro .box-paythat {
		position: relative;
		height: auto;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	}

	.sub-intro .box-paythat>div {
		flex: 1;
		padding: 40px 20px;
		margin-left: 0;
		max-width: 100%;
	}

	.sub-intro.intro-consumers .content:after {
		display: none;
	}

	.sub-split .main-inner p:last-of-type {
		font-size: 16px;
	}
}

@media screen and (max-width: 576px) {
	.sub-intro.intro-consumers .content h1 {
		font-size: 56px;
	}

	.split-business-footprint .iconbox ul li {
		margin-bottom: 0;
	}
}

.split-consumers-integrate {
	padding: 120px 0px 100px 0px;
}

.split-consumers-integrate h2 {
	line-height: 1em;
}

.split-consumers-integrate h2:before {
	content: '';
	width: 192px;
	height: 192px;
	border-radius: 200px;
	background: rgb(152, 207, 255, 0.4);
	position: absolute;
	top: -64px;
	left: 244px;
	z-index: 0;
}

.split-consumers-integrate h3 {
	font-size: 28px;
	line-height: 1em;
	display: flex;
	margin-bottom: 40px;
}

.split-consumers-integrate h3 strong {
	font-size: 120px;
	color: #0f328c;
	line-height: 90px;
	flex: 0 0 115px;
}

.split-consumers-integrate h3 p {
	font-size: 17px;
	font-weight: 400;
	margin-top: 10px;
}

.split-consumers-integrate .main-inner:nth-of-type(1)>div {
	max-width: none;
	flex: 1;
}

.sub-split.split-consumers-integrate .main-inner>div:nth-of-type(1) h2 {
	margin-bottom: 22px;
}

.sub-split.split-consumers-integrate .main-inner>div:nth-of-type(1) p {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 60px;
}

.sub-split.split-consumers-integrate .main-inner>div {
	flex: 0 0 50%;
	max-width: none;
}

.split-consumers-integrate .main-inner:nth-of-type(2) {
	justify-content: flex-start;
}

.split-consumers-integrate .main-inner:nth-of-type(2)>div:nth-of-type(2) {
	max-width: 460px;
	margin-left: 90px;
	flex: 0 0 calc(50% - 90px);
}

.split-consumers-integrate .main-inner:nth-of-type(2)>div:nth-of-type(2) p {
	max-width: 560px;
	margin-bottom: 40px;
}

.split-consumers-integrate .video:before {
	content: '';
	background: url(../images/img-consumers-started-pattern.svg) left top no-repeat;
	width: 392px;
	height: 105px;
	position: absolute;
	bottom: -80px;
	right: -70px;
}

@media screen and (max-width: 1440px) {
	.split-consumers-integrate {
		min-height: 100px;
		background-position: left 40px bottom 40px;
	}
}

@media screen and (max-width: 1100px) {
	.split-consumers-integrate h3 strong {
		display: block;
	}
}

@media screen and (max-width: 992px) {
	.split-consumers-integrate .main-inner:nth-of-type(2) {
		flex-direction: column;
	}

	.split-consumers-integrate .main-inner:nth-of-type(2)>div:nth-of-type(2) {
		margin-left: 0;
		margin-top: 100px;
		flex: 1;
	}

	.sub-split.split-consumers-integrate .main-inner>div {
		flex: 1;
		max-width: fit-content;
	}

	.split-consumers-integrate {
		padding: 120px 0px 40px 0px;
	}
}

@media screen and (max-width: 768px) {
	.split-consumers-integrate h2 {
		max-width: 300px;
	}

	.split-consumers-integrate h2:before {
		width: 138px;
		height: 138px;
		top: 50%;
		right: auto;
		left: -10px;
		transform: translateY(-50%);
	}

	.sub-split.split-consumers-integrate .main-inner {
		flex-direction: column;
	}

	.sub-split.split-consumers-integrate .main-inner>div:nth-of-type(1) {
		max-width: none;
	}

	.split-consumers-integrate .main-inner:nth-of-type(2)>div:nth-of-type(1) {
		padding-bottom: 0px;
	}

	.split-consumers-integrate {
		background: none;
	}
}

@media screen and (max-width: 576px) {
	.split-consumers-integrate h3 {
		font-size: 26px;
		margin-bottom: 0px;
	}

	.split-consumers-integrate h2 {
		max-width: 100%;
		width: 100%;
	}

	.split-consumers-integrate h3 strong {
		font-size: 26px;
		line-height: 1em;
		flex: 0 0 30px;
	}

	.split-consumers-integrate {
		padding: 60px 0px 0px 0px;
	}

	.sub-split.split-consumers-integrate .main-inner>div:nth-of-type(1) p {
		font-size: 26px;
		margin-bottom: 40px;
		max-width: 300px;
	}

	.split-consumers-integrate .main-inner:nth-of-type(2)>div:nth-of-type(2) {
		margin-top: 40px;
	}

	.split-consumers-integrate .video:before {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.split-consumers-integrate h2:after {
		content: '';
		width: 100px;
		height: 130px;
		background: url(../images/img-consumers-started-pattern-mobile.svg) left top no-repeat;
		position: absolute;
		top: calc(100% - 34px);
		right: -20px;
	}

	.nav .pay_now_btn {
		width: 100px;
	}
}

@media screen and (max-width: 600px) {
	.sub-split.network.consumers-network h2 {
		background: url(../images/img-consumers-logos-pattern.svg) right 5px bottom 5px no-repeat;
	}
}

.network.business-network.consumers-network p {
	font-size: 28px;
	font-weight: 500;
	max-width: 420px;
	line-height: 1.2em;
}

.sub-split.consumers-network .main-inner h2 {
	margin-bottom: 24px;
}

@media screen and (min-width: 1230px) {
	.sub-split.consumers-network .main-inner h2 br {
		display: none;
	}
}

.network.business-network.consumers-network .logos .descriptor {
	background: #0f328c;
}

.network.business-network.consumers-network .main-inner>div:nth-of-type(2):after {
	content: '';
	background: url(../images/network-consumer-background-dots.svg) right top no-repeat;
	position: absolute;
	width: calc(100% + 60px);
	left: 0;
	top: 50%;
	height: 200px;
	pointer-events: none;
	background-size: 100% auto;
}

.wrapper-hidden {
	overflow: hidden;
}

.consumer-billers {
	background: #2a54c0;
	min-height: 300px;
	color: #fff;
	padding: 120px 0 0 0;
	text-align: center;
	overflow: hidden;
}

.consumer-billers .main-inner>div {
	max-width: 900px;
	margin: auto;
}

.consumer-billers p {
	margin: 16px 0px 65px 0px;
}

.form-billers .input-text {
	cursor: none;
	height: 80px;
	background: none;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
	border-radius: 80px;
	width: 100%;
	font-size: 26px;
	font-weight: 700;
	font-style: italic;
	-webkit-appearance-outline: none;
	outline: none;
}

.form-billers button {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	display: flex;
	border: none;
	justify-content: center;
	align-items: center;
	background: #fff;
	position: absolute;
	right: 0px;
	top: 0px;
	pointer-events: none;
}

.form-billers button:before {
	content: '\e813';
	font-family: 'payat-icons';
	color: #001752;
	font-size: 33px;
}

.form-billers .input-text::-webkit-input-placeholder {
	color: #fff;
}

.form-billers .input-text:-ms-input-placeholder {
	color: #fff;
}

.form-billers .input-text::placeholder {
	color: #fff;
}

.form-billers p {
	font-size: 13px;
	margin-top: 16px;
}

.form-billers:before {
	content: '';
	position: absolute;
	right: calc(100% + 40px);
	top: 0;
	width: 100%;
	height: 80px;
	background: url(../images/img-consumers-how-pattern.svg) right top repeat-x;
	pointer-events: none;
}

.form-billers:after {
	content: '';
	position: absolute;
	left: calc(100% + 40px);
	top: 0;
	width: 100%;
	height: 80px;
	background: url(../images/img-consumers-how-pattern.svg) left top repeat-x;
	pointer-events: none;
}

.consumer-billers .main-inner:nth-of-type(2) {
	display: flex;
	color: #fff;
	text-align: left;
	flex-wrap: wrap;
}

.consumer-billers .main-inner:nth-of-type(2)>div {
	max-width: none;
	margin: 0px;
	flex: 0 0 33.333%;
	padding-left: 40px;
	padding-right: 40px;
}

.consumer-billers .main-inner:nth-of-type(2)>div h3 {
	font-size: 28px;
	font-weight: 500;
	text-align: left;
}

.consumer-billers .main-inner:nth-of-type(2)>div p {
	font-size: 13px;
	margin: 10px 0px 30px 0px;
	text-align: left;
}

.consumer-billers .main-inner:nth-of-type(2)>div:before {
	content: '';
	font-size: 33px;
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'payat-icons';
}

.consumer-billers .main-inner:nth-of-type(2)>div:nth-of-type(1):before {
	content: '\e80f';
	font-size: 30px;
}

.consumer-billers .main-inner:nth-of-type(2)>div:nth-of-type(2):before {
	content: '\e81f';
	font-size: 30px;
}

.consumer-billers .main-inner:nth-of-type(2)>div:nth-of-type(3):before {
    content: '\e82F';
    font-size: 11px;
    border: 3px solid white;
    border-radius: 40px;
    width: 33px;
    height: 33px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    box-sizing: border-box;
}


.consumer-billers .main-inner:nth-of-type(2)>div.article {
	flex: 0 0 100%;
	padding-left: 0px;
	display: flex;
    background:#0F328C;
    margin:90px 0 0 0;
    position:relative;
    padding:0;
    background-image: url(../images/query-support-pattern.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 112px;
}

.consumer-billers .main-inner:nth-of-type(2)>div.article:before {
	content:"";
    height:100%;
    width:100%;
    right:100%;
    position:absolute;
    background:#0F328C;
    left:auto;
    top: 0;
}

.consumer-billers .main-inner:nth-of-type(2)>div.article:after {
	content:"";
    height:100%;
    width:100%;
    left:100%;
    position:absolute;
    background:#0F328C;
    right:auto;
}

.consumer-billers .main-inner:nth-of-type(2)>div.article .attach-cursor {
	display:grid;
    grid-template-columns: 1fr auto;
    width:100%;
    align-items: center;
    align-content: center;
}

.consumer-billers .main-inner:nth-of-type(2)>div.article h3 {
    grid-column: 1;
    grid-row: 1;
}
.consumer-billers .main-inner:nth-of-type(2)>div.article p {
	font-size: 20px;
    grid-column: 1;
    grid-row: 2;
    margin-bottom:0px;
}

.consumer-billers .main-inner:nth-of-type(2)>div.article .button.button-white {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
}

.consumer-billers .main-inner:nth-of-type(2)>div.article img,
#consumers-article {
	max-width: 280px;
	margin-right: 40px;
	margin-bottom: 0px;
	display: block;
}

.ui-autocomplete {
	background: #fff;
	max-width: 900px;
	transform: translateY(10px);
	list-style: none;
	margin: 0px;
	padding: 20px 20px 20px 0px;
	font-size: 26px;
	font-weight: 700;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-autocomplete .ui-menu-item {
	padding: 0px;
}

.ui-autocomplete .ui-menu-item span {
	padding: 10px 40px;
    display: flex;
}

.ui-autocomplete .ui-menu-item a {
	padding: 10px 40px;
	transition: background 0.3s linear;
	display: flex;
	cursor: pointer;
	justify-content: space-between;
}

.ui-autocomplete .ui-menu-item a:hover {
	background: #f3f5f9;
}

.ui-autocomplete .ui-menu-item a:after {
	content: '\e815';
	font-family: 'payat-icons';
	font-size: 30px;
	color: #0f328c;
}

.ui-bottom {
	display: none;
	box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.1);
}

.ui-bottom .button-cancel {
	border-color: #e1e2e5;
}

.ui-autocomplete::-webkit-scrollbar {
	width: 17px;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
	background: #0f328c;
}

@media screen and (max-width: 1380px) {
	.network.business-network.consumers-network .main-inner>div:nth-of-type(2):after {
		width: calc(100% + 60px + ((100vw - 1280px) / 2));
	}
}

@media screen and (max-width: 1280px) {
	.network.business-network.consumers-network .main-inner>div:nth-of-type(2):after {
		width: calc(100% + 55px);
	}
}

@media screen and (max-width: 1080px) {
	.consumer-billers .main-inner:nth-of-type(2)>div {
		flex: 0 0 100%;
	}

	.consumer-billers .main-inner:nth-of-type(2)>div p {
		max-width: none;
	}

	.consumer-billers .main-inner:nth-of-type(2)>div.article {
		flex: 0 0 100%;
	}

	.consumer-billers .main-inner:nth-of-type(2)>div.article p {
		max-width: none;
	}

	.form-billers:before {
		right: calc(100% + 20px);
	}

	.form-billers:after {
		left: calc(100% + 20px);
	}
}

@media screen and (max-width: 768px) {
	.consumer-billers {
		padding: 60px 0 0 0;
	}

	.network.business-network.consumers-network .main-inner>div:nth-of-type(2):after {
		display: none;
	}

	.form-billers:before {
		right: calc(100% + 5px);
	}

	.form-billers:after {
		left: calc(100% + 5px);
	}

	.form-billers button:before {
		font-weight: bolder;
	}

	.consumer-billers .main-inner:nth-of-type(2)>div {
		margin-top: 20px;
	}

	.a-few-faqs {
		padding: 80px 0px 64px 0px
	}
    
    .consumer-billers .main-inner:nth-of-type(2)>div.article {
        background-image:none;
    }
}

@media screen and (max-width: 670px) {
	.consumer-billers .main-inner:nth-of-type(2)>div.article {
		flex: 0 0 100%;
		flex-direction: column;
		text-align: left;
	}
    .consumer-billers .main-inner:nth-of-type(2)>div.article img, #consumers-article {margin:auto;}
    .consumer-billers .main-inner:nth-of-type(2)>div.article .attach-cursor {
    grid-template-columns: 1fr; /* Single column layout */
    grid-template-rows: auto auto auto;
    gap: 10px;
        padding: 16px 0 60px 0;
    }

   .consumer-billers .main-inner:nth-of-type(2)>div.article .button.button-white {grid-column: 1;align-self: start;grid-row: 3;width: fit-content;margin-top: 13px;}
    
}

@media screen and (max-width: 576px) {
	.consumer-billers .main-inner:nth-of-type(2)>div {
		flex: 0 0 100%;
	}

	.consumer-billers p {
		margin: 10px 10px 40px 10px;
	}

	.consumer-billers .main-inner>div {
		text-align: left;
	}

	.form-billers .input-text {
		height: 60px;
		font-size: 20px;
		text-align: left;
		padding-left: 50px;
	}

	.form-billers button {
		width: 60px;
		height: 60px;
	}

	.form-billers button:before {
		font-size: 26px;
	}

	.ui-autocomplete {
		padding: 0px 0px 60px 0px;
		font-size: 17px;
		max-width: calc(100vw - 40px);
	}

	.ui-autocomplete .ui-menu-item a {
		padding: 10px 50px 10px 10px;
	}

	.ui-autocomplete .ui-menu-item a:after {
		content: '';
		position: absolute;
		right: 20px;
		top: 10px;
		height: 20px;
		width: 20px;
		background: #f3f5f9;
		border-radius: 20px;
	}

	.ui-autocomplete .ui-menu-item a.over:after {
		background: #0f328c;
	}

	.ui-autocomplete .ui-menu-item a.over {
		color: red;
	}

	.ui-bottom {
		position: absolute;
		height: 60px;
		left: 20px;
		background: #fff;
		width: calc(100vw - 40px);
		display: flex;
		justify-content: space-between;
		padding: 10px;
	}

	.form-billers:before {
		top: -10px;
	}

	.form-billers:after {
		top: -10px;
	}

	.consumer-billers h2 {
		max-width: 250px;
	}

	.consumer-billers .main-inner:nth-of-type(2)>div {
		padding-left: 0px;
	}

	.consumer-billers .main-inner:nth-of-type(2)>div p {
		margin: 10px 0px 13px 0px;
		max-width: none;
	}

	.consumer-billers .main-inner:nth-of-type(2)>div:before {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 10px;
        display: block;
	}

	.consumer-billers .main-inner:last-of-type {
		margin-top: 0px;
	}

    .consumer-billers .main-inner:nth-of-type(2)>div.article {
        margin-top: 46px;
    }
}

@media screen and (max-width: 576px) {

	.consumer-billers .main-inner:nth-of-type(2)>div.article img,
	#consumers-article {
    max-width: 300px;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 10px;
	}
}

.for-consumers-hr {
	padding-top: 60px;
}

@media screen and (max-width: 1024px) {
	.for-consumers-hr {
		padding-top: 0px;
	}

	.nav .pay_now_btn {
		right: 11%;
	}
}

.big-title.blue-title h3 {
	color: #001752;
}

.big-title.blue-title h3 strong {
	color: #2a54c0;
}

.big-title.blue-title h3 strong span {
	color: #ff7442;
}

@media screen and (max-width: 576px) {
	.big-title.blue-title h3 {
		font-size: 64px;
	}
}

.videoPop.over {
	display: flex;
	padding-top: 150px;
}

.videoPop {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	z-index: 101;
	background: rgba(0, 0, 0, 0.9);
}

.closebox {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 150px;
	top: 150px;
	z-index: 100;
	cursor: pointer;
}


.vidHolder {
	overflow: hidden;
	position: relative;
	width: 95%;
	max-width: 1200px;
	max-height:70vh;
}

.vidHolder:after {
	padding-top: 56.25%;
	display: block;
	content: '';
}

.vidHolder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.common-consumer-faqs {
	z-index: 1;
}

.consumer-faq-headline-flex i::before {
	content: '\e841';
}

@media screen and (max-width: 1024px) {
	.consumer-faq-headline-flex::before {
		content: url(../images/img-customers-faqs-pattern-mobile.svg);
		right: 0px;
	}
}

@media screen and (max-width: 768px) {
	.consumer-faq-headline-flex::before {
		content: url(../images/img-customers-faqs-pattern-mobile.svg);
		right: -20px;
	}
}

.common-consumer-faqs .common-faq-card {
	max-width: 439px !important;
}

.common-faq-card {
	cursor: none;
}

.common-consumer-faqs::before {
	position: absolute;
	left: -64px;
	content: url(../images/img-customers-faqs-pattern.svg);
	top: 315px;
	z-index: -1;
}

/* Our solutions */
.intro-solutions {
	color: #001752;
	padding-bottom: 40px;
	font-size: 10px;
}

.intro-solutions .content {
	padding-bottom: 0px;
}

.intro-solutions .content h2 {
	max-width: 600px;
}

.intro-solutions .main-inner:nth-of-type(1) .content {
	flex: 1;
}

.intro-solutions .main-inner:nth-of-type(1) .content p {
	line-height: 2.4em;
}

.intro-solutions .main-inner:nth-of-type(2) .content {
	padding-top: 0px;
	flex: 0 0 540px;
	padding-right: 120px;
}

.intro-solutions .iconbox {
	flex: 1;
}

.intro-solutions .iconbox ul {
	justify-content: flex-start;
	margin: 0px;
}

.intro-solutions .iconbox ul li {
	flex: 0 0 25%!important;
	max-width: none;
	margin-bottom: 48px;
}

.intro-solutions .iconbox ul li:nth-of-type(1) {
	flex: 0 0 25%;
}

.intro-solutions .iconbox ul li:nth-of-type(2) {
	flex: 0 0 33%;
}

.intro-solutions .iconbox ul li:nth-of-type(3) {
	flex: 0 0 24%;
}

.intro-solutions .iconbox ul li:nth-of-type(4) {
	flex: 0 0 18%;
}

.intro-solutions .iconbox ul li:nth-of-type(5) {
	flex: 0 0 25%;
}

.intro-solutions .iconbox ul li:nth-of-type(6) {
	flex: 0 0 33%;
}

.intro-solutions .iconbox ul li:nth-of-type(7) {
	flex: 0 0 24%;
}

.intro-solutions .icon-time:before {
	content: '\e817';
}

.intro-solutions .icon-extensive:before {
	content: '\e819';
}

.intro-solutions .icon-mobile:before {
	content: '\e81d';
}

.intro-solutions .icon-shield:before {
	content: '\e803';
}

.intro-solutions .icon-qr:before {
	content: '\e81a';
}

.intro-solutions .icon-customised:before {
	content: '\e816';
}

.intro-solutions .icon-reconciled:before {
	content: '\e80e';
}

.intro-solutions .iconbox .icon {
	color: #001752;
}

.intro-solutions h1 {
	font-size: 9em;
}

.intro-solutions h1:before {
	content: '';
	background: #98cfff;
	width: 216px;
	height: 216px;
	border-radius: 250px;
	left: 513px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}

.sub-intro.intro-solutions p {
	max-width: 470px;
}

@media screen and (max-width: 1440px) {
	.intro-solutions {
		font-size: calc(100vw / 144);
	}

	.closebox {
		top: 130px;
		right: -30px;
	}
}

@media screen and (max-width: 1230px) {
	.intro-solutions .main-inner:nth-of-type(2) {
		flex-direction: column;
	}

	.intro-solutions .main-inner:nth-of-type(2) .content {
		flex: 1;
		padding-right: 0;
		margin-bottom: 40px;
	}

	.closebox {
		top: calc(110px + 23vh);
		right: -30px;
	}
}

@media screen and (max-width: 1024px) {
	.closebox {
		top: calc(110px + 10vh);
		right: -30px;
	}
}

@media screen and (max-width: 992px) {
	.intro-solutions h1 {
		max-width: 300px;
		font-size: 56px;
		line-height: 1em;
		margin: 15px 0px 20px 0px;
	}

	.intro-solutions h1:before {
		width: 108px;
		height: 108px;
		left: -10px;
	}

	.intro-solutions {
		font-size: 10px;
	}

	.intro-solutions .iconbox ul li {
		margin-bottom: 20px;
	}

	.closebox {
		top: calc(110px + 23vh);
		right: -30px;
	}
}

@media screen and (max-width: 768px) {
	.closebox {
		top: calc(110px + 21vh);
		right: -30px;
	}
}

@media screen and (max-width: 576px) {
	.intro-solutions .iconbox ul li {
		flex: 0 0 calc(50% - 20px) !important;
	}

	.intro-solutions {
		padding-bottom: 20px;
	}

	.closebox {
		top: calc(110px + 27vh);
		right: -30px;
	}
}

.sub-split.solutions {
	background: #fff;
	padding: 120px 0px 40px 0px;
}



.sub-split.solutions .main-inner {
	margin-bottom: 80px;
}

.sub-split.solutions .main-inner>div {
	flex: 0 0 50%;
	margin: 0px !important;
	max-width: none;
}

.sub-split.solutions .main-inner .padding {
	padding-right: 120px;
}

.sub-split.solutions h2 {
	margin-bottom: 17px;
	max-width: 560px;
}

.sub-split.solutions p {
	margin-bottom: 30px;
}

.sub-split.solutions p:nth-of-type(1) {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: 500;
}

.sub-split.solutions .main-inner:nth-of-type(2),
.sub-split.solutions .main-inner:nth-of-type(4) {
	flex-direction: row-reverse;
}

.sub-split.solutions .main-inner:nth-of-type(1) img {
	position: absolute;
	right: -80px;
	height: auto;
	width: calc(100% + 80px);
	max-width: none;
}

.sub-split.solutions .main-inner:nth-of-type(1) p:nth-of-type(1) {
	max-width: 414px;
}

.sub-split.solutions .main-inner:nth-of-type(3) p:nth-of-type(1) {
	max-width: 370px;
}

@media screen and (max-width: 1050px) {
	.sub-split.solutions .main-inner .padding {
		padding-right: 60px;
	}
}

@media screen and (max-width: 992px) {
	.sub-split.solutions .main-inner .padding {
		padding-right: 0px;
	}

	.sub-split.solutions .main-inner {
		flex-direction: column !important;
	}

	.sub-split.solutions .main-inner:nth-of-type(1)>div:nth-of-type(2),
	.sub-split.solutions .main-inner:nth-of-type(3)>div:nth-of-type(2) {
		display: none;
	}

	.sub-split.solutions .main-inner {
		margin-bottom: 0px !important;
	}

	.sub-split.solutions .main-inner img,
	.sub-split.solutions .main-inner lottie {
		margin: 40px 0px;
	}

	.sub-split.solutions {
		padding: 60px 0px 0px 0px;
	}

	.sub-split.solutions .main-inner:nth-of-type(2)>div:nth-of-type(2),
	.sub-split.solutions .main-inner:nth-of-type(4)>div:nth-of-type(2) {
		margin-bottom: 0px !important;
		padding: 40px 0px;
	}
}

.solutions-hr {
	background-color: #fff;
}

.solutions-hr hr {
	margin: 0px;
	height: 0px;
	border: 1px solid #e1e2e5;
}

.big-title.lightblue-title h3 {
	color: #98cfff;
}

.big-title.lightblue-title h3 strong {
	color: #2a54c0;
}

.big-title.lightblue-title h3 strong span {
	color: #2a54c0;
}

.big-title.lightblue-title h3 strong span:after {
	content: '.';
	color: #ff7442;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-text-stroke-width: 4px;
}

.big-title a {
	margin-top: 55px;
}

/* Contact */
.intro-contact {
	color: #001752;
	padding-bottom: 40px;
	font-size: 10px;
	background: #f3f5f9 url(../images/img-contact-header-pattern.svg) left calc((100vw - 1440px) / 2) top 30px no-repeat;
}

.intro-contact .iconbox .icon {
	font-size: 33px;
	color: #2a54c0;
}

.intro-contact h1 {
	font-size: 9em;
	margin-bottom: 40px;
}

.intro-contact h1:before {
	content: '';
	background: #98cfff;
	width: 216px;
	height: 216px;
	border-radius: 180px;
	left: 194px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}

.intro-contact .content {
	padding-bottom: 0px;
}

.intro-contact .main-inner:nth-of-type(1) .content {
	flex: 1;
}

.intro-contact .main-inner:nth-of-type(2) {
	justify-content: center;
}

.intro-contact .iconbox {
	flex: 1;
}

.intro-contact .iconbox ul {
	margin: 0px;
	justify-content: center;
}

.intro-contact .iconbox ul li {
	flex: none;
	margin-bottom: 40px;
	font-size: 17px;
	margin-right: 100px;
	white-space: nowrap;
	max-width: none;
}

.intro-contact .iconbox ul li:nth-last-of-type(1) {
	margin-right: 0px;
}

.intro-contact .iconbox ul li h3 {
	font-size: 26px;
	margin-bottom: 8px;
	margin-top: 8px;
}

.intro-contact .iconbox ul li a {
	font-weight: 700;
}

.intro-contact .icon-mobile:before {
	content: '\e81d';
}

.intro-contact .icon-email:before {
	content: '\e81b';
}

.intro-contact .icon-location:before {
	content: '\e81c';
}

.big-title.lightblue-title.contact {
	padding: 80px 0px 20px 0px;
}

.big-title.lightblue-title.contact h3 strong span {
	color: #ff7442;
}

.big-title.lightblue-title.contact h3 strong span:after {
	display: none;
}

@media screen and (max-width: 1440px) {
	.intro-contact {
		font-size: calc(100vw / 144);
		background-position: left top 30px;
	}

	.intro-contact h1:before {
		width: calc(100vw / 7);
		height: calc(100vw / 7);
	}
}

@media screen and (max-width: 1150px) {
	.intro-contact .iconbox ul li {
		margin-right: 60px;
	}

	.intro-contact .iconbox ul {
		justify-content: flex-start;
	}
}

@media screen and (max-width: 1050px) {
	.intro-contact .iconbox ul li {
		margin-right: 30px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 992px) {
	.intro-contact h1 {
		max-width: 400px;
		font-size: 56px;
		line-height: 1em;
		margin: 15px 0px 20px 0px;
	}

	.intro-contact h1:before {
		width: 108px;
		height: 108px;
		left: -10px;
	}

	.intro-contact {
		font-size: 10px;
	}

	.intro-contact .iconbox ul li {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.big-title.lightblue-title.contact {
		padding: 40px 0px 20px 0px;
	}
}

@media screen and (max-width: 576px) {
	.intro-contact .iconbox ul li {
		flex: 0 0 50% !important;
	}

	.intro-contact {
		padding-bottom: 20px;
		background: #f3f5f9;
	}

	.intro-contact h1:after {
		content: '';
		width: 100%;
		height: 100px;
		position: absolute;
		top: calc(100% + 30px);
		left: 113px;
		pointer-events: none;
		background: url(../images/img-contact-header-pattern-mobile.svg) left top no-repeat;
	}
}

.section-contact {
	padding: 120px 0px 80px 0px;
	background: #fff;
}

.form {
	display: flex;
	flex-wrap: wrap;
}

.form p {
	font-size: 13px;
	max-width: 450px;
}

.form div {
	flex: 0 0 100%;
	margin-bottom: 30px;
}

.form ul div{
    margin-bottom: 8px;
}

.form div.half-left {
	flex: 0 0 calc(50% - 10px);
	margin-right: 20px;
}

.form div.half-right {
	flex: 0 0 calc(50% - 10px);
}

.form .textbox {
	-webkit-appearance-border: none;
	border: none;
	outline: none;
	border-bottom: 2px solid #001752;
	color: #001752;
	display: flex;
	height: 40px;
	width: 100%;
	font-size: 17px;
	background: none;
	margin-top: 15px;
}

.form label {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 5;
	transition: all 0.2s linear;
	pointer-events: none;
}

form .application-part .input-label {
	position: absolute;
	top: 5px;
	font-size: 18px;
	left: 0px;
	z-index: 5;
	transition: all 0.2s linear;
	pointer-events: none;
}

form .application-part .label-input:focus+.input-label {
	top: -15px;
	font-size: 13px;
}

form .application-part .textarea:focus+.input-label {
	top: -15px;
	font-size: 13px;
}

form .application-part .textarea.focussed+.input-label {
	top: -15px;
	font-size: 13px;
}

form .application-part .label-input.focussed~.input-label {
	top: -15px;
	font-size: 13px;
}

.form label.checkbox {
	position: relative;
	top: 0px;
	left: 0px;
	pointer-events: all;
	padding-left: 40px;
	display: block;
	max-width: 450px;
}

.form input.checkboxinput {
	position: absolute;
	left: 0px;
	opacity: 0;
}

.form label.checkbox:before {
	content: '';
	border: 2px solid #001752;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 5px;
}

.form label.checkbox:after {
	content: '';
	border: 3px solid #ff7442;
	width: 5px;
	height: 10px;
	position: absolute;
	left: 8px;
	top: 8px;
	transform: rotate(45deg);
	border-left: none;
	border-top: none;
	display: none;
}

.form .checkboxinput:checked+label:after {
	display: block;
}

.form .textbox:focus+label {
	top: 0px;
	font-size: 13px;
}

.form .textbox.focussed+label {
	top: 0px;
	font-size: 13px;
}

.form textarea.textbox.focussed~label {
	top: 0px;
	font-size: 13px;
}

.form textarea.textbox:focus~label {
	top: 0px;
	font-size: 13px;
}

.form textarea {
	min-height: 100px;
}

.form button.button {
	background: #fff;
}

.form button.button:hover {
	background: #0f328c;
}

.form .submit {
	text-align: right;
}

.big-title-contact * {
	z-index: 5;
}

.big-title-contact .dot {
	z-index: 5;
}

.big-title-contact .social-icons {
	display: flex;
	justify-content: center;
}

.big-title-contact .social-icons a {
	margin: 30px 16px 0px 16px;
	padding: 24px;
	height: 80px;
	width: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #0f328c;
	border-radius: 50vh;
	font-size: 32px;
}

.big-title-contact .social-icons .icon-facebook:before {
	content: '\f30c';
	color: #0f328c;
}

.big-title-contact .social-icons .icon-linkedin:before {
	content: '\f318';
	color: #0f328c;
}

.big-title.lightblue-title.big-title-contact:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	height: 2px;
	background: #e1e2e5;
	max-width: 1440px;
	transform: translateX(-50%);
	width: 100%;
}

.big-title.lightblue-title.big-title-contact h3 {
	color: #2a54c0;
}

.big-title.lightblue-title.big-title-contact h3 strong {
	color: #98cfff;
}

@media screen and (max-width: 576px) {
	.big-title-contact .social-icons a {
		width: 64px;
		height: 64px;
		font-size: 25px;
	}
}

@media screen and (max-width: 768px) {
	.section-contact {
		padding: 60px 0px 10px 0px;
	}

	.section-contact.sub-split .main-inner {
		flex-direction: column;
	}

	.section-contact.sub-split .main-inner>div:nth-of-type(1) {
		text-align: center;
		max-width: 500px;
		margin: 0px auto 40px auto;
	}

	.big-title.lightblue-title.big-title-contact:before {
		max-width: calc(100vw - 40px);
	}
}

@media screen and (max-width: 576px) {

	.form div.half-left,
	.form div.half-right {
		flex: 0 0 100%;
		margin-right: 0px;
	}
}

.drop {
	cursor: pointer;
}

.dropdown {
	height: 0px;
	transition: all 0.3s linear;
	background-color: #ffffff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	position: absolute;
	width: 100%;
	top: 55px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 5;
	pointer-events: none;
    max-height: 460px;
    overflow-y: scroll;
}

.dropdown li {
	padding: 0px 16px;
	line-height: 1em;
	transition: all 0.1s linear;
	cursor: pointer;
	height: 0px;
	overflow: hidden;
}

.dropdown li.disabled{
    cursor: default;
    
}



.dropdown div > li{
    margin-left: 20px;
}

.dropdown li:hover {
	background: #f3f5f9;
}

.dropdown li.disabled:hover{
   background: #f3f5f9;
    
}

.dropdown.over {
	height: auto;
	pointer-events: all;
}

.dropdown.over li {
	height: auto;
	pointer-events: all;
	padding: 16px;
}

.form-contact>div:nth-of-type(4) {
	z-index: 10;
}

.form-contact .recaptcha-message p {
	font-size: 13px !important;
	letter-spacing: 0;
	line-height: 1.38em !important;
	margin-bottom: 0px !important;
}

.dropdown:after {
	content: '';
	position: absolute;
	top: -25px;
	right: 10px;
	width: 6px;
	height: 6px;
	border: 3px solid #001752;
	border-left: 0;
	border-top: 0;
	transform: rotate(45deg);
}

.dropdown.over:after {
	transform: rotate(225deg);
}

.validation {
	display: none;
	color: #ff5417;
}

.textbox.error {
	border-color: #ff5417;
}

.thankyou {
	display: none;
}

.thankyou p {
	font-size: 28px;
	color: #fff;
}

.home-page-newsletter .thankyou {
	width: 100% !important;
}

.thankyou div {
	text-align: right;
}

/* 404 ================= */
.section-404 {
	padding: 20px 0px 100px 0px;
	color: #fff;
	overflow: hidden;
}

.section-404 .main-inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-404 .main-inner>div {
	max-width: 600px;
	min-height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 40px;
	text-align: center;
}

.section-404 .main-inner>div:before {
	content: '';
	position: absolute;
	width: 600px;
	height: 600px;
	background: #ff7442;
	border-radius: 600px;
}

.section-404 h1 {
	font-size: 120px;
	margin-bottom: 20px;
	line-height: 1em;
}

.section-404 h2 {
	font-size: 48px;
	margin-bottom: 50px;
	line-height: 1.2em;
}

.section-404 .button-white:hover {
	color: #ff7442;
}

.section-404.attach-cursor .dot {
	z-index: 10;
}

@media screen and (max-width: 768px) {
	.section-404 .main-inner>div {
		max-width: 480px;
	}

	.section-404 {
		padding: 20px 0px 20px 0px;
	}

	.section-404 .main-inner>div {
		padding: 20px 50px;
	}

	.section-404 .main-inner>div:before {
		width: 460px;
		height: 460px;
	}

	.section-404 h1 {
		font-size: 100px;
		margin-bottom: 10px;
	}

	.section-404 h2 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.section-404 .main-inner>div {
		padding: 20px;
	}
}

/* about header */

.about-us-header {
	padding-top: 50px;
	padding-bottom: 90px;
	position: relative;
}

.about-us-header h1 {
	font-size: 90px;
	letter-spacing: -1px;
	line-height: 1.11em;
	position: relative;
	z-index: -1;
	margin-bottom: 16px;
}

.about-us-header h1::before {
	content: '';
	width: 216px;
	height: 216px;
	border-radius: 50vh;
	background: #98cfff;
	position: absolute;
	top: -98px;
	left: 70px;
	z-index: -1;
}

.about-us-header .creation-date {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.23em;
	margin-bottom: 26px;
	position: relative;
	z-index: 1;
}

.about-us-header p {
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.52em;
	max-width: 630px;
}

.about-us-header .about-us-header-img,
#about-header-holder {
	position: absolute;
	right: 0;
	bottom: -90px;
	z-index: 0;
}

@media screen and (max-width: 1440px) {

	.about-us-header .about-us-header-img,
	#about-header-holder {
		right: 40px;
	}
}

@media screen and (max-width: 1220px) {

	.about-us-header .about-us-header-img,
	#about-header-holder {
		max-width: 300px;
	}
}

@media screen and (max-width: 992px) {
	.about-us-header h1 {
		font-size: 56px;
	}

	.about-us-header p {
		max-width: 550px;
	}
}

@media screen and (max-width: 900px) {
	.about-us-header p {
		max-width: 450px;
	}
}

@media screen and (max-width: 768px) {
	.about-us-header .creation-date {
		margin-bottom: 8px;
	}

	.about-us-header .about-us-header-img,
	#about-header-holder {
		position: relative;
		right: initial;
		bottom: initial;
		width: 100%;
		display: flex;
		margin-left: auto;
	}

	.about-us-header p {
		max-width: initial;
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 576px) {
	.about-us-header h1::before {
		content: '';
		width: 216px;
		height: 216px;
		border-radius: 50vh;
		background: #98cfff;
		position: absolute;
		top: -10px;
		left: initial;
		right: 0px;
		z-index: -1;
	}

	.about-us-header {
		padding-bottom: 40px;
	}
}

/* /about header */

/* we go further */

.we-go-further {
	padding: 120px 0px 130px 0px;
	background-color: #fff;
	z-index: -1;
	position: relative;
	overflow: hidden;
}

.go-further-pattern {
	position: absolute;
	top: 120px;
	right: 0;
}

.go-further-main-txt {
	max-width: 630px;
	margin-bottom: 90px;
}

.go-further-main-txt h2 {
	margin-bottom: 16px;
}

.go-further-main-txt p {
	font-size: 20px;
	letter-spacing: 0;
	line-height: 1.2em;
}

.go-further-card {
	display: flex;
	align-items: center;
}

.go-further-card-txt {
	max-width: 269px;
}

.go-further-card-txt h3 {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3em;
	margin-bottom: 8px;
}

.go-further-graphic {
	margin: 0px 24px;
}

.go-further-circle {
	height: 600px;
	width: 600px;
	background-color: #0f328c;
	border-radius: 50vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	text-align: center;
	color: #fff;
	padding-bottom: 70px;
}

.go-further-circle .go-further-circle-img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
}

.go-further-circle h3 {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.07em;
	text-align: center;
	margin-bottom: 21px;
}

.go-further-circle p {
	max-width: 250px;
}

.outer-circle-card-txt {
	max-width: 269px;
	display: none;
}

.outer-circle-card-txt h3 {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.41em;
}

.go-further-cards {
	display: flex;
	flex-direction: column;
}

.go-further-circle {
	margin-left: 26px;
	position: absolute;
	right: 0;
	top: -550px;
}

.progress {
	display: none;
	width: 100%;
	height: 6px;
	overflow: hidden;
	margin-top: 50px;
	background-color: #f5f5f5;
}

.progress span {
	content: '';
	height: 10px;
	width: 0%;
	position: absolute;
	left: 0px;
	background: #ff5200;
	transition: width 0.3s linear;
}

@media screen and (max-width: 1385px) {
	.go-further-circle {
		width: 490px;
		height: 490px;
	}
}

@media screen and (max-width: 1280px) {
	.go-further-pattern {
		/* display: none; */
		right: -200px;
	}
}

@media screen and (max-width: 1205px) {
	.go-further-circle {
		width: 400px;
		height: 400px;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 1115px) {
	.go-further-pattern {
		/* display: none; */
		right: -300px;
	}

	.go-further-circle {
		background: url(../images/img-about-further-zero-defects-mobile@2x.webp) no-repeat center center/contain;
		height: 250px;
		width: 250px;
		transform: translateY(0px);
		position: relative;
		top: initial;
		right: initial;
	}

	.go-further-circle h3,
	.go-further-circle p {
		display: none;
	}

	.go-further-outer-circle-card {
		display: flex;
		align-items: center;
	}

	.go-further-outer-circle-card .go-further-circle {
		margin-right: 24px;
		padding-bottom: 0px;
	}

	.outer-circle-card-txt {
		display: block;
	}
}

@media screen and (max-width: 992px) {
	.go-further-pattern {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.go-further-card,
	.go-further-outer-circle-card {
		flex-direction: column;
		margin-right: 40px;
	}

	.go-further-card.card-mobile-reverse {
		flex-direction: column-reverse;
	}

	.go-further-card {
		flex-direction: column;
		width: 185px;
	}

	.go-further-outer-circle-card {
		flex-direction: column;
		max-width: 185px;
	}

	.go-further-circle {
		width: 100%;
		height: 185px;
		margin-right: 0px;
	}

	.go-further-graphic,
	.go-further-circle {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 24px;
	}

	.progress {
		display: block;
	}

	.go-further-outer-circle-card .go-further-circle {
		margin-right: auto;
	}

	.go-further-outer-circle-card .animate-element {
		min-height: 150px;
	}
}

@media screen and (max-width: 700px) {
	.we-go-further .main-inner {
		padding-right: 0px !important;
	}

	.go-further-main-txt {
		padding-right: 20px;
	}
}

@media screen and (max-width: 576px) {
	.we-go-further {
		padding: 60px 0px 60px 0px;
	}
}

.go-further-main-txt img {
	position: absolute;
	left: calc(100% + 130px);
	top: 0;
}

@media screen and (max-width: 768px) {
	.go-further-main-txt img {
		left: calc(100% - 50px);
		top: calc(100% + 30px);
		max-width: 320px;
	}
}

#about-header-holder.animate-element {
	min-height: 100px;
}

/* /we go further */

/* what we have done */

.what-we-have-done {
	padding: 117px 0px 120px 0px;
	position: relative;
}

.what-we-have-done-pattern {
	position: absolute;
	top: 345px;
	right: 0;
}

.what-we-have-done-content .centered-text {
	text-align: center;
}

.what-we-have-done-content .centered-text h2 {
	margin-bottom: 16px;
}

.what-we-have-done-content .centered-text p {
	margin-bottom: 80px;
}

.what-we-have-done-content .text-in-max-width {
	max-width: 630px;
	margin-bottom: 80px;
	position: relative;
}

.what-we-have-done-content .text-in-max-width h2 {
	margin-bottom: 16px;
}

/* .what-we-have-done .slick-slide {
    width: 800px !important;
} */

.about-us-testimonial {
	background-color: #fff;
	padding: 60px 0px 0px 61px;
	margin: 5px 40px 5px 0px;
	max-width: 745px;
	min-height: 468px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
}

.about-us-testimonial h3 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.14em;
	margin-bottom: 7px;
}

.about-us-testimonial p {
	margin-right: 27px;
}

.quote-section {
	margin-top: 80px;
	display: flex;
}

.quote-section div .quote {
	margin-bottom: 16px;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 1.38em;
	margin-right: 0px;
	position: relative;
}

.quote-section div .quote::before {
	content: '\e806';
	font-family: 'payat-icons';
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #ff7442;
	z-index: 1;
	left: -5px;
	top: -30px;
}

.quote-section div .quote-from {
	margin-bottom: 41px;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 1.23em;
}

.quote-section div .quote-from strong {
	font-size: 16px;
}

.quote-section img {
	margin-left: 98px;
	object-fit: cover;
	max-width: 276px;
}

@media screen and (max-width: 992px) {
	.what-we-have-done-pattern {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.what-we-have-done-content .centered-text {
		text-align: left;
	}

	.quote-section img {
		margin-left: 40px;
	}

	.about-us-testimonial:first-child::before {
		content: url(../images/img-about-projects-pattern-small.webp);
		position: absolute;
		bottom: -81px;
		right: -20px;
	}
}

@media screen and (max-width: 767px) {
	.about-us-testimonial {
		margin-right: 0px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 640px) {
	.about-us-testimonial {
		padding: 0px;
		margin-right: 0px;
	}

	.quote-section div .quote::before {
		content: '\e806';
		font-family: 'payat-icons';
		position: absolute;
		width: 40px;
		height: 40px;
		font-size: 40px;
		color: #ff7442;
		z-index: 1;
		left: 15px;
		top: -30px;
	}

	.about-us-testimonial .about-us-testimonial-excerpt {
		padding: 30px 24px 0px 22px;
	}

	.about-us-testimonial .quote,
	.about-us-testimonial .quote-from {
		padding: 0px 24px 0px 22px;
	}

	.about-us-testimonial p {
		margin-right: 0px;
	}

	.quote-section {
		margin-top: 64px;
		display: flex;
		flex-direction: column;
	}

	.quote-section img {
		margin-left: 0px;
		max-width: 100%;
	}
}

@media screen and (max-width: 576px) {
	.what-we-have-done {
		padding: 60px 0px 60px 0px;
	}
}

/* meet-our-people */

.meet-our-people {
	background-color: #fff;
	padding: 120px 0px 80px 0px;
}

.our-people-text {
	text-align: center;
	margin-bottom: 80px;
}

.our-people-text h2 {
	margin-bottom: 16px;
}

.our-people-text p {
	max-width: 1130px;
	margin: 0 auto;
}

.our-people-section {
	display: flex;
}

.person-img-container {
	height: 487px;
	width: 487px;
	background-color: #e1e2e5;
	margin: 0 20px;
}

.person-img-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.the-people-text {
	margin-left: 64px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 564px;
	height: 487px;
	margin-right: 75px;
}

.about-individual {
	display: none;
}

.about-individual.active {
	display: block;
}

.the-people-text .about-individual span {
	display: block;
	color: #98cfff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	margin-bottom: 16px;
}

.the-people-text .about-individual h3 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.14em;
	margin-bottom: 40px;
}

.the-people {
	max-width: 1487px;
}

.the-people-img-slider .card-holder {
	transform: translateX(1002px);
}

[dir='rtl'] .slick-slide {
	float: left !important;
}

.our-people-section .margin-left-wrap {
	margin-left: calc((100vw - 3100px) / 2);
}

.the-people-tracker {
	display: flex;
	transform: rotate(180deg);
	margin-right: auto;
}

.the-people-tracker div {
	height: 8px;
	width: 8px;
	opacity: 0.1;
	background-color: #0f328c;
	border-radius: 30px;
	margin: 0 5px;
}

.the-people-tracker div.active {
	opacity: 1;
}

.the-people-tracker div:first-of-type {
	margin-left: 0px;
}

.aboutpage-vacancies-link .aboutpage-vacancies-content {
	align-items: flex-end;
}

.aboutpage-vacancies-link .aboutpage-vacancies-content h3 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 24px;
	color: #fff;
}

.aboutpage-vacancies-link .aboutpage-vacancies-content p {
	font-size: 26px;
	letter-spacing: 0;
	line-height: 1.23em;
}

.aboutpage-vacancies-link .aboutpage-vacancies-content a {
	min-width: 140px !important;
}

@media screen and (max-width: 1290px) {
	.our-people-section .margin-left-wrap {
		margin-left: 0px !important;
	}

	.the-people-img-slider .card-holder {
		transform: translateX(0px);
	}

	.the-people {
		width: 487px;
		margin-left: 60px;
	}
}

@media screen and (max-width: 992px) {
	.our-people-text {
		text-align: left;
		margin-bottom: 64px;
	}

	.our-people-section {
		flex-direction: column;
	}

	.the-people-text {
		flex-direction: column-reverse;
		align-items: flex-end;
		justify-content: flex-end;
	}

	.about-individual {
		margin-top: 8px;
		padding-left: 15px;
	}

	.the-people-tracker {
		margin-left: 12px;
		margin-top: 24px;
	}

	.the-people-text .about-individual h3 {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 768px) {
	.the-people {
		width: 487px;
		margin-left: 20px;
	}

	.person-img-container:first-of-type {
		margin-left: 0px;
	}

	.the-people-text {
		margin-left: 20px;
	}

	.the-people-tracker {
		margin-left: 0px;
	}

	.about-individual,
	.the-people-tracker {
		padding: 0px;
	}

	.aboutpage-vacancies-link .aboutpage-vacancies-content {
		flex-direction: row;
	}
}

@media screen and (max-width: 600px) {
	.the-people {
		width: calc(100% - 40px);
	}

	.meet-our-people {
		background-color: #fff;
		padding: 60px 0px;
	}

	.person-img-container {
		width: 100vw;
	}

	.the-people-text {
		width: calc(100% - 40px);
	}

	.aboutpage-vacancies-link .aboutpage-vacancies-content h3 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 500px) {
	.aboutpage-vacancies-link .aboutpage-vacancies-content {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media screen and (max-width: 450px) {
	.person-img-container {
		height: 320px;
	}
}

/* meet-our-people */

/* latest-projects */

.latest-projects {
	background-color: #2a54c0;
	padding: 120px 0px 180px 0px;
	position: relative;
	z-index: -1;
	overflow: hidden;
}

.latest-proj-pattern {
	position: absolute;
	top: 120px;
	right: 9px;
	z-index: -1;
}

.latest-proj-content {
	display: flex;
	align-items: flex-end;
}

.latest-proj-txt {
	max-width: 630px;
	color: #fff;
}

.latest-proj-txt h2 {
	margin-bottom: 16px;
}

.latest-proj-indented-txt {
	margin-top: 20px;
	margin-left: 75px;
}

.latest-proj-indented-txt h3 {
	font-size: 28px;
	font-weight: 500;
	width: 100%;
	letter-spacing: 0;
	line-height: 32px;
	margin-bottom: 16px;
	display: inline-flex;
	position: relative;
	padding-right: 75px;
}

.latest-proj-indented-txt h3::after {
	content: '';
	height: 75px;
	width: 75px;
	background: url(../images/questions-background.webp) no-repeat center center/contain;
	position: absolute;
	right: -15px;
	display: none;
	opacity: 0.6;
}

.latest-proj-indented-txt p {
	margin-bottom: 24px;
}

.latest-proj-1 {
	background-color: #fff !important;
}

.latest-proj-2 {
	background-color: #ff5417 !important;
}

.latest-proj-3 {
	background-color: #0f328c !important;
}

.latest-projects .carousel {
	color: #fff;
}

.latest-projects .carousel .c-holder {
	display: flex;
	overflow: hidden;
	margin-bottom: 40px;
}

.latest-projects-carousel>div {
	margin-left: 140px;
	width: 360px;
	height: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 360px;
}

.latest-projects .carousel .slick-arrow:before {
	color: #fff;
}

.latest-project-holder {
	margin-top: 60px;
}

.big-title.big-title-about-us {
	padding: 100px 0px 20px 0px;
}

.big-title-about-us h3 {
	color: #ff7442;
}

.big-title-about-us h3 strong {
	color: #2a54c0;
}

.big-title-about-us h3 strong span {
	color: #ff7442;
}

.social-icons {
	display: flex;
	justify-content: center;
}

.social-icons a {
	margin: 40px 20px;
	padding: 24px;
	height: 80px;
	width: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #0f328c;
	border-radius: 50vh;
	font-size: 32px;
}

.big-title-about-us .social-icons .icon-facebook:before {
	content: '\f30c';
	color: #0f328c;
}

.big-title-about-us .social-icons .icon-linkedin:before {
	content: '\f318';
	color: #0f328c;
}

.latest-projects-slide {
	display: flex;
	/* flex-direction: column; */
	justify-content: space-around;
	margin-bottom: 40px;
}

.latest-proj-slide-text {
	max-width: 555px;
	/* margin-bottom: 150px; */
}

.latest-proj-slide-text h3 {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.14em;
	color: #fff;
	margin-bottom: 16px;
	position: relative;
}

.latest-proj-slide-text p {
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
	color: #fff;
	margin-bottom: 20px;
}

.latest-proj-slide-text p:last-of-type {
	margin-bottom: 40px;
}

.latest-proj-slide-img {
	height: 360px;
	width: 360px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 500px;
}

.latest-proj-slide-img.proj-img-1 {
	background-color: #fff;
}

.latest-proj-slide-img.proj-img-2 {
	background-color: #ff5417;
}

.latest-proj-slide-img.proj-img-3 {
	background-color: #0f328c;
}

.latest-projects .projects-carousel .slick-arrow {
	position: absolute;
	right: 500px;
	background: none;
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: flex;
	text-indent: 100px;
	border: 0;
	top: 50%;
	transform: translateY(-25px);
	color: #fff;
	z-index: 10;
}

.latest-projects .projects-carousel .slick-arrow.slick-next:before {
	transform: rotate(180deg);
}

.latest-projects .projects-carousel .slick-arrow.slick-disabled {
	opacity: 0.5;
}

.latest-projects .projects-carousel .slick-arrow.slick-next {
	transform: translateY(25px);
}

.latest-projects .projects-carousel .slick-arrow:before {
	content: '\e812';
	font-family: 'payat-icons';
	font-size: 38px;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
}

@media screen and (max-width: 1310px) {
	.latest-projects-slide {
		justify-content: space-between;
	}

	.latest-projects .projects-carousel .slick-arrow {
		right: 450px;
	}
}

@media screen and (max-width: 1180px) {
	.latest-projects .projects-carousel .slick-arrow {
		right: 400px;
	}
}

@media screen and (max-width: 1130px) {
	.latest-proj-slide-img {
		height: 260px;
		width: 260px;
	}

	.latest-proj-slide-img img {
		max-width: 60%;
	}

	.latest-projects .projects-carousel .slick-arrow {
		right: 300px;
	}

	.latest-proj-slide-text {
		max-width: 600px;
		padding-bottom: 40px;
		/* margin-bottom: 150px; */
	}
}

@media screen and (max-width: 1070px) {
	.latest-proj-slide-text {
		max-width: 550px;
		padding-bottom: 60px;
	}

	.latest-projects .projects-carousel .slick-arrow {
		right: 280px;
	}
}

@media screen and (max-width: 1024px) {
	.latest-projects-slide {
		flex-direction: column;
	}

	.latest-proj-slide-text {
		max-width: none;
		margin-bottom: 120px;
		padding-bottom: 0px;
	}

	.latest-project-holder {
		margin-top: 20px;
	}

	.latest-projects-slide {
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-bottom: 0px;
		padding: 40px 0px;
	}

	.latest-projects .projects-carousel .slick-arrow {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -20px;
		/* Half of the arrow width */
		background: none;
		width: 40px;
		height: 40px;
		overflow: hidden;
		display: flex;
		text-indent: 100px;
		border: 0;
		transform: translateY(-50%) rotate(90deg);
		color: #fff;
		z-index: 10;
	}

	.latest-projects .projects-carousel .slick-arrow.slick-prev {
		margin-left: -60px;
		/* Half of the arrow width + desired distance between arrows */
	}

	.latest-projects .projects-carousel .slick-arrow.slick-next {
		margin-left: 20px;
		/* Half of the arrow width + desired distance between arrows */
	}

	.latest-projects .projects-carousel .slick-arrow.slick-next:before {
		transform: rotate(270deg);
	}

	.latest-projects .projects-carousel .slick-arrow.slick-next {
		transform: translateY(-20px) rotate(180deg);
		margin-left: 0px;
	}

	.latest-projects .projects-carousel .slick-arrow:before {
		transform: rotate(180deg);
	}
}

@media screen and (max-width: 576px) {
	.social-icons a {
		width: 64px;
		height: 64px;
		font-size: 25px;
		margin: 40px 16px 0px 16px;
	}

	.big-title-about-us h3 {
		font-size: 64px;
		max-width: 320px;
		margin: auto;
	}

	.latest-projects {
		padding: 60px 0px 60px 0px;
	}

	.big-title.big-title-about-us {
		padding: 60px 0px 0px 0px;
	}
}

.what-we-have-done-testimonials {
	margin-left: calc((100vw - 1280px) / 2);
}

@media screen and (max-width: 1380px) {
	.what-we-have-done-testimonials {
		margin-left: calc((100vw - 1160px) / 2);
	}
}

@media screen and (max-width: 1280px) {
	.what-we-have-done-testimonials {
		margin-left: 60px;
	}
}

@media screen and (max-width: 660px) {
	.latest-projects .projects-carousel .slick-arrow {
		position: absolute;
		top: initial;
		bottom: 40%;
		left: 50%;
		margin-left: -20px;
		/* Half of the arrow width */
		background: none;
		width: 40px;
		height: 40px;
		overflow: hidden;
		display: flex;
		text-indent: 100px;
		border: 0;
		transform: translateY(-50%) rotate(90deg);
		color: #fff;
		z-index: 10;
	}
}

@media screen and (max-width: 450px) {
	.latest-projects .projects-carousel .slick-arrow {
		bottom: 37%;
	}
}

@media screen and (max-width: 400px) {
	.latest-projects .projects-carousel .slick-arrow {
		bottom: 35%;
	}
}

@media screen and (max-width: 768px) {
	.what-we-have-done-testimonials {
		margin-left: 0px;
		padding: 0px 20px;
	}
}

.latest-projects .carousel .slick-arrow {
	position: absolute;
	right: 400px;
	background: none;
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: flex;
	text-indent: 100px;
	border: 0;
	top: 50%;
	transform: translateY(-25px);
	color: #0f328c;
	z-index: 10;
}

.latest-projects .carousel .slick-arrow.slick-disabled {
	opacity: 0.5;
}

.latest-projects .carousel .slick-arrow.slick-next {
	transform: translateY(25px);
}

.latest-projects .carousel .slick-arrow:before {
	content: '\e812';
	font-family: 'payat-icons';
	font-size: 38px;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
}

.latest-projects .carousel .slick-arrow.slick-next:before {
	transform: rotate(180deg);
}

@media screen and (max-width: 1380px) {
	.latest-proj-pattern {
		right: -200px;
	}
}

@media screen and (max-width: 1100px) {
	.latest-proj-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.latest-proj-pattern {
		display: none;
	}

	.latest-proj-txt {
		max-width: initial;
		color: #fff;
	}

	.latest-proj-indented-txt {
		margin-left: 0px;
	}

	.latest-projects-carousel>div {
		margin-left: 80px;
		width: 260px;
		height: 260px;
	}

	.latest-projects-carousel img {
		max-width: 70%;
	}

	.latest-projects .carousel .slick-arrow {
		position: absolute;
		right: 280px;
		top: 120px;
	}
}

@media screen and (max-width: 992px) {
	.latest-projects .carousel .slick-arrow {
		left: 50%;
		top: -60px;
		transform: translateX(5px) translateY(0px) rotate(90deg);
	}

	.latest-projects .carousel .slick-arrow.slick-next {
		transform: translateX(-45px) rotate(90deg);
	}

	.latest-projects .carousel .c-holder {
		flex-direction: column;
	}

	.latest-projects-carousel>div {
		margin: 0px auto;
	}

	.latest-projects-carousel {
		margin-top: 120px;
	}

	.latest-projects .carousel .slick-arrow {
		top: auto;
		bottom: 300px;
	}
}

@media screen and (max-width: 576px) {
	.latest-projects .button.button-white {
		padding-left: 13px;
		padding-right: 13px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 500px) {
	.latest-proj-indented-txt h3::after {
		display: inline-flex;
	}
}

.animate-element {
	min-height: 200px;
	opacity: 0;
	transition: opacity 0.2s linear;
	transform: translateY(-40px);
}

.animate-element.over {
	opacity: 1;
	transform: none;
}

/* media page */

/* media header */

.media-header {
	padding: 60px 80px 80px 80px;
	position: relative;
}

.media-header-content div {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 32px;
}

.media-header-content h1 {
	font-size: 90px;
	letter-spacing: -1px;
	line-height: 1.11em;
	max-width: 1090px;
	position: relative;
	z-index: 1;
}

.media-header-content h1 span {
	z-index: -1;
}

.media-header-content h1 span::after {
	content: '';
	height: 216px;
	width: 216px;
	border-radius: 50vh;
	background-color: #98cfff;
	position: absolute;
	top: -64px;
	left: -12px;
	z-index: -1;
}

.media-header-content h1 .color-stop::after {
	content: none;
}

.media-header-content h1 .color-stop {
	color: #ff7442;
}

.media-filters-container input {
	padding: 26px 64px;
	border-radius: 300px;
	width: 745px;
	border: 2px solid #0f328c;
	border-radius: 40px;
	color: #0f328c;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 28px;
	position: relative;
	display: block;
}

.media-filters-container input::placeholder {
	color: #0f328c;
	font-style: italic;
}

.media-header-pattern {
	position: absolute;
	right: 0;
	bottom: 220px;
}

@media screen and (max-width: 1380px) {
	.media-header {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (max-width: 1280px) {
	.media-header-content h1 {
		font-size: 56px;
	}

	.media-header-content h1 span::after {
		height: 108px;
		width: 108px;
		top: -30px;
		left: 50%;
		transform: translateX(-50%);
	}

	.media-header-pattern {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.media-header {
		padding: 20px 0px 40px 0px;
		position: relative;
	}

	.media-header-content div {
		margin-bottom: 8px;
	}
}

/* /media header */

/* article search reults */

.article-search-results {
	background-color: #fff;
	padding: 120px 0px 88px 80px;
	z-index: -1;
	display: none;
}

.search-results-content {
	margin-bottom: 40px;
}

.article-search-results h2 {
	margin-bottom: 8px;
}

.result-tag {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1em;
	height: 40px;
	border: 2px solid #112d8e;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0px 45px 0px 15px;
	border-radius: 100px;
	margin-right: 10px;
}

.search-result-articles .margin-left-wrap .main-inner {
	padding: 0px;
	max-width: none;
}

.article-search-results .result-tag:last-of-type {
	margin-right: 0px;
}

.article-search-results .result-tag::after {
	content: '';
	position: absolute;
	transform: translateY(50%);
	bottom: 50%;
	right: 15px;
	background: url(../images/close-tag.svg) no-repeat center center;
	height: 16px;
	width: 16px;
}

.search-result-article-cards .slick-arrow {
	background: none;
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: flex;
	text-indent: 100px;
	border: 0;
	color: #0f328c;
	z-index: 10;
	position: absolute;
	top: -40px;
	left: 1240px;
	cursor: none;
}

.search-result-article-cards .slick-prev {
	transform: translateX(-45px);
}

.search-result-article-cards .slick-prev::before {
	transform: rotate(270deg);
}

.search-result-article-cards .slick-arrow.slick-disabled {
	opacity: 0.5;
}

.search-result-article-cards .slick-next::before {
	transform: rotate(90deg);
}

.search-result-article-cards .slick-arrow:before {
	content: '\e812';
	font-family: 'payat-icons';
	font-size: 38px;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
}

/* /article search reults */

/* featured articles */

.margin-left-wrap {
	margin-left: calc((100vw - 1390px) / 2);
}

.featured-articles {
	background-color: #fff;
	padding: 120px 0px 88px 80px;
	z-index: -1;
	position: relative;
}

.featured-articles .margin-left-wrap .main-inner {
	max-width: none;
}

.featured-articles-headline {
	margin-bottom: 40px;
	max-width: 630px;
}

.featured-articles-headline h2 {
	margin-bottom: 8px;
}

.featured-articles-headline a i {
	/* font-size: 30px; */
	height: 16px;
	width: 11.85px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.featured-articles-headline a i::before {
	content: '\e841';
}

.featured-article {
	display: inline-flex;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	height: 380px;
	margin-right: 24px;
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.featured-article:hover .read-article-btn {
	transition: 0.3s all ease;
	background-color: #0f328c;
	color: #fff;
	border: 2px solid #0f328c;
}

.featured-article img {
	max-width: 304px;
}

.featured-article-txt {
	width: 284px;
	display: flex;
	height: 100%;
	justify-content: center;
	flex-direction: column;
	padding: 0 15px;
}

.featured-article-txt h3 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.14em;
	margin-bottom: 8px;
}

.featured-article-txt .media-outlet {
	padding: 3px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	color: #98cfff;
	margin-bottom: 8px;
}

.featured-article-txt .media-date {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	color: #676c7d;
}

.featured-article-txt .read-article-btn {
	width: 94px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: -15px;
	margin-top: 30px;
	border: 2px solid #e1e2e5;
	padding-top: 1px;
	border-radius: 50vh;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1em;
	color: #0f328c;
	text-transform: uppercase;
}

.featured-articles .featured-article-cards .slick-arrow {
	background: none;
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: flex;
	text-indent: 100px;
	font-size: 0;
	border: 0;
	color: #0f328c;
	z-index: 10;
	position: absolute;
	top: -40px;
	left: 1240px;
	cursor: pointer;
}

.featured-articles .featured-article-cards .slick-prev {
	transform: translateX(-45px);
}

.featured-articles .featured-article-cards .slick-prev::before {
	transform: rotate(270deg);
}

.featured-articles .featured-article-cards .slick-arrow.slick-disabled {
	opacity: 0.5;
}

.featured-articles .featured-article-cards .slick-next::before {
	transform: rotate(90deg);
}

.featured-articles .featured-article-cards .slick-arrow:before {
	content: '\e812';
	font-family: 'payat-icons';
	font-size: 38px;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
}

@media screen and (max-width: 1450px) {

	.featured-articles .featured-article-cards .slick-arrow,
	.search-result-article-cards .slick-arrow {
		left: initial;
		right: 80px;
	}
}

@media screen and (max-width: 1380px) {
	.featured-articles {
		padding-left: 0px;
	}

	.search-result-articles .margin-left-wrap .main-inner {
		padding-left: 60px;
	}

	.article-search-results {
		padding-left: 0px;
	}

	.margin-left-wrap {
		margin-left: 0px;
	}

	.featured-articles .margin-left-wrap .main-inner {
		padding-right: 0px;
	}
}

@media screen and (max-width: 992px) {
	.featured-articles .featured-article-cards .slick-arrow {
		top: initial;
		bottom: -40px;
		left: 80px;
	}
}

@media screen and (max-width: 768px) {
    
    .featured-article {
		width: calc(100% - 56px);
	}
    
	.search-result-articles .margin-left-wrap .main-inner {
		padding-left: 20px;
	}

	.article-search-results .result-tag {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 576px) {
	.featured-articles {
		padding-top: 60px;
		padding-bottom: 0px;
	}

	.featured-articles-headline h2 {
		margin-bottom: 16px;
	}

	.article-search-results {
		padding-top: 60px;
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 450px) {
	.article-search-results h2 {
		max-width: 300px;
	}

	.featured-article {
		margin-right: 0px;
	}

	.featured-article {
		width: calc(100% - 32px);
	}
}

/* /featured articles */

/* join our newsletter */

.join-newsletter {
	z-index: -1;
	padding: 60px 80px;
	background-color: #0f328c;
}

.join-newsletter-content h3 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	color: #fff;
	margin-bottom: 25px;
}

.join-newsletter-content form {
	display: flex;
	align-items: flex-end;
}

.join-newsletter-content form input {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #fff;
	width: 241px;
	padding-bottom: 11px;
	color: #fff;
	cursor: none;
	font-family: scandia-web, sans-serif;
}

.join-newsletter-content form div input {
	/* margin-bottom: 0px; */
	font-family: scandia-web, sans-serif;
}

.join-newsletter-content form input::placeholder {
	color: #fff;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.21em;
}

.join-newsletter-content form input:focus {
	outline: none;
}

.join-newsletter-content form input:first-child {
	margin-right: 20px;
}

.join-newsletter-content form input:nth-child(2) {
	margin-right: 40px;
}

.join-newsletter-content form .desktop-btn:hover {
	background-color: #fff;
	color: #0f328c;
	transition: all 0.2s ease;
}

.join-newsletter-content form .mobile-btn {
	width: 40px;
	height: 40px;
	border: 2px solid #e1e2e5;
	border-radius: 24px;
	background-color: #0f328c;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	display: none;
}

.join-newsletter-content form div {
	display: flex;
	align-items: flex-end;
	display: initial;
}

.join-newsletter-content form .mobile-btn i {
	color: #fff;
	font-size: 16px;
}

.join-newsletter-content form .mobile-btn i::before {
	content: '\e841';
}

.join-newsletter .thankyou p {
	color: #fff;
}

.join-nl-pattern {
	height: 147px;
	width: 147px;
	position: absolute;
	top: 0;
	right: 333px;
	z-index: -1;
}

@media screen and (max-width: 1380px) {
	.join-newsletter {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (max-width: 1350px) {
	.join-nl-pattern {
		right: 80px;
	}
}

@media screen and (max-width: 992px) {
	.join-nl-pattern {
		/* display: none; */
		z-index: -1;
	}

	.join-nl-via-media-detail .join-nl-pattern {
		right: 24px !important;
	}
}

@media screen and (max-width: 768px) {
	.join-newsletter-content form {
		display: flex;
		/* flex-direction: column; */
		align-items: flex-start;
	}

	.join-newsletter-content form .desktop-btn {
		display: none;
	}

	.join-newsletter-content form .mobile-btn {
		display: inline-flex;
	}
}

@media screen and (max-width: 600px) {
	.join-newsletter form div:first-child input {
		margin-bottom: 32px;
	}

	.join-newsletter form input.error {
		margin-bottom: 0px;
	}

	.join-newsletter {
		padding: 24px 0px;
	}

	.join-newsletter form {
		display: flex;
		flex-wrap: wrap;
	}

	.join-newsletter form input {
		width: 241px;
	}

	.join-newsletter-content form div input {
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 385px) {
	.join-newsletter-content form div {
		width: calc(100% - 60px);
	}

	.join-newsletter form input {
		width: 100%;
	}

	.join-newsletter-content form .mobile-btn {
		margin-left: 20px;
	}
}

/* /join our newsletter */

/* our articles */

.our-articles hr {
	margin: 0px;
	border: 1px solid #e1e2e5;
	margin-top: 70px;
}

@media screen and (max-width: 450px) {
	.our-articles hr {
		margin: 0px;
		border: 1px solid #e1e2e5;
		margin-top: 40px;
	}
}

/* /our articles */

/* media big text */

.big-title-media h3 {
	color: #98cfff;
}

.big-title-media h3 strong {
	color: #2a54c0;
}

.big-title-media h3 span {
	color: #ff7442;
}

/* /media big text */

/* /media page */

/* media detail page */

/* media detail header */

.media-detail-header {
	padding: 60px 0px 80px 0px;
}

.float-right-img {
	float: right;
	margin-left: 80px;
	margin-bottom: 20px;
}

.float-right-img-mobile {
	display: none;
}

.media-detail-header-content .back-to-all-articles {
	display: inline-flex;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 28px;
	margin-bottom: 32px;
}

.media-detail-header-content .back-to-all-articles i {
	font-size: 16px;
	margin-right: 24px;
	transform: rotate(180deg);
}

.media-detail-header-content .back-to-all-articles i::before {
	content: '\e841';
}

.media-detail-header-content h1 {
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.07em;
	max-width: 975px;
	margin-bottom: 40px;
}

.article-header-info {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	max-width: 975px;
}

.date-and-publisher p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	color: #98cfff;
	margin-bottom: 8px;
}

.date-and-publisher div {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	color: #676c7d;
}

.share-article a {
	color: #0f328c;
	margin-left: 23px;
	font-size: 22px;
}

.share-article span {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
}

.share-article {
	display: flex;
	align-items: flex-end;
}

.share-article .icon-facebook:before {
	content: '\f30c';
}

.share-article .icon-linkedin:before {
	content: '\f318';
}

.share-article .icon-twitter:before {
	content: '\e840';
}

.share-article .icon-mail:before {
	content: '\e81B';
	font-size: 25px;
}

.share-article i {
	display: inline-flex;
}

.share-article .icon-twitter:before {
	content: '\e840';
	font-size: 20px;
}

@media screen and (max-width: 1300px) {
	.float-right-img {
		max-width: 50%;
	}
}

@media screen and (max-width: 1240px) {
	.float-right-img {
		display: none;
	}

	.float-right-img-mobile {
		display: block;
		float: right;
		max-width: 45%;
		margin-left: 80px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 1105px) {
	.float-right-img {
		max-height: 550px;
	}
}

@media screen and (max-width: 900px) {
	.float-right-img {
		margin-left: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.article-header-info {
		flex-direction: column;
		align-items: flex-start;
	}

	.date-and-publisher {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 768px) {
	.media-detail-header {
		padding-bottom: 40px;
		position: relative;
	}

	.float-right-img-mobile {
		position: relative;
		display: block;
		float: none;
		max-width: none;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 61px;
	}

	.media-detail-header-content .back-to-all-articles {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 576px) {
	.media-detail-header-content h1 {
		font-size: 48px;
		margin-bottom: 32px;
	}
}

/* /media detail header */

/* article reading section */

.current-article {
	background-color: #fff;
	padding: 64px 0px 80px 0px;
	z-index: -1;
}

.current-article-content {
	max-width: 975px;
}

.current-article-content p {
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
	margin-bottom: 20px;
}

.current-article-content p a,
.current-article-content a {
	color: #d6532a;
	font-weight: 700;
}

.current-article-content ul li a {
	color: #001752;
	font-weight: 500;
	text-decoration: underline;
}

.current-article-content h3 {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.current-article-content h4 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.current-article-content h5 {
	font-size: 23px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.current-article-content .quote {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3em;
	color: #001752;
	margin: 44px 10px 64px 80px;
	position: relative;
}

.current-article-content .quote:before {
	content: '';
	position: absolute;
	left: -580px;
	top: 50%;
	transform: translateY(-50%);
	height: 100px;
	width: 500px;
	background: url(../images/img-pattern.svg) no-repeat top center/contain;
}

/* /article reading section */

/* similar articles */
.similar-articles {
	padding: 0px;
	padding-bottom: 60px;
}

.similar-articles hr {
	margin: 0px;
	border: 1px solid #e1e2e5;
}

.similar-articles-content {
	padding-top: 80px;
}

.similar-articles-headline {
	display: flex;
	max-width: none;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0px;
}

.similar-articles-headline a {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.1875em;
	color: #0f328c;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	margin-top: 5px;
}

.similar-articles-headline a i {
	margin-left: 24px;
}

.similar-articles-headline h2 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	color: #011354;
}

.similar-articles .margin-left-wrap {
	margin-left: calc((100vw - 1320px) / 2);
}

.similar-articles .button-mobile-container {
	text-align: right;
	opacity: 0;
	pointer-events: none;
}

.similar-articles .button-mobile-container a i::before {
	content: '\e841';
}

.similar-articles .margin-left-wrap .all-articles-mobile-link {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.1875em;
	color: #0f328c;
	display: inline-flex;
	align-items: center;
	text-transform: uppercase;
}

.similar-articles .margin-left-wrap .all-articles-mobile-link i {
	margin-left: 24px;
	margin-bottom: 5px;
}

@media screen and (min-width: 2150px) {
	.current-article-content .quote:before {
		display: none;
	}

	.nav {
		padding: 0px 610px 0px 640px;
	}

	.nav .pay_now_btn {
		right: 28%;
		width: 146px;
	}
}

@media screen and (max-width: 1400px) {
	.current-article-content .quote:before {
		left: -540px;
	}
}

@media screen and (max-width: 1380px) {
	.similar-articles .margin-left-wrap {
		margin-left: 0px;
	}
}

@media screen and (max-width: 768px) {
	.current-article-content .quote:before {
		display: none;
	}

	.current-article-content .quote {
		margin-left: 40px;
	}

	.current-article {
		padding-top: 0px;
		padding-bottom: 40px;
	}

	.similar-articles-content {
		padding-top: 64px;
	}

	.current-article::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 40px;
		background-color: #f3f5f9;
	}
}

@media screen and (max-width: 576px) {
	.similar-articles-headline a {
		display: none;
	}

	.homepage-articles-headline a {
		display: flex !important;
	}

	.similar-articles .button-mobile-container {
		opacity: 100;
		pointer-events: initial;
		margin-right: 20px;
	}

	.similar-articles-headline h2 {
		margin-bottom: 0px;
	}

	.current-article-content .quote {
		margin-left: 0px;
	}
}

/* similar articles */

/* /media detail page */

/* support page */

/* support header */

.support-header {
	padding: 60px 0px 80px 0px;
}

.support-header-content .support-tag {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 32px;
}

.support-header-content h1 {
	font-size: 90px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.11em;
	position: relative;
	z-index: 1;
	margin-bottom: 16px;
}

.support-header-content h1 span {
	position: relative;
	z-index: -1;
}

.support-header-content h1 span::before {
	content: '';
	height: 216px;
	width: 216px;
	background-color: #98cfff;
	position: absolute;
	border-radius: 50vh;
	z-index: -1;
	top: -70px;
	right: 12px;
}

.support-header-content h1 br {
	display: none;
}

.support-header-content .sub-head {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.2em;
	margin-bottom: 40px;
	max-width: 476px;
}

.support-header-content .input-search {
	margin-bottom: 80px;
	width: 76.5%;
	position: relative;
}

.support-header-content .input-search input {
	height: 80px;
	width: 100%;
	border: 2px solid #0F328C;
	border-radius: 40px;
	padding: 26px 25px;
	color: #0F328C;
	font-family: scandia-web, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 28px;
	cursor: none;
}

.support-header-content .input-search input::placeholder {
	padding: 26px 25px;
	color: #0F328C;
	font-family: scandia-web, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 28px;
}

.support-header-content .input-search img {
	position: absolute;
	top: 1px;
	right: 2px;
	width: 75px;
	height: auto;
	background-color: #0F328C;
	border-radius: 100%;
	padding: 10px;
}

@media screen and (min-width:280px) and (max-width: 1024px) {
	.support-header-content .input-search {
		width: 100%;
	}
}

.support-header-content .filter-holder {
	max-width: 975px;
	position: relative;
	margin-bottom: 120px;
}

.support-header-content .filter-holder input {
	width: 100%;
	height: 80px;
	border-radius: 50vh;
	border: 2px solid #0f328c;
	padding: 26px 100px 26px 64px;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 28px;
	color: #0f328c;
	background-color: transparent;
}

.support-header-content .filter-holder input::placeholder {
	color: #0f328c;
}

.support-header-content .filter-holder input:focus {
	outline: none;
}

.support-header-content .filter-holder a {
	cursor: pointer;
	position: absolute;
	height: 80px;
	width: 80px;
	border-radius: 50vh;
	background-color: #0f328c;
	border: none;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.support-header-content .header-sub-txt {
	max-width: 975px;
}

.support-header-content .header-sub-txt strong:first-child {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px;
}

.support-header-content .header-sub-txt p {
	margin-bottom: 16px;
}

.support-header-content .header-sub-txt p strong a {
	font-size: 17px;
	font-weight: 700;
}

.support-header-pattern {
	position: absolute;
	right: 0;
	bottom: 80px;
}

.support-header-illustration {
	position: absolute;
	top: 40px;
	right: 350px;
}

@media screen and (max-width: 1300px) {
	.support-header-illustration {
		display: none;
	}
}

@media screen and (max-width: 906px) {
	.support-header-content h1 br {
		display: initial;
	}
}

@media screen and (max-width: 768px) {
	.support-header-content .support-tag {
		margin-bottom: 8px;
	}

	.support-header {
		padding: 20px 0px 40px 0px;
	}

	.support-header-content h1 {
		font-size: 56px;
		margin-bottom: 8px;
	}

	.support-header-content h1 span::before {
		height: 108px;
		width: 108px;
		z-index: -1;
		top: -25px;
		right: initial;
		left: 9px;
		transform: translateX(0%);
	}

	.support-header-content h1 br {
		display: none;
	}

	.support-header-content .sub-head {
		margin-bottom: 24px;
	}

	.support-header-content .filter-holder {
		margin-bottom: 64px;
	}

	.support-header-content .filter-holder input {
		font-size: 20px;
		line-height: 1.4em;
		padding: 16px 64px 16px 40px;
		height: 60px;
	}

	.support-header-content .filter-holder a {
		height: 60px;
		width: 60px;
	}

	.support-header-content .filter-holder a img {
		width: 25px;
		height: 25px;
	}

	.support-header-pattern {
		display: none;
	}
}

@media screen and (max-width: 523px) {
	.support-header-content h1 br {
		display: initial;
	}
}

/* /support header */

/* faq question choice */

.faq-question-choice {
	padding: 120px 0px 40px 0px;
	background-color: #fff;
	z-index: -1;
}

.faq-choice-container {
	display: flex;
}

.faq-choice-container h2:first-child {
	margin-right: 80px;
}

.chosen-questions a {
	color: #ff7442;
	border-bottom: 2px solid #ff7442;
}

@media screen and (max-width: 992px) {
	.faq-choice-container h2 {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.faq-question-choice .dotty {
		display: none;
	}

	.faq-question-choice {
		padding-top: 64px;
		padding-bottom: 21px;
	}

	.faq-choice-container h2:first-child {
		margin-right: 42px;
	}

	.faq-choice-container h2 {
		font-size: 20px;
	}
}

/* /faq question choice */

/* accordian faq */

.accordian-faq {
	background-color: #fff;
	padding: 40px 0px 120px 0px;
	position: relative;
	z-index: -1;
    display: none;
}

.accordian-faq.active{
    display: block;
}

.accordian-content {
	max-width: 975px;
}

.accordian-content p {
	color: #001752;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 24px;
	font-weight: 200;
	margin-bottom: 50px;
}

.accordian-content hr {
	margin-top: 100px;
	border: 1px solid #E1E2E5;
	margin-bottom: 80px;
}

.business-questions {
	display: none;
}

.accordian-card h2 {
	padding: 40px 80px 40px 40px;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.14em;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 4px;
}

.accordian-card h2.closed::after {
	content: '';
	position: absolute;
	transform: translateY(50%);
	bottom: 50%;
	right: 40px;
	background: url(../images/icon-open.svg) no-repeat center center;
	height: 16px;
	width: 16px;
}

.accordian-card h2.open::after {
	content: '';
	position: absolute;
	transform: translateY(50%);
	bottom: 50%;
	right: 40px;
	width: 16px;
	height: 3px;
	background-color: #98cfff;
}

.accordian-card h2.chevron-down::before {
	content: '\e842';
	color: #98cfff;
	position: absolute;
	transform: translate(0, 50%) rotate(180deg);
	bottom: 50%;
	right: 40px;
	font-size: 10px;
}

.accordian-card h2.chevron-up::before {
	content: '\e842';
	color: #98cfff;
	position: absolute;
	transform: translate(0, 50%) rotate(0deg);
	bottom: 50%;
	right: 40px;
	font-size: 10px;
}

.faq-answer {
	/* padding: 40px 0px 120px 40px; */
	padding-left: 40px;
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 0.3s ease;
}

.faq-answer-visible {
	height: fit-content;
	opacity: 1;
	padding: 40px 0px 120px 40px;
}

.faq-answer h3 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 16px;
}

.faq-answer ul li {
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
	margin-bottom: 20px;
}

.faq-answer .additional-btm-margin {
	margin-bottom: 80px;
}

.faq-answer p:last-of-type {
	margin-bottom: 0px;
}

.faq-answer p {
	margin-bottom: 24px;
}

.faq-acordian-pattern {
	position: absolute;
	bottom: 120px;
	right: 0;
	z-index: -1;
}

@media screen and (max-width: 768px) {
	.accordian-faq {
		padding: 21px 0px 85px 0px;
	}

	.accordian-card h2 {
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 1.5em;
		padding: 16px 40px 16px 16px;
	}

	.accordian-card h2.closed::after {
		content: '';
		position: absolute;
		transform: translateY(50%);
		bottom: 50%;
		right: 16px;
		background: url(../images/icon-open.svg) no-repeat center center;
		height: 13px;
		width: 13px;
	}

	.accordian-card h2.open::after {
		content: '';
		position: absolute;
		transform: translateY(50%);
		bottom: 50%;
		right: 16px;
		width: 13px;
		height: 3px;
		background-color: #98cfff;
	}

	.accordian-card h2.chevron-down::before {
		right: 16px;
	}

	.accordian-card h2.chevron-up::before {
		right: 16px;
	}

	.faq-answer {
		padding-left: 0px;
		/* padding-bottom: 40px; */
	}

	.faq-acordian-pattern {
		bottom: 24px;
		height: 37px;
		width: 140px;
	}

	.faq-answer-visible {
		padding-top: 24px;
		padding-bottom: 40px;
		padding-left: 16px;
	}

	.faq-answer .additional-btm-margin {
		margin-bottom: 64px;
	}
}

/* /accordian faq */

/* query support */

.query-support-section {
	z-index: -1;
	background-color: #0f328c;
}

.query-support-content {
	padding: 64px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.query-support-content p {
	max-width: 542px;
	color: #fff;
}

.query-support-content a {
	margin-left: 24px;
	min-width: 239px;
}

.query-support-content img {
	position: absolute;
	top: 0;
	right: 500px;
	z-index: -1;
}

@media screen and (max-width: 768px) {
	.query-support-content {
		padding: 24px 0px;
	}

	.query-support-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.query-support-content a {
		margin-left: 0px;
		margin-top: 24px;
	}

	.query-support-content img {
		top: 0;
		right: 20px;
	}
}

/* /query support */

/* /support page */

/* business application page */

/* business application header */

.bus-application-header {
	background-color: #ff7442;
	padding: 60px 0px 80px 0px;
	color: #fff;
	z-index: -1;
}

.bus-application-header::after {
	content: url(../images/img-business-form-header-pattern.svg);
	position: absolute;
	right: 0;
	bottom: 80px;
}

.bus-application-header a {
	display: inline-block;
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 32px;
	margin-left: 40px;
}

.bus-application-header a::before {
	content: url(../images/icon-arrow-forward-white.svg);
	position: absolute;
	height: 11.85px;
	width: 16px;
	transform: scaleX(-1);
	left: -40px;
}

.bus-application-header h1 {
	font-size: 90px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.11em;
}

.bus-application-header h1 span {
	color: #ff5417;
}

.bus-app-subhead-content {
	margin-top: 80px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.bus-subhead-text {
	max-width: 640px;
	margin-right: auto;
}

.bus-app-subhead-content lottie-player {
	margin-right: 60px;
	width: 178px;
}

.bus-app-subhead-content h3 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 16px;
}

@media screen and (max-width: 992px) {
	.bus-application-header::after {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.bus-application-header {
		padding: 20px 0px 40px 0px;
	}

	.bus-application-header-content h1 {
		font-size: 48px;
		letter-spacing: -1px;
	}

	.bus-application-header-content a {
		margin-bottom: 24px;
	}

	.bus-app-subhead-content {
		margin-top: 24px;
	}
}

@media screen and (max-width: 576px) {
	.bus-app-subhead-content {
		flex-direction: column-reverse;
	}

	.bus-app-subhead-content p {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 450px) {
	#business-application-lottie-holder {
		width: 100% !important;
	}

	.bus-app-subhead-content lottie-player {
		margin-right: 0px;
		width: 100%;
	}
}

/* /business application header */

/* business application form section */

.bus-application {
	padding: 80px 0px 120px 0px;
	background-color: #fff;
	position: relative;
	z-index: -1;
}

.bus-application-content {
	display: flex;
	align-items: flex-start;
}

.application-tracker {
	width: 440px;
	margin-right: 200px;
	position: relative;
}

.application-tracker::before {
	content: url(../images/img-business-form-sidenav-pattern.svg);
	position: absolute;
	bottom: -194px;
	left: -64px;
}

.tracker-card-pattern {
	position: absolute;
	bottom: 75px;
	left: -64px;
}

.application-tracker-card {
	width: 100%;
	background-color: #fff;
	padding: 12px 40px;
	display: inline-flex;
	align-items: center;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 4px;
}

.application-tracker-card strong {
	color: #ff5417;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.07em;
	margin-right: 36px;
}

.current-visible-form-holder {
	width: 565px;
	margin-top: 40px;
	position: relative;
}

.current-visible-form-holder::before {
	content: '';
	position: absolute;
	height: 216px;
	width: 216px;
	background-color: #fff6f2;
	border-radius: 400px;
	top: -40px;
	left: -144px;
}

.current-visible-form-holder form {
	display: flex;
	flex-direction: column;
}

.application-part .form-nav-nums {
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.07em;
	color: #ff5417;
	display: none;
}

.application-part .form-nav-nums span {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
}

.current-visible-form-holder form .application-part div {
	display: flex;
	justify-content: space-between;
}

.application-part-1 div:last-of-type {
	justify-content: flex-end !important;
}

.form-grouping {
	display: flex;
	flex-direction: column !important;
	margin-bottom: 46px;
}

.form-grouping.optional::after {
	content: 'Optional';
	font-size: 13px;
	letter-spacing: 0;
	line-height: 18px;
	position: absolute;
	right: 0;
	top: -10px;
}

.current-visible-form-holder form h2 {
	margin-bottom: 22px;
}

.current-visible-form-holder form input {
	width: 100%;
	padding-bottom: 8px;
	border: none;
	border-bottom: 2px solid #011354;
	background-color: transparent;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
	color: #001752;
	font-family: scandia-web, sans-serif;
}

.current-visible-form-holder form input::placeholder,
.current-visible-form-holder form textarea::placeholder {
	color: #001752;
}

.current-visible-form-holder form input:focus,
.current-visible-form-holder form textarea:focus {
	outline: none;
}

.current-visible-form-holder form textarea {
	height: 124px;
	width: 100%;
	padding-bottom: 8px;
	border: none;
	border-bottom: 2px solid #011354;
	background-color: transparent;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
	color: #001752;
	font-family: scandia-web, sans-serif;
}

.current-visible-form-holder form a {
	display: flex;
	max-width: 150px;
}

.application-part {
	position: static;
}

.postal-address-details {
	display: flex;
	flex-direction: column;
}

.home-search-field::after {
	content: url(../images/icon-search\ copy.svg);
	color: #000;
	height: 16px;
	width: 16px;
	position: absolute;
	right: 0;
	bottom: 12px;
}

.application-part div a:first-child {
	border: 2px solid #e1e2e5;
}

.application-part div a:first-child:hover {
	border: 2px solid #0f328c;
}

.application-part label {
	color: #001752;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 18px;
	margin-left: 1px;
	margin-bottom: 4px;
	display: block;
}

.select-group {
	position: relative;
}

.select-group input {
	pointer-events: none;
	cursor: none;
}

.select-group-label {
	height: 32px;
	width: 100%;
	border-bottom: 2px solid #001752;
	background-color: #fff;
	position: absolute;
	bottom: initial;
	top: 25px;
}

.select-group-label::before {
	content: url(../images/icon-dropdown-down.svg);
	position: absolute;
	right: 0;
	bottom: 8px;
}

.select-group ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	bottom: 0px;
	/* position: absolute;
    top: 40px;
    width: 100%;
    z-index: 100; */
	background-color: #fff;
	left: 0;
	height: 0;
	opacity: 0;
	transform: translateY(-25px);
	pointer-events: none;
	transition: all 0.2s ease;
}

.select-group ul.active {
	height: auto;
	pointer-events: initial;
	opacity: 1;
	transform: translateY(0);
}

.select-group ul li {
	padding: 16px;
	background-color: #fff;
}

.select-group ul li:hover {
	background-color: #f3f5f9;
}

.application-part-2 .postal-code {
	max-width: 220px;
}

.application-part-3 .flexed-inputs input:first-child {
	margin-right: 20px;
}

.flexed-inputs div {
	width: calc(50% - 12px);
}

.application-part-4 .policy-reminder {
	color: #001752;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 18px;
	margin-left: 1px;
	margin-bottom: 40px;
	max-width: 450px;
}

.current-visible-form-holder form .application-part-4 .policy-container label {
	position: relative;
	top: 0px;
	left: 0px;
	pointer-events: all;
	padding-left: 40px;
	display: block;
	max-width: 450px;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 0px;
}

.current-visible-form-holder form .application-part-4 .policy-container {
	margin-bottom: 24px !important;
}

.current-visible-form-holder form .application-part-4 div .checkboxinput {
	position: absolute;
	left: 0px;
	opacity: 0;
}

.current-visible-form-holder form .application-part-4 div .checkbox-application-label:before {
	content: '';
	border: 2px solid #001752;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 5px;
	/* z-index: 1000; */
	opacity: 1;
}

.current-visible-form-holder form .application-part-4 div .checkboxinput:checked+.checkbox-application-label:after {
	display: block;
}

.current-visible-form-holder form .application-part-4 div .checkbox-application-label:after {
	content: '';
	border: 3px solid #ff7442;
	width: 5px;
	height: 10px;
	position: absolute;
	left: 8px;
	top: 8px;
	transform: rotate(45deg);
	border-left: none;
	border-top: none;
	display: none;
}

.transaction-amount input {
	position: relative;
	padding-left: 15px;
}

.transaction-amount::before {
	content: 'R';
	position: absolute;
	bottom: 12px;
}

.app-prev-btn {
	border: 2px solid #e1e2e5;
}

.send-app-btn {
	background-color: #fff;
}

.thank-you-for-filling-out-application {
	min-height: 680px;
	position: relative;
	padding: 120px 0px 80px;
	background-color: #fff;
	display: none;
}

.thank-you-for-filling-out-application .main-inner::before {
	content: url(../images/img-business-form-sidenav-pattern.svg);
	position: absolute;
	bottom: -250px;
	left: 0px;
}

.thank-you-for-filling-out-application h2 {
	max-width: 1090px;
	margin-bottom: 24px;
}

.thank-you-for-filling-out-application h3 {
	font-size: 28px;
	letter-spacing: 0;
	line-height: 1.14em;
	font-weight: 400;
}

.thank-you-for-filling-out-application h3 strong {
	display: block;
	margin-top: 24px;
	font-weight: 500;
}

.thank-you-for-filling-out-application img {
	position: absolute;
	right: 240px;
	bottom: -250px;
}

@media screen and (max-width: 900px) {
	.thank-you-for-filling-out-application img {
		right: 20px;
		bottom: -135px;
		height: 99px;
		width: 105px;
	}
}

@media screen and (max-width: 768px) {
	.thank-you-for-filling-out-application {
		min-height: 550px;
		padding: 64px 0px 80px;
	}

	.thank-you-for-filling-out-application h2 {
		font-size: 28px;
		line-height: 1.14em;
	}

	.thank-you-for-filling-out-application .main-inner::before {
		content: url(../images/img-business-faqs-pattern-mobile.svg);
		position: absolute;
		bottom: initial;
		top: -55px;
		left: initial;
		right: 0px;
		height: 77px;
		width: 248.36px;
	}
}

.application-part-2,
.application-part-3,
.application-part-4 {
	display: none;
}

.switch-check-group {
	display: inline-flex;
	flex-direction: row;
}

.switch-check-group span {
	max-width: 386px;
}

.switch {
	display: inline-flex;
	position: relative;
	height: 28px;
	width: 56px;
	border: 2px solid #e1e2e5;
	border-radius: 14px;
	background-color: #ffffff;
}

.switch-check-group::before {
	content: 'Postal address is the same as physical address.';
	position: absolute;
	left: 72px;
	top: 3px;
}

.current-visible-form-holder .switch input {
	display: none;
	width: 60px;
}

.slider {
	background-color: #fff;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.4s;
}

.slider:before {
	height: 20px;
	width: 20px;
	background-color: #e1e2e5;
	bottom: 2px;
	content: '';
	left: 2px;
	position: absolute;
	transition: 0.4s;
}

input:checked+.slider {
	background-color: #0f328c;
}

input:checked+.slider:before {
	transform: translateX(26px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.application-part .form-grouping[validate].validate::before,
.application-part .form-grouping[validate].validate::before {
	content: attr(data-validation);
	font-size: 13px;
	letter-spacing: 0;
	line-height: 18px;
	position: absolute;
	left: 0;
	bottom: -20px;
	color: #ff5417;
}

.application-part .form-grouping[validate].validate input,
.application-part .form-grouping[validate].validate textarea,
.application-part .form-grouping[validate].validate .select-group-label {
	border-bottom: 2px solid #ff5417;
}

@media screen and (max-width: 1060px) {
	.application-tracker {
		margin-right: 100px;
		z-index: 10;
	}
}

@media screen and (max-width: 992px) {
	.bus-application {
		padding: 0px 0px 64px 0px;
	}

	.application-tracker {
		display: none;
	}

	.current-visible-form-holder::before {
		display: none;
	}

	.bus-application-content {
		align-items: flex-start;
		justify-content: flex-start;
	}

	.bus-application::after {
		content: url(../images/business-app-dots-mobile.svg);
		position: absolute;
		top: 16px;
		right: 0;
	}

	.current-visible-form-holder {
		width: 100%;
	}

	.form-nav-nums {
		display: block !important;
	}
}

/* /business application form section */

/* /business application page */

/* careers page */

/* careers header */
.careers-header {
	z-index: -1;
}

.careers-header-content {
	display: flex;
	padding: 60px 0px 80px 0px;
	align-items: flex-end;
}

.careers-header-content-text {
	max-width: 630px;
}

.careers-header-content-text div {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 32px;
}

.careers-header-content-text h1 {
	font-size: 90px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.11em;
	margin-bottom: 16px;
}

.careers-header-content-text h1 .careers-header-circle::before {
	content: '';
	position: absolute;
	height: 216px;
	width: 216px;
	background-color: #98cfff;
	border-radius: 50vh;
	z-index: -1;
	top: -60px;
	left: 40px;
}

.careers-fullstop {
	color: #ff7442;
}

.careers-header-content-text p strong {
	font-weight: 500;
}

.careers-header-content-text p {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.2em;
	margin-bottom: 24px;
	font-weight: 400;
}

.careers-header-illustration {
	position: absolute;
	bottom: -5px;
	right: 0;
}

.careers-header-illustration img {
	width: 100%;
	display: block;
}

@media screen and (max-width: 1380px) {
	.careers-header-illustration {
		max-width: 450px;
	}
}

@media screen and (max-width: 1160px) {
	.careers-header-illustration {
		max-width: 350px;
	}
}

@media screen and (max-width: 1050px) {
	.careers-header-illustration {
		max-width: 200px;
	}
}

@media screen and (max-width: 900px) {
	.careers-header-content-text div {
		margin-bottom: 8px;
	}

	.careers-header-content {
		padding-bottom: 0px;
	}

	.careers-header-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.careers-header-illustration {
		position: static;
		max-width: 320px;
	}
}

@media screen and (max-width: 768px) {
	.careers-header-content-text h1 {
		position: relative;
		font-size: 56px;
		z-index: 1;
		margin-bottom: 8px;
	}

	.careers-header-content {
		padding: 20px 0px 80px 0px;
	}

	.careers-header-content-text h1 .careers-header-circle {
		z-index: -1;
	}

	.careers-header-content-text h1 .careers-header-circle::before {
		content: '';
		position: absolute;
		height: 108px;
		width: 108px;
		background-color: #98cfff;
		border-radius: 50vh;
		z-index: -1;
		top: -30px;
		left: initial;
		right: 45px;
	}
}

@media screen and (max-width: 425px) {
	.careers-header-content-text h1 .careers-header-circle::before {
		content: '';
		position: absolute;
		height: 108px;
		width: 108px;
		background-color: #98cfff;
		border-radius: 50vh;
		z-index: -1;
		top: 40px;
		left: initial;
		right: 45px;
	}

	.nav .pay_now_btn {
		right: 16%;
	}
}

/* /careers header */

/* life at payat */

.life-at-payat {
	z-index: -1;
	padding: 120px 0px 92px 0px;
	background-color: #fff;
	overflow: hidden;
}

.life-at-payat-content {
	display: flex;
	justify-content: space-between;
}

.life-at-p-text {
	max-width: 367px;
}

.life-at-p-text h2 {
	margin-bottom: 16px;
}

.life-at-p-text p {
	margin-bottom: 40px;
}

.life-at-p-video {
	margin-left: 64px;
	min-width: 350px;
	display: flex;
}

.life-at-p-video::before {
	content: url(../images/img-careers-life-pattern.svg);
	position: absolute;
	bottom: -100px;
	left: -105px;
	z-index: -1;
	width: 100%;
}

.life-at-p-video::after {
	content: url(../images/icon-video-play.svg);
	z-index: 6;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}

.play-vid-btn p {
	margin-right: 24px;
	font-weight: 700;
}

@media screen and (max-width: 1250px) {
	.life-at-p-video::before {
		left: -50px;
	}
}

@media screen and (max-width: 900px) {
	.life-at-p-video::before {
		content: url(../images/img-careers-lifeat-pattern-mobile.svg);
		left: initial;
		width: initial;
		right: 50px !important;
		bottom: -48px;
	}

	.life-at-payat-content {
		flex-direction: column;
	}

	.life-at-p-video {
		margin-top: 64px;
		margin-left: 0px;
		max-width: none;
		min-width: 100%;
	}

	.life-at-p-text {
		max-width: none;
	}
}

@media screen and (max-width: 768px) {
	.life-at-payat {
		padding-top: 64px;
	}

	.life-at-p-video::before {
		right: -24px;
	}
}

@media screen and (max-width: 500px) {
	.life-at-p-video::before {
		right: -25px !important;
	}
}

/* /life at payat */

/* current vacancies */

.current-vacancies {
	z-index: -1;
	padding-bottom: 100px;
}

.common-faq-wrap {
	position: relative;
}

.job-vacancies-animation {
	position: absolute;
	margin-top: 80px;
}

.current-vacancies-text p {
	margin-bottom: 20px;
}

.current-vacancies-text h2 {
	margin-bottom: 16px;
}

.current-vacancies-text h3 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-top: 80px;
}

.current-vacancies-text li {
	margin-bottom: 20px;
}

.vacancie-tag {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px;
	color: #98cfff;
	margin-bottom: 40px;
}

.take-note {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.41em;
	margin-top: 80px;
}

.get-full-job-desc {
	margin-top: 80px;
}

.get-full-job-desc::before {
	content: url(../images/img-careers-vacancy-pattern.svg);
	position: absolute;
	left: -717px;
}

.get-full-job-desc h3 {
	margin-top: 80px;
}

.get-full-job-desc div {
	display: flex;
}

.get-full-job-desc p {
	font-size: 26px;
	letter-spacing: 0;
	line-height: 1.3em;
	max-width: 354px;
}

.current-vacancies hr {
	margin-top: 64px;
	height: 0;
	border: 1px solid #e1e2e5;
}

.oversize-h3 {
	font-size: 48px !important;
}

@media screen and (max-width: 1270px) {
	.get-full-job-desc div {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media screen and (max-width: 1024px) {
	.current-vacancies {
		padding-top: 0px;
	}

	.current-vacancies-headline::before {
		content: none;
	}

	.get-full-job-desc::before {
		content: url(../images/img-careers-interested-pattern-mobile.svg);
		left: initial;
		bottom: 0;
		left: 254px;
	}

	.get-full-job-desc p {
		margin-bottom: 20px !important;
	}

	.current-vacancies {
		padding-bottom: 10px;
	}

	.careers-hr {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.current-vacancies hr {
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 460px) {
	.get-full-job-desc::before {
		content: url(../images/img-careers-interested-pattern-mobile.svg);
		left: initial;
		bottom: 0;
		left: initial;
		right: 0;
	}
}

/* /current vacancies */

/* /careers page */

/* media (updates) filters */

.media-header-filters {
	display: flex;
	margin-top: 40px;
}

.media-header-filters .search-media {
	width: 745px;
}

.media-header-filters .search-media input {
	cursor: none;
	width: 100%;
	height: 80px;
	padding: 26px 64px;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 28px;
	border-radius: 40px;
	border: 2px solid #0f328c;
	color: #0f328c;
	background-color: transparent;
}

.media-header-filters .search-media input:focus {
	outline: none;
}

.media-header-filters .search-media input::placeholder {
	color: #0f328c;
}

.media-header-filters .search-media button {
	cursor: none;
	height: 80px;
	width: 80px;
	background-color: #0f328c;
	border: none;
	border-radius: 40px;
	position: absolute;
	right: 0;
	z-index: -1;
}

.media-header-filters .search-media button::before {
	content: '\e813';
	font-family: 'payat-icons';
	color: #001752;
	font-size: 33px;
	color: #fff;
}

.media-drop-downs {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 20px;
}

.media-drop-downs label {
	font-size: 13px;
	line-height: 1.38em;
}

.drop-down-flex {
	display: flex;
}

.media-drop-downs .drop-down {
	position: relative;
}

.media-drop-downs .drop-down:first-of-type {
	margin-right: 20px;
}

.media-drop-downs .drop-down .drop-down-textfield {
	border: none;
	border-bottom: 2px solid #0f328c;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 28px;
	position: relative;
	width: 210px;
}

.media-drop-downs .drop-down .drop-down-textfield::before {
	content: '\e842';
	color: #98cfff;
	position: absolute;
	transform: translate(0, 100%) rotate(180deg);
	bottom: 100%;
	right: 0px;
	font-size: 8px;
}

.media-drop-downs .drop-down .drop-down-textfield.open::before {
	content: '\e842';
	color: #98cfff;
	position: absolute;
	transform: translate(0, 100%) rotate(0deg);
	bottom: 100%;
	right: 0px;
	font-size: 8px;
}

.media-drop-downs .drop-down input {
	opacity: 0;
	position: absolute;
	width: 210px;
	height: 0;
}

.media-drop-downs .drop-down .drop-down-textfield p {
	margin-bottom: 10px;
	pointer-events: none;
	color: #0f328c;
}

.media-drop-downs .drop-down ul {
	list-style: none;
	padding: 8px 0px;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	width: 278px;
	position: absolute;
	top: 35px;
	height: 0;
	opacity: 0;
	transform: translateY(-20px);
	pointer-events: none;
}

.visible-list {
	transition: all 0.3s ease-in;
	transform: translateY(0) !important;
	height: initial !important;
	opacity: 1 !important;
	pointer-events: initial !important;
}

.media-drop-downs .drop-down ul li {
	padding: 15px 24px;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 28px;
	color: #0f328c;
}

.media-drop-downs .drop-down ul li:hover {
	background-color: #f3f5f9;
}

.opacity-screen {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 0.6;
	background-color: #000000;
	width: 100%;
	display: none;
	z-index: 4;
}

.mobile-form {
	display: none;
	z-index: 5;
}

.mobile-form::before {
	content: '';
	opacity: 0.6;
	background-color: #000;
	z-index: -1;
	height: 300%;
	width: 300%;
	position: absolute;
	top: -300px;
	left: -300px;
}

.media-header-pattern {
	z-index: -1 !important;
}

.body-disabled {
	overflow: hidden;
}

@media screen and (max-width: 1300px) {
	.media-drop-downs .drop-down ul {
		width: 240px;
	}
}

@media screen and (max-width: 992px) {
	.media-drop-downs {
		/* display: none; */
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		width: calc(100% - 40px);
		/* height: calc(100vh - 80px); */

		background-color: #ffffff;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
		z-index: 100;
	}

	.media-drop-downs label {
		display: none;
	}

	.drop-down-flex {
		display: none;
	}

	.mobile-form-options {
		background-color: #fff;
	}

	.mobile-form-options h4 {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1.38em;
		font-weight: 400;
		padding: 24px 24px 0px 24px;
	}

	.mobile-form-options ul {
		padding: 0px;
		margin: 0px;
	}

	.mobile-form-options ul:last-child {
		padding-bottom: 58px;
	}

	.mobile-form-options ul li {
		height: 48px;
		width: 100%;
		list-style: none;
		font-size: 17px;
		font-weight: bold;
		letter-spacing: 0;
		line-height: 1.411em;
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		padding: 0px 24px;
	}

	.mobile-form-options ul li::after {
		content: '';
		height: 16px;
		width: 16px;
		background-color: #f3f5f9;
		border-radius: 50px;
	}

	.mobile-form-options ul li.activated {
		background-color: #f3f5f9;
	}

	.mobile-form-options ul li.activated::after {
		content: '';
		height: 16px;
		width: 16px;
		background-color: #0f328c;
		border-radius: 50px;
	}

	.mobile-form-options hr {
		border: 1px solid #e1e2e5;
		margin: 24px 0px;
	}

	.media-header-filters {
		margin-top: 24px;
	}

	.mobile-form-btns {
		display: flex;
		justify-content: space-between;
		padding: 8px;
		background-color: #ffffff;
		box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.1);
	}

	.mobile-form-btns div {
		padding-top: 2.5px;
	}

	.mobile-form-btns div:first-child {
		border: 2px solid #e1e2e5;
	}

	.media-header-filters .search-media input {
		height: 60px;
		padding: 16px 32px;
	}

	.media-header-filters .search-media button {
		height: 60px;
		width: 60px;
	}

	.media-header-filters .search-media button::before {
		font-size: 24px;
	}

	.mobile-filters-btn {
		height: 60px;
		min-width: 60px;
		border: 2px solid #0f328c;
		border-radius: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding-top: 3px;
		margin-left: 8px;
	}

	.mobile-filters-btn::before {
		content: url(../images/icon-filter.svg);
	}
}

/* /media (updates) filters */

/* YAP */

.yap {
	background: #fff;
	padding: 120px 0px 40px 0px;
}

.yap .yap-parent {
	display: flex;
	align-items: center;
}

.yap .yap-parent .yap-left img {
	height: auto;
	width: 565.62px;
}

.yap .yap-parent .yap-right {
	margin-left: 100px;
}

.yap .yap-parent .yap-right h2 {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.07em;
	margin-bottom: 20px;
}

.yap .yap-parent .yap-right p:nth-child(2) {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.30em;
	margin-bottom: 20px;
}

.yap .yap-parent .yap-right p:nth-child(3) {
	max-width: 486px;
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
	margin-bottom: 15px;
}

.yap .yap-parent .yap-right .yap-buttons {
	margin-top: 50px;
}

.yap .yap-parent .yap-right .yap-buttons .grey-button {
	margin-left: 25px;
	border: 2px solid #E1E2E5;
}

@media screen and (max-width: 1024px) {
	.yap .yap-parent .yap-right .yap-buttons .grey-button {
		margin-left: 0;
		margin-top: 15px;
	}
}

@media screen and (max-width:820px) {
	.yap .yap-parent .yap-right {
		margin-left: 35px;
	}
}

@media screen and (max-width: 768px) {
	.yap .yap-parent .yap-right {
		margin-left: 20px;
	}

	.yap .yap-parent .yap-right .yap-buttons .grey-button {
		margin-left: 0;
		margin-top: 15px;
	}
}

@media screen and (max-width: 540px) {
	.yap {
		padding: 60px 0px 40px 0px;
	}

	.yap .yap-parent {
		flex-direction: column;
		justify-content: center;
	}

	.yap .yap-parent .yap-right {
		margin-left: 0;
		margin-top: 20px;
	}

	.yap .yap-parent .yap-right .yap-buttons {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}

	.yap .yap-parent .yap-right .yap-buttons .grey-button {
		margin-left: 0;
		margin-top: 20px;
	}
}

@media screen and (max-width: 425px) {
	.yap {
		padding: 60px 0px 40px 0px;
	}

	.yap .yap-parent {
		flex-direction: column;
		justify-content: center;
	}

	.yap .yap-parent .yap-right {
		margin-left: 0;
		margin-top: 20px;
	}

	.yap .yap-parent .yap-right .yap-buttons {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}

	.yap .yap-parent .yap-right .yap-buttons .grey-button {
		margin-left: 0;
		margin-top: 20px;
	}
}

@media screen and (max-width: 320px) {
	.yap {
		padding: 60px 0px 40px 0px;
	}

	.yap .yap-parent {
		flex-direction: column;
	}

	.yap .yap-parent .yap-right {
		margin-left: 0;
		margin-top: 20px;
	}

	.yap .yap-parent .yap-right .yap-buttons {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}

	.yap .yap-parent .yap-right .yap-buttons .grey-button {
		margin-left: 0;
		margin-top: 20px;
		text-align: center;
	}
}

/* PayGo */

.sub-intro .tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 80px;
}

.sub-intro .tabs .paygo,
.sub-intro .tabs .enterprise {
	max-width: 678px;
	width: 100%;
	height: 156px;
	cursor: none;
}

.sub-intro .paygo:first-child {
	margin-right: 4px;
}

.paygo.active {
	background-color: #FFFFFF !important;
	color: #001752 !important;
	border: none;
}

.tabcontent {
	display: none;
}

.tabcontent2 {
	display: block;
	background: #fff;
}

.sub-intro .tabs .paygo {
	display: flex;
	justify-content: space-between;
	background-color: #F3F5F9;
	border: none;
	text-align: left;
	color: #001752;
	padding: 30px;
}

.sub-intro .tabs .paygo div:nth-child(1) h2 {
	font-family: scandia-web, sans-serif;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
}

.sub-intro .tabs .paygo div:nth-child(1) p {
	font-family: scandia-web, sans-serif;
	height: 48px;
	max-width: 445px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	margin-top: 17px;
}

.sub-intro .tabs .paygo div:nth-child(2) {
	display: flex;
	height: 100%;
}

img#white {
	display: none;
}

img#orange-enterp {
	display: none;
}

.sub-intro .tabs .paygo div:nth-child(2) img {
	align-self: flex-end;
}

.tabcontent2 .paygo .header-body {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 100px 25px;
}

.tabcontent2 .paygo .header-body-right {
	width: 50%;
}

.tabcontent2 .paygo .header-body-right .images {
	position: relative;
	height: 500px;
	margin-left: 50px;
}

.tabcontent2 .paygo .header-body-right .rounded-logo {
	height: 390px;
	width: 390px;
	max-width: 88vw;
	max-height: 88vw;
	background-color: #F3F5F9;
	border-radius: 100%;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tabcontent2 .paygo .header-body-right .rounded-logo img {
	height: auto;
	width: 250px;
}

.tabcontent2 .paygo .header-body-right img:nth-child(2) {
	height: auto;
	width: 100%;
	position: absolute;
	bottom: 25px;
}

.tabcontent2 .paygo .header-body-right .header-buttons a:nth-child(2) {
	margin-left: 20px;
}

.tabcontent2 .paygo .header-body-right .header-buttons {
	display: flex;
	margin-top: 55px;
	align-items: flex-end;
	height: 10%;
}

.tabcontent2 .paygo .header-body-left {
	width: 65%;
	height: 100%;
}

.icons-grid ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.icons-grid ul li {
	margin: 20px;
	margin-left: 0;
	width: 100%;
}

.icons-grid ul li p {
	margin: 0;
	max-width: 150px;
	font-size: 12px;
}

.icons-grid ul li:nth-child(2) p {
	max-width: 160px;
}

.tabcontent2 .paygo .header-body-left h1 {
	color: #FF5417;
	font-family: scandia-web, sans-serif;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.07em;
	margin-bottom: 20px;
}

.tabcontent2 .paygo .header-body-left h2 {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.07em;
	margin-bottom: 20px;
}

.tabcontent2 .paygo .header-body-left>p {
	width: 485px;
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2em;
	margin-top: 45px;
}

.tabcontent2 .banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 120px;
	height: 200px;
	width: 100%;
	background-color: #FF9C66;
}

.tabcontent2 .banner div p:nth-child(1) {
	color: #FFFFFF;
	font-family: scandia-web, sans-serif;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	position: relative;
}

.tabcontent2 .banner div p:nth-child(2) {
	color: #FFFFFF;
	font-family: scandia-web, sans-serif;
	font-size: 23px;
	letter-spacing: 0;
	line-height: 1.23em;
	margin-top: 24px;
}

.tabcontent2 .banner img {
	position: absolute;
	top: 0;
	left: 95px;
}

.tabcontent2 .how-it-works {
	background-color: #F3F5F9;
}

.how-it-works .main-inner .works-left .how-it-works-mobile {
	display: none;
}

.tabcontent2 .how-it-works .main-inner {
	background-color: #F3F5F9;
	display: flex;
	justify-content: space-between;
	padding-top: 100px;
	padding-bottom: 100px;
}

.tabcontent2 .how-it-works .main-inner .works-left {
	width: 50%;
	position: relative;
	height: 100vh;
}

.tabcontent2 .how-it-works .main-inner .works-left h2 {
	width: 455px;
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.14em;
	margin-bottom: 150px;
}

.tabcontent2 .how-it-works .main-inner .works-left div img {
	width: 100%;
	height: auto;
	position: absolute;
}

.tabcontent2 .how-it-works .main-inner .works-left .video-holder {
	max-width: 630px;
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 56.25%;
}

.video-holder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}

.tabcontent2 .how-it-works .main-inner .works-left #video-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	overflow: hidden;
}

.tabcontent2 .how-it-works .main-inner .works-left div img:nth-child(2) {
	margin-right: 50px;
	width: 80px;
	height: auto;
}

.tabcontent2 .dotser {
	width: 50%;
	position: absolute;
	left: 0px;
	top: 60%;
}

#watch-now {
	display: none;
}

.tabcontent2 .how-it-works .main-inner .works-right {
	width: 45%;
	position: relative;
}

.tabcontent2 .how-it-works .main-inner .works-right img {
	position: absolute;
	left: 25%;
	right: 0;
}

.tabcontent2 .how-it-works .main-inner .works-right h1 {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.07em;
	margin-top: 70px;

}

.margin {
	margin-top: 100px !important;
}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list {
	display: flex;
	margin-top: 40px;

}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list .bignum {
	color: #FF7442;
	font-family: scandia-web, sans-serif;
	font-size: 120px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	width: 50px;
}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) {
	margin-left: 63px;
}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) h2 {
	color: #001752;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.07em;
	margin-bottom: 10px;
	margin-top: 10px;
}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) div {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-left: 5px;
	margin-bottom: 3px;
}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) div div:nth-child(1)::before {
	content: "•";
	position: absolute;
	top: 0;
	height: 100%;
}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) div div:nth-child(2) {
	margin-left: 20px;
	color: #001752;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list ul{
    padding-left: 25px;
}

.tabcontent2 .how-it-works .main-inner .works-right .bullet-list ul li{
    margin-bottom: 12px;
}

.tabcontent2 .cost {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
}

.tabcontent2 .cost .cost-left,
.tabcontent2 .cost .cost-right {
	width: 50%;
	position: relative;
	padding-right: 0;
	height: 765px;
	padding-top: 120px;
}

.tabcontent2 .cost .cost-right {
	padding-left: 80px;
}

.tabcontent2 .cost .cost-left {
	background-color: #FF7442;
	padding-left: 200px;
}

@media screen and (min-width: 1980px) and (max-width: 2560px) {
	.tabcontent2 .cost .cost-left {
		padding-left: 650px;
	}
}

@media screen and (max-width:1440px) {
	.tabcontent2 .cost .cost-left {
		padding-left: 90px;
	}

}

@media screen and (max-width:1024px) {
	.tabcontent2 .cost .cost-left {
		padding-left: 50px;
	}

}


.tabcontent2 .cost .cost-left h1 {
	color: #FFFFFF;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 1.07em;
}

.tabcontent2 .cost .cost-left p {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.17em;
	margin-top: 20px;
}

.tabcontent2 .cost .cost-left .cost-buttons {
	display: flex;
	margin-top: 90px;
}

.tabcontent2 .cost .cost-left .cost-buttons a {
	margin-right: 20px;
}

.tabcontent2 .cost .cost-left img {
	position: absolute;
	bottom: 30px;
	width: 255px;
	height: auto;
}

.tabcontent2 .cost .cost-right {
	background-color: #FF5417;
}

.tabcontent2 .cost .cost-right p {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.5px;
	line-height: 1.28em;
}

.tabcontent2 .cost .cost-right div {
	width: 485px;
	margin-top: 30px;
}

.tabcontent2 .cost .cost-right div p:nth-child(1) {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.17em;
	margin-bottom: 5px;
}

.tabcontent2 .cost .cost-right div span {
	color: #FFFFFF;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 1.41em;
	margin-bottom: 5px;
}

.tabcontent2 .cost .cost-right div p:nth-child(3) {
	color: #FFFFFF;
	font-size: 80px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1em;
}

.tabcontent2 .cost .cost-right div p:nth-child(3) span {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 1.38em;
}

.head-desc {
	width: 320px;
	color: #FF9C66;
	font-family: scandia-web, sans-serif;
	font-size: 48px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 50px;
	margin-bottom: 24px;
}

.mobile-desc {
	display: none;
}

#slide-bar {
	display: none;
}

@media screen and (max-width: 1280px) {
	.sub-intro .tabs .paygo div:nth-child(1) p {
		width: 100%;
	}

	.tabcontent2 .paygo .header-body {
		padding: 100px 0px;
	}
}

@media screen and (max-width: 1024px) {
	.sub-intro .tabs .paygo div:nth-child(1) p {
		width: 100%;
	}

	.tabcontent2 .banner {
		padding: 0px 30px;
	}

	.tabcontent2 .banner img {
		left: 30px;
	}

	.tabcontent2 .banner .button {
		padding: 0px 10px;
		font-size: 15px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div {
		width: 100%;
	}

	.tabcontent2 .cost .cost-right div {
		width: 100%;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) {
		display: flex;
		flex-direction: column;
	}

	.tabcontent2 .cost .cost-left,
	.tabcontent2 .cost .cost-right {
		height: 810px;
	}

	.tabcontent2 .paygo .header-body-right .rounded-logo {
		width: 325px;
		height: 325px;
	}

	.tabcontent2 .paygo .header-body-right .images {
		margin-left: 50px;
	}

	#slide-bar[type=range],
	#slide-bar2[type=range] {
		display: none;
		-webkit-appearance: none;
		appearance: none;
		width: 100%;
		background: rgb(75, 79, 84, 0.2);
		height: 6px;
		margin: 0;
		align-self: center;
		box-shadow: none;
	}

	#slide-bar[type=range]::-webkit-slider-thumb,
	#slide-bar2[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid #FF5417;
		height: 1px;
		width: 56px;
		cursor: pointer;
	}

	.tabcontent2 .paygo .header-body-right {
		margin-left: 0px;
	}

	.tabcontent2 .cost .cost-left .cost-buttons a {
		padding: 0 10px;
	}
}

@media screen and (max-width: 920px) {
	.tabcontent2 .cost .cost-left .cost-buttons a {
		padding: 0 7px;
	}

	.tabcontent2 .banner .button {
		padding: 0px 30px;
		width: 180px;
	}
}

@media screen and (max-width: 820px) {
	.sub-intro .main-inner .animation {
		display: none;
	}

	.sub-intro .tabs {
		padding-top: 20px;
		width: 100%;
	}

	.sub-intro .tabs .paygo {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		background: #0F328C;
		color: #FFFFFF;
		padding: 20px;
		height: 60px;
	}

	.sub-intro .tabs .paygo div:nth-child(1) p {
		display: none;
	}

	.sub-intro .tabs .paygo div:nth-child(2) img {
		display: none !important;
	}

	.sub-intro .tabs .paygo div:nth-child(1) h2 {
		font-size: 26px;
		letter-spacing: 0;
		line-height: 1.07em;
	}

	.tabcontent2 .paygo .main-inner .mobile-desc {
		display: block;
		padding-top: 20px;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 1.5em;
	}

	.tabcontent2 .paygo .header-body {
		flex-direction: column;
		padding: 64px 0px;
	}

	.tabcontent2 .paygo .header-body-left h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1.04em;
	}

	.tabcontent2 .paygo .header-body-left h2 {
		font-size: 43px;
		letter-spacing: -1px;
		line-height: 1.16em;
		width: 100%;
	}

	.tabcontent2 .paygo .header-body-left p {
		width: 100%;
		margin-top: 8px;
	}

	.tabcontent2 .paygo .header-body-left {
		width: 100%;
		margin-bottom: 20px;
	}

	.slick-prev,
	.slick-next {
		display: none !important;
	}

	.icons-grid {
		margin-top: 50px;
	}

	.icons-grid ul li {
		width: 165px;
		margin-right: 5px;
	}

	#slide-bar[type=range],
	#slide-bar2[type=range] {
		display: block;
		-webkit-appearance: none;
		appearance: none;
		width: 100%;
		background: rgb(75, 79, 84, 0.2);
		height: 6px;
		margin: 0;
		align-self: center;
		box-shadow: none;
	}

	#slide-bar[type=range]::-webkit-slider-thumb,
	#slide-bar2[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid #FF5417;
		height: 1px;
		width: 56px;
		cursor: pointer;
	}

	.tabcontent2 .paygo .header-body-right {
		width: 100%;
		margin: 0;
	}

	.tabcontent2 .paygo .header-body-right .rounded-logo {
		height: 283px;
		width: 283px;
		margin: 0 auto;
	}

	.tabcontent2 .paygo .header-body-right .button {
		padding: 0 18px;
	}

	.tabcontent2 .paygo .header-body-right img:nth-child(2) {
		display: none;
	}

	.tabcontent2 .paygo .header-body-right .images {
		height: 100%;
		margin: 0;
	}

	.tabcontent2 .paygo .header-body-right .header-buttons {
		margin-top: 40px;
		align-items: center;
		justify-content: center;
		flex-direction: row;
	}

	.tabcontent2 .paygo .main-inner .header-body .header-body-right .header-buttons .button {
		padding: 0px 5px;
	}

	.tabcontent2 .banner {
		height: 100%;
		flex-direction: column;
		padding: 25px 20px;
		align-items: flex-start;
	}

	.tabcontent2 .banner img {
		right: 20px;
		left: unset;
	}

	.tabcontent2 .banner div p:nth-child(1) {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1.12em;
		margin-bottom: 20px;
	}

	.tabcontent2 .banner div p:nth-child(2) {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1.28em;
		margin-bottom: 20px;
	}

	.tabcontent2 .how-it-works .main-inner {
		flex-direction: column;
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left h2 {
		width: 100%;
		font-size: 23px;
		letter-spacing: 0;
		line-height: 1.39em;
	}

	.tabcontent2 .how-it-works .main-inner .works-left {
		width: 100%;
		height: 100%;
	}

	.tabcontent2 .how-it-works .main-inner .works-right img:nth-child(1),
	.tabcontent2 .how-it-works .main-inner .works-right h1 {

	}

	.tabcontent2 .dotser {
		display: none;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile {
		display: block;
		position: relative;
		margin-top: 80px !important;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile h1 {
		font-size: 45px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 1.11em;
		width: 300px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div {
		width: 100%;
		height: 100%;
		margin-top: 50px;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile .circle-mobile {
		position: absolute;
		width: 134px;
		height: auto;
		left: 130px;
		top: -35px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div img {
		width: 3200px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div img:nth-child(2) {
		width: 41px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div p {
		position: absolute;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 2em;
		top: 70px;
		right: 70px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right {
		width: 100%;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list.margin {
		margin-top: 50px !important;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) {
		margin-left: 30px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list .bignum {
		font-size: 26px;
		position: absolute;
		top: 0px;
	}

	.tabcontent2 .cost {
		flex-direction: column;
		margin-top: 0;
	}

	.tabcontent2 .cost .cost-left,
	.tabcontent2 .cost .cost-right {
		width: 100%;
		padding: 35px 55px;
		height: 100%;
		overflow: hidden;
	}

	.tabcontent2 .cost .cost-left h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1.04em;
	}

	.tabcontent2 .cost .cost-left img {
		width: 120px;
		right: -45px;
		top: 155px;
	}

	.tabcontent2 .cost .cost-left p {
		font-size: 28px;
		letter-spacing: 0;
		line-height: 1.17em;
	}

	.tabcontent2 .cost .cost-left .cost-buttons {
		margin-top: 55px;
		margin-bottom: 25px;
	}

	.tabcontent2 .cost .cost-left .cost-buttons a {
		padding: 0px 15px;
	}

	.tabcontent2 .cost .cost-right div {
		width: 100%;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) {
		display: flex;
		flex-direction: column;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) span {
		margin-top: 10px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left #video-container {
		margin-top: 255px;
		margin-bottom: 180px;
	}

	.tabcontent2 .cost .cost-left .cost-buttons a {
		padding: 0 10px;
	}
}

@media screen and (max-width: 768px) {
	.sub-intro .main-inner .animation {
		display: none;
	}

	.sub-intro .tabs {
		padding-top: 20px;
		width: 100%;
	}

	.sub-intro .tabs .paygo {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 20px;
		height: 60px;
	}

	.sub-intro .tabs .paygo div:nth-child(1) p {
		display: none;
	}

	.sub-intro .tabs .paygo div:nth-child(2) img {
		display: none !important;
	}

	.sub-intro .tabs .paygo div:nth-child(1) h2 {
		font-size: 26px;
		letter-spacing: 0;
		line-height: 1.07em;
	}

	.mobile-desc {
		display: block;
		padding-top: 20px;
		max-width: 550px;
		color: #001752;
		font-family: scandia-web, sans-serif;
		font-size: 16px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		line-height: 24px !important;
	}


	.head-desc {
		width: 320px;
		color: #FF9C66;
		font-family: scandia-web, sans-serif;
		font-size: 48px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 50px;
		margin-bottom: 24px;
	}

	.tabcontent2 .paygo .header-body {
		flex-direction: column;
		padding: 44px 0px;
	}

	.tabcontent2 .paygo .header-body-left h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1.04em;
	}

	.tabcontent2 .paygo .header-body-left h2 {
		font-size: 43px;
		letter-spacing: -1px;
		line-height: 1.16em;
		width: 100%;
	}

	.tabcontent2 .paygo .header-body-left p {
		width: 100%;
		margin-top: 8px;
	}

	.icons-grid ul li p {
		margin-top: 8px;
		font-size: 10px;
	}

	.tabcontent2 .paygo .header-body-left {
		width: 100%;
		margin-bottom: 20px;
	}

	.slick-prev,
	.slick-next {
		display: none !important;
	}

	.icons-grid {
		margin-top: 50px;
	}

	.icons-grid ul li {
		width: 165px;
		margin-right: 5px;
		margin-bottom: 0;
	}

	#slide-bar[type=range] {
		display: block;
		-webkit-appearance: none;
		appearance: none;
		width: 100%;
		background: rgb(75, 79, 84, 0.2);
		height: 6px;
		margin-top: 34px;
		margin-bottom: 60px;
		align-self: center;
		box-shadow: none;
	}


	#slide-bar2[type=range] {
		display: none;
	}

	#slide-bar[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid #FF5417;
		height: 1px;
		width: 56px;
		cursor: pointer;
	}

	.tabcontent2 .paygo .header-body-right {
		width: 100%;
		margin: 0;
	}

	.tabcontent2 .paygo .header-body-right .rounded-logo {
		height: 283px;
		width: 283px;
	}

	.tabcontent2 .paygo .header-body-right .rounded-logo img {
		width: 200px;
	}

	.tabcontent2 .paygo .header-body-right .button {
		padding: 0 18px;
	}

	.tabcontent2 .paygo .header-body-right img:nth-child(2) {
		display: none;
	}

	.tabcontent2 .paygo .header-body-right .images {
		height: 100%;
		margin: 0;
	}

	.tabcontent2 .paygo .header-body-right .header-buttons {
		margin-top: 40px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}


	.tabcontent2 .paygo .main-inner .header-body .header-body-right .header-buttons .button {
		margin-left: 0;
		margin-bottom: 20px;
		width: 150px;
	}

	.tabcontent2 .paygo .main-inner .header-body .header-body-right .header-buttons .button:first-child {
		margin-right: 0px;
	}

	.tabcontent2 .banner {
		height: 100%;
		flex-direction: column;
		padding: 25px 20px;
		align-items: flex-start;
	}

	.tabcontent2 .banner img {
		right: 20px;
		left: unset;
	}

	.tabcontent2 .banner div p:nth-child(1) {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1.12em;
		margin-bottom: 20px;
	}

	.tabcontent2 .banner div p:nth-child(2) {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1.28em;
		margin-bottom: 20px;
	}

	.tabcontent2 .how-it-works .main-inner {
		flex-direction: column;
		padding-top: 64px;
		padding-bottom: 60px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left h2 {
		width: 100%;
		font-size: 23px;
		letter-spacing: 0;
		line-height: 1.39em;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left {
		width: 100%;
		height: 100%;
	}

	.tabcontent2 .how-it-works .main-inner .works-right img:nth-child(1),
	.tabcontent2 .how-it-works .main-inner .works-right h1 {

	}

	.tabcontent2 .dotser {
		display: none;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile {
		display: block;
		position: relative;
		margin-top: 80px !important;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile h1 {
		font-size: 45px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 1.11em;
		width: 300px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div {
		width: 100%;
		height: 100%;
		margin-top: 40px;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile .circle-mobile {
		position: absolute;
		width: 134px;
		height: auto;
		left: 130px;
		top: -35px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left #video-container {
		margin-top: 255px;
		margin-bottom: 100px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div img {
		width: 100%;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div img:nth-child(2) {
		width: 75px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div p {
		position: absolute;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 2em;
		top: 70px;
		right: 70px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right {
		width: 100%;
		margin-top: 10px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list {
		margin-top: 50px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) {
		margin-left: 30px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list .bignum {
		font-size: 26px;
		position: absolute;
		top: 11px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) h2 {
		margin-bottom: 16px;
	}

	.tabcontent2 .cost {
		flex-direction: column;
		margin-top: 0;
	}

	.tabcontent2 .cost .cost-left,
	.tabcontent2 .cost .cost-right {
		width: 100%;
		padding: 35px 15px;
		height: 100%;
		overflow: hidden;
	}

	.tabcontent2 .cost .cost-left h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1.04em;
	}

	.tabcontent2 .cost .cost-left img {
		width: 120px;
		right: -45px;
		top: 155px;
		z-index: -1;
	}

	.tabcontent2 .cost .cost-left p {
		font-size: 28px;
		letter-spacing: 0;
		line-height: 1.17em;
	}

	.tabcontent2 .cost .cost-left .cost-buttons {
		margin-top: 55px;
		margin-bottom: 25px;
	}

	.tabcontent2 .cost .cost-left .cost-buttons a {
		padding: 0px 30px;
		max-width: 200px;
	}

	.tabcontent2 .cost .cost-right div {
		width: 100%;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) {
		display: flex;
		flex-direction: column;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) span {
		margin-top: 10px;
	}
}

@media screen and (max-width: 540px) {

	.tabcontent2 .cost .cost-left,
	.tabcontent2 .cost .cost-right {
		padding: 35px 20px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div p {
		top: 127px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left #video-container {
		margin-bottom: 10px;
		margin-top: 200px;
	}


}

@media screen and (max-width: 425px) {
	.sub-intro .main-inner .animation {
		display: none;
	}

	.sub-intro .tabs {
		padding-top: 20px;
		width: 100%;
	}

	.sub-intro .tabs .paygo {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 20px;
		height: 60px;
	}

	.sub-intro .tabs .paygo div:nth-child(1) p {
		display: none;
	}

	.sub-intro .tabs .paygo div:nth-child(2) img {
		display: none !important;
	}

	.sub-intro .tabs .paygo div:nth-child(1) h2 {
		font-size: 26px;
		letter-spacing: 0;
		line-height: 1.07em;
	}

	.mobile-desc {
		display: block;
		padding-top: 20px;
		max-width: 306px;
		color: #001752;
		font-family: scandia-web, sans-serif;
		font-size: 16px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		line-height: 24px !important;
	}


	.head-desc {
		width: 320px;
		color: #FF9C66;
		font-family: scandia-web, sans-serif;
		font-size: 48px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 50px;
		margin-bottom: 24px;
	}


	.tabcontent2 .paygo .header-body {
		flex-direction: column;
		padding: 44px 0px;
	}

	.tabcontent2 .paygo .header-body-left h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1.04em;
	}

	.tabcontent2 .paygo .header-body-left h2 {
		font-size: 43px;
		letter-spacing: -1px;
		line-height: 1.16em;
		width: 280px
	}

	.tabcontent2 .paygo .header-body-left p {
		width: 100%;
		margin-top: 8px;
	}

	.icons-grid ul li p {
		margin-top: 8px;
		font-size: 10px;
	}

	.tabcontent2 .paygo .header-body-left {
		width: 100%;
		margin-bottom: 20px;
	}

	.slick-prev,
	.slick-next {
		display: none !important;
	}

	.icons-grid {
		margin-top: 50px;
	}

	.icons-grid ul li {
		width: 165px;
		margin-right: 5px;
		margin-bottom: 0;
	}

	#slide-bar[type=range],
	#slide-bar2[type=range] {
		display: block;
		-webkit-appearance: none;
		appearance: none;
		width: 100%;
		background: rgb(75, 79, 84, 0.2);
		height: 6px;
		margin-top: 34px;
		margin-bottom: 60px;
		align-self: center;
		box-shadow: none;
	}

	#slide-bar[type=range]::-webkit-slider-thumb,
	#slide-bar2[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid #FF5417;
		height: 1px;
		width: 56px;
		cursor: pointer;
		box-shadow: none;
	}

	.tabcontent2 .paygo .header-body-right {
		width: 100%;
		margin: 0;
	}

	.tabcontent2 .paygo .header-body-right .rounded-logo {
		height: 283px;
		width: 283px;
		margin-top: 40px;
	}

	.tabcontent2 .paygo .header-body-right .button {
		padding: 0 18px;
	}

	.tabcontent2 .paygo .header-body-right img:nth-child(2) {
		display: none;
	}

	.tabcontent2 .paygo .header-body-right .images {
		height: 100%;
		margin: 0;
	}

	.tabcontent2 .paygo .header-body-right .header-buttons {
		margin-top: 40px;
		align-items: center;
		justify-content: center;
	}

	.tabcontent2 .paygo .main-inner .header-body .header-body-right .header-buttons .button {
		margin-left: 0;
		margin-bottom: 20px;
		width: 150px;
	}

	.tabcontent2 .banner {
		height: 100%;
		flex-direction: column;
		padding: 25px 20px;
		align-items: flex-start;
	}

	.tabcontent2 .banner img {
		right: 20px;
		left: unset;
	}

	.tabcontent2 .banner div p:nth-child(1) {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1.12em;
		margin-bottom: 20px;
	}

	.tabcontent2 .banner div p:nth-child(2) {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1.28em;
		margin-bottom: 20px;
	}

	.tabcontent2 .how-it-works .main-inner {
		flex-direction: column;
		padding-top: 64px;
		padding-bottom: 60px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left h2 {
		width: 100%;
		font-size: 23px;
		letter-spacing: 0;
		line-height: 1.39em;
		font-weight: bold;
	}

	.tabcontent2 .how-it-works .main-inner .works-left {
		width: 100%;
		height: 100%;
	}

	.tabcontent2 .how-it-works .main-inner .works-right img:nth-child(1),
	.tabcontent2 .how-it-works .main-inner .works-right h1 {

	}

	.tabcontent2 .dotser {
		display: none;
	}



	.how-it-works .main-inner .works-left .how-it-works.v2 h1 {
		font-size: 45px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 1.11em;
		width: 300px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div {
		width: 100%;
		height: 100%;
		margin-top: 40px;
	}

	.how-it-works .main-inner .works-left .how-it-works.v2 .circle-mobile {
		position: absolute;
		width: 134px;
		height: auto;
		left: 130px;
		top: -35px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div img {
		width: 3200px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div img:nth-child(2) {
		width: 41px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div p {
		position: absolute;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 2em;
		top: 70px;
		right: 70px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right {
		width: 100%;
		margin-top: 10px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list.margin {
		margin-top: 50px !important;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) {
		margin-left: 30px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list .bignum {
		font-size: 26px;
		position: absolute;
		top: 11px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) h2 {
		margin-bottom: 16px;
	}

	.tabcontent2 .cost {
		flex-direction: column;
		margin-top: 0;
	}

	.tabcontent2 .cost .cost-left,
	.tabcontent2 .cost .cost-right {
		width: 100%;
		padding: 35px 15px;
		height: 100%;
		overflow: hidden;
	}

	.tabcontent2 .cost .cost-left h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1.04em;
	}

	.tabcontent2 .cost .cost-left img {
		width: 120px;
		right: -45px;
		top: 155px;
	}

	.tabcontent2 .cost .cost-left p {
		font-size: 28px;
		letter-spacing: 0;
		line-height: 1.17em;
	}

	.tabcontent2 .cost .cost-left .cost-buttons {
		margin-top: 55px;
		margin-bottom: 25px;
		align-items: center;
		justify-content: center;
		display: flex;
		width: 100%;
	}

	.tabcontent2 .cost .cost-left .cost-buttons a:first-child {
		margin-right: 20px;
	}

	.tabcontent2 .cost .cost-left .cost-buttons a {
		padding: 0px 30px;
		margin: 0;
		max-width: 200px;
	}

	.tabcontent2 .cost .cost-right div {
		width: 100%;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) {
		display: flex;
		flex-direction: column;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) span {
		margin-top: 10px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left #video-container {
		margin-bottom: 10px;
		margin-top: 170px;
	}
}

@media screen and (max-width: 320px) {
	.sub-intro .main-inner .animation {
		display: none;
	}

	.sub-intro .tabs {
		padding-top: 20px;
		width: 100%;
	}

	.sub-intro .tabs .paygo {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 20px;
		height: 60px;
	}

	.sub-intro .tabs .paygo div:nth-child(1) p {
		display: none;
	}

	.sub-intro .tabs .paygo div:nth-child(2) img {
		display: none !important;
	}

	.sub-intro .tabs .paygo div:nth-child(1) h2 {
		font-size: 26px;
		letter-spacing: 0;
		line-height: 1.07em;
	}

	.mobile-desc {
		display: block;
		padding-top: 20px;
		max-width: 306px;
		color: #001752;
		font-family: scandia-web, sans-serif;
		font-size: 16px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		line-height: 24px !important;
	}


	.head-desc {
		width: 320px;
		color: #FF9C66;
		font-family: scandia-web, sans-serif;
		font-size: 48px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 50px;
		margin-bottom: 24px;
	}

	.tabcontent2 .paygo .header-body {
		flex-direction: column;
		padding: 44px 0px;
	}

	.tabcontent2 .paygo .header-body-left h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1.04em;
	}

	.tabcontent2 .paygo .header-body-left h2 {
		font-size: 43px;
		letter-spacing: -1px;
		line-height: 1.16em;
		width: 280px
	}

	.tabcontent2 .paygo .header-body-left p {
		width: 100%;
		margin-top: 8px;
	}

	.icons-grid ul li p {
		margin-top: 8px;
		font-size: 10px;
		margin-bottom: 6px;
	}

	.tabcontent2 .paygo .header-body-left {
		width: 100%;
	}

	.slick-prev,
	.slick-next {
		display: none !important;
	}

	.icons-grid {
		margin-top: 30px;
	}

	.icons-grid ul li {
		width: 165px;
		margin-right: 5px;
		margin-bottom: 0;
	}

	#slide-bar[type=range],
	#slide-bar2[type=range] {
		display: block;
		-webkit-appearance: none;
		appearance: none;
		width: 100%;
		background: rgb(75, 79, 84, 0.2);
		height: 6px;
		margin-top: 34px;
		margin-bottom: 60px;
		align-self: center;
		box-shadow: none;
	}

	#slide-bar[type=range]::-webkit-slider-thumb,
	#slide-bar2[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid #FF5417;
		height: 1px;
		width: 56px;
		cursor: pointer;
	}

	.tabcontent2 .paygo .header-body-right {
		width: 100%;
		margin: 0;
	}

	.tabcontent2 .paygo .header-body-right .rounded-logo {
		height: 283px;
		width: 283px;
	}

	.tabcontent2 .paygo .header-body-right .button {
		padding: 0 18px;
	}

	.tabcontent2 .paygo .header-body-right img:nth-child(2) {
		display: none;
	}

	.tabcontent2 .paygo .header-body-right .images {
		height: 100%;
		margin: 0;
	}

	.tabcontent2 .paygo .header-body-right .header-buttons {
		margin-top: 40px;
		align-items: center;
		justify-content: center;
	}

	.tabcontent2 .paygo .main-inner .header-body .header-body-right .header-buttons .button {
		margin-left: 0;
		margin-bottom: 20px;
		width: 150px;
	}

	.tabcontent2 .banner {
		height: 100%;
		flex-direction: column;
		padding: 25px 20px;
		align-items: flex-start;
	}

	.tabcontent2 .banner img {
		right: 20px;
		left: unset;
	}

	.tabcontent2 .banner div p:nth-child(1) {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1.12em;
		margin-bottom: 20px;
	}

	.tabcontent2 .banner div p:nth-child(2) {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1.28em;
		margin-bottom: 20px;
	}

	.tabcontent2 .how-it-works .main-inner {
		flex-direction: column;
		padding-top: 64px;
		padding-bottom: 60px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left h2 {
		width: 100%;
		font-size: 23px;
		letter-spacing: 0;
		line-height: 1.39em;
	}

	.tabcontent2 .how-it-works .main-inner .works-left {
		width: 100%;
		height: 100%;
	}

	.tabcontent2 .how-it-works .main-inner .works-right img:nth-child(1),
	.tabcontent2 .how-it-works .main-inner .works-right h1 {

	}

	.tabcontent2 .dotser {
		display: none;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile {

		position: relative;
		margin-top: 80px !important;
	}

	.how-it-works .main-inner .works-left .how-it-works.v2 h1 {
		font-size: 45px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 1.11em;
		width: 300px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div {
		width: 100%;
		height: 100%;
		margin-top: 40px;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile .circle-mobile {
		position: absolute;
		width: 130px;
		height: auto;
		left: 130px;
		top: -35px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div img {
		width: 3200px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div img:nth-child(2) {
		width: 41px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left div p {
		position: absolute;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 2em;
		top: 70px;
		right: 70px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right {
		width: 100%;
		margin-top: 10px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list.margin {
		margin-top: 50px !important;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) {
		margin-left: 30px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list .bignum {
		font-size: 26px;
		position: absolute;
		top: 11px;
	}

	.tabcontent2 .cost {
		flex-direction: column;
		margin-top: 0;
	}

	.tabcontent2 .cost .cost-left,
	.tabcontent2 .cost .cost-right {
		width: 100%;
		padding: 35px 15px;
		height: 100%;
		overflow: hidden;
	}

	.tabcontent2 .cost .cost-left h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1.04em;
	}

	.tabcontent2 .cost .cost-left img {
		width: 120px;
		right: -45px;
		top: 155px;
	}

	.tabcontent2 .cost .cost-left p {
		font-size: 28px;
		letter-spacing: 0;
		line-height: 1.17em;
	}

	.tabcontent2 .cost .cost-left .cost-buttons {
		margin-top: 55px;
		margin-bottom: 25px;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		display: flex;
		width: 100%;
	}

	.tabcontent2 .cost .cost-left .cost-buttons a:first-child {
		margin-bottom: 20px;
		margin-right: 0;
	}

	.tabcontent2 .cost .cost-left .cost-buttons a {
		padding: 0px 20px;
		margin: 0;
		width: 200px;
	}

	.tabcontent2 .cost .cost-right div {
		width: 100%;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) {
		display: flex;
		flex-direction: column;
	}

	.tabcontent2 .cost .cost-right div p:nth-child(3) span {
		margin-top: 10px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left #video-container {
		margin-bottom: 10px;
		margin-top: 150px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) h2 {
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 280px) {
	.tabcontent2 .paygo .header-body-left h2 {
		width: 100%;
	}

	.tabcontent2 .paygo .header-body-left p {
		width: 100%;
		margin-top: 8px;
	}

	.icons-grid ul li p {
		margin-top: 8px;
		font-size: 10px;
	}

	.tabcontent2 .how-it-works .main-inner .works-right .bullet-list div:nth-child(2) h2 {
		margin-bottom: 16px;
	}

	.tabcontent2 .paygo .header-body-right .rounded-logo {
		width: 235px;
		height: 235px;
	}

	.tabcontent2 .how-it-works .main-inner .works-left h2 {
		width: 100%;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile h1 {
		width: 100%;
	}

	.how-it-works .main-inner .works-left .how-it-works-mobile .circle-mobile {
		left: 90px;
	}

	.tabcontent2 .paygo .main-inner .header-body .header-body-right .header-buttons .button {
		padding: 0px 7px;
	}
}

.thank-you-mess .main-inner .thankyou h2 {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 60px;
}

.thank-you-mess .main-inner .thankyou p {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 28px;
	letter-spacing: 0;
	line-height: 32px;
}

.thank-you-mess .main-inner .thankyou p:last-child {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 28px;
	letter-spacing: 0;
	line-height: 32px;
}





/* THANK YOU PAGE */

body.ty-page {
	background-color: #FFF;
}

body.ty-page .nav {
	background: #F3F5F9;
}

.thank-you-header {
	background: #2A54C0;
	height: 522px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.thank-you-header .main-inner {
	display: flex;
	position: relative;
}

.thank-you-header .main-inner>div {
	position: relative;
	width: 50%;
}

.thank-you-header .main-inner>div:first-child {
	width: 56%;
}

.thank-you-header>img {
	position: absolute;
	right: 0;
	bottom: 135px;
	z-index: 1;
}

.thank-you-header .main-inner>div:first-child img {
	position: absolute;
	right: 41px;
	bottom: 30px;
	z-index: -2;
}

.thank-you-header .main-inner p {
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.thank-you-header .main-inner h1 {
	max-width: 677px;
	color: #FFF;
	font-size: 90px;
	font-style: normal;
	font-weight: 700;
	line-height: 90px;
	letter-spacing: -0.5px;
	margin-top: 26px;
}

.thank-you-header .main-inner h1 span {
	color: #FF7442;
}

.thank-you-header .main-inner>div:last-child img {
	max-width: 377.818px;
	width: 100%;
	height: auto;
}

.thank-you-body .ty-main {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 120px 0px 0px;
}

.thank-you-body .ty-main div {
	width: 50%;
}

.thank-you-body .ty-main div:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
}

.thank-you-header .main-inner>div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.thank-you-body .ty-main div img {
	max-width: 474px;
	width: 100%;
	height: auto;
	margin-right: 10px;
}

.thank-you-body .ty-main div h2 {
	color: #001752;
	max-width: 372px;
	font-family: scandia-web, sans-serif;
	font-size: 56px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px;
	letter-spacing: -0.5px;
	margin-bottom: 42px;
}

.thank-you-body .ty-main div p {
	color: #001752;
	font-family: scandia-web, sans-serif;
	font-size: 26px;
	max-width: 527px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

body.ty-page .big-title.lightblue-title.big-title-contact:before {
	display: none;
}

body.ty-page .dot-image {
	width: 100%;
	margin-top: 63px;
	margin-bottom: 41px;
	display: flex;
	justify-content: flex-end;
}

body.ty-page .big-title {
	padding: 0;
}

@media screen and (max-width: 1280px) {
	.thank-you-header .main-inner>div:first-child img {
		right: 70%;
		bottom: -50px;
	}

	.thank-you-header .main-inner>div:last-child img {
		right: 70px;
		top: 100px;
	}
}

@media screen and (max-width: 1024px) {
	body.ty-page .nav {
		padding: 0px 20px;
	}

	.thank-you-header {
		padding: 54px 0px 170px;
		min-height: 490px;
	}


	.thank-you-header .main-inner {
		flex-direction: row;
	}

	.thank-you-header .main-inner p {
		font-size: 17px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
	}

	.thank-you-header .main-inner>div:first-child img {
		max-width: 95px;
		width: 100%;
		height: auto;
		right: 195px;
		bottom: 95px;
	}

	.thank-you-header .main-inner h1 {
		width: 290px;
		margin-top: 16px;
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 40px;
		letter-spacing: -0.5px;
	}

	.thank-you-header>img {
		bottom: 110px;
		right: 0px;
		max-width: 530px;
		width: 100%;
		height: auto;
	}

	.thank-you-header .main-inner>div:last-child img {
		top: 110px;
		width: 285.21px;
		height: auto;
		right: 100px;
	}

	.thank-you-body .ty-main {
		flex-direction: row;
		padding: 64px 0px 0px
	}

	.thank-you-body .ty-main div {
		width: 100%;
		padding: 0 20px;
	}

	.thank-you-body .ty-main div img {
		padding-bottom: 40px;
	}

	.thank-you-body .ty-main div h2 {
		font-size: 26px;
		font-style: normal;
		font-weight: 700;
		line-height: 33.8px;
		letter-spacing: -0.5px;
		margin-bottom: 24px;
	}

	.thank-you-body .ty-main div p {
		font-size: 14px;
		font-style: normal;
		max-width: 100%;
		font-weight: 400;
		line-height: 24px;
		margin-bottom: 64px;
	}

	body.ty-page .dot-image {
		display: none;
	}
}

@media screen and (max-width: 912px) {
	.thank-you-header .main-inner>div:first-child img {
		right: 105px;
	}
}

@media screen and (max-width: 820px) {
	.thank-you-header .main-inner>div:first-child img {
		max-width: 95px;
		width: 100%;
		height: auto;
		right: 90px;
		bottom: 70px;
	}

	.thank-you-header>img {
		bottom: 70px;
		right: 0px;
		max-width: 480px;
		width: 100%;
		height: auto;
	}

	.thank-you-header .main-inner>div:last-child img {
		top: 175px;
		width: 255.21px;
		height: auto;
		right: 100px;
	}
}

@media screen and (max-width: 768px) {
	.thank-you-header .main-inner {
		flex-direction: column;
	}

	.thank-you-header .main-inner>div:first-child img {
		max-width: 95px;
		width: 100%;
		height: auto;
		right: 125px;
		bottom: -35px;
	}

	.thank-you-header>img {
		bottom: 35px;
		right: 0px;
		max-width: 530px;
		width: 100%;
		height: auto;
	}

	.thank-you-header .main-inner>div:last-child img {
		top: 80px;
		width: 240.21px;
		height: auto;
		right: -185px;
	}

	.thank-you-body .ty-main {
		flex-direction: column;
		padding: 64px 0px 0px
	}
}

@media screen and (max-width: 540px) {
	.thank-you-header .main-inner>div:first-child img {
		right: 0px;
	}

	.thank-you-header>img {
		max-width: 450px;
	}

	.thank-you-header .main-inner>div:last-child img {
		top: 114px;
		width: 227.21px;
		right: -104px;
	}
}

@media screen and (max-width: 450px) {
	.thank-you-header .main-inner>div:first-child img {
		max-width: 96px;
		width: 100%;
		height: auto;
		right: -65px;
		bottom: -35px;
	}

	.thank-you-header>img {
		bottom: 65px;
		right: -50px;
		max-width: 650px;
		width: 100%;
		height: auto;
	}

	.thank-you-header .main-inner>div:last-child img {
		top: 80px;
		width: 206.21px;
		height: auto;
		right: -105px;
	}

	.thank-you-body .ty-main {
		flex-direction: column;
		padding: 64px 0px 0px
	}

	.thank-you-body .ty-main div {
		width: 100%;
		padding: 0 20px;
	}

	body.ty-page .dot-image {
		display: none;
	}
}

@media screen and (max-width: 375px) {

	.thank-you-header .main-inner>div:first-child img {
		right: -95px;
	}

	.thank-you-header>img {
		bottom: 70px;
		right: -50px;
	}

	.thank-you-header .main-inner>div:last-child img {
		top: 100px;
	}
}

@media screen and (max-width: 320px) {
	.thank-you-header .main-inner>div:first-child img {
		max-width: 96px;
		width: 100%;
		height: auto;
		right: 70px;
		bottom: -40px;
	}

	.thank-you-header .main-inner h1 {
		width: 270px;
		margin-top: 16px;
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 40px;
		letter-spacing: -0.5px;
	}

	.thank-you-header>img {
		bottom: 65px;
		right: -25px;
		max-width: 650px;
		width: 100%;
		height: auto;
	}
}

/* EDUSECTOR SUBMIT LOADER */

.loader {
	display: none;
	position: fixed;
	background: rgba(255, 255, 255, 0.75);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
}

.loader>div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.loader .dot-loader {
	width: 20px;
	height: 20px;
	background-color: #e74c3c;
	border-radius: 50%;
	margin: 0 5px;
	animation: leap 1s ease-in-out infinite, colorChange 2s infinite alternate;
}

.dot-loader:nth-child(2) {
	animation-delay: 0.2s;
}

.dot-loader:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes leap {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
	}

	60% {
		transform: translateY(-20px);
	}
}

@keyframes colorChange {

	0%,
	100% {
		background-color: #FF5417;
	}

	50% {
		background-color: #0F328C;
	}
}


/* Homepage Updates */

.button-dark{
    background: #0F328C;
    background-color:  #0F328C;
    color: #FFFFFF;
}

.button-white-inv{
    background: #FFFFFF;    
    color: #0f328c!important;
}
.button-white-inv:hover{
    background: #0F328C!important;
    color: #FFFFFF!important;
}

.slick-dots{
    cursor: pointer;
}

.home-what-payat.home-hero h2{
 
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: 77px; /* 102.667% */
    letter-spacing: -1px;
    max-width: 650px;
    min-width: 650px;
}

.home-what-payat.home-hero .main-inner{
    padding-top: 60px;
}

.home-what-payat.home-hero .main-inner>div{
    margin-right: 8px;
    
}

@media screen and (max-width: 1520px) {
    
    .home-what-payat.home-hero h2{
        min-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    
    
  .home-what-payat.home-hero h2{
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 104.167% */
    letter-spacing: -1px;
}
    
}



.home-what-payat.home-hero h4{
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 16px;
}

.home-what-payat.home-hero h2 span {
    color: #ff7442;
}

.home-what-payat p{
    max-width: 568px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.home-what-payat.home-hero .main-inner{
    justify-content: center;
    align-items: center;
}

.home-what-payat.home-hero .button{
    margin-right: 16px;
    margin-bottom: 16px;
}



.similar-articles .slick-dots button{
    display: none;
}

.similar-articles .slick-dots {
    position: absolute;
    bottom: -30px;
    left: 35px;
    transform: translateX(-50%);
    display: flex;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .similar-articles .slick-dots {
    left:45px;
    }
}

.similar-articles .slick-dots button {
	display: none;
}

.similar-articles .slick-dots li {
	width: 18px;
	height: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.similar-articles .slick-dots li:before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #e1e2e5;
}

.similar-articles .slick-dots li.slick-active:before {
	background: #0f328c;
}

.featured-article-txt{
 padding: 0px 36px;
}

.have-any-question::before{
    right: 65px;
}

.footer .bottom-row .social a {
    color: #0f328c;
    margin-left: 25px;
    font-size: 22px;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    
    .footer .bottom-row .social{
        position: absolute;
        right: 0px;
        top: -70px;
        left: unset;
        text-align: end;
    }
    
    .footer .middle-row>div {
        max-width: 190px;
    }
}

/* Updated Nav */

.subnav {
    display: flex;
    align-items: center;
}


.menu-item{
    position: unset;
    margin-right: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.menu-item.hover:after{
    content: "";
    background: url(../images/input-field-dropdown.svg);
    background-size: contain;
    width: 10px;
    height: 5px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-item .menu-hover{
    display: none;
    opacity: 0;
    background:#FFFFFF;
    margin-top: 0px;
    transition: all 2s;
}

.nav .subnav .menu-hover .submenu-item{
    padding:16px;
    border-bottom: 2px solid #F3F5F9;
 
}

.nav .subnav .menu-hover .submenu-item a{
     display: flex;
    flex-direction: column;
}
.nav .subnav .menu-hover .submenu-item a img{
    max-width: 35px;
    margin-bottom: 16px;
}
.nav .subnav .menu-hover .submenu-item p{
    margin-top: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: 232px;
}

.nav .subnav .menu-hover  #all-solutions{
    
}

.subnav .submenu-item:hover{
    background: rgba(42, 84, 192, 0.15);
}

 .subnav .menu-item:hover .menu-hover, .subnav  .menu-hover:hover{
    display: flex;
    opacity: 1;
    flex-direction: column;
    position: absolute;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}

.nav.v2 {
    min-width: unset!important;
    padding: 30px 80px;
}

.nav.v2 .subnav a{
    padding:0px;
}

.nav.v2 .subnav a:hover{
    text-decoration: none;
}

.nav.v2 .pay_now_btn{
    position: relative;
    right: unset;
}

.nav.v2 .menu_items{
    display: none;
}

.nav.v2 button{
 
}

.nav.v2 .pay_now_btn.button-dark{
    background: #0F328C;
    background-color:  #0F328C;
    color: #FFFFFF;
     margin-left: 16px;
}

@media screen and (max-width: 1215px) {
    
    .nav.v2 .menu_items{
    display: flex;
}
    .nav.v2 .subnav{
        display: none;
    }
    
    .nav-mobile.over{
        margin-top: 160px;
    }
    
    .nav-mobile{
        background: #F3F5F9;
        color: #001752;
    }
    
    .nav-mobile a{
        color: #001752;
    }
    
    .nav-mobile a:hover{
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 2px;
    }
    
    .nav-mobile .menu-hover{
        display: none;
    }
    
    .nav-mobile .menu-hover.visible{
        display: flex;
        flex-direction: column;
        position: absolute;
        opacity: 1;
        z-index: 9999;
        background: #F3F5F9;
        height: calc(100% - 320px);
        width: 100%; 
        top: 0;
    }
    
    .nav-mobile .menu-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .nav-mobile .menu-item:after{
        transform: rotate(270deg);
    }
    
     .nav-mobile .menu-item .submenu-item{
        border-bottom: 2px solid #0F328C1A;
    }
    
    .nav-mobile .menu-item .submenu-item a{
        display: flex;
        flex-direction: column;
    }
    
    .nav-mobile .menu-item .submenu-item a img{
        max-width: 35px;
        margin-bottom: 16px;
    }
    
    .nav-mobile .menu-item .submenu-item p{
    margin-top: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
   
}
    .nav-mobile .menu-item .back{
        display: flex;
        align-items:  center;
    }
    
    .nav-mobile.over .menu{
        margin-top: 10px;
    }
    
    .nav-mobile .menu-item .back:before{
    content: "";
    background: url(../images/input-field-dropdown.svg);
    background-size: contain;
    width: 10px;
    height: 5px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
        transform: rotate(90deg);
}
    
    .menu_items.hide{
        opacity: 0;
    }
    
}

.mobile-cta{
    background: #FFFFFF;
    position: absolute;
    bottom: 95px;
    width: 100%;
    left: 0px;
    padding: 20px 24px;
}

.mobile-cta > div{
    display: flex;
    justify-content:space-between; 
    color:  #001752;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    align-items: center;
}

  .mobile-cta > div:first-of-type{
        padding-bottom: 24px;
      margin-bottom: 24px;
        border-bottom: 2px solid #F3F5F9;
    }
    

.nav-mobile .nav-wrap{
    width: 100%;
}

@media screen and (max-width: 768px) {
    
    .nav.v2 {
    padding: 12px 20px;
    }
    
    .nav-mobile.over {
        margin-top: 94px;
        border-top: 4px solid #FFFFFF;
        padding:40px;
        padding-bottom: 0px;
    }
    
    .nav-mobile.over {
        left: 0px;
        width: 100%;
    }
    
}



.modal-content{
    height: auto;
}

.modal .flex-content{
    display: flex;
    margin-top:  40px;
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}

.modal .flex-content > div{
   border: 2px solid #F3F5F9;
    padding: 32px;
    max-width: 335px;
}

@media screen and (max-width: 768px) {
    
    .modal .flex-content{
     flex-direction: column;   
    }
  
    .modal .flex-content > div{
    width: 100%;
    max-width: 100%;
        margin-bottom: 8px;
}
    
  
}

.modal .flex-content .submenu-item a{
        display: flex;
        flex-direction: column;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 24px;
    }
    
.modal .flex-content .submenu-item a img{
        max-width: 40px;
        margin-bottom: 16px;
    }

.modal .flex-content .submenu-item:first-child a img{
        max-width: 83px;
        margin-bottom: 16px;
    }
    
.modal .flex-content .submenu-item p{
    margin-top: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
   
}

.modal .flex-content .submenu-item .button{
        width: fit-content;
    margin-top: 36px;
}

.modal .modal-content .modal_foot{
    margin-bottom: 64px;
}

 #myModal2{
        margin-top: 20px;
    }

@media screen and (max-width: 1200px) {

   #myModal2{
        margin-top: 60px;
    }
    
}

@media screen and (max-width: 768px) {

   #myModal2{
        margin-top: 160px;
    }
    
}


.nav-sticky{
    position: sticky;
    position: sticky;
    min-width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(244, 245, 249);
    z-index: 1000;
}


@media screen and (max-width: 992px) {
    .newsletter-and-support-content div.have-any-question span {
        flex-direction: row;
        justify-content:flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    
    .newsletter-and-support-content div h4{
        min-width: 100%;
    }
    
    .have-any-question a{
        margin-right: 16px;
    }
}

.footer{
    padding-top: 20px;
}


.footer .top-row{
    top:65px;
}


.intro-solutions h1:before{
    left: -28px;
    top:0px;
}

.intro-solutions h1{
    margin-bottom: 48px;
}

.intro-solutions .content h2{
    color:  #FF5417;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    max-width: 230px;
    margin-top: 48px;
}

.sub-intro .main-inner.solutions{
    margin-top: -140px;
    align-items: flex-end;
}



.sub-split.solutions h2{
    max-width: 600px;
}

.sub-split.solutions .main-inner .padding{
        padding-right: 100px;
    padding-left: 100px;
}

.sub-split.solutions .main-inner:nth-of-type(1) p:nth-of-type(1){
    max-width: 600px;
}

.sub-split.solutions .main-inner:nth-of-type(1) img.logo{
    position: relative;
    max-width: 124px;
    right: 0;
    margin-bottom: 32px;
}

.sub-split.solutions.split2 .main-inner:nth-of-type(2){
    flex-direction: row;
}

.sub-split.solutions.split2{
   background: #F3F5F9;
}

.sub-split.solutions.split2 .main-inner .padding{
    padding-left: 0px;
}

.sub-split.solutions.split1 a:first-of-type, .sub-split.solutions.split2 .button:first-of-type{
    background: #0f328c;
    color: #fff;
}

.sub-split.solutions.split1 .main-inner:nth-of-type(2){
    left: -70px;
}

.sub-split.solutions.split2 .main-inner:nth-of-type(2){
    right: -70px;
    z-index: -1;
}



.sub-split.solutions.split2 .main-inner .padding{
  left: -70px;
    z-index: -1;
}

.sub-split.solutions.split2.enterprise .main-inner:nth-of-type(2){
    right: 0px;
}

.sub-split.solutions.split2.enterprise .main-inner .padding{
  left: 0px;
}

@media screen and (max-width: 992px) {
    
    .sub-split.solutions.split1 .main-inner:nth-of-type(2){
    left: 0px;
}
    
    .sub-split.solutions{
        padding-bottom: 40px;
    }
    
   .intro-solutions h1:before{
    left: -8px;
    top:0px;
} 
    
    .sub-split.solutions .main-inner .padding, .sub-split.solutions.split2 .main-inner .padding{
        padding-right: 10px;
    padding-left: 10px;
}
    .sub-split.solutions.split1 .main-inner:nth-of-type(1)>div:nth-of-type(2), .sub-split.solutions.split2 .main-inner:nth-of-type(1)>div:nth-of-type(2){
        display: block;
    }
    
    .sub-split.solutions.split1 .main-inner:nth-of-type(2)>div:nth-of-type(2),.sub-split.solutions.split2 .main-inner:nth-of-type(2)>div:nth-of-type(2){
        display: none;
    }
    
}




@media screen and (max-width: 1230px) {
    
    
.sub-intro .main-inner.solutions{
    margin-top: 0px;
    align-items: flex-start;
    flex-direction: column-reverse;
}
    
}


.sub-split .intro-solutions .iconbox ul li{
    
        flex: 0 0 calc(33.33% - 20px);
        margin-right: 20px;
    
}

.sub-split .intro-solutions .iconbox ul{
    justify-content: flex-start;
}


.sub-split #business-2-holder{
    padding-left: 100px;
}

@media screen and (max-width: 992px) {
    
    .sub-split #business-2-holder{
    padding-left: 0px;
        margin-left: auto!important;
        margin-right: auto!important;
        margin-bottom: 40px!important;
}
    
    .newsletter-and-support-content .home-page-newsletter form button:before{
        content: "Sign Up";
    }
    
    .home-page-newsletter .form-newsletter input[name='name'], .newsletter-and-support-content .home-page-newsletter form span input{
        width: 100%!important;
    }
    
    .newsletter-span-flex{
        flex-direction: column!important;
        align-items: flex-start!important;
    }
    
    .newsletter-and-support-content .home-page-newsletter form button{
        width: 116px;
        background: #FFFFFF;
        margin-top: 24px;
        color:#0F328C;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        border: 2px solid #FFFFFF;
    }
    
   .newsletter-and-support-content .home-page-newsletter form button:hover {
    background: #0F328C !important;
    color: #FFFFFF !important;
    }
    
    .newsletter-and-support-content .home-page-newsletter form span{
        height: 100%;
    }
}

.similar-articles.homepage-articles {
    padding-bottom: 105px;
}


/* Solutions Detail - Enterprise */


.enterprise-header{
    
}


.enterprise-header h4{
    color: #001752;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 32px;
}

.sub-split.enterprise-header h2{
    color:  #001752;
    font-size: 90px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px; 
    letter-spacing: -0.9px;
    max-width: 750px;
    margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
    
    .sub-split.enterprise-header h2{
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px; 
        letter-spacing: -1px;
}
    
    .sub-split.enterprise-header{
        padding-bottom: 40px;
    }
}

.enterprise-header h2 > span{
   color: #FF7442;
}

.sub-split.enterprise-header .main-inner .padding{
        padding-right: 0px;
    padding-left: 0px;
}

.sub-split.enterprise-header .main-inner>div{
        flex: 0 0 65%;
}

.sub-split.enterprise-header .main-inner>div.animate-element{
     flex: 0 0 35%;
}

.sub-split.enterprise-header .main-inner:nth-of-type(1) p:nth-of-type(1){
    max-width: 720px;
    margin-bottom: 24px;
}

.sub-split.enterprise-header .button{
    margin-right: 24px;
}

@media screen and (max-width: 768px) {
    
.sub-split.enterprise-header .button{
    margin-right: 14px;
    padding-left: 20px;
    padding-right: 20px;
}
    
    .split-business-footprint.enterprise .iconbox ul {
    flex-wrap: nowrap;
    overflow-x: scroll;
}
    
    .split-business-footprint.enterprise .iconbox ul li {
    flex: unset;
    min-width: 180px;
}
    
    .sub-split.split-business-footprint.enterprise .main-inner:nth-of-type(1)>div:nth-of-type(1){
        margin-bottom: 64px;
    }
    
    .split-business-footprint.enterprise .iconbox ul{
        padding-bottom: 32px;
    }
    
     .split-business-footprint.enterprise .main-inner.iconbox-wrap{
        padding-right: 0px;
         padding-top: 64px;
    }
    
    
    
    /* width */
      .split-business-footprint.enterprise  ::-webkit-scrollbar {
         height: 6px;
        }

        /* Track */
     .split-business-footprint.enterprise   ::-webkit-scrollbar-track {
          background: #E1E2E5;
         height: 6px;
        }

        /* Handle */
     .split-business-footprint.enterprise   ::-webkit-scrollbar-thumb {
          background: #FF5417;
          height: 6px;
        }

        /* Handle on hover */
      .split-business-footprint.enterprise  ::-webkit-scrollbar-thumb:hover {
          background: #0f328c;
        }
}

.sub-split.enterprise-header .button:first-of-type{
        background: #0f328c;
    color: #fff;
}

.split-business-footprint.enterprise {
    background: #F3F5F9;
    padding-bottom: 40px;
}

.sub-split.split-business-footprint .main-inner:nth-of-type(1)>div:nth-of-type(1){
        flex: 0 0 70%;
    max-width: 900px;
}

.split-business-footprint .iconbox ul li{
        flex: 0 0 25%;
}



.iconbox .icon{
    color: #001752;
}

.split-business-integrate.enterprise{
    background: url('../images/enterprise-pattern-dark-blue.svg') left calc((100vw - 1440px) / 2) bottom 40px no-repeat;
    background-color: #2A54C0;
    color: #FFFFFF;
}

.split-business-integrate.enterprise h2:before{
    display: none;
}

.enterprise #business-2-holder{
    margin-top: 0px;
}



.sub-split.enterprise .intro-solutions .iconbox ul li{
        flex: 0 0 25%;
}

.sub-split.enterprise .main-inner:first-child>div {
    flex: 0 0 70%;
}


.sub-split.split2.enterprise h2{
    color: #001752;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 64px;
}

.sub-split.split2.enterprise li{
    color:  #001752;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.sub-split.split2.enterprise li p{
    color:  #001752;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 24px;
}


.sub-split.split2.enterprise a{
    color:  #2A54C0;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.sub-split.split2.enterprise a:after{
    content: "";
    background: url('../images/icon-arrow-forward.svg') no-repeat; 
    background-size: contain;
    width: 16px;
    height: 11.853px;
    display: inline-flex;
    margin-left: 24px;
    transition: all 0.25s;
    
}

.sub-split.split2.enterprise.blue a{
    color:  #FFFFFF;
}

.sub-split.split2.enterprise.blue a:after{
    filter: brightness(0) invert(1);
}


.sub-split.split2.enterprise .main-inner:nth-of-type(1) img{
    bottom: 0px;
}


.sub-split.split2.enterprise a:hover:after{

    margin-left: 28px;
    
}

@media screen and (max-width: 768px){
    
    .sub-split.split2.enterprise{
        padding-bottom: 64px;
    }
    
    .sub-split.split2.enterprise .main-inner:nth-of-type(1) img{
  display: none;
}
    
    .sub-split.split2.enterprise .intro-solutions .iconbox ul{
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 16px;
    }
    
        /* width */
      .sub-split.split2.enterprise  ::-webkit-scrollbar {
         height: 6px;
        }

        /* Track */
    .sub-split.split2.enterprise  ::-webkit-scrollbar-track {
          background: #E1E2E5;
         height: 6px;
        }

        /* Handle */
     .sub-split.split2.enterprise  ::-webkit-scrollbar-thumb {
          background: #2A54C0;
          height: 6px;
        }

        /* Handle on hover */
     .sub-split.split2.enterprise  ::-webkit-scrollbar-thumb:hover {
          background: #0f328c;
        }
    
}


.thank-you-for-filling-out-application h3{
    max-width: 770px;
}

.thank-you-for-filling-out-application {
    min-height: 835px;
    
}


@media screen and (max-width: 768px){

.thank-you-for-filling-out-application {
    min-height: 892px;
}
    
.footer .middle-row ul:nth-child(2) a{
        text-decoration: none;
    }

    
}

.mobile-show{
    display: none!important;
}

@media screen and (max-width: 768px){
    
    .have-any-question::before{
        right: 1px;
        filter: brightness(100);
        opacity: 0.09;
    }
    
    .similar-articles-headline{
        flex-direction: column;
        margin-bottom: 38px;
    }
    
    .similar-articles-headline h2{
        margin-bottom: 16px;
    }

.mobile-show{
    display: block!important;
}

    .desktop-show{
        display: none!important;
    }
    
}

.newsletter-and-support-content .button-white-inv{
    min-width: 170px;
}

@media screen and (min-width: 768px){
    

    .mobile-cta{
        bottom: 160px;
    }
    
}



/* Solutions Detail - Pay@go */


.sub-split.solutions.self-service-header{
    background: #F3F5F9;
    padding-top: 60px;
}


.self-service-header h4{
    color: #001752;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 32px;
}

.sub-split.self-service-header h2{
    color:  #001752;
    font-size: 90px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px; 
    letter-spacing: -0.9px;
    max-width: 750px;
    margin-bottom: 48px;
}

.sub-split.self-service-header .main-inner>div{
    flex: 0 0 50%;
}

.sub-split.self-service-header .main-inner:nth-of-type(1) img{
    width: auto;
    position: static;
}


.sub-split.self-service-header .main-inner:nth-of-type(1) .animation{
    display: flex;
    justify-content: center;
    align-items: center;
     flex: 0 0 35%;
}

.tabcontent2 .dotser {
    transform: scaleX(-1);
    top: unset;
    bottom: 110px;
}

@media screen and (max-width: 768px) {
    
    .sub-split.self-service-header h2{
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px; 
        letter-spacing: -1px;
}
    
    .sub-split.self-service-header{
        padding-bottom: 40px;
    }
}

.sub-split.self-service-header .main-inner:nth-of-type(1) img{
    width: 100%;
}

.sub-split.self-service-header .animation {
    width: 100%;
}

.self-service-header h2 > span{
   color: #FF7442;
}

.sub-split.self-service-header .main-inner .padding{
        padding-right: 0px;
    padding-left: 0px;
}

.sub-split.self-service-header .main-inner>div{
        flex: 0 0 65%;
}

.sub-split.self-service-header .main-inner>div.animate-element{
     flex: 0 0 35%;
}

.sub-split.self-service-header .main-inner:nth-of-type(1) p:nth-of-type(1){
    max-width: 600px;
    margin-bottom: 24px;
}

.sub-split.self-service-header .main-inner p:last-of-type{
    max-width: 600px;
}

.sub-split.self-service-header .button{
    margin-right: 24px;
}

@media screen and (max-width: 768px) {
    
.sub-split.self-service-header .button{
    margin-right: 14px;
    padding-left: 20px;
    padding-right: 20px;
}
    
    .split-business-footprint.enterprise .iconbox ul {
    flex-wrap: nowrap;
    overflow-x: scroll;
}
    
    .split-business-footprint.enterprise .iconbox ul li {
    flex: unset;
    min-width: 180px;
}
    
    .sub-split.split-business-footprint.enterprise .main-inner:nth-of-type(1)>div:nth-of-type(1){
        margin-bottom: 64px;
    }
    
    .split-business-footprint.enterprise .iconbox ul{
        padding-bottom: 32px;
    }
    
     .split-business-footprint.enterprise .main-inner.iconbox-wrap{
        padding-right: 0px;
         padding-top: 64px;
    }
    
    
    
    /* width */
      .split-business-footprint.enterprise  ::-webkit-scrollbar {
         height: 6px;
        }

        /* Track */
     .split-business-footprint.enterprise   ::-webkit-scrollbar-track {
          background: #E1E2E5;
         height: 6px;
        }

        /* Handle */
     .split-business-footprint.enterprise   ::-webkit-scrollbar-thumb {
          background: #FF5417;
          height: 6px;
        }

        /* Handle on hover */
      .split-business-footprint.enterprise  ::-webkit-scrollbar-thumb:hover {
          background: #0f328c;
        }
}

.sub-split.self-service-header .button:first-of-type{
        background: #0f328c;
    color: #fff;
}



.paygo.v2{
    padding: 80px 0px;
}

.paygo.v2 .iconbox ul {
    margin-top: 0px;
}

.paygo.v2 .iconbox ul li{
    max-width: calc((100% - 120px) / 6);
}

.paygo.v2 .iconbox .icon{
        color: #ff7442;
}

@media screen and (max-width: 980px) {
    .paygo.v2 .iconbox ul li{
    max-width: 100px;
}
    
}

@media screen and (max-width: 820px) {
    
    .paygo.v2{
    padding: 64px 0px;
}
    
    .paygo.v2 .icons-grid{
        margin-top: 0px;
    }
    
   .paygo.v2  #slide-bar[type=range]{
       margin-bottom: 0px; 
    }
    
 .paygo.v2 .iconbox ul li{
    max-width:130px;
}

}

.tabcontent2 .how-it-works .main-inner{
    flex-direction: row-reverse;
}

.tabcontent2 .how-it-works .main-inner .works-right img{
    left: 30%;
}

.tabcontent2 .how-it-works .main-inner .works-left .video-holder{
    margin-top: 200px;
}

.tabcontent2 .dotser{
    right: 0px;
    left: unset;
}


@media screen and (max-width: 820px) {
    .tabcontent2 .how-it-works .main-inner {
        flex-direction: column;
    }
    
    .tabcontent2 .how-it-works .main-inner .works-left .video-holder{
    margin-top: 50px;
}
}


.sub-split.solutions.split2.blue{
    background: #2A54C0;
    color: #FFFFFF;
}

.sub-split.split2.enterprise.blue h2, .sub-split.split2.enterprise.blue li, .sub-split.split2.enterprise.blue li p, .blue .intro-solutions .iconbox .icon{
    color: #FFFFFF;
}

.sub-split.split2.enterprise.blue .main-inner:nth-of-type(1) img{
    max-height: 300px;
    right: 0px;
    bottom: 19%;
}


.sub-split.solutions.blue .main-inner{
    margin-bottom: 0px;
}


.tabcontent2 .cost .cost-left .cost-buttons a:first-of-type{
    background: #FFFFFF;
    color: #FF5417;
}

.cost .logo{
    position: absolute;
    bottom: 62px;
    right: 62px;
}



@media screen and (max-width: 990px){
    
    .sub-split.split2.enterprise.blue .main-inner:nth-of-type(1) img{
        display: none;
    }
}

@media screen and (max-width: 768px) {
    
    .split-business-integrate.enterprise{
        background: #2A54C0;
    }
    
    .sub-split.split2.enterprise h2{
        max-width: 300px;
    }

.sub-split.split2.enterprise.blue h2{
    max-width: 280px;
}

        /* Handle */
    .sub-split.split2.enterprise.blue   ::-webkit-scrollbar-thumb {
          background: #001752;
          height: 6px;
        }


}




@media screen and (max-width: 972px){
    .split2 #solutions-anim-holder-1{
        left:0px;
        margin-bottom: 64px !important;
    }
    
    .split1 #solutions-anim-holder-2{
        margin-bottom: 64px!important;
        margin-top: 54px!important;
    }
}


.tabcontent2 .how-it-works .main-inner .works-left .video-holder{
    cursor: pointer;
}

/* Customer Payments */


.sub-intro.intro-consumers .main-inner>div:nth-of-type(2){
    justify-content: center;
}


.split-consumers-integrate h3{
    align-items: center;
    margin-bottom: 0px;
}

.split-consumers-integrate h3 strong{
    font-size: 56px;
    flex: 0 0 48px;
}


.careers-block{
    background: #FFFFFF;
    padding-top: 70px;
}

.careers-block h1{
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
}


.careers-block .button{
    background: #0f328c;
    color: #fff;
    margin-top: 12px;
}

.careers-header-content-text h1 .careers-header-circle::before {
   
    height: 160px;
    width: 160px;
    top: -43px;
    left: -30px;
}


@media screen and (max-width: 768px){
    
    .split-consumers-integrate h3 strong{

        color: #FF7442;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.217px;
        display: flex;
        align-items: flex-start;
}
    
    .split-consumers-integrate h3{
            align-items: flex-start;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        max-width: 300px;
        margin-bottom: 32px;
    }
    
    .careers-header-content{
        padding-bottom: 0px;
    }
    
    .careers-header-content-text h1 {
        max-width: 300px;
    }
    
    .split-consumers-integrate{
        padding-bottom: 32px;
    }
    
.careers-header-content-text h1 .careers-header-circle::before {
   
    height: 110px;
    width: 110px;
    top: -15px;
    left: -15px;
}

    
    .careers-header-illustration{
        margin-top: 42px;
        align-self: center;
    }
    
}


.tabcontent2 .cost .cost-right div p:nth-child(3), .tabcontent2 .cost .cost-right div p:nth-child(3) span{
    font-size: 13px;
    font-weight: 700;
}

.tabcontent2 .cost .cost-left h1{
    max-width: 480px;
}

.tabcontent2 .cost .cost-left {
        padding-left: calc(50% - 640px);
    }

.tabcontent2 .cost .cost-left .cost-buttons a{
    text-wrap:nowrap;
    margin-bottom: 16px;
}


.tabcontent2 .cost .cost-left .cost-buttons{
    flex-wrap: wrap;
    justify-content:  flex-start;
}

 .tabcontent2 .cost .cost-right div p:nth-child(3){
  
     margin-top: 8px;
    }
    


@media screen and (max-width: 1380px){
    
    
    .tabcontent2 .cost .cost-left {
        padding-left: 60px;
        padding-right: 60px;
      
    }

    
}


@media screen and (max-width: 820px){
    
    .tabcontent2 .cost .cost-left .cost-buttons{
    flex-direction: column;
        align-items: flex-start;
}
    
    .tabcontent2 .cost .cost-right div p:nth-child(3){
        flex-direction: row;
    }
    
    .tabcontent2 .cost .cost-right div p:nth-child(3) span{
        margin-top: 0px;
    }
   
    .tabcontent2 .cost .cost-left {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 64px;
      
    }
    
        .tabcontent2 .cost .cost-right {
       
        padding-bottom: 64px;
      
    }


    
}


.media-header-pattern{
    bottom: 80px;
}

.our-articles .main-inner{
    z-index: 999;
}


.our-articles-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}



.featured-article-txt{
    width: 306px;
}


.our-articles .media-header-filters{
    margin-bottom: 64px;
}

.our-articles  .load-more{
   width: 100%;
    text-align: center;
    margin-top: 60px;
}

.our-articles .margin-left-wrap{
   max-width: 1320px; 
}

@media screen and (max-width: 820px){
    
  .our-articles-cards .card-holder, .featured-article-txt{
 width: 100%;
}
  
    
}

.form-billers .input-text{
    cursor: text;
}

.video,.form-billers button{
cursor: pointer;
    pointer-events: unset;
}




.featured-articles .slick-dots button{
    display: none;
}

.featured-articles .slick-dots {
    position: absolute;
    bottom: -30px;
    left: 35px;
    transform: translateX(-50%);
    display: flex;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .featured-articles .slick-dots {
    left:56px;
    }
}

.featured-articles .slick-dots button {
	display: none;
}

.featured-articles .slick-dots li {
	width: 18px;
	height: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.featured-articles .slick-dots li:before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #e1e2e5;
}

.featured-articles .slick-dots li.slick-active:before {
	background: #0f328c;
}

.featured-article-txt{
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 40px;
}


@media screen and (max-width: 576px) {
    .featured-articles {
  
        padding-bottom: 100px;
    }
}

.media-header-filters .search-media{
    width: 528px;
}


@media screen and (max-width: 1000px) {

    

    
   .join-newsletter-content .form-newsletter input[name='name'], .join-newsletter-content form > div input{
        width: 100%!important;
    }
    
      .join-newsletter-content .form-newsletter {
        flex-direction: column!important;
        align-items: flex-start!important;
    }
    
   .join-newsletter-content form .mobile-btn{
        width: 116px;
        background: #FFFFFF;
        margin-top: 24px;
        color:#0F328C;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        border: 2px solid #FFFFFF;
    }
    
    .join-newsletter-content form div{
        width: 100%;
        max-width: 281px;
    }
    
  .join-newsletter-content form .mobile-btn:hover {
    background: #0F328C !important;
    color: #FFFFFF !important;
    }
    
    .join-newsletter-content form span{
        height: 100%;
    }
}

@media screen and (max-width: 820px) {
    
.featured-article {
    flex-direction: column-reverse;
    overflow: hidden;
    height: auto;
    max-height: 480px;
}
    
    .featured-article img{
        max-width: unset;
    }
    
    .featured-article-txt {
        width: calc(100vw - 40px);
    }
}


.support-header-content h1{
    max-width: 813px;
}

.support-header-content h1 span{
    color: #FF7442;
}

.support-header-content h1 span::before {

    top: -110px;
    right: 40px;
}

.support-header-content .header-sub-txt{
    max-width: 660px;
}


.faq-choice-container a {
    font-size: 45px;
    margin-right: 48px;
    text-wrap: nowrap;
}

.faq-choice-container h2 {

    margin-right: 48px;
    
}

.faq-choice-container h2:first-child{
    margin-right: 45px;
   
}


@media screen and (max-width: 1280px) {

.faq-choice-container{
    flex-direction: column;
    }
    
   .faq-choice-container a {
        font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
       margin-bottom: 24px;
    }
     .faq-choice-container  h2{

       margin-bottom: 24px;
    }
    
    
}

/* Contact page updates */


.sub-split .main-inner .right-col.wide{
    max-width: 100%;
}

.thankyou.visible{
    display: flex!important;
    justify-content: space-between;
}

.thankyou div {
    text-align: left;
    max-width: 50%;
}

.thankyou div:nth-child(2){
  left:-100px;
}

.section-contact.submitted:after{
    content: "";
    background-image: url(../images/pattern-light-grey.svg);
    background-position: right;
    height: 154px;
    width: 570px;
    position: absolute;
    right: 0px;
    background-repeat: space;
    top: 200px;
    opacity: 0.05;
}

.thankyou p{
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    max-width: 490px;
}

.thankyou p:last-of-type{
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

@media screen and (min-width: 2320px) {
    
    .section-contact.submitted:after{  width: 670px;}
}

@media screen and (max-width: 768px) {
    
    .thankyou div:nth-child(2){
  left:unset;
}

    
    .thankyou.visible{
    flex-direction: column;
}
    
    .thankyou div {
    max-width: 100%;
}
    
    .thankyou div:nth-child(2) {
        align-self: flex-end;
        margin-top: 40px;
        width: 105px;
        height: 99px;
}
    
    .thankyou .button{
        display: none;
    }
    
    .section-contact.submitted:after{  display: none;}
    
}

.self-serve {
    display: none;
}


.faq-choice-container a{
    border-bottom: 2px solid #001752;
   
}

.chosen-questions a{
    border-bottom: none;
    color: #2A54C0;
}


@media screen and (max-width: 768px) {
    
    .our-articles .load-more{
        display: none;
    }
    
    
   .our-articles hr{
        margin-top: 100px;
    }
    
    
    .support-header-content h1 span::before {
        display: none;
    }
 
    .support-header-content::before {
        content: '';
        width: 131.146px;
        height: 131.146px;
        background-color: #98cfff;
        position: absolute;
        border-radius: 50vh;
        z-index: -1;
        top: 93px;
        left: 30px;
}
}


.sub-split #business-2-holder.self-service {
    padding-left: 0px;
}


@media screen and (max-width: 576px) {
    .enterprise .intro-solutions .iconbox ul li {
    
        min-width: 0px;
        margin-right: 42px;
        min-width: 172px;
    }
    
    .sub-split.split2.enterprise li p{
        min-width: 172px;
    }
}


@media screen and (max-width: 385px) {
    .join-newsletter-content form .mobile-btn {
        margin-left: 0px;
    }
}

.sub-intro.intro-consumers .content:after{
    display: none;
}

.sub-intro.intro-consumers .content h1 {
    font-size: 9em;
    margin-bottom: 48px;
}

.sub-intro.intro-consumers .content .button{
    margin-top: 23px;
}

.common-faq-card {
    cursor: pointer;
}


/* Mobile media filters */

.mobile-form.visible{
    display:block!important;
}

@media screen and (max-width: 768px) {
    .our-articles hr {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 768px) {
   .nav-mobile .menu-hover.visible {
        padding-bottom: 180px;
       overflow-y: scroll;
    }
}

.media-header-filters .search-media input{
    cursor: pointer;
}



.loader.visible{
    display: block;
}

.our-articles-cards.hidden{
    display: none;
}

.media-header-filters .search-media button{
    z-index: 999;
}


@media screen and (min-width: 768px) {

.no-results {
    padding-bottom: 80px;
}
    
}

.g-recaptcha {margin-top:20px;}
p.recaptcha-validation {
    color: #ff5417;
    margin-top:20px;
}


/* Self Service component updates */

.tabcontent2 .how-it-works.v2 .main-inner{
	flex-direction: column-reverse;
}

.tabcontent2 .how-it-works.v2 .main-inner.max{
	margin-left:calc(50% - 640px);
	max-width: 100%;
}

@media screen and (max-width: 1300px) {

	.tabcontent2 .how-it-works.v2 .main-inner.max{
		margin-left:0px;
		max-width: auto;
	}

}

.tabcontent2 .how-it-works.v2 .main-inner .works-right{
	width: 100%;
}

.tabcontent2 .how-it-works.v2 .main-inner .works-left {
	width: 100%;
	position: relative;
	height: auto;
}

.tabcontent2 .how-it-works.v2  .slick-slide{
	width:440px;
	margin-right:80px;
}

.tabcontent2 .how-it-works.v2 .slick-slide div{
	line-height:20px;
}

.tabcontent2 .how-it-works.v2 .main-inner .works-right .bullet-list div:nth-child(2) {
	margin-left: 103px;
	margin-top: -104px;
}

@media only screen and (max-width: 820px){

	.tabcontent2 .how-it-works.v2 .main-inner .works-right .bullet-list div:nth-child(2) {
		margin-left: 21px;
		margin-top:0px;
	}

	.tabcontent2 .how-it-works.v2  .slick-prev,
	.tabcontent2 .how-it-works.v2  .slick-next {
		display: block!important;
	}




}

.tabcontent2 .how-it-works.v2 .main-inner .works-right img {
	left: 153px;
}

.tabcontent2 .how-it-works.v2 .slick-next{
	right: calc(50% - 560px);
	position: absolute;
	bottom:-100px;
}

.tabcontent2 .how-it-works.v2 .slick-prev{
	right: calc(50% - 506px);
	bottom:-100px;
	position: absolute;
	transform: rotate(180deg);

}

@media only screen and (max-width: 1200px){
	.tabcontent2 .how-it-works.v2 .slick-next{
		right:32px;}
	.tabcontent2 .how-it-works.v2 .slick-prev{
		right:92px;
	}

}

@media only screen and (max-width: 820px){
	.tabcontent2 .how-it-works.v2 .slick-prev{
		bottom:-38px;
		right:calc(50% + 16px);

}

	.tabcontent2 .how-it-works.v2 .slick-next {
		bottom:-38px;
		right:calc(50% - 56px);

	}

	.tabcontent2 .how-it-works.v2 .slick-slide{
		width: calc(100vw - 64px);
	}

}

.tabcontent2 .how-it-works.v2 .slick-next:after{
	content: "";
	background: url(../images/scroll-button-next.svg);
	width: 40px;
	height: 40px;
	position: relative;
	display:block;
}

.tabcontent2 .how-it-works.v2 .slick-prev:after{
	content: "";
	background: url(../images/scroll-button-next.svg);
	width: 40px;
	height: 40px;
	position: relative;
	display:block;
}

.slick-disabled:after{
	opacity:0.5;
}

.tabcontent2 .how-it-works.v2 .main-inner:nth-child(2){
	padding-top:32px;
	background:transparent;
	flex-direction: column;
}

.tabcontent2 .how-it-works.v2 .main-inner .video-holder{
	max-width:404px;
	width: 100%;
	position:relative;
}

@media only screen and (max-width: 820px){

	.tabcontent2 .how-it-works.v2 .main-inner .video-holder{
		max-width:100%;
	}
	.video-holder > img{
		width:100%;
	}

}

.tabcontent2 .how-it-works.v2 .main-inner .works-left .video-holder{
	padding-bottom:0px;
}

.tabcontent2 .how-it-works.v2 .video-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap: 32px;
	z-index:99;
	background:transparent;
}

.tabcontent2 .how-it-works.v2 .dotser{
	z-index:1;
}

.video-holder > img{
	filter: brightness(0.85);
}

.video-wrap .watch-now{
	position:absolute;
	color: #FFF;
	font-family: font-family: scandia-web, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 120% */
	display:flex;
	align-items:center;
	bottom:16px;
	left:16px;
}

.video-wrap .watch-now img{
	margin-right: 8px;
}

.tabcontent2 .how-it-works.v2 .main-inner:nth-child(2) h3{
	color: var(--Blue-800, #001752);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px; /* 150% */
	margin-bottom: 48px;
}

@media only screen and (max-width: 820px){
	.tabcontent2 .how-it-works.v2 .main-inner:nth-child(2) h3{
		font-size: 36px;
	}


}



/* Insurance Landing */


.sub-intro.intro-insurance .content h1{
	font-size: 70px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 70px */
	letter-spacing: -0.5px;
}


.sub-intro.intro-insurance .main-inner>div{
	flex: 100%;
}

.sub-intro.intro-insurance .main-inner>div:nth-of-type(2){
	max-width: 400px;
}

.sub-intro.intro-insurance .main-inner{
	position:relative;
}

.sub-intro.intro-insurance .main-inner:before{
	content:"";
	width: 575.857px;
	height: 132.705px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	right:-180px;
	top:calc(50% - 65px);
	background: url(../images/pattern-insurancelanding.svg);
}

.sub-intro.intro-insurance .content::before {
	content: "";
	width: 170px;
	height: 170px;
	border-radius: 200px;
	background: #2a54c0;
	position: absolute;
	left: 487px;
	top: 24px;
	z-index: -1;
}