/**
 * Theme Name: vivortex
 * Author: inRework
 * Version: 1.0
 * 
 * @package vivortex
 */

/* Imports */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
/* Main */


:root {
	--gradient: linear-gradient(45deg, var(--purple) 0%, var(--violet) 100%);
	--purple: #9d54b5;
	--violet: #5339b3;
	--red: #d35548;
	--arrow: url('./assets/svg/arrow.svg'), center, 100%, no-repeat;
	--opacity-hover: 0.75;
}

@property --c1 {
	syntax: '<color>';
	inherits: false;
	initial-value: #333;
}

@property --c2 {
	syntax: '<color>';
	inherits: false;
	initial-value: #333;
}

@keyframes fadeIn {
    from {
		opacity: 0;
	}
    to {
		opacity: 1;
	}
}

@keyframes fadeOut {
    from {
		opacity: 1;
	}
    to {
		opacity: 0;
	}
}

* {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	color: #333;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}

section {
	margin-bottom: 80px;
}

section:not(.banner-slider, .about):first-child {
	margin-top: 30px;
}

section.content-heading {
	margin-bottom: 20px;
}

h1 {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase
}

h2 {
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
}

h3 {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase
}

h4 {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase
}

h5 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase
}

h6 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase
}

h1 > span,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span {
	color: var(--purple);
}

button {
	cursor: pointer;
}

a {
	color: #333;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

a,
button {
	transition: all .3s;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

table {
	border-collapse: collapse;
	width: 100%;
}

table thead {
	background: linear-gradient(45deg, rgba(157, 84, 181, 0.1) 0%, rgba(83, 57, 179, 0.1) 100%);
}

table th,
table td {
	font-size: 14px;
	text-align: center;
	padding: 10px;
}

table thead th:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

table tbody td:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

table tbody tr:nth-child(odd) {
	background: #f6f6f6;
}

table tbody tr:nth-child(even) {
	background: linear-gradient(45deg, rgba(157, 84, 181, 0.03) 0%, rgba(83, 57, 179, 0.03) 100%);
}

.wrapper {
	max-width: 1220px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}

.button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: #fff;
	background: var(--purple);
	border: 0;
	border-radius: 10px;
	position: relative;
	padding: 12px 30px;
	cursor: pointer;
	outline: none;
	z-index: 1;
}

.button > img {
	width: 24px;
	height: 24px;
}

.button::after {
	content: '';
	background: var(--gradient);
	border-radius: 10px;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .3s;
	top: 0;
	left: 0;
	z-index: -1;
}

.decorations > img {
	user-select: none;
	pointer-events: none;
}

.slider-controls > div .swiper-pagination-bullet {
	background: #d9d9d9;
	border-radius: 20px;
	height: 7px;
	width: 140px;
	margin: 0 5px;
	opacity: 1;
}

.slider-controls > div .swiper-pagination-bullet-active {
	background: var(--gradient);
}

.breadcrumbs {
	color: #969696;
	margin-bottom: 20px;
}

.breadcrumbs > a {
	color: #969696;
}

.breadcrumbs > span {
	background: var(--gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.breadcrumbs > a,
.breadcrumbs > span {
	font-size: 14px;
	font-weight: 400;
	line-height: 180%;
}

.\!posts {
	font-size: 24px;
	font-weight: 700;
}

.grecaptcha-badge {
	display: none;
}

.no-overflow {
	overflow: hidden;
}

/* Content */

.content,
.content *:not(h1, h2, h3, h4, h5, h6) {
	line-height: 160%;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin-bottom: 20px;
	text-transform: unset;
}

.content h1 {
	font-size: 36px;
}

.content h2 {
	font-size: 26px;
}

.content h3 {
	font-size: 22px;
}

.content h4 {
	font-size: 20px;
	font-weight: 600;
}

.content h5 {
	font-size: 18px;
	font-weight: 700;
}

.content h6 {
	font-size: 16px;
	font-weight: 700;
}

.content img {
	cursor: pointer;
	margin-bottom: 20px;
}

.content p:not(:last-child),
.content b:not(:last-child),
.content strong:not(:last-child),
.content table,
.content blockquote {
	margin-bottom: 20px;
}

.content blockquote {
	background: #f6f6f6;
	border-radius: 10px;
	padding: 20px 30px;
}

.content ul,
.content ol {
	margin: 0 0 20px 20px;
}

.content a {
	--c1: var(--purple);
	--violet: var(--violet);
}

/* Gallery */

figure.wp-block-image {
	margin-bottom: 20px;
}

figure > figure.wp-block-image {
	margin: 0;
}

.wp-block-gallery {
	display: grid;
	gap: 20px;
	margin-bottom: 20px;
}

.wp-block-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	margin: 0
}

/* Columns */

.columns-1 {
	grid-template-columns: repeat(1, 1fr);
}

.columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

/* Header */

header {
	background: #fff;
	box-shadow: 0 -2px 5px 4px rgba(0, 0, 0, 0.1);
	padding: 20px 0;
}

header .header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
	position: relative;
}

header .header-wrapper .header-left {
	display: flex;
	align-items: center;
	gap: 70px;
}

header .header-wrapper .header-left .header-logo img {
	width: 180px;
	height: auto;
}

header .header-wrapper .header-left .header-logo .mobile-logo {
	display: none;
}

header .header-wrapper .header-right {
	display: flex;
	align-items: center;
	gap: 15px;
}

header .header-wrapper .header-right > div {
	display: flex;
	align-items: center;
	gap: 15px;
}

header .header-wrapper .header-right .header-socials {
	display: flex;
	align-items: center;
	gap: 10px;
}

header .header-wrapper .header-right .header-socials > a img {
	width: 24px;
	height: 24px;
	transition: all .3s;
}

header .header-wrapper .header-right .header-phone {
	display: flex;
	align-items: center;
	gap: 5px;
	background: #f9f9f9;
	background-clip: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	border-radius: 10px;
	white-space: nowrap;
	padding: 10px 15px;
}

header .header-wrapper .header-right .header-phone img {
	width: 24px;
	height: 24px;
	transition: all .3s;
}

/* Footer */

footer {
	background: var(--gradient);
	padding: 25px 0 10px;
}

footer * {
	color: #fff;
}

footer .footer-wrapper .footer-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	margin-bottom: 35px;
}

footer .footer-wrapper .footer-top .footer-left .footer-logo img {
	width: 125px;
	height: auto;
}

footer .footer-wrapper .footer-top .footer-right {
	display: flex;
	align-items: center;
	gap: 25px;
}

footer .footer-wrapper .footer-top .footer-right img {
	width: 24px;
	height: 24px;
	transition: all .3s;
}

footer .footer-wrapper .footer-top .footer-right .footer-address {
	display: flex;
	align-items: center;
	gap: 10px;
}

footer .footer-wrapper .footer-top .footer-right .footer-address address {
	font-style: normal;
}

footer .footer-wrapper .footer-top .footer-right .footer-socials {
	display: flex;
	align-items: center;
	gap: 10px;
}

footer .footer-wrapper .footer-top .footer-right .footer-email {
	display: flex;
	align-items: center;
	gap: 5px;
}

footer .footer-wrapper .footer-top .footer-right .footer-phone {
	display: flex;
	align-items: center;
	gap: 5px;
}

footer .footer-wrapper .footer-middle {
	margin-bottom: 80px;
}

footer .footer-wrapper .footer-middle .footer-menu > div ul {
	list-style: none;
}

footer .footer-wrapper .footer-middle .footer-menu > div > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}

footer .footer-wrapper .footer-middle .footer-menu > div > ul > li {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

footer .footer-wrapper .footer-middle .footer-menu > div > ul > li > a {
	font-size: 17px;
	font-weight: 700;
}

footer .footer-wrapper .footer-middle .footer-menu > div > ul > li > ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

footer .for-wrapper .footer-middle .footer-menu > div > ul > li > ul a {
	font-size: 14px;
}

footer .footer-wrapper .footer-bottom .footer-policy {
	display: flex;
	align-items: center;
	gap: 275px;
}

footer .footer-wrapper .footer-bottom .footer-policy > a {
	font-size: 13px;
	text-decoration: underline;
}

footer .footer-wrapper .footer-bottom .footer-policy > span {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
}

footer .footer-wrapper .footer-bottom .footer-policy > span img {
	width: 12px;
	height: 12px;
}

/* 404 */

.error404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 0 20px;
}

.error404 h1 {
	font-size: 150px;
	line-height: normal;
	padding-bottom: 20px;
	border-bottom: 1px solid;
}

.error404 span {
	font-size: 24px;
}

.error404 p {
	text-align: center;
}

/* Section: Banner */

.banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 50px;
}

.banner,
.banner * {
	color: #fff;
	position: relative;
}

.banner .breadcrumbs {
	color: #969696;
	margin-bottom: 15px;
}

.banner .breadcrumbs > a {
	--c1: #969696;
	--c2: #969696;
	transition: opacity .3s;
}

.banner .breadcrumbs,
.banner .breadcrumbs * {
	font-weight: 500;
}

.banner::after {
	content: '';
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}

.banner .banner-wrapper {
	position: relative;
	padding: 20px 0 80px;
	z-index: 1;
}

.banner .banner-wrapper .content {
	width: 50%;
}

.banner .banner-wrapper .content,
.banner .banner-wrapper .content * {
	font-weight: 300;
}

.banner .banner-wrapper .button {
	margin-top: 30px;
}

/* Section: Banner-slider */

.banner-slider {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}

.banner-slider * {
	color: #fff;
}

.banner-slider .banner-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 110px 0;
}

.banner-slider .banner-slide::after {
	content: '';
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.banner-slider .banner-slide h1,
.banner-slider .banner-slide h2 {
	max-width: 75%;
	margin-bottom: 5px;
}

.banner-slider .banner-slide .content {
	max-width: 40%;
}

.banner-slider .banner-slide .button {
	margin-top: 60px;
}

/* Section: About */

.about {
	position: relative;
	padding: 100px 0;
	margin: 0;
}

.about .about-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 35px;
}

.about .about-wrapper > div > h2 {
	margin: 15px 0;	
}

.about .about-wrapper > div > img {
	width: 550px;
	user-select: none;
	pointer-events: none;
}

.about .decorations img {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	bottom: -160px;
	z-index: -1;
}

/* Section: Advantages */

.advantages {
	background: var(--gradient);
	padding: 30px 0;
}

.advantages .advantages-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.advantages .advantages-wrapper > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.advantages .advantages-wrapper > div > img {
	width: 44px;
	height: 44px;
}

.advantages .advantages-wrapper > div > p {
	color: #fff;
	font-weight: 300;
	line-height: 160%;
	max-width: 255px;
}

/* Section: Industries */

.industries {
	padding: 20px 0 70px;
	background: var(--gradient);
	position: relative;
}

.industries * {
	color: #fff;
}

.industries h2 {
	text-align: center;
	margin-bottom: 50px;
}

.industries .industries-wrapper {
	display: grid;
	gap: 50px 100px;
}

.industries .industries-wrapper > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: relative;
}

.industries .industries-wrapper > div > img {
	width: 84px;
	height: 84px;
}

.industries .industries-wrapper > div:nth-child(-n+3) {
	padding-bottom: 50px;
}

.industries .industries-wrapper > div:nth-child(-n+3)::after {
	content: '';
	display: block;
	background: #fff;
	position: absolute;
	width: 56px;
	height: 1px;
	opacity: 0.5;
	bottom: 0;
}

.industries .industries-wrapper > div > span {
	font-size: 20px;
	text-align: center;
}

.industries .decorations > img {
	position: absolute;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/* Section: Callback */

.callback-section > .wrapper {
	position: relative;
}

.callback-section > .wrapper form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #fbfbfbcc;
	background-image: url(./assets/svg/waves.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	padding: 30px 65px 50px;
}

.callback-section > .wrapper form > h2 {
	margin-bottom: 5px;
}

.callback-section > .wrapper form > p {
	font-size: 20px;
	text-align: center;
	margin-bottom: 45px;
}

.callback-section > .wrapper form .callback-inputs-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	margin-bottom: 10px;
}

.callback-section > .wrapper form .callback-inputs-wrapper > input {
	background: #fff;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 44px;
	outline: none;
	padding: 10px 20px;
}

.callback-section > .wrapper form .callback-inputs-wrapper > input::placeholder {
	font-size: 14px;
	line-height: 160%;
	color: #b1b1b1;
}

.callback-section > .wrapper form .callback-inputs-wrapper > button {
	min-width: 220px;
	height: 44px;
}

.callback-section > .wrapper form .callback-policy-wrapper {
	width: 100%;
	margin-left: 15px;
}

.callback-section > .wrapper form .callback-policy-wrapper > label {
	display: flex;
	align-items: center;
	gap: 5px;
}

.callback-section > .wrapper form .callback-policy-wrapper > label > input {
	border: 1px solid #b0b0b0;
	border-radius: 2px;
	width: 12px;
	height: 12px;
	outline: none;
}

.callback-section > .wrapper form .callback-policy-wrapper > label > p,
.callback-section > .wrapper form .callback-policy-wrapper > label > p > a {
	font-size: 13px;
	color: #b0b0b0;
}

.callback-section > .wrapper form .callback-policy-wrapper > label > p > a {
	text-decoration: underline;
	background-image: unset;
	background-clip: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}

.callback-section > .wrapper .decorations > img {
	position: absolute;
	object-fit: cover;
	width: 190px;
	height: 380px;
	top: calc(-50% + 80px);
	left: -65px;
	z-index: -1;
}

/* Archive */

.archive-heading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-bottom: 30px;
}

.archive-heading > h2 {
	margin: 0;
}

.archive-heading > a {
	--c1: var(--purple);
	--c2: var(--violet);
	display: block;
	background-image: linear-gradient(to right, var(--c1), var(--c2));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 13px;
	text-transform: lowercase;
	position: relative;
	padding: 5px 10px;
}

.archive-heading > a::after {
	--c1: var(--purple);
	--c2: var(--violet);
	content: '';
	background-image: linear-gradient(to right, var(--c1), var(--c2));
	border-radius: 20px;
	position: absolute;
	transition: --c1 .3s, --c2 .3s;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	top: -2px;
	left: -2px;
	z-index: -2;
}

.archive-heading > a::before {
	content: '';
	background: #fff;
	border-radius: 20px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.archive-wrapper {
	display: grid;
	gap: 20px;
}

.archive-wrapper > .archive-item {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	min-height: 260px;
	transition: all .3s;
}

.archive-wrapper > .archive-item > .archive-item-top {
	position: relative;
	transition: all .3s;
	background-image: unset;
	background-clip: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}

.archive-wrapper > .archive-item > .archive-item-top::after {
	content: '';
	background: var(--gradient);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: absolute;
	transition: all .3s;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 2;
}

.archive-wrapper > .archive-item > .archive-item-top > img {
	object-fit: cover;
	position: relative;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 260px;
	z-index: 1;
}

.archive-wrapper > .archive-item > .archive-item-top > .archive-item-info {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: absolute;
	width: calc(100% - 50px);
	height: calc(100% - 60px);
	transition: all .3s;
	visibility: hidden;
	opacity: 0;
	top: 30px;
	left: 25px;
	z-index: 3;
}

.archive-wrapper > .archive-item > .archive-item-top > .archive-item-info > span {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.archive-wrapper > .archive-item > .archive-item-top > .archive-item-info > .content,
.archive-wrapper > .archive-item > .archive-item-top > .archive-item-info > .content * {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}

.archive-wrapper > .archive-item > .archive-item-bottom {
	position: relative;
	margin: 0 auto;
	padding: 10px 10px;
	width: 100%;
	min-height: 75px;
}

.archive-wrapper > .archive-item > .archive-item-bottom > span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	text-align: center;
	height: 100%;
}

.archive-wrapper > .archive-item > .archive-item-bottom > span > img {
	display: none;
	width: 36px;
	height: 36px;
}

.archive-wrapper > .archive-item > .archive-item-bottom > a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	position: absolute;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 1;
}

.archive-wrapper > .archive-item > .archive-item-bottom > a > img {
	width: 36px;
	height: 36px;
}

.archive-wrapper + .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px auto;
}

.archive-wrapper + .pagination > h2 {
	display: none;
}

.archive-wrapper + .pagination > div {
	display: flex;
	gap: 5px;
}

.archive-wrapper + .pagination > div > span,
.archive-wrapper + .pagination > div > a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 5px;
	width: 24px;
	height: 24px;
}

.archive-wrapper + .pagination > div .current {
	color: #fff;
	background: var(--gradient);
}

/* Solutions */

.solutions > div > h2 {
	margin-bottom: 20px;
}

/* Systems */

.systems h2 {
	text-align: center;
	margin-bottom: 20px;
}

.systems.single h2 {
	text-align: left;
}

.systems .systems-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 30px;
}

.systems.archive .systems-tabs,
.systems.single .systems-tabs {
	justify-content: flex-start;
}

.systems .systems-tabs > button {
	font-size: 20px;
	background: none;
	position: relative;
	border: 0;
}

.systems .systems-tabs > button::after {
	content: '';
	background: var(--purple);
	position: absolute;
	transition: width .3s;
	width: 0;
	height: 2px;
	left: 0;
	bottom: -2px;
}

.systems .systems-tabs > button.active::after {
	width: 100%;
}

.systems .systems-content > .system {
	display: none;
	gap: 50px;
}

.systems .systems-content > .system.active {
	display: grid!important;
}

.systems .systems-content > .system > .system-content {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.systems .systems-content > .system > .system-content > a {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	width: fit-content;
}

.systems .systems-content > .system > .system-content > .content {
	margin-bottom: 10px;
}

.systems .systems-content > .system > .system-content > .content,
.systems .systems-content > .system > .system-content > .content * {
	color: #9d9d9d;
}

.systems .systems-content > .system > .system-content > .system-advantages {
	display: grid;
	gap: 30px 50px;
}

.systems .systems-content > .system > .system-content > .system-advantages > span {
	display: flex;
	align-items: center;
	gap: 5px;
	background-image: var(--gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.systems .systems-content > .system > .system-content > .system-advantages > span > img {
	width: 24px;
	height: 24px
}

.systems .systems-content > .system > .system-image > img {
	border-radius: 5px;
	object-fit: cover;
	min-height: 400px;
	cursor: pointer;
}

/* Projects */

.projects > div > h2 {
	margin-bottom: 20px;
}

.projects .projects-wrapper .projects-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 30px;
}

.projects.archive .projects-wrapper .projects-tabs {
	justify-content: flex-start;
}

.projects .projects-wrapper .projects-tabs > button {
	font-size: 20px;
	background: none;
	position: relative;
	border: 0;
}

.projects .projects-wrapper .projects-tabs > button::after {
	content: '';
	background: var(--purple);
	position: absolute;
	transition: width .3s;
	width: 0;
	height: 2px;
	left: 0;
	bottom: -2px;
}

.projects .projects-wrapper .projects-tabs > button.active::after {
	width: 100%;
}

.projects .projects-content .projects-archive {
	display: none;
}

.projects .projects-content .projects-archive.active {
	display: grid!important;
}

.projects .projects-content .projects-archive .project .archive-item-top::after {
	background: rgba(0, 0, 0, 0.5);
}

.projects .projects-content .projects-archive .project .archive-item-top > .archive-item-info {
	align-items: center;
	justify-content: center;
}

.projects .projects-content .projects-archive .project .archive-item-top > .archive-item-info > span {
	font-weight: 300;
}

.projects .projects-content .projects-archive .project .archive-item-bottom::before {
	content: '';
	background: var(--gradient);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .3s;
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: -1;
}

.projects .projects-content .projects-archive .project .archive-item-bottom > a {
	color: #fff;
	background-image: unset;
	background-clip: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}

.projects .projects-content .projects-archive .project .archive-item-bottom > a > img {
	filter: brightness(0) invert(1);
}

/* Contacts */

.contacts .contacts-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 25px;
}

.contacts .contacts-wrapper > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.contacts .contacts-wrapper > div > span {
	font-weight: 700;
	background: var(--gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.contacts .contacts-wrapper > div > address {
	font-style: normal;
}

.contacts .contacts-wrapper > div > a > img {
	width: 24px;
	height: 24px;
}

.contacts .contacts-map-wrapper iframe {
	height: 600px;
}

/* Certificates */

.sertificates img {
	object-fit: contain;
	height: 395px;
	cursor: pointer;
}

/* Vacancy */ 

.vacancy {
	margin-bottom: 50px;
}

.vacancy .vacancy-wrapper {
	display: grid;
	gap: 50px;
}

.vacancy .vacancy-wrapper > .vacancy-left h1 {
	margin-bottom: 5px;
}

.vacancy .vacancy-wrapper > .vacancy-left > span {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 25px;
}

.vacancy .vacancy-wrapper > .vacancy-left b {
	font-size: 20px;
	font-weight: 700;
	background-image: var(--gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
}

.vacancy .vacancy-wrapper > .vacancy-left p {
	font-size: 20px;
	font-weight: 400;
	white-space: nowrap;
}

.vacancy .vacancy-wrapper > .vacancy-left > div {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.vacancy .vacancy-wrapper > .vacancy-left > div > div {
	display: flex;
	justify-content: space-between;
}

.vacancy .vacancy-wrapper > .vacancy-left > div > div > span {
	width: 100%;
	border-bottom: 1px dashed var(--purple);
}

.vacancy .vacancy-wrapper > .vacancy-left .button {
	margin-top: 30px;
}

.vacancy .vacancy-wrapper > .vacancy-right > img {
	border-radius: 5px;
	object-fit: cover;
	height: 370px;
}

/* Hover */

@media (hover: hover) {

	/* Main */

	.content a:hover {
		--c2: var(--purple);
	}

	.button:hover::after {
		opacity: 0;
	}

	/* Links in main & header */

	header a,
	main a {
		transition: --c1 .3s, --c2 .3s;
		background-image: linear-gradient(to right, var(--c1), var(--c2));
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-decoration: none;
		cursor: pointer;
	}

	header a:hover,
	main a:hover {
		--c1: var(--purple);
		--c2: var(--violet);
	}

	/* Header */

	header .header-wrapper .header-right .header-socials > a:hover img {
		opacity: var(--opacity-hover);
	}

	header .header-wrapper .header-right .header-phone:hover img {
		opacity: var(--opacity-hover);
	}

	/* Header desktop menu */

	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children:hover > a {
		--c1: var(--purple);
		--c2: var(--violet);
	}

	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children:hover > a::before {
		display: block;
	}

	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children:hover > a::after {
		rotate: 180deg;
	}

	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children:hover > .sub-menu {
		animation: fadeIn .3s;
		display: block;
	}

	/* Footer */

	footer a:hover {
		opacity: var(--opacity-hover);
	}

	/* Section: Banner */

	.banner .breadcrumbs > a:hover {
		opacity: 0.8;
	}

	/* Archive */

	.archive-heading > a:hover {
		--c2: var(--purple);
	}
	
	.archive-heading > a:hover::after {
		--c2: var(--purple);
	}
	
	.archive-wrapper > .archive-item:hover {
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.07);
	}

	.archive-wrapper > .archive-item:hover > .archive-item-top::after {
		visibility: visible;
		opacity: 0.85;
	}

	.archive-wrapper > .archive-item:hover > .archive-item-top > .archive-item-info {
		visibility: visible;
		opacity: 1;
	}

	.archive-wrapper > .archive-item:hover > .archive-item-bottom > span {
		visibility: hidden;
		opacity: 0;
	}

	.archive-wrapper > .archive-item:hover > .archive-item-bottom > a {
		transition: --c1 .3s, --c2 .3s, opacity .5s;
		height: 100%;
		visibility: visible;
		opacity: 1;
	}

	/* Projects */

	.projects .projects-archive .project:hover .archive-item-bottom::before {
		visibility: visible;
		opacity: 1;
	}
}

/* No hover */

@media (hover: none) {

	/* Main */

	.content a,
	ul li > a {
		position: relative;
		outline: none;
	}

	.content a {
		text-decoration: underline;
	}

	/* .content a::after,
	ul li > a::after {
		content: '';
		background: #333;
		position: absolute;
		width: 0%;
		height: 1px;
		transition: width .3s;
		bottom: 0;
		left: 0;
	} */

	.content a:active::after,
	.content a:target::after,
	.content a:focus::after,
	ul li > a:active::after,
	ul li > a:target::after,
	ul li > a:focus::after {
		width: 100%;
	}

	.button:active::after,
	.button:target::after,
	.button:focus::after {
		opacity: 0;
	}

	/* Footer */

	footer ul li > a::after {
		background: #fff;
	}
}

/* Adaptive */

@media (min-width: 1024px) {

	/* Header desktop menu */

	header #mobileMenu {
		display: none;
	}

	header .header-wrapper #mobileMenuButton {
		display: none;
	}

	header .header-wrapper .header-left .header-menu ul {
		display: flex;
		align-items: center;
		gap: 25px;
		list-style: none;
	}
	
	header .header-wrapper .header-left .header-menu > div > ul > li > a {
		font-size: 14px;
		text-transform: uppercase;
	}

	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children > a {
		display: flex;
		align-items: center;
		gap: 3px;
		position: relative;
		z-index: 1;
	}

	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children > a::before {
		content: '';
		display: none;
		position: absolute;
		width: 400%;
		height: 80px;
		cursor: auto;
		top: 15px;
		left: -150%;
		z-index: -1;
	}
	
	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children > a::after {
		content: '';
		background: var(--arrow);
		position: relative;
		width: 12px;
		height: 7px;
		transition: all .3s;
	}
	
	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children > .sub-menu {
		animation: fadeOut .3s;
		display: none;
		position: absolute;
		background: #fff;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 7px 7px 6px 5px rgba(0, 0, 0, 0.03);
		width: 100%;
		padding: 20px;
		top: calc(100% + 20px);
		left: 0;
		z-index: 9;
	}

	header .header-wrapper .header-left .header-menu > div > ul > li.menu-item-has-children > .sub-menu > li:not(:last-child) {
		margin-bottom: 15px;
	}
}

@media (max-width: 1180px) {

	/* Main */

	table {
		display: block;
		overflow: auto;
	}

	/* Header */

	header .header-wrapper .header-left {
		gap: 30px;
	}

	header .header-wrapper .header-left .header-menu ul {
		gap: 15px;
	}

	header .header-wrapper {
		gap: 20px;
	}

	header .header-wrapper .header-right {
		flex-direction: column-reverse;
		gap: 10px;
	}

	/* Contacts */

	.contacts .contacts-wrapper {
		flex-direction: column;
		align-items: unset;
	}
	
	.contacts .contacts-map-wrapper iframe {
		height: 300px;
	}
}

@media (max-width: 1024px) {

	/* Header */

	header .header-wrapper .header-left .header-logo > .desktop-logo {
		display: none;
	}

	header .header-wrapper .header-left .header-logo .mobile-logo {
		display: block;
	}

	/* Main */

	section {
		margin-bottom: 40px;
	}

	.content, 
	.content *:not(h1, h2, h3, h4, h5, h6) {
		line-height: 180%;
	}

	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.columns-8,
	.columns-9 {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Header mobile menu */

	header #mobileMenu {
		display: flex;
		flex-direction: column;
		gap: 20px;
		background: #fff;
		position: fixed;
		transform: translateX(-300%);
		transition: all .5s;
		visibility: hidden;
		opacity: 0;
		overflow-y: auto;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 20;
	}
	
	header #mobileMenu.active {
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
	}

	header #mobileMenu > .mobile-menu-wrapper {
		padding: 0;
	}

	header #mobileMenu > div > ul {
		display: flex;
		flex-direction: column;
		gap: 0;
		background: #fff;
	}

	header #mobileMenu > div > ul > li:not(:last-child) {
		margin: 0;
	}

	header #mobileMenu > div .mobile-menu-heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #eee;
		padding: 20px;
	}

	header #mobileMenu > div .mobile-menu-heading > span {
		font-size: 24px;
		font-weight: 700;
	}
	
	header #mobileMenu > div .mobile-menu-heading img {
		width: 24px;
		height: 24px;
	}

	header #mobileMenu > div > div ul {
		list-style: none;
	}

	header #mobileMenu > div > div > ul > li {
		border-bottom: 1px solid #eee;
	}

	header #mobileMenu > div > div > ul li.menu-item-has-children {
		position: relative;
	}

	header #mobileMenu > div > div > ul li.menu-item-has-children::after {
		content: '';
		display: block;
		position: absolute;
		background: var(--arrow);
		background-size: cover;
		width: 12px;
		height: 6px;
		rotate: 90deg;
		transition: all .3s;
		top: 28px;
		right: 20px;
	}

	header #mobileMenu > div > div > ul li.menu-item-has-children.active::after {
		rotate: 0deg;
	}

	header #mobileMenu > div > div > ul li.menu-item-has-children.active > a {
		font-weight: 700;
	}

	header #mobileMenu > div > div > ul > li .sub-menu {
		display: none;
	}

	header #mobileMenu > div > div > ul > li > a {
		display: block;
		width: fit-content;
		padding: 20px;
	}
	header #mobileMenu > div > div > ul > li > ul a {
		display: block;
		width: fit-content;
		padding: 0 20px 20px;
	}

	header #mobileMenu div > div > ul > li > ul > li > a {
		padding: 20px;
	}

	header #mobileMenu .mobile-menu-contacts {
		display: flex;
		flex-direction: column;
		gap: 15px;
		padding: 20px;
	}

	header #mobileMenu .mobile-menu-contacts img {
		width: 24px;
		height: 24px;
	}

	header #mobileMenu .mobile-menu-contacts > div address {
		font-style: normal;
	}

	header #mobileMenu .mobile-menu-contacts > div,
	header #mobileMenu .mobile-menu-contacts > a {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	/* Header */

	header .header-wrapper .header-left {
		flex-direction: row-reverse;
		gap: 50px;
	}

	header .header-wrapper .header-right {
		justify-content: flex-end;
		width: 100%;
	}

	header .header-wrapper .header-left .header-logo img {
		width: 120px;
	}

	header .header-wrapper #mobileMenuButton {
		display: flex;
		flex-direction: column;
		gap: 3px;
		background: none;
		border: 0;
		outline: none;
	}

	header .header-wrapper #mobileMenuButton > span {
		display: block;
		background: var(--gradient);
		width: 24px;
		height: 3px;
		border-radius: 2px;
		transition: all .3s;
	}

	header .header-wrapper #mobileMenuButton > span:first-child {
		width: 24px;
	}

	header .header-wrapper #mobileMenuButton > span:nth-child(2) {
		width: 18px;
	}

	header .header-wrapper #mobileMenuButton > span:last-child {
		width: 12px;
	}

	header .header-wrapper #mobileMenuButton.active > span {
		width: 24px;
	}

	/* Header */
	
	header .header-wrapper .header-right {
		flex-direction: row;
	}

	header .header-wrapper .header-left > .header-menu {
		display: none;
	}

	/* Footer */

	footer .footer-wrapper .footer-middle .footer-menu > div > ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	footer .footer-wrapper .footer-top .footer-right .footer-address {
		display: none;
	}
	
	footer .footer-wrapper .footer-bottom .footer-policy {
		gap: 50px;
	}

	/* Section: About */

	.about {
		padding: 0 0 50px;
	}

	.about .about-wrapper {
		flex-direction: column;
		align-items: center;
	}

	/* Section: Advantages */

	.advantages .advantages-wrapper {
		flex-wrap: wrap;
		align-items: unset;
		justify-content: center;
		gap: 50px 100px;
	}

	.advantages .advantages-wrapper > div > p {
		font-size: 14px;
	}

	/* Section: Callback */

	.callback-section > .wrapper form .callback-inputs-wrapper {
		flex-direction: column;
	}
	
	.callback-section > .wrapper form .callback-inputs-wrapper > input {
		width: 75%;
	}

	.callback-section > .wrapper form .callback-policy-wrapper > label {
		justify-content: center;
	}

	.callback-section > .wrapper .decorations > img {
		top: 0;	
	}

	/* Section: Industries */

	.industries .industries-wrapper {
		gap: 25px 50px;
	}

	/* Archive */

	.archive-wrapper > .archive-item > .archive-item-top::after {
		background: rgba(0, 0, 0, 0.5);
	}

	.archive-wrapper > .archive-item.active > .archive-item-top::after,
	.archive-wrapper > .archive-item.active > .archive-item-top > .archive-item-info {
		overflow: hidden;
		visibility: visible;
		opacity: 1;
	}

	.archive-wrapper > .archive-item > .archive-item-top > .archive-item-info > .content, 
	.archive-wrapper > .archive-item > .archive-item-top > .archive-item-info > .content * {
		font-size: 13px;	
	}

	.archive-wrapper > .archive-item > .archive-item-bottom > span > img {
		display: block;
	}
	
	.archive-wrapper > .archive-item.active > .archive-item-bottom > span {
		visibility: hidden;
		opacity: 0;
	}

	.archive-wrapper > .archive-item.active > .archive-item-bottom > a {
		visibility: visible;
		opacity: 1;
	}

	/* Archive */

	.archive-wrapper > .archive-item > .archive-item-bottom > a {
		visibility: visible;
		opacity: 0;
	}

	.archive-wrapper > .archive-item > .archive-item-bottom > span {
		visibility: visible;
		opacity: 1;
	}

	/* Projects */

	.projects .projects-content .projects-archive .project .archive-item-top > .archive-item-info {
		display: none;
	}

	.projects .projects-content .projects-archive .project .archive-item-top::after,
	.projects .projects-content .projects-archive .project .archive-item-bottom::before {
		content: unset;
		visibility: hidden;
		opacity: 0;
	}

	.projects .archive-wrapper > .archive-item > .archive-item-bottom > a {
		color: #fff;
		visibility: visible;
		opacity: 0;
	}

	/* Systems */

	.systems .systems-tabs {
		flex-wrap: nowrap;
		justify-content: unset;
		gap: 30px 40px;
		overflow-x: auto;
		padding-bottom: 20px;
	}

	.systems .systems-tabs > button {
		white-space: nowrap;
	}

	.systems .systems-content > .system {
		gap: 25px;
	}

	/* Projects */

	.projects .projects-wrapper .projects-tabs {
		gap: 30px 40px;
	}
	
	.projects .projects-wrapper .projects-tabs {
		flex-wrap: nowrap;
		justify-content: unset;
		gap: 30px 40px;
		overflow-x: auto;
		padding-bottom: 20px;
	}

	.projects .projects-wrapper .projects-tabs > button {
		white-space: nowrap;
	}

	/* Header mobile menu */
}

@media (max-width: 768px) {

	/* Main */

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		font-size: 18px;
	}

	h5, h6 {
		font-size: 16px;
	}

	.slider-controls > div .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}

	.columns-3,
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.columns-8,
	.columns-9 {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Footer */

	footer .footer-wrapper .footer-middle .footer-menu > div > ul {
		grid-template-columns: repeat(2, 1fr);
	}

	footer .footer-wrapper .footer-middle .footer-menu > div > ul > li > ul > li:nth-child(n+4) {
		display: none;
	}

	/* footer .footer-wrapper .footer-middle .footer-menu > div > ul > li > ul::after {
		content: '...';
	} */

	/* Section: Banner */

	.banner .banner-wrapper .content {
		width: 100%;
	}

	/* Section: Banner-slider */

	.banner-slider .banner-slide {
		padding: 110px 0 110px;
	}
	
	.banner-slider .banner-slide h1, 
	.banner-slider .banner-slide h2,
	.banner-slider .banner-slide .content {
		max-width: unset;
		width: 100%;
	}

	.banner-slider .banner-slide h1 {
		font-size: 24px;
	}
	
	.banner-slider .banner-slide h2 {
		font-size: 20px;
	}

	/* Section: Industries */

	.industries .industries-wrapper > div:nth-child(-n+4)::after {
		content: '';
		display: block;
		background: #fff;
		position: absolute;
		width: 56px;
		height: 1px;
		opacity: 0.5;
		bottom: 0;
	}

	/* Section: Callback */

	.callback-section > .wrapper form {
		padding: 15px 15px 25px;
	}

	.callback-section > .wrapper form > h2 {
		font-size: 24px;
		text-align: center;
	}

	.callback-section > .wrapper form > p {
		font-size: 16px;
	}

	/* System */

	.systems .systems-content > .system.active {
		display: flex!important;
		flex-direction: column;
	}

	.systems .systems-content > .system > .system-image > img {
		object-position: center;
		min-height: unset;
		height: 350px;
	}

	.systems .systems-content > .system > .system-content > .system-advantages {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	/* Vacancy */

	.vacancy .vacancy-wrapper {
		grid-template-columns: 1fr;
	}

	.vacancy .vacancy-wrapper > .vacancy-left h1 {
		margin-bottom: 20px;
	}
}

@media (max-width: 600px) {

	/* Main */

	.archive-heading {
		flex-direction: column;
	}

	.columns-2,
	.columns-3,
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.columns-8,
	.columns-9 {
		grid-template-columns: repeat(1, 1fr);
	}

	/* Header */

	header .header-wrapper {
		gap: 20px;
	}

	header .header-wrapper .header-left {
		gap: 30px;
	}

	header .header-wrapper .header-left .header-logo img {
		width: 120px;
	}

	/* Footer */

	footer .footer-wrapper .footer-top .footer-left {
		display: none;
	}

	footer .footer-wrapper .footer-top .footer-right {
		justify-content: space-between;
		width: 100%;
	}

	/* Section: About */

	.about .about-wrapper > div > img {
		width: 300px;
	}

	/* Section: Industries */

	.industries .industries-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.industries .industries-wrapper > div {
		justify-content: unset;
	}

	/* Contacts */

	.contacts .contacts-wrapper > div > address,
	.contacts .contacts-wrapper > div > a {
		font-size: 14px;
	}

	/* Projects */

	.projects .projects-wrapper .projects-tabs > button {
		font-size: 16px;
	}

	/* Systems */

	.systems .systems-tabs > button {
		font-size: 16px;
	}

	/* Vacancy */

	.vacancy .vacancy-wrapper > .vacancy-left > span {
		align-items: unset;
	}

	.vacancy .vacancy-wrapper > .vacancy-left > span,
	.vacancy .vacancy-wrapper > .vacancy-left > div > div {
		flex-direction: column;
	}

	.vacancy .vacancy-wrapper > .vacancy-left > div > div > span {
		display: none;
	}

	.vacancy .vacancy-wrapper > .vacancy-right > img {
		height: auto;
	}

	/* 404 */

	.error404 h1 {
		font-size: 115px;
	}
}

@media (max-width: 500px) {

	/* Main */

	.breadcrumbs > a, 
	.breadcrumbs > span {
		font-size: 13px;
	}

	/* Header */

	header .header-wrapper .header-left .header-logo img {
		width: 100px;
	}

	header .header-wrapper .header-right > div {
		gap: 10px;
	}

	header .header-wrapper .header-right .header-phone {
		background: none;
		padding: 0;
	}

	header .header-wrapper .header-right .header-phone span {
		display: none;
	}

	/* Footer */

	footer .footer-wrapper .footer-top .footer-right {
		justify-content: unset;
		gap: 20px;
	}

	footer .footer-wrapper .footer-top .footer-right .footer-socials {
		gap: 20px;
	}

	footer .footer-wrapper .footer-top .footer-right .footer-phone {
		margin-left: auto;
	}

	footer .footer-wrapper .footer-top .footer-right .footer-phone > span {
		font-size: 14px;
	}

	footer .footer-wrapper .footer-top .footer-right .footer-email > span {
		display: none;
	}

	footer .footer-wrapper .footer-middle .footer-menu > div > ul {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	footer .footer-wrapper .footer-middle .footer-menu > div > ul > li > a {
		font-size: 16px;
	}

	footer .footer-wrapper .footer-middle .footer-menu > div > ul > li > ul li a {
		font-size: 14px;
	}

	footer .footer-wrapper .footer-bottom .footer-policy {
		gap: 20px;
	}

	/* Section: Callback */

	.callback-section > .wrapper form > p {
		margin-bottom: 20px;
	}

	.callback-section > .wrapper form .callback-inputs-wrapper > input,
	.callback-section > .wrapper form .callback-inputs-wrapper > button {
		width: 100%;
	}

	/* Section: Industries */

	.industries h2 {
		margin-bottom: 30px;
	}

	.industries .industries-wrapper {
		gap: 15px 20px;
	}

	.industries .industries-wrapper > div:nth-child(-n+4) {
		padding-bottom: 20px;
	}

	.industries .industries-wrapper > div > img {
		width: 36px;
		height: 36px;
	}

	.industries .industries-wrapper > div > span {
		font-size: 13px;
	}
}