/**
Theme Name: ActiveVaim
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: activevaim
Template: astra
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--primary: #291a40;
	--secondary: #592449;
	--light-gray: #f6f6f6;
	--black: #000000;
	--white: #ffffff;
	--accent: #fcb65a;
	--light-blue: #eefbff;
	--gray: #ececec;
	--blue: #00ade6;
	--light-blue: #eefbff;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* html {
	scroll-behavior: smooth;
} */

body {
	font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--black);
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: unset;
}

input {
	outline: none;
	border: none;
}

input:focus {
	outline: none;
}

p {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 50px;
	line-height: 58px;
	font-weight: bold;
	color: var(---black);
}

h2 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 600;
	color: var(--primary);
}

h3 {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	color: var(--black);
}

h4 {
	font-size: 26px;
	line-height: 54px;
	font-weight: 500;
	color: var(---black);
}

ul,
ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

button,
.button,
.button-white {
	outline: none;
	border: none;
	cursor: pointer;
	min-width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	border-radius: 24px;
	background-color: #fff;
	color: var(--black);
	border: 1px solid transparent;
	transition: all 0.5s ease-in-out;
}

button:focus,
.button:focus,
button:hover,
.button:hover {
	outline: none;
	box-shadow: none;
	background-color: var(--primary);
	color: var(--white);
}

.button-white-violet {
    background-color: #fff;
    color: var(--black);
    border: 1px solid transparent;
}

.button-white-violet:hover {
    background-color: var(--primary);
    color: var(--white);
}

.button-white-border {
    background-color: #fff;
    color: var(--primary);
    border: 1px solid var(--primary);
}

.button-white-border:hover {
    background-color: var(--primary);
    color: var(--white);
}


.button-white:hover {
	color: var(--black);
	background-color: var(--accent);
	border-color: var(--accent);
}

.button-orange {
	background-color: var(--accent);
}

.button-orange:hover {
	background-color: var(--white);
	border-color: var(--white);
	color: var(--black);
}

.button-primary {
	background-color: var(--primary);
	color: var(--white);
}

.button-primary:hover {
	background-color: var(--accent);
	color: var(--black);
}

.heading-wrapper {
	overflow: hidden;
}

.heading-wrapper h1,
.heading-wrapper h2,
.heading-wrapper h3,
.heading-wrapper h4,
.heading-wrapper h5,
.heading-wrapper h6 {
	transform: translateY(110%);
	transition: all 1s ease-in-out;
}

.heading-wrapper.visible h1,
.heading-wrapper.visible h2,
.heading-wrapper.visible h3,
.heading-wrapper.visible h4,
.heading-wrapper.visible h5,
.heading-wrapper.visible h6 {
	transform: translateY(0);
	transition: all 1s ease-in-out;
}

.heading-wrapper p,
.heading-wrapper a {
	opacity: 0;
	transform: translateY(110%);
	transition: all 0.5s ease-in-out;
}

.heading-wrapper.visible p,
.heading-wrapper.visible a {
	opacity: 1;
	transform: translateY(0);
	transition: transform 1s ease-in-out, opacity 1.5s ease-in-out;
}

.cmplz-links.cmplz-information {
    display: none !important;
}
/* h1,
h2,
h3,
h4,
h5,
h6 {
	transform: translateY(110%);
	overflow: hidden;

	transition: transform 1s;
}

h1.visible,
h2.visible,
h3.visible,
h4.visible,
h5.visible,
h6.visible {
	transform: translateY(0);
}

a,
p {
	opacity: 0;
	transform: translateY(110%);
	transition: all 1s ease-in-out;
}

a.visible,
p.visible {
	opacity: 1;
	transform: translateY(0);
} */

.site-content {
    position: relative;
    overflow: hidden;
}


.container {
	max-width: 1330px;
    width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	min-height: 100%;
}

/*@media (min-width: 1510px) {*/
/*	.container {*/
/*		width: 1440px;*/
/*	}*/
/*}*/

/*@media (max-width: 1440px) {*/
/*	.container {*/
/*		width: 1300px;*/
/*	}*/
/*}*/

/*@media (max-width: 1400px) {*/
/*	.container {*/
/*		width: 1210px;*/
/*	}*/
/*}*/

/*@media (max-width: 1340px) {*/
/*	.container {*/
/*		width: 1140px;*/
/*	}*/
/*}*/

/*@media (max-width: 1140px) {*/
/*	.container {*/
/*		width: 991px;*/
/*	}*/
/*}*/

@media (max-width: 991px) {
	.container {
		width: 100%;
		padding: 0 40px;
	}
}

@media (max-width: 768px) {
	.container {
		width: 100%;
		padding: 0 35px;
	}
}

@media (max-width: 576px) {
	.container {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 390px) {
	.container {
		width: 100%;
		/*padding: 0 25px !important;*/
	}
}

@media (min-width: 922px) {
	.ast-container {
		max-width: 1210px;
	}
}

@media (min-width: 1400px) {
	.ast-container {
		max-width: 1300px;
	}
}

@media (min-width: 1441px) {
    .footer .center-section .left {
        width: 83%;
    }
}

@media (min-width: 1510px) {
	.ast-container {
		width: 1440px;
		max-width: 1440px;
	}
}

.ast-container,
.ast-container-fluid {
	padding: 0;
}

.site-content .ast-container {
	all: unset;
	padding: 0;
	margin: 0;
	max-width: 100%;
	min-width: 100%;
}

/* Header */
.s-search {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--primary);
}

.s-search a {
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
}

.s-search a:before {
	position: absolute;
	content: url('https://activeviam.testua.xyz/wp-content/uploads/2024/06/Icon-feather-search.svg');
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ast-above-header.ast-above-header-bar {
	background-color: var(--gray);
}

.ast-builder-grid-row.ast-grid-center-col-layout {
	grid-template-columns: 250px auto 1fr;
}

header a.menu-link,
.ast-builder-menu-2 .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item:hover > .menu-link,
.ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle,
.ast-builder-menu-1 .menu-item > .menu-link {
	color: var(--black);
	font-weight: 500 !important;
}

.menu-item {
	position: relative;
}

/*.menu-item:before {*/
/*	position: absolute;*/
/*	content: '';*/
/*	width: 0%;*/
/*	height: 2px;*/
/*	background-color: var(--primary);*/
/*	transition: all 0.5s ease-in-out;*/
/*	bottom: 15px;*/
/*	left: 0;*/
/*}*/

/*.menu-item:hover::before {*/
/*	width: 95%;*/
/*}*/


.menu-item-has-children .menu-item:before {
	display: none;
}

#ast-hf-menu-2 .menu-item::before {
	bottom: 5px;
}

.ast-header-button-1[data-section*='section-hb-button-']
	.ast-builder-button-wrap
	.ast-custom-button,
.button-default {
	color: var(--black);
	background-color: transparent;
	min-width: 200px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 24px;
	border: 1px solid var(--primary);
	transition: all 0.5s ease-in-out;
}

#masthead {
	z-index: 999 !important;
	width: 100%;
	position: fixed;
}

.ast-header-button-1[data-section*='section-hb-button-']
	.ast-builder-button-wrap
	.ast-custom-button:hover,
.button-default:hover {
	color: var(--white);
	background-color: var(--primary);
}

.ast-search-menu-icon.slide-search .search-form {
	opacity: 1;
	visibility: visible;
	border: none;
	outline: none;
	background-color: transparent;
	box-shadow: none;
	right: 0;
}

.ast-search-menu-icon.slide-search .search-form label {
	width: 242px;
	height: 38px;
	border-radius: 18px;
	border: 1px solid #d4d4d4;
}

#search-field {
	width: 100%;
	height: 100%;
	outline: hidden;
	color: var(--black);
}

#search-field:focus,
#search-field:focus-within,
#search-field:focus-visible {
	outline: none;
	border: none;
}

#search-field::placeholder {
	color: var(--black);
}

.ast-search-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary);
	border-radius: 50%;
	width: 28px;
	height: 28px;
	margin-right: 4px;
}

.ast-search-icon .ast-icon {
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ast-icon svg {
	fill: #fff;
}
.ast-icon.icon-search svg {
	margin: 0;
}

.ast-mobile-header-wrap .ast-above-header-bar,
.ast-above-header-bar .site-above-header-wrap {
	min-height: 63px;
}

.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap {
	min-height: 90px;
}

.ast-primary-header-bar {
	bottom: none;
	outline: none;
}

@media (min-width: 922px) {
	.ast-primary-header-bar {
		border-bottom-width: 0px;
		border-bottom-color: unset;
		border-bottom-style: solid;
	}
}

.main-header-menu .menu-item-has-children,
#menu-item-50 {
	position: relative;
}

.main-header-menu .menu-item-has-children::after,
#menu-item-50::after {
	position: absolute;
	content: url('/wp-content/uploads/2024/05/header-drop.svg');
	top: 55%;
	transform: translateY(-50%) rotate(180deg);
	right: 13px;
}

.main-header-menu .menu-item-has-children:hover::after,
#menu-item-50:hover::after {
	transform: translateY(-50%) rotate(0deg);
	top: 50%;
}

.main-header-menu .menu-item-has-children .sub-menu,
#menu-item-50 .sub-menu {
	box-shadow: none;
	border: none;
	outline: none;
	padding: 0 20px;
	width: 253px;
}
.main-header-menu .menu-item-has-children .sub-menu a,
#menu-item-50 .sub-menu a {
	font-size: 16px;
	line-height: 32px;
	padding: 0;
	margin: 3px 0px;
	font-weight: 500;
	position: relative;
}

.main-header-menu .menu-item-has-children .sub-menu a::after,
#menu-item-50 .sub-menu a::after {
	position: absolute;
	content: url('/wp-content/uploads/2024/05/header-drop.svg');
	transform: rotate(90deg) translateY(-50%);
	right: 10px;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.main-header-menu .menu-item-has-children .sub-menu a:hover,
#menu-item-50 .sub-menu a:hover {
	text-decoration: underline;
}

.main-header-menu .menu-item-has-children .sub-menu a:hover::after,
#menu-item-50 .sub-menu a:hover::after {
	opacity: 1;
}

.main-header-menu .menu-item-has-children .sub-menu #menu-item-360 a,
.main-header-menu .menu-item-has-children .sub-menu #menu-item-361 a,
#menu-item-50 .sub-menu #menu-item-360 a,
#menu-item-50 .sub-menu #menu-item-361 a {
	font-size: 18px;
	line-height: 24px;
	color: #2a1a40;
	margin-bottom: 12px;
	font-weight: 600;
	cursor: default;
}

.main-header-menu .menu-item-has-children .sub-menu #menu-item-361 a::after,
.main-header-menu .menu-item-has-children .sub-menu #menu-item-360 a::after,
#menu-item-50 .sub-menu #menu-item-361 a::after,
#menu-item-50 .sub-menu #menu-item-360 a::after {
	display: none;
}

.main-header-menu .menu-item-has-children .sub-menu #menu-item-360 a:hover,
.main-header-menu .menu-item-has-children .sub-menu #menu-item-361 a:hover,
#menu-item-50 .sub-menu #menu-item-360 a:hover,
#menu-item-50 .sub-menu #menu-item-361 a:hover {
	text-decoration: none;
}

.main-header-menu .menu-item-has-children .sub-menu #menu-item-361 a,
#menu-item-50 .sub-menu #menu-item-361 a {
	margin-top: 12px;
}

#menu-item-361 {
	border-top: 1px solid #d4d4d4;
}

.ast-builder-menu-2 .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-2
	.inline-on-mobile
	.menu-item.current-menu-item
	> .ast-menu-toggle,
.ast-builder-menu-2 .current-menu-ancestor > .menu-link {
	color: var(---black) !important;
}

.menu-item.current-menu-item::before {
	width: 98%;
}

.ast-builder-menu-1
	.main-header-menu
	> .menu-item
	> .sub-menu
	.current-menu-item {
	color: var(--black) !important;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-1
	.inline-on-mobile
	.menu-item.current-menu-item
	> .ast-menu-toggle,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link {
	color: var(---black);
}

.ast-builder-menu-2 .menu-item:hover > .menu-link,
.ast-builder-menu-2 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
	color: var(--black) !important;
}

#ast-hf-mobile-menu .current-menu-item a {
	color: var(--white) !important;
}
#ast-hf-mobile-menu .current-menu-item:hover a {
	color: var(--accent) !important;
}

/* Footer */

.footer {
	background-color: #f6f6f6;
	padding-top: 23px;
	padding-bottom: 27px;
}


.footer .container {
    max-width: 1630px;
}


.footer .top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 17px;
}

.logo-footer {
    padding-top: 9px;
}

.footer .top .content-text {
	max-width: 334px;
    display: flex;
    justify-content: space-between;
}

.footer .top .content-text p {
    width: calc(100% - 85px);
    padding-top: 4px;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
}

.footer .divider {
	width: 100%;
}

.footer .center-section {
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
}

.footer .center-section .left,
.footer .center-section .right {
	display: flex;
}

.footer .center-section .right {
	flex-direction: column;
}

.footer .center-section .left {
	gap: 60px;
}

.footer .center-section .left .menu-box h5 {
	margin-bottom: 14px;
    font-size: 16px;
    font-weight: 500;
	color: var(--primary);
}

.footer .center-section .left .menu-box .menu {
	display: flex;
	flex-direction: column;
}

.footer .center-section .left .menu-box .menu li a {
    font-weight: 500;
    font-size: 14px;
}

.footer .center-section .right .links_title {
    font-weight: 500;
    font-size: 16px;
    color: #000;
}
.footer .center-section .right .links,
.footer .center-section .right .links .icons {
	display: flex;
	align-items: center;
}
.footer .back-to-top {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 35px;
	height: 35px;
    margin-top: 9px;
	background-color: var(--primary);
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.footer .back-to-top:hover {
	background-color: var(--white);
	border-color: var(--primary);
}

.footer .back-to-top:hover svg path {
	stroke: var(--primary);
}

.footer .menu-item::before {
	display: none;
}

.footer .menu-item:hover {
	text-decoration: underline;
}

.footer .center-section .right .links .icons {
	gap: 9px;
}

.footer .center-section .right .links .icons a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #2a1a40;
    transition: 0.3s all;
}

.footer .center-section .right .links .icons a:hover {
    background: #2a1a40;
}

.footer .center-section .right .links .icons svg {
    max-width: 18px;
    height: auto;
}

.footer .center-section .right .links .icons a svg path {
    transition: 0.3s all;
}

.footer .center-section .right .links .icons a:hover svg path {
    fill: var(--white);
}

.footer
	.center-section
	.right
	.links
	.icons
	a:hover
	svg
	g
	path[data-name='Icon awesome-youtube'] {
	fill: white;
}

.footer
	.center-section
	.right
	.links
	.icons
	a:hover
	svg
	g
	path[data-name='Icon awesome-linkedin'] {
	fill: white;
}

.footer
	.center-section
	.right
	.links
	.icons
	a:hover
	svg
	g
	path#Icon_awesome-youtube {
	stroke: none;
	fill: var(--white);
}
.footer
	.center-section
	.right
	.links
	.icons
	a:hover
	svg
	g
	path#Icon_awesome-linkedin {
	stroke: none;
	fill: var(--white);
}

.footer .center-section .right .links {
	gap: 25px;
    padding-bottom: 93px;
}

.footer .center-section .right .cerf {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto 0 0 auto;
	gap: 10px;
}

.footer .center-section .right .cerf .icon {
	max-width: 50px;
	max-height: 50px;
}

.footer .bottom {
	margin-top: 15px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.footer .bottom .copywrite {
    font-size: 12px;
	text-align: left;
}
.footer .bottom .privacy {
    font-size: 12px;
	text-align: center;
}
.footer .bottom .privacy a:hover {
	text-decoration: underline;
}
.footer .bottom .credits {
    font-size: 12px;
	text-align: right;
}
.footer .bottom .credits a:hover {
	text-decoration: underline;
}

/* Request template */
.s-request .wrapper {
	min-height: 570px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.s-request .wrapper h2 {
	max-width: 692px;
	margin: 0 auto;
	font-weight: 600;
	font-size: 50px;
	line-height: 64px;
	text-align: center;
	color: var(--white);
	margin-bottom: 32px;
}

.s-request .wrapper p {
	color: var(--white);
	max-width: 388px;
	margin: 0 auto;
	margin-bottom: 44px;
	text-align: center;
}

/* Newsletter template */

.newsletter {
	min-height: 403px;
	padding-top: 89px;
	padding-bottom: 79px;
}

.newsletter .wrapper {
	min-height: 100%;
	display: flex;
	justify-content: space-between;
	column-gap: 110px;
}

.newsletter .wrapper .left,
.newsletter .wrapper .right {
	width: 50%;
}

.newsletter .wrapper .left h3 {
	margin-bottom: 8px;
}
.newsletter .wrapper .left h2 {
	max-width: 550px;
}
.newsletter .wrapper .right p {
	max-width: 433px;
	margin-bottom: 47px;
}

/* Home page */

.hero-section {
	min-height: 602px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hero-section h1 {
	color: var(--white);
	max-width: 714px;
	text-align: center;
	margin: 0 auto;
}

.hero-section h1 span {
	color: var(--accent);
}

.hero-section .button-orange:hover {
	background-color: var(--white);
	color: var(--black);
}

.hero-section p {
	color: var(--white);
	max-width: 376px;
	text-align: center;
	margin: 0 auto;
	display: block;
	margin-top: 24px;
}

.hero-section .buttons {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin-top: 24px;
}

.s-solutions {
	min-height: 671px;
	overflow: hidden;
}

.s-solutions .wrapper {
	display: flex;
	min-height: 671px;
}

.s-solutions .wrapper .left,
.s-solutions .wrapper .right {
	width: 50%;
	min-height: 100%;
}

/* .s-solutions .wrapper .right {
	min-height: 807px;
} */

.s-solutions .wrapper .left {
	background-color: #fff;
	padding-left: calc((100% - 1440px) / 2);
    /*padding-left: calc((100% - 1440px) / 1.2);*/
    padding-top: 58px;
	position: relative;
	padding-bottom: 20px;
}

.s-solutions .wrapper .left h3 {
	display: block;
	margin-bottom: 11px;
}
.s-solutions .wrapper .left h2 {
	display: block;
	margin-bottom: 7px;
}

.s-solutions .wrapper .left .left-slider {
	min-height: 271px;
	/*max-height: 470px;*/
	overflow: hidden;
	margin-top: 80px;
}

.s-solutions .wrapper .left .left-slider .box {
	width: 460px;
	margin-left: 60px;
}
.s-solutions .wrapper .left .left-slider .box .icon {
    max-width: 60px;
	margin-bottom: 18px;
}
.s-solutions .wrapper .left .left-slider .box h2 {
	margin-bottom: 24px;
}

.s-solutions .wrapper .right {
	background-color: #fff;
}

.divider {
	width: 460px;
	height: 1px;
	background-color: var(--primary);
}

.s-solutions .wrapper .left .left-slider .box p {
	display: block;
	margin-top: 24px;
}

.s-solutions .wrapper .right {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.s-solutions .wrapper .right .block,
.s-solutions .wrapper .right .block img {
	width: 100%;
	height: 807px;
}

.s-solutions .wrapper .right .block img {
	width: 100%;
	object-fit: cover;
}

.s-solutions .wrapper .right .swiper {
	height: 807px;
}

/* Slider BUllets */

.swiper-pagination-bullet {
	width: 11px !important;
	height: 11px !important;
	background-color: transparent !important;
	border: 1px solid var(--primary) !important;
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	background-color: var(--primary) !important;
}

.swiper-vertical > .swiper-pagination-bullets {
	top: auto;
	right: 25px;
    bottom: 0;
}



.s-logotypes {
	padding: 42px 0;
}

.s-logotypes h2 {
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 962px;
}

.s-logotypes .logos {
	margin-top: 47px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 72px;
    grid-column-gap: 110px;
}

.s-logotypes .logos-mob {
	display: none;
}

.s-logotypes .logos .logo {
	position: relative;
	width: 100%;
	cursor: initial;
	max-width: 310px;
	height: 106px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.s-logotypes .logos .logo img {
	width: 100%;
	object-fit: contain;
	height: 70px;
}

.s-logotypes .logos .logo.linking {
	cursor: pointer;
}

.s-logotypes .logos .logo::after {
	position: absolute;
	content: '';
	width: 1px;
	height: 106px;
	top: 0;
	right: -30px;
	background-color: #cecece;
}

.s-logotypes .logos .logo:last-child::after {
	display: none;
}

.s-logotypes .divider {
	width: 100%;
	background-color: var(--blue);
}

.s-secret {
	padding: 72px 0 33px;
	min-height: 793px;
	background: url('inc/img/bg_secret.jpg') bottom right;
    background-size: cover;
}

.s-secret .headline {
    max-width: 1268px;
    margin: 0 auto;
}

.s-secret .secret-slider-mob {
	display: none;
}

.s-secret .wrapper {
	min-height: 100%;
}

.s-secret .heading-wrapper {
    max-width: 1326px;
    margin: 0 auto;
    padding: 0 15px;
}

.s-secret h2 {
	padding-left: calc((100% - 1440px) / 2);
}

.s-secret h3 {
	margin-bottom: 11px;
	padding-left: calc((100% - 1440px) / 2);
}

.secret-slider {
	margin-top: 59px;
	width: 100%;
	height: 604px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	overflow: hidden;
}

.secret-slider .single-tab {
	width: 100%;
	height: 260px;
	overflow: visible;
	position: relative;
	cursor: pointer;
}

.secret-slider .single-tab.active_tab {
    z-index: 10;
}

.secret-slider .single-tab .box {
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: visible;
}

.secret-slider .single-tab::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	background-color: #00ace9;
}

.secret-slider .single-tab .box .icon {
	position: relative;
	z-index: 2;
	min-width: 132px;
	min-height: 132px;
    border-radius: 50%;
	background-color: #fff;
}

.secret-slider .single-tab .box.active .icon {
    min-width: 150px;
    min-height: 150px;
}

.secret-slider .single-tab .box .icon svg {
	max-width: 52px;
	max-height: 52px;
    width: 100%;
    height: 100%;
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.secret-slider .single-tab .box.active .icon svg {

}

.secret-slider .single-tab .box .tab {
    position: absolute;
    content: '';
    width: 490px;
    height: 286px;
    padding: 28px 22px 25px 26px;
    background-color: #fff;
    right: 70%;
    bottom: 100%;
    opacity: 0;
    border-radius: 8px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.09);
    transition: opacity 0.3s ease-in-out;
    z-index: 4;
}

.secret-slider .single-tab:nth-child(2) .box .tab,
.secret-slider .single-tab:nth-child(3) .box .tab {
    height: 320px;
}

.secret-slider .single-tab:nth-child(4) .box .tab {
    height: 348px;
}

.secret-slider .single-tab:nth-child(5) .box .tab {
    height: 230px;
    margin-bottom: 50px;
}

.secret-slider .single-tab:nth-child(5) .box .tab .line {
    height: 310px;
    bottom: -80px;
}

.secret-slider .single-tab:nth-child(6) .box .tab {
    height: 360px;
}

.secret-slider .single-tab:nth-child(6) .box .tab .line {
    height: 404px;
}

/*.secret-slider .single-tab .box .tab:before {*/
/*	width: 100%;*/
/*	position: absolute;*/
/*	content: '';*/
/*	inset: 0;*/
/*	height: 100%;*/
/*	background-color: var(--primary);*/
/*}*/

/*.secret-slider .single-tab .box.active .tab:before {*/
/*	width: 0%;*/
/*	transition: all 1s ease-in-out;*/
/*}*/

.secret-slider .single-tab .box.active .tab {
	opacity: 1;
}

.secret-slider .single-tab .box .tab .content {
    height: 100%;
    padding: 0 10px;
    overflow-y: auto;
    overflow-x: hidden;
    display: inline-block;
}

.secret-slider .single-tab .box .tab .content::-webkit-scrollbar {
    width: 5px;
}


.secret-slider .single-tab .box .tab .content::-webkit-scrollbar-thumb {
    background: #2A1A40;
}

.secret-slider .single-tab .box .tab .content::-webkit-scrollbar-track {
    background: #d5d5d5;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background-clip: padding-box;
}

.secret-slider .single-tab .box .tab h4 {
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 18px;
}

.secret-slider .single-tab .box .tab p {
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	/*-webkit-line-clamp: 7;*/
	/*overflow: hidden;*/
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.secret-slider .single-tab .box .tab .line {
	height: 311px;
	background-color: transparent;
	right: -9.5%;
    bottom: -30px;
	width: 3px;
	position: absolute;
	content: '';
}

.secret-slider .single-tab .box .tab .line:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 0%;
	background-color: #2A1A40;
	bottom: 0;
}

.secret-slider .single-tab .box.active .tab .line:before {
	height: 100%;
	transition: all 0.3s ease-in-out;
}


.secret-slider .single-tab:nth-child(1) .box .tab {
	left: 65%;
}

.secret-slider .single-tab:nth-child(1) .box .tab .line {
	left: -35px;
	right: unset;
}

.secret-slider .single-tab:nth-child(2) .box .tab {
	left: 65%;
}

.secret-slider .single-tab:nth-child(2) .box .tab .line {
	left: -35px;
	right: unset;
    height: 345px;
}

.secret-slider .single-tab:nth-child(3) .box .tab .line {
    height: 345px;
}

.secret-slider .single-tab:nth-child(4) .box .tab .line {
    height: 382px;
}

.active-bg {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 153px;
    height: 153px;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.3s all;
    z-index: 2;
}

.secret-slider .single-tab .box.active .active-bg {
    opacity: 1;
}

.secret-slider .single-tab .box:not(.active) .active-circle {
    position: absolute;
    content: '';
    border: 1px solid #b4afbc;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.secret-slider .single-tab .box:not(.active) .active-circle:nth-child(1) {
    width: 100px;
    height: 100px;
    animation: pulse 3s infinite 0.5s;
}

.secret-slider .single-tab .box:not(.active) .active-circle:nth-child(2) {
    width: 116px;
    height: 116px;
    opacity: 0.3;
    animation: pulse 3s infinite 1s;
}

.secret-slider .single-tab .box:not(.active) .active-circle:nth-child(3) {
    width: 132px;
    height: 132px;
    opacity: 0.5;
    animation: pulse 3s infinite 1.5s;
}

.secret-slider .single-tab .box.active .active-circle {
	position: absolute;
	content: '';
	width: 120px;
	height: 120px;
	border: 1px solid #2A1A40;
	border-radius: 50%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.secret-slider .single-tab .box.active .active-circle:nth-child(1) {
	width: 120px;
	height: 120px;
	opacity: 1;
	z-index: 3;
	animation: pulse 2s infinite;
}

.secret-slider .single-tab .box.active .active-circle:nth-child(2) {
	width: 135px;
	height: 135px;
	opacity: 0.3;
	z-index: 3;
	animation: pulse 2s infinite 0.5s;
}

.secret-slider .single-tab .box.active .active-circle:nth-child(3) {
	width: 150px;
	height: 150px;
	opacity: 0.5;
	z-index: 3;
	animation: pulse 2s infinite 1s;
}

.secret-slider .single-tab .box .content-text,
.secret-slider .single-tab .box .content-text ~ p {
	opacity: 0;
	transform: translate(40px, 0px);
	transition: none;
	transition-delay: 0s;
}

.secret-slider .single-tab .box .content-text.text-active,
.secret-slider .single-tab .box .content-text.text-active ~ p {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0s;
	transition: all 0.3s ease-in-out;
}

@keyframes pulse {
	0% {
		transform: scale(0.8), translate(-50%, -50%);
		opacity: 0.3;
	}
	50% {
		transform: scale(1), translate(-50%, -50%);
		opacity: 1;
	}
	100% {
		transform: scale(0.8), translate(-50%, -50%);
		opacity: 0.3;
	}
}

.testimonials {
	/*min-height: 563px;*/
	padding-top: 108px;
}

.testimonials .wrapper .left-section h3 {
	margin-bottom: 8px;
	text-align: center;
}

.testimonials .wrapper .left-section h2 {
	max-width: 601px;
	text-align: center;
	margin: 0 auto;
}

.testimonials .wrapper .left-section .slider-controller,
.news .control-panel,
.news-mob .control-panel {
	margin-top: 113px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.testimonials .wrapper .left-section .slider-controller {
    margin-top: 64px;
}

.testimonials .wrapper .left-section .slider-controller .buttons,
.news .control-panel .buttons,
.news-mob .control-panel .buttons {
	width: 118px;
	height: 28px;
	display: flex;
	gap: 4px;
	position: relative;
}

.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-prev-custom,
.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-next-custom,
.news .control-panel .swiper-button-prev-custom,
.news .control-panel .swiper-button-next-custom,
.news-mob .control-panel .swiper-button-prev-custom,
.news-mob .control-panel .swiper-button-next-custom,
.s-partners .swiper-button-prev-custom,
.s-partners .swiper-button-next-custom {
	width: 57px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--primary);
	border-radius: 14px;
    transition: 0.3s all;
}

.s-partners .swiper-button-prev-custom:hover,
.s-partners .swiper-button-next-custom:hover {
    background: #fff !important;
}

.s-partners .swiper-button-prev-custom:hover path,
.s-partners .swiper-button-next-custom:hover path {
    stroke: var(--primary);
}

.s-partners .swiper-button-prev-custom.swiper-button-disabled,
.s-partners .swiper-button-next-custom.swiper-button-disabled {
    opacity: 0.7;
    pointer-events: none;
}

.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-next-custom
	svg,
.news .control-panel .swiper-button-next-custom svg,
.s-partners .swiper-button-next-custom svg,
.news-mob .control-panel .swiper-button-next-custom svg {
	transform: rotate(180deg);
}
.testimonials
	.wrapper
	.left-section
	.slider-controller
	.progress-bar
	.swiper-pagination-progressbar {
	width: 100% !important;
	top: 50%;
	transform: translateY(-50%);
	height: 2px;
}

.testimonials
	.swiper-pagination-progressbar
	.swiper-pagination-progressbar-fill,
.news .control-panel .swiper-pagination-progressbar-fill,
.news-mob .control-panel .swiper-pagination-progressbar-fill {
	background: var(--primary) !important;
}

.testimonials .wrapper .slider-controller .counter {
	margin-top: -30px;
}

.testimonials .wrapper .right-section .box {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.testimonials .wrapper .right-section .box .logo {
    max-width: 163px;
    width: 100%;
    height: 32px;
    margin: 0 auto 77px;
}

.testimonials .wrapper .right-section .box .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.testimonials .wrapper .right-section .box .position {
	/*max-width: 196px;*/
    width: 100%;
	margin: 0 auto;
}
.testimonials .wrapper .right-section .box .position h5 {
	line-height: 22px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	margin: 0 auto;
}

.testimonials
	.swiper-pagination-progressbar
	.swiper-pagination-progressbar-fill {
	transform: translate3d(0px, 0px, 0px) scaleX(1) scaleY(1) !important;
	width: 220px !important;
	height: 5px !important;
	top: -2px !important;
	margin-left: 42% !important;
}

.testimonials .progress-bar {
	position: absolute;
	width: calc(100% - 82px);
	content: '';
	top: 81px;
    left: 41px;
}

.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-prev-custom,
.news .control-panel .swiper-button-prev-custom,
.news .control-panel .swiper-button-next-custom,
.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-next-custom,
.s-partners .swiper-button-prev-custom,
.s-partners .swiper-button-next-custom,
.news-mob .control-panel .swiper-button-prev-custom,
.news-mob .control-panel .swiper-button-next-custom {
	background-color: var(--primary) !important;
	cursor: pointer;
}
.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-prev-custom
	svg
	path,
.news .control-panel .swiper-button-prev-custom svg path,
.news .control-panel .swiper-button-next-custom svg path,
.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-next-custom
	svg
	path,
.s-partners .swiper-button-prev-custom svg path,
.s-partners .swiper-button-next-custom svg path,
.news-mob .control-panel .swiper-button-prev-custom svg path,
.news-mob .control-panel .swiper-button-next-custom svg path {
	stroke: var(--white);
}

.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-prev-custom.swiper-button-disabled,
.news .control-panel .swiper-button-next-custom.swiper-button-disabled,
.news .control-panel .swiper-button-prev-custom.swiper-button-disabled,
.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-next-custom.swiper-button-disabled,
.news-mob .control-panel .swiper-button-prev-custom.swiper-button-disabled,
.news-mob .control-panel .swiper-button-next-custom.swiper-button-disabled {
	background-color: transparent !important;
	cursor: not-allowed;
}

.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-prev-custom.swiper-button-disabled
	svg
	path,
.news .control-panel .swiper-button-prev-custom.swiper-button-disabled svg path,
.news .control-panel .swiper-button-next-custom.swiper-button-disabled svg path,
.testimonials
	.wrapper
	.left-section
	.slider-controller
	.buttons
	.swiper-button-next-custom.swiper-button-disabled
	svg
	path,
.news-mob
	.control-panel
	.swiper-button-prev-custom.swiper-button-disabled
	svg
	path,
.news-mob
	.control-panel
	.swiper-button-next-custom.swiper-button-disabled
	svg
	path {
	stroke: var(--primary);
}

.testimonials .divider {
	width: 100%;
	margin: 50px auto 0;
	background-color: #676767;
}

.testimonials .swiper-slide {
	filter: grayscale(100%);
	transition: filter 0.5s ease-in-out, opacity 0.5s ease-in-out;
	cursor: pointer;
	opacity: 0.3;
}

.testimonials .swiper-slide-active {
	filter: grayscale(0%);
	opacity: 1;
}

.news {
	padding-top: 86px;
	padding-bottom: 83px;
}

.news-mob {
	display: none;
}

.news .wrapper .box {
	display: flex;
}

.news .wrapper .box .left .img a {
	width: 750px;
	height: 458px;
	display: block;
	border-radius: 8px;
}

.news .wrapper .box .left .img a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.news .wrapper .box .right {
	padding-left: 93px;
	padding-top: 34px;
}

.news .wrapper .box .right h3 {
	font-size: 16px;
	line-height: 25px;
	color: var(--black);
}

.news .wrapper .box .right h4 {
	max-width: 431px;
	margin-top: 8px;
	margin-bottom: 27px;
	font-size: 28px;
	line-height: 36px;
	font-weight: 600;
}
.news .wrapper .box .right .btns {
	display: flex;
}

.news .wrapper .swiper-slide {
	opacity: 0 !important;
	transition: all 0.5s ease-in-out;
}

.news .wrapper .swiper-slide-visible {
	opacity: 1 !important;
	transition: all 0.5s ease-in-out;
}

.news .control-panel {
	width: calc((100% - 853px));
	margin-left: auto;
	margin-top: -15px;
    z-index: 2;
}
.news .control-panel .swiper-pagination-progressbar {
	width: calc((100% - 131px));
	top: 50%;
	transform: translateY(-50%);
}

.news .control-panel .counter {
	margin-top: -35px;
}

.page-template-partners .banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1300px;
    width: calc(100% - 30px);
    height: 1px;
    margin: 0 auto;
    background: #DADADA;
}

.s-request {
	min-height: 570px;
}

.s-serve {
	position: relative;
}

.s-serve .left-svg {
	position: absolute;
	content: '';
	left: -38%;
	top: -202px;
}

.s-serve .right-svg {
	position: absolute;
	content: '';
	right: -9%;
	top: -200px;
	transform: scale(0.9);
	z-index: -1;
}

.s-serve .wrapper {
	min-height: 733px;
}
.part-s.s-serve {
    min-height: unset;
    padding: 40px 0 0;
}

.s-serve .wrapper {
    padding-top: 170px;
	padding-left: 90px;
	padding-right: 74px;
	position: relative;
	z-index: 2;
}

.s-serve .wrapper h3 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 11px;
}

.s-serve .wrapper h2 {
	text-align: center;
}

.s-serve .wrapper .content {
	opacity: 0;
	transition: all 1s ease-in-out;
}

.s-serve .wrapper .tab.active .content {
	opacity: 1;
	transition: all 1s ease-in-out;
}

.s-serve .wrapper .serve-slider .image img,
.b-solution .wrapper .tabs .left .image img {
	position: absolute;
	top: 0;
}

.s-serve .wrapper .serve-slider .tab.active,
.s-serve .wrapper .serve-slider .image.active,
.b-solution .wrapper .tabs .right .content-block .tab.active,
.b-solution .wrapper .tabs .left .image.active {
	opacity: 1;
	z-index: 4;
}

/* .s-serve .wrapper .serve-slider .tab.active::before,
.b-solution .wrapper .tabs .right .content-block .tab.active::before {
	animation: removeWidth 1s ease-in-out;
	animation-fill-mode: forwards;
} */

.s-serve .wrapper .serve-slider .left-section,
.s-serve .wrapper .serve-slider .right-section,
.b-solution .wrapper .tabs .left,
.b-solution .wrapper .tabs .right {
	width: 50%;
}

.s-serve .wrapper .serve-slider .image img,
.b-solution .wrapper .tabs .left .image img {
	border-radius: 8px;
	z-index: 2;
}

.s-serve .wrapper .serve-slider .image {
	width: 550px;
	height: 460px;
	opacity: 0;
	transition: all 1s ease-in-out;
}

.s-serve .wrapper .serve-slider .tab.active .image {
	opacity: 1;
}

.s-serve .wrapper .serve-slider .image::after,
.b-solution .wrapper .tabs .left .image::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--accent);
	bottom: -15px;
	right: -16px;
	border-radius: 8px;
}

/* .s-serve .wrapper .serve-slider .image:before,
.b-solution .wrapper .tabs .left .image:before {
	position: absolute;
	content: '';
	width: 120%;
	height: 110%;
	background-color: var(--primary);
	right: -20px;
	top: 0;
	z-index: 3;
}

.s-serve .wrapper .serve-slider .image.active:before,
.b-solution .wrapper .tabs .left .image.active:before {
	animation: removeWidth 1s ease-in-out;
	animation-fill-mode: forwards;
} */

.s-serve .wrapper .serve-slider .titles {
	margin-bottom: 38px;
}

.s-serve .wrapper .serve-slider .titles .title,
.b-solution .wrapper .tabs .title {
	font-size: 26px;
	font-weight: medium;
	line-height: 54px;
	opacity: 0.37;
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.s-serve .wrapper .serve-slider .titles .title.active,
.b-solution .wrapper .tabs .title.active {
	opacity: 1;
}

.s-serve .wrapper .serve-slider .titles .title.active::after,
.b-solution .wrapper .tabs .title.active::after {
	position: absolute;
	content: '';
	width: 100%;
	bottom: 0;
	left: 0;
	height: 3px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.37);
}

/* .s-serve .wrapper .serve-slider .titles .title.active::before,
.b-solution .wrapper .tabs .title.active::before {
	position: absolute;
	content: '';
	width: 0%;
	bottom: 0;
	left: 0;
	height: 3px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 1);
	animation: titleSlide 5s ease-in-out; 
} */

.s-serve .wrapper .serve-slider .titles .title.active .title-before,
.b-solution .wrapper .tabs .title.active .title-before {
	position: absolute;
	content: '';
	width: 0%;
	bottom: 0;
	left: 0;
	height: 3px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 1);
	/* animation: titleSlide 5s ease-in-out; */
}

/* @keyframes titleSlide {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
} */

@keyframes removeWidth {
	0% {
		width: 120%;
	}
	100% {
		width: 0%;
	}
}

/* Error page */

.error-page,
.error-page .wrapper {
	min-height: 657px;
}

.error-page .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.error-page .wrapper h1 {
	color: var(--white);
	margin-bottom: 8px;
}

.error-page .wrapper h4 {
	color: var(--white);
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 26 px;
}

.error-page .wrapper p {
	color: var(--white);
	max-width: 388px;
	text-align: center;
	margin: 0 auto;
	margin-top: 26px;
	margin-bottom: 42px;
}

.error-page .wrapper .img {
	height: 185px;
}

.error-page .wrapper .img img {
	object-fit: cover;
	height: 100%;
}

.error-page .wrapper .btn-wrap {
	margin-top: 26px;
}

/* About us page */

.a-hero {
	min-height: 520px;
	padding-top: 48px;
}

.a-hero .wrapper {
	min-height: 100%;
	padding-top: 51px;
	display: flex;
	justify-content: space-between;
}

.a-hero .wrapper .left {
	width: 47%;
}
.a-hero .wrapper .right {
	width: 53%;
}

.breadcrumbs {
    text-transform: uppercase;
}

.breadcrumbs .home {
	color: #948c9f;
}

.breadcrumbs .post-page {
	color: #2a1a40;
	opacity: 0.36;
	text-transform: uppercase;
}

.breadcrumbs .current-item {
	color: var(--primary);
	opacity: 1;
	text-transform: uppercase;
}

.s-dev-com {
    color: #fff;
}

.s-dev-com  .breadcrumbs,
.s-dev-com  .breadcrumbs .current-item {
    color: #fff;
}
.a-hero .wrapper .left p {
	max-width: 319px;
	color: var(--white);
}

.a-hero .wrapper .right .divider {
	width: 100%;
	height: 1px;
	background-color: var(--white);
	margin-bottom: 19px;
}

.a-hero .wrapper .right h1 {
	color: var(--white);
}

.a-hero .wrapper .right .btns {
	margin-top: 40px;
	display: flex;
}

.story {
	position: relative;
	overflow: hidden;
}

.story .right-svg {
	position: absolute;
	content: '';
	top: 0;
	right: -225px;
	transform: scale(0.8);
}

.story .wrapper {
	position: relative;
	z-index: 2;
	padding-top: 66px;
	padding-bottom: 60px;
	min-height: 100%;
}

.story .wrapper .top {
	display: flex;
	justify-content: space-between;
}

.story .wrapper .top .heading-wrapper {
	height: auto;
}

.story .wrapper .content {
	display: flex;
	gap: 44px;
	width: 53%;
}

.story .wrapper .content p {
	display: block;
	max-width: 330px;
}

.story .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.story .embed-container iframe,
.story .embed-container object,
.story .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.story .wrapper .bottom .image {
	width: 100%;
}

.story .wrapper .bottom .image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.guides .wrapper {
	min-height: 100%;
}

.guides .wrapper .box {
	margin-top: 64px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
}

.guides .wrapper .box .item {
	position: relative;
    transition: 0.3s all;
}

.guides .wrapper .box .item:hover{
    transform: translateY(-20px);
}

.guides .wrapper .box .item::after {
	position: absolute;
	content: '';
	height: 110%;
	width: 1px;
	background-color: #dcdcdc;
	left: -37px;
	top: 0;
}

.guides .wrapper .box .item:first-child::after {
	display: none;
}

.guides .wrapper .box .icon {
	margin-bottom: 46px;
}

.guides .wrapper .box .content {
	max-width: 403px;
}

.guides .divider {
	width: 100%;
	background-color: var(--blue);
	margin-top: 89px;
}

.team {
    padding: 59px 0 0;
}

.lead-team-mobile {
	display: none;
}

.team .wrapper-grid {
	padding-bottom: 74px;
}

.team .wrapper .top-section {
	margin-bottom: 54px;
}

.team .wrapper .slider-team,
.members .wrapper .slider-team {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: minmax(407px, auto);
	grid-auto-rows: minmax(407px, auto);
	gap: 20px;
	align-items: stretch;
}

.team .wrapper .slider-team .box,
.members .wrapper .slider-team .box,
.leader-team-mob .box,
.member-mob .box,
.leader-wrap .box,
.team-wrap .box {
	min-height: 100%;
	padding: 20px 20px 20px 20px;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	/* filter: drop-shadow(0px 20px 30px rgba(42, 26, 64, 0.15)); */
	position: relative;
	background-color: var(--white);
}

.team .wrapper .slider-team .image,
.members .wrapper .slider-team .image,
.leader-team-mob .image,
.member-mob .image,
.leader-wrap .image,
.team-wrap .image {
	height: 265px;
	border: 1px solid #d4d4d4;
	border-radius: 8px;
}

.team .wrapper .slider-team .image img,
.members .wrapper .slider-team .image img,
.leader-team-mob .image img,
.member-mob .image img,
.leader-wrap .image img,
.team-wrap .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.team .wrapper .slider-team .box::after,
.members .wrapper .slider-team .box::after,
.leader-team-mob .box::after,
.member-mob .box::after,
.leader-wrap .box::after,
.team-wrap .box::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 0px 0px 4px 4px;
	background-color: var(--primary);
}

.team .wrapper .slider-team .box:hover::after {
	background-color: var(--accent);
}

.team .wrapper .slider-team .box .info,
.members .wrapper .slider-team .box .info,
.leader-team-mob .box .info,
.member-mob .box .info,
.leader-wrap .box .info,
.team-wrap .box .info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 22px;
}

.team .wrapper .slider-team .box .info .text {
    width: calc(100% - 55px);
}

.team .wrapper .slider-team .box .info .text h4,
.members .wrapper .slider-team .box .info .text h4,
.leader-team-mob .box .info .text h4,
.member-mob .box .info .text h4,
.leader-wrap .box .info .text h4,
.team-wrap .box .info .text h4 {
	font-size: 22px;
	line-height: 26px;
}

.team .wrapper .slider-team .box .info .text h6,
.members .wrapper .slider-team .box .info .text h6,
.leader-team-mob .box .info .text h6,
.member-mob .box .info .text h6,
.leader-wrap .box .info .text h6,
.team-wrap .box .info .text h6 {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
}

.team .wrapper .slider-team .box .info .text h4,
.members .wrapper .slider-team .box .info .text h4,
.leader-team-mob .box .info .text h4,
.member-mob .box .info .text h4,
.leader-wrap .box .info .text h4,
.team-wrap .box .info .text h4 {
	font-size: 22px;
	line-height: 26px;
}

.team .wrapper .slider-team .box .info .linked,
.members .wrapper .slider-team .box .info .linked,
.leader-team-mob .box .info .linked,
.member-mob .box .info .linked,
.leader-wrap .box .info .linked,
.team-wrap .box .info .linked {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: var(--accent);
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .team .wrapper .slider-team,
.members .wrapper .slider-team {
	position: relative;
} */

.team .wrapper .slider-team .nav-btns .swiper-button-prev-custom,
.members .wrapper .slider-team .nav-btns .swiper-button-prev-custom {
	display: block;
	position: absolute;
	left: 0px;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.team .wrapper .slider-team .nav-btns .swiper-button-next-custom,
.members .wrapper .slider-team .nav-btns .swiper-button-next-custom {
	display: block;
	position: absolute;
	right: 0px;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.team .wrapper .slider-team .nav-btns .swiper-button-disabled,
.members .wrapper .slider-team .nav-btns .swiper-button-disabled {
	cursor: not-allowed;
}

.team .wrapper-grid {
	position: relative;
}

.team .wrapper-grid .top-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.team .wrapper-grid .top-section .tabs-wrapper {
	min-width: 381px;
	background-color: #ececec;
	border-radius: 32px;
	height: 64px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.team .wrapper-grid .top-section .tabs-wrapper .tab {
	font-size: 16px;
	font-weight: 500;
	padding: 10px 44px;
	border-radius: 22px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.team .wrapper-grid .top-section .tabs-wrapper .tab.active {
	background-color: var(--primary);
	color: var(--white);
}

.team .wrapper .slider-team .box,
.members .wrapper .slider-team .box {
	transition: all 0.5s ease-in-out;
}

.team .wrapper .slider-team .box:hover,
.members .wrapper .slider-team .box:hover {
	filter: drop-shadow(0px 20px 30px rgba(42, 26, 64, 0.15));
	transform: translateY(-10px);
}

.grid-box {
	position: absolute;
	content: '';
	top: 104px;
	left: 0;
	width: 100%;
	opacity: 0;
	pointer-events: none;
}

.lead-team-mobile {
	padding-bottom: 100px;
	overflow: hidden;
	padding-top: 30px;
}
.lead-team-mobile .select-mob {
	width: 100%;
	position: relative;
}

.lead-team-mobile .select-mob::after {
	position: absolute;
	content: url('https://activeviam.testua.xyz/wp-content/uploads/2024/05/header-drop.svg');
	top: 50%;
	right: 40px;
	transform: translateY(-50%) rotate(180deg);
}

.lead-team-mobile select {
	margin-bottom: 30px;
	margin-top: 20px;
	background-color: #ececec;
	border-radius: 30px;
	border: none;
	min-height: 64px;
	padding: 0 40px;
	--webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.lead-team-mobile .leader-wrap,
.lead-team-mobile .team-wrap {
	display: none;
}

.lead-team-mobile .leader-wrap.active,
.lead-team-mobile .team-wrap.active {
	display: block;
}

.lead-team-mobile .swiper-horizontal {
	overflow: visible;
}

.lead-team-mobile .leader-wrap .box,
.lead-team-mobile .team-wrap .box {
	min-height: 407px;
}

.team .grid-box.active {
	opacity: 1;
	pointer-events: all;
	position: relative;
	top: 0;
}

.members .wrapper .slider-team .box::after,
.team-wrap .box::after {
	background-color: var(--blue);
}

.members .wrapper .slider-team .box:hover::after {
	background-color: var(--primary);
}

.career {
	min-height: 629px;
}

.partners {
    padding-bottom: 69px;
}

.career .wrapper,
.partners .wrapper {
	padding-top: 69px;
	display: flex;
    align-items: center;
	gap: 121px;
}

.career .wrapper .left,
.partners .wrapper .left {
	width: 61%;
}

.career .wrapper .left .img,
.partners .wrapper .left .img {
	width: 100%;
	height: 458px;
}

.career .wrapper .left .img img,
.partners .wrapper .left .img img {
	border-radius: 8px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.career .wrapper .right,
.partners .wrapper .right {
	width: 35%;
}

.career .wrapper .right h3,
.partners .wrapper .right h3 {
	margin-bottom: 8px;
}

.career .wrapper .right h2,
.partners .wrapper .right h2 {
	line-height: 58px;
	max-width: 430px;
}

.career .wrapper .right p,
.partners .wrapper .right p {
	margin-top: 24px;
	max-width: 403px;
}

.career .wrapper .right .btns,
.partners .wrapper .right .btns {
	display: flex;
	margin-top: 24px;
}

.career .divider {
	margin-top: 82px;
	width: 100%;
	background-color: var(--blue);
}

.partners .wrapper {
	flex-direction: row-reverse;
}

/* Use cases */

.cases-hero {
	min-height: 610px;
}

.cases-hero .wrapper {
	display: flex;
	padding-top: 48px;
}

.cases-hero .wrapper .breadcrumbs {
	margin-bottom: 51px;
}

.cases-hero .wrapper .right {
	padding-top: 74px;
	width: 53%;
}

.cases-hero .wrapper .left {
	width: 47%;
}

.cases-hero .wrapper .left p {
	max-width: 319px;
	color: var(--white);
}

.cases-hero .wrapper .right .divider {
	width: 100%;
	background-color: var(--white);
	margin-bottom: 19px;
}

.cases-hero .wrapper .right h1 {
	color: var(--white);
	margin-bottom: 28px;
}

.cases-hero .wrapper .right p {
	color: var(--white);
	max-width: 527px;
	margin-bottom: 30px;
}

.cases-hero .wrapper .right .btns {
	display: flex;
}

.case-tabs {
	min-height: 1076px;
	background-color: var(--light-blue);
	position: relative;
	overflow: hidden;
}

.case-tabs .right-svg {
	position: absolute;
	content: '';
	right: -250px;
	top: 45px;
	width: 658px;
	height: 1080px;
}

.case-tabs .wrapper {
	padding-top: 81px;
	padding-bottom: 84px;
	position: relative;
	z-index: 3;
}

.case-tabs .wrapper .top {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 65px;
}

.case-tabs .wrapper .top .left h3 {
	margin-bottom: 11px;
}

.case-tabs .wrapper .top .right p {
	max-width: 482px;
	margin-left: auto;
}

.case-tabs .wrapper .bottom .tabs {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 39px;
}

.case-tabs .wrapper .bottom .tabs .item {
	width: 200px;
	height: 55px;
	border-radius: 27.5px;
	border: 1px solid var(--primary);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
}

.case-tabs .wrapper .bottom .tabs .item:hover {
    color: #fff;
	background-color: rgba(41, 26, 64, 0.76);
	border-color: rgba(41, 26, 64, 0.2);
}

.case-tabs .wrapper .bottom .tabs .item.active {
	background-color: var(--primary);
	color: var(--white);
}

.case-tabs .wrapper .bottom .tabs .item.active:hover {
	background-color: var(--primary);
	border-color: var(--primary);
}

.case-tabs .wrapper .bottom .content,
.case-tabs .wrapper .bottom .content-mob {
	width: 100%;
	/*min-height: 813px;*/
	background-color: var(--white);
	border-radius: 19px;
	padding: 61px 55px 54px 56px;
}

.case-tabs .wrapper .bottom .content-mob {
	display: none;
}

.case-tabs .wrapper .bottom .content .tab-content,
.case-tabs .wrapper .bottom .content-mob {
	display: none;
}

.case-tabs .wrapper .bottom .content-mob .tab-content.active {
	display: block;
}

.case-tabs .wrapper .bottom .content .tab-content.active {
	display: flex;
	justify-content: space-between;
	gap: 119px;
}

.case-tabs .wrapper .bottom .content .tab-content .left {
	width: calc(50% - 119px);
}

.case-tabs .demo {
	margin-top: 33px;
}

.case-tabs .demo a {
	text-decoration: underline;
	color: var(--black);
}

.case-tabs .wrapper .bottom .content .tab-content .right {
	width: 50%;
}

.case-tabs .wrapper .bottom .content .tab-content .preview {
	margin-bottom: 40px;
}

.case-tabs .wrapper .bottom .content .tab-content h2 {
	font-weight: 600;
	font-size: 26px;
	line-height: 36px;
	color: var(--black);
	max-width: 400px;
	margin-bottom: 29px;
}

.case-tabs .wrapper .bottom .content .tab-content .divider-preview {
	background-color: #676767;
	width: 188px;
	margin-bottom: 29px;
}

.case-tabs .wrapper .bottom .content .tab-content .preview p {
	max-width: 484px;
}

.case-tabs .wrapper .bottom .content .tab-content .right {
	position: relative;
	width: 585px;
	height: 552px;
	border-radius: 8px;
}

.case-tabs .wrapper .bottom .content .tab-content .right img {
	width: 585px;
	height: 552px;
	border-radius: 8px;
	object-fit: cover;
}

.case-tabs .wrapper .bottom .content .tab-content .right .box-image {
	position: absolute;
	content: '';
}

.case-tabs .wrapper .bottom .box-item {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 5px;
	cursor: pointer;
}

.content-tabs {
    height: 239px;
    padding-right: 10px;
    overflow: hidden;
    overflow-y: auto;
}

.content-tabs::-webkit-scrollbar {
    width: 5px;
}

.content-tabs::-webkit-scrollbar-thumb {
    background: #2A1A40;
}

.content-tabs::-webkit-scrollbar-track {
    background: #d5d5d5;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background-clip: padding-box;
}

.case-tabs .wrapper .bottom .box-item.active {
	border-color: #2a1a40;
}

.case-tabs .wrapper .bottom .box-item .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.case-tabs .wrapper .bottom .box-item .title h4 {
	font-weight: 600;
	font-size: 18px;
	line-height: 54px;
	color: var(--black);
}

.case-tabs .wrapper .bottom .box-item .title .icon svg {
	transform: rotate(180deg);
}

.case-tabs .wrapper .bottom .box-item.active .title .icon svg {
	transform: rotate(0deg);
}

.case-tabs .wrapper .bottom .box-item .text {
	display: grid;
	grid-template-rows: 0fr;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
}

.case-tabs .wrapper .bottom .box-item.active .text {
	grid-template-rows: 1fr;
}

.case-tabs .wrapper .bottom .tab-content .right .box-image {
	opacity: 0;
	transition: all 1s ease-in;
}

.case-tabs .wrapper .bottom .tab-content .right .box-image.active {
	opacity: 1;
}

.ready-to {
    position: relative;
    z-index: 1;
}

.ready-to__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    z-index: -1;
}

.ready-to-use {
	/*min-height: 418px;*/
}

.ready-to-use .wrapper {
	padding-top: 59px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.ready-to-use .wrapper h2 {
	max-width: 504px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 25px;
}

.ready-to-use .wrapper p {
	max-width: 528px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 25px;
}

.ready-to-use .wrapper .btns {
	margin-bottom: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ready-to-use .divider {
	background-color: var(--blue);
	width: 100%;
}

.b-solution .wrapper {
	padding-top: 77px;
	padding-left: 90px;
	padding-right: 90px;
}

.b-solution .tabs-mob {
	display: none;
}

.b-solution .wrapper .left .image {
	height: 398px;
	width: 550px;
}

.b-solution .wrapper .tabs .title {
	margin-bottom: 4px;
}

.b-solution .wrapper .tabs .right .content-block .tab {
	margin-top: 54px;
}

.b-solution .wrapper h3 {
	text-align: center;
	margin-bottom: 11px;
}

.b-solution .wrapper h2 {
	margin-bottom: 79px;
	text-align: center;
}

.b-solution .wrapper .tabs .content-block .tab .content {
	max-width: 440px;
}

.ready-to {
	min-height: 313px;
}

.ready-to .wrapper {
	padding-top: 71px;
	display: flex;
	justify-content: space-between;
	padding-left: 90px;
	padding-right: 90px;
}

.ready-to .wrapper h2 {
	color: var(--white);
	max-width: 489px;
}

.ready-to .wrapper .left {
	width: calc(100% - 455px);
}

.ready-to .wrapper .right {
	width: 455px;
}

.ready-to .wrapper .right p {
	max-width: 455px;
	color: var(--white);
	margin-bottom: 28px;
}

.ready-to .wrapper .right .btns {
	display: flex;
}

.page-id-311 .testimonials .divider {
	display: none;
}

.page-id-311 .testimonials {
	padding-bottom: 100px;
}

.page-id-311 .separation:nth-child(2) {
	color: #f6f6f6;
	opacity: 0.36;
}

.res-p .breadcrumbs .separation {
	opacity: 0.36;
}

.res-p .wrapper .right h1 {
	max-width: 660px;
}

.s-posts-all .row {
	margin: 60px -10px 0;
}
.s-posts-all .row > div {
	padding: 0 10px;
}
.posts-filters-bar {
	display: flex;
	margin: 0 -10px;
	align-items: flex-end;
	position: relative;
}

.s-partners .posts-filters-bar {
    margin: 0;
}

.filter-one {
	padding: 0 10px;
	flex-basis: 25%;
}
.filter-one .facetwp-facet {
	margin-bottom: 0;
}
.filter-one h3 {
	font-size: 24px;
	margin: 0 0 23px;
}
.facetwp-type-search .facetwp-input-wrap .facetwp-search {
	width: 100%;
	height: 62px;
	color: #0f0f0f;
	border: 1px solid #c6c6c6 !important;
	border-radius: 31px !important;
	padding: 9px 220px 9px 62px !important;
	min-width: 640px;
}
.facetwp-type-search
	.facetwp-input-wrap
	.facetwp-search::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #0f0f0f;
	opacity: 1;
}
.facetwp-type-search .facetwp-input-wrap .facetwp-search::-moz-placeholder {
	/* Firefox 19+ */
	color: #0f0f0f;
	opacity: 1;
}
.facetwp-type-search .facetwp-input-wrap .facetwp-search:-ms-input-placeholder {
	/* IE 10+ */
	color: #0f0f0f;
	opacity: 1;
}
.facetwp-type-search .facetwp-input-wrap .facetwp-search:-moz-placeholder {
	/* Firefox 18- */
	color: #0f0f0f;
	opacity: 1;
}
.facetwp-type-search .facetwp-input-wrap .facetwp-icon {
	right: 11px;
	line-height: 1;
	position: absolute;
	cursor: pointer;
	opacity: 1;
	top: 9px;
	height: 44px;
	display: flex;
	background: #291a40;
	border-radius: 22px;
	align-items: center;
	justify-content: center;
	padding: 10px 15px 10px 15px;
	min-width: 199px;
	border: 2px solid #291a40;
	transition: all 0.5s ease-in-out;
}
.facetwp-type-search .facetwp-input-wrap .facetwp-icon:hover {
	background: transparent;
	border: 2px solid #d6d7d9;
}
.facetwp-type-search .facetwp-input-wrap .facetwp-icon::before {
	content: 'Search';
	background: none;
	width: unset;
	height: unset;
	color: #fff;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	transform: none !important;
}
.facetwp-type-search .facetwp-input-wrap .facetwp-icon:hover:before {
	color: #291a40;
}
.facetwp-type-search .facetwp-input-wrap::after {
	content: '\f002';
	font-weight: 400;
	font-family: 'Font Awesome 5 Pro';
	color: #0e0e0e;
	font-style: normal;
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}
.filter-one h4 {
	color: var(--atoti-h1-color);
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	margin: 0 0 15px;
}
.facetwp-type-dropdown .facetwp-dropdown {
	background: #ffffff;
	border: 1px solid #c6c6c6 !important;
	border-radius: 31px !important;
	height: 62px;
	color: #000;
	font-size: 14px;
	-webkit-appearance: none;
	/* background-image: url('../../inc/img/select2.svg'); */
	background-size: 14px;
	background-position: calc(100% - 22px) center;
	background-repeat: no-repeat;
	/* for FF */
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	/* for IE */
	-ms-appearance: none;
	appearance: none !important;
	padding: 15px 49px 15px 19px !important;
}
/* for IE */
.facetwp-type-dropdown .facetwp-dropdown::-ms-expand {
	display: none;
}

.facetwp-type-fselect .fs-wrap {
	width: 100%;
}
.facetwp-type-fselect .fs-label-wrap {
	background: #ffffff;
	border: 1px solid #c6c6c6 !important;
	border-radius: 31px !important;
	height: 62px;
	color: #000;
	font-size: 14px;
	padding: 15px 49px 15px 19px !important;
	display: flex;
	align-items: center;
}

.s-partners .facetwp-type-fselect .fs-label-wrap {
    border: 0 !important;
    border-bottom: 1px solid #c6c6c6 !important;
    border-radius: 0 !important;
}

.facetwp-type-fselect .fs-label-wrap .fs-label {
	padding: 0;
	font-weight: 400;
	line-height: 1.5;
}
.facetwp-type-fselect .fs-arrow {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #00ade6;
	position: absolute;
	right: 20px;
}

.s-partners .facetwp-type-fselect .fs-arrow {
    right: 22px;
    width: 14px;
    height: 8px;
    display: inline-block;
    border: 0;
    background: url('inc/img/menu-arrow.svg') no-repeat;
    background-size: contain;
}

.facetwp-type-fselect .fs-no-results,
.facetwp-type-fselect .fs-option {
	padding: 8px 19px;
	font-size: 14px;
	font-weight: 400;
}
.facetwp-type-fselect .fs-no-results {
	cursor: default;
}

.facetwp-type-fselect .fs-option-title {
	padding: 8px 19px;
	font-size: 14px;
	font-weight: 700;
	cursor: default !important;
}
.facetwp-type-fselect .fs-option:hover {
	background: #291a40;
	color: #fff;
}

.facetwp-type-fselect .fs-search {
	display: none;
}
.facetwp-type-fselect .fs-option.selected {
	background: #00a2d9 !important;
	color: #fff;
}
.facetwp-type-fselect .fs-dropdown {
	border: 1px solid #c6c6c6;
	border-top: 0;
}
.facetwp-type-fselect .fs-wrap.fs-open .fs-label-wrap {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.facetwp-type-fselect .fs-dropdown .fs-options {
	max-height: 225px !important;
}
.facetwp-type-fselect .fs-option.d1 .fs-option-label {
	padding-left: 10px !important;
}
.facetwp-type-fselect .fs-option .fs-option-label {
	white-space: initial !important;
	line-height: 1.5 !important;
}
.facetwp-type-fselect .fs-option {
	word-break: break-word;
}

/* Product */

.p-header {
	min-height: 610px;
	background-color: var(--primary);
	overflow: hidden;
	position: relative;
}

.p-header-mob {
	display: none;
}

.p-header .wrapper {
	padding-top: 48px;
	display: flex;
	justify-content: space-between;
}

.p-header .wrapper .right {
	width: 50%;
	padding-top: 74px;
}

.p-header .wrapper .left .video {
	margin-top: 74px;
	width: 588px;
	height: 488px;
	border-radius: 0px 50px 0px 0px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.p-header .wrapper .left .video iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0px 50px 0px 0px;
}

.p-header .wrapper .right .divider {
	width: 100%;
	background-color: var(--white);
	margin-bottom: 19px;
}

.p-header .wrapper .right h1 {
	max-width: 660px;
	color: var(--white);
	margin-bottom: 36px;
}

.p-header .wrapper .right p {
	max-width: 527px;
	color: var(--white);
	margin-bottom: 28px;
}

.p-header .wrapper .right .btns {
	display: flex;
}

.what-atoti {
	min-height: 386px;
}

.what-atoti .wrapper {
	padding-top: 84px;
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
}

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

.what-atoti .wrapper .text .cont {
	max-width: 440px;
}

.learn {
	min-height: 409px;
}

.learn .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 25px;
	padding-top: 73px;
}

.learn .wrapper h2,
.learn .wrapper p {
	color: var(--white);
	text-align: center;
	margin: 0 auto;
}

.learn .wrapper h2 {
	max-width: 394px;
}

.learn .wrapper p {
	max-width: 322px;
}

.highlights {
	min-height: 1331px;
	background-color: var(--light-blue);
}

.highlights .wrapper {
	padding-top: 55px;
	padding-bottom: 79px;
}

.highlights .wrapper .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 44px;
}

.highlights .wrapper .top .left h3 {
	margin-bottom: 8px;
}

.highlights .wrapper .top .left h2 {
	max-width: 477px;
}

.highlights .wrapper .top .right {
	max-width: 530px;
}

.highlights .wrapper .bottom .grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, minmax(494px, auto));
	grid-auto-rows: minmax(494px, auto);
	gap: 20px;
}

.highlights .wrapper .bottom .grid .block {
	background-color: var(--white);
	border-radius: 17px;
	padding: 29px 29px 29px 31px;
	border: 1px solid transparent;
	transition: all 0.5s ease-in-out;
}

.highlights .wrapper .bottom .grid .block:hover {
	border: 1px solid #2a1a40;
	filter: drop-shadow(0px 20px 40px rgba(42, 26, 64, 0.2));
	transform: translate(-5px, -5px);
}

.highlights .wrapper .bottom .grid .block .icon {
	max-width: 72px;
}

.highlights .wrapper .bottom .grid .block h4 {
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	color: var(--black);
	margin-top: 30px;
	margin-bottom: 15px;
}

.highlights .wrapper .bottom .grid-slider {
	display: none;
}

.visual {
	min-height: 981px;
}

.visual .wrapper {
	padding-top: 68px;
	padding-bottom: 86px;
}

.visual .wrapper .top {
	max-width: 606px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
}

.visual .wrapper .bottom {
	display: flex;
}

.visual .wrapper .bottom .left {
	width: 100%;
	display: flex;
	justify-content: center;
}
.visual .wrapper .bottom .right {
	width: 0%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

.visual .wrapper .bottom .left .img,
.visual .wrapper .bottom .left .img img {
	width: 100%;
	height: 100%;
}

.visual .wrapper .bottom .left .img img {
	object-fit: cover;
}

.visual .vis-mob {
	display: none;
}

/* Contact us  */

.contact-header {
	/*min-height: 610px;*/
    padding: 53px 0 60px;
	/*background-color: var(--primary);*/
	position: relative;
	overflow: hidden;
}

.contact-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1300px;
    width: calc(100% - 30px);
    height: 1px;
    margin: 0 auto;
    background: #C2C2C2;
}

.contact-header .divider-mob {
	display: none;
}

.contact-header--bg-left {
    position: absolute;
    left: -13%;
    bottom: 0;
    max-width: 445px;
    width: 32%;
    height: auto;
    z-index: -1;
}

.contact-header--bg-right {
    position: absolute;
    right: -16%;
    bottom: 15%;
    max-width: 445px;
    width: 32%;
    height: auto;
    z-index: -1;
}

.contact-header .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top: 26px;
}

.contact-header .wrapper h1 {
	margin-bottom: 44px;
    color: var(--primary);
}

.contact-header .wrapper .top {
	width: 795px;
	border-bottom: 1px solid #707070;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 29px;
	padding-bottom: 30px;
}

.contact-header .wrapper .top .block {
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.contact-header .wrapper .top .block:nth-child(1) {
	padding-left: 0px;
	border-right: 1px solid #707070;
}

.contact-header .wrapper .top .block:nth-child(3) {
	padding-right: 0px;
	border-left: 1px solid #707070;
}

.contact-header .wrapper .top .block .text p {
	text-align: center;
}

.contact-header .wrapper .top .block .link {
	display: flex;
	justify-content: center;
	margin-top: 23px;
	gap: 10px;
	align-items: center;
}

.contact-header .wrapper .top .block .link a:hover {
	text-decoration: underline;
}

.contact-header .wrapper .bottom p {
	margin-bottom: 29px;
}

.contact-header .wrapper .bottom .btns {
	display: flex;
	justify-content: center;
}

.ask {
	min-height: 497px;
}

.ask .divider {
	width: 100%;
	background-color: var(--blue);
	margin-top: 71px;
}

.ask .wrapper {
	padding-top: 60px;
}

.ask .wrapper h2 {
	margin-bottom: 46px;
	text-align: center;
}

.ask .wrapper .box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	grid-template-rows: minmax(252px, auto);
	grid-auto-rows: minmax(252px, auto);
}

.ask .wrapper .box .item {
	padding: 25px 48px 33px 42px;
	border-radius: 8px;
	border: 1px solid #d5d5d5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
    transition: 0.3s all;
}

.ask .wrapper .box .item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 50px rgba(42, 26, 64, 0.16);
}

.ask .wrapper .box .item h4 {
	font-weight: 600;
    font-size: 26px;
    line-height: 30px;
	color: var(--black);
	margin-bottom: 8px;
	text-align: center;
}

.ask .wrapper .box .item h4 span {
    display: block;
}

.ask .wrapper .box .item p {
	text-align: center;
	margin-bottom: 22px;
}

.ask .wrapper .box .item .btns {
	display: flex;
	justify-content: center;
}

.offices {
	min-height: 560px;
	padding-top: 61px;
	padding-bottom: 89px;
}

.offices .wrapper h2 {
	max-width: 708px;
	margin: 0 auto;
	text-align: center;
}

.offices .wrapper .flags {
	margin-top: 62px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.offices .wrapper .flags .item {
	min-width: 310px;
	border-radius: 8px;
	border: 1px solid #d5d5d5;
	min-height: 237px;
	padding: 29px 29px 26px 29px;
	display: flex;
	flex-direction: column;
    transition: 0.3s all;
}

.offices .wrapper .flags .item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 50px rgba(42, 26, 64, 0.16);
}

.offices .wrapper .flags .item .flag {
	max-width: 35px;
	max-height: 20px;
	margin-bottom: 23px;
}

.offices .wrapper .flags .item h4 {
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 26px;
	line-height: 54px;
	color: var(--black);
}

.offices .wrapper .flags .item .direction {
	margin-top: auto;
    padding-top: 24px;
}

.offices .wrapper .flags .item .direction a {
	text-decoration: underline;
}

.offices .wrapper .flags-mob {
	display: none;
}

.offices-details_nav {
    display: flex;
    justify-content: space-between;
}

.offices-details_nav__button {
    grid-column-gap: 6px;
}

.prev-office {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    cursor: pointer;
}

.discover {
	min-height: 795px;
	background-color: var(--light-blue);
}

.discover .wrapper {
	display: flex;
}

.discover .wrapper .left {
	padding-top: 96px;
	border-right: 1px solid var(--blue);
	width: 45%;
	min-height: 795px;
}

.discover .wrapper .left h2 {
	margin-bottom: 28px;
	max-width: 360px;
}

.discover .wrapper .left p {
	max-width: 404px;
}

.discover .wrapper .right {
	padding-top: 53px;
	padding-left: 78px;
	width: 55%;
}

.join-w {
	min-height: 661px;
	position: relative;
	overflow: hidden;
}

.join-w .right-svg {
	position: absolute;
	content: '';
	right: -305px;
	top: -185px;
	transform: scale(0.9);
}

.join-w .img-mob {
	display: none;
}

.join-w .divider {
	width: 100%;
	background-color: var(--blue);
}

.join-w .wrapper {
	padding-top: 136px;
	padding-bottom: 129px;
	display: flex;
	justify-content: space-between;
}

.join-w .wrapper .mob-h {
	display: none;
}

.join-w .wrapper .image .img-mob {
	display: none;
}

.join-w .wrapper .right {
	margin-right: 19px;
}

.join-w .wrapper h2 {
	margin-bottom: 20px;
}

.join-w .wrapper h4 {
	font-weight: 500;
	font-size: 22px;
	line-height: 34px;
	color: var(--black);
	margin-bottom: 35px;
	max-width: 440px;
}

.join-w .wrapper p {
	max-width: 531px;
}

.join-w .wrapper .right .image {
	position: relative;
	width: 621px;
	height: 398px;
	border-radius: 8px;
}

.join-w .wrapper .right .image:after {
	width: 100%;
	height: 100%;
	background-color: var(--accent);
	position: absolute;
	content: '';
	right: -19px;
	bottom: -18px;
	border-radius: 8px;
}

.join-w .wrapper .right .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	position: relative;
	z-index: 2;
}

.s-roles .posts-filters-bar {
	display: flex;
	justify-content: space-between;
}

.s-posts-all.s-roles .posts-filters-bar-wrap {
	background-color: transparent;
}

.s-roles .posts-filters-bar .wrapper {
	display: flex;
	gap: 40px;
}

.s-roles .posts-filters-bar .filter-one {
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-roles .posts-filters-bar h2 {
	margin: 0;
	line-height: 58px;
}

.s-roles .posts-filters-bar .filter-one h4 {
	margin: 0;
	margin-right: 14px;
}
.s-roles .facetwp-type-fselect .fs-label-wrap {
	min-width: 200px;
}

.s-roles.s-posts-all .row {
	display: block;
}

.s-roles.s-posts-all .row .post-s {
	width: 100%;
	padding: 53px 0 0 0;
}

.s-roles.s-posts-all .posts-mob {
	display: none;
}

.s-roles .post-s .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.s-roles .post-s .top h2 {
	margin: 0;
	padding: 0;
}

.s-roles .post-s .bottom {
	margin-top: 33px;
	width: 100%;
	height: 1px;
	background-color: #d5d5d5;
	transition: all 0.3s ease-in-out;
}

.s-roles .post-s:hover .bottom {
	background-color: #2a1a40;
	height: 2px;
}

.s-roles .post-s .top .left .wrap {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-top: 15px;
}

.s-roles .post-s .top .left .wrap .dep {
	padding: 8px 24px;
	border-radius: 19.5px;
	background: #eefbff;
}

.s-roles .post-s .top .left .wrap .other-info {
	display: flex;
	gap: 5px;
}

.car-pag {
	margin-top: 25px;
}

/* Partners */

.part-s {
	min-height: 916px;
	padding-top: 170px;
	overflow: hidden;
}

.part-s .right-svg {
    right: -22.5%;
    top: -19%;
}

.part-s .top-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 83px;
}

.part-s .top-wrapper .left h3 {
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
}

.part-s .top-wrapper .left h2 {
	text-align: left;
	margin: 0;
}

.part-s .top-wrapper p {
	max-width: 440px;
}

.part-s .left-section {
	padding-top: 40px;
}
.part-s .left-section .tab {
	margin-top: 65px;
}

.part-s .divider {
	width: 100%;
	background-color: var(--blue);
	margin-top: 40px;
}

.tear {
	min-height: 426px;
	padding-top: 72px;
}

.tear-mob {
	display: none;
}

.tear .wrapper .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tear .wrapper .top .left h3 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

.tear-mob .wrapper h3 {
	text-transform: uppercase;
}

.tear .wrapper .top .right .tabs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 200px;
	height: 64px;
	background-color: #ececec;
	border-radius: 32px;
	padding: 10px 16px;
}

.tear .wrapper .top .right .tabs .tab {
	padding: 11px 33px;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	border-radius: 22px;
	cursor: pointer;
}

.tear .wrapper .top .right .tabs .tab.active {
	background-color: var(--primary);
	color: var(--white);
}

.tear .wrapper .bottom {
	margin-top: 46px;
}
.tear .wrapper .bottom p {
	text-align: center;
}

.tear .wrapper {
	margin-bottom: 47px;
}

.tear .wrapper-grid {
	position: relative;
}

.tear .wrapper-grid .table {
	display: grid;
	grid-template-columns: 0.55fr 1.15fr 1.15fr 1.15fr;
	grid-template-rows: minmax(70px, auto);
	grid-auto-rows: minmax(70px, auto);
	background: #fff;
	border: 1px solid #d4d4d4;
	border-radius: 12px;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.tear .wrapper-grid .table.active {
	opacity: 1;
	position: relative;
}

.tear .wrapper-grid .col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #d4d4d4;
}

.tear .wrapper-grid .col:last-child {
	border-radius: 0px 12px 0 0;
}

.tear .wrapper-grid .table .cr {
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

.tear .wrapper-grid .table .cr-end {
	border-bottom: none;
}

.tear .wrapper-grid .table .gold,
.tear .wrapper-grid .table .silver,
.tear .wrapper-grid .bronze {
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

.tear .wrapper-grid .bronze {
	border-right: none;
}

.tear .wrapper-grid .table .gold-end,
.tear .wrapper-grid .table .silver-end,
.tear .wrapper-grid .bronze-end {
	border-bottom: none;
}

.tear .wrapper-grid .table .gold,
.tear .wrapper-grid .table .silver,
.tear .wrapper-grid .table .bronze {
	padding: 20px;
}

.tear .wrapper-grid .table .gold ul,
.tear .wrapper-grid .table .silver ul,
.tear .wrapper-grid .table .bronze ul,
.tear .wrapper-grid .table .gold ol,
.tear .wrapper-grid .table .silver ol,
.tear .wrapper-grid .table .bronze ol {
	list-style-type: initial;
	padding-left: 10px;
}

.tear .last-text p {
	max-width: 824px;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}

.tear .divider {
	width: 100%;
	background-color: var(--blue);
	margin-top: 68px;
}

.s-roles.s-partners .posts-filters-bar .filter-one {
	flex-basis: auto;
}

.s-certification + .s-partners::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1300px;
    width: calc(100% - 30px);
    height: 1px;
    margin: 0 auto;
    background: #00ADE6;
}

.s-partners .headline_row {
    align-items: center;
}

.s-partners .swiper {
    padding-top: 47px;
}

.s-partners .swiper-slide {
	height: 194px !important;
}

.s-partners .swiper-slide .box {
	border: 1px solid #d5d5d5;
	border-radius: 8px;
	background-color: #fff;
	padding: 20px;
	height: 100%;
	width: 100%;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.s-partners .swiper-slide .box .img {
	max-width: 260px;
	height: 94px;
	margin: 0 auto;
	margin-bottom: 22px;
}

.s-partners .facetwp-type-fselect .fs-no-results {
	display: none;
}

.s-partners .swiper-slide .box .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.s-partners .swiper-slide .box .title h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	text-align: center;
    text-transform: uppercase;
}

.s-partners .swiper-slide .box:hover {
	border: 1px solid #2a1a40;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.09);
    transform: translateY(-10px);
}

.s-partners .pags {
	display: flex;
	justify-content: flex-end;
	gap: 4px;
	margin-top: 38px;
}

.s-partners .divider {
	width: 100%;
	background-color: var(--blue);
	margin-top: 84px;
}

.s-posts-all.s-partners {
	padding: 0;
}

.s-partners .popup-slide {
	opacity: 0;
	position: fixed;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	width: 1300px;
	height: 408px;
	background-color: var(--white);
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 15px;
	border-radius: 8px;
}

.s-partners .popup-slide .close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: var(--primary);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 101;
	cursor: pointer;
}

.s-partners .popup-slide .content {
	max-width: 740px;
	margin: 0 auto;
	text-align: center;
}

.s-partners .popup-slide .content p {
	display: block;
	margin: 10px 0;
}

.s-partners .popup-slide .content a {
	color: var(--primary);
	cursor: pointer;
}

.s-partners .popup-slide .content a:hover {
	text-decoration: underline;
}

.s-partners .popup-slide .content h4 {
	font-size: 22px;
	font-weight: 600;
	line-height: 26px;
	color: #6e2e59;
	margin-bottom: 12px;
}

.s-partners .popup-slide.active {
	opacity: 1;
	pointer-events: all;
	overflow: auto;
	padding: 20px;
}

.s-partners .popup-slide .img {
	max-width: 340px;
	max-height: 122px;
}

.s-partners .popup-slide .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.s-partners {
	position: relative;
    padding: 40px 0;
}

.s-partners .overlay-p {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 4;
	pointer-events: none;
}

.s-partners .overlay-p.active {
	display: block;
	pointer-events: auto;
}

.page-id-28 .a-hero .mob-divider {
	display: none;
}

.page-id-28 .a-hero .right p {
	display: none;
}

.career-mob,
.partners-mob {
	display: none;
}

.leader-team-mob,
.member-mob {
	display: none;
}

.technology-h,
.technology-h-mob {
	position: relative;
	background-color: #fff;
	overflow: unset;
}

.technology-h .wrapper .right h1,
.technology-h-mob .wrapper .right h1 {
	color: #2a1a40;
}

.technology-h .wrapper .heading-wrapper p,
.technology-h-mob .wrapper .heading-wrapper p {
	color: #000;
}

.technology-h:before {
	position: absolute;
	content: url('/wp-content/uploads/2024/07/left-blue.svg');
	left: -149px;
	top: -50px;
}

.technology-h:after {
	position: absolute;
	content: url('/wp-content/uploads/2024/07/right-blue.svg');
	right: -229px;
	top: 150px;
}

.technology-h .breadcrumbs,
.technology-h-mob .breadcrumbs {
	color: #000;
}

.technology-h .breadcrumbs .home span,
.technology-h-mob .breadcrumbs .home span {
	color: rgba(0, 0, 0, 0.5);
	font-weight: 600;
}

.technology-h .breadcrumbs .current-item,
.technology-h-mob .breadcrumbs .current-item {
	color: #000;
}

.technology-h .wrapper .right .divider,
.technology-h-mob .wrapper .right .divider {
	background-color: #000;
}

.what-atoti-is .wrapper .boxes {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.what-atoti-is .wrapper .boxes .box {
	padding: 22px;
	border-radius: 22px;
	background-color: #f7f7f7;
	width: calc(25% - 20px);
}

.what-atoti-is .wrapper .boxes .box .count {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #2a1a40;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 64px;
	text-align: center;
	margin-bottom: 26px;
}

.what-atoti-is .wrapper .boxes .box h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	color: #2a1a40;
	margin-bottom: 17px;
}

.banner {
    position: relative;
    display: flex;
    padding: 49px 0 157px;
    overflow: hidden;
}

.banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1300px;
    width: calc(100% - 30px);
    height: 1px;
    margin: 0 auto;
    background: #DADADA;
}

.banner_image_text.banner::before {
    display: none;
}

.banner .banner-anim-left {
    max-width: 600px;
    width: 32%;
    /*transform: translateY(35%);*/
    transform: translateY(43%);
}

.banner_animation {
    position: relative;
    background: url("inc/img/banner-bg.png") center;
    background-size: cover;
    z-index: 1;
}

.banner-anim-left {
    position: absolute;
    max-width: 300px;
    width: 21%;
    height: auto;
    top: auto;
    bottom: -7px;
    z-index: -1;
}

.banner_image_text .banner-anim-left {
    left: -3%;
    bottom: -42%;
    width: 33%;
    transform: rotate(176deg) scale(-1, 1);
}

.banner-anim-right {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 400px;
    width: 28%;
    height: auto;
    z-index: -1;
}

.banner_image_text .banner-anim-right {
    top: auto;
    right: -6%;
    bottom: -46%;
}

.contact-header .banner-anim-right {
    right: -6%;
}

.banner-anim-left-2 {
    position: absolute;
    top: 11%;
    left: -8%;
    right: auto;
    max-width: 400px;
    width: 28%;
    height: auto;
    z-index: -1;
    transform: scale(-1);
}

.banner_video .video-embed {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 37.6%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.banner_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner_row {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.banner .breadcrumbs {
    margin-bottom: 47px;
    z-index: 1;
}

.banner_bg {
    position: absolute;
    left: 0;
    bottom: -20%;
    max-width: 551px;
    width: 39%;
    height: 100%;
    z-index: -1;
}

.banner_bg__left {
    position: absolute;
    left: -17%;
    bottom: -55%;
    max-width: 551px;
    width: 39%;
    height: auto;
    z-index: -1;
}

.banner_bg__right {
    position: absolute;
    right: -21%;
    bottom: -71%;
    max-width: 551px;
    width: 39%;
    height: auto;
    z-index: -1;
}

.banner .container {
    max-width: 1330px;
    width: 100%;
    padding: 0 15px !important;
}

.banner .breadcrumbs,
.banner .breadcrumbs .home {
    color: #948c9f;
    opacity: 1;
}

.banner .breadcrumbs .separation:nth-child(2) {
    color: #948c9f;
    opacity: 1;
}

.banner .breadcrumbs .current-item {
    color: #2A1A40;
}

.banner_image_text .banner_col:nth-child(1) {
    position: relative;
}

.banner__text {
    max-width: 300px;
}


.banner__title {
    margin-bottom: 25px;
    padding-top: 19px;
    color: #2A1A40;
}

.banner__title.white {
    color: #fff;
}

.banner__title span,
.contact-header .wrapper h1 span,
.ask .wrapper .box .item h4 span,
.headline__title span {
    background: #088EC3;
    background: linear-gradient(to right, #088EC3 0%, #00ACE5 10%, #00ACE5 90%, #0B84B7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner__subtitle {
    max-width: 520px;
}

.page-template-events .banner__subtitle,
.page-template-about-us .banner__subtitle {
    max-width: 100%;
}

.page-template-events .banner__text {
    max-width: 400px;
}

.banner_col .btn {
    max-width: fit-content;
    margin-top: 19px;
}

.products-and-service-template-single-resources-center_solutions .banner_col .btn,
.page-template-solutions .banner_col .btn {
    padding-left: 20px;
    padding-right: 20px;
}

.headline {
    text-align: center;
}

.headline_row {
    display: flex;
    justify-content: space-between;
}

.headline__title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #2A1A40;
}

.headline__subtitle {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
}

.headline__description {
    max-width: 450px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.headline__description.large  {
    max-width: 640px;
}

.wp-block-group.wp-container-core-group-is-layout-1 .wp-block-columns {
    width: 100%;
}


.swiper_arrows {
    position: relative;
}

.swiper_arrows .swiper_nav_prev,
.swiper_arrows .swiper_nav_next {
    position: absolute;
    top: 50%;
    min-width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 0;
    transform: translateY(-50%);
}

.swiper_arrows .swiper_nav_prev {
    left: 8px;
}

.swiper_arrows .swiper_nav_next {
    right: 8px;
}

.swiper_arrows .swiper_nav_prev:hover,
.swiper_arrows .swiper_nav_next:hover,
.swiper_arrows .swiper_nav_prev:focus,
.swiper_arrows .swiper_nav_next:focus {
    opacity: 0.7;
    border: 0;
    box-shadow: none;
    background: transparent;
    outline: none;
}

.entry-content li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 14px;
}

.entry-content li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
}

.entry-content.white li::before {
    background: #fff;
}

.entry-content.white a:hover {
    opacity: 0.6;
}

.s-dev-com .entry-content ul {
    text-align: left;
}

.s-dev-com .btns {
    padding-top: 10px;
}

.tab_content .card_post {
    width: 100%;
}

.card_post {
    position: relative;
    width: 100%;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11);
    overflow: hidden;
    transition: 0.3s all;
}

.card_post:not(.closed):hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.card_post .posts-img {
    position: relative;
}

.card_post.resources-one .posts-img {
    margin: 0 0 26px;
}

.events-one .posts-img img,
.card_post--post .posts-img img {
    transition: 0.3s all;
}

.events-one:not(.closed):hover .posts-img img,
.card_post--post:hover .posts-img img {
    transform: scale(1.2);
}

.card_post .card_post__img_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}

.resources-one .card_post__img_overlay {
    background: rgba(0, 0, 0, 0.7);
}

.card_post:not(.closed):hover .card_post__img_overlay {
    opacity: 1;
    visibility: visible;
}

.card_post__txt {
    padding: 21px 30px 0;
}

.card_post.events-one .card_post__txt {
    padding: 25px 30px 0;
}

.card_post.resources-one .card_post__txt {
    padding: 0 30px 0;
}

.card_post__meta {
    font-weight: 600;
    text-transform: uppercase;
    color: #5a5a5a;
}

.card_post__title {
    margin: 11px 0 19px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.resources-one .card_post__title {
    margin: 5px 0 31px;
}

.card_post.events-one .card_post__title {
    margin: 7px 0 14px;
}

.card_post_img__title {
    width: 44%;
    padding: 0 27px 30px 0;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    color: #2A1A40;
}

.card_post__date {
    position: absolute;
}

.navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-row-gap: 10px;
    grid-column-gap: 32px;
}

.navigation .page-numbers {
    position: relative;
    font-size: 13px;
    font-weight: 500;
}

.navigation .page-numbers.current::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 15px;
    height: 1px;
    background: #2A1A40;
    transform: translateX(-50%);
}


.slider_serve {
    display: flex;
    grid-column-gap: 20px;
    padding-top: 55px;
}

.part-s.s-serve .slider_serve {
    padding-top: 39px;
}

.slider_serve__slide {
    position: relative;
    width: 100%;
    padding: 14px 16px 12px;
    border: 1px solid #BEBEBE;
    border-radius: 19px;
    background: #fff;
    transition: 0.7s all;
    overflow: hidden;
    z-index: 1;
}

.slider_serve__slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(241,250,255,1) 0%, rgba(226,243,253,1) 49%, rgba(214,232,254,1) 100%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
    z-index: -1;
}

.slider_serve__slide:hover::before {
    opacity: 1;
    visibility: visible;
}

.slider_serve__slide__wrap {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 19px;
    overflow: hidden;
    transition: 0.5s all;
}

.slider_serve__slide:hover .slider_serve__slide__wrap {
    border-color: #D6D6D6;
    background: #fff;
}

.slider_serve__slide--image {
    position: relative;
    width: calc(100% - 25px);
    margin: 11px auto 27px;
    padding-top: 55.5%;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.5s all;
}

.slider_serve__slide:hover .slider_serve__slide--image {
    transform: translateY(-100%);
    opacity: 0;
}

.slider_serve__slide--image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider_serve__slide__txt {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}

.slider_serve__slide--title {
    position: relative;
    overflow: hidden;
}

.slider_serve__slide--title span {
    display: block;
    transition: 0.5s all;
}

.slider_serve__slide__txt-hide .slider_serve__slide--title {
    margin-bottom: 16px;
}
.slider_serve__slide:hover .slider_serve__slide--title span {
    transform: translateY(100%);
    /*opacity: 0;*/
}

.slider_serve__slide--text {
    margin-top: auto;
    font-weight: 600;
    color: #757575;
    transition: 0.5s all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.page-template-partners .slider_serve__slide--text {
    -webkit-line-clamp: 5;
}

.slider_serve__slide:hover .slider_serve__slide--text {
    opacity: 0;
}

.slider_serve__slide--arrow {
    position: absolute;
    right: 4px;
    bottom: 11px;
    transform: translateX(100%);
    transition: 0.5s all;
}

.slider_serve__slide:hover .slider_serve__slide--arrow {
    opacity: 0;
    visibility: hidden;
}

.slider_serve__slide__txt-hide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 35px 15% 35px 31px;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s all;
}

.slider_serve__slide:hover .slider_serve__slide__txt-hide {
    opacity: 1;
    visibility: visible;
}

.slider_serve__slide__txt-hide--content_title {
    margin-top: auto;
    color: #2A1A40;
}

.slider_serve__slide__txt-hide--text {
    margin-bottom: 17px;
}

.part-s.s-serve .slider_serve__slide__txt-hide--text {
    margin: auto 0 0;
}

.s-certification {
    position: relative;
    padding: 40px 0;
    z-index: 1;
}

.certification__bg {
    position: absolute;
    top: -22%;
    left: -23%;
    max-width: 580px;
    width: 40vw;
    z-index: -1;
}

.certification__bg svg {
    width: 100%;
}

.certification_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.certification_image img {
    border-radius: 8px;
}

.certification_content .btn {
    max-width: fit-content;
    min-width: 172px;
    margin-top: 20px;
}


.s-contact-form {
    position: relative;
    padding: 62px 0 62px;
    background: #EEFBFF;
}

.s-dev-com .headline {
    max-width: 680px;
    margin: 0 auto;
}

.s-dev-com .headline .s-dev-com--description {
    font-size: 18px;
    line-height: 26px;
}

.dev_cards {
    max-width: 1040px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-column-gap: 60px;
    grid-row-gap: 44px;
    margin: 0 auto;
    padding: 40px 0 43px;
}

.dev_cards__item {
    position: relative;

    width: auto;
    padding-left: 24px;
    text-align: left;
}


.dev_cards__item--title {
    margin-bottom: 3px;
    font-weight: 700;
}

.dev_cards__item--title::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url("inc/img/icon-list-check.svg") center no-repeat;
    background-size: contain;

}

.posts_latest {
    position: relative;
    margin-top: 40px;
    padding-top: 30px;
}

.s-contact-form + .posts_latest::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1300px;
    width: calc(100% - 30px);
    height: 1px;
    margin: 0 auto;
    background: #DADADA;
}

.posts_latest::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1300px;
    width: calc(100% - 30px);
    height: 1px;
    margin: 0 auto;
    background: #DADADA;
}

.posts_latest__slider.swiper {
    width: 100%;
    padding: 30px 0 40px;
    overflow: visible;
}

.posts_latest__slider .swiper-wrapper {
    overflow: visible;
}

.posts_latest__slider .swiper-slide {
    height: initial;
}

.posts_latest__slider .card_post {
    width: 100%;
    height: 100%;
}

.testimonials .right-section .swiper {
    padding: 0 40px;
}

.testimonials .headline {
    max-width: 500px;
    margin: 0 auto;
}

.testimonials__arrows button {
    position: absolute;
    top: 71px;
    min-width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 2;
}

.testimonials__arrows button:hover,
.testimonials__arrows button:focus {
    border: 0;
    background: transparent;
}

.testimonials__arrows .swiper_nav_prev {
    left: 0;
}

.testimonials__arrows .swiper_nav_next {
    right: 0;
}

.img_box_mobile_scroll {
    width: 100%;
    overflow-x: auto;
}

.img_box_mobile_scroll::-webkit-scrollbar {
    height: 10px;
}


.img_box_mobile_scroll::-webkit-scrollbar-thumb {
    background: #2A1A40;
    border-radius: 5px;
}

.img_box_mobile_scroll::-webkit-scrollbar-track {
    background: #d5d5d5;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 4px;
}


.img_box_mobile_scroll img {
    max-width: 1174px;
    width: 1174px;
    margin: 0 auto;
}

.map-acc .map-vert-acc {
    flex-direction: column;
    border-top: 1px solid #6F5691;
}

.map-acc .map-vert-acc .map-vert-acc-one {
    max-width: 100%;
    width: 100%;
    flex-direction: column;
}

.map-acc .map-vert-acc .map-vert-acc-one {
    position: relative;
    border-bottom: 1px solid #6F5691;
}

.map-acc .map-vert-acc .map-vert-acc-one.active {
    border-color: #FCB65A;
}

.map-vert-acc .map-vert-acc-one .map-vert-acc-top {
    max-width: 100%;
    width: 100%;
    align-items: flex-start;
    padding: 31px 110px 33px
}

.map-vert-acc .map-vert-acc-top span {
    position: absolute;
    top: 32px;
    left: 0;
}

.map-vert-acc .map-vert-acc-top h4 {
    font-size: 16px;
    line-height: 25px;
}

.offices-desc-row {
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 61px;
    display: flex;
    align-items: center;
}

.offices-desc--txt {
    width: 35%;
}

.map-vert-acc-one .map-vert-acc-inner.offices-desc .offices-desc--txt h3 {
    margin-bottom: 18px;
}

.map-vert-acc-one .offices-desc--txt p {
    font-size: 18px;
    line-height: 24px;
}

.map-vert-acc-one .offices-desc ul {
    display: flex;
    grid-column-gap: 16px;
    margin: 27px 0 0;
    padding: 14px 0;
    border-top: 1px solid #6F5691;
    border-bottom: 1px solid #6F5691;
}

.map-vert-acc-one .offices-desc ul li {
    position: relative;
    padding: 0;
    border: 0;
}

.map-vert-acc-one .offices-desc ul li.line {
    width: 1px;
    height: 26px;
    background: #6F5691;
}

.map-vert-acc-one .offices-desc ul li a:hover {
    color: #fcb65a;
}

#discover .custom-form .hs-fieldtype-select .input select {
    padding-left: 16px;
    padding-right: 16px;
}

#discover .custom-form .select2-selection__rendered {
    padding-left: 16px !important;
}

.s-dpage {
    position: relative;
    padding: 43px 0 72px;
    z-index: 1;
}

.s-dpage .dpage-bg-left,
.s-dpage .dpage-bg-right {
    position: absolute;
    height: auto;
    z-index: -1;
}

.page-id-5503 .s-dpage .dpage-bg-left {
    display: none;
}

.s-dpage .dpage-bg-left {
    left: -11%;
    top: -9%;
    width: 505px;
}

.s-dpage .dpage-bg-right {
    right: -13%;
    top: 12%;
    width: 505px;

}

.dpage__title {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #2A1A40;
}

.s-dpage .spost-content-wrap figure {
    text-align: center;
}

.s-dpage .spost-content-wrap figure img {
    max-width: 1080px;
    width: 100%;
    max-height: 613px;
    margin-bottom: 29px;
    object-fit: cover;
    border-radius: 12px;
}

.s-dpage .wp-block-buttons .wp-block-button a {
    min-width: 326px;
}


.s-slider {
    padding: 40px 0;
}

.s_slider_txt {
    padding-top: 6px;
}

.s_slider_content__slide {
    position: relative;
    min-height: 376px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    z-index: 1;
}


.s_slider_txt__slide--description ul {
    margin: 11px 0 0;
    list-style: none;
}

.s_slider_txt__slide--description ul:not(:nth-last-child(1)) {
    margin-bottom: 10px;
}

.s_slider_txt__slide--description ul li {
    position: relative;
    padding-left: 25px;
}

.s_slider_txt__slide--description ul li:not(:nth-last-child(1)) {
    margin-bottom: 11px;
}

.s_slider_txt__slide--description ul li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url("inc/img/icon-list-check.svg") no-repeat center;
    background-size: contain;
}

.s_slider_content__slide > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 18px;
    z-index: -1;
}

.s_slider_content__slide_wrap {
    max-width: 514px;
    width: 100%;
    margin:  0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.s_slider_content__slide--title {
    margin-bottom: 19px;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
}

.s_slider_content__slide--title span {
    color: #FAA634;
}

.s_slider_content__slide--description {
    margin-bottom: 30px;
}

.s_slider_content__slide--images {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}

.s_slider_content__slide--images li:not(:nth-last-child(1)) {
    position: relative;
    margin-bottom: 27px;
    padding-bottom: 28px;
}

.s_slider_content__slide--images li:not(:nth-last-child(1))::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.13);
}

.s_slider_content__slide_wrap .btn__violet:hover {
    background: #fff;
}

.s_slider_content__slide.right_bottom .btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0 auto;
    max-width: 200px;
}

.s_slider_content__slide.center_bottom  .btn {
    position: absolute;
    bottom: 12px;
}

.s_slider_nav {
    max-width: fit-content;
    width: auto;
    margin-top: 18px;
    padding: 7px 8px 5px 18px;
    display: flex;
    grid-column-gap: 26px;
    align-items: center;
    border-radius: 20px;
    background: #EEEEEE;
}

.s-solutions .s_slider_nav {
    grid-column-gap: 5px;
    margin: 21px auto 15px;
}

.s_slider_nav__dots {
    width: auto !important;
    display: flex;
    grid-column-gap: 4px;
    transform: none !important;
}

.s_slider_nav .swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
    margin: 0 !important;
    border-color: #2A1A40 !important;
    background: #2A1A40 !important;
    opacity: 1;
}

.s_slider_nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #00ADE6 !important;
    background: #00ADE6 !important;
}

.s_slider_nav .s_slider_nav__arrows {
    display: flex;
    grid-column-gap: 4px;
}

.s_slider_nav.hide,
.s_slider_nav .swiper-pagination-lock + .s_slider_nav__arrows {
    display: none;
}

.s_slider_nav .s_slider_nav__arrows button {
    min-width: auto;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0;
    background: #fff;
}

.s_slider_nav .s_slider_nav__arrows button:hover {
    border: 0;
    background: #2A1A40;
}

.s_slider_nav .s_slider_nav__arrows button:hover path {
    stroke: #fff;
}

@media (min-width: 481px) {
    .main_video_mobile {
        display: none;
    }
}


@media (min-width: 768px) {
    .banner {
        /*min-height: 581px;*/
        min-height: 520px;
        padding: 48px 0;
    }

    .banner.banner_small {
        min-height: 522px;
    }

    .banner.banner_image_text {
        min-height: 609px;
        overflow: unset;
    }

    .banner .breadcrumbs {
        margin-bottom: 50px;
    }

    .banner_col:nth-child(1) {
        width: 40%;
    }

    .banner_col:nth-child(2) {
        width: 51%;
        margin: 14px 0 0;
        padding-bottom: 27px;
    }

    .banner.banner_small .banner_col:nth-child(2) {
        width: 48%;
        margin-top: 30px;
    }


    .page-template-careers .banner.banner_small .banner_col:nth-child(2),
    .page-template-training-consulting .banner.banner_small .banner_col:nth-child(2),
    .page-template-who-we-serve .banner.banner_small .banner_col:nth-child(2),
    .page-template-use-cases .banner.banner_small .banner_col:nth-child(2),
    .single-who_we_serve  .banner.banner_small .banner_col:nth-child(2),
    .page-template-about-us .banner.banner_small .banner_col:nth-child(2) {
        width: 77%;
    }

    .banner_image_text .banner_col:nth-child(2) {
        margin: 61px 0 0;
    }

    .banner__image {
        position: relative;
        min-height: 486px;
    }

    .banner__image img {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50vw;
        width: 41vw;
        height: 100%;
        object-fit: cover;
        border-radius: 0 50px 50px 0;
    }


    .banner__headline {
        border-top: 1px solid #00ADE6;
    }

    .banner__title {
        padding-top: 20px;
    }

    .banner_image_text .banner__title {
        margin-bottom: 39px;
    }

    .card_post {
        width: calc(50% - 10px);
        padding-bottom: 50px;
    }

    .card_post__date {
        left: 30px;
        bottom: 20px;
    }

    .ready-to__bg.img_mobile {
        display: none;
    }
}

@media (min-width: 992px) {
    .headline.left,
    .headline_row {
        text-align: left;
    }

    .headline_row .headline_row_col:nth-child(1) {
        width: 41%;
    }

    .headline_row .headline_row_col:nth-child(2) {
        width: 37%;
    }

    .s-secret .headline .headline_row .headline_row_col:nth-child(2) {
        width: 55%;
    }

    .headline_row .headline__description {
        max-width: 100%;
        margin: 0;
    }

    .headline__title {
        font-size: 40px;
        line-height: 50px;
    }

    .headline__subtitle {
        font-size: 16px;
        line-height: 26px;
    }

    .card_post {
        width: calc(33.333% - 14px);
        padding-bottom: 62px;
    }

     .card_post.resources-one {
        padding-bottom: 0;
    }

    .post_row .card_post.events-one {
        padding-bottom: 49px;
    }

    .card_post__date {
        left: 30px;
        bottom: 35px;
    }

    .card_post.events-one .card_post__date {
        bottom: 29px;
    }

    .slider_serve__slide__txt {
        width: 92%;
    }

    .slider_serve__slide--title {
        margin-bottom: 27px;
        font-size: 35px;
        line-height: 38px;
    }

    .part-s.s-serve .slider_serve__slide__txt-hide {
        padding: 38px 14% 35px 21px;
    }

    .slider_serve__slide__txt-hide--content_title {
        margin-bottom: 13px;
        padding-top: 16px;
        font-size: 22px;
        line-height: 24px;
    }

    .part-s.s-serve {
        padding: 65px 0 0;
    }

    .part-s .divider {
        margin-top: 116px;
    }

    .s-certification {
        padding: 70px 0 95px;
    }

    .s-partners {
        padding: 70px 0 55px;
    }

    .certification_image {
        width: 50%;
    }

    .certification_content {
        width: 44%;
    }

    .certification_content--title {
        margin-bottom: 29px;
    }
    .s-contact-form::before {
        content: "";
        position: absolute;
        top: 0;
        left: 41.5%;
        width: 1px;
        height: 100%;
        background: #00ADE6;
    }

    .contact_form_row {
        display: flex;
        justify-content: space-between;
    }

    .contact_form_row .headline {
        width: 38%;
    }

    .contact_form_row .headline .headline__title {
        max-width: 400px;
        margin-bottom: 11px;
        line-height: 56px;
    }

    .page-template-partners .contact_form_row .headline .headline__title {
        max-width: 300px;
        margin-bottom: 27px;
    }

    .contact_form_row .headline .headline__description {
        max-width: 412px;
        margin: 0;
    }

    .contact_form_col {
        width: 51%;
    }

    .dev_cards {
        width: 100%;
    }

    .dev_cards__item {
        max-width: calc(48% - 20px);
        width: 100%;
    }

    .dev_cards__item:nth-child(even)::before {
        content: "";
        position: absolute;
        top: 0;
        left: -30px;
        width: 1px;
        height: 100%;
        background: #4d4457;
    }

    .posts_latest {
        margin-top: 88px;
        padding-top: 61px;
    }

    .posts_latest__slider.swiper {
        padding: 38px 0 98px;
    }

    .posts_latest__slider:not(.swiper-initialized) .swiper-wrapper {
        grid-column-gap: 20px;
    }

    .posts_latest__slider:not(.swiper-initialized) .swiper-slide {
        width: calc(33.333% - 13px);
    }

    .page-template-about-us .guides .divider {
        margin-top: 109px;
    }

    .offices-desc--img {
        position: relative;
        width: 44%;
        margin-right: 4%;
        padding-top: 27%;
    }

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

    .footer .center-section .left {
        gap: 34px;
    }

    .menu-box:nth-child(1) {
        width: 23%;
    }

    .menu-box:nth-child(2) {
        width: 21%;
    }

    .menu-box:nth-child(3) {
        width: 17%;
    }

    .menu-box:nth-child(4) {
        width: 10%;
    }

    .menu-box:nth-child(5) {
        width: 16.5%;
    }

    .footer .center-section .right .links {
        flex-direction: column;
        gap: 17px;
    }

    .footer .center-section .right .links_title {
        margin-right: auto;
    }

    .s-slider {
        padding: 51px 0 71px;
    }

    .s_slider_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .s_slider_col:nth-child(1) {
        width: 40%;
        padding: 50px 50px 50px 68px;
    }

    .s_slider_col:nth-child(2) {
        width: 57.65%;
    }

    .s_slider_content__slide--title {
        font-size: 42px;
        line-height: 54px;
    }
}

@media (min-width: 1141px) {
    .content-tabs {
        margin-right: -10%;
        padding-right: 10%;
    }


    .s-solutions .wrapper .left > .heading-wrapper h2 {
        margin-left: 60px;
    }
}

@media (min-width: 1170px) {
    .slider_serve__slide--arrow {
        right: -1px;
    }


    .dev_cards__item {
        max-width: 359px;
    }

    .dev_cards__item:nth-child(1){
        max-width: 250px;
    }

    .dev_cards__item:nth-child(3){
        max-width: 298px;
    }

    .dev_cards__item:nth-child(even)::before {
        display: none;
    }

    .dev_cards__item:not(:nth-child(3n - 2))::before {
        content: "";
        position: absolute;
        top: 0;
        left: -30px;
        width: 1px;
        height: 100%;
        display: block;
        background: #4d4457;
    }
}

@media (min-width: 1441px) {
    .banner__title {
        line-height: 64px;
    }
}

@media (min-width: 1501px) {

    .banner__image img {
        width: 45vw;
    }
}

@media (min-width: 1851px) {
    .banner .banner-anim-left {
        transform: translateY(40%);
    }
}

@media (min-width: 1921px) {
    .s-solutions .wrapper .left {
        padding-left: calc((100% - 1440px) / 2);
    }
}

@media (max-width: 1174px) {
    .img_box_mobile_scroll {
        padding-bottom: 20px;
    }
    .offices-desc--txt {
        width: 40%;
    }
}

@media (max-width: 991px) {
    .what-atoti-is {
        padding: 40px 0;
    }
    .what-atoti-is .wrapper .boxes .box {
        width: calc(50% - 20px);
    }

    .headline_row {
        flex-direction: column;
    }

    .swiper_arrows .swiper_nav_prev {
        left: -10px;
    }

    .swiper_arrows .swiper_nav_next {
        right: -10px;
    }

    .contact-header--bg-left {
        right: -16%;
        bottom: 5%;
        width: 40%;
    }

    .contact-header--bg-right {
        top: 6%;
        right: -16%;
        bottom: auto;
        width: 40%;
    }

    .slider_serve {
        flex-wrap: wrap;
        grid-row-gap: 20px;
    }

    .slider_serve__slide {
        /*min-height: 474px;*/
    }

    .slider_serve__slide__txt {
        padding-right: 30px;
    }

    .slider_serve__slide--arrow {
        right: 0;
        transform: none;
    }

    .slider_serve__slide--title {
        margin-bottom: 24px;
        font-size: 30px;
        line-height: 44px;
    }

    .slider_serve__slide__txt-hide {
        height: auto;
        min-height: auto;
        padding: 15px 15px 20px;
    }

    .slider_serve__slide__txt-hide--content_title {
        margin-top: 16px;
    }

    .certification_row {
        flex-direction: column;
        text-align: center;
    }

    .certification_image {
        margin-bottom: 20px;
    }

    .certification_content .btn {
        margin: 20px auto 0;
    }

    .banner-anim-left {
        width: 36%;
    }

    .banner-anim-right {
        width: 36%;
    }

    .certification__bg {
        display: none;
    }

    .dev_cards {
        max-width: 400px;
    }

    .dev_cards__item {
        width: 100%;
    }

    .dev_cards__item:not(:nth-last-child(1))::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -27px;
        width: 100%;
        height: 1px;
        margin: 0 auto;
        background: #4d4457;
    }

    .newsletter .hs-newsletter-form .actions {
        justify-content: flex-start;
    }

    .posts_latest {
        padding-bottom: 40px;
    }

    .posts_latest .headline .btn {
        display: none;
    }
    .posts_latest__slider.swiper .swiper-pagination {
        position: relative;
        bottom: 0;
        margin-top: 30px;
    }

    .contact-header .wrapper h1 {
        margin-bottom: 10px;
    }

    .slider_serve__slide__wrap {
        padding-bottom: 10px;
    }

    .slider_serve__slide--image {
        margin: 2px auto 19px;
        padding-top: 58.5%;
    }

    .slider_serve__slide--text {
        margin-top: 0;
    }

    .slider_serve__slide--arrow {
        position: relative;
        right: 0;
        bottom: 0;
        width: 30px;
        height: auto;
        margin: 11px -6px 0 auto;
        transform: none;
    }

    .slider_serve__slide--text,
    .slider_serve__slide__txt-hide--text {
        font-size: 14px;
        line-height: 22px;
    }

    .testimonials {
        padding: 60px 0  0 !important;
    }

    .testimonials .headline {
        max-width: 380px;
        margin: 0 auto 23px;
    }

    .testimonials .right-section .swiper {
        padding: 0;
    }

    .testimonials .container {
        padding: 0 15px !important;
    }

    .testimonials .progress-bar {
        display: block !important;
    }
    .testimonials .progress-bar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        left: 0;
        right: 0;
        max-width: 160px;
        width: 55.5% !important;
        margin: 0 auto !important;
    }

    .testimonials .wrapper .right-section .box .content {
        padding: 0 40px;
    }

    .testimonials__arrows button {
        top: calc(50% - 18%);
    }

    .case-tabs .demo {
        margin-top: 21px;
        padding-bottom: 6px;
    }

    .offices-desc-row {
        flex-direction: column;
    }

    .offices-desc--img {
        max-width: 400px;
        width: 100%;
        margin: 0 auto 20px;
    }

    .map-vert-acc-one .map-vert-acc-inner.offices-desc .offices-desc--img img {
        height: 100%;
    }

    .offices-desc--txt {
        max-width: 400px;
        width: 100%;
    }

    .map-vert-acc .map-vert-acc-one .map-vert-acc-top {
        justify-content: left;
        padding: 15px 40px 13px;
    }

    .map-vert-acc .map-vert-acc-top span {
        top: 18px;
    }

    .s-partners .pags {
        justify-content: center;
    }
    #contact-form form select {
        width: 100% !important;
        padding-left: 16px !important;
    }
    #contact-form .hs-fieldtype-select .input::after {
        right: 14px !important;
    }

    .contact-header .wrapper .top .block .link {
        position: relative;
        width: auto;
        display: block;
        margin: 23px auto 0;
    }

    .contact-header .wrapper .top .block .link .icon {
        position: absolute;
        top: 0;
        left: -10px;
        transform: translateX(-100%);
    }

    .s-dpage .dpage-bg-left,
    .s-dpage .dpage-bg-right {
        display: none;
    }

    .s_slider_row {
        position: relative;
        padding-bottom: 74px;
    }

    .s_slider_txt {
        margin-bottom: 24px;
    }

    .s_slider_nav {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

    .s_slider_content__slide.contain_image_mobile  > img {
        object-fit: contain;
    }

    .s_slider_content__slide.contain_image_mobile .btn {
        color: #fff;
        border-color: var(--primary);
        background: var(--primary);
    }

    .s_slider_content__slide.contain_image_mobile .btn:hover {
        color: var(--primary);
        border-color: var(--primary);
        background: #fff;
    }
}

@media (max-width: 767px) {
    .banner_bg {
        top: 42%;
        left: auto;
        right: 0;
        width: 63%;
        transform: scaleX(-1);
    }

    .banner_page .banner-anim-left {
        left: auto;
        right: -16px;
        bottom: -12%;
        max-width: 215px;
        width: 100%;
        transform: scale(-1, 1) rotate(354deg);
    }

    .banner__subtitle {
        max-width: 72%;
    }

    .banner .breadcrumbs {
        margin-bottom: 40px;
    }

    .banner_row {
        position: relative;
        height: auto;
        flex-direction: column;
        padding-top: 4px;
    }

    .banner_row::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        margin: 0 auto;
        background: #00ADE6;
    }

    .banner_small .banner_row {
        flex-direction: column-reverse;
        justify-content: unset;
    }

    .banner_image_text .banner-anim-right,
    .banner__text {
        display: none;
    }

    .banner_small .banner_row .banner__text {
        max-width: 72%;
        display: block;
    }

    .banner_image_text {
        padding-bottom: 50px;
        overflow: visible;
    }

    .banner_bg__left {
        left: -17%;
        bottom: 3%;
        width: 40%;
    }

    .banner_bg__right {;
        right: -21%;
        bottom: -9%;
        width: 40%;
    }

    .banner_image_text .banner_row {
        height: auto;
        text-align: center;
        /*border-bottom: 1px solid #00ADE6;*/
    }

    .banner_image_text .banner_row::before {
        display: none;
    }

    .banner__image {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }

    .banner__image img {
        width: 100%;
    }

    .banner_image_text .banner__title {
        margin-bottom: 30px;
    }

    .banner_image_text .banner__subtitle {
        margin: 0 auto 20px;
    }

    .contact-header--bg-left,
    .contact-header--bg-right {
        display: none;
    }
    .card_post {
        padding-bottom: 20px;
    }

    .card_post__date {
        position: relative;
    }

    .resources-one .card_post__title {
        margin-bottom: 0;
    }

    .s-logotypes .logos .logo {
        margin: 0 auto;
    }

    .ready-to__bg.img_desktop {
        display: none;
    }

    .ready-to__bg {
        object-position: center;
    }
}

@media (max-width: 560px) {
    .what-atoti-is .wrapper .boxes .box {
        width: 100%;
    }

    .card_post.resources-one .posts-img img {
        height: 68%;
    }

    .card_post_img__title {
        width: 58%;
        font-size: 18px;
        line-height: normal;
    }

    .banner_col .btn {
        margin: 19px auto 0 0;
    }

    .banner_small .banner_row .banner__text,
    .banner__subtitle {
        max-width: 100%;
    }

    .slider_serve__slide--text {
        -webkit-line-clamp: 4;
    }
}


@media (max-width: 480px) {
    .dpage__title {
        font-size: 28px;
        line-height: normal;
    }

    .s-dpage .wp-block-buttons .wp-block-button a {
        min-width: 280px;
    }

    .main_video_desktop {
        display: none;
    }

    .banner_video .video-embed {
        padding-bottom: 151.25%;
    }

    .testimonials__arrows button {
        top: calc(50% - 24%);
    }

    .map-vert-acc-one .offices-desc ul {
        flex-direction: column;
        align-items: center;
    }

    .map-vert-acc-one .offices-desc ul li.line {
        width: 56px;
        height: 1px;
        margin: 10px;
    }

    fieldset.form-columns-2 .hs-form-field,
    fieldset.form-columns-2 .hs-form-field input {
        width: 100% !important;
    }
}

.cmplz-cookiebanner.cmplz-show {
    max-width: 660px;
}

.cmplz-cookiebanner .cmplz-message {
    width: 100%;
    text-align: center;
}

.cmplz-cookiebanner .cmplz-categories {
    width: 100%;
}