/*!
Theme Name: TSG
Theme URI: http://example.com
Author: Leadmetrix
Author URI: http://example.com
Description: Custom theme for TSG Systems
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tsg
*/

@import "fonts/stylesheet.css";

:root {
	--color-primary: #0069ff;
	--color-white: #fff;
	--color-black: #000;
	--color-text: #00000080;
	--color-hero-bg: #b7b7b7;
}

body {
	margin: 0;
	font-family: "PloniMLv2AAA", sans-serif;
	color: var(--color-black);
}
* {
	box-sizing: border-box;
}
img {
	height: auto;
}
input:focus {
    outline: none;
}
.container {
	margin: 0 auto;
}
.btn {
	border: 1px solid #000000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border-radius: 3px;
	padding: 13px 15px 13px;
	font-size: 16px;
	line-height: 100%;
	gap: 12px;
	transition: all 0.5s;
}
.btn img {
	width: 16px;
}
.hs-submit .hs-button,
.btn.btn--download {
	background-color: var(--color-primary);
	color: var(--color-white);
	border: none;
	transition: .3s;
}
.btn.btn--request {
	color: var(--color-black);
}
.hs-submit .hs-button:hover,
.btn:hover {
	background-color: var(--color-black);
	color: var(--color-white);
}
.btn:hover img {
	filter: brightness(0) invert(1);
}
.layout-subtitle {
	display: flex;
	align-items: baseline;
	gap: 6px;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	margin-bottom: 18px;
}
.layout-subtitle::before {
	content: "";
	width: 6px;
	height: 12px;
	background: var(--color-black);
}
.layout-title {
	font-weight: 400;
	font-size: 36px;
	line-height: 120%;
	margin: 0;
}
header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	padding: 20px 40px;
	z-index: 3;
}
header .container {
	width: 100%;
	max-width: 1440px;
}
.hero {
	background-color: var(--color-hero-bg);
	background-image: url(img/hero-bg.png);
	background-size: cover;
	background-repeat: repeat;
	padding: 146px 0 169px;
	position: relative;
}
.hero__bg {
	position: absolute;
	width: 100%;
	height: 503px;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
}
.hero__bg img {
	width: 100%;
	height: auto;
	margin-top: auto;
}
.hero .container {
	max-width: 1058px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.hero__left {
	flex: 0 0 38%;
}
.hero__left .hero__left-subtitle {
	font-size: 24px;
	line-height: 120%;
	color: var(--color-primary);
	margin: 0 0 14px;
}
.hero__left h1 {
	font-weight: 400;
	font-size: 76px;
	line-height: 100%;
	text-transform: uppercase;
	color: var(--color-white);
	margin: 0;
}
.hero__left-number {
	margin-top: 167px;
	color: var(--color-white);
	max-width: 245px;
	margin-left: -10px;
}
.hero__left-number .hero__left-number-title {
	font-weight: 400;
	font-size: 90px;
	line-height: 50px;
	margin: 0 0 16px;
	color: var(--color-white);
}
.hero__left-number .hero__left-number--txt {
	font-weight: 400;
	font-size: 17px;
	line-height: 1.4;
	max-width: 138px;
	margin: -10px 4px 12px;
}
.corner {
	background-repeat: no-repeat !important;
	position: relative;
}
.corner--width1 {
	background: linear-gradient(to right, #fff 1px, transparent 1px) 0 0,
		linear-gradient(to bottom, #fff 1px, transparent 1px) 0 0,
		linear-gradient(to left, #fff 1px, transparent 1px) 100% 0,
		linear-gradient(to bottom, #fff 1px, transparent 1px) 100% 0,
		linear-gradient(to right, #fff 1px, transparent 1px) 0 100%,
		linear-gradient(to top, #fff 1px, transparent 1px) 0 100%,
		linear-gradient(to left, #fff 1px, transparent 1px) 100% 100%,
		linear-gradient(to top, #fff 1px, transparent 1px) 100% 100%;
	background-size: 6px 6px;
}
.corner--width2 {
	background: linear-gradient(to right, #fff 2px, transparent 2px) 0 0,
		linear-gradient(to bottom, #fff 2px, transparent 2px) 0 0,
		linear-gradient(to left, #fff 2px, transparent 2px) 100% 0,
		linear-gradient(to bottom, #fff 2px, transparent 2px) 100% 0,
		linear-gradient(to right, #fff 2px, transparent 2px) 0 100%,
		linear-gradient(to top, #fff 2px, transparent 2px) 0 100%,
		linear-gradient(to left, #fff 2px, transparent 2px) 100% 100%,
		linear-gradient(to top, #fff 2px, transparent 2px) 100% 100%;
	background-size: 18px 18px;
}
.corner--black {
	background: linear-gradient(to right, #000 2px, transparent 2px) 0 0,
		linear-gradient(to bottom, #000 2px, transparent 2px) 0 0,
		linear-gradient(to left, #000 2px, transparent 2px) 100% 0,
		linear-gradient(to bottom, #000 2px, transparent 2px) 100% 0,
		linear-gradient(to right, #000 2px, transparent 2px) 0 100%,
		linear-gradient(to top, #000 2px, transparent 2px) 0 100%,
		linear-gradient(to left, #000 2px, transparent 2px) 100% 100%,
		linear-gradient(to top, #000 2px, transparent 2px) 100% 100%;
	background-size: 18px 18px;
}
.hero__left-number .hero__left-number--subtxt {
	font-size: 14px;
	line-height: 150%;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 7px 12px;
	margin: 0;
	position: relative;
	left: 5px;
}
/*stroke-width='1' -- dot height, stroke-dasharray='1,10 -- 1-dot width, 10-dot gap */
.dotted {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.dotted--width1 {
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='1' stroke-dasharray='1,10' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.dotted--width2 {
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='2,10' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.dotted--black {
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='2' stroke-dasharray='2,10' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.hero__center {
	margin-top: 249px;
	flex: 0 0 363px;
	display: flex;
	flex-wrap: wrap;
	color: var(--color-white);
	align-items: flex-start;
	gap: 12px;
}
.hero__center h3 {
	width: 100%;
	margin: 0;
	font-weight: 400;
	font-size: 10.91px;
	line-height: 0.6;
}
.hero__center-img {
	flex: 0 0 205px;
	position: relative;
	margin: 0;
	padding: 11px;
	display: flex;
	align-items: center;
}
.hero__center-img img {
	width: 100%;
	height: auto;
}
.hero__center-img .dotted {
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='2,10' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.hero__center-txt {
	flex: 0 0 143px;
	font-size: 11px;
	line-height: 100%;
	align-self: center;
    display: none;
}
.hero__center-txt p {
	margin: 0 0 10px;
}
.hero__center-txt ul {
	padding: 0 0 0 10px;
	margin: 0;
}
.hero__center-txt ul li {
	margin: 0 0 10px;
}
.hero__right {
	flex: 0 0 286px;
	color: var(--color-text);
	margin-top: 15px;
	font-size: 16px;
	line-height: 150%;
	position: relative;
	left: -42px;
}
.hero__right h3 {
	color: #000;
	font-weight: 400;
	font-size: 26px;
	line-height: 120%;
	margin: 0 0 13px;
}
.hero__right p {
	margin: 0 0 26px;
}
.hero__right .btn {
	width: 100%;
}
.hero__form .hbspt-form,
.hero__form-body {
  background: #00000033;
  backdrop-filter: blur(10px);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.hero__form-body p {
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
}

.hero__form form > div {
    margin: 0 0 10px;
}

.hero__form form .hs-error-msgs {
    padding: 0;
    list-style-type: none;
    color: red;
}

.hero__form form .hs-error-msgs label {
    color: inherit;
}

.hbspt-form .legal-consent-container,
.hbspt-form label {
	color: #ffffff;
	font-size: 14px;
    line-height: 150%;
	font-family: "PloniMLv2AAA", sans-serif;
}

.hero__form .hbspt-form .legal-consent-container {
    font-size: 12px;
    line-height: 1.2;	
}
.hero__form .hbspt-form .legal-consent-container .hs-richtext a,
.hero__form .hbspt-form .legal-consent-container .hs-richtext {
	font-size: 14px;
	color: #ffffff;
}

.hero__form .hbspt-form .legal-consent-container label.hs-form-booleancheckbox-display input {
  width: 15px;
  height: 15px;
}

.hero__form {
  width: 286px;
}
.hero__form-body p:last-child {
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
}
.hero__form input {
  border: none;
  background: none;
  border-bottom: 1px solid #fff;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 150%;
  font-family: "PloniMLv2AAA", sans-serif;
  height: 34px;
}
.hero__form input::placeholder {
  color: #fff;
  opacity: 1;
}
.hero__form br {
  display: none;
}
.hero__form .wpcf7-form-control-wrap {
  margin-bottom: 5px;
  display: block;
}
.hero__form .hs-button,
.hero__form .btn.btn--download {
  cursor: pointer;
}
.hero__form .wpcf7 form.invalid .wpcf7-response-output,
.hero__form .wpcf7 form .wpcf7-response-output {
    color: #fff;
}

/*Capabilities*/
.capabilities {
	padding: 163px 0 125px;
	background: #cbcbcb;
}
.capabilities .container {
	max-width: 1244px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.capabilities__info {
	flex: 0 0 328px;
}
.capabilities__info .btn {
	width: 100%;
	margin-bottom: 16px;
}
.capabilities__info .layout-title {
	margin-bottom: 31px;
}

.capabilities__list {
	display: flex;
	flex-wrap: wrap;
	gap: 35px 21px;
	flex: 0 0 641px;
	margin: 4px 38px 0 0;
}
.capability__item {
	width: calc(50% - 21px / 2);
}
.capability__item .corner {
	padding: 20px 32px 36px;
	position: relative;
}
.capability__item-img {
	position: relative;
	margin-bottom: 30px;
}
.capability__item-img span {
	position: absolute;
	font-size: 9.5px;
	line-height: 100%;
	top: 7px;
}
.capability__item-img img {
	width: 100%;
	display: block;
}
.capability__item-txt h3 {
	font-weight: 700;
	font-size: 22px;
	line-height: 120%;
	min-height: 52px;
	margin: 9px 0;
}
.capability__item-txt p {
	font-size: 16px;
	line-height: 150%;
	margin: 0;
	min-height: 48px;
	color: var(--color-text);
	max-width: 198px;
}
.capability__item-bottom {
	margin: 15px 0 0;
	font-size: 17px;
	line-height: 100%;
}
.capability__item.capability__item--full {
	width: 100%;
}
.capability__item-number {
	position: absolute;
	display: flex;
	right: 32px;
	bottom: 32px;
	font-size: 16px;
	line-height: 100%;
	flex-direction: column;
	align-items: flex-end;
	gap: 9px;
}
.capability__item.capability__item--full .corner {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	padding: 33px 32px 36px;
}
.capability__item.capability__item--full .capability__item-img {
	margin: 0;
}

/*Advantage*/

.advantages {
	padding: 528px 0 123px;
	background-size: 100%;
	background-repeat: no-repeat;
	color: var(--color-white);
}
.advantages .container {
	max-width: 1300px;
}
.advantages__top {
	max-width: 312px;
	margin-left: 230px;
	color: var(--color-white);
}
.advantages .layout-subtitle::before {
	background: var(--color-white);
}
.advantages__top .layout-title {
	margin-bottom: 55px;
}
.advantages__top .btn {
	width: 100%;
	margin-bottom: 16px;
	padding: 10px 15px 7px;
	background-color: transparent !important;
	color: #fff !important;
	border-color: #fff;
}
.advantages__top .btn:hover {
	background-color: var(--color-black) !important;
	border-color: var(--color-black) !important;
}
.advantages__top .btn img {
	filter: brightness(0) invert(1);
}
.advantages__center {
	text-align: center;
	max-width: 517px;
	margin: 142px auto 70px;
}
.advantages__center .layout-subtitle {
	justify-content: center;
}
.advantages__list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.advantage__item {
	width: calc(100% / 4 - 15px);
}
.advantage__item .corner {
	padding: 24px 32px;
}
.advantage__item img {
	filter: brightness(0) invert(1);
}
.advantage__item h3 {
	font-weight: 400;
	font-size: 22px;
	line-height: 120%;
	margin: 10px 0 15px;
}
.advantage__item p {
	font-size: 16px;
	line-height: 150%;
	color: #ffffffcc;
}
.advantage__item p.advantage__item-bottom {
	font-size: 17.38px;
	line-height: 100%;
	color: #fff;
}

/*Situation*/

.situation {
	position: relative;
	padding: 166px 0 194px;
}
.situation::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 895px;
	background: linear-gradient(
		180deg,
		#afafaf 59.13%,
		rgba(175, 175, 175, 0) 100%
	);
	top: 0;
	left: 0;
	z-index: 2;
}
.situation::after {
	content: "";
	width: 100%;
	height: 1155px;
	bottom: 0;
	position: absolute;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 13.94%,
		#cbcaca 46.15%,
		#bdbdbd 70.19%
	);
}
.situation__top {
	position: relative;
	text-align: center;
	z-index: 2;
	max-width: 796px;
	margin: 0 auto;
}
.situation__top .layout-subtitle {
	justify-content: center;
}
.situation__top .layout-title {
	max-width: 558px;
	margin: 0 auto;
}
.situation__items {
	margin-top: 92px;
	display: flex;
	flex-wrap: wrap;
	gap: 80px;
	text-align: left;
}
.situation__item {
	width: calc(100% / 3 - 54px);
}
.situation__item-img {
	height: 53px;
}
.situation__item-img img {
	max-height: 100%;
}
.situation__item p {
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 150%;
	color: #00000080;
}
.situation__words {
	margin: 132px auto 705px;
	max-width: 1138px;
	font-weight: 600;
	font-size: 152px;
	line-height: 100%;
	text-transform: uppercase;
	color: var(--color-white);
	text-align: left;
	position: relative;
	z-index: 2;
}
.situation__words span {
	display: block;
	margin-left: 260px;
}
.situation__img-bg {
	width: 100%;
	display: block;
	position: absolute;
	top: 373px;
}
.situation__countries {
	position: relative;
	z-index: 2;
	width: 943px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 0;
	list-style: none;
	align-items: flex-start;
}

.situation__countries-title {
	margin: 9px;
	display: flex;
	padding: 6px 53px 2px 10px;
	align-items: center;
	text-decoration: none;
	background-color: var(--color-primary);
	font-size: 18px;
	line-height: 150%;
	gap: 13px;
	color: var(--color-white);
}
.situation__countries a {
	text-decoration: none;
	position: relative;
	transition: all 0.5s;
	top: 0;
	pointer-events: none;
}
.situation__countries a::after {
	content: "";
	width: 18px;
	height: 19px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5066 11.5712V0L6.64257 0L0 6.64257L10.8667 6.64257L10.8667 18.2138L17.5066 11.5712Z' fill='white'/%3E%3C/svg%3E");
	right: -19px;
	top: -18px;
}
.situation__countries a:hover {
	top: -10px;
}
.situation__countries a:nth-child(2) {
	margin-top: 64px;
}
.situation__countries a:nth-child(3) {
	margin-top: 128px;
}
.situation__countries a:nth-child(4) {
	margin-top: 64px;
}
.situation__form {
	width: 590px;
	margin: 140px auto 0;
	position: relative;
	z-index: 3;
	text-align: center;
}
.situation__form .layout-subtitle {
	justify-content: center;
}
.situation__form .wpcf7 {
	margin: 33px 0;
}
.situation__countries-title img {
	width: 20px;
}
.situation__form .wpcf7 form p {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: center;
}

.situation__form .hbspt-form label  {
	color: #666464;
	font-size: 16px;
	display: flex;
    align-items: center;
}

.situation__form .hbspt-form .legal-consent-container {
	margin-top: 15px;
    font-size: 13px;
	color: #000000;
	text-align: center;
}

.situation__form .wpcf7 form p:nth-child(3) {
	margin-top: 15px;
	font-size: 13px;
}

.situation__form .hbspt-form form  > div {
	text-align: left;
	margin: 0 0 10px;
}

.hbspt-form .legal-consent-container label.hs-form-booleancheckbox-display input {
	width: 20px;
	height: 20px;
}
.hbspt-form .legal-consent-container label.hs-form-booleancheckbox-display > span {
	margin-left: 10px;
	text-align: left;
}

.hbspt-form .legal-consent-container .hs-richtext {
	font-size: 16px;
	text-align: left;
	color: #666464;
}

.hbspt-form .legal-consent-container .hs-richtext a {
	text-decoration: underline;
	color: #666464;
}

.hbspt-form .inputs-list {
    padding: 0;
}

.hbspt-form .hs-form-booleancheckbox {
    list-style-type: none;
}

.situation__form .hbspt-form form .hs-submit {
	max-width: 290px;
    margin: 0 auto;
}

.situation__form .hbspt-form .hs-error-msgs {
    color: red;
    list-style-type: none;
}

.situation__form .hbspt-form .hs-error-msg {
    color: inherit;
}

.situation__form .hbspt-form input,
.situation__form .wpcf7 form input {
	height: 46px;
	border: none;
	background: transparent;
	width: 100%;
	font-size: 18px;
	line-height: 150%;
	font-family: "PloniMLv2AAA", sans-serif;
	border-bottom: 1px solid #000;
}
.situation__form .hbspt-form input:focus,
.situation__form .wpcf7 form input:focus {
	outline: none;
}
.situation__form .wpcf7 form .wpcf7-form-control-wrap {
	width: 100%;
}
.situation__form .hbspt-form input.hs-button,
.situation__form .wpcf7 form button {
	flex: 0 0 auto;
	cursor: pointer;
	gap: 16px;
	border-radius: 3px;
	padding: 13px 36px;
	display: flex;
	border: 1px solid var(--color-black);
	background: var(--color-primary);
	font-size: 16px;
	line-height: 100%;
	color: var(--color-white);
	font-family: "PloniMLv2AAA", sans-serif;
	transition: all 0.5s;
	margin-top: 40px;
	border: none;
}
.situation__form .wpcf7 form button::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3335 1.3335V4.00016' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6665 1.3335V4.00016' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6667 2.6665H3.33333C2.59695 2.6665 2 3.26346 2 3.99984V13.3332C2 14.0696 2.59695 14.6665 3.33333 14.6665H12.6667C13.403 14.6665 14 14.0696 14 13.3332V3.99984C14 3.26346 13.403 2.6665 12.6667 2.6665Z' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 6.6665H14' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	width: 16px;
	height: 16px;
}
.situation__form .hbspt-form input.hs-button:hover,
.situation__form .wpcf7 form button:hover {
	background: var(--color-black);
}
.situation .btn.btn--download {
	background: transparent;
	color: var(--color-black);
}
.situation .btn.btn--download img {
	filter: invert(1);
}
.situation .btn {
	padding: 10px 15px 7px;
}

.footer {
	background: linear-gradient(
		180deg,
		#bdbdbd 59.13%,
		rgba(175, 175, 175, 0) 100%
	);
	position: relative;
	margin-bottom: 115px;
	padding: 66px 0 53px;
	color: var(--color-white);
}
.footer h3 {
	font-weight: 700;
	font-size: 20px;
	line-height: 150%;
	margin: 0 0 20px;
}
.footer .container {
	max-width: 100%;
	position: relative;
	z-index: 2;
	padding: 0 73px 0 148px;
}
.footer::after {
	content: "";
	position: absolute;
	width: calc(100% - 92px);
	right: 0;
	height: 100%;
	background: var(--color-primary);
	top: 0;
}
.footer__top {
	display: flex;
	justify-content: flex-end;
	gap: 126px;
}
.footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer__contacts a {
	font-size: 18px;
	line-height: 150%;
	color: var(--color-white);
	text-decoration: none;
}
.footer__contacts a:hover {
	text-decoration: underline;
}
.footer__social ul {
	display: flex;
	gap: 13px;
}
.footer__social a {
	width: 32px;
	height: 42px;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='42' viewBox='0 0 32 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.8914 8.09516V2.75815C24.8914 1.44033 23.826 0.375 22.5082 0.375H0.375V38.4639C0.375 39.7817 1.44033 40.8471 2.75815 40.8471H10.6582V37.9174H11.8549V40.8471H13.5186V37.9174H14.7154V40.8471H16.3791V37.9174H17.5759V40.8471H19.2396V37.9174H20.4364V40.8471H28.3364C29.6542 40.8471 30.7195 39.7817 30.7195 38.4639V13.2869L24.881 8.09516H24.8914Z' stroke='white' stroke-width='0.75' stroke-miterlimit='10'/%3E%3Cpath d='M0.375 30.1937L1.99029 28.4158V12.8579L0.375 11.208V30.1937Z' fill='white'/%3E%3C/svg%3E");
	display: flex;
	background-repeat: no-repeat;
	background-size: contain;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
}
.footer__social a:hover {
	opacity: 0.8;
}
.footer__bottom {
	margin-top: 105px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.footer__bottom-left p {
	font-size: 18px;
	line-height: 150%;
	margin: 24px 0 0;
}
a.footer__bottom-right {
	text-decoration: none;
	color: var(--color-white);
	font-size: 18px;
}
.wpcf7-not-valid-tip {
	/*display: none !important;*/
}
@media (max-width: 1919px) {
	.situation__words {
		margin: 6.88vw auto 33.72vw;
		max-width: 59.27vw;
		font-size: 7.92vw;
	}
}
@media (max-width: 1440px) {
	.advantages {
		padding-top: 27.67vw;
	}
	.advantages__top {
		margin-left: 22.97vw;
	}
}
@media (min-width: 992px) and (max-width: 1420px) {
	.btn {
		border-radius: 0.21vw;
		padding: 0.9vw 1.04vw 0.9vw;
		font-size: 1.11vw;
		gap: 0.83vw;
	}
	.btn img {
		width: 1.11vw;
	}
	.layout-subtitle {
		gap: 0.42vw;
		font-size: 1.39vw;
		margin-bottom: 1.25vw;
	}
	.layout-subtitle::before {
		width: 0.42vw;
		height: 0.83vw;
	}
	.layout-title {
		font-size: 2.5vw;
	}
	header {
		padding: 1.39vw 2.78vw;
	}
	header .container {
		max-width: 100vw;
	}
	.header img {
		width: 5.21vw;
	}
	.hero {
		padding: 10.14vw 0 11.74vw;
	}
	.hero__bg {
		height: 34.93vw;
	}
	.hero .container {
		max-width: 73.47vw;
		gap: 1.39vw;
	}
	.hero__left .hero__left-subtitle {
		font-size: 1.67vw;
		margin: 0 0 0.97vw;
	}
	.hero__left h1 {
		font-size: 5.28vw;
	}
	.hero__left-number {
		margin-top: 11.6vw;
		max-width: 17.01vw;
		margin-left: -0.69vw;
	}
	.hero__left-number .hero__left-number-title {
		font-size: 6.25vw;
		line-height: 3.47vw;
		margin: 0 0 1.11vw;
	}
	.hero__left-number .hero__left-number--txt {
		font-size: 1.18vw;
		max-width: 9.58vw;
		margin: -0.69vw 0.28vw 0.83vw;
	}
	.corner--width1 {
		background-size: 0.42vw 0.42vw;
	}
	.corner--width2 {
		background-size: 1.25vw 1.25vw;
	}
	.corner--black {
		background-size: 1.25vw 1.25vw;
	}
	.hero__left-number .hero__left-number--subtxt {
		font-size: 0.97vw;
		gap: 0.63vw;
		padding: 0.49vw 0.83vw;
		left: 0.35vw;
	}
	.hero__center {
		margin-top: 17.29vw;
		flex: 0 0 25.21vw;
		gap: 0.83vw;
	}
	.hero__center h3 {
		font-size: 0.76vw;
	}
	.hero__center-img {
		flex: 0 0 14.24vw;
		padding: 0.76vw;
	}
	.hero__center-txt {
		flex: 0 0 9.93vw;
		font-size: 0.76vw;
	}
	.hero__center-txt p {
		margin: 0 0 0.69vw;
	}
	.hero__center-txt ul {
		padding: 0 0 0 0.69vw;
	}
	.hero__center-txt ul li {
		margin: 0 0 0.69vw;
	}
	.hero__right {
		flex: 0 0 19.86vw;
		margin-top: 1.04vw;
		font-size: 1.11vw;
		left: -2.92vw;
	}
	.hero__right h3 {
		font-size: 1.81vw;
		margin: 0 0 0.9vw;
	}
	.hero__right p {
		margin: 0 0 1.81vw;
	}
    .hero__form-body p:last-child {
        font-size: 0.83vw;
    }
    .hero__form-body {
        padding: 1.39vw;
        border-radius: 0.69vw;
        margin-bottom: 1.74vw;
    }
    .hero__form {
        width: 19.86vw;
    }
    .hero__form input {
        font-size: 0.97vw;
        height: 2.36vw;
    }
    .hero__form .wpcf7-form-control-wrap {
        margin-bottom: 0.35vw;
    }
	.hero__form .hbspt-form .legal-consent-container label.hs-form-booleancheckbox-display > span,
	.hero__form .hbspt-form .legal-consent-container .hs-richtext a,
	.hero__form .hbspt-form .legal-consent-container .hs-richtext {
		font-size: 0.97vw;
		color: #ffffff;
		line-height: 1.5;
	}

	.hero__form .hbspt-form .legal-consent-container label.hs-form-booleancheckbox-display input {
	  width: 15px;
	  height: 15px;
	}

	/*Capabilities*/
	.capabilities {
		padding: 11.32vw 0 8.68vw;
	}
	.capabilities .container {
		max-width: 86.39vw;
		gap: 1.39vw;
	}
	.capabilities__info {
		flex: 0 0 22.78vw;
	}
	.capabilities__info .btn {
		margin-bottom: 1.11vw;
	}
	.capabilities__info .layout-title {
		margin-bottom: 2.15vw;
	}
	.capabilities__list {
		gap: 2.43vw 1.46vw;
		flex: 0 0 44.51vw;
		margin: 0.28vw 2.64vw 0 0;
	}
	.capability__item {
		width: calc(50% - 1.56vw / 2);
	}
	.capability__item .corner {
		padding: 1.39vw 2.22vw 2.5vw;
	}
	.capability__item-img {
		margin-bottom: 2.08vw;
	}
	.capability__item-img span {
		font-size: 0.69vw;
		top: 0.49vw;
	}
	.capability__item-txt h3 {
		font-size: 1.53vw;
		min-height: 3.61vw;
		margin: 0.63vw 0;
	}
	.capability__item-txt p {
		font-size: 1.11vw;
		min-height: 3.33vw;
		max-width: 13.75vw;
	}
	.capability__item-bottom {
		margin: 1.04vw 0 0;
		font-size: 1.18vw;
	}
	.capability__item-number {
		right: 2.22vw;
		bottom: 2.22vw;
		font-size: 1.11vw;
		gap: 0.63vw;
	}
	.capability__item.capability__item--full .corner {
		padding: 2.29vw 2.22vw 2.5vw;
	}

	/*Advantage*/
	.advantages {
		padding-bottom: 8.54vw;
	}
	.advantages .container {
		max-width: 90.28vw;
	}
	.advantages__top {
		max-width: 21.67vw;
	}
	.advantages__top .layout-title {
		margin-bottom: 3.82vw;
	}
	.advantages__top .btn {
		margin-bottom: 1.11vw;
		padding: 0.69vw 1.04vw 0.49vw;
	}
	.advantages__center {
		max-width: 35.9vw;
		margin: 9.86vw auto 4.86vw;
	}
	.advantages__list {
		gap: 1.39vw;
	}
	.advantage__item {
		width: calc(100% / 4 - 1.14vw);
	}
	.advantage__item .corner {
		padding: 1.67vw 2.22vw;
	}
	.advantage__item h3 {
		font-size: 1.53vw;
		margin: 0.69vw 0 1.04vw;
	}
	.advantage__item p {
		font-size: 1.11vw;
	}
	.advantage__item p.advantage__item-bottom {
		font-size: 1.18vw;
	}

	/*Situation*/
	.situation {
		padding: 11.53vw 0 13.47vw;
	}
	.situation::before {
		height: 62.15vw;
	}
	.situation::after {
		height: 107.21vw;
	}
	.situation__top {
		max-width: 55.28vw;
	}
	.situation__top .layout-title {
		max-width: 38.75vw;
	}
	.situation__items {
		margin-top: 6.39vw;
		gap: 5.56vw;
	}
	.situation__item {
		width: calc(100% / 3 - 3.75vw);
	}
	.situation__item-img {
		height: 3.68vw;
	}
	.situation__item p {
		margin: 2.08vw 0 0;
		font-size: 1.11vw;
	}
	/* .situation__words {
		margin: 9.17vw auto 48.96vw;
		max-width: 79.03vw;
		font-size: 10.56vw;
	} */
	.situation__words span {
		margin-left: 18.06vw;
	}
	.situation__img-bg {
		top: 25.9vw;
	}
	.situation__countries {
		width: 65.49vw;
	}
	.situation__countries-title {
		margin: 0.63vw;
		padding: 0.42vw 3.68vw 0.14vw 0.69vw;
		font-size: 1.25vw;
		gap: 0.9vw;
	}
	.situation__countries a::after {
		width: 1.25vw;
		height: 1.32vw;
		right: -1.32vw;
		top: -1.25vw;
	}
	.situation__countries a:hover {
		top: -0.69vw;
	}
	.situation__countries a:nth-child(2) {
		margin-top: 4.44vw;
	}
	.situation__countries a:nth-child(3) {
		margin-top: 8.89vw;
	}
	.situation__countries a:nth-child(4) {
		margin-top: 4.44vw;
	}
	.situation__form {
		width: 44.44vw;
		margin: 9.72vw auto 0;
	}
	.situation__form .wpcf7 {
		margin: 2.29vw 0;
	}
	.situation__countries-title img {
		width: 1.39vw;
	}
	.situation__form .wpcf7 form p {
		padding: 0.83vw 1.04vw;
	}
    .situation__form .wpcf7 form p:nth-child(3) {
        margin-top: 1.04vw;
        font-size: 0.9vw;
    }
	.situation__form .wpcf7 form input {
		height: 3.06vw;
		font-size: 1.25vw;
	}
	.situation__form .wpcf7 form button {
		gap: 1.11vw;
		border-radius: 0.21vw;
		padding: 1.11vw 2.5vw;
		font-size: 1.11vw;
	}
	.situation__form .wpcf7 form button::after {
		width: 1.11vw;
		height: 1.11vw;
	}
	.situation .btn {
		padding: 0.69vw 1.04vw 0.49vw;
	}
	.footer {
		margin-bottom: 7.99vw;
		padding: 4.58vw 0 3.68vw;
	}
	.footer h3 {
		font-size: 1.39vw;
		margin: 0 0 1.39vw;
	}
	.footer .container {
		padding: 0 5.07vw 0 10.28vw;
	}
	.footer::after {
		width: calc(100% - 6.39vw);
	}
	.footer__top {
		gap: 8.75vw;
	}
	.footer__contacts a {
		font-size: 1.25vw;
	}
	.footer__social ul {
		gap: 0.9vw;
	}
	.footer__social a {
		width: 2.22vw;
		height: 2.92vw;
	}
	.footer__bottom {
		margin-top: 7.29vw;
	}
	.footer__bottom-left p {
		font-size: 1.25vw;
		margin: 1.67vw 0 0;
	}
	a.footer__bottom-right {
		font-size: 1.25vw;
	}
	.footer__bottom-left img {
		width: 8.89vw;
	}
}

@media (max-width: 991px) {
	.container {
		padding: 0 20px;
	}
	.btn {
		border-radius: 3px;
		padding: 13px 15px 13px;
		font-size: 16px;
		gap: 12px;
	}
	.btn img {
		width: 16px;
	}
	.layout-subtitle {
		gap: 6px;
		font-size: 20px;
		margin-bottom: 18px;
	}
	.layout-subtitle::before {
		width: 6px;
		height: 12px;
	}
	.layout-title {
		font-size: 36px;
	}
	header {
		padding: 20px;
	}
	header .container {
		max-width: 100%;
		padding: 0;
	}
	.hero {
		padding: 65px 0 50px;
		background-repeat: no-repeat;
	}
	.hero__bg {
		height: 503px;
        display: none;
	}
	.hero .container {
		max-width: 100%;
		gap: 10px;
		flex-wrap: wrap;
	}
	.hero__left .hero__left-subtitle {
		font-size: 13px;
		margin: 0 0 14px;
	}
	.hero__left h1 {
		font-size: 40px;
	}
	.hero__left-number {
        margin-top: 90px;
        max-width: 100%;
        margin-left: 0;
    }
	.hero__left-number .hero__left-number-title {
		font-size: 60px;
		line-height: 50px;
		margin: 0;
	}
	.hero__left-number .hero__left-number--txt {
		font-size: 12px;
		max-width: 138px;
		margin: 0 0 12px;
	}
	.corner--width1 {
		background-size: 6px 6px;
	}
	.corner--width2 {
		background-size: 18px 18px;
	}
	.corner--black {
		background-size: 18px 18px;
	}
	.hero__left-number .hero__left-number--subtxt {
		font-size: 10px;
		gap: 5px;
		padding: 5px;
		left: 0;
	}
	.hero__center {
		margin-top: auto;
		flex: 0 0 38%;
		gap: 5px;
	}
	.hero__center h3 {
		font-size: 8px;
	}
	.hero__center-img {
		flex: 0 0 100%;
		padding: 11px;
	}
	.hero__center-txt {
		flex: 0 0 85%;
		font-size: 8px;
		background: rgba(0,0,0,0.8);
		padding: 5px;
		margin: -20px auto 0;
		position: relative;
		z-index: 2;
	}
	.hero__center-txt p {
		margin: 0 0 4px;
	}
	.hero__center-txt ul {
		padding: 0 0 0 10px;
	}
	.hero__center-txt ul li {
		margin: 0 0 10px;
	}
	.hero__right {
		flex: 0 0 100%;
		margin-top: 15px;
		font-size: 16px;
		left: 0;
        position: relative;
        padding: 30px 0 0;
	}
    .hero__right::before {
        content: '';
        width: calc(100% + 40px);
        height: 257px;
        background-image: url(/wp-content/uploads/2025/10/Earth-4.png);
        position: absolute;
        top: -258px;
        left: -20px;
        background-repeat: no-repeat;
        background-position: bottom -36px left;
        z-index: -1;
        background-size: 800px;
    }
	.hero__right h3 {
		font-size: 26px;
		margin: 0 0 13px;
	}
	.hero__right p {
		margin: 0 0 26px;
	}
    .hero__form-body {
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 25px;
    }
    .hero__form {
        width: 100%;
    }
    .hero__form input {
        font-size: 14px;
        height: 34px;
    }

	/*Capabilities*/
	.capabilities {
		padding: 50px 0;
	}
	.capabilities .container {
		max-width: 100%;
		gap: 20px;
		flex-direction: column;
	}
	.capabilities__info {
		flex: 0 0 100%;
	}
	.capabilities__info .btn {
		margin-bottom: 16px;
		display: none;
	}
	.capabilities__info .layout-title {
		margin-bottom: 31px;
	}
	.capabilities__list {
		gap: 35px 21px;
		flex: 0 0 100%;
		margin: 0 0;
	}
	.capability__item {
		width: 100%;
	}
	.capability__item .corner {
		padding: 20px 32px 36px;
	}
	.capability__item-img {
		margin-bottom: 30px;
	}
	.capability__item-img span {
		font-size: 10px;
		top: 7px;
	}
	.capability__item-txt h3 {
		font-size: 22px;
		min-height: 52px;
		margin: 9px 0;
	}
	.capability__item-txt p {
		font-size: 16px;
		min-height: 48px;
		max-width: 198px;
	}
	.capability__item-bottom {
		margin: 15px 0 0;
		font-size: 17px;
	}
	.capability__item-number {
		right: 32px;
		bottom: 32px;
		font-size: 16px;
		gap: 9px;
	}
	.capability__item.capability__item--full .corner {
		padding: 33px 32px 36px;
		flex-direction: column;
	}
	.capability__item.capability__item--full .capability__item-img {
		margin-bottom: 30px;
	}
	.capability__item.capability__item--full .capability__item-txt {
		width: 100%;
	}
	/*Advantage*/
	.advantages {
		padding: 215px 0 50px;
	}
	.advantages .container {
		max-width: 100%;
	}
	.advantages__top {
		max-width: 100%;
		margin-left: 0;
	}
	.advantages__top .layout-title {
		margin-bottom: 55px;
	}
	.advantages__top .btn {
		margin-bottom: 16px;
		padding: 10px 15px 7px;
	}
	.advantages__center {
		max-width: 100%;
		margin: 50px auto;
	}
	.advantages__list {
		gap: 20px;
		flex-direction: column;
	}
	.advantage__item {
		width: 100%;
	}
	.advantage__item .corner {
		padding: 24px 32px;
	}
	.advantage__item h3 {
		font-size: 22px;
		margin: 10px 0 15px;
	}
	.advantage__item p {
		font-size: 16px;
	}
	.advantage__item p.advantage__item-bottom {
		font-size: 17px;
	}

	/*Situation*/
	.situation {
		padding: 50px 0;
        background: #b7b7b7;
	}
	.situation::before {
		height: 1550px;
		display: none;
	}
	.situation::after {
		height: 1095px;
	}
	.situation__top {
		max-width: 796px;
	}
	.situation__top .layout-title {
		max-width: 558px;
	}
	.situation__items {
		margin-top: 50px;
		gap: 40px;
		flex-direction: column;
		padding: 0 20px;
	}
	.situation__item {
		width: 100%;
		text-align: center;
	}
	.situation__item-img {
		height: 53px;
	}
	.situation__item p {
		margin: 20px 0 0;
		font-size: 18px;
	}
	.situation__words {
		margin: 110px auto 150px;
		max-width: 100%;
		font-size: 58px;
		padding: 0 20px;
	}
	.situation__words span {
		margin-left: 0;
	}
	.situation__img-bg {
		top: 900px;
	}
	.situation__countries {
		width: 100%;
		flex-direction: column;
		padding: 0 20px;
        position: relative;
	}
    .situation__countries::after {
        content: '';
        width: 100%;
        height: 500px;
        background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 13.94%, #cbcaca 46.15%, #c8c7c7 70.19% );
        margin: 0 -20px;
        bottom: 0;
        position: absolute;
    }
	.situation__countries-title {
		margin: 9px;
		padding: 6px 53px 2px 10px;
		font-size: 18px;
		gap: 13px;
	}
    .situation__countries a {
        position: relative;
        z-index: 2;
    }
	.situation__countries a::after {
		width: 18px;
		height: 19px;
		right: -19px;
		top: -18px;
	}
	.situation__countries a:hover {
		top: -10px;
	}
	.situation__countries a:nth-child(2) {
		margin-top: 40px;
		margin-left: auto;
		margin-right: 20px;
	}
	.situation__countries a:nth-child(3) {
		margin-top: 40px;
	}
	.situation__countries a:nth-child(4) {
		margin-top: 40px;
        margin-left: auto;
        margin-right: 20px;
	}
	.situation__form {
		width: 100%;
		margin: 100px auto 0;
		padding: 0 20px;
	}
	.situation__form .wpcf7 {
		margin: 33px 0;
	}
	.situation__countries-title img {
		width: 20px;
	}
	.situation__form .wpcf7 form p {
		padding: 0;
		flex-direction: column;
		gap: 5px;
		background: transparent;
	}
	.situation__form .wpcf7 form input {
		height: 44px;
		font-size: 18px;
		background: #e7e7e7;
		padding: 15px;
		height: 50px;
	}
	.situation__form .wpcf7 form button {
		gap: 16px;
		border-radius: 3px;
		padding: 16px 36px;
		font-size: 16px;
		justify-content: center;
        width: 100%;
	}
	.situation__form .wpcf7 form button::after {
		width: 16px;
		height: 16px;
	}
	.situation .btn {
		padding: 10px 15px 7px;
		width: 100%;
		margin: 5px 0;
	}
	.footer {
		margin-bottom: 0px;
		padding: 40px 0;
		background: var(--color-primary);
	}
	.footer h3 {
		font-size: 20px;
		margin: 0 0 20px;
	}
	.footer .container {
		max-width: 100%;
		padding: 0 20px;
	}
	.footer__top {
		gap: 20px;
		flex-direction: column;
	}
	.footer__contacts a {
		font-size: 18px;
	}
	.footer__social ul {
		gap: 13px;
	}
	.footer__social a {
		width: 32px;
		height: 42px;
	}
	.footer__bottom {
		margin-top: 50px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.footer__bottom-left p {
		font-size: 18px;
		margin: 24px 0 0;
	}
	a.footer__bottom-right {
		font-size: 18px;
	}
}