/*
 Theme Name:   Xfloat
 Author:       W4
 Author URI:   https://thew4.co
 Template:     w4_base
 Version:      1.0.0
*/

@font-face {
	font-family: "Helvetica";
	src: url("fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),
		url("Fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: "Helvetica";
	src: url("fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),
		url("Fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff");
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: "Helvetica";
	src: url("fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),
		url("Fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: "icomoon";
	src: url("fonts/icomoon.eot?sbuk4h");
	src: url("fonts/icomoon.eot?sbuk4h#iefix") format("embedded-opentype"),
		url("fonts/icomoon.ttf?sbuk4h") format("truetype"),
		url("fonts/icomoon.woff?sbuk4h") format("woff"),
		url("fonts/icomoon.svg?sbuk4h#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

body {
	color: #112211;
	font-family: "Helvetica";
}

.home-hero {
	height: calc(64.9rem + 7.3rem);
	padding-top: 7.3rem;
	box-sizing: content-box;
	position: relative;
}

.home-hero:after {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(176.96deg,
			rgba(0, 0, 0, 0.38) 54.94%,
			rgba(0, 0, 0, 0) 90.73%);
	transform: rotate(-180deg);

	content: "";
}

.video-background {
	/* position: absolute; */
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
}

.video-foreground {
	opacity: 0;
	transition: 0.5s all;
	height: 300%;
	top: -100%;
	width: 100%;
	position: absolute;
}

.video-foreground.show {
	opacity: 1;
}

.video-foreground:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(90.33deg,
			rgba(31, 54, 67, 0.73) 0.34%,
			rgba(0, 0, 0, 0) 72.65%);
}

.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.benchmark-area h2 {
	width: 56rem;
	margin-bottom: 4.1rem;
}

.basic-width {
	width: 150rem;
	padding-left: 10rem;
	padding-right: 10rem;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.jobs-head {
	position: relative;
}

.home-hero:before,
.jobs-head:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 100%;
	height: 16.7rem;
	background: linear-gradient(180deg,
			rgba(0, 0, 0, 0.38) 0%,
			rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.map-area .h2-h {
	pointer-events: none;
}

.map-area .h2-h a {
	pointer-events: auto;
}

.hp-hero-content h1 {
	color: white;
	font-size: 62px;
	line-height: 75px;
	width: 890px;
	margin: 0 0 0 0;
	position: relative;
	letter-spacing: -0.035em;

	z-index: 2;
}

.hp-hero-content {
	display: flex;
	align-items: flex-end;
	padding-bottom: 8rem;
	box-sizing: border-box;
	position: relative;
	z-index: 9999;
}

.hp-hero-content h1 {
	margin-bottom: 4rem;
	letter-spacing: -0.035em;
}

.orange-btn {
	display: block;
	height: 44px;
	display: inline-flex;
	padding: 0 3rem;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: white;
	font-size: 15px;
	background-color: #f13b00;
	transition: 0.3s all;
	border: 1px solid #f13b00;
}

.orange-btn:hover {
	background-color: #dc2b13;
}

.contact-ways h2 {
	font-size: 38px;
	margin-bottom: 5rem;
}

.contact-details {
	flex: 0 0 33rem;
}

.contact-ways h3 {
	font-size: 16px;
	margin: 0;
	margin-top: 4rem;
}

.contact-ways h3:first-child {
	margin-top: 0;
}

.contact-ways p,
.contact-ways a {
	text-decoration: none;
	font-size: 16px;
	line-height: 1.87;
	white-space: pre-line;
	color: #505050;
	margin: 0;
	font-weight: 300;
}

.form {
	flex: 0 0 52rem;
}

.wpcf7-form-control-wrap {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 3.5rem;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
	width: 100%;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #ababab;
	font-size: 16px;
	height: 3rem;
	border-radius: 0;
	transition: 0.3s border-color;
	background-color: transparent;
}

.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
	outline: none;
	border-bottom: 2px solid #112211;
}

.form input[type="submit"] {
	margin-top: 2rem;
	display: block;
	height: 4.4rem;
	display: inline-flex;
	padding: 0 4rem;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: white;
	font-size: 15px;
	border-radius: 0;
	border: none;
	background-color: #f13b00;
	border: 1px solid #f13b00;
	box-sizing: border-box;
	transition: 0.3s all;
}

.form input[type="submit"]:hover {
	background-color: white;
	color: #f13b00;
}

.wpcf7-not-valid-tip {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	font-size: 12px !important;
	user-select: none;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border: none;
	padding: 0;
	font-size: 14px;
	margin-left: 0;
	margin-right: 0;
}

.contact-area {
	margin-bottom: 12rem;
	background-color: #f7f9fd;
	padding: 7rem 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border: none;
	padding: 0;
	font-size: 14px;
	margin-left: 0;
	margin-right: 0;
}

.wpcf7-spinner::before {
	display: none;
}

.wpcf7-spinner {
	background: url("img/roller.svg") center no-repeat !important;
}

footer .tag-line {
	width: 22rem;
	font-size: 14px;
	line-height: 1.79;
}

.social-menu {
	margin-top: 3rem;
}

.social-menu ul {
	display: flex;
	column-gap: 1.5rem;
}

.social-menu a {
	font-family: "icomoon";
	text-decoration: none;
	color: #121212;
	font-size: 18px;
}

.social-menu .linkedin a:after {
	content: "\e900";
	display: block;
}

.social-menu .facebook a:after {
	content: "\e904";
	display: block;
}

.social-menu ul {
	align-items: baseline;
}

.social-menu .twitter a:after {
	content: "\e901";
	display: block;
}

.social-menu .instagram a:after {
	content: "\e912";
	display: block;
}

.social-menu .email a:after {
	content: "\e913";
	font-size: 1.3rem;
	transform: translateY(-1px);
	display: block;
}

.copyright,
.credit,
.credit a {
	font-size: 12px;
	color: #121212;
	text-decoration: navajowhite;
}

.footer-bottom {
	margin: 9.7rem 0 3rem;
}

p {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.87;
	letter-spacing: 0.02em;
}

.home-hero {
	background-size: cover;
}

.soon-content {
	align-items: flex-end;
	padding-bottom: 8rem;
	box-sizing: border-box;
}

.soon-t {
	font-size: 38px;
	white-space: pre-line;
	margin: 6rem 0;
}

header {
	height: 73px;

	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999999;
	transition: 0.3s all;
}

.logo svg {
	width: 109px;
	display: block;
	height: 100%;
}

.case-studies-list-area .cwwu p {
	font-size: 19px;
	line-height: 1.89;
	margin-top: 0;
}

.case-studies-list-area .cwwu h2 {
	font-size: 38px;
	letter-spacing: -0.03em;
	font-weight: 700;
}

header.white {
	box-shadow: 1px 1px 6px rgb(0 0 0 / 20%);
	background-color: white !important;
}

.page-template-jobs .logo path,
.home .logo path {
	fill: white;
	transition: 0.3s all;
}

header.white .logo path {
	fill: #f13b00 !important;
}

header {
	background-color: white;
}

header .logo img {
	height: 2.9rem;
	width: auto;
}

p.body-1,
.body-1 p {
	font-weight: 300;
	font-size: 19px;
	line-height: 1.89;
	letter-spacing: 0.015em;
	margin: 0;
}

p.body-2 {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.87;
	letter-spacing: 0.02em;
	margin: 0;
}

h2 {
	font-size: 38px;
	line-height: 1.45;
	letter-spacing: -0.03em;
	margin: 0;
}

h3 {
	font-size: 24px;
	line-height: 1.37;
	letter-spacing: -0.02em;
	margin: 0;
}

.u-h-t {
	justify-content: space-between;
}

.u-h-t h2,
.u-h-t .h2 {
	flex: 0 0 42rem;
	margin: 0;
	transform: translateY(-6px);
}

.under-hero p {
	flex-grow: 1;

	box-sizing: border-box;
}

.u-h-t p {
	max-width: 780px;
}

.page-template-home .under-hero .u-y-t-r {
	max-width: 800px;
}

.u-h-t {
	padding-top: 9rem;
	padding-bottom: 9rem;
}

.icon-blts-list h3 {
	margin: 1.8rem 0;
}

.prlx-img {
	height: 37.7rem;
	background-size: 100%;
	background-position: bottom -15rem center;
}

.non-prlx-img {
	height: 37.7rem; 
	background-size: cover;
	background-position: bottom center;
}

.single-case-study .non-prlx-img {
	height: 58rem;
}

.single-case-study .cs-header .non-prlx-img {
	height: 37.7rem;
}

.icon-blts-list {
	justify-content: space-between;
	padding-top: 8.6rem;
	padding-bottom: 8.6rem;
}

.icon-blts-list li {
	flex: 0 0 31%;
}

.icon-blts-list li p {
	padding-left: 0;
}

.icon-blts-list li .icon {
	width: 9.5rem;
	height: 9.5rem;

	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.icon-blts-list li .icon img {
	width: 9.5rem;
	height: 9.5rem;
}

.sup-ex-area {
	background: #f7f9fd;
}

.nums {
	font-weight: 300;
	font-size: 48px;
	border-bottom: 1px solid #ababab;
	padding-bottom: 3.6rem;
	margin: 0 0 1.5rem 0;
	line-height: 1;
}

.txt {
	margin: 0;
}

.nums strong {
	font-size: 14px;
	font-weight: 300;
}

.num-blts-list {
	padding-bottom: 3.6rem;
	justify-content: space-between;
}

.num-blts-list li {
	flex: 0 0 31%;
}

.sup-ex-area {
	padding: 1rem 0 9rem 0;
}

.bm-left {
	flex: 0 0 56rem;
}

.bm-blts {
	width: 86.9rem;
	height: 70.7rem;
	position: relative;
	margin: 0 auto 0 auto;
}

.bm-blts li.bltsa-1 {
	left: 0;
	top: 24.6rem;
}

.bm-blts li.bltsa-2 {
	left: 15.4rem;
	top: 13.5rem;
}

.bm-blts li.bltsa-3 {
	left: 23.5rem;
	top: 0rem;
}

.bm-blts li.bltsa-4 {
	left: 19.1rem;
	top: 28.8rem;
}

.bm-blts li.bltsa-5 {
	left: 33.3rem;
	top: 14.7rem;
}

.bm-blts li.bltsa-6 {
	left: 51rem;
	top: 4.8rem;
}

.bm-blts li.bltsa-7 {
	left: 36.6rem;
	top: 35rem;
}

.bm-blts li.bltsa-8 {
	left: 55.4rem;
	top: 24rem;
}

.bm-blts li.bltsa-9 {
	left: 69.3rem;
	top: 11.6rem;
}

.bm-blts li.bltsa-10 {
	left: 64rem;
	top: 40rem;
}

.bm-blts li.bltsa-11 {
	left: 73.6rem;
	top: 27rem;
}

.bm-blts li {
	flex: 0 0 23rem;
	margin-bottom: 1.9rem;
	position: absolute;
	font-size: 16px;
	z-index: 99;
}

.bm-blts li .li-inner {
	display: flex;
	font-weight: 300;
	letter-spacing: 0.02em;
}

.c-p-1,
.c-p-2,
.c-p-3 {
	position: absolute;
}

.c-p-1 {
	width: 68.8rem;
	height: 37.8rem;
	left: 11.3rem;
	top: 30rem;
	background: url("img/c-p-1.svg") center no-repeat;
	background-size: contain;
	z-index: 2;
}

.c-p-2 {
	width: 68.8rem;
	height: 37.8rem;
	left: 11.3rem;
	top: 30rem;
	background: url("img/c-p-2.svg") center no-repeat;
	background-size: contain;
	transform: scale(1);
	transform-origin: 33rem bottom;
	z-index: 1;
}

.c-p-3 {
	width: 77.6rem;
	height: 50.1rem;
	left: 8rem;
	top: 40rem;
	background: url("img/c-p-3.svg") center no-repeat;
	background-size: contain;
	z-index: 0;
}

.bm-blts li div {
	border-radius: 50%;
	font-weight: 700 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.bm-blts li.bltsa-1 .li-inner {
	width: 14rem;
	height: 14rem;
	font-size: 1.4rem;
	background: #edf6ff;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-2 .li-inner {
	width: 14rem;
	height: 14rem;
	font-size: 1.4rem;
	background: #edf6ff;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-3 .li-inner {
	width: 14rem;
	height: 14rem;
	font-size: 1.4rem;
	background: #edf6ff;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-4 .li-inner {
	width: 16.5rem;
	height: 16.5rem;
	font-size: 1.9rem;
	background: #004a74;
	color: white;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-5 .li-inner {
	width: 19rem;
	height: 19rem;
	font-size: 2.3rem;
	background: #f13b00;
	color: white;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-6 .li-inner {
	width: 16.5rem;
	height: 16.5rem;
	font-size: 1.9rem;
	background: #004a74;
	color: white;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-7 .li-inner {
	width: 22.3rem;
	height: 22.3rem;
	font-size: 2.3rem;
	background: #f13b00;
	color: white;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-8 .li-inner {
	width: 16.5rem;
	height: 16.5rem;
	font-size: 1.9rem;
	background: #004a74;
	color: white;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-9 .li-inner {
	width: 14rem;
	height: 14rem;
	font-size: 1.4rem;
	background: #edf6ff;

	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-10 .li-inner {
	width: 12.5rem;
	height: 12.5rem;
	font-size: 1.5rem;
	background: #8da7c5;
	color: white;
	padding: 1rem;
	box-sizing: border-box;
}

.bm-blts li.bltsa-11 .li-inner {
	width: 13.4rem;
	height: 13.4rem;
	font-size: 1.2rem;
	background: #f5f5f5;

	padding: 1rem;
	box-sizing: border-box;
}

article p strong {
	display: block;
}

.benchmark-area {
	padding: 14rem 0 0 0;
}

article p {
	margin-bottom: 3rem;
}

.sm {
	margin-bottom: 1rem;
}

.bm-right {
	flex: 0 0 58rem;
}

.bm-right-img {
	width: 79.2rem;
	height: 53.3rem;
	background-size: cover;
}

.map-area .basic-width {
	padding-bottom: 5rem;
}

.h2-h {
	z-index: 99999;
	top: 9rem;
}

.map-area h2 {
	width: 71rem;
	margin-bottom: 3rem;
}

.font-sizer {
	font-size: 10px;
}

.the-map {
	width: 108em;
	height: 68.9em;
	position: relative;
	margin: auto;
}

.the-map img {
	width: 100%;
}

.countries-dots {
	z-index: 9999;
}

.map-img {
	width: 108rem;
	height: 68.9rem;
	pointer-events: none;
	background-size: contain;
}

.country-dot-holder {
	cursor: pointer;
}

.country-dot-holder:hover {
	z-index: 9999;
}

.country-dot-holder:hover .inner-dot {
	transform: scale(1.5);
}

.country-dot-holder:hover .country-name {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
	padding: 0.5rem;
	transform: scale(1.2) translateY(-3rem);
	background-color: white;
	z-index: 99999;
	opacity: 1;
}

.country-dot-holder:hover .country-name.top {
	transform: scale(1.2) translateY(-2rem) !important;
}

.country-dot-holder .inner-dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #f13b00;
	position: relative;
	filter: drop-shadow(-1.9px -1.9px 3.8px rgba(220, 75, 19, 0.25));
	transition: 0.3s all;
}

.country-dot-holder .inner-dot:before {
	position: absolute;
	display: block;
	content: "";
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 1px solid #f13b00;
	left: -3px;
	top: -3px;
	box-sizing: border-box;
}

.country-name {
	transition: 0.3s all;
	position: absolute;
	left: 20px;
	font-size: 12px;
	display: block;
	pointer-events: none;
	top: 0;
	opacity: 0;
}

.country-name.top {
	left: 0;
	top: -20px;
}

.country-name.left {
	right: calc(-100% + 30px);
	left: auto;
	top: 0;
}

footer {
	padding-top: 5rem;
}

.the-banner {
	width: 130rem;
	height: 245px;
	padding: 0;
}

.banner-wrapper {
	background: url("img/footer_image.jpg") no-repeat center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.the-banner:before {}

.the-banner h2 {
	color: white;
	font-size: 38px;
	line-height: 1.45;

	margin-bottom: 2rem;
	letter-spacing: -0.03em;
}

.white-btn {
	display: block;
	height: 44px;
	display: inline-flex;
	padding: 0 5rem;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #112211;
	font-size: 15px;
	background-color: #fff;
	font-weight: 500;
	transition: 0.3s all;
	border: 1px solid white;
	box-sizing: border-box;
}

.white-btn:hover {
	background-color: #ccc;
	border: 1px solid #ccc;
}

.go-to-contact {
	display: block;
	height: 4.4rem;
	line-height: 4rem;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border: 1px solid #112211;
	color: #112211;

	text-decoration: none;
	box-sizing: border-box;
	transition: 0.3s all;
	padding: 0 3rem;
}

header .go-to-contact {
	height: 44px;
	line-height: 44px;
}

.go-to-contact:hover {
	background-color: #112211;
	color: white;
}

.contact-hero,
.inner-hero {
	padding-top: 10rem;
}

.contact-hero h1 {
	max-width: 100rem;
	font-size: 62px;
	line-height: 1.1;
	letter-spacing: -0.035em;
}

.contact-h-image {
	background-size: 100%;
	height: 37.7rem;
}

.the-story-area {
	background-color: #004a74;
	color: #fff;
}

.single-post header {
	background: var(--blue, #014971);
}

.single-post header svg path {
	fill: #fff;
}

.single-post .menu-h a {
	color: #fff;
}

.single-post .go-to-contact {
	border: 1px solid #fff;
}

.single-post article p {
	letter-spacing: 0.285px;
}

.single-post article ul {
	padding-left: 2.7rem;
}

.single-post article ul li {
	letter-spacing: 0.285px;
}

.gen-hero {
	padding-top: 8.6rem;
	position: relative;
}

.gen-hero:before {
	content: "";
	background: var(--blue, #014971);
	position: absolute;
	top: 0;
	width: 100%;
	/** bottom: 178px; **/
	bottom: 0;
	z-index: -1;
}

.gen-hero h1 {
	font-size: 62px;
	line-height: 1.1;
	letter-spacing: -0.035em;
	color: var(--white, #fff);
	text-align: center;
}

.gen-category-wrapper {
	display: flex;
	gap: 15px;
	justify-content: center;
	padding: 58px 0 0;
}

.gen-hero-text {
	justify-content: center;
	max-width: 1026px;
	margin: 0 auto;
	color: var(--blue, #014971);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.4px;
	display: flex;
	padding-bottom: 8px;
}

.gen-category {
	padding: 8px 15px;
	background: white;
	color: var(--blue, #014971);
	font-family: Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.4px;
}

.gen-post-content {
	padding: 60px 0;
	width: 95%;
	margin: 0 auto;
	max-width: 814px;
}

.gen-post-content h2 {
	font-size: 38px;
	margin-block-start: 1.63em;
	margin-block-end: 0.53em;
	color: var(--dark, #121212);
	font-family: Helvetica;
	line-height: 55px;
	/* 144.737% */
	letter-spacing: -0.48px;
}

.gen-post-content h5 {
	font-size: 24px;
	font-family: Helvetica;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 33px;
	/* 137.5% */
	letter-spacing: -0.48px;
	margin-block-end: 0.77em;
}

.gen-post-content blockquote {
	background: var(--light-blue, #f7f9fd);
	margin: 0;
	padding: 94px 40px 40px;
	position: relative;
	margin-top: 60px;
}

.gen-post-content blockquote:before {
	content: "";
	position: absolute;
	top: 40px;
	left: 40px;
	background-image: url("/wp-content/uploads/2024/01/citat.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 33px;
	height: 24px;
}

.gen-post-content blockquote p {
	letter-spacing: -0.48px;
	font-family: Helvetica;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 33px;
	letter-spacing: -0.48px;
	margin-bottom: 0.3em;
}

.gen-post-content blockquote p:last-child {
	margin-bottom: 0;
}

.gen-post-content blockquote em {
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
	/* 187.5% */
	letter-spacing: 0.285px;
}

.gen-post-content img:not(.alignleft,.alignright),
.gen-post-content figure:not(.alignleft,.alignright) {
	width: 100% !important;
	margin: 30px 0 0;
}


.gen-post-content img.alignleft,
.gen-post-content figure.alignleft {
	float: left;
    margin: 0.5em 1em 0.5em 0;
}

.gen-post-content img.alignright,
.gen-post-content figure.alignright {
	float: right;
    margin: 0.5em 0 0.5em 1em;
}

.gen-post-content figure {
	margin-bottom: 60px;
}

.gen-post-content figcaption {
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
	/* 187.5% */
	letter-spacing: 0.285px;
	margin-top: 20px;
}

.gen-cta-section {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 90px;
	max-width: 814px;
}

.gen-cta-wrapper {
	background: var(--blue, #014971);
	padding: 20px 30px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
	max-width: 814px;
	margin: 0 auto;
}

.gen-cta-wrapper .white-btn {
	padding: 0px 4rem;
}

.gen-cta-section h6 {
	font-family: Helvetica;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 33px;
	/* 137.5% */
	letter-spacing: -0.48px;
	color: #fff;
	margin: 0;
}

.gen-related-posts {
	background: var(--light-blue, #f7f9fd);
	margin-bottom: 90px;
	padding: 90px 0;
}

.gen-related-posts-header-row {
	margin-bottom: 60px;
}

/* .gen-related-posts-wrapper {
	width: 95%;
	max-width: 1240px;
	margin: 0 auto;
} */

.gen-related-posts-header-row h2 {
	font-family: "Helvetica";
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 55px;
	letter-spacing: -0.48px;
}

.gen-related-posts .listing-image {
	padding-bottom: 58.6%;
}

.gen-related-posts .listing-item-excerpt {
	display: none;
}

.gen-related-posts .listing-post h3 {
	font-family: "Helvetica";
}

.gen-related-posts .listing-text-wrapper {
	padding: 37px 35px 35px;
}

.listing-item-overlay-link {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.news-listing-taxonomy-filter-link {
	border: 1px solid var(--dark, #121212);
	padding: 9px 20px;
	font-family: "Helvetica";
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: var(--dark, #121212);
	text-decoration: none;
	background: transparent;
	transition: all 0.2s ease-in-out;
}

.news-listing-taxonomy-filter-link.current-filter {
	border: 1px solid var(--dark, #121212);
	background: var(--dark, #121212);
	color: #fff;
}

.news-listing-taxonomy-filter-wrapper {
	display: flex;
	gap: 13px;
	flex-wrap: wrap;
}

.news-listing-filter-wrapper {
	margin-bottom: 60px;
}

.listing-items-wrapper {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 60px 40px;
}

.page-template-news .listing-items-wrapper .listing-post:first-child {
	grid-column: span 12;
}

.listing-post {
	position: relative;
	grid-column: span 4;
}

.listing-post:hover .listing-image-wrapper img {
	transform: scale(1.05);
}

.listing-post:hover .listing-item-read-more a {
	text-decoration: none;
}

.listing-item-wrapper {
	display: flex;
	flex-flow: column;
	height: 100%;
}

.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper {
	display: flex;
	flex-flow: row;
}

.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper .listing-image,
.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper .listing-text-wrapper {
	flex: 1;

	box-sizing: border-box;
}

.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper .listing-image {
	padding-bottom: 0;
	min-height: 351px;
	max-width: 48.3%;
}

.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper .listing-text-wrapper {
	height: auto;
	max-width: 51.7%;
}

.listing-item-terms {
	display: flex;
	gap: 10px;
	position: absolute;
	left: 20px;
	top: 0;
}

.listing-item-term {
	padding: 8px 15px;
	background: var(--red, #f23b00);
	font-family: "Helvetica";
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.4px;
}

.page-template-news .listing-post h3 {
	margin-bottom: 15px;
}

.page-template-news .listing-post:first-child h3 {
	margin-bottom: 7px;
}

.listing-items-wrapper .listing-text-wrapper {
	background: var(--blue, #014971);
	color: #fff;
	display: flex;
	flex-direction: column;
}

.listing-items-wrapper .listing-item-read-more {
	margin-top: 20px;
}

.page-template-news section {
	padding: 42px 0 90px;
}

.page-template-news .listing-item-excerpt {
	display: none;
}

.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-excerpt {
	font-family: "Helvetica";
	font-size: 16px;
	line-height: 30px;
	display: block;
}

.listing-item-read-more a {
	color: var(--white, #fff);
	font-family: "Helvetica";
	font-size: 16px;
	line-height: normal;
	letter-spacing: 0.4px;
}

.listing-text-wrapper {
	padding: 40px 35px 35px;
	height: 100%;
}

.listing-post-inner {
	height: 100%;
}

.page-template-news .news-listing-pagination {
	margin-top: 60px;
	display: flex;
	gap: 16px;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.4px;
}

.page-numbers {
	border: 1px solid var(--red, #f23b00);
	background: transparent;
	width: 35px;
	height: 37px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--red, #f23b00);
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}

.page-numbers.current,
.page-numbers.next,
.page-numbers.prev {
	background: var(--red, #f23b00);
	color: #fff;
}

.page-numbers.next,
.page-numbers.prev {
	font-size: 15px;
	padding: 10px 20px;
	width: fit-content;
	height: fit-content;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0;
}

.page-numbers.prev {
	position: absolute;
	left: 0;
}

.page-numbers.next {
	position: absolute;
	right: 0;
}

.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper .listing-text-wrapper {
	padding: 80px 80px 73px;
}

.listing-image {
	position: relative;
	padding-bottom: 58.8%;
	overflow: hidden;
}

.listing-image-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s ease;
	transform: scale(1);
}

.page-template-news h1 {
	padding-top: 14.6rem;
	font-size: 62px;
	margin: 0 auto 20px auto;
	letter-spacing: -0.035em;
}

.page-template-news .contact-banner-area {
	padding-top: 90px;
}

.listing-no-posts {
	grid-column: span 12;
	font-size: 20px;
}

.p-and-t p {
	white-space: pre-line;
}

.body-1 p {
	margin-bottom: 6rem;
}

.body-1 p:last-child {
	margin-bottom: 0;
}

.advantages-list {
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 6rem;
	margin-top: 9rem;
}

.advantages-list li {
	border-bottom: 1px solid rgba(80, 80, 80, 0.3);
	min-height: 15rem;
	flex: 0 0 32%;
}

.advantages-list li p {
	margin-top: 1rem;
	margin-bottom: 2.7rem;
}

.advantages-list li h3 {
	box-sizing: border-box;
}

.advantages-list li p {
	padding-left: 4rem;
	box-sizing: border-box;
}

.advantages-list li h3 {
	margin-top: 0;
	margin-bottom: 0;
	display: flex;
	align-items: baseline;
}

.advantages-list li h3:before {
	content: "";
	display: block;
	width: 28px;
	height: 20px;
	background: url("img/bullet.svg") no-repeat left top 0.5rem;
	background-size: 28px;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 1rem;
}

.testemonials-splide {
	margin-top: 7.3rem;
}

.member-image-holder {
	width: 100%;
	height: 26.5rem;
	background: #e3e3e2 url("img/jd.jpg") no-repeat center bottom;
	background-size: cover;
}

.member-image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.team-members {
	display: flex;
	justify-content: space-between;
	row-gap: 6rem;
	flex-wrap: wrap;
}

.team-members li {
	min-height: 15rem;
	flex: 0 0 31%;
}

.team-members li h4 .name {
	font-size: 24px;
	letter-spacing: -0.02em;
}

.team-members li h4 .title {
	font-size: 19px;
	font-weight: 300;
	letter-spacing: 0.015em;
}

.c-b-h-r {
	padding: 8rem 0;
}

.team-members li h4 {
	margin: 2.3rem 0;
}

.team-members li p {
	margin: 0;
}

.team-area .p-and-t {
	padding-bottom: 6.4rem;
}

.team-area h3 {
	margin: 0;
}

.team-area .team-members {
	margin: 4.9rem 0 10.2rem 0;
}

.p-a-c-area {
	background-color: #f7f9fd;
	margin-bottom: 12rem;
}

.p-a-c-area .p-and-t p {
	font-size: 19px;
	line-height: 1.89;
	margin: 0;
}

.logos-list li {
	flex: 0 0 20%;
}

.logos-list li img {
	width: 100%;
	height: auto;
}

.t-image-holder {
	flex: 0 0 26.5rem;
	height: 21.6rem;
}

.t-image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.t-detials {
	padding-left: 9.5rem;
	box-sizing: border-box;
}

.t-detials p {
	max-width: 57rem;
	margin: 0;
}

.t-detials p.q-n-a-t {
	font-size: 16px;
	line-height: 1.87;

	font-weight: 700;
	letter-spacing: 0.02em;
	margin-top: 2.4rem;
}

.small-width {
	width: 111.7rem;
	margin: auto;
	padding: 0 12rem;
	box-sizing: border-box;
}

.splide__arrow--next {
	transform: skewX(-20deg) !important;
	right: 10vw !important;
}

.splide__arrow--prev {
	transform: skewX(-20deg) !important;
	left: 10vw !important;
}

.splide__arrow {
	height: 5.3rem !important;
	width: 5.3rem !important;
	background: #f13b00 !important;
	border-radius: 0 !important;
	opacity: 1 !important;
}

.splide__arrow svg {
	height: 1.6rem !important;
	width: 1.8rem !important;
}

.splide__arrow svg path {
	fill: white !important;
}

.splide__arrow--next svg {
	transform: skewX(20deg) !important;
}

.splide__arrow--prev svg {
	transform: skewX(20deg) scaleX(-1) !important;
}

.p-a-c-area {
	padding-bottom: 10rem;
}

.prodct-hero {
	background-color: #f7f9fd;
	padding: 17.5rem 0 0 0;
	height: 100vh;
	max-height: 100rem;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}

.prodct-hero h1 {
	color: #112211;
	font-size: 62px;
	line-height: 1.2;
	white-space: pre-line;
	letter-spacing: -0.035em;
	position: relative;
	z-index: 99999999;
}

.ph-prlx-img {
	width: 100rem;
	right: 0;
	bottom: 0;

	position: absolute;
}

.ph-prlx-img img {
	width: 100%;
	height: auto;
}

.c-l-i li p {
	margin: 0;
}

.c-l-i {
	row-gap: 6rem;
}

.c-l-i li {
	flex: 0 0 33.3333%;
	padding-right: 3rem;
	box-sizing: border-box;
}

.c-b-h {
	padding: 8rem;
}

.c-b-h-r h2 {
	margin: 0 0 6.3rem 0;
}

button.circ {
	font-size: 1.7rem;
	width: 20.5rem;
	height: 20.5rem;
	border: none;
	border-radius: 50%;
	background: #f3f8ff;
	font-weight: 700;
	padding: 2rem;
	box-sizing: border-box;
	transition: 0.3s all;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.li-inner {
	pointer-events: none;
}

.single-job article {
	padding-bottom: 5rem;
}

.jcc {
	flex: 0 0 78rem;
}

.expanded-text img {
	margin-bottom: 1rem;
}

button.circ:hover {
	transform: scale(1.08);
}

button.circ img {
	display: block;
	height: 4.1rem;
	width: 4.1rem;

	margin: 0 0 0.5rem 0;
}

.blts-list-holder {
	width: 74.3rem;
	height: 72.9rem;
	position: relative;
	margin: auto;
}

.btns-blts-list li {
	position: absolute;
}

.btns-blts-list li:nth-child(1) {
	left: 27.2rem;
	top: 0;
}

.btns-blts-list li:nth-child(2) {
	left: 48.9rem;
	top: 10.5rem;
}

.section-title {
	width: 25.8rem;
	text-align: center;
}

.section-title h2 {
	font-size: 7.3rem;
	margin: 0;
}

.bullets-btns-area h2 {
	font-size: 4.5rem;
}

.bullets-btns-area .section-title p {
	font-size: 2.4rem;
	line-height: 1.15;
}

.section-title p {
	font-size: 1.9rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.58;
}

.btns-blts-list li:nth-child(3) {
	left: 54.7rem;
	top: 33.9rem;
}

.btns-blts-list li:nth-child(4) {
	left: 39.4rem;
	top: 53.3rem;
}

.btns-blts-list li:nth-child(5) {
	left: 15.2rem;
	top: 53.3rem;
}

.btns-blts-list li:nth-child(6) {
	left: 0;
	top: 34rem;
}

.btns-blts-list li:nth-child(7) {
	left: 5.1rem;
	top: 10.6rem;
}

.bullets-btns-area {
	padding: 13rem 0;
}

.expanded-item {
	padding: 8rem 5.7rem;
	box-sizing: border-box;
	width: 131.4rem;
}

.expanded-item.grey-bg {
	padding: 5.7rem;
}

.expanded-item:nth-child(even) {
	flex-direction: row-reverse;
}

.ma {
	width: 131.4rem;
	margin: auto;
}

.expanded-text {
	padding-top: 4rem;
}

.expanded-text h2 {
	margin-top: 0;
}

.expanded-item:nth-child(odd) .expanded-text {
	padding-right: 12rem;
	box-sizing: border-box;
}

.expanded-item:nth-child(even) .expanded-text {
	padding-left: 12rem;
	box-sizing: border-box;
}

.expanded-text ul li {
	margin-bottom: 1.5rem;
	line-height: 1.87;
}

.expanded-img {
	flex: 0 0 57rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bt {
	font-weight: 300;
	font-size: 55px;
	margin: 3.3rem 0 0 0;
	line-height: 1;
	text-align: right;
}

.st {
	font-weight: 300;
	font-size: 16px;
	margin: 0;
	text-align: right;
}

.expanded-img img {
	max-width: 100%;
	width: 100%;
}

.grey-bg {
	background-color: #f7f9fd;
}

.expanded-text ul {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.87;
	letter-spacing: 0.02em;
	margin: 1em 0;

	padding-left: 3rem;
}

.expanded-text ul li::before {
	content: "+";
	/* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: red;
	/* Change the color */
	font-weight: 500;
	display: inline-block;
	/* Needed to add space between the bullet and the text */
	width: 1.5em;
	/* Also needed for space (tweak if needed) */
	margin-left: -1.5em;
	/* Also needed for space (tweak if needed) */
	transform: translateY(-0.1rem);
	font-size: 2rem;
}

.case-studies-head {
	padding-top: 17.5rem;
	padding-bottom: 9rem;
}

.case-studies-head h1 {
	margin: 0;
	line-height: 1;
	font-size: 62px;
	letter-spacing: -0.035em;
}

.case-studies-list-area h2,
.may-also-area h2 {
	font-weight: 300;
	font-size: 24px;
	margin: 0;
	letter-spacing: normal;
}

.case-studies-list {
	margin: 7.6rem 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 11rem;
}

.case-studies-list {
	column-gap: 6rem;
}

.cs-featured-holder {
	width: 100%;
	height: 26.5rem;

	overflow: hidden;
}

.cs-featured {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: 0.3s all;
}

.case-studies-list a:hover .cs-featured {
	transform: scale(1.02);
}

.case-studies-list a:hover .lm {
	color: white;
	background-color: #121212;
}

.case-studies-list a {
	display: block;
	text-decoration: none;
	color: #121212;
}

.lm {
	transition: 0.3s all;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 4.4rem;
	font-size: 15px;
	font-weight: 500;
	padding: 0 4.4rem;
	border: 1px solid #112211;
	margin-top: 2.7rem;
}

.show-more.loading {
	background-image: url("img/loading.svg");
	background-position: right 0.3rem !important;
	padding-right: 2.5rem;
}

.show-more {
	background: transparent url("img/show-more.svg") no-repeat right 1rem;
	border: none;
	text-decoration: underline;
	padding-right: 2rem;
	font-size: 19px;
	margin-top: 10rem;
	transition: 0.3s all;
}

.show-more:hover {
	background-position: right 1.4rem;
}

.case-studies-list-area {
	margin-bottom: 10rem;
}

.show-more.disabled {
	opacity: 0.1;
	pointer-events: none;
}

.inserted {
	animation: inserted 0.3s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes inserted {
	0% {
		opacity: 0;
		transform: translateY(2rem);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.cs-header {
	padding-top: 17.5rem;
}

.cs-header p {
	font-size: 24px;
	line-height: 1.67;
	margin: 1rem 0;
}

.cs-header h1 {
	margin: 0;
	font-size: 62px;
	line-height: 1.2;
	padding-right: 5rem;
	letter-spacing: -0.035em;
}

.cs-header .u-h-t {
	padding-top: 0;
	padding-bottom: 8rem;
}

article p,
article ul {
	margin-top: 0;
	font-size: 19px;
	line-height: 1.89;
	font-weight: 300;
}

article ul {
	list-style: disc;
	padding-left: 2rem;
}

.the-map {
	opacity: 0;
}

.expanded-img {
	opacity: 0;
}

article .u-h-t {
	padding-top: 8rem;
	padding-bottom: 0;
}

article .non-prlx-img {
	margin-top: 8rem;
}

.non-prlx-img {
	opacity: 0;
}

.may-also-area {
	margin-top: 22.6rem;
}

.page-template-jobs header,
.home header {
	background-color: transparent;
}

.jobs-head {
	height: 60rem;
	background-size: cover;
	display: flex;
	align-items: flex-end;
	padding-bottom: 9rem;
	box-sizing: border-box;
}

.cwwu {
	padding-left: 0;
	padding-right: 0;
}

.jobs-head h1 {
	color: white;
	font-size: 62px;
	line-height: 1.21;
	max-width: 89rem;
	letter-spacing: -0.035em;
}

.single-case-study .contact-banner-area {
	margin-top: 22rem;
}

.cs-cta {
	background-color: #f13b00;
	transition: 0.3s all;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 4.4rem;
	font-size: 15px;
	font-weight: 500;
	padding: 0 4.4rem;
	border: 1px solid #f13b00;
	margin-top: 2.7rem;
	color: white;
	text-decoration: none;
}

.cs-cta:hover {
	background-color: #dc2b13;
}

.single-job .contact-banner-area {
	margin-top: 14.7rem;
}

.page-template-default h1 {
	padding-top: 17.5rem;
	font-size: 62px;
	margin: 0 auto 7.1rem auto;
	letter-spacing: -0.035em;
}

.page-template-default .basic-width.s-b-w {
	width: 105rem;
}

/*
header .basic-width{
    padding-left: 5rem;
    padding-right: 5rem;
}*/
.page-template-default article h2 {
	font-size: 24px;
}

.page-template-default article p,
.page-template-default article ul {
	font-size: 16px;
	line-height: 1.87;
}

.page-template-default article {
	margin-bottom: 30rem;
}

.menu-h a {
	color: #112211;
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 0.025em;
	transition: 0.3s all;
}

.home .menu-h a,
.page-template-jobs .menu-h a {
	color: white;
}

header.white .menu-h a {
	color: #112211 !important;
}

.home header .go-to-contact,
.page-template-jobs header .go-to-contact {
	border: 1px solid #fff;
	color: #fff;
}

.home header:not(.white) .go-to-contact:hover,
.page-template-jobs header:not(.white) .go-to-contact:hover {
	background-color: white;
	color: #112211;
}

header.white .go-to-contact {
	border: 1px solid #112211 !important;
	color: #112211 !important;
}

header.white .go-to-contact:hover {
	color: white !important;
}

.menu-h {
	margin-left: 10rem;
}

.menu-h>div {
	height: 100%;
}

.menu-h ul {
	display: flex;
	column-gap: 5.4rem;
	height: 100%;
	align-items: center;
}

.footer-upper h2 {
	font-size: 14px;
	margin-bottom: 2rem;
}

.fu-2 a,
.fu-3 a,
.fu-4 a {
	text-decoration: none;
	color: #112211;
	font-size: 14px;
}

.fu-2 {
	padding-left: 27rem;
}

.fu-2 li,
.fu-3 li,
.fu-4 li {
	margin-bottom: 2rem;
}

.page-template-FAQ h1 {
	padding-top: 17.5rem;
	font-size: 62px;
	letter-spacing: -0.035em;
}

.faq-list.basic-width {
	width: 120rem;
}

.faq-list {
	margin-bottom: 20rem;
}

.faq-list li {
	background: #f7f9fd;
	padding: 0 3rem;
	margin-bottom: 2rem;
}

.faq-list li .question {
	padding: 3rem 0;
	margin: 0;
	font-size: 19px;
	font-weight: 400;
}

.faq-list li .answer {
	margin: 0;
}

.pm {
	display: block;
	width: 12px;
	height: 12px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 12px;
}

.answer {
	display: none;
	overflow: hidden;
}

.pm:before {
	width: 100%;
	height: 2px;
	background-color: #f13b00;
	content: "";
	display: block;
}

.question {
	width: 100%;
	background: none;
	border: none;
}

.pm:after {
	position: absolute;
	transform: rotate(90deg);
	width: 100%;
	height: 2px;
	background-color: #f13b00;
	content: "";
	display: block;
	transition: 0.5s all ease-in-out;
}

.opened .pm:after {
	transform: rotate(0);
}

.p-l-pu h2,
.form-line label.error {
	color: #112211;
}

.form-line label.error {
	font-size: 14px;
	color: red;
}

.p-l-pu {
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999999;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all;
}

.p-l-pu.show {
	opacity: 1;
	visibility: visible;
}

.login-frame {
	background: white;
	box-shadow: 0px 4px 21px 11px rgba(0, 0, 0, 0.19);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ajax-auth {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 72.4rem;
	height: 44.4rem;
}

.page-template-partners-resources h1 {
	font-size: 62px;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 17.5rem;
	max-width: min-content;
	letter-spacing: -0.035em;
}

.topics {
	margin-top: 10rem;
}

.topic {
	display: flex;
	width: 100%;
}

.topic h2 {
	flex: 0 0 50%;
	margin: 0;
	line-height: 1;
}

.files-list li {
	margin-bottom: 2rem;
}

.files-list a {
	font-size: 16px;
	color: #112211;
	background: url("img/file.svg") no-repeat left center;
	padding-left: 2.5rem;
}

.topic {
	padding-top: 4rem;
	padding-bottom: 5rem;
	border-bottom: 1px solid rgba(80, 80, 80, 0.2);
}

.form-line {
	position: relative;
}

.form-line label.error {
	position: absolute;
	right: 0;
	user-select: none;
}

.topic:last-child {
	border-bottom: none !important;
}

.topics {
	margin-bottom: 7rem;
}

#login input {
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #ababab;
	font-size: 16px;
	height: 3rem;
	border-radius: 0;
	transition: 0.3s border-color;
	width: 52rem;
	margin-bottom: 3rem;
	color: #112211;
}

#close-login {
	width: 13px;
	height: 13px;
	background: transparent url("img/cls.svg") no-repeat center;
	background-size: 13px;
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	z-index: 999999;
	border: none;
}

.prodct-hero .basic-width {
	height: 100%;
}

.fu-4 a {
	display: block;
	margin-bottom: 2rem;
}

.status {
	color: #112211;
}

#login input:focus {
	outline: none;
	border-bottom: 2px solid #112211;
}

.copyright,
.credit {
	flex: 0 0 33.3333%;
}

.credit {
	display: flex;
	justify-content: flex-end;
}

#login input.submit_button {
	display: inline-block;
	padding: 0 5rem;
	width: auto;
	height: 4.4rem;
	margin-top: 3rem;
	border: none;
	color: white;
}

.page-template-home .video-background {
	background: url("http://xfloat.co/wp-content/uploads/2022/04/Xfloat-floating-solar-system-moment-1.jpg") no-repeat center;
	background-size: cover;
}

.btt-con {
	height: 10rem;
	align-items: center;
	bottom: -10rem;
	transition: 0.3s all;
	z-index: 999999;
	right: 1rem;
	width: 7.2rem;
}

.btt-con.show {
	bottom: 5rem;
}

#back-to-top {
	width: 4rem;
	height: 4rem;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: url("img/btt.svg") no-repeat center;
	background-size: 5.6rem;
	transition: 0.3s all;
	opacity: 0.7;
}

#back-to-top:hover {
	filter: brightness(1) invert(0.1);
	opacity: 1;
}

.res,
#login-btn {
	margin-right: 3rem;
	font-size: 16px;
	color: #112211;
	text-decoration: none;
}

.home .res,
.home #login-btn,
.page-template-jobs .res,
.page-template-jobs #login-btn {
	color: #fff;
}

.team-groups {
	padding: 90px 0;
}

.team-groups>li:not(:last-child) {
	margin-bottom: 5rem;
}

.team-members {
	gap: 5rem 3.5%;
	justify-content: flex-start;
}

.team-area .team-members {
	margin: 0;
}

.team-members .team-group-bio {
	overflow: hidden;
}

.team-members .team-group-bio.active {
	display: block;
}

.team-members li {
	position: relative;
}

.team-members li.active {
	grid-template-rows: min-content 1fr;
}

.team-members .team-member-wrapper {
	position: relative;
}

.team-members .team-info {
	position: absolute;
	top: 20px;
	left: 20px;
	opacity: 1;
	visibility: visible;
	transition: all 0.2s ease-in-out;
}

.team-members li.active .team-info {
	opacity: 0;
	visibility: hidden;
}

.team-members .team-info h4 {
	margin: 0;
}

.team-members .team-icon-linkedin-wrapper {
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: 1;
	visibility: visible;
	transition: all 0.2s ease-in-out;
}

.team-members li.active .team-icon-linkedin-wrapper {
	opacity: 0;
	visibility: hidden;
}

.team-members .team-linkedin-link {
	font-size: 24px;
	color: #f13b00;
	transition: all 0.2s ease-in-out;
}

.team-members .team-linkedin-link:hover {
	color: #dc2b12;
}

.team-members .about-team-read-more {
	position: absolute;
	bottom: 20px;
	right: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s ease-in-out;
	z-index: 2;
}

.team-members li.active .about-team-read-more,
.team-members .team-member-wrapper:hover .about-team-read-more {
	opacity: 1;
	visibility: visible;
}

.team-members .about-team-read-more .read-more {
	display: block;
	height: 45px;
	display: inline-flex;
	padding: 0 2.3rem;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #121212;
	font-size: 16px;
	background-color: #fff;
	transition: 0.3s all;
	border: 1px solid #fff;
}

.team-members .about-team-read-more .read-more:hover {
	background-color: #ccc;
	border: 1px solid #ccc;
}

.team-members .about-team-read-more .read-more:before {
	content: attr(data-read-more);
}

.team-members .about-team-read-more.active .read-more:before {
	content: attr(data-read-less);
}

.team-members .team-group-bio {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(255, 255, 255, 0.8);

	transition: all 0.2s ease-in-out;
}

.team-members li.active .team-group-bio {
	opacity: 1;
	visibility: visible;
}

.team-members .team-group-bio-wrapper {
	height: 80%;
	overflow-y: auto;
}

.team-members .member-image-holder {
	height: 38.5rem;
}

.team-group-image {
	width: 150rem;
	padding-left: 10rem;
	padding-right: 10rem;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.team-group-image img {
	width: 100%;
}


iframe{
	max-width: 100%;
}

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

	.team-area .team-members,
	.team-members li {
		margin: 0 !important;
	}

	.team-members {
		display: flex !important;
	}

	.team-group-image {
		padding: 0 2.3rem;
		max-width: 70%;
	}
}

@media only screen and (max-width: 980px) {
	.team-members .about-team-read-more {
		visibility: visible;
		opacity: 1;
	}
}

@media only screen and (max-width: 799px) {
	.team-group-image {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.team-members {
		flex-direction: column;
	}
	
	.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper{
		flex-direction: column;
	}
	
	.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper .listing-image {
		max-width: 100%
	}
	
	.page-template-news .listing-items-wrapper .listing-post:first-child .listing-item-wrapper .listing-text-wrapper{
		max-width: 100%
	}
	
	.gen-post-content img,
	.gen-post-content figure {
		float: none;
		width: 100% !important;
		margin: 30px 0 0;
	}
}