/*!
Theme Name: Spectre
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: spectre
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

spectre is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

* {
  box-sizing: border-box;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: HelveticaNow, sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--black);
  background: var(--secondary-inverted)
}
:root {
  --black: #001115;
  --text-primary-inverted: #F0F0F0;
  --text-secondary: #334043;
  --text-secondary-inverted: #BCBDB7;
  --text-primary-inverted: #F0F0F0;
  --secondary-inverted: #FDFDFD;
  --blue: #3b6fff;
}
@font-face {
  font-family: HelveticaNow;
  src: url("./fonts/HelveticaNowDisplay-Regular.woff2") format("woff2"),
    url("./fonts/HelveticaNowDisplay-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: HelveticaNow;
  src: url("./fonts/HelveticaNowDisplay-RegIta.woff2") format("woff2"),
    url("./fonts/HelveticaNowDisplay-ReguIta.otf") format("opentype");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: HelveticaNow;
  src: url("./fonts/HelveticaNowDisplay-Black.woff2") format("woff2"),
    url("./fonts/HelveticaNowDisplay-Black.otf") format("opentype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: HelveticaNow;
  src: url("./fonts/HelveticaNowDisplay-BlackIta.woff2") format("woff2"),
    url("./fonts/HelveticaNowDisplay-BlackIta.otf") format("opentype");
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: Instrument;
  src: url("./fonts/InstrumentSerif-Regular.woff2") format("woff2"),
    url("./fonts/InstrumentSerif-Regular.otf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Instrument;
  src: url("./fonts/InstrumentSerif-Italic.woff2") format("woff2"),
    url("./fonts/InstrumentSerif-Italic.otf") format("truetype");
  font-style: italic;
  font-weight: 400;
}
main {
  display: block;
  position: relative;
}
.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 64px;
  width: 100%;
}
.ofc {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.jcsb {
  justify-content: space-between;
}
.aic {
  align-items: center;
}
.jcc {
  justify-content: center;
}
.p.white,
p.white,
.white p,
.white {
  color: #ffffff;
}
.p.inverted,
p.inverted,
.inverted p,
.inverted {
  color: var(--text-primary-inverted);
}
.p.secondary,
p.secondary,
.secondary p,
.secondary {
  color: var(--text-secondary);
}
.p.secondary-inverted,
p.secondary-inverted,
.secondary-inverted p,
.secondary-inverted {
  color: var(--text-secondary-inverted);
}
a {
  color: inherit;
  text-decoration: none;
}
p.bold,
strong p,
.bold p,
strong,
.bold {
  font-weight: 700;
}
.medium p,
.medium {
  font-weight: 600;
}

.p,
p {
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  margin: 0 0 24px;
  color: var(--black);
}
h2.h1,
.h1 h2,
.h1,
h1 {
  font-family: Instrument;
  font-weight: 400;
  font-size: 104px;
  line-height: 100%;
  letter-spacing: -0.01em;
  margin: 0;
}
h2 {
	font-family: Instrument;
	font-weight: 400;
	font-size: 56px;
	line-height: 100%;
	letter-spacing: -0.01rem;
	margin: 0;
}
h3 {
  font-family: HelveticaNow;
	font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  margin: 0 0 16px;
}
h4 {
  font-family: HelveticaNow;
	font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  margin: 0 0 16px;
}
.body > p:last-of-type {
  margin: 0;
}

#masthead {
  padding: 40px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999999;
  transition: padding .4s ease, background .2s ease;
}
#masthead.scrolled {
  background: var(--secondary-inverted);
  padding: 16px 0;
}
.hdr-logo {
  position: relative;
  width: 62px;
  height: 19px;
  z-index: 9999;
}
.hdr-logo .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.mobile-nav-trigger {
  display: none;
}
#site-navigation {
  gap: 48px;
}
#site-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}
#site-navigation ul li {
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--black);
}
.footer-menu li a,
#site-navigation ul li a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 2px 0;
}
.footer-menu li a {
	padding: 0;
}
.footer-menu li a::after,
#site-navigation ul li a::after {
	content: '';
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--black);
	display: block;
	transform: translateX(-100%);
	transition: all .2s ease;
}
.header-clear header:not(.scrolled) #site-navigation ul li a::after,
.footer-menu li a::after {
	background: var(--text-primary-inverted);
}
.footer-menu li a:hover::after,
#site-navigation ul li a:hover::after {
	transform: translateX(0);
}
.btn,
a.btn {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  font-weight: 800;
  font-size: 18px;
  line-height: 100%;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}
.btn.btn-dark {
  color: var(--black);
}
.btn.btn-white,
.header-clear #site-navigation li a,
.header-clear header .btn.btn-dark {
  color: var(--text-primary-inverted);;
}
.btn.btn-white svg path,
.header-clear header .btn.btn-dark svg path {
  stroke: var(--text-primary-inverted);;
}
.btn.btn-inverted {
	color: var(--text-primary-inverted);
}
.btn.btn-inverted svg path {
	stroke: var(--text-primary-inverted);
}
.btn,
.btn svg path {
  transition: all .1s ease;
}
.btn.btn-dark:hover,
.btn.btn-white:hover,
.btn.btn-inverted:hover,
.btn:hover {
  color: #FF4500 !important;
}
.btn.btn-dark:hover svg path,
.btn.btn-white:hover svg path,
.btn.btn-inverted:hover svg path,
.btn:hover svg path {
  stroke: #FF4500 !important;
}
footer {
  background: var(--black);
  padding: 112px 0;
}

section {
  position: relative;
}
.home-hero {
  min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
}
.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bg-content {
  position: relative;
  z-index: 5;
}
.home-hero .bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(0deg, rgba(3, 5, 4, 0.6), rgba(3, 5, 4, 0.6));
}
#masthead.scrolled .logo-light,
.header-clear header .logo-dark,
header .logo {
  display: none;
}
#masthead.scrolled .logo-dark,
header .logo-dark,
.header-clear header .logo-light {
  display: block;
}
#site-navigation li a {
  transition: all .1s ease;
}
#masthead.scrolled li a {
  color: var(--black);
}
#masthead.scrolled .btn.btn-dark svg path {
  stroke: var(--black);
}
#masthead.scrolled .btn.btn-dark {
  color: var(--black);
}
.home-hero {
  justify-content: flex-end;
}
.home-hero .bg-content {
  padding: 200px 0 112px;
}
span.pre-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 32px;
}
.normal-hero .left,
.home-hero .left {
	max-width: 927px;
	flex-grow: 1;
	width: 100%;
}
.normal-hero .main-row,
.home-hero .main-row {
	gap: 40px;
	align-items: flex-end;
}
.normal-hero .right,
.home-hero .right {
	max-width: 309px;
	min-width: 309px;
}
.normal-hero .btn-container,
.home-hero .btn-container {
	margin: 24px 0 0;
}
.footer-logo img,
.footer-logo svg {
	width: 172px;
	height: auto;
	display: block;
}
.footer-navs-row {
	gap: 100px;
}
.footer-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-menu ul li a,
.footer-menu ul li {
	color: var(--text-primary-inverted);
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
}
.footer-menu ul li {
	margin: 0 0 16px;
}
.footer-menu ul > li:last-of-type {
	margin: 0;
}
.footer-main-row {
	padding: 0 0 72px;
	margin: 0 0 72px;
	border-bottom: 1px solid #C0C3C4;
}
.copyright p {
	margin: 0 0 8px;
}
.normal-section-padding {
	padding: 112px 0;
}
.dark-bg {
	background: var(--black);
}
.secondary-inverted-bg {
  background: var(--secondary-inverted);
}
.titles-row {
	gap: 40px;
	align-items: flex-end;
}
.titles-row.aic {
  align-items: center;
}
.titles-row .left {
	max-width: 514px;
}
.testimonial-carousel-section .titles-row .left {
  max-width: 650px;
}
.titles-row .body {
	max-width: 610px;
}
.titles-row .btn-container {
  margin: 24px 0 0;
}
.testimonial-swiper .swiper-wrapper > div:nth-of-type(3n + 2) .testimonial-card {
	background: #1E2F33;
}
.testimonial-swiper .swiper-wrapper > div:nth-of-type(3n + 2) .testimonial-card p.name,
.testimonial-swiper .swiper-wrapper > div:nth-of-type(3n + 2) .testimonial-card .body p {
	color: var(--text-primary-inverted);
}
.testimonial-swiper .swiper-wrapper > div:nth-of-type(3n + 2) .testimonial-card p.role {
	color: var(--text-secondary-inverted);
}
.titles-row .body p {
	text-wrap: pretty;
}
.numbers-section h2 {
	max-width: 300px;
}
.grid {
	display: grid;
}
.numbers-grid,
.grid-3 {
	grid-column-gap: 12px;
	grid-template-columns: repeat(3, calc(33.33% - 8px));
}
.grid-4 {
  grid-column-gap: 16px;
	grid-template-columns: repeat(4, calc(25% - 12px));
}
.number-item.bg-dark {
	background: #0A1B1F;
}
.number-item.bg-grey {
	background: #1E2F33;
}
.number-item.bg-grey p {
  color: var(--text-secondary-inverted);
}
.number-item.bg-dark p {
  color: var(--text-primary-inverted);
}
.number-item.bg-light p {
  color: var(--text-secondary);
}
.number-item.bg-light {
	background: var(--text-primary-inverted);
}
.number-item {
	padding: 40px 24px;
	border-radius: 8px;
	height: 100%;
}
h3.number-text {
	font-family: Instrument;
	font-weight: 400;
	font-size: 96px;
	line-height: 120%;
	margin: 0;
	color: var(--text-primary-inverted);
}
.number-item.bg-light h3.number-text {
	color: var(--black);
}
.number-item .body {
	margin: 24px 0 0;
}
.number-item.bg-dark .body {
	color: var(--text-primary-inverted);
}
.number-item.bg-grey .body {
	color: var(--text-secondary-inverted);
}
.number-item.bg-light .body {
	color: var(--text-secondary);
}
.numbers-grid {
	margin: 72px 0 0;
}
.large-text-section h2 {
	font-size: 80px;
	line-height: 100%;
	letter-spacing: -0.01rem;
	text-align: center;
}
.card-item {
  padding: 24px;
  background: #0A1B1F;
  border-radius: 8px;
  min-height: 400px;
  height: 100%;
}
.card-item .bottom {
  margin-top: auto;
}
.card-item .bottom svg {
  display: inline-block;
  margin: 40px 0 0;
}
.card-item .body {
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
}
.cards-item svg path,
.card-item,
.card-item .body,
.card-item h4,
.card-item .card-number {
  transition: all .3s ease;
}
.cards-grid {
  margin: 72px 0 0;
}
.card-number {
  font-size: 16px;
  line-height: 20px;
  display: block;
  margin: 0 0 16px;
}
@media all and (min-width: 768px) {
	.cards-grid .grid-item:hover svg path,
.cards-grid a:hover svg path {
  stroke: var(--black);
}
.cards-grid .grid-item:hover .card-item,
.cards-grid a:hover .card-item {
  background: var(--text-primary-inverted);
  transform: translateY(-32px);
}
.cards-grid .grid-item:hover .card-item .card-number,
.cards-grid a:hover .card-item .card-number {
  color: var(--text-secondary)
}
.cards-grid .grid-item:hover .card-item h4,
.cards-grid a:hover .card-item h4 {
  color: var(--black);
}
.cards-grid .grid-item:hover .card-item .body,
.cards-grid a:hover .card-item .body {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
}


.faqs-section h2 {
  max-width: 340px;
  margin: 0 0 24px;
}
.faqs-section.dark-bg {
  background: #0A1B1F;
}
.faqs-section.dark-bg h2 {
  color: var(--text-primary-inverted);
}
.faqs-section.dark-bg p.large {
  color: var(--text-primary-inverted);
}
.faqs-section.dark-bg p {
  color: var(--text-secondary-inverted);
}
.faqs-section.dark-bg .accordion-item {
  border-color: #C0C3C4;
}
.faqs-section.dark-bg .accordion-arrow svg path {
  stroke: var(--text-primary-inverted);
}
.faqs-row {
  gap: 72px;
}
.faqs-row .left {
  width: 45%;
  max-width: 514px;
}
.faqs-row .right {
  width: calc(55% - 72px);
  max-width: 619px;
}
.accordion-title p {
  margin: 0;
}
.large p,
p.large {
  font-size: 24px;
}
.accordion-item {
  gap: 26px;
  padding: 24px 0;
  margin: 0 0 24px;
  border-bottom: 1px solid #0A1B1F;
  user-select: none;
}

.accordion-container > div:last-of-type {
  margin: 0;
  border-bottom: none;
}
.accordion-content .body {
  padding: 16px 0 0;
}
.accordion-content {
  height: 0;
  overflow: hidden;
  transition: all .4s ease;
}
.accordion-arrow svg {
  transition: all .4s ease;
  transform: rotate(180deg);
}
.active .accordion-arrow svg {
  transform: rotate(0);
}
.accordion-arrow svg path {
	transition: all .2s ease;
}
.active .accordion-arrow svg path {
	stroke: #FF4500;
}
.active .accordion-content {
  height: var(--height);
}
.accordion-title,
.accordion-arrow {
  cursor: pointer;
}
.cta-row {
  align-items: flex-end;
}
.cta-row .right {
  max-width: 619px;
  width: 50%;
}
.cta-row .btn-container {
  margin: 24px 0 0;
}
.testimonial-row,
.testimonial-card,
.testimonial-card .img-container {
  height: 100%;
}
.testimonial-card .img-container,
.testimonial-card {
  border-radius: 8px;
  overflow: hidden;
  background: #F5F5F5;
}
.testimonial-card .img-container {
  position: relative;
}
.testimonial-card {
  min-height: 393px;
}
.testimonial-card .body {
  margin: 0 0 40px;
}
.testimonial-card .right {
  width: 48.2%;
  max-width: 48.2%;
  min-width: 48.2%;
}
.testimonial-card .left {
  width: 51.8%;
  max-width: 51.8%;
  min-width: 51.8%;
  padding: 24px;
}
.testimonial-card .left .bottom {
  margin-top: auto;
}
.testimonial-card p.role {
  margin: 0;
}
.testimonial-card p.name {
  margin: 0 0 8px;
}
.swiper-slide {
  height: auto !important;
}
.testimonial-swiper {
  overflow: hidden;
  margin: 72px 0 0;
}
.swiper-btn-left svg {
  transform: rotate(-180deg);
}
.testimonial-swiper-pag {
  gap: 12px;
}
.single-testimonial-section .swiper-btn {
	background: #F0F0F0;
}
.swiper-btn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--black);
  transition: all .1s ease;
  cursor: pointer;
}
.swiper-btn:hover {
  background: #FF4500;
}
.swiper-btn:active {
  background: #DCDCDC;
}
.swiper-button-disabled.swiper-btn {
  background: #CACDCE;
}
.single-testimonial-section .swiper-btn:hover svg path,
.single-testimonial-section .swiper-button-disabled.swiper-btn svg path {
	stroke: #F0F0F0;
}
.single-testimonial-section .testimonial-swiper-pag-desk {
	display: flex !important;
}
.single-testimonial-section .testimonial-swiper {
	margin: 0;
}
.single-testimonial-section .testimonial-swiper-pag {
	justify-content: flex-end;
	margin: 72px 0 0;
}
.founders-section .left {
  width: calc(50% - 20px);
  max-width: 541px;
  padding: 72px;
  position: relative;
  min-height: 605px;
  height: 100%;
  background: #0A1B1F;
  overflow: hidden;
  border-radius: 8px;
}
.founders-section .left .bg {
  width: calc(100% - 144px);
  max-width: 296px;
  height: calc(100% - 144px);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  overflow: hidden;
  border-radius: 8px;
}
.founders-section .left h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 5;
  text-align: center;
  width: 100%;
  max-width: 400px;
}
.founders-section .right {
  width: 50%;
  max-width: 50%;
  min-width: 50%;
  position: relative;
}
.founders-section .right::before {
  height: 100%;
  width: 1px;
  content: '';
  position: absolute;
  left: 2px;
  transform: translateX(-50%);
  top: 0;
  background: #C0C3C4;
  border-radius: 50%;
  z-index: 1;
}
.founders-section .btn-container {
  margin-top: auto;
  padding-left: 115px;
}
.founders-list {
  list-style: none;
  margin: 0 0 80px;
  padding: 0;
}
.founders-list li {
  color: var(--text-primary-inverted);
  margin: 0 0 80px;
  font-size: 24px;
  padding-left: min(115px, calc(50vw - 608px));
  display: block;
  position: relative;
}
.founders-section .btn-container {
  padding-left: min(115px, calc(50vw - 608px));
}
.founders-list li::before {
  height: 6px;
  width: 6px;
  content: '';
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--text-primary-inverted);
  border-radius: 50%;
  z-index: 5;
  border: 3px solid var(--black);
}
.founders-list > li:last-of-type {
  margin: 0;
}
.contact-section {
  padding: 164px 0 112px;
}
.contact-row h1 {
  margin: 0 0 24px;
}
.contact-row {
  gap: 40px;
}
.contact-row .left {
  width: 100%;
  max-width: 645px;
}
.main-form {
  margin: 40px 0 0;
}
.main-form .form-el-wrap {
  position: relative;
  margin: 0 0 24px;
}
.main-form .btn-container {
  margin: 32px 0 0;
}
.main-form input,
.main-form textarea {
  width: 100%;
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 22px 16px 2px;
  border-radius: 8px;
  background: var(--text-primary-inverted);
  border: 1px solid #C0C3C4;
  font-family: HelveticaNow;
  font-size: 18px;
  line-height: 150%;
  color: var(--text-secondary);
  outline: none;
  box-shadow: none;
  transition: all .1s ease;
}
.main-form input::placeholder,
.main-form textarea::placeholder {
  color: rgba(0,0,0,0);
}
.main-form label {
  font-family: HelveticaNow;
  font-size: 18px;
  line-height: 150%;
  color: var(--text-secondary);
  position: absolute;
  top: 14px;
  left: 16px;
  z-index: 5;
  transition: all .2s ease;
	-webkit-appearance: none;
	appearance: none;
}
.wpcf7-form-control-wrap {
	position: unset;
}
.main-form textarea:focus~label,
.main-form textarea:-webkit-autofill~label,
.main-form textarea:not(:placeholder-shown)~label,
.main-form input:focus~label,
.main-form input:-webkit-autofill~label,
.main-form input:not(:placeholder-shown)~label {
  top: 4px;
  font-size: 11px;
}
.main-form textarea:focus,
.main-form input:focus {
  border: 1px solid #0A1B1F;
}
.form-el-wrap::after {
  content: '';
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 14px;
  right: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}
.sent .form-el-wrap::after {
	display: none;
}
.wpcf7 form .wpcf7-response-output {
	border-color: var(--black) !important;
	padding: 24px;
	border-radius: 4px;
}
.wpcf7 form.invalid .wpcf7-response-output {
	display: none;
}
.form-el-wrap.js-valid::after {
  background-image: url('./assets/form-tick.png');
}
.form-el-wrap.js-valid:focus textarea,
.form-el-wrap.js-valid textarea,
.form-el-wrap.js-valid:focus input,
.form-el-wrap.js-valid input {
  border-color: #0B8274;
}
.form-el-wrap.js-invalid:focus textarea,
.form-el-wrap.js-invalid textarea,
.form-el-wrap.js-invalid:focus input,
.form-el-wrap.js-invalid input {
  border-color: #FF4500;
}
.form-el-wrap.js-valid textarea,
.form-el-wrap.js-invalid textarea,
.form-el-wrap.js-valid input,
.form-el-wrap.js-invalid input {
  padding-right: 44px;
}
.form-el-wrap.js-invalid::after {
  background-image: url('./assets/form-error.png');
}
.main-form .wpcf7-not-valid-tip {
  display: none !important;
}
.contact-list {
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}
.contact-row .right > ul:last-of-type {
  margin: 0;
}
.contact-title {
  margin: 0 0 8px;
}
.contact-list li {
  font-size: 24px;
  margin: 0 0 8px;
}
.contact-list > li:last-of-type {
  margin: 0;
}
.contact-row .right {
  width: 100%;
  max-width: 308px;
  padding-left: 16px;
  border-left: 1px solid #C0C3C4;
}
.after-normal-hero {
  height: 414px;
}
.normal-hero {
  padding: 148px 0 40px;
}
.method-section {
  padding: 112px 0 0;
  background: var(--secondary-inverted);
  overflow: hidden;
}
.method-row {
  gap: 48px;
}
.method-row .left {
  width: calc(50% - 48px);
  max-width: 619px;
}
.method-row .right {
  max-width: 644px;
  width: 50%;
}
.method-swiper {
  height: 688px;
  padding: 0 0 40px;
}
.method-card {
  padding: 24px 24px 72px;
  border-radius: 8px;
}
.method-card h3 {
  padding: 0 0 16px;
  border-bottom: 1px solid #0A1B1F;
}
.method-card .number {
  display: block;
  margin: 0 0 16px;
  font-size: 24px;
}
.method-swiper .swiper-wrapper > div:nth-of-type(5n) .method-card,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 1) .method-card {
  background: #DCDCDC;
}
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 4) .method-card,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 2) .method-card {
  background: #0A1B1F;
}
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 3) .method-card {
  background: #1E2F33;
}
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 3) .method-card h3,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 4) .method-card h3,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 2) .method-card h3 {
  color: var(--text-primary-inverted);
  border-color: #C0C3C4;
}
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 4) .method-card p,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 3) .method-card p,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 2) .method-card p,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 4) .method-card .number,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 3) .method-card .number,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 2) .method-card .number {
  color: var(--text-secondary-inverted)
}
.method-swiper .swiper-wrapper > div:nth-of-type(5n) .method-card .number,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 1) .method-card .number,
.method-swiper .swiper-wrapper > div:nth-of-type(5n) .method-card p,
.method-swiper .swiper-wrapper > div:nth-of-type(5n + 1) .method-card p {
  color: var(--text-secondary);
}
.text-image-section .image {
  height: 216px;
  margin: 0 0 72px;
  position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.text-img-row {
  gap: 80px;
}
.text-img-row .left {
  width: calc(50% - 80px);
  max-width: 532px;
}
.text-img-row .right {
  width: 50%;
  max-width: 643px;
}
.white-bg {
  background: #ffffff;
}
.clients-hero h1 {
  max-width: 420px;
}
.single-testimonial-section h2 {
  margin: 0 0 24px;
}
.single-testimonial-row {
  margin: 72px 0 0;
  gap: 72px;
}
.single-testimonial-row .left {
  max-width: 579px;
  width: calc(50% - 72px);
}
.single-testimonial-row .right {
  width: 52%;
  max-width: 644px;
  justify-content: flex-start;
}
.single-testimonial-row .img-container {
  position: relative;
  height: 500px;
}
.single-testimonial-row .img-container img {
  position: absolute;
  object-fit: cover;
  border-radius: 4px;
}
.single-testimonial-row .img-container img.main-img {
  bottom: 0;
  left: 0;
  height: 380px;
  z-index: 5;
  width: 320px;
}
.single-testimonial-row .img-container img.bg-img {
  top: 0;
  right: 0;
  width: 430px;
  height: 445px;
  z-index: 1;
}
.text-center {
  text-align: center;
}
.logo-swiper .swiper-slide {
  text-align: center;
}
.logo-swiper .logo-container {
  width: 140px;
  height: 56px;
  margin: auto;
}
.logo-swiper .logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.two-cols {
  gap: 74px;
 }
.two-cols > div {
  width: calc(50% - 37px);
  max-width: calc(50% - 37px);
  min-width: calc(50% - 37px);
}
.two-cols.gap-40 {
  gap: 40px;
}
.two-cols.gap-40 > div {
  width: calc(50% - 20px);
  max-width: calc(50% - 20px);
  min-width: calc(50% - 20px);
}
.project-tabs-wrap {
  overflow-x: auto;
  margin: 0 0 16px;
  width: calc(100% + 16px);
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.project-tabs {
  padding: 0 0 8px;
  gap: 8px;
  flex-wrap: nowrap;
	
  
}
.project-tabs-wrap::-webkit-scrollbar {
  display: none;
}
.project-tab {
  padding: 8px 20px;
  border-radius: 8px;
  transition: all .1s ease;
  cursor: pointer;
  white-space: nowrap;
}
.project-tab.active {
  background: var(--black);
  color: var(--text-primary-inverted);
}
.projects-swiper {
  overflow: hidden;
}
.project-title-row {
  align-items: flex-end;
}
.project-grid {
  grid-template-columns: repeat(20, 5%);
  border-radius: 8px;
  overflow: hidden;
  margin: 72px 0 0;
}
.project-grid .box-inner {
  padding: 40px 24px 72px;
}
.project-grid > div:nth-of-type(4n + 1) {
  grid-column: span 11;
  background: #1E2F33;
}
.project-grid > div:nth-of-type(4n + 2) {
  background: #f5f5f5;
  grid-column: span 9;
}
.project-grid > div:nth-of-type(4n + 3) {
  background: #0A1B1F;
  grid-column: span 15;
}
.project-grid > div:nth-of-type(4n + 3) .box-inner {
  max-width: 653px;
}
.project-grid > div:nth-of-type(4n + 1) .under-stat,
.project-grid > div:nth-of-type(4n + 3) .under-stat,
.project-grid > div:nth-of-type(4n + 3) .body p,
.project-grid > div:nth-of-type(4n + 1) .body p {
  color: var(--text-secondary-inverted);
}
.project-grid > div:nth-of-type(4n + 1) h3,
.project-grid > div:nth-of-type(4n + 3) h3 {
  color: var(--text-primary-inverted);
}
.project-grid > div:nth-of-type(4n + 2) .body p {
  color: var(--text-secondary);
}
.project-grid > div:nth-of-type(4n) {
  padding: 0;
  grid-column: span 5;
}
.project-grid .image-item {
  position: relative;
}
.stat-box-item .xl-stat {
  font-size: 168px;
  line-height: 100%;
  color: var(--text-primary-inverted);
  font-family: Instrument;
  margin: 40px 0 0;
}
.stat-box-item .under-stat {
  margin: 8px 0 0;
  padding: 0 0 16px;
  border-bottom: 1px solid #C0C3C4;
}
.projects-swiper-pag {
  gap: 12px;
  justify-content: flex-end;
  margin: 72px 0 0;
}
.projects-swiper-pag span {
  font-size: 18px;
  line-height: 150%;
}
.image-gallery {
  grid-template-columns: repeat(4, calc(25% - 6px));
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  margin: 72px 0 0;
}
.image-gallery .img-container {
  height: 0;
  padding-bottom: 84%;
  position: relative;
}
.image-gallery .span-2 .img-container {
  padding-bottom: 41.5%;
}
.image-gallery .span-2 {
  grid-column: span 2;
}
.image-gallery img {
  border-radius: 4px;
}
.team-section .titles-row {
  align-items: flex-start;
}
.team-grid {
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin: 24px 0 0;
}
.team-card-bottom h3 {
	font-size: 32px;
	line-height: 120%;
}
.team-card .featured-img {
  height: 356px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}
.team-card .featured-img img {
  border-radius: 8px;
}
.team-card .body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.team-card {
  position: relative;
  border-radius: 8px;
	display: flex;
	flex-direction: column;
  overflow: hidden;
	height: 100%;
}
.team-card-bottom {
  padding: 0 16px;
  position: relative;
  z-index: 5;
  border-radius: 8px;
	flex-grow: 1;
}
.team-card-bottom .body {
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: all .4s ease;
}
#team-ajax-wrapper {
  margin: 72px 0 0;
	overflow: hidden;
}
.people-swiper-pag {
	gap: 12px;
}
.team-section.has-swiper h2 {
	margin: 0 0 24px;
}
.team-section.has-swiper .titles-row .body,
.team-section.has-swiper .titles-row .left {
	max-width: 619px;
}
.team-card .bottom-top {
  position: relative;
  min-height: 92px;
  padding: 40px 0 56px 0;
	height: 100%;
}
.team-card .bottom-top h3 {
  margin: 0 0 8px;
}
.team-card .bottom-top p.role {
  margin: 0;
}
.team-card .bottom-top a.linkedin {
  position: absolute;
  bottom: 16px;
  left: 0;
}
.team-card .bottom-top .arrow {
  position: absolute;
  right: 0;
  bottom: 16px;
	width: 24px;
	height: 24px;
}
.team-card .bottom-top .arrow svg {
	position: absolute;
	top: 0;
	left: 0;
	transition: all .1s ease;
}

.team-card.active .bottom-top .arrow .arrow-icon,
.team-card .bottom-top .arrow .cross-icon {
	opacity: 0;
}
.team-card.active .bottom-top .arrow .cross-icon {
	opacity: 1;
}
.team-card h3 {
  transition: all .3s ease;
}
.body-inner > p {
  margin: 0;
}
.team-card .body {
	transition: all .3s ease;
	opacity: 0;
	transform: translateY(100px);
	visibility: hidden;
	padding: 30px 16px;
	background: #F0F0F0;
}
.team-card.active .body {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.team-card .body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.team-card .body::-webkit-scrollbar {
  display: none;
}
.team-card a.linkedin svg path {
  transition: all .3s ease;
}
.hidden {
  display: none;
}
.load-more-container {
  margin: 72px 0 0;
}
.team-cta {
  position: relative;
  padding: 96px 40px;
  margin: 72px 0 0;
}
.team-cta-row {
  gap: 40px;
  align-items: flex-start;
}
.team-cta-row .left {
  max-width: 569px;
	width: 50%;
}
.team-cta-row .right {
	width: 50%;
	max-width: 619px;
}
.team-cta-row .right .btn-container {
	margin: 24px 0 0;
}
.rolling-stats-section {
  background: #0A1B1F;
}
.rolling-stat-row {
  gap: 40px;
}
.rolling-stat-row .left {
  width: 50%;
  max-width: 50%;
  min-width: 50%;
}
.rolling-stat-row .right {
  width: calc(50% - 40px);
  max-width: calc(50% - 40px);
  min-width: calc(50% - 40px);
}
.rolling-stat-row h2 {
  letter-spacing: -0.01em;
}
.rolling-stat-row-top {
  margin: 0 0 72px;
}
.rolling-stats-section .xl-stat {
  margin: 0;
  line-height: 100%;
}
.rolling-stats-section .stat-box-item .under-stat {
  color: var(--text-secondary-inverted);
}
.stats-swiper {
  height: 220px;
  overflow: hidden;
}
.rolling-stat-row-bottom {
  align-items: flex-end;
}
.text-img-overlap {
  position: relative;
  z-index: 5;
  max-width: 650px;
  padding: 40px 24px;
  background: #1E2F33;
  border-radius: 8px;
  transform: translateY(-120px);
  opacity: 0;
}
.method-row h2 {
  margin: 0 0 24px;
}
.text-img-overlap.in-view {
  transform: translateY(0);
  opacity: 1;
  transition: transform 1.2s ease .3s,opacity 1.2s ease .3s;
}
.text-img-overlap h2 {
  max-width: 500px;
  margin: 0 0 24px;
}
.text-image-overlap-section .image {
  position: relative;
  height: 432px;
  margin-top: -90px;
}
.text-image-overlap-section .image img {
  border-radius: 4px;
}
.mobile-nav-trigger {
  position: relative;
  width: 24px;
  height: 24px;
}
.mobile-nav-trigger span {
  width: 22px;
  height: 2px;
  background: #F0F0F0;
  border-radius: 2px;
  position: absolute;
  left: 1px;
  transition: all .2s ease;
  display: inline-block;
}
.scrolled .mobile-nav-trigger span {
  background: var(--black);
}
.mobile-nav-trigger > span:first-of-type {
  top: 5px;
  transform-origin: top left;
}
.mobile-nav-trigger > span:nth-of-type(2) {
  top: 11px;
}
.mobile-nav-trigger > span:last-of-type {
  bottom: 5px;
  transform-origin: bottom left;
}
.mobile-menu-text {
  display: none;
}
.header-dark .mobile-nav-trigger span {
  background: var(--black);
}
.mob-menu-open .mobile-nav-trigger span {
  background: #F0F0F0;
}
.mob-menu-open .mobile-nav-trigger > span:first-of-type {
  transform: rotate(45deg) translate(2px,-4px);
}
.mob-menu-open .mobile-nav-trigger > span:nth-of-type(2) {
  opacity: 0;
}
.mob-menu-open .mobile-nav-trigger > span:last-of-type {
  transform: rotate(-45deg) translate(2px,4px);
}
.mob-menu-open .header-dark #masthead .logo-light,
.mob-menu-open #masthead.scrolled .logo-light {
  display: block;
}
.mob-menu-open .header-dark #masthead .logo-dark,
.mob-menu-open #masthead.scrolled .logo-dark {
  display: none;
}
.method-swiper-pag {
  display: none;
}
.logos-carousel-section {
  overflow: hidden;
}
#preloader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  background: #F0F0F0;
  transition: all .9s ease .1s;
}
.home.loaded #preloader {
  transform: translateY(-100%);
  visibility: hidden;
}
.home #preloader {
  display: block;
}
.line-wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.hero .bg-content {
  opacity: 0;
}
.hero.in-view .bg-content {
  opacity: 1;
}
.normal-anim {
  transform: translateY(50px);
  opacity: 0;
  transition: transform .7s ease,opacity .7s ease;
}
.normal-anim.delay-1 {
  transition-delay: .15s;
}
.normal-anim.delay-2 {
  transition-delay: .3s;
}
.normal-anim.delay-3 {
  transition-delay: .45s;
}
.normal-anim.delay-4 {
  transition-delay: .6s;
}
.in-view.normal-anim,
.in-view .normal-anim {
  transform: translateY(0);
  opacity: 1;
}
.large-text-section h2 > span:nth-of-type(5) span,
.hero p > span:nth-of-type(5) span,
.hero h1 > span:nth-of-type(5) span {
  transition-delay: .6s;
}
.large-text-section h2 > span:nth-of-type(4) span,
.hero p > span:nth-of-type(4) span,
.hero h1 > span:nth-of-type(4) span {
  transition-delay: .45s;
}
.large-text-section h2 > span:nth-of-type(3) span,
.hero p > span:nth-of-type(3) span,
.hero h1 > span:nth-of-type(3) span {
  transition-delay: .3s;
}
.large-text-section h2 > span:nth-of-type(2) span,
.hero p > span:nth-of-type(2) span,
.hero h1 > span:nth-of-type(2) span {
  transition-delay: .15s;
}
.hero h1 .line,
.hero h1 .line-wrap {
  /*
  line-height: 135px;
  */
}
.hero span.pre-title {
  opacity: 0;
}
.hero h1 .line-wrap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 100%;
  vertical-align: text-top;
  padding-bottom: 7px;
}
.line-wrap .line {
  display: inline-block;
  transform: translateY(100%);
  transition: transform 1.1s ease;
}
.in-view .line-wrap .line {
  transform: translateY(0);
}
.hero .btn-container {
  opacity: 0;
}
.in-view.hero span.pre-title,
.in-view.hero .btn-container {
  opacity: 1;
  transition: opacity 1s ease .7s;
}
.number-container {
  opacity: 0;
}
.number-container.initialized {
  opacity: 1;
  transition: all 0.1s ease;
}
.number-row {
  overflow: hidden;
}
.number-scroll-up {
  display: flex;
  flex-direction: row;
  height: 115px;
}
.number-counter-col {
  transition: transform 1.8s ease 0.4s, max-width 1.8s ease;
  max-width: 115px;
  transform: translateY(0);
  align-items: flex-start;
}
.number-counter {
  display: inline-block;
}
.count-up .number-counter-col {
  transform: translateY(calc(-100% + 115px));
}
.founders-list li {
  opacity: 0;
  transition: all .2s ease;
}
.founders-list li.in-view {
  opacity: 1;
}
.founders-list li span {
  display: inline-block;
  opacity: 0;
  transform: translateX(-20px);
}
.founders-list li.in-view span {
  opacity: 1;
  transform: translateX(0);
  transition: all .7s ease .2s;
}
.founders-row .left {
  opacity: 0;
}
.founders-row .left.in-view {
  opacity: 1;
  transition: all .7s ease 0s;
}
html.no-scroll {
	height: 100vw;
	overflow: hidden;
	max-height: 100vh;
}
.people-swiper-pag-mob,
.testimonial-swiper-pag-mob {
	display: none;
}
.hero .body p {
	display: flex;
	flex-direction: column;
}
.single-testimonial-section.dark-bg {
	background: #0A1B1F;
}
.method-section .left {
	position: relative;
	padding-bottom: 112px;
}
.method-section {
	overflow: unset;
}
.method-section .swiper-wrapper {
	flex-direction: column;
}
.method-section .swiper-wrapper > div {
	margin: 0 0 32px;
}
.method-swiper {
	height: auto;
}
.sticky {
	position: sticky;
	top: 80px;
	left: 0;
}
.team-cta {
	overflow: hidden;
	border-radius: 4px;
}
@media all and (max-width: 1440px) {
  .logo-swiper .swiper-slide {
    width: 140px;
  }
  .h1 h2,
  h1,
  h2.h1 {
    font-size: 6.8vw;
  }
  .hero h1 .line-wrap {
    padding-bottom: 4px;
  }
}
@media all and (max-width: 1300px) {
  .container {
    padding: 0 32px;
  }
  .founders-section .btn-container,
  .founders-list li {
    padding-left: max(20px, calc(50vw - 586px));
  }
}
@media all and (max-width: 1150px) {
  .grid-4 {
    grid-template-columns: repeat(2, calc(50% - 8px));
    grid-row-gap: 40px;
  }
  .card-item h4 {
    max-width: 300px;
  }
  .card-item {
    transform: translateY(0) !important;
  }
}
@media all and (max-width: 1024px) {
	.people-swiper-pag-mob,
	.testimonial-swiper-pag-mob {
		display: flex;
		margin: 40px 0 0;
		justify-content: flex-end;
	}
	.team-section.has-swiper .titles-row {
		gap: 0;
	}
	.method-swiper-pag {
		justify-content: flex-end;
	}
	.team-grid {
		margin: 0;
	}
	.people-swiper-pag-desk {
		display: none;
	}
	.method-section .left {
		padding: 0;
	}
	.method-section {
		overflow: hidden;
	}
	.method-swiper {
		padding: 0;
	}
	.method-section .swiper-wrapper > div {
		margin-bottom: 0;
	}
	.method-section .swiper-wrapper {
		flex-direction: row;
	}
	.project-grid > div {
		min-height: 1px !important;
	}
	.testimonial-swiper-pag-desk {
		display: none;
	}
	.testimonial-carousel-section .titles-row {
		gap: 0;
	}
	#site-navigation ul li a::after {
		background: var(--text-primary-inverted);
	}
  .container {
    padding: 0 16px;
  }
  .hero .right .body {
    max-width: 309px;
  }
  .single-testimonial-row .img-container {
    width: 100%;
    margin: auto;
    max-width: 600px;
  }
  .single-testimonial-row {
    margin: 40px 0 0;
    gap: 40px;
  }
  .method-swiper-pag {
    display: flex;
    margin: 40px 0 0;
    gap: 12px;
  }
  .stats-swiper {
    height: auto;
  }
  .stats-swiper .swiper-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .team-grid {
    grid-template-columns: 100%;
  }
  .team-card {
    max-width: 650px;
  }
  .load-more-container {
    max-width: 650px;
  }
  .team-cta-row {
    gap: 24px;
  }
  .team-cta {
    padding: 40px 24px;
    margin: 40px 0 0;
  }
  .contact-section {
    padding: 104px 0 56px;
  }
  .mobile-nav-trigger {
    display: block;
  }
  #masthead {
    padding: 32px 0;
  }
  #masthead.scrolled {
    padding: 16px 0;
  }
  header .nav-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
	  height: 100dvh;
    overflow-y: auto;
    transform: translateY(-100%);
    visibility: hidden;
  }
  .mob-menu-ini  header .nav-wrap {
    transition: all .7s ease;
  }
  .mob-menu-open header .nav-wrap {
    transform: translateY(0);
    visibility: visible;
  }
  #site-navigation {
    flex-direction: column;
    justify-content: flex-end;
    align-items: unset;
    gap: 0;
    padding: 88px 16px 56px;
    background: #0A1B1F;
    min-height: 100%;
  }
  #site-navigation ul {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  #site-navigation ul li a,
  #site-navigation ul li {
    font-family: Instrument;
    font-size: 48px;
    line-height: 100%;
    color: #ffffff !important;
  }
  #site-navigation ul {
    padding: 0 0 40px;
    margin: 0 0 24px;
    border-bottom: 1px solid #C0C3C4;
  }
  .scrolled#site-navigation {
    padding: 56px 16px;
  }
  .mobile-menu-text {
    display: block;
  }
  .mobile-menu-text span {
    font-family: HelveticaNow;
    display: block;
  }
  .mobile-menu-text span.title {
    font-size: 24px;
    line-height: 150%;
    color: var(--text-primary-inverted);
    margin: 0 0 8px;
  }
  .mobile-menu-text span.text {
    font-size: 18px;
    line-height: 150%;
    color: var(--text-secondary-inverted);
    margin: 0;
  }
  header .btn-container {
    margin: 32px 0 0;
  }
  header .btn-container .btn {
    color: #F0F0F0 !important;
  }
  header .btn-container .btn svg path {
    stroke: #F0F0F0 !important;
  }
  footer {
    padding: 56px 0;
  }
  .footer-main-row {
    margin: 0 0 40px;
    padding: 0 0 40px;
  }
  .titles-row,
  .flex-row.tc {
    flex-direction: column;
  }
  .titles-row {
    gap: 24px;
  }
  .numbers-grid, .grid-3 {
    grid-template-columns: 100%;
    grid-column-gap: 0;
    grid-row-gap: 12px;
  }
  .numbers-grid {
    margin: 40px 0 0;
  }
  .titles-row > div,
  .flex-row.tc > div {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .h1 h2,
  h1,
  h2.h1 {
    font-size: 72px;
  }
  .cta-row {
    gap: 24px;
  }
  .normal-section-padding {
    padding: 56px 0;
  }
  .faqs-row {
    gap: 40px;
  }
  .home-hero h1 {
    max-width: 700px;
  }
  .normal-hero .main-row,
  .home-hero .main-row {
    gap: 24px;
  }
  span.pre-title {
    margin: 0 0 24px;
  }
  .testimonial-card .img-container {
    height: 400px;
  }
  .testimonial-card .right {
    margin-top: auto;
  }
  .large-text-section h2 {
    font-size: 56px;
  }
  .founders-row {
    gap: 40px;
  }
  .home-hero .bg-content {
    padding: 200px 0 56px;
  }
  .founders-list li {
    margin: 0 0 40px;
  }
  .testimonial-swiper {
    margin: 40px 0 0;
  }
  h3.number-text {
    font-size: 72px;
    line-height: 120%;
  }
  .image-gallery {
    grid-template-columns: repeat(2, calc(50% - 4px));
    margin: 40px 0 0;
  }
  .rolling-stat-row-top {
    margin: 0 0 40px;
  }
  .method-swiper {
    height: auto;
  }
  .method-section {
    padding: 56px 0;
  }
  .method-section h2 {
    margin: 0 0 24px;
  }
  .text-img-row {
    gap: 24px;
  }
  .text-image-section .image {
    margin: 0 0 40px;
  }
  .method-card {
    padding: 24px 24px 50px;
  }
  .load-more-container,
  #team-ajax-wrapper {
    margin: 40px 0 0;
  }
  .project-grid {
    grid-template-columns: 100%;
    margin: 40px 0 0;
  }
  .project-grid .image-item {
    height: 343px;
  }
  .project-grid > div {
    grid-column: span 1 !important;
  }
  .project-title-row {
    gap: 24px;
  }
  .number-scroll-up {
    height: 86px;
  }
  .count-up .number-counter-col {
    transform: translateY(calc(-100% + 86px));
  }
	.cards-grid {
		margin: 40px 0 0;
	}
	.testimonial-card .img-container {
		border-radius: 0;
	}
	.testimonial-swiper-pag {
		justify-content: flex-end;
	}
	.normal-hero {
		padding: 120px 0 40px;
	}
	.team-card .featured-img {
		height: 450px;
	}
}
@media all and (max-width:768px) {
	.single-testimonial-section .testimonial-swiper-pag {
		margin: 40px 0 0;
	}
	.founders-section .left {
		min-height: 549px;
	}
  .flex-row.mc {
    flex-direction: column;
  }
  .text-image-section .image {
    height: 144px;
  }
	.team-card-bottom {
		padding: 0;
	}
	.team-card .bottom-top {
		padding-top: 32px;
	}
  .team-card .featured-img {
    height: 0;
    padding-bottom: 100%;
    position: relative;
  }
  .team-card .featured-img img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .text-image-overlap-section .image {
    margin-top: 0;
    height: 0;
    padding-bottom: 56.6%;
  }
  .text-img-overlap {
    border-radius: 8px 8px 0 0;
  }
  .after-normal-hero {
    height: 0;
    padding-bottom: 71.4%;
  }
  .founders-list li {
    font-size: 18px;
  }
  .founders-list li::before {
    border: 3px solid var(--black);
    left: -4px;
  }
  .grid-4 {
    grid-template-columns: 100%;
  }
  .home-hero h1 {
    max-width: 600px;
  }
  .flex-row.mc > div {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .footer-navs-row {
    margin: 48px 0 0;
    gap: 16px;
    justify-content: space-between;
  }
  footer .btn-container {
    margin: 40px 0 0;
  }
  .card-item .body {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .card-item .body p {
    color: var(--text-secondary-inverted)
  }
  .h1 h2,
  h1,
  h2.h1 {
    font-size: 56px;
  }
  .large-text-section h2,
  h2 {
    font-size: 48px;
    line-height: 100%;
  }
  h3 {
    font-size: 32px;
    line-height: 120%;
  }
  h4 {
    font-size: 32px;
    line-height: 120%;
  }
  .single-testimonial-row .large p,
  .method-card .large p,
  .cta-row .large p {
    font-size: 18px;
  }
  .accordion-item {
    gap: 4px;
  }
  .testimonial-card .img-container {
    height: 0;
    padding-bottom: 62%;
  }
  .founders-section .left {
    padding: 72px 42px;
  }
  .founders-section .left .bg {
    width: calc(100% - 84px);
  }
  .stat-box-item .xl-stat {
    font-size: 72px;
    line-height: 120%;
  }
  .team-card .bottom-top p.role {
    font-size: 18px;
  }
  .logo-swiper.no-swiper .swiper-wrapper {
    flex-direction: column;
    gap: 48px;
    align-items: center;
    max-width: 100%;
    transform: translate(0,0) !important;
  }
  .logo-swiper.no-swiper .swiper-slide {
    margin: 0 !important;
  }
	.line-wrap .line {
		transition: transform .9s ease;
	}
	.number-item {
		padding: 24px;
	}
}
@media all and (max-width: 550px) {
  .single-testimonial-row .img-container {
    max-width: 343px;
    height: 267px;
  }
  .single-testimonial-row .img-container img.main-img {
    width: 171px;
    height: 202px;
  }
  .single-testimonial-row .img-container img.bg-img {
    width: 228px;
    height: 237px;
  }
	.team-cta h2 {
		max-width: 310px;
		letter-spacing: -0.01em;
	}
	.team-cta h2 em {
		display: inline-block;
	}
}