/*
  Theme Name: TTS
  Author: Alexander Santos
  Author URI: https://alexsantos.dev
    Version: 1.2.2
*/

:root {
  --body-text: #3b3b3b;
  --main-color: #ccb498;
  --bg-light: #fdfaf5;
  --bg-dark: var(--main-color);
}

* {
	box-sizing: border-box;
}

body.overflow {
	overflow: hidden;
	height: 100%;
}

body {
  background: var(--bg-light);
}

/* default so nothing falls through */
.section_wrapper {
  padding-left: 20px;
  padding-right: 20px;
  background: transparent;
}

/* helpers */
.bg-light { background: var(--bg-light); }
.bg-dark  { background: var(--bg-dark); }

/* light -> dark (start light, end dark) */
.bg-l2d {
  background: linear-gradient(
    to bottom,
    var(--bg-light) 0%,
    var(--bg-light) 35%,
    var(--bg-dark) 100%
  );
}

/* dark -> light (start dark, end light) */
.bg-d2l {
  background: linear-gradient(
    to bottom,
    var(--bg-dark) 0%,
    var(--bg-dark) 30%,
    var(--bg-light) 100%
  );
}


/* 1) Banner: light -> dark */
.banner_wrapper { background: linear-gradient(to bottom, var(--bg-light) 0%, var(--bg-light) 35%, var(--bg-dark) 100%); }

/* 2) Badges: dark solid */
.badges_wrapper { background: var(--bg-dark); }

/* 3) About: dark -> light */
.aboutUs_wrapper { background: linear-gradient(to bottom, var(--bg-dark) 0%, var(--bg-dark) 30%, var(--bg-light) 100%); }

/* 4) We Do: light solid (gives the eye a break) */
.weDo_wrapper { background: var(--bg-light); }

/* 5) Team: light -> dark */
.ourTeam_wrapper { background: linear-gradient(to bottom, var(--bg-light) 0%, var(--bg-light) 35%, var(--bg-dark) 100%); }

/* 6) Success: dark solid */
.success_wrapper { background: var(--bg-dark); }

/* 7) Testimonials: dark -> light */
.testimonials_wrapper { background: linear-gradient(to bottom, var(--bg-dark) 0%, var(--bg-dark) 30%, var(--bg-light) 100%); }

/* 8) FAQ: light solid */
.faq_wrapper { background: var(--bg-light); }

/* 9) Contact: light -> dark (end strong) */
.contactUs_wrapper { background: linear-gradient(to bottom, var(--bg-light) 0%, var(--bg-light) 35%, var(--bg-dark) 100%); }

/* Footer stays light */
.footer_wrapper,
.copyright_wrapper { background: var(--bg-dark); }

.section {
	max-width: 1480px;
	margin: auto;
}
.section_title {
	font-weight: 700;
	font-size: 48px;
	color: #2b3a51;
}
.header {
	max-width: 1780px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 19px;
	padding-bottom: 19px;
}
.header_logo {
	z-index: 4;
	max-width: 300px;
}
.header_logo-small {
	display: none;
	z-index: 4;
}
.header_logo img,
.footer_logo img,
.footer_logo {
	display: block;
	max-width: 100%;
}
.footer_logo {
	max-width: 300px;
}
.footer_right{
	display: flex;
	justify-content: space-evenly;

}

.header_menu {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 32px;
}
.header_menu li {
	padding: 0;
}
.header_menu li a {
	font-weight: 600;
	font-size: 16px;
	color: var(--body-text);
	transition: 0.1s color;
	text-decoration: none;
}
.header_menu li a.active {
	color: #000;
}
.header_menu li:hover a {
	color: #000;
}
.header_right {
	display: flex;
	align-items: center;
	gap: 30px;
	z-index: 4;
	position: relative;
}
.header_burger {
	width: 40px;
	height: 30px;
	/*  background: black;*/
	display: none;
	cursor: pointer;
	position: relative;
}
.header_burger span {
	width: 100%;
	height: 5px;
	background: #2b3a51;
	border-radius: 10px;
}
.header_burger span:nth-child(1) {
	position: absolute;
}
.header_burger span:nth-child(2) {
	position: absolute;
	top: 12px;
}
.header_burger span:nth-child(3) {
	position: absolute;
	top: 24px;
}
.header_burger.active span:nth-child(1) {
	transform: rotate(45deg);
	top: 13px;
}
.header_burger.active span:nth-child(3) {
	transform: rotate(-45deg);
	top: 13px;
}
.header_burger.active span:nth-child(2) {
	display: none;
}
.banner_wrapper {
	padding-top: 76px;
}
.banner {
	display: flex;
	justify-content: space-between;
}
.banner_left {
	position: relative;
	padding-top: 147px;
	width: 556px;
	min-width: 556px;
	z-index: 2;
}
.banner_left > * {
	margin: 16px 0;
}
.banner_right {
	position: relative;
	/*  margin-left: -50px;*/
	z-index: 1;
	margin-left: 15px;
}
.banner_right img {
	max-width: 100%;
	z-index: 1;
	max-width: calc(100% + 150px);
}
.banner_subtitle {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: #3b3b3b;
}
.banner_title {
	font-weight: 700;
	font-size: 64px;
	color: #3b3b3b;
}
.banner_descr {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: var(--body-text);
}
.banner_btn {
	margin-top: 48px;
	margin-bottom: 10px;
}
.btn {
	background: var(--main-color);
	transition: 0.2s background;
	border-radius: 30px;
	padding: 1rem;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	color: var(--body-text);
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}
.btn:hover {
	background: var(--main-color);
}
.badges_wrapper {
	padding-top: 63px;
	padding-bottom: 63px;
}
.badges {
	display: flex;
	justify-content: space-between;
}
.badges_item {
	padding: 0 20px;
	text-align: center;
}
.badges_box {
	margin-bottom: 30px;
	background: #fff6ea;
	height: 120px;
	width: 120px;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.badges_box img {
	width: 45px;
}
.badges_text {
	font-weight: 600;
	font-size: 16px;
	color: var(--body-text);
	margin-top: 30px;
}
.aboutUs_wrapper {
	padding-top: 53px;
	padding-bottom: 53px;
	overflow: hidden;
}
.aboutUs {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	/*  color: white;*/
	font-weight: 600;
	gap: 30px;
}
.aboutUs_left {
}
.aboutUs_title {
	margin-top: 0;
	margin-bottom: 31px;
}
.aboutUs_box {
	display: flex;
	flex-wrap: wrap;
	gap: 32px 52px;
}
.aboutUs_item {
	width: 340px;
}
.aboutUs_name {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 24px;
}
.aboutUs_descr {
	font-weight: 500;
	font-size: 14px;
	/* line-height: 21px; */
	line-height: 1.5;
	color: var(--body-text);
}
.aboutUs_right {
	position: relative;
	border-radius: 16px;
	width: 580px;
	/*  height: 526px;*/
	/*   background: #EEFAFF; */
	padding: 73px 0 92px;
	margin-top: 1px;
}
.aboutUs_subtitle {
	font-weight: 700;
	font-size: 24px;
	padding: 0 82px 0;
	color: #2b3a51;
}
.aboutUs_info {
	margin-top: 67px;
	display: flex;
	flex-wrap: wrap;
	gap: 67px 52px;
	padding: 0 27px 0 90px;
}
.aboutUs_stat {
	width: 200px;
}
.aboutUs_number {
	font-weight: 700;
	font-size: 64px;
}
.aboutUs_text {
	font-size: 14px;
	line-height: 1.5;
	opacity: 0.5;
	color: #2b3a51;
}
.aboutUs_square01 {
	position: absolute;
	top: -53px;
	left: -53px;
	width: 111px;
	height: 111px;
	background: url(../img/aboutUs_square.svg);
	z-index: -1;
}
.aboutUs_square02 {
	position: absolute;
	bottom: -53px;
	right: -53px;
	width: 111px;
	height: 111px;
	background: url(../img/aboutUs_square.svg);
	z-index: -1;
}
.weDo_wrapper {
	padding-top: 52.5px;
	padding-bottom: 61.5px;
}
.weDo {
	display: flex;
	justify-content: space-between;
}
.weDo_title {
	margin-top: 0;
	margin-bottom: 0;
}
.weDo_left {
	padding-top: 94px;
	max-width: 580px;
}
.weDo_left img {
	max-width: 100%;
}
.weDo_right {
	width: 730px;
}
.weDo_box {
	margin-top: 32px;
}
.weDo_box {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.weDo_item {
	width: 355px;
	border: 1px solid #dcecf2;
	border-radius: 16px;
	padding: 36px 42px 46px 36px;
}
.weDo_name {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 8px;
}
.weDo_text {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-text);
}
.weDo_img {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: #ebf5fe;
	width: 80px;
	height: 80px;
	margin-bottom: 24px;
}
.ourTeam_wrapper {
	overflow: hidden;
	padding-top: 55px;
	padding-bottom: 182px;
}
.ourTeam {
	position: relative;
}
.ourTeam_title {
	text-align: center;
	margin-bottom: 32px;
}
.ourTeam_slider {
	display: flex;
	gap: 53px;
}
.ourTeam_slide {
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 7px 5px 0 rgba(0, 0, 0, 0.03),
		0 13px 10px 0 rgba(0, 0, 0, 0.04);
}
.owl-stage-outer {
	overflow: visible !important;
}

.owl-item {
	opacity: 0;
	transition: opacity 500ms;
}
.owl-item.active {
	opacity: 1;
}
.owl-prev,
.owl-next {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
}
.owl-prev path,
.owl-next path {
	transition: 0.2s;
}
.owl-prev.disabled,
.owl-next.disabled {
	cursor: inherit !important;
	opacity: 0.4;
}
.owl-prev:not(.disabled):hover path,
.owl-next:not(.disabled):hover path {
	fill: #000;
}

.weDo_img img {
	width: 40px;
}

.weDo_img {
	background: #fff6ea;
}

.owl-prev {
	right: calc(100% + 10px);
}
.owl-next {
	left: calc(100% + 10px);
}
.owl-dots {
	position: absolute;
	top: calc(100% + 51px);
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}
.owl-dots > button {
	transition: 0.2s;
	border-radius: 100%;
	background: #e9ebed !important;
	width: 16px;
	height: 16px;
}
.owl-dots > button:hover:not(.active) {
	background: #c7daed !important;
}
.owl-dot.active {
	background: #000 !important;
}
.ourTeam_social {
	display: flex;
	gap: 8px;
}
.ourTeam_icon {
	background: gray;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.1s;
	padding: 5px;
}
.ourTeam_icon img {
	display: block;
	max-width: 100%;
	width: auto !important;
}
.ourTeam_icon:hover {
	transform: scale(1.1);
}
.ourTeam_icon-facebook {
	background: #0b84ee;
}
.ourTeam_icon-twitter {
	background: #55ace3;
}
.ourTeam_icon-discord {
	background: #7289da;
}
.ourTeam_icon-linkedin {
	background: #2878b7;
}
.ourTeam_slide {
	width: 330px;
	border-radius: 16px;
	overflow: hidden;
	margin: auto;
}
.ourTeam_top {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 33px 33px 43px;
	border-bottom: 1px solid #dbebf1;
}
.ourTeam_img {
	position: relative;
	margin-bottom: 32px;
	width: 172px;
	height: 172px;
	border-radius: 50%; /* clip the image container to a circle */
	overflow: hidden; /* hide any overflow from the image */
	border: 2px solid white; /* optional: border directly on container */
}

.ourTeam_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* .ourTeam_img::after {
  content: '';
  position: absolute;
  border: 2px solid white;
  border-radius: 50%;
  height: 156px;
  width: 156px;
  top: 7px;
  left: 6px;
} */
.ourTeam_name {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 8px;
}
.ourTeam_address {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-text);
	text-decoration: none;
}
.ourTeam_social {
	margin-top: 32px;
}
.ourTeam_role {
	background: #fbfbfd;
	padding: 42px 20px 43px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: var(--body-text);
}
.ourTeam_square01 {
	position: absolute;
	bottom: -56px;
	left: -55px;
	width: 111px;
	height: 111px;
	background: url(../img/aboutUs_square.svg);
	z-index: -1;
}
.success_wrapper {
	position: relative;
	color: white;
	padding-top: 65px;
	padding-bottom: 70px;
}
.success_img {
	overflow: hidden;
	width: 100%;
	height: 241px;
	min-height: 241px;
	border-radius: 16px 16px 0 0;
}
.success_img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.success_box {
	display: flex;
	/*  justify-content: center;*/
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 32px;
}
.success_story {
	width: calc(25% - 15px);
	display: flex;
	flex-direction: column;
}
.success_content {
	background: #fff;
	border: 1px solid #dcecf2;
	border-radius: 0 0 16px 16px;
	padding: 24px 24px 73px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-text);
	height: 100%;
}
.success_name {
	font-weight: 700;
	font-size: 18px;
}
.success_progress {
	height: 3px;
	min-height: 3px;
	width: calc(100% - 49px);
	border-radius: 2px;
	position: relative;
	background: #eee;
	left: 24px;
	bottom: 49px;
	border-radius: 2px;
}
.success_progress__green {
	position: relative;
	background: #20b413;
	height: 100%;
	width: 0;
	transition: 0.2s;
}
.success_progress__circle {
	position: absolute;
	width: 13px;
	height: 13px;
	right: 0;
	top: 50%;
	transform: translateX(50%) translateY(-50%);
	/*  background-image: url(../img/circle.svg);*/
	border-radius: 100%;
	background: #20b413;
}
.success_progress__circle::after {
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background: #fff;
}
.success_progress__numbers {
	position: absolute;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	color: #20b413;
	top: 12px;
	transform: translateX(-50%);
	left: 50%;
}
.testimonials_wrapper {
	position: relative;
	padding-top: 129px;
	padding-bottom: 145px;
}
.testimonials {
	display: flex;
	justify-content: space-between;
	gap: 59px;
}
.testimonials_left {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 709px;
	align-content: flex-start;
	gap: 32px;
}
.testimonials_left__bottom {
	display: flex;
	gap: 59px;
	margin-top: 38px;
}
.testimonials_right {
	display: flex;
	width: 709px;
	gap: 59px;
}
.testimonials_left,
.testimonials_right {
	width: 50%;
}
.testimonials_title {
	max-width: 580px;
	width: 100%;
}
.testimonials_descr {
	font-weight: 600;
	line-height: 1.5;
	max-width: 580px;
	width: 100%;
	color: var(--body-text);
}
.testimonials_col {
	max-width: 325px;
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.testimonials_col-1 {
	padding-top: 150px;
}
.testimonials_col-4 {
	padding-top: 50px;
}
.testimonials_item {
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 7px 5px 0 rgba(0, 0, 0, 0.03),
		0 13px 10px 0 rgba(0, 0, 0, 0.04);
	background: #fff;
	border-radius: 16px;
	padding: 82px 32px 32px;
	z-index: 2;
	position: relative;
}
.testimonials_icon {
	position: absolute;
	background-image: url(../img/quote.svg);
	width: 30px;
	height: 21px;
	top: 32px;
	left: 32px;
}
.testimonials_item__descr {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-text);
}
.testimonials_author {
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.testimonials_author__img {
	position: relative;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
}
.testimonials_author__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.testimonials_author__img::after {
	content: '';
	width: 58px;
	height: 58px;
	left: 2.6px;
	top: 3px;
	position: absolute;
	border-radius: 100%;
	border: 2px solid white;
	box-sizing: border-box;
}
.testimonials_author__about {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.testimonials_author__name {
	font-weight: 700;
	font-size: 16px;
	color: #000;
}
.testimonials_author__role {
	font-weight: 500;
	font-size: 12px;
	color: var(--body-text);
}
.testimonials_bg {
	position: absolute;
	width: 100%;
	height: 192.5px;
	background-image: url(../img/clouds.png);
	background-size: 1920px 192.5px;
	background-repeat: repeat;
	background-position: 0 0;
	bottom: -16.5px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.faq_wrapper {
	padding-top: 18px;
	padding-bottom: 146px;
	position: relative;
}

.faq {
	display: flex;
	justify-content: space-between;
}
.faq_left {
	width: 281px;
}
.faq_right {
	display: block;
	padding-top: 60px;
	width: 1030px;
}
.faq_right:not(.active) {
	display: none;
}
.faq_nav {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.faq_btn {
	border-radius: 8px;
	padding: 16px 32px;
	font-weight: 600;
	font-size: 16px;
	color: #2b3a51;
	background: white;
	cursor: pointer;
}
.faq_btn:hover {
	background: #f9fdff;
}
.faq_btn.active {
	background: #fff;
}
.faq_nav {
	margin-top: 32px;
}
.faq_name {
	position: relative;
	font-weight: 600;
	font-size: 20px;
	color: #000;
	padding: 44px 32px;
	padding-right: 86px;
}
.faq_accordion {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	cursor: pointer;
}
.faq_accordion:hover {
	background: #fff;
}
.faq_accordion.active {
	background: #fff;
}
.faq_accordion.active .faq_arrow svg {
	transform: rotate(180deg);
}
.faq_arrow {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	/*  top: 32px;*/
	top: 50%;
	transform: translateY(calc(-50% - 9px));
	right: 32px;
}
.faq_content {
	display: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--body-text);
	padding: 32px 25px 32px 32px;
	border-top: 1px solid #cde3ec;
}
.faq_accordion:not(.active) .faq_content {
	/*  display: none;*/
}
.contactUs_wrapper {
	position: relative;
	z-index: 1;
	padding-top: 85px;
	padding-bottom: 86px;
	overflow: hidden;
}
.contactUs {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.contactUs_left {
	padding-top: 135px;
	width: 581px;
}
.contactUs_right {
	position: relative;
	width: 644px;
	border: 1px solid #dcecf2;
	border-radius: 16px;
	padding: 64px;
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 7px 5px 0 rgba(0, 0, 0, 0.03),
		0 13px 10px 0 rgba(0, 0, 0, 0.04);
	background: #fff;
}
.contactUs_right p {
	margin: 0;
}
textarea.contactUs_input {
	height: 173px;
}
.wpcf7-spinner {
	position: absolute !important;
}
.wpcf7 form .wpcf7-response-output {
	text-align: center;
}
.contactUs_input.wpcf7-not-valid {
	border-color: #dc3232;
}
.contactUs .wpcf7-not-valid-tip {
	display: none !important;
}
.contactUs_title {
	margin-bottom: 32px;
}
.contactUs_descr {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 64px;
	color: var(--body-text);
}

.contactUs_item {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	display: flex;
	align-items: center;
	gap: 12px;
}
.contactUs_list {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.contactUs_text {
	font-weight: 600;
	line-height: 1.5;
	color: #000;
	margin-bottom: 16px;
}
.contactUs_input {
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	padding: 16px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: #959aa6;
	margin-bottom: 16px;
	resize: none;
	outline: none;
}
.contactUs_input::placeholder {
	font-family: 'Montserrat', sans-serif;
	color: #959aa6;
}
.contactUs_btn {
	margin-top: 49px;
	width: 100%;
	border-radius: 8px;
	padding: 16px 32px;
	border: 0px solid transparent;
}
.footer_wrapper {
	padding-bottom: 49px;
	padding-top: 54px;
	/* background: #f6f6fa; */
}
.copyright_wrapper {
	font-weight: 400;
	font-size: 12px;
	color: var(--body-text);
	padding-top: 15px;
	padding-bottom: 15px;
	/* background: #ededf6; */
	text-align: center;
}
.footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 50px;
}
.footer_menu {
	margin: 0;
	padding-left: 0;
	list-style: none;
	display: flex;
	gap: 5px;
}
.footer_menu a {
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	color: var(--body-text);
	transition: 0.1s color;
}
.footer_menu li a.active {
	color: #000;
}
.footer_menu li:hover a {
	color: #000;
}

/* Scroll animation bracket */
.scroll-show {
	opacity: 0;
}
.section_wrapper-empty {
}
.section_title-empty {
	font-size: 105px;
	text-align: center;
}
@media screen and (max-width: 1650px) {
	.banner_right img,
	.banner_right svg {
		max-width: calc(100% + 50px);
	}
}
@media screen and (max-width: 1600px) {
	.header {
		gap: 20px;
	}
	.header_menu {
		gap: 20px;
	}
	.header_menu li a {
		font-size: 15px;
	}
	.banner_right img,
	.banner_right svg {
		max-width: calc(100% + 15px);
	}
	.ourTeam_wrapper {
		padding-left: 80px;
		padding-right: 80px;
	}
	.faq {
		gap: 40px;
	}
	.testimonials_right,
	.testimonials_left {
		width: 50%;
	}

	.testimonials {
	}
}
@media screen and (max-width: 1550px) {
	.ourTeam_slide {
		width: 290px;
	}
}
@media screen and (max-width: 1450px) {
	.ourTeam_slide {
		width: 330px;
	}
	.testimonials_left__bottom,
	.testimonials_right,
	.testimonials {
		gap: 30px;
	}
}
@media screen and (max-width: 1400px) {
	.weDo_wrapper {
		padding-left: 5px;
	}
	.banner {
		align-items: center;
	}
	.banner_left {
		padding-top: 0;
	}
	.aboutUs_info {
		gap: 84px 10px;
		padding: 0 27px 0 99px;
		justify-content: space-between;
	}
	.aboutUs_stat {
		width: 186px;
	}
	.aboutUs_number {
		font-size: 55px;
	}
	.header_logo {
		display: none;
	}
	.header_logo-small {
		display: block;
	}
	.contactUs_left {
		padding-top: 85px;
	}
	.faq_left {
		min-width: 275px;
	}
	.aboutUs_box {
		gap: 32px 35px;
	}
	.aboutUs_subtitle {
		padding: 0 51px 0;
		text-align: center;
	}
	.aboutUs_item {
		width: calc(50% - 18px);
	}
	.weDo_item {
		width: calc(50% - 20px);
	}
	.weDo_left {
		max-width: 50%;
	}
	.badges_box {
		height: 110px;
		width: 110px;
	}
	.badges_wrapper {
		padding-top: 90px;
	}
	.footer_menu {
		gap: 22px;
	}
}
@media screen and (max-width: 1300px) {
	.aboutUs_number {
		font-size: 45px;
	}
	.aboutUs_info {
		padding: 0 40px 0 80px;
	}
	.aboutUs_stat {
		width: 134px;
	}
	.testimonials_left__bottom,
	.testimonials_right,
	.testimonials {
		gap: 20px;
	}
	.badges_box {
		height: 100px;
		width: 100px;
	}
	.badges_box img {
		transform: scale(0.9);
	}
}
@media screen and (max-width: 1250px) {
	.ourTeam_slide {
		width: 315px;
	}
	.testimonials_icon {
		left: 23px;
	}
	.testimonials_item {
		padding: 73px 22px 22px;
	}
}
@media screen and (max-width: 1200px) {
	.faq_right {
		width: 100%;
	}
	.ourTeam_slide {
		width: 315px;
	}
	.weDo_item {
		padding: 30px 30px 35px 30px;
	}
	.section_title {
		font-size: 43px;
	}
	.success_content {
		padding: 18px 18px 73px;
	}
	.success_progress {
		width: calc(100% - 38px);
		left: 18px;
	}
	.success_name {
		font-size: 17px;
	}
	.banner_title {
		font-size: 51px;
	}
	.banner_left {
		min-width: 450px;
		width: 450px;
	}
	.badges_item {
		padding: 0 10px;
	}
}
@media screen and (max-width: 1170px) {
	.ourTeam_slide {
		width: 300px;
	}
	.testimonials {
		flex-direction: column;
	}
	.testimonials_right,
	.testimonials_left {
		width: 100%;
	}
	.testimonials_col {
		max-width: 100%;
		padding-top: 0 !important;
	}
	.testimonials_left__bottom {
		align-items: end;
		margin-top: 0;
	}
	.testimonials_title {
		max-width: 700px;
	}
	.footer {
		gap: 30px;
		flex-direction: column;
	}
}
@media screen and (max-width: 1120px) {
  /* 1) IMPORTANT: kill transforms on the menu’s ancestors */
  .header_right .scroll-show,
  .header_right,
  .header,
  .header_wrapper {
    transform: none !important;
  }

  /* 2) Menu overlay = true fullscreen */
  .header_menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;

    margin: 0 !important;
    padding: 185px 24px 32px !important; /* space for header area */
    list-style: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;

    background: rgba(253, 250, 245, 0.98) !important;
    backdrop-filter: blur(10px);
    z-index: 99999 !important;

    /* closed state */
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  /* open state */
  .header_menu.active {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  .header_menu li {
    width: 100%;
    max-width: 420px;
    text-align: center;
  }

  .header_menu li a {
    display: block;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 20px;
    text-decoration: none;
  }

  /* Burger always above */
  .header_burger {
    display: block;
    position: relative;
    z-index: 100000;
  }

  /* Optional: keep your header CTA above menu if desired */
  .header_btn {
    position: relative;
    z-index: 100000;
  }

  /* lock body scroll when open (you already have body.overflow) */
  body.overflow {
    overflow: hidden !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 1100px) {
	.success_box {
		flex-wrap: wrap;
	}
	.success_story {
		width: calc(50% - 11px);
	}
}
@media screen and (max-width: 1050px) {
	.ourTeam_slide {
		width: 275px;
	}
}
@media screen and (max-width: 1024px) {
	.ourTeam_slide {
		width: 260px;
	}
	.weDo {
		flex-direction: column-reverse;
	}
	.weDo_wrapper {
		padding-left: 20px;
	}
	.weDo_left {
		display: flex;
		justify-content: center;
	}
	.weDo_right,
	.weDo_left {
		width: 100%;
		max-width: 100%;
	}
	.banner_title {
		font-size: 46px;
	}
	.aboutUs {
		align-items: flex-start;
	}
	.aboutUs_info {
		padding: 0 30px 0 50px;
		gap: 49px 10px;
		margin-top: 56px;
	}
	.aboutUs_right {
		padding: 51px 0 72px;
		height: auto;
	}
	.aboutUs_subtitle {
		padding: 0 30px 0;
		font-size: 22px;
	}
	.aboutUs_number {
		font-size: 38px;
	}
	.ourTeam_slide {
		width: 350px;
	}
	.faq_left {
		min-width: 245px;
	}
	.faq_name {
		font-size: 18px;
		padding: 38px 86px 32px 32px;
	}
	.aboutUs_wrapper {
		padding-top: 85px;
	}
	.aboutUs_box {
		gap: 32px 22px;
	}
	.testimonials_wrapper {
		padding-top: 100px;
	}
	.contactUs {
		align-items: flex-start;
	}
	.contactUs_left {
		padding-top: 0;
	}
	.contactUs_wrapper {
		padding-top: 115px;
		padding-bottom: 100px;
	}
	.section_title {
		font-size: 36px;
	}
	.faq_wrapper {
		padding-bottom: 100px;
	}
	.banner_left {
		min-width: 390px;
		width: 390px;
	}
	.banner_btn {
		margin-top: 24px;
	}
}
@media screen and (max-width: 940px) {
	.aboutUs {
		flex-direction: column;
		gap: 65px;
	}
	.aboutUs_left,
	.aboutUs_right {
		width: 100%;
	}
	.aboutUs_square01 {
		left: -10px;
		top: -29px;
	}
	.aboutUs_square02 {
		right: -10px;
		bottom: -31px;
	}
	.ourTeam_wrapper {
		padding-right: 65px;
		padding-left: 65px;
	}
	.banner_right {
		margin-left: 0;
	}
	.banner_left {
		min-width: 310px;
		width: 310px;
	}
	.banner_title {
		font-size: 39px;
	}
	.badges_text {
		font-size: 14px;
	}
	.badges_item {
		padding: 0 8px;
	}
	.testimonials_wrapper {
		padding-bottom: 95px;
	}
	.faq_left {
		min-width: 220px;
	}
	.faq {
		gap: 20px;
	}
}
@media screen and (max-width: 900px) {
	.ourTeam_slide {
		width: 100%;
	}
	.ourTeam .owl-item {
		padding: 0 10px;
	}
	.aboutUs_wrapper {
		padding-top: 55px;
	}
}
@media screen and (max-width: 840px) {
	.badges_box {
		height: 95px;
		width: 95px;
	}
	.badges {
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px 0px;
	}
	.badges_item {
		width: 33.3%;
		padding: 0 5px;
	}
	.badges_text {
		font-size: 16px;
	}
	.aboutUs_info {
		gap: 29px 0px;
		padding: 0 5px 0 20px;
		margin-top: 45px;
	}
	.aboutUs_stat {
		width: 25%;
		padding: 0 10px;
	}
	.aboutUs_right {
		padding: 44px 0 57px;
	}
	.badges_box {
		/*
    width: 110px;
    height: 110px;
*/
	}
	.faq_name {
		font-size: 17px;
		padding-right: 64px;
		/*    padding: 23px 64px 25px 26px;*/
	}
	.faq_arrow {
		right: 13px;
		/*    top: 29px;*/
	}

	.banner_left {
		min-width: 265px;
		width: 265px;
	}
	.contactUs {
		gap: 22px;
	}
	.contactUs_right {
		padding: 39px 36px 42px;
	}
}
@media screen and (max-width: 768px) {
	.banner {
		flex-direction: column;
		gap: 30px;
	}
	.banner_left {
		width: 100%;
	}
	.banner_right img,
	.banner_right svg {
		max-width: 100%;
	}
	.faq {
		flex-direction: column;
	}
	.faq_left {
		width: 100%;
		min-width: 150px;
	}
	.faq_right {
		padding-top: 20px;
	}
	.footer_menu {
		flex-wrap: wrap;
		justify-content: center;
	}
	.contactUs_right {
		padding: 39px 30px 42px;
		width: 50%;
	}
	.contactUs_left {
		width: 50%;
	}
	.contactUs_btn {
		margin-top: 25px;
	}
}
@media screen and (max-width: 680px) {
	.contactUs {
		flex-direction: column;
	}
	.contactUs_left {
		margin-bottom: 40px;
	}
	.contactUs_left,
	.contactUs_right {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.header_logo {
		display: none;
	}
	.header_logo-small {
		display: block;
	}
}
@media screen and (max-width: 600px) {
	.weDo_item {
		width: 100%;
	}
	.owl-dots {
		gap: 5px;
	}
	.success_story {
		width: 100%;
	}
}
@media screen and (max-width: 540px) {
	.aboutUs_stat {
		width: 50%;
	}
	.aboutUs_subtitle {
		text-align: left;
	}
	.owl-dots {
		display: none;
	}
	.testimonials_left__bottom,
	.testimonials_right {
		flex-direction: column;
	}
	.testimonials_col {
		width: 100%;
	}
	.section_title {
		font-size: 32px;
	}
	.banner_title {
		font-size: 36px;
	}
	.banner_right {
		margin-right: -10px;
		margin-left: -15px;
	}
	.section_wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.ourTeam_wrapper {
		padding-left: 50px;
		padding-right: 50px;
	}
	.owl-next {
		left: calc(100% + -3px);
	}
	.owl-prev {
		right: calc(100% + -3px);
	}
}
@media screen and (max-width: 500px) {
	.badges {
		justify-content: flex-start;
	}
	.badges_item {
		width: 50%;
	}
	.badges_wrapper {
		padding-top: 60px;
	}
	.aboutUs_box {
		flex-direction: column;
	}
	.aboutUs_item {
		width: 100%;
	}
	.weDo_item {
		padding: 27px 25px 30px 25px;
	}
	.weDo_left {
		padding-top: 55px;
	}
	.faq_name {
		padding: 23px 63px 25px 26px;
	}
	.faq_arrow {
		right: 11px;
		/*    top: 15px;*/
	}
}
@media screen and (max-width: 400px) {
	.testimonials_wrapper {
		padding-top: 70px;
	}
	.owl-prev,
	.owl-next {
		display: none;
	}
	.ourTeam_wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 375px) {
	.header,
	.header_right {
		gap: 20px;
	}
	.aboutUs_subtitle {
		font-size: 20px;
	}
	.contactUs_right {
		padding: 35px 25px 40px;
	}
	.contactUs_wrapper {
		padding-top: 95px;
	}
}
