/*
Theme Name: Agiliway Basic Theme
Theme URI: https://agiliway.com/
Description: Basic Theme. If you have questions visit our <a href="https://agiliway.com/">website</a>.
Author: Agiliway Team
Author URI: https://agiliway.com
Version: 1.0
Tags: responsive, bootstrap, agiliway

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: https://creativecommons.org/licenses/by-sa/3.0/
*/

@font-face {
	font-family: "Ubuntu Light";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local(""), url(fonts/Ubuntu-Light.woff2)format("woff2"), url(fonts/Ubuntu-Light.woff)format("woff")
}
@font-face {
	font-family: "Ubuntu Regular";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local(""), url(fonts/Ubuntu-Regular.woff2)format("woff2"), url(fonts/Ubuntu-Regular.woff)format("woff")
}
@font-face {
	font-family: "Ubuntu Medium";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local(""), url(fonts/Ubuntu-Medium.woff2)format("woff2"), url(fonts/Ubuntu-Medium.woff)format("woff")
}
@font-face {
	font-family: "Ubuntu Bold";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local(""), url(fonts/Ubuntu-Bold.woff2)format("woff2"), url(fonts/Ubuntu-Bold.woff)format("woff")
}

* {
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
*:focus {
	outline: none;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
*{
/* Prevent any object from being highlighted upon touch event*/
-webkit-tap-highlight-color: rgba(0,0,0,0); }
input:focus-visible, input:focus-within, *:focus-visible, *:focus-within {
	outline: none;
    outline: 0px solid crimson;
    border-radius: 0px;
}
/* animation  */
.reveal{
  position: relative;
  transform: translateY(75px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
body {
	font-family: 'Ubuntu Regular';
	font-weight: 400;
	background: #fff;
	webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu Regular';
}
.display-1 {
	position: relative;
	font-size: 36px;
	color: #000;
	font-weight: 300;
	line-height: 1;
}
.display-1.de {
	font-size: 32px;
}
.display-2 {
	position: relative;
	font-size: 32px;
	color: #000;
	line-height:1.2;
	padding-bottom: 20px;
}
.display-1 span,.display-2 span {
	font-family: 'Ubuntu Bold';
	color: #158b46;
}
.display-2.reveal{
  transform: translateX(100px);
  opacity: 0;
  transition: 2s all ease;
}
.display-2.reveal.active{
  transform: translateX(0);
  opacity: 1;
}
.display-3 {
	position: relative;
	font-size: 26px;
	line-height: 1;
}
.display-4 {
	position: relative;
	font-size: 21px;
	line-height: 1;
}
.display-5 {
	position: relative;
	font-family: 'Ubuntu Bold';
	font-size: 18px;
	font-weight: 700;
}
.display-6 {
	position: relative;
	font-size: 18px;
	font-weight: 400;
}
p, li {
	font-size: 17px;
	line-height: 1.5;
}
a {
    color: #158b46;
    text-decoration: none;
}
a:hover {
	color: #77b643;
}
strong {
	font-weight: 700;
}
.btn {
	position: relative;
	min-width: 160px;
    padding: 9px 40px 9px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
	text-decoration: none;
    border-radius: 20px;
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0),0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-opacity: 0.65;
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
.btn:hover, .btn:focus {
	padding: 9px 45px 9px 15px;
}
.btn.reveal{
  transform: translateY(100px);
  opacity: 0;
  transition: 2s all ease;
}
.btn.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
.btn-light {
    color: #158b46;
    background-color: #f7f8f9;
    border-color: rgba(175,183,195,.3);
}
.more .btn-light {
	padding: 9px 45px 9px 15px;
}
.btn-light:hover, .btn-light:focus {
    color: #fff;
    background-color: #158b46;
    border-color: #158b46;
}
.btn-success {
    color: #fff;
    background-color: #158b46;
    border-color: #158b46;
}
.btn-success:hover, .btn-success:focus {
    color: #fff;
    background-color: #77b643;
    border-color: #77b643;
}
.btn-success:after, .btn-light:after {
	content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
    background: url(image/arrow-next-white.svg) no-repeat center center;
	opacity: 1;
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
article .btn-light:after {
	right: 15px;
	background: url(image/arrow-next-green.svg) no-repeat center center;
	opacity: 1;
}
.more .btn-light:after {
	right: 15px;
	background: url(image/ico-plus.svg) no-repeat center center;
	opacity: 1;
}
.btn-success:hover:after, .btn-success:focus:after, .btn-light:hover:after, .btn-light:focus:after {
	right: 10px;
	opacity: 1;
	background: url(image/arrow-next-white.svg) no-repeat center center;
}
.more .btn-light, .more .btn-light.collapsed {
    color: #158b46;
    background-color: #f7f8f9;
    border-color: rgba(175,183,195,.3);
}
.more .btn-light:not(.collapsed), .more .btn-light:hover {
	color: #fff;
    background-color: #158b46;
    border-color: #158b46;
}
.more .btn-light:hover:after, .more .btn-light:focus:after, .more .btn-light.collapsed:hover:after {
	right: 15px;
	opacity: 1;
	background: url(image/ico-minus.svg) no-repeat center center;
}
.more .btn-light.collapsed:after {
	right: 15px;
	background: url(image/ico-plus.svg) no-repeat center center;
	opacity: 1;
}
.more .btn-light strong {display:inline; font-weight: 400;}
.more .btn-light:not(.collapsed) span {display:none}
.more .btn-light.collapsed strong {display:none}

/* Start Header*/

#header {
    z-index: 1030;
    width: 100%;
    min-height: 68px;
}
#header #search {
}
#header .navbar.bg-light {
	position: relative;
    background-color: #fff !important;
	border-bottom: 1px solid #dfe3e7;
}
#header .navbar-brand {
    margin-left: 15px;
	margin-right: 0px;
    padding-top: 14px;
    padding-bottom: 14px;
}
#header .navbar-brand img {
	height: 40px;
}
#header .navbar .navbar-nav {
    margin: 0;
    padding: 0;
	background-color: #f8f9fb;
}

#header .navbar .navbar-nav .menu-item {
    padding: 0;
    margin: 0;
}
#header .navbar .navbar-nav .dropdown-toggle.nav-link span, #header .navbar .navbar-nav .menu-item .nav-link .dropdown-toggle {
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 20px;
    display: inline-block;
    transform: scale(1,1);
    cursor: pointer;
}
#header .navbar .navbar-nav .dropdown-toggle.nav-link:hover span, #header .navbar .navbar-nav .menu-item .nav-link:hover .dropdown-toggle, #header .navbar .nav-item:hover .dropdown-toggle {
    color: #79b825;
    top: 20px;
}
#header .navbar .navbar-nav .menu-item.dropdown .dropdown-toggle {
	float: right;
	line-height: 50px;
	margin-right: 0px;
	background-color: transparent;
	border: 0px;
}
#header .navbar .nav-item {
	border-top: 1px solid #dfe3e7;
}
#header .navbar .nav-item a {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
	text-transform: uppercase;
    line-height: 50px;
    padding: 0px 15px;
}
#header .navbar .nav-item:hover, #header .navbar .nav-item:focus {
    background-color: #f8f9fb;
}
#header .navbar .nav-item.current-menu-item a, #header .navbar .nav-item.current-lang a, #header .navbar .navbar-nav .menu-item.current-menu-item .nav-link .dropdown-toggle {
	color: #158b46;
}
#header .navbar .nav-item.dropdown a {
	display: inline;
	width: calc(100% - 30px);
	padding: 16px 5px 16px 15px;
}
/* #header .navbar .nav-item > a:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 0px;
	height: 1px;
	background-color: #77b643;
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
#header .navbar .nav-item.current-menu-item > a:before, #header .navbar .nav-item.current-lang > a:before {
	left: 15px;
	right: 15px;
	width: calc(100% - 30px);
	background-color: #158b46;
}
#header .navbar .nav-item > a:hover:before, #header .navbar > .nav-item.current-menu-item > a:hover:before, #header .navbar .nav-item.current-lang > a:hover:before {
	left: 10px;
	right: 10px;
	width: calc(100% - 20px);
	background-color: #77b643;
} */
.dropdown-toggle::after {
	/* position: absolute;
	top: 23px;
	right: 10px; */
}
.navbar-toggler {
	position: absolute;
	top: 9px;
	right: 0px;
    padding: 9px;
    color: #000;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;
}
.navbar-toggler:focus {
	background-color: #fff;
	outline: none;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
}
.navbar-toggler .navbar-toggler-icon, .navbar-toggler.collapsed:focus .navbar-toggler-icon {
    background: url(image/ico-menu.svg) no-repeat center center;
}
.navbar-toggler:focus .navbar-toggler-icon {
    background: url(image/ico-close.svg) no-repeat center center;
}
.collapse.show {
    display: block;
}
#header .navbar .navbar-nav .menu-item:hover a, #header .navbar .navbar-nav .menu-item a:hover, #header .navbar .navbar-nav .menu-item:hover .nav-link .dropdown-toggle {
    color: #79b825;
    text-decoration: none;
}

#header .navbar .navbar-nav .dropdown-toggle.nav-link .dropdown-menu.current-menu-item > a {
    color: #158b46;
    background-color: #f8f9fb;
    padding-left: 10px;
}

#header .navbar .navbar-nav .dropdown-toggle.nav-link .dropdown-menu .current-menu-item a {
    color: #158b46;
    background-color: #f8f9fb;
    padding: 10px 6px;
}
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: inherit;
}
.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #f8f9fb;
    padding: 0px;
	margin: 0px !important;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    z-index: 100;
    cursor: pointer;
	border: 0px solid;
	border-bottom: 0px solid #dfe3e7;
    border-radius: 0px;
}
.dropdown-menu.show {
    display: -ms-flexbox!important;
    display: flex!important;
}

#header .navbar .nav-item .dropdown-menu li {
	position: relative;
    margin: 0;
    width: 100%;
    text-align: left;
}
#header .navbar .nav-item .dropdown-menu .dropdown-item {
    white-space: normal;
}
#header .navbar .nav-item .dropdown-menu li a, #header .navbar .menu-item:hover .dropdown-menu li a {
    position: relative;
    display: block;
    width: 100% !important;
	font-size: 14px;
    color: #000 !important;
    line-height: 20px;
    padding: 10px 35px;
}
#header .navbar .nav-item .dropdown-menu li a:hover, #header .navbar .nav-item .dropdown-menu li a:focus {
    color: #79b825 !important;
    background-color: transparent;
    background-image: none;
}
#header .navbar .nav-item .dropdown-menu li.current-menu-item a {
    color: #79b825 !important;
    background-color: #fff;
}
#header .navbar .nav-item .dropdown-menu .current-menu-item a:hover, #header .navbar .nav-item .dropdown-menu .current-menu-item a:focus {
    color: #79b825 !important;
}
#header .navbar .nav-item .dropdown-menu li:before {
	content: "";
    display: block;
    width: 0px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(255,255,255,.7);
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
#header .navbar .nav-item .dropdown-menu li:hover:before, #header .navbar .nav-item .dropdown-menu li:focus:before {
	width: 100%;
}
#header .navbar .nav-item .dropdown-menu li a:before {
	content: "";
    display: block;
    width: 5px;
    height: 1px;
    position: absolute;
    left: 10px;
    top: 20px;
    background: #000;
}
#header .navbar .nav-item .dropdown-menu li a:hover:before, #header .navbar .nav-item .dropdown-menu li a:focus:before, #header .navbar .nav-item .dropdown-menu .current-menu-item a:before {
	width: 15px;
	background: #77b643;
}

.header-contact {
	position: absolute;
	top: 14px;
	right: 50px;
    width: 120px;
	
}
.header-contact .contact-button.btn.btn-success {
	min-width: 120px;
	padding: 9px 15px;
}
.header-contact .contact-button.btn.btn-success:hover, .header-contact .contact-button.btn.btn-success:focus {
	padding: 9px 15px 9px 15px;
}
.header-contact .btn-success:after {
	opacity: 0;
}

/* Search*/
.header-search {
	position: absolute;
	top: 14px;
	right: 170px;
}
.btn.btn-link.search {
	min-width: inherit;
	padding: 9px;
	margin-right: 10px;
}
.btn.btn-link.search:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(13,110,253,0);
}
.search-icon,
.search-submit {
    background: url(image/ico-search.svg) no-repeat center center;
    color: transparent;
    border: 0;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.dropstart .dropdown-menu[data-bs-popper] {
    top: 0px !important;
    right: 10px;
    left: auto;
    margin-top: 0;
    margin-right: 0;
	padding: 0px;
	width: 200px;
	height: 40px;
	background-color: #f8f9fb;
	border: 1px solid #dfe3e7;
	border-radius: 20px;
}
.dropstart .dropdown-menu .search-form {
	/* position: relative;
	display: flex; */
}
.dropstart .dropdown-menu .search-form label .screen-reader-text {
	font-size: 0px;
}
.dropstart .dropdown-menu .search-field {
	width: 150px;
	line-height: 27px;
	padding: 5px 0px 6px 10px;
	background-color: transparent;
    border: 0px solid #fff;
}
.modal-body .search-submit, .dropstart .dropdown-menu .search-submit {
    position: absolute;
    right: 0px;
    top: 0px;
	padding: 0;
	background: url(image/ico-search.svg) no-repeat center center;
    color: transparent;
    border: 0;
    display: block;
    width: 38px;
    height: 38px;
    cursor: pointer;
}

/* modal */
.modal-open {
	overflow: hidden;
	padding-right: 0px !important;
}
.modal-open #header {
    padding-right: 0px !important;
}
.modal {
    z-index: 99999999;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
	padding-right: 17px;
}
.modal-fullscreen .modal-content {
    background-color: transparent;
}
.apply-modal .modal-content {
	padding: 15px 50px;
    background-color: #f8f9fb;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0px;
}
.modal-header {
    padding: 0px;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.btn-close {
	position: absolute;
	top: 60px;
	right: 50px;
    width: 30px;
    height: 30px;
    padding: 10px;
	color: #fff;
	background: #fff url(image/ico-close.svg) no-repeat center center;
    border-radius: 25px;
    opacity: 1;
	z-index: +1;
}
#contactModal .modal-content .btn-close {
    top: 20px;
    right: 20px;
}
.btn-close:hover, .btn-close:focus {
	background: #77b643 url(image/ico-close-white.svg) no-repeat center center;
	opacity: 1;
}
h4.modal-title {
	font-size: 30px;
	color: #158b46;
}
.modal-body {
    padding: 0px;
}
#contactModal .modal-body {
    /* background-color: #f8f9fa; */
}
.modal-body .display-3 {
	font-family: "Ubuntu Regular";
}
.modal-body label {
    display: inline;
	font-size: 14px;
}
#contactModal .modal-body .wpcf7 textarea {
    height: 100px !important;
}

/* carousel */
.slider {
	margin-top: 68px;
}
.carousel {
    position: relative;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slider .carousel .carousel-inner:before {
	display: none;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -125px;
	width: 15%;
    height: 250px;
	content: '';
    background: url('image/arrow-green.svg') no-repeat center right;
	z-index: 2;
}
.slider .carousel-item .display-1 {
	position: relative;
	transform: translateX(100px);
	opacity: 0;
	transition: 1s all ease;
}
.slider .carousel-item.active .display-1 {
	transform: translateX(0);
	opacity: 1;
}
.slider .carousel-item:nth-child(1) .display-1 {
	animation: translate1 1s 1;
	transform: translateX(0);
	opacity: 1;
}
@keyframes translate1 {
  0% {
   transform: translateX(100px);
   opacity: 0;
  }
  100% {
    transform: translateX(0);
	opacity: 1;
  }
}
.carousel-caption {
    text-align: left;
	left: 10%;
	right: 10%;
    bottom: auto;
    width: 80%;
}
.carousel-caption p {
	color: #000;
}
.slider .carousel-item p {

	position: relative;
	transform: translateY(100px);
	opacity: 0;
	transition: 1s all ease;
	transition-delay: .3s;
}
.slider .carousel-item.active p {
	transform: translateY(0);
	opacity: 1;
}
.slider .carousel-item:nth-child(1) p {
	animation: translate2 1s 1;
	transform: translateY(0);
	opacity: 1;
	transition-delay: .3s;
}
@keyframes translate2 {
  0% {
   transform: translateY(100px);
   opacity: 0;
  }
  100% {
    transform: translateY(0);
	opacity: 1;
  }
}
.carousel-caption {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.carousel .carousel-indicators {
    bottom: 0px;
    margin-bottom: 4px;
    z-index: 1;
}
.slider .carousel .carousel-indicators {
	margin-bottom: 0px;
    bottom: 44px;
}
.carousel-indicators [data-bs-target] {
	position: relative;
    width: 30px;
    height: 30px;
    margin: 2px;
	background-color: transparent;
    border-radius: 50%;
    webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
	opacity: 1;
}
.slider .carousel-indicators [data-bs-target]:first-child, .slider .carousel-indicators [data-bs-target]:last-child,
.testimonials .carousel-indicators [data-bs-target]:first-child, .testimonials .carousel-indicators [data-bs-target]:last-child {
    width: 60px;
    height: 30px;
}
.carousel-indicators [data-bs-target].active, .carousel-indicators [data-bs-target]:hover, .carousel-indicators [data-bs-target]:focus {
    opacity: 1;
}
.carousel-indicators [data-bs-target]:before {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 6px;
    height: 6px;
	content: '';
    background-color: #afb8c3;
	border-radius: 50%;
	webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;	
}
.slider .carousel-indicators [data-bs-target]:first-child:before, .slider .carousel-indicators [data-bs-target]:last-child:before, .slider .carousel-indicators [data-bs-target]:first-child:after, .slider .carousel-indicators [data-bs-target]:last-child:after, .testimonials .carousel-indicators [data-bs-target]:first-child:before, .testimonials .carousel-indicators [data-bs-target]:last-child:before, .testimonials .carousel-indicators [data-bs-target]:first-child:after, .testimonials .carousel-indicators [data-bs-target]:last-child:after {
	display: none;
}
.carousel-indicators [data-bs-target]:hover:before, .carousel-indicators [data-bs-target]:focus:before {
	top: 11px;
	right: 11px;
	width: 8px;
    height: 8px;
	background-color: #158b46;
}
.carousel-indicators [data-bs-target].active:before {
	background-color: #158b46;
}
.slider .carousel-indicators [data-bs-target]:before {
	background-color: rgba(255,255,255,.5);
}
.slider .carousel-indicators [data-bs-target]:hover:before, .slider .carousel-indicators [data-bs-target]:focus:before {
	background-color: #fff;
}
.slider .carousel-indicators [data-bs-target].active:before {
	background-color: #fff;
}
.carousel-indicators [data-bs-target]:after {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
    height: 30px;
	content: '';
	background-color: rgba(255,255,255,0);
	border: 3px solid transparent;
	border-radius: 50%;
	webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}
.carousel-indicators [data-bs-target].active:after, .carousel-indicators [data-bs-target]:hover:after, .carousel-indicators [data-bs-target]:focus:after {
	top: 0px;
	right: 0px;
	width: 30px;
    height: 30px;
	border: 3px solid rgba(175,184,195,.3);
}
.carousel-indicators [data-bs-target]:hover:after, .carousel-indicators [data-bs-target]:focus:after {
	border: 3px solid rgba(175,184,195,.3);
}
.slider .carousel-indicators [data-bs-target].active:after, .slider .carousel-indicators [data-bs-target]:hover:after, .slider .carousel-indicators [data-bs-target]:focus:after {
	top: 0px;
	right: 0px;
	width: 30px;
    height: 30px;
	background-color: rgba(255,255,255,0);
	border: 3px solid rgba(255,255,255,.9);
}
.slider .carousel-indicators [data-bs-target]:hover:after, .slider .carousel-indicators [data-bs-target]:focus:after {
	border: 3px solid rgba(255,255,255,.9);
}

/* progress */
.carousel-indicators [data-bs-target] svg {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 30px;
  height: 30px;
  background: none;
  z-index: +1;
  display: none;
}
.carousel-indicators [data-bs-target].active svg {
  display: block;
}
.carousel-indicators [data-bs-target].active circle {
  fill: transparent;
  stroke: #77b643;
  stroke-width: 3px;
  stroke-dasharray: 471;
  stroke-dashoffset: 471;
  animation: clock-animation 20s linear infinite;
  transform: rotate(-90deg);
  transform-origin: center;
}
@keyframes clock-animation {
  0% {
    stroke-dashoffset: 471;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.slider .carousel-control-prev-icon {
    background: url(image/arrow-prev-white-lg.svg) no-repeat center center !important;
}
.slider .carousel-control-next-icon {
    background: url(image/arrow-next-white-lg.svg) no-repeat center center !important;
}
.testimonials .carousel-control-prev-icon {
    background: url(image/arrow-prev-gray-lg.svg) no-repeat center center !important;
}
.testimonials .carousel-control-next-icon {
    background: url(image/arrow-next-gray-lg.svg) no-repeat center center !important;
}

/* partner-block */
.partner-block {
	padding: 66px 0 90px;
	background-color: #fff;
	background-color: #f8f9fb;
	border-bottom: 1px solid #EFF4F8;
	overflow: hidden;
}
.partner {
	position: relative;
	padding: 0px 5px;
	margin: 5px 0;
	webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}
.partner:before {
	display: none;
	position: absolute;
	left: 0px;
	top: 5%;
	content: '';
	width: 1px;
	height: 90%;
	background-color: rgba(139, 147, 159, 0.25);
}
.partner:nth-child(1):before {
	display: none;
}
.partner:hover {
	background-color: #fff;
}
.partner.reveal:nth-child(2) {
	transition-delay: .2s;
}
.partner.reveal:nth-child(3) {
	transition-delay: .4s;
}
.partner.reveal:nth-child(4) {
	transition-delay: .6s;
}
.partner.reveal:nth-child(5) {
	transition-delay: .8s;
}
.partner.reveal:nth-child(6) {
	transition-delay: 1s;
}
.partner.reveal:nth-child(7) {
	transition-delay: 1.2s;
}
.partner.reveal:nth-child(8) {
	transition-delay: 1.4s;
}
.partner.reveal:before {
	transform: translatey(-50px);
	opacity: 0;
	transition: 1s all ease;
}
.partner.reveal.active:before {
	transform: translatey(0);
	opacity: 1;
}
.partner img {
	padding: 5px;
	opacity: .7;
	filter: alpha(opacity=70)
}
.partner:hover img {
	padding: 5px;
	opacity: 1;
	filter: alpha(opacity=100)
}

/* services */
.services {
	position: relative;
    padding: 50px 0 72px;
	overflow: hidden;
}
aside.services {
	background-color: #fff;
}
.services:before {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
    height: 50%;
	content: '';
	background: url('image/bg-services.webp') no-repeat bottom left;
	z-index: -1;
}
.services .carousel.slide {
	z-index: +1;
}
.service {
	position: relative;
	text-align: center;
	margin-top: 10px;   
	margin-bottom: 24px;   
}
div:nth-child(2) > .service.reveal {
	transition-delay: .3s;
}
div:nth-child(3) > .service.reveal {
	transition-delay: .6s;
}
div:nth-child(4) > .service.reveal {
	transition-delay: .9s;
}
.service a {
	display: block;
	width: 220px;
    height: 220px;
	color: #000;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	background-color: #f8f9fb;
    border: 1px solid rgba(175,183,195,.3);
    border-radius: 50%;
    outline: 5px solid rgba(255,255,255,.1);
	webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}
.carousel-item .row div .service a {
	margin-right: auto;
	margin-left: auto;
}
.service a:hover {
	color: #fff;
	background-color: #77b643;
    border: 1px dashed #fff;
	outline: 5px solid #77b643;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes service-02 {
    0%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	10%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    20%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Standard syntax */
@keyframes service-02 {
	0%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	10%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    20%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
@-webkit-keyframes service-08 {
    10%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	20%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    30%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Standard syntax */
@keyframes service-08 {
	10%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	20%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    30%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
@-webkit-keyframes service-03 {
    20%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	30%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    40%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Standard syntax */
@keyframes service-03 {
	20%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	30%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
	40%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes service-05 {
    30%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	40%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    50%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Standard syntax */
@keyframes service-05 {
	30%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	40%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
	50%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
@-webkit-keyframes service-04 {
    40%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	50%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    60%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Standard syntax */
@keyframes service-04 {
	40%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	50%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
	60%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
@-webkit-keyframes service-06 {
    50%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	60%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    70%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Standard syntax */
@keyframes service-06 {
	50%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	60%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
	70%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes service-01 {
    60%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	70%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    80%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Standard syntax */
@keyframes service-01 {
	60%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	70%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
	80%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
}
@-webkit-keyframes service-07 {
    70%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	80%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
    90%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-animation-timing-function:ease-out;}
}
/* Standard syntax */
@keyframes service-07 {
	70%   {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
	80%   {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-animation-timing-function:ease-in;}
	90%  {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
}
.carousel-item .row div:nth-child(1) .service:nth-child(even) a img {
	animation-name: service-01;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}
.carousel-item .row div:nth-child(1) .service:nth-child(odd) a img {
	animation-name: service-02;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}
.carousel-item .row div:nth-child(2) .service:nth-child(even) a img {
	animation-name: service-03;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}
.carousel-item .row div:nth-child(2) .service:nth-child(odd) a img {
	animation-name: service-04;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}
.carousel-item .row div:nth-child(3) .service:nth-child(even) a img {
	animation-name: service-05;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}
.carousel-item .row div:nth-child(3) .service:nth-child(odd) a img {
	animation-name: service-06;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}
.carousel-item .row div:nth-child(4) .service:nth-child(even) a img {
	animation-name: service-07;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}
.carousel-item .row div:nth-child(4) .service:nth-child(odd) a img {
	animation-name: service-08;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}


.carousel-item .row div .service a:hover .display-4 {
	color: #fff;
}
.service a picture {
	display: block;
}
.service a img {
	position: relative;
	margin: 25px auto 10px;
	padding-bottom: 10px;
	webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}
.service a img:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 0px;
	height: 1px;
	background-color: #e7e9ed;
}
.service a .display-4 {
	font-family: 'Ubuntu Bold';
	font-size: 14px;
	color: #158b46;
	text-transform: uppercase;
	padding: 0px 12%;
	margin-top: -20px;
}
.service a:hover .display-4 {
	color: #fff;
}
.service a:hover img {
    filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
}
.service a:hover img:before {
	left: 0%;
	width: 100%;
	background-color: #fff;
}
.services .carousel .carousel-indicators {
    bottom: -32px;
}

/* technologies */
.technologies {
	position: relative;
    padding: 95px 0 175px;
    background: #f8f9fb;
	overflow: hidden;
}
.technologies .display-2 {
    padding-bottom: 10px;
}
.technologies .categories {
    padding: 75px 0 75px 100px;
    background-image: linear-gradient(-60deg, #158b46 0%, #77b643 100%);
}
.technologies .nav-pills {
	z-index: +1;
}
.technologies .nav-pills.reveal {
	transform: translateX(-100px);
	opacity: 0;
	transition: 1s all ease;
}
.technologies .nav-pills.reveal.active{
	transform: translateX(0);
	opacity: 1;
}
.technologies .nav-pills .nav-link {
	position: relative;
	font-family: 'Ubuntu Bold';
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    line-height: 12px;
	text-align: center;
    padding: 6px 15px 6px 15px;
	width: 150px;
	margin-bottom: -1px;
	border: 1px solid transparent;
    border-radius: 15px;
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
/* .technologies .nav-pills .nav-link:nth-child(2), .technologies .nav-pills .nav-link:nth-child(6) {
	width: 142px;
	padding-right: 43px;
}
.technologies .nav-pills .nav-link:nth-child(3), .technologies .nav-pills .nav-link:nth-child(5) {
	width: 138px;
	padding-right: 33px;
}
.technologies .nav-pills .nav-link:nth-child(4) {
	width: 131px;
	padding-right: 26px;
} */
.technologies .nav-pills .nav-link:hover {
	color: #158b46;
    background-color: rgba(255,255,255,1);
	border: 1px solid #158b46;
}
.technologies .nav-pills .nav-link.active, .technologies .nav-pills .show>.nav-link {
	font-size: 12px;
	color: #fff;
	background-color: #77b643;
	border: 1px solid #77b643;
}
.technologies .nav-pills .nav-link:hover:before, .technologies .nav-pills .nav-link.active:before {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	content: '';
    background-color: #158b46;
	border-radius: 50%;
}
.technologies .nav-pills .nav-link.active:before, .technologies .nav-pills .nav-link.active:hover:before {
	background-color: #fff;
}
.technologies .nav-pills .nav-link:hover:before {
	background-color: #77b643;
}
.technologies .tab-content {
	position: relative;
	width: 200px;
	height: 250px;
	padding-left: 20px;
	margin-top: -20px;
}
.technologies .tab-content:before {
	position: absolute;
	top: 0px;
	left: -60px;
	width: 250px;
	height: 250px;
	content: '';
    background-color: #fff;
	border: 1px solid #fff;
	border-left: 1px dashed #158b46;
	border-radius: 50%;
	outline: 1px solid rgba(175,183,195,.3);
}
.technologies .tab-pane {
	position: relative;
    z-index: +1;
	width: 100% !important;
}
.technologies .tab-pane ul, .major-technologies ul {
    padding-inline-start: 5px;
	list-style-type: none;
}
.technologies .tab-pane li, .major-technologies li {
    position: relative;
	font-family: 'Ubuntu';
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	line-height: 16px;
    padding: 60px 5px 20px 5px;
    margin: 0;
	background-size: 50px;
}
.major-technologies li {
	margin-top: 40px;
	margin-bottom: 40px;
}
.technologies .tab-pane.active li, .technologies .tab-pane.active p {
	animation: translate3 2s 1;
	transform: translateY(0);
	opacity: 1;
}
@keyframes translate3 {
  0% {
   transform: translateY(100px);
   opacity: 0;
  }
  100% {
    transform: translateY(0);
	opacity: 1;
  }
}
.major-technologies li:before {
	position: absolute;
	left: 50%;
	top: -40px;
	margin-left: -75px;
	content: '';
	width: 150px;
	height: 150px;
	background-color: transparent;
	border-radius: 50%;
	z-index: -1;
	webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}
.major-technologies li:hover:before {
	background-color: #F7F8F9;
}
.angular {
	background: url('image/logo-angular.svg') no-repeat top center;
}
.react {
	background: url('image/logo-react.svg') no-repeat top center;
}
.pwa {
	background: url('image/logo-pwa.svg') no-repeat top center;
}
.js {
	background: url('image/logo-js.svg') no-repeat top center;
}
.vue {
	background: url('image/logo-vue.svg') no-repeat top center;
}
.msserver {
	background: url('image/logo-msserver.svg') no-repeat top center;
}
.bi {
	background: url('image/logo-bi.svg') no-repeat top center;
}
.oracle {
	background: url('image/logo-oracle.svg') no-repeat top center;
}
.tableau {
	background: url('image/logo-tableau.svg') no-repeat top center;
}
.cassandra {
	background: url('image/logo-cassandra.svg') no-repeat top center;
}
.apache-spark {
	background: url('image/logo-apache-spark.svg') no-repeat top center;
}
.ios {
	background: url('image/logo-ios.svg') no-repeat top center;
}
.android {
	background: url('image/logo-android.svg') no-repeat top center;
}
.reactnative {
	background: url('image/logo-reactnative.svg') no-repeat top center;
}
.flutter {
	background: url('image/logo-flutter.svg') no-repeat top center;
}
.xamarin {
	background: url('image/logo-xamarin.svg') no-repeat top center;
}
.aws-ico {
	background: url('image/logo-aws.svg') no-repeat top center;
}
.jenkins {
	background: url('image/logo-jenkins.svg') no-repeat top center;
}
.ansible {
	background: url('image/logo-ansible.svg') no-repeat top center;
}
.azure {
	background: url('image/logo-azure.svg') no-repeat top center;
}
.gcp {
	background: url('image/logo-gcp.svg') no-repeat top center;
}
.kubernetes {
	background: url('image/logo-kubernetes.svg') no-repeat top center;
}
.terraform {
	background: url('image/logo-terraform.svg') no-repeat top center;
}
.helm {
	background: url('image/logo-helm.svg') no-repeat top center;
}
.docker {
	background: url('image/logo-docker.svg') no-repeat top center;
}
.wordpress {
	background: url('image/logo-wordpress.svg') no-repeat top center;
}
.magento {
	background: url('image/logo-magento.svg') no-repeat top center;
}
.typo3 {
	background: url('image/logo-typo3.svg') no-repeat top center;
}
.oxid {
	background: url('image/logo-oxid.svg') no-repeat top center;
}
.shopware {
	background: url('image/logo-shopware.svg') no-repeat top center;
}
.stripe {
	background: url('image/logo-stripe.svg') no-repeat top center;
}
.sendgrid {
	background: url('image/logo-sendgrid.svg') no-repeat top center;
}
.twilio {
	background: url('image/logo-twilio.svg') no-repeat top center;
}
.google {
	background: url('image/logo-google.svg') no-repeat top center;
}
.microsoft {
	background: url('image/logo-microsoft.svg') no-repeat top center;
}
.java {
	background: url('image/logo-java.svg') no-repeat top center;
}
.nodejs {
	background: url('image/logo-nodejs.svg') no-repeat top center;
}
.python {
	background: url('image/logo-python.svg') no-repeat top center;
}
.clojure {
	background: url('image/logo-clojure.svg') no-repeat top center;
}
.php {
	background: url('image/logo-php.svg') no-repeat top center;
}
.net {
	background: url('image/logo-net.svg') no-repeat top center;
}
.microstrategy {
	background: url('image/logo-microstrategy.svg') no-repeat top center;
}
.clickview {
	background: url('image/logo-clickview.svg') no-repeat top center;
}
.etl {
	background: url('image/logo-etl.svg') no-repeat top center;
}
.mongo-db {
	background: url('image/logo-mongo-db.svg') no-repeat top center;
}
.elastic-search {
	background: url('image/logo-elastic-search.svg') no-repeat top center;
}
.asp {
	background: url('image/logo-asp.svg') no-repeat top center;
}
.css3 {
	background: url('image/logo-css3.svg') no-repeat top center;
}
.drupal {
	background: url('image/logo-drupal.svg') no-repeat top center;
}
.joomla {
	background: url('image/logo-joomla.svg') no-repeat top center;
}
.seo {
	background: url('image/logo-seo.svg') no-repeat top center;
}
.woocommerce {
	background: url('image/logo-woocommerce.svg') no-repeat top center;
}
.shopify {
	background: url('image/logo-shopify.svg') no-repeat top center;
}
.aimeos {
	background: url('image/logo-aimeos.svg') no-repeat top center;
}
.odoo {
	background: url('image/logo-odoo.svg') no-repeat top center;
}
.cordova {
	background: url('image/logo-cordova.svg') no-repeat top center;
}
.testtrack {
	background: url('image/logo-testtrack.png') no-repeat top center;
}
.jira {
	background: url('image/logo-jira.svg') no-repeat top center;
}
.testperfect {
	background: url('image/logo-testperfect.svg') no-repeat top center;
}
.xcode {
	background: url('image/logo-xcode.png') no-repeat top center;
}
.selenium {
	background: url('image/logo-selenium.svg') no-repeat top center;
}
.jmeter {
	background: url('image/logo-jmeter.svg') no-repeat top center;
}
.firebug {
	background: url('image/logo-firebug.png') no-repeat top center;
}
.bugsense {
	background: url('image/logo-bugsense.svg') no-repeat top center;
}
.gtmetrix {
	background: url('image/logo-gtmetrix.svg') no-repeat top center;
}
.rally {
	background: url('image/logo-rally.svg') no-repeat top center;
}
.testlink {
	background: url('image/logo-testlink.svg') no-repeat top center;
}
.laravel {
	background: url('image/logo-laravel.svg') no-repeat top center;
}
.yii {
	background: url('image/logo-yii.svg') no-repeat top center;
}
.typescript {
	background: url('image/logo-typescript.svg') no-repeat top center;
}

.pytorch {
	background: url('image/logo-pytorch.svg') no-repeat top center;
}
.tensorflow {
	background: url('image/logo-tensorflow.svg') no-repeat top center;
}
.bedrock {
	background: url('image/logo-bedrock.svg') no-repeat top center;
}
.chatgpt {
	background: url('image/logo-chatgpt.svg') no-repeat top center;
}
.gemini {
	background: url('image/logo-gemini.svg') no-repeat top center;
}
.claude {
	background: url('image/logo-claude.svg') no-repeat top center;
}
.mistral {
	background: url('image/logo-mistral.svg') no-repeat top center;
}
.opencv {
	background: url('image/logo-opencv.svg') no-repeat top center;
}

.technologies .tab-pane p a {
	font-size: 14px;
	text-decoration: underline;
}

/* experts */
.experts {
	position: relative;
    padding: 30px 0;
}
.experts:before {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
    height: 50%;
	content: '';
	background: url('image/bg-experts.webp') no-repeat bottom right;
}
.experts .display-2:before {
    left: calc(50% - 30px);
}
.experts .card {
    padding: 20px 20px;
    background-color: transparent;
    border: 0 solid rgba(0,0,0,0);
}
.experts .card a .card-img-top {
	padding: 39px;
    background-color: #f8f9fb;
    border: 1px solid #f8f9fb;
	border-bottom: 1px dashed #158b46;
    border-radius: 50%;
    outline: 1px solid rgba(175,183,195,.3);
}
.experts .card a:hover .card-img-top {
	padding: 29px;
}
.experts .card .card-body {
    min-height: 160px;
	padding: 25px 0px 10px;
}
.experts .card .display-3 {
	font-size: 24px;
}
.experts .card p {
    line-height: 1.2;
    margin-bottom: 5px;
}
.experts .card .card-footer {
    padding: 0px;
    background-color: transparent;
    border-top: 0px solid rgba(0,0,0,.125);
}
.experts .card .card-footer .btn-light:after {
	background: url(image/arrow-next-green.svg) no-repeat center center;
    opacity: 1;
}
.experts .card .card-footer .btn-light:hover, .experts .card .card-footer .btn-light:focus {
	background-color: #6EB843;
	border-color: #6EB843;
}
.experts .card .card-footer .btn-light:hover:after, .experts .card .card-footer .btn-light:focus:after {
	background: url(image/arrow-next-white.svg) no-repeat center center;
}
.experts .carousel.slide .row > div {
	padding-right: 0px;
    padding-left: 0px;
}
.experts .carousel .carousel-control-prev {
	left: -50px;
}
.experts .carousel .carousel-control-next {
	right: -50px;
}
.experts .carousel .carousel-indicators {
    bottom: -32px;
}

/* about */
.about {
	position: relative;
	padding: 56px 0 32px;
	background: url(image/about-xs.webp) no-repeat top center;
    background-size: auto 70%;
	overflow: hidden;
}
.about .container {
	z-index: +1;
}
.about:before {
	display: none;
	position: absolute;
	top: 20%;
	left: 0px;
	width: 15%;
    height: 250px;
	content: '';
    /*background: url('image/arrow-white.svg') no-repeat center right;*/
}
.about:after {
	display: block;
	position: absolute;
	top: 0px;
	left: 45%;
	width: 56%;
    height: 102%;
	content: '';
    background: url('image/mask-about.svg') no-repeat center left;
	background-size: auto 150%;
	z-index: 0;
}
.about .display-2:before {
    left: calc(50% - 30px);
}
.indicator.reveal {
    transform: translateX(100px);
    opacity: 0;
    transition: 2s all ease;
}
.indicator.reveal.active {
    transform: translateX(0);
    opacity: 1;
}
.indicator.reveal:nth-child(2), .indicator.reveal:nth-child(5) {
	transition-delay: .3s;
}
.indicator.reveal:nth-child(3), .indicator.reveal:nth-child(6) {
	transition-delay: .6s;
}
.indicator p {
	position: relative;
	line-height: 1.2;
}
.indicator p:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5px;
    height: 110px;
	content: '';
	border-left: 1px dashed #6EB843;
}
.indicator.reveal p:before {
    transform: translatey(150px);
    opacity: 0;
    transition: 2s all ease;
}
.indicator.reveal.active p:before {
    transform: translatey(0);
    opacity: 1;
}
.indicator p span {
	font-family: 'Ubuntu Bold';
	font-size: 56px;
	color: #6EB843;
}

/* aws */
.aws {
	position: relative;
	padding: 56px 0 32px;
	background: url(image/aws-slide-01-xs.webp) no-repeat top center;
    background-size: auto 70%;
	overflow: hidden;
}
.aws .container {
	z-index: +1;
}
.aws:before {
	display: none;
	position: absolute;
	top: 20%;
	left: 0px;
	width: 15%;
    height: 250px;
	content: '';
    /*background: url('image/arrow-white.svg') no-repeat center right;*/
}
.aws:after {
	display: block;
	position: absolute;
	top: -1%;
	left: 45%;
	width: 56%;
    height: 102%;
	content: '';
    background: url('image/mask-about.svg') no-repeat center left;
	background-size: auto 150%;
	z-index: 0;
}
.aws .lead {
	font-family: 'Ubuntu Bold';
	font-size: 22px;
	color: #77b643;
}
.aws .list-checkbox li {
    padding: 3px 20px 3px 35px;
}
.aws .list-checkbox li:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 6px;
    background: url(image/ico-point.svg) no-repeat center center;
}
.aws .list-checkbox li:nth-child(2):before {
    transform: rotate(90deg);
}
.aws .list-checkbox li:nth-child(3):before {
    transform: rotate(180deg);
}
.aws hr {
    width: 80%;
    height: 1px;
    border-top: 1px dashed #6EB843;
}

/* aws */
.ai {
	position: relative;
	padding: 56px 0 32px;
	background: url(image/ai-slide-01-xs.webp) no-repeat top center;
    background-size: auto 70%;
	overflow: hidden;
}
.ai .container {
	z-index: +1;
}
.ai:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
    height: 100%;
	content: '';
	background: rgb(247,248,249);
	background: linear-gradient(0deg, rgba(247,248,249,0.4) 0%, rgba(247,248,249,0.9) 35%, rgba(247,248,249,0.9) 65%, rgba(247,248,249,0.4) 100%);
}
.ai:after {
	display: block;
    position: absolute;
    top: -1%;
    left: 45%;
    width: 56%;
    height: 102%;
    content: '';
    background: url(image/mask-about.svg) no-repeat center left;
    background-size: auto 150%;
    z-index: 0;
}
.ai .lead {
	font-family: 'Ubuntu Bold';
	font-size: 22px;
	color: #77b643;
}
.ai .list-checkbox li {
    padding: 3px 20px 3px 35px;
}
.ai .list-checkbox li:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 6px;
    background: url(image/ico-point.svg) no-repeat center center;
}
.ai .list-checkbox li:nth-child(2):before {
    transform: rotate(90deg);
}
.ai .list-checkbox li:nth-child(3):before {
    transform: rotate(180deg);
}
.ai hr {
    width: 80%;
    height: 1px;
    border-top: 1px dashed #6EB843;
}

/* why */
.why {
	position: relative;
    padding: 100px 0;
	overflow: hidden;
}
.why:before {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50%;
    height: 50%;
	content: '';
	background: url('image/bg-why.webp') no-repeat top right;
}
.why .description, .why .values, .why .value {
	z-index: +1;
}
.why .value {
	border-radius: 75px;
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px!important;
	width: calc(100% - 20px);
}
.why .value > div {
    position: relative;
	min-height: 130px;
    padding-left: 120px;
    padding-top: 0px;
    border-radius: 65px;
}
.why .value:hover > div, .why .value:focus > div {
	background-color: #77b643;
}
.why .value:nth-child(even) {
	transition-delay: .3s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes value-01 {
    0%   {background-color: rgba(255,255,255,0);}
	20%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    40%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Standard syntax */
@keyframes value-01 {
	0%   {background-color: rgba(255,255,255,0);}
	20%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
	40%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes value-04 {
    15%   {background-color: rgba(255,255,255,0);}
	35%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    55%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Standard syntax */
@keyframes value-04 {
	15%   {background-color: rgba(255,255,255,0);}
	35%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    55%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes value-05 {
    30%   {background-color: rgba(255,255,255,0);}
	50%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    70%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Standard syntax */
@keyframes value-05 {
	30%   {background-color: rgba(255,255,255,0);}
	50%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    70%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes value-02 {
    45%   {background-color: rgba(255,255,255,0);}
	65%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    85%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Standard syntax */
@keyframes value-02 {
	45%   {background-color: rgba(255,255,255,0);}
	65%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    85%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes value-03 {
    60%   {background-color: rgba(255,255,255,0);}
	80%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    100%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Standard syntax */
@keyframes value-03 {
	60%   {background-color: rgba(255,255,255,0);}
	80%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    100%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes value-06 {
    70%   {background-color: rgba(255,255,255,0);}
	85%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    100%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
/* Standard syntax */
@keyframes value-06 {
	70%   {background-color: rgba(255,255,255,0);}
	85%   {background-color: rgba(119,182,67,.25);-webkit-animation-timing-function:ease-in;}
    100%  {background-color: rgba(255,255,255,0);-webkit-animation-timing-function:ease-in;}
}
.why .value:nth-child(1) {
	animation-name: value-01;
	animation-duration: 9s;
	animation-iteration-count: infinite;
}
.why .value:nth-child(2) {
	animation-name: value-02;
	animation-duration: 9s;
	animation-iteration-count: infinite;
}
.why .value:nth-child(3) {
	animation-name: value-03;
	animation-duration: 9s;
	animation-iteration-count: infinite;
}
.why .value:nth-child(4) {
	animation-name: value-04;
	animation-duration: 9s;
	animation-iteration-count: infinite;
}
.why .value:nth-child(5) {
	animation-name: value-05;
	animation-duration: 9s;
	animation-iteration-count: infinite;
}
.why .value:nth-child(6) {
	animation-name: value-06;
	animation-duration: 9s;
	animation-iteration-count: infinite;
}
.why .value > div:before {
    content: '';
    position: absolute;
	top: 50%;
    margin-top: -50px;
    margin-left: 0px;
    left: 15px;
    width: 100px;
    height: 100px;
    background-color: rgba(175,183,195,.05);
    border: 1px solid rgba(175,183,195,.3);
    border-radius: 50%;
}
.why .value:hover > div:before, .why .value:focus > div:before {
	background-color: rgba(0,0,0,.0);
    border: 1px dashed rgba(255,255,255,1);
}
.why .value > div:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 0px;
    left: 15px;
    width: 100px;
    height: 100px;
}
.why .value:hover > div:after, .why .value:focus > div:after {
	filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
}
.why .value:nth-child(1) > div:after {
    background: url('image/value-01.svg') no-repeat center center;
	background-size: 80%;
}
.why .value:nth-child(2) > div:after {
    background: url('image/value-02.svg') no-repeat center center;
	background-size: 80%;
}
.why .value:nth-child(3) > div:after {
    background: url('image/value-03.svg') no-repeat center center;
	background-size: 80%;
}
.why .value:nth-child(4) > div:after {
    background: url('image/value-04.svg') no-repeat center center;
	background-size: 80%;
}






.why .value:nth-child(5) > div:after {
    background: url('image/value-05.svg') no-repeat center center;
	background-size: 80%;
}
.why .value:nth-child(6) > div:after {
    background: url('image/value-06.svg') no-repeat center center;
	background-size: 80%;
}
.why.logistics .value:nth-child(1) > div:after {
    background: url('image/logistics-01.svg') no-repeat center center;
	background-size: 80%;
}
.why.logistics .value:nth-child(2) > div:after {
    background: url('image/logistics-02.svg') no-repeat center center;
	background-size: 80%;
}
.why.logistics .value:nth-child(3) > div:after {
    background: url('image/logistics-03.svg') no-repeat center center;
	background-size: 80%;
}
.why.logistics .value:nth-child(4) > div:after {
    background: url('image/logistics-04.svg') no-repeat center center;
	background-size: 80%;
}
.why.logistics .value:nth-child(5) > div:after {
    background: url('image/logistics-05.svg') no-repeat center center;
	background-size: 80%;
}
.why.logistics .value:nth-child(6) > div:after {
    background: url('image/logistics-06.svg') no-repeat center center;
	background-size: 80%;
}
.why .value p.display-5 {
	font-size: 16px;
	text-transform: uppercase;
}
.why.de .value p.display-5 {
	font-size: 15px;
}
.why .value p {
	text-align: left;
    margin: 0;
}
.why .value p.display-5 {
    color: #158b46;
}
.why .value:hover p, .why .value:focus p {
	color: #fff;
}
.why .description {
}

/* testimonials */
.testimonials {
	position: relative;
    padding: 0px 0px 75px;
    background: #f8f9fb;
}
.testimonials .title {
	padding: 15px 15px 0;
	z-index: 1000;
}
.testimonials .carousel-item {
	background: #f8f9fb;
}
.testimonials .photo {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.testimonials .photo.item-08 {
	height: 300px;
}
.testimonials .photo.item-01 {
	background: url('image/testimonial-01.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-02 {
	background: url('image/testimonial-02.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-03 {
	background: url('image/testimonial-03.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-04 {
	background: url('image/testimonial-04.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-05 {
	background: url('image/testimonial-05.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-06 {
	background: url('image/testimonial-06.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-07 {
	background: url('image/company-video.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-08 {
	background: url('image/career.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-09 {
	background: url('image/testimonial-07.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo.item-10 {
	background: url('image/testimonial-08.webp') no-repeat center center;
	background-size: auto 100%;
}
.testimonials .photo:before {
    content: '';
    position: absolute;
    top: auto;
	bottom: -2px;
    right: 0px;
    width: 100%;
    height: 60%;
    background: url('image/mask-testimonial-xs.svg') no-repeat bottom center;
	background-size: 200% auto;
}
.testimonials .photo .play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	padding: 0px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
}
.testimonials .photo .play:hover {
	margin-left: -90px;
	margin-top: -90px;
	padding: 40px;
	background-color: rgba(0,0,0,.2);
}
.testimonials .content {
	padding-left: 30px;
	padding-right: 30px; 
}
.testimonials .content p {
	position: relative;
	font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px;
}
.testimonials .carousel-item .content p {
	position: relative;
	transform: translateY(100px);
	opacity: 0;
	transition: 1s all ease;
}
.testimonials .carousel-item.active .content p {
	transform: translateY(0);
	opacity: 1;
}
.testimonials .content .display-3 {
	font-family: 'Ubuntu Bold';
	font-size: 28px;
	color: #158b46;
}
.testimonials .carousel .carousel-indicators {
	bottom: -50px;
}
.testimonial {
	background: #f8f9fb;
}
.testimonial p {
	font-family: 'Ubuntu Regular';
	font-size: 20px;
}
.testimonial .display-4 {
	font-family: 'Ubuntu Bold';
	font-size: 22px;
	color: #158b46;
}

/* Content */
.page-header-block {
	margin-top: 50px;
}
.page-header-block.service-header, .page-header-block.industry-header {
	position: relative;
}
.page-header-block.service-header.service-01 {
	background: #f8f9fb url(image/service-01.webp) no-repeat top right;
	background-size: 100% auto;
}
.page-header-block.service-header.service-02 {
	background: #f8f9fb url(image/service-02.webp) no-repeat top right;
	background-size: 100% auto;
}
.page-header-block.service-header.service-03 {
	background: #f8f9fb url(image/service-03.webp) no-repeat top right;
	background-size: 100% auto;
}
.page-header-block.service-header.service-04 {
	background: #f8f9fb url(image/service-04.webp) no-repeat top right;
	background-size: 100% auto;
}
.page-header-block.service-header.service-05 {
	background: #f8f9fb url(image/service-05.webp) no-repeat top right;
	background-size: 100% auto;
}
.page-header-block.service-header.service-06 {
	background: #f8f9fb url(image/service-06.webp) no-repeat top right;
	background-size: 100% auto;
}
.page-header-block.service-header.service-07 {
	background: #f8f9fb url(image/service-07.webp) no-repeat top right;
	background-size: 100% auto;
}
.page-header-block.service-header.service-08 {
	background: #f8f9fb url(image/service-08.webp) no-repeat top right;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-01 {
	background: #f8f9fb url(image/industry-01.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-02 {
	background: #f8f9fb url(image/industry-02.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-03 {
	background: #f8f9fb url(image/industry-03.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-04 {
	background: #f8f9fb url(image/industry-04.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-05 {
	background: #f8f9fb url(image/industry-05.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-06 {
	background: #f8f9fb url(image/industry-06.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-07 {
	background: #f8f9fb url(image/industry-07.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-08 {
	background: #f8f9fb url(image/industry-08.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.industry-09 {
	background: #f8f9fb url(image/industry-09.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.industry-header.training-center {
	background: #f8f9fb url(image/training-center.webp) no-repeat top left;
	background-size: 100% auto;
}
.page-header-block.service-header:before {
    content: '';
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    height: 500px;
    background: url(image/mask-services-xs.svg) no-repeat top center;
    background-size: 100% auto;
}
.page-header-block.industry-header:before {
    content: '';
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    height: 500px;
    background: url(image/mask-industries-xs.svg) no-repeat top center;
	background-size: 100% auto;
}
.page-header-block.service-header .display-2 {
    line-height: 1.2;
}
.page-header-block.service-header .display-2:before {
    left: auto;
	right: 0px;
}
.page-header-block.service-header .service, .page-header-block.industry-header .industry {
    display: block;
    width: 140px;
    height: 140px;
	margin: 100px auto 0px;
	padding: 30px;
    border-radius: 50%;
	outline: 1px solid rgba(175,183,195,.3);
    webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
	z-index: +1;
}
.page-header-block.service-header .service {
	background-color: #158b46;
    border: 1px solid #158b46;
}
.page-header-block.industry-header .industry {
	background-color: #77b643;
    border: 1px solid #77b643;
}
.page-header-block.service-header .service {
	border-left: 1px solid #f7f8f9;
}
.page-header-block.industry-header .industry {
	border-right: 1px solid #f7f8f9;
}
.page-header-block.service-header .service:hover, .page-header-block.industry-header .industry:hover {
    color: #fff;
	background-color: #f7f8f9;
    border: 1px solid #f7f8f9;
}
.page-header-block.service-header .service:hover {
	border-left: 1px dashed #158b46;
}
.page-header-block.industry-header .industry:hover {
	border-right: 1px dashed #158b46;
}
.page-header-block.service-header .service img, .page-header-block.industry-header .industry img {
	width: 80px;
	height: 80px;
    filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
}
.page-header-block.service-header .service:hover img, .page-header-block.industry-header .industry:hover img {
    filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
    -webkit-filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.page-header-block.service-header .display-4, .page-header-block.industry-header .display-4 {
	font-size: 21px;
	color: #158b46;
	line-height: 1.4;
}
.page-header-block.service-header .service-title, .page-header-block.industry-header .industry-title {
	padding-bottom: 50px;
}
.page-header-block.service-header .service-title h1, .page-header-block.industry-header .industry-title h1 {
	/* word-break: break-all; */
}
.page-header-block.industry-header .industry-title p {
	position: relative;
}
.overview {
	position: relative;
	padding: 50px 0;
	background: #fff url(image/bg-overview.webp) no-repeat center right;
}
.overview.emphatic {
	border-bottom: 1px solid #DEE1E6;
}
.overview.light-bg, .stages {
	padding: 50px 0;
	background: #f8f9fb;
}
.stages.white-bg {
	background-color: #fff;
}
.card {
	background-color: transparent;
	border: 0px solid #f8f9fb;
}
.card.text-bg-light {
	border: 0px solid #f8f9fb;
    border-radius: 0px;
    background: #f8f9fb !important;
}
.card-body {
	position: relative;
    padding: 50px 4.17%;
}
.photo-left img, .photo-right img, .photo-center img {
	padding: 49px;
	background-color: #f8f9fb;
	border: 1px solid #f8f9fb;
	border-radius: 50%;
	outline: 1px solid rgba(175,183,195,.3);
	/* outline-offset: 49px;
	-webkit-box-shadow: inset 0px 0px 0px 10px #f8f9fb;
	box-shadow: inset 0px 0px 0px 10px #f8f9fb; */
}
.photo-left img {
	border-right: 1px dashed #158b46;
}
.photo-right img {
	border-left: 1px dashed #158b46;
}
.photo-center img {
	border-bottom: 1px dashed #158b46;
}
.industries {
	padding: 56px 0 71px;
    background: url(image/bg-industries.webp) repeat-y bottom left;
	overflow: hidden;
}
.industries .carousel .carousel-item {
		min-height: 380px;
	}
.industries .carousel .carousel-indicators {
    bottom: -50px;
}
.photo-left.reveal {
	transition-delay: 0s;
}
.photo-center.reveal {
	transition-delay: .3s;
}
.photo-right.reveal {
	transition-delay: .6s;
}

.card.industry a .card-img-overlay {
	font-family: 'Ubuntu Medium';
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.1;
    margin: 50px;
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
}
.photo-left a:hover img, .photo-right a:hover img, .photo-center a:hover img {
	padding: 29px;
}
.card.industry a:hover .card-img-overlay {
	opacity: 0;
	margin: 70px;
}
.card li {
    position: relative;
    padding: 10px 20px 10px 30px;
    margin: 0;
}
.card li:before {
    content: "";
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    left: 0px;
    top: 21px;
    background: url(image/point.svg) no-repeat center center;
}
.list-checkbox li {
    position: relative;
    padding: 10px 20px 10px 0px;
    margin: 0;
}
.industry-header .list-checkbox li {
	font-size: 18px;
    color: #158b46;
	font-weight: 700;
	padding: 5px 0px;
}
.overview .list-checkbox li {
	padding: 10px 20px 10px 35px;
}
.list-checkbox li:before {
    content: "";
    display: block;
    position: absolute;
    /* background: url(image/point-arrow.svg) no-repeat center center; */
}
.benefits .list-checkbox li:before {
	width: 30px;
    height: 30px;
    left: 0px;
    top: 0px;
    background: url(image/point-arrow-white.svg) no-repeat center center;
}
.overview .list-checkbox li:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 13px;
	background: url(image/ico-point.svg) no-repeat center center;
}
.overview .list-checkbox li:nth-child(2):before, .overview .list-checkbox li:nth-child(6):before {
	transform: rotate(90deg);
}
.overview .list-checkbox li:nth-child(3):before, .overview .list-checkbox li:nth-child(7):before {
	transform: rotate(180deg);
}
.overview .list-checkbox li:nth-child(4):before, .overview .list-checkbox li:nth-child(8):before {
	transform: rotate(270deg);
}
.stages .list-checkbox li {
    position: relative;
	font-size: 18px;
	font-weight: 700;
    padding: 20px 20px 20px 60px;
    margin: 0 0 15px;
	background-color: #fff;
	border-radius: 6px;
}
.stages.white-bg .list-checkbox li {
	background-color: #f8f9fb;
}
.stages .list-checkbox li:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 22px;
    background: url(image/ico-check.svg) no-repeat center center;
}
span.alert {
	color: #FF0083;
}

.expertise {
	padding: 30px 0px;
	background-color: #f8f9fb;
}
.expertise.white-bg {
	background-color: #fff;
}
.expertise h3, .expertise p, .expertise li {
}
.expertise ul {
    position: relative;
	z-index: +1;
}
.expertise li {
	position: relative;
	font-family: 'Ubuntu Medium';
	font-size: 16px;
	color: #158b46;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.2;
	word-break: break-word;
	height: 140px;
	padding: 10px 60px;
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-align: center!important;
    align-items: center!important;
}
.expertise .list-checkbox li:hover {
	color: #fff;
}
.expertise .list-checkbox li:before {
	position: absolute;
	left: 10px;
    right: auto;
    top: 10px;
	bottom: 10px;
	width: 120px;
	height: 120px;
	background: #fff;
	border: 1px solid #fff;
	border-left: 1px dashed #158b46;
	border-radius: 60px;
	z-index: -1;
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
.expertise.white-bg .list-checkbox li:before {
	background: #f8f9fb;
	border: 1px solid #f8f9fb;
	border-left: 1px dashed #158b46;
}
.expertise .list-checkbox li:hover:before {
	left: 10px;
	width: calc(100% - 20px);
	background: #77b643;
	border: 1px solid #77b643;
}

.phases {
}
.phase {
	padding: 20px 30px;
	margin: 10px 0;
	background-color: #fff;
	border-radius: 6px;
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-align: center!important;
    align-items: center!important;
}
.stages.white-bg .phase {
	background-color: #F8F9FB;
}
.phase p {
	margin: 0px;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
}
.phase p span {
	display: inline-block;
	width: 50px;
	vertical-align: top;
	font-size: 32px;
	color: #6EB843;
	font-weight: 700;
	line-height: 30px;
}

.steps {
	padding: 30px 0px;
	background-color: #f8f9fb;
}
.steps .display-3 span {
    font-family: 'Ubuntu Bold';
    color: #158b46;
}
.steps .card {
	background-color: #fff;
}
.steps .card .display-4 {
	font-family: 'Ubuntu Bold';
	color: #158b46;
}
.steps .accordion-item {
    background-color: transparent;
	border-bottom: 0px solid rgba(175,183,195,.3);
}
.steps .accordion-flush .accordion-item .accordion-button {
	font-family: "Ubuntu Medium";
	font-size: 22px;
	font-weight: 400;
}
.steps .accordion-flush .accordion-item .accordion-button:focus {
    border-color: transparent;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 0%);
}
.steps .accordion-flush .accordion-item .accordion-button.collapsed {
	background-color: transparent;
	border-top: 1px solid rgba(175,183,195,.3);
}
.steps .accordion-flush .accordion-item .accordion-button:not(.collapsed) {
    color: #fff;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 0%);
	background-color: #77b643;
	border-top: 1px solid rgba(175,183,195,0);
	border-radius: 20px 20px 0 0;
}
.steps .accordion-flush .accordion-item .accordion-button.collapsed::after {
    background: url(image/ico-plus.svg) no-repeat center center;
}
.steps .accordion-flush .accordion-item .accordion-button:not(.collapsed)::after {
    background: url(image/ico-minus.svg) no-repeat center center;
    transform: rotate(0deg);
}
.accordion-flush.values .accordion-item .accordion-button {
	padding: 35px 25px 35px 25px;
	
}
.accordion-flush.values .accordion-item .accordion-button:before {
	content: '';
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 0px;
    left: 15px;
    width: 100px;
    height: 100px;
	background-color: rgba(175,183,195,.05);
    border: 1px solid rgba(175,183,195,.3);
    border-radius: 50%;
}
.accordion-flush.values .accordion-item .accordion-button:not(.collapsed):before {
	background-color: rgba(0,0,0,.0);
    border: 1px dashed rgba(255,255,255,1);
}
/* .accordion-flush.values .accordion-item #flush-headingOne .accordion-button:before {
	background: url(image/value-01.svg) no-repeat center center;
    background-size: 80%;
}
.accordion-flush.values .accordion-item #flush-headingTwo .accordion-button:before {
	background: url(image/value-02.svg) no-repeat center center;
    background-size: 80%;
}
.accordion-flush.values .accordion-item #flush-headingThree .accordion-button:before {
	background: url(image/value-03.svg) no-repeat center center;
    background-size: 80%;
}
.accordion-flush.values .accordion-item #flush-headingFour .accordion-button:before {
	background: url(image/value-04.svg) no-repeat center center;
    background-size: 80%;
}
.accordion-flush.values .accordion-item #flush-headingFive .accordion-button:before {
	background: url(image/value-05.svg) no-repeat center center;
    background-size: 80%;
}
.accordion-flush.values .accordion-item #flush-headingSix .accordion-button:before {
	background: url(image/value-06.svg) no-repeat center center;
    background-size: 80%;
}
.accordion-flush.values .accordion-item .accordion-button:not(.collapsed):before {
    filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
} */
.accordion-flush.values .accordion-item .accordion-button .icon {
	width: 80px;
	height: 80px;
	margin-right: 20px;
}
.accordion-flush.values .accordion-item .accordion-button:not(.collapsed) .icon {
	filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
}
.steps .accordion-body {
	font-size: 18px;
	color: #fff;
    padding: 0px 52px 30px;

	background-color: #77b643;
	border-radius: 0 0 20px 20px;
}
.steps ol.list-checkbox {
    padding-left: 0px;
}
.steps ol.list-checkbox li {
	font-family: "Ubuntu Medium";
    font-size: 22px;
    font-weight: 400;
	padding: 32px 24px;
	border-top: 1px solid #DBDFE3;
}
.steps ol.list-checkbox li:hover {
	color: #fff;
	background-color: #158b46;
    border-radius: 20px;
}
.steps ol.list-checkbox li:hover a {
	color: #fff;
}
.steps ol.list-checkbox li:hover a:hover {
    color: #77b643;
}
.steps ol.list-checkbox li::marker {
   list-style-position: inside;
}

.methodologies {
	background-color: #f8f9fb;
}
.methodology .card {
	position: relative;
	padding: 20px 32px 16px;
	background-color: #fff;
}
.methodology .card:hover, .methodology .card:focus {
    background-color: #77b643;
}
.methodology .card:hover p, .methodology .card:focus p {
	color: #fff;
}
.methodology .card p.card-title {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	min-height: 100px;
	padding-top: 35px;
	padding-left: 110px;
}
.methodology .card p.card-title:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
}
.methodology:nth-child(1) .card p.card-title:before {
    background: url(image/methodology-01.svg) no-repeat center center;
}
.methodology:nth-child(2) .card p.card-title:before {
    background: url(image/methodology-02.svg) no-repeat center center;
}
.methodology:nth-child(3) .card p.card-title:before {
    background: url(image/methodology-03.svg) no-repeat center center;
}
.methodology .card:hover p.card-title:before, .methodology .card:focus p.card-title:before {
    filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
}

.cooperate {
	padding: 20px 20px 30px;
}
.cooperate ul {
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
}
.cooperate li {
	font-family: 'Ubuntu Medium';
	font-size: 16px;
    font-weight: 500;
	text-transform: uppercase;
	height: 120px;
	padding: 10px 10px 10px 60px;
	background-color: #f8f9fb;
	border-top: 10px solid #fff;
	border-left: 10px solid #fff;
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-align: center!important;
    align-items: center!important;
}
.cooperate .list-checkbox li:before {
    left: 15px;
    top: 40px;
}

/* success-stories */
.success-stories {
	padding: 100px 0 100px;
    background: url(image/bg-stories.webp) repeat-x center center;
}
.success-stories .card {
	margin: 0px;
    border: 0px solid #f8f9fb;
    border-radius: 0px;
    background: #000;
}
.success-stories .card .card-img-top {
	opacity: .8;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.success-stories .card:hover .card-img-top {
	opacity: 1;
}
.success-stories .card .card-body {
    padding: 30px 30px 30px;
	background: #f8f9fb;
}
.success-stories .card:hover .card-body {
	background: #77b643 url(image/bg-story.webp) repeat-x top center;
}
.success-stories .card .card-body .technology {
	font-family: 'Ubuntu Bold';
	font-size: 14px;
	color: #77b643;
	font-weight: 700;
	text-transform: uppercase;
}
.success-stories .card .card-body .card-title {
	height: 80px;
	overflow: hidden;
}
.success-stories .card .card-body .card-text {
	font-size: 16px;
}
.success-stories .card:hover p, .success-stories .card:hover .card-body .technology {
	color: #fff;
}
article .success-stories .card .card-body .btn:hover, article .success-stories .card .card-body .btn:focus {
    padding: 9px 30px 9px 30px;
}
article .success-stories .card .card-body .btn-light:after {
    background: url(image/ico-plus.svg) no-repeat center center;
}
article .success-stories .card .card-body .btn-light:hover:after, article .success-stories .card .card-body .btn-light:focus:after {
	right: 20px;
    background: url(image/ico-plus-white.svg) no-repeat center center;
    opacity: 1;
}
.success-stories .card .card-body > div.details {
	position: relative;
    margin: 0 -30px;
}
.success-stories .card .card-body > div .collapse-horizontal {
	/* position: absolute;
	top: 0;
	left: 0; */
	position: relative;
	padding: 10px 30px 30px;
    background-color: #f8f9fb;
	z-index: +1;
}
.success-stories .card .card-body > div.details {
	margin-top: 5px;
}
.success-stories .card:hover .card-body > div .collapse-horizontal {
	background-color: #77b643;
}
.success-stories .card .card-body .btn-success {
}
.success-stories .card .card-body .btn-success:hover, .success-stories .card .card-body .btn-success:focus {
	padding: 9px 25px;
	color: #77b643;
	background-color: #fff;
	border-color: #fff;
}
.success-stories .card .card-body .btn-success:focus {
}
.success-stories .card .card-body .btn-success:after, .success-stories .card .card-body .btn-success.collapsed:after {
	right: 12px;
    background: url(image/arrow-bottom-white.svg) no-repeat center center;
	opacity: 1;
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
.success-stories .card .card-body .btn-success:hover:after, .success-stories .card .card-body .btn-success.collapsed:hover:after, .success-stories .card .card-body .btn-success:focus:after, .success-stories .card .card-body .btn-success.collapsed:focus:after {
	background: url(image/arrow-bottom-green.svg) no-repeat center center;
}
.success-stories .card .card-body .btn-success:not(.collapsed)::after {
	right: 12px;
    background: url(image/arrow-top-white.svg) no-repeat center center;
}
.success-stories .card .card-body .btn-success:not(.collapsed):hover::after, .success-stories .card .card-body .btn-success:not(.collapsed):focus::after {
	background: url(image/arrow-top-green.svg) no-repeat center center;
}


/* benefits */
.benefits {
	padding: 50px 0;
	background: url(image/bg-benefits.webp) no-repeat center center;
	background-size: auto 100%;
}
.benefits .display-2, .benefits .display-3, .benefits p, .benefits li {
	color: #fff;
}
.benefits li {
	font-family: "Ubuntu Regular";
	font-size: 17px;
	line-height: 22px;
	padding: 40px 30px 20px 12px;
}
.benefits .list-checkbox li:before {
	left: 12px;
    top: 0px;
    background: url(image/point-arrow-white.svg) no-repeat center center;
}

/* News */
.news-header {
	position: relative;
    padding: 0px;
    background: #f8f9fb;
}
.news-header .photo {
	position: relative;
	height: 260px;
    background: #f8f9fb url(image/industry-02.webp) no-repeat top left;
    background-size: 100% auto;
	overflow: hidden;
}
.news-header .photo:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: -2px;
    right: 0px;
    width: 100%;
    height: 60%;
    background: url(image/mask-testimonial-xs.svg) no-repeat bottom center;
    background-size: 200% auto;
}
.container-sidebar .widget-title {
    display: none;
}
.container-sidebar ul, .tags {
    display: block;
    padding-left: 0;
	list-style-type: none;
}
.article .post-thumbnail .tags, .article:hover .post-thumbnail .tags {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 28px;
	overflow: hidden;
	z-index: +1;
}
.container-sidebar ul {
	justify-content: center!important;
}
.container-sidebar ul li, .tags li {
	display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    cursor: pointer;
}
.container-sidebar ul li a, .tags li a {
	display: inline-block;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
	background-color: rgba(255,255,255,.4);
	border: 0px solid rgba(175,183,195,.3);
}
.container-sidebar ul li a {
	color: #178c46;
	font-size: 14px;
	line-height: 28px;
	padding: 0 15px;
	border-radius: 15px;
	background-color: #f8f9fb;
}
.recent-news {
	padding: 50px 0;
    background-color: #f8f9fb;
}
.tags li a {
	font-size: 12px;
	line-height: 22px;
	padding: 0 10px;
	border-radius: 12px;
}
.container-sidebar ul li.current-menu-item a, .container-sidebar ul li a:hover {
    color: #fff;
	background-color: #77b643;
    border-color: #77b643;
}
.tags li a:hover {
    color: #fff;
	background-color: #178c46;
    border-color: #178c46;
}
.article {
	height: 550px;
	background-color: #f8f9fb;
}
.recent-news .article {
	height: 300px;
	background-color: #fff;
}
.single-cont .article {
	height: auto;
}
.single-cont img.size-full {
	max-width: 100%;
	height: auto;
}
.category-item .article:hover, .recommended-container .article:hover {
	background-color: #77b643;
	background: #77b643 url(image/bg-news.webp) repeat-x bottom center;
}
.post-thumbnail {
	position: relative;
}
.post-thumbnail a {
	display: block;
	overflow: hidden;
}
.post-thumbnail a .attachment-thumbnail, .post-thumbnail a .attachment-medium, .post-thumbnail .attachment-full {
	width: 100%;
	height: auto;
}
.date {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
}
.recent-news .date {
	position: relative;
	left: auto;
	bottom: auto;
	color: #77b643;
}
.category-item .article:hover .post-thumbnail a .attachment-thumbnail, .category-item .article:hover .post-thumbnail a .attachment-medium, .recommended-container .article:hover .post-thumbnail a .attachment-thumbnail, .recommended-container .article:hover .post-thumbnail a .attachment-medium {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.single-cont .article .display-3 {
	font-size: 36px;
    color: #178c46;
}
.single-cont .article h2, .single-cont .article h3 {
	font-size: 24px;
}
.article .display-4 {
    font-size: 24px;
}
.article .display-4 a:hover {
	text-decoration: underline;
}
.entry p {
	font-size: 16px;
}
.entry ul, .entry ol {
    padding-left: 0;
    list-style: none;
}
.entry li {
    position: relative;
	padding: 10px 20px 10px 35px;
    margin: 0;
    line-height: 1.5;
}
.entry li:before {
	content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 13px;
    background: url(image/ico-point.svg) no-repeat center center;
}
.entry li:nth-child(2):before, .entry li:nth-child(6):before {
    transform: rotate(90deg);
}
.entry li:nth-child(3):before, .entry li:nth-child(7):before {
    transform: rotate(180deg);
}
.entry li:nth-child(4):before, .entry li:nth-child(8):before {
    transform: rotate(270deg);
}
.category-item .article:hover .display-4 a, .category-item .article:hover .display-5 a, .category-item .article:hover p, .category-item .article:hover p a, .category-item .article:hover span,
.recommended-container .article:hover .display-4 a, .recommended-container .article:hover p, .recommended-container .article:hover p a, .recommended-container .article:hover span {
	color: #fff;
}
.popular-tags {
	padding: 20px 30px 20px;
	background-color: #f8f9fb;
}
.popular-tags .display-4 {
	color: #158b46;
}
.wp-tag-cloud {
	padding-left: 0;
    list-style-type: none;
	display: flex;
    flex-wrap: wrap;
}
.wp-tag-cloud li {
    margin: 5px 8px 5px 0;
    cursor: pointer;
}
.wp-tag-cloud li a {
	font-size: 14px;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 15px;
	display: inline-block;
    color: #178c46;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid rgba(175,183,195,.3);
}
.wp-tag-cloud li a:hover {
    color: #fff;
    background-color: #77b643;
    border-color: #77b643;
}
.navigation {
    display: block;
    width: 100%;
    padding: 50px;
}
.navigation ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
	justify-content: center!important;
}
.navigation li {
    display: inline;
    margin-right: 10px;
}
.navigation li a {
	display: block;
    border-radius: 20px;
    cursor: pointer;
	text-align: center;
	height: 40px;
	width: 40px;
	line-height: 40px;
}
.navigation li.prev-link a, .navigation li.next-link a {
    width: auto;
	padding: 0 10px;
}
.navigation li a, .navigation li.disabled {
    color: #000;
    text-decoration: none;
}
.navigation li a:hover {
    text-decoration: none;
    color: #158b46;
    background-color: #f8f9fb;
}
.navigation li.active a {
    text-decoration: none;
    color: #fff;
    background-color: #158b46;
}

/* career */
.positions {
	padding: 100px 0 50px;
	background: #f8f9fb url(image/bg-card.webp) no-repeat top left !important;
}
.position {
	position: relative;
	padding: 40px 30px;
    height: 100%;
	background-color: #fff;
}
.list .position:hover, .recommended-vacancies .position:hover {
	background: #77b643 url(image/bg-news.webp) repeat-x bottom center;
}
.list .position:hover .btn-success, .recommended-vacancies .position:hover .btn-success {
    background-color: #77b643;
    border-color: #fff;
}
.position p {
	font-size: 16px;
}
.position .display-4 {
	height: 54px;
	overflow: hidden;
}
.recommended-vacancies .position .display-4 {
	height: auto;
	overflow: visible;
}
.position p.position-location {
	position: relative;
	font-size: 14px;
	color: #77b643;
    font-weight: 400;
    text-transform: uppercase;
	/* padding-right: 100px; */
}
.position p.position-location .badge.text-bg-light {
	/* position: absolute;
	right: 0px; */
	color: #77b643;
	font-size: 14px;
    font-weight: 400;
	text-transform: none;
	padding: 3px 10px;
	background: rgba(108, 173, 59, 0.15);
}
.positions.list .position:hover p.position-location .badge.text-bg-light, .recommended-vacancies .position:hover p.position-location .badge.text-bg-light {
	color: #fff;
	background: rgba(255,255,255,.25);
}
.position p.excerpt {
	height: 96px;
	overflow: hidden;
}
.hot-position {
    position: absolute;
	top: 40px;
	right: 30px;
    width: 30px;
    font-size: 0px;
    color: #f3705a;
	text-align: center;
	padding-top: 30px;
	background: url(image/ico-hot.svg) no-repeat center top;
}
.position h4 {
	margin-top: 25px;
}
.position ul {
    padding-left: 0;
    list-style: none;
}
.position li {
    position: relative;
    padding: 5px 20px 5px 35px;
    margin: 0;
	line-height: 1.3;
}
.position li:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 7px;
	background: url(image/ico-point.svg) no-repeat center center;
}
.position li:nth-child(2):before, .position li:nth-child(6):before, .position li:nth-child(10):before {
	transform: rotate(90deg);
}
.position li:nth-child(3):before, .position li:nth-child(7):before, .position li:nth-child(11):before {
	transform: rotate(180deg);
}
.position li:nth-child(4):before, .position li:nth-child(8):before, .position li:nth-child(12):before {
	transform: rotate(270deg);
}
.list .position:hover p, .recommended-vacancies .position:hover p, .list .position:hover p a, .recommended-vacancies .position:hover p a, .list .position:hover p.position-location, .recommended-vacancies .position:hover p.position-location, .position:hover .display-4 a {
	color: #fff;
}
.position .display-4 a:hover {
	text-decoration: underline;
}
.list .position .btn-success:hover, .list .position .btn-success:focus, .recommended-vacancies .position .btn-success:hover, .recommended-vacancies .position .btn-success:focus {
    color: #77b643;
    background-color: #fff;
    border-color: #fff;
}
.list .position .btn:after, .recommended-vacancies .position .btn:after {
    background: url(image/arrow-next-green.svg) no-repeat center center;
}

/* forms */
.lending-contact {
	/* background: url(/wp-content/themes/agiliway/image/bg-contact.webp) no-repeat top center;
	background-size: 100% auto; */
	background: #77b643 url(image/bg-subscribe.webp) repeat-y center left;
	padding: 75px 0px 75px;
}
.lending-contact .display-2 {
    color: #fff;
}
.lending-contact .content {
	position: relative;
	font-size: 18px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: normal;
	padding: 40px 30px 20px;
	background-color: #fff;
	border-radius: 6px;
}
.lending-contact .content .partner:before, .lending-contact .content .partner:after {
    display: none;
}
.lending-contact .form-industry {
	position: relative;
}
.wpcf7 {
	margin-top: 15px
}
.lending-contact .form-industry .form-check p {
	margin-bottom: 0px
}
.lending-contact .form-industry label {
	font-size: 18px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: .1px;
	display: block
}
.lending-contact .form-industry a {
    /* color: #fff; */
}
.wpcf7-form label {
	display: inline;
}
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 textarea, .wpcf7 input[type="file" i] {
	display: block;
	font-size: 18px;
	line-height: 24px;
	background-color: #F7F8FA;
	padding: 12px 20px 12px 20px;
	outline: 0!important;
	border: 1px solid #CED3DA;
	border-radius: 6px;
	width: 100%;
	margin-top: 0px;
	overflow-y: hidden;
	resize: none
}
.wpcf7 input[type=checkbox] {
	width: 1em;
    height: 1em;
	vertical-align: top;
    margin: 5px 15px 0 3px;
	border: 1px solid rgba(0,0,0,.25);
	border-radius: 0.25em;
}
.form-check {
    padding: 10px;
	margin-bottom: 10px;
	background-color: #f7f8fa;
    border: 1px solid #ced3da;
    border-radius: 6px;
}
.form-check p {
    margin-bottom: 0px;
}
.form-check .wpcf7-list-item-label {
	font-size: 17px;
	color: #212529;
    line-height: 1.5;
}
.form-check .form-check-input {
    margin: 2px 15px 2px 0;
	border-radius: 0.25em;
}
.wpcf7-list-item-label {
	vertical-align: top;
}
.wpcf7 input[type="file" i] {
	padding-left: 50px;
	background: #F7F8FA url(/wp-content/themes/agiliway/image/ico-attach.svg) no-repeat 10px 10px;
}
.wpcf7 input.name {
	padding-left: 50px;
	background: #F7F8FA url(/wp-content/themes/agiliway/image/ico-name.svg) no-repeat 10px center;
}
.wpcf7 input.email {
	padding-left: 50px;
	background: #F7F8FA url(/wp-content/themes/agiliway/image/ico-email.svg) no-repeat 10px center;
}
.wpcf7 input.phone {
	padding-left: 50px;
	background: #F7F8FA url(/wp-content/themes/agiliway/image/ico-phone.svg) no-repeat 10px center;
}
.wpcf7 input.subject {
	padding-left: 50px;
	background: #F7F8FA url(/wp-content/themes/agiliway/image/ico-subject.svg) no-repeat 10px center;
}




.wpcf7 textarea.message {
	padding-left: 50px;
	background: #F7F8FA url(/wp-content/themes/agiliway/image/ico-message.svg) no-repeat 10px 10px;
}
.wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 textarea:focus {
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 0 0.25rem rgba(175,183,195,.2);
}
.wpcf7 textarea {
	height: 100px
}
.wpcf7 input[type=email]::placeholder, .wpcf7 input[type=tel]::placeholder, .wpcf7 input[type=text]::placeholder {
	font-size:16px;
	line-height:1.38;
	color:#757575
}
.form-check label {
    font-size: 16px;
}
div.wpcf7 .wpcf7-submit {
	position: relative;
	margin: 40px auto 0;
	padding: 1px 25px;
    width: 100%;
    height: 50px;
    border-radius: 24px;
	background: #158b46 url(image/arrow-next-white.svg) no-repeat 90% center;
    border-color: #158b46;
    color: #fff;
    font-weight: 300;
    line-height: 18px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
.modal-body div.wpcf7 .wpcf7-submit {
    margin: 20px auto 0;
}
div.wpcf7 .wpcf7-submit:hover, div.wpcf7 .wpcf7-submit:focus {
    color: #fff;
	padding: 1px 40px 1px 10px;
    background: #000 url(image/arrow-next-white.svg) no-repeat 95% center;
    border-color: #000;
}
div.wpcf7 .wpcf7-submit:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 10px;
    background: url(image/arrow-next-white.svg) no-repeat center center;
    opacity: 0;
    webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}
div.wpcf7 .wpcf7-submit:hover:after, div.wpcf7 .wpcf7-submit:focus:after {
    right: 15px;
    opacity: 1;
}
.wpcf7 .screen-reader-response {
	display: none;
}
.wpcf7 .wpcf7-not-valid-tip, .invalid-feedback {
	font-size: 14px;
	color: #ff0000;
	line-height: 1;
	padding: 0 10px;
	text-align: start;
	display: inline-block;
}
.wpcf7 input.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid, .is-invalid {
	border: 1px solid #ff0000 !important;
}
.wpcf7 .wpcf7-response-output, .alert-success {
    color: #158b46;
	text-align: center;
    background-color: transparent;
    border-color: transparent;
	padding: 0;
	margin-bottom: 0;
    border-radius: 0;
}

.container-reply {
	background-color: #F7F8FA;
    border-radius: 6px;
}
.container-reply .column {
    max-width: 600px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.lending-contact .container-reply p {
    color: #040707;
    line-height: 20px;
}
.rounded-pictures {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 12px;
}
.rounded-pictures div {
    border-radius: 50%;
    background: #73ad21;
    width: 80px;
    height: 80px;
    margin: 12px;
}
.rounded-pictures div img {
    max-width: 100%;
    border-radius: 50%;
}

/* subscribe */
.subscribe {
    /* margin-top: 20px; */
	background-color: #77b643;
	background: #77b643 url(image/bg-subscribe.webp) repeat-y center right;
}
.subscribe-content {
	max-width: 900px;
    position: relative;
    margin: auto;
    padding: 20px 50px;
}
.single-widgets .subscribe-content {
	padding: 20px 30px 20px;
}
.subscribe p, .subscribe p a, .subscribe .display-2, .subscribe .display-3, .subscribe .display-4, .subscribe .agree-terms, .subscribe .mailpoet_checkbox_label, .subscribe .mailpoet_checkbox_label a {
    color: #fff;
}
.subscribe p a, .subscribe .mailpoet_checkbox_label a, .form-industry label a {
	text-decoration: underline;
} 
.subscribe p a.btn {
	text-decoration: none;
}
.subscribe p a.btn-success:hover, .subscribe p a.btn-success:focus {
	color: #77b643;
    background-color: #fff;
    border-color: #fff;
}
.subscribe p a.btn-success:hover:after, .subscribe p a.btn-success:focus:after {
    background: url(image/arrow-next-green.svg) no-repeat center center;
}
.subscribe .display-3 {
	font-size: 30px;
    font-weight: 400;
}
#mailpoet_form_1 form.mailpoet_form, #mailpoet_form_2 form.mailpoet_form, #mailpoet_form_3 form.mailpoet_form, #mailpoet_form_4 form.mailpoet_form, #mailpoet_form_5 form.mailpoet_form, #mailpoet_form_6 form.mailpoet_form, #mailpoet_form_7 form.mailpoet_form {
	display: flex;
    flex-wrap: wrap;
    padding: 0px !important;
}
.mailpoet-screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.subscribe .email-block {
	width: 60%;
}
.subscribe .button-block {
	width: 35%;
	margin-left: 5%;
}
.single-widgets .subscribe .email-block, .single-widgets .subscribe .button-block {
	width: 100%;
	margin-left: 0px;
}
.subscribe form.mailpoet_form .mailpoet_text {
    display: block;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 10px 12px 50px !important;
    outline: 0!important;
	background: #F7F8FA url(/wp-content/themes/agiliway/image/ico-email.svg) no-repeat 10px center;
    border: 1px solid #CED3DA;
	border-radius: 6px;
    width: 100% !important;
    margin-top: 10px;
    overflow-y: hidden;
    resize: none;
}
.subscribe form.mailpoet_form .mailpoet_text:focus {
    background: #fff url(/wp-content/themes/agiliway/image/ico-email.svg) no-repeat 10px center;
    border: 1px solid #fff;
    box-shadow: 0 0 0 0rem rgb(175 183 195 / 20%);
}
.subscribe form.mailpoet_form input[type=email].mailpoet_text::placeholder {
	/* color: #fff; */
}
.mailpoet_paragraph {
    padding: 0!important;
    min-height: 50px;
	margin-top: 5px;
	margin-bottom: 5px !important;
}
.mailpoet_paragraph .agree-terms {
	margin-bottom: 0px;
}
.mailpoet_submit {
	position: relative;
    width: 100%;
    height: 50px;
    border-radius: 24px;
    background-color: #158b46;
    border-color: #fff;
	font-size: 18px;

    color: #fff;
    font-weight: 300;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 5px 25px;
    border: 0;
}
.single-widgets .mailpoet_submit {
	margin-left: 0px !important;
}
.mailpoet_submit:hover, .mailpoet_submit:focus {
	padding: 5px 40px 5px 10px;
    color: #77b643;
    background-color: #fff;
    border-color: #fff;
}
.mailpoet_submit:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 10px;
    background: url(image/arrow-next-green.svg) no-repeat center center;
    opacity: 0;
    webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}
.mailpoet_submit:hover:after, .mailpoet_submit:focus:after {
	right: 15px;
    opacity: 1;
}
.agree-terms {
	font-size: 16px;
}

/* lending contact */
.lending-contact .container-form {
	padding-bottom: 30px;
}
.lending-contact h4 {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: .26px;
	color: #fff
}
.lending-contact .form-industry p {
	margin-bottom: 25px;
}
.lending-contact .hr-green {
	width: 35px;
	height: 4px;
	background-color: #a7d653;
	display: block;
	margin: 60px 0 24px
}
.lending-contact p {
	font-size: 18px;
	letter-spacing: .15px;
	font-weight: 300;
}
.lending-contact .contact-form p {
	font-size: 14px;
	letter-spacing: .1px
}
.lending-contact .contact-form input[type=email], .lending-contact .contact-form input[type=text] {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #fff;
	margin-top: 14px;
	color: #fff;
	width: 457px
}
.lending-contact .contact-form input::placeholder {
color:transparent
}
.lending-contact .contact-form .wpcf7-submit {
	border-radius: 2px;
	background-image: none;
	background-color: #fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .11px;
	color: #097437;
	width: 160px;
	height: 42px;
	text-transform: none
}
.lending-contact .contact-form .wpcf7-submit:hover {
	background-color: #d8e6d9
}
.lending-contact .contact-form .free-trial-agr {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .1px;
	color: #fff;
	margin-left: 10px
}
.lending-contact .contact-form input[type=checkbox] {
	width: 20px;
	height: 20px
}
.offices {
	padding: 50px 0px;
	background-color: #F8F9FB;
}
.offices .container-contacts .contacts-col {
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms
}
.offices .container-contacts .picture-block {
	position: relative;
	overflow: hidden;
	background-color: #000
}
.offices .container-contacts .picture-block h6, .offices .container-contacts .picture-block p {
	position: absolute;
	z-index: 10;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100)
}
.offices .container-contacts .picture-block h6 {
	top: calc(50% - 20px);
	font-size: 20px;
	font-weight: 700;
	font-style: normal
}
.offices .container-contacts .picture-block p {
	top: 60%;
	font-size: 14px;
	font-weight: 400
}
.offices .container-contacts .contacts-col .cont .picture-block img {
	opacity: .6;
	filter: alpha(opacity=60)
}
.offices .container-contacts .contacts-col:hover .cont {
	padding: 0;
	cursor: pointer
}
.offices .container-contacts .contacts-col:hover .cont .picture-block h6, .offices .container-contacts .contacts-col:hover .cont .picture-block p {
	opacity: 0;
	filter: alpha(opacity=0)
}
.offices .container-contacts .contacts-col:hover .cont .picture-block h6 {
	top: 115px
}
.offices .container-contacts .contacts-col:hover .cont .picture-block p {
	top: 150px
}
.offices .container-contacts .contacts-col:hover .cont .picture-block img {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1.1)
}
.offices .container-contacts h4 {
	color: #231f20
}
.offices .container-contacts .hr-green {
	margin-top: 26px;
	margin-bottom: 71px
}
.offices .container-contacts .contact-content {
	background-color: #f8f9fb;
	padding: 20px 30px;
	min-height: 230px;
}
.offices .container-contacts .contacts-col:hover .contact-content {
	background-color: #77b643;
}
.offices .container-contacts .contact-content span {
	font-family: 'Ubuntu Bold';
	font-size: 13px;
	font-weight: 700;
	color: #158b46;
	padding: 5px 0px;
	text-transform: uppercase
}
.offices .container-contacts .contact-content h6 {
	font-family: 'Ubuntu Bold';
	font-size: 21px;
	font-weight: 700;
	margin-top: 0px;
	color: #000
}
.offices .container-contacts .contact-content p {
	font-size: 16px;
	font-weight: 400;
	color: #000
}
.offices .container-contacts .contact-content a {
	display: block;
	margin-top: 52px;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	cursor: pointer
}
.offices .container-contacts .contact-content a:hover {
	color: #a7d653;
	text-decoration: none
}
.offices .container-contacts .contacts-col:hover .contact-content h6, .offices .container-contacts .contacts-col:hover .contact-content p, .offices .container-contacts .contacts-col:hover .contact-content span {
	color: #fff;
}
.linkToBottom, .linkToTop {
	position: fixed;
	right: 150px;
	bottom: 100px;
	width: 50px;
	height: 50px;
	border: 0;
	display: none;
	z-index: 9999999
}
.linkToBottom {
	background: url(/wp-content/uploads/2021/02/button-bottom.svg)no-repeat;
	background-size: cover
}
.linkToTop {
	background: url(/wp-content/uploads/2021/02/button-top.svg)no-repeat;
	background-size: cover
}
.insert-page {
	overflow: hidden;
}

/* footer */
footer {
	padding-top: 40px;
	background: #fff url(image/bg-footer.webp) repeat-x bottom center;
}
footer > .container {
	padding-bottom: 40px;
}
footer p {
	font-size: 14px;
	color: #000;
}
footer .display-4 {
	color: #158b46;
}
footer .menu {
	margin-bottom: 0px;
	padding-inline-start: 0px;
}
footer .menu-item {
	list-style-type: none;
    line-height: 30px;
	margin-bottom: 1px;
}
footer .menu-item a {
    display: block;
    position: relative;
    padding: 5px 0;
    margin-bottom: 1px;
    color: #000;
    font-size: 14px;

    font-weight: 400;
	text-transform: uppercase;
    line-height: 20px;
}
footer .menu-item a:hover {
    color: #79b825;
    text-decoration: none;
    padding-left: 10px;
    background-color: #f8f9fb;
}
.partner-img {
    height: 95px;
}
footer .contacts p {
	text-transform: uppercase;
}
footer .buttons {
	height: 60px;
	background-color: #fff;
	border-top: 1px solid #dfe3e7;
}
footer .buttons .social img {
	width: 40px;
	height: 40px;
}
.copyright {
	background-color: #f7f8f9;
}
.copyright p {
	font-size: 14px;
	color: #aab2bd;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.display-1 {
		font-size: 44px;
	}
	.display-1.de {
		font-size: 36px;
	}
	.display-2 {
		font-size: 36px;
	}
	.page-header-block.service-header .service, .page-header-block.industry-header .industry {
		width: 160px;
		height: 160px;
		margin: 180px auto 0px;
	}
	.page-header-block.service-header .service img, .page-header-block.industry-header .industry img {
		width: 100px;
		height: 100px;
	}
	.carousel-item .row div .service a {
		width: 240px;
		height: 240px;
	}
	.carousel-item .row div .service a img {
		margin: 30px auto 20px;
	}
	.technologies .nav-pills .nav-link {
		font-size: 12px;
		line-height: 20px;
		padding: 9px 5px 9px 25px;
		width: 272px;
		border-radius: 20px;
	}
	.technologies .nav-pills .nav-link.active, .technologies .nav-pills .show>.nav-link {
    	font-size: 12px;
	}
	.technologies .tab-content {
		width: 100%;
		height: 310px;
		padding-left: 40px;
		margin-top: 0px;
	}
	.industries .carousel .carousel-item {
		min-height: 560px;
	}
	.experts {
    	padding: 50px 0;
	}
	.about {
		background: url(image/about-sm.webp) no-repeat top center;
	    background-size: auto 70%;
	}
	.aws {
		background: url(image/aws-slide-01-sm.webp) no-repeat top center;
	    background-size: auto 70%;
	}
	.ai {
		background: url(image/ai-slide-01-sm.webp) no-repeat top center;
	    background-size: auto 70%;
	}
	.why .value {
		width: calc(50% - 20px);
	}
	.why .value > div {
		min-height: 130px;
		padding-left: 110px;
		padding-top: 0px;
		border-radius: 65px;
	}
	.why .value > div:before {
		top: 50%;
		margin-top: -50px;
		margin-left: 0px;
		left: 15px;
		width: 100px;
		height: 100px;
	}
	.why .value > div:after {
		top: 50%;
		margin-top: -50px;
		margin-left: 0px;
		left: 15px;
		width: 100px;
		height: 100px;
	}
	.why .value p {
		text-align: left;
	}
	.why .value p.display-5 {
    	font-size: 15px;
	}
	.why.de .value p.display-5 {
		font-size: 14px;
	}
	.testimonials .photo {
		height: 400px;
	}
	.testimonials .photo.item-01, .testimonials .photo.item-02, .testimonials .photo.item-03, .testimonials .photo.item-04, .testimonials .photo.item-05, .testimonials .photo.item-06, .testimonials .photo.item-07 {
		background-size: 100% auto;
	}
	.cooperate {
    	padding: 20px 50px 30px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.page-header-block.service-header .service, .page-header-block.industry-header .industry {
		margin: 260px auto 0px;
	}
	.carousel-caption {
		left: 5%;
		right: 5%;
		width: 70%;
	}
	.carousel .partner {
		width: 35%;
	}
	.carousel-item .row div:nth-child(odd) .service a {
		margin-right: 0px;
		margin-left: auto;
	}
	.carousel-item .row div:nth-child(even) .service a {
		margin-right: auto;
		margin-left: 0px;
	}
	.technologies {
		padding: 95px 0 175px;
		background: #f8f9fb url('image/bg-technologies.webp') no-repeat center right;
		background-size: auto 100%;
		overflow: hidden;
	}
	.technologies:before {
		display: block;
		content: '';
		position: absolute;
		left: -1%;
		top: -1%;
		right: -1%;
		width: 62%;
		height: 102%;
		background: url('image/mask-technologies.svg') no-repeat center right;
		background-size: auto 150%;
	}
	.technologies .nav-pills .nav-link {
		font-size: 12px;
		line-height: 20px;
		padding: 9px 55px 9px 10px;
		width: 300px;
		border-radius: 20px;
	}
	.technologies .nav-pills .nav-link:nth-child(2), .technologies .nav-pills .nav-link:nth-child(6) {
		width: 274px;
		padding-right: 48px;
	}
	.technologies .nav-pills .nav-link:nth-child(3), .technologies .nav-pills .nav-link:nth-child(5) {
		width: 262px;
		padding-right: 43px;
	}

	.technologies .nav-pills .nav-link:nth-child(4) {
		width: 257px;
		padding-right: 38px;
	}
	.technologies .nav-pills .nav-link.active, .technologies .nav-pills .show>.nav-link {
    	font-size: 12px;
	}
	.technologies .nav-pills .nav-link:hover:before, .technologies .nav-pills .nav-link.active:before {
		right: 15px;
	}
	.technologies .tab-content {
		width: 300px;
		height: 310px;
		padding-left: 0px;
	}
	.technologies .tab-content:before {
		top: -43px;
		left: -65px;
		width: 400px;
		height: 400px;
	}
	.technologies .tab-pane {
		margin-left: -15px;
	}
	.industries {
		padding: 93px 0 61px;
	}
	.industries .carousel .carousel-item {
		min-height: 730px;
	}

	.about {
		background: url(image/about-md.webp) no-repeat top center;
	}
	.aws {
		background: url(image/aws-slide-01-md.webp) no-repeat top center;
	}
	.ai {
		background: url(image/ai-slide-01-md.webp) no-repeat top center;
	}
	.why .value > div {
		min-height: 150px;
		padding-left: 130px;
		padding-top: 0px;
		border-radius: 75px;
	}
	.why .value > div:before {
		top: 50%;
		margin-top: -60px;
		margin-left: 0px;
		left: 15px;
		width: 120px;
		height: 120px;
	}
	.why .value > div:after {
		top: 50%;
		margin-top: -60px;
		margin-left: 0px;
		left: 15px;
		width: 120px;
		height: 120px;
	}
	.why .value p.display-5 {
    	font-size: 15px;
	}
	.why.de .value p.display-5 {
		font-size: 14px;
	}
	.testimonials .photo {
		height: 500px;
	}
	.testimonials .photo.item-08 {
		height: 400px;
	}
	.testimonials .photo.item-01, .testimonials .photo.item-02, .testimonials .photo.item-03, .testimonials .photo.item-04, .testimonials .photo.item-05, .testimonials .photo.item-06, .testimonials .photo.item-07, .testimonials .photo.item-08 {
		background-size: auto;
	}
	.news-header .photo {
		height: 400px;
		background-size: auto;
	}
	.lending-contact .form-industry {
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#header {
	    min-height: 60px;
	}
	#header .navbar>.container-fluid {
		padding-right: 0px !important;
	}
	#header .navbar-brand {
		margin-right: 20px;
		padding-top: 9px;
		padding-bottom: 9px;
	}
	#header .navbar-brand img {
		height: 50px;
	}
	#header .navbar .navbar-nav {
		background-color: #fff;
	}
	#header .navbar .nav-item {
		border-top: 0px solid #dfe3e7;
	}
	#header .navbar .nav-item a {
	    line-height: 60px;
		position: relative;
	}
	#header .navbar .nav-item.dropdown a {
	    padding: 21px 5px 21px 5px;
	}
	#header .navbar .nav-item .dropdown-menu li a, #header .navbar .menu-item:hover .dropdown-menu li a {
	    padding: 10px 5px 10px 35px;
	}
	#header .navbar .navbar-nav .menu-item.dropdown .dropdown-toggle {
		line-height: 60px;
	}
	.dropdown-toggle::after {
		/* top: 26px; */
	}
	.navbar .nav-item:hover .dropdown-menu {
		display: -ms-flexbox!important;
		display: flex!important;
	}
	.dropdown-menu {
		padding: 40px 50px;
		top: 60px !important;
		border-bottom: 1px solid #dfe3e7;
	}
	#header .navbar .nav-item:last-child {
		position: relative;
	}
	#header .navbar .nav-item:last-child .dropdown-menu {
		width: 60px;
		padding: 10px 10px;
	}
	#header .navbar .nav-item .dropdown-menu li {
		width: 20%;
	}
	#header .navbar .nav-item:last-child .dropdown-menu li {
		width: 100%;
	}
	#header .navbar .nav-item:last-child .dropdown-menu li a {
		width: 40px !important;
		padding: 10px 5px 10px 35px;
	}
	.header-contact {
		width: 140px;
		position: relative;
		top: auto;
		right: auto;
		margin-right: 15px;
	}
	.header-contact .contact-button.btn.btn-success {
	    min-width: 140px;
		padding: 9px 10px;
	}
	.header-contact .contact-button.btn.btn-success:hover, .header-contact .contact-button.btn.btn-success:focus {
		padding: 9px 10px;
	}
	.header-search {
		position: relative;
		top: auto;
		right: auto;
	}
	.btn.btn-link.search {
		padding: 9px;
	}
	.page-header-block.service-header, .page-header-block.industry-header {
		height: 600px;
		overflow: hidden;
	}
	.page-header-block.service-header.service-01 {
		background: #f8f9fb url(image/service-01.webp) no-repeat center right;
		background-size: auto 100%;
	}
	.page-header-block.service-header.service-02, .page-header-block.service-header.service-03, .page-header-block.service-header.service-04, .page-header-block.service-header.service-05, 
	.page-header-block.service-header.service-06, .page-header-block.service-header.service-07, .page-header-block.service-header.service-08, .page-header-block.industry-header.industry-01, .page-header-block.industry-header.industry-02, .page-header-block.industry-header.industry-03, .page-header-block.industry-header.industry-04, .page-header-block.industry-header.industry-05, .page-header-block.industry-header.industry-06, .page-header-block.industry-header.industry-07, .page-header-block.industry-header.industry-08, .page-header-block.industry-header.industry-09, .page-header-block.industry-header.training-center {
		background-size: auto 100%;
	}
	.page-header-block.service-header.service-02, .page-header-block.service-header.service-03, .page-header-block.service-header.service-04, .page-header-block.service-header.service-05, 
	.page-header-block.service-header.service-06, .page-header-block.service-header.service-07, .page-header-block.service-header.service-08 {
		background-position: center right;
	}
	.page-header-block.industry-header.industry-01, .page-header-block.industry-header.industry-02, .page-header-block.industry-header.industry-03, .page-header-block.industry-header.industry-04, .page-header-block.industry-header.industry-05, .page-header-block.industry-header.industry-06, .page-header-block.industry-header.industry-07, .page-header-block.industry-header.industry-08, .page-header-block.industry-header.industry-09, .page-header-block.industry-header.training-center {
		background-position: center left;
	}
	.page-header-block.service-header:before {
		content: '';
		position: absolute;
		top: -1%;
		left: -1%;
		width: 102%;
		height: 102%;
		background: url(image/mask-services.svg) no-repeat center center;
		background-size: auto 100%;
	}
	.page-header-block.industry-header:before {
		content: '';
		position: absolute;
		top: -1%;
		left: -1%;
		width: 102%;
		height: 102%;
		background: url(image/mask-industries.svg) no-repeat center center;
		background-size: auto 100%;
	}
	.page-header-block.service-header .service, .page-header-block.industry-header .industry {
		width: 180px;
		height: 180px;
		padding: 40px;
		margin: 0px;
	}
	.page-header-block.service-header .service-title {
		padding-right: 30px;
		padding-bottom: 0px;
	}
	.page-header-block.industry-header .industry-title {
		padding-left: 30px;
		padding-bottom: 0px;
	}
	.slider .carousel .carousel-inner:before {
		display: block;
		width: 9%;
		background-size: 200% auto;
	}
	.carousel-caption {
		left: 15%;
		right: 5%;
		width: 60%;
	}
	.carousel .partner {
		width: 30%;
	}
	.slider .carousel .carousel-indicators {
    	bottom: 44px;
	}
	.carousel-item .row div .service a {
		width: 216px;
		height: 216px;
	}
	.carousel-item .row div .service a img {
		margin: 30px auto 10px;
	}
	.carousel-item .row div .service a .display-4 {
		font-size: 16px;
	}
	.technologies {
		background-size: 50% auto;
	}
	.technologies .nav-pills .nav-link {
		font-size: 14px;
		line-height: 20px;
		padding: 14px 35px 14px 10px;
		width: 370px;
		border-radius: 25px;
	}
	.technologies .nav-pills .nav-link:nth-child(2), .technologies .nav-pills .nav-link:nth-child(6) {
		width: 338px;
		padding-right: 43px;
	}
	.technologies .nav-pills .nav-link:nth-child(3), .technologies .nav-pills .nav-link:nth-child(5) {
		width: 322px;
		padding-right: 21px;
	}
	.technologies .nav-pills .nav-link:nth-child(4) {
		width: 316px;
		padding-right: 12px;
	}
	.technologies .nav-pills .nav-link:hover, .technologies .nav-pills .nav-link.active, .technologies .nav-pills .show>.nav-link {
    	font-size: 16px;
	}
	.technologies .nav-pills .nav-link:hover:before, .technologies .nav-pills .nav-link.active:before {
		right: 20px;
	}
	.technologies .tab-content {
		width: 310px;
		height: 350px;
		padding-left: 0px;
	}
	.technologies .tab-content:before {
		top: -53px;
		left: -80px;
		width: 450px;
		height: 450px;
	}
	.technologies .tab-pane ul {
    	padding-inline-start: 0px;
	}
	.experts {
    	padding: 75px 0 50px;
	}
	.about {
		padding: 100px 0;
		background: url(image/about-lg.webp) no-repeat center center;
		background-size: auto;
	}
	.about:before {
		display: block;
		width: 10%;
		background-size: 200% auto;
	}
	.aws {
		padding: 50px 0;
		background: url(image/aws-slide-01-lg.webp) no-repeat center center;
		background-size: auto;
	}
	.ai {
		padding: 20px 0;
		background: url(image/ai-slide-01-lg.webp) no-repeat;
		background-position: right -150% center;
		background-size: 120% auto;
	}
	.aws:before {
		display: block;
		width: 10%;
		background-size: 200% auto;
	}
	.why {
    	padding: 100px 0 100px;
	}
	.benefits {
		background: url(image/bg-benefits.webp) no-repeat center left;
		background-size: auto 150%;
	}
	.testimonials {
	    padding: 0px;
	}
	.testimonials .title {
		position: absolute;
		left: 50%;
		top: 0px;
		padding: 70px 0px 0;
		z-index: 1000;
	}
	.testimonials .photo {
		width: 50%;
		height: 640px;
	}
	.testimonials .photo.item-08 {
		height: 540px;
	}
	.testimonials .photo:before {
		top: -2%;
		right: -2%;
		width: 40%;
		height: 104%;
		background: url('image/mask-testimonial.svg') no-repeat center right;
		background-size: auto 150%;
	}
	.testimonials .content {
		padding-left: 0px;
	}
	.testimonials .carousel .carousel-indicators {
		left: 50%;
		bottom: 72px;
		justify-content: start;
		margin-left: 0%;
	}
	.news-header .photo {
		width: 50%;
		height: 200px;
		margin-top: 60px;
	}
	.news-header .photo:before {
		top: -2%;
		right: -2%;
		width: 40%;
		height: 104%;
		background: url('image/mask-testimonial.svg') no-repeat center right;
		background-size: auto 150%;
	}
	.news-header .content {
		margin-top: 60px;
	}
	.experts .card a {
		position: relative;
	}
	.experts .photo:before {
		top: -2%;
		right: -2%;
		width: 40%;
		height: 104%;
		background: url('image/mask-testimonial.svg') no-repeat center right;
		background-size: auto 150%;
	}
	.experts .card a:before {
		display: block;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		content: '';
		margin: 39px;
		background-color: rgba(0,0,0,.2);
		border-radius: 50%;
		webkit-transition: all 500ms;
		-moz-transition: all 500ms;
		-o-transition: all 500ms;
		-ms-transition: all 500ms;
		transition: all 500ms;
	}
	.experts .card a:hover:before {
		background-color: rgba(0,0,0,0);
		margin: 70px;
	}
	.news-header .photo:before {
		top: -2%;
		right: -2%;
		width: 40%;
		height: 104%;
		background: url('image/mask-testimonial.svg') no-repeat center right;
		background-size: auto 150%;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.display-1 {
		font-size: 54px;
	}
	.display-1.de {

		font-size: 40px;
	}
	.display-2 {
		font-size: 40px;
	}
	.display-3 {
		font-size: 32px;
	}
	.display-4 {
		font-size: 26px;
	}
	.display-5 {
		font-size: 24px;
	}
	.display-6 {
		font-size: 20px;
	}
	#header .navbar .nav-item a {
	    font-size: 16px;
	}
	.dropdown-menu {
		padding: 40px 175px;
	}
	#header .navbar .nav-item .dropdown-menu li a, #header .navbar .menu-item:hover .dropdown-menu li a {
	    padding: 10px 35px;
	}
	.header-contact {
		width: 160px;
	}
	.header-contact .contact-button.btn.btn-success {
	    min-width: 160px;
		padding: 9px 10px;
	}
	.page-header-block {
		margin-top: 60px;
	}
	.page-header-block.service-header .service, .page-header-block.industry-header .industry {
		width: 220px;
		height: 220px;
		padding: 60px;
		margin: 0px;
	}
	.slider .carousel .carousel-inner:before {
	    width: 14%;
		background-size: 150% auto;
	}
	.carousel-caption {
		left: 15%;
		right: 0%;
		width: 60%;
	}
	.carousel-item .row div .service a {
		width: 250px;
    	height: 250px;
	}
	.carousel-item .row div .service a img {
		margin: 50px auto 20px;
	}
	.carousel .partner {
		width: auto;
	}
	.partner-block .partner {
		width: 10%;
	}

	.services {
    	padding: 90px 0 80px;
	}
	.carousel-item .row div:nth-child(odd) .service a {
		margin-right: auto;
	}
	.carousel-item .row div:nth-child(even) .service a {
		margin-left: auto;
	}
	.card.industry a {
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
	}
	.card.industry a .card-img-overlay {
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.card.industry a:hover .card-img-overlay {
		margin-left: auto;
		margin-right: auto;
	}
	.technologies {
		background-size: 45% auto;
	}
	.technologies .nav-pills .nav-link {
		font-size: 14px;
		line-height: 20px;
		padding: 14px 85px 14px 10px;
		width: 420px;
		border-radius: 25px;
	}
	.technologies .nav-pills .nav-link:nth-child(2), .technologies .nav-pills .nav-link:nth-child(6) {
		width: 392px;
		padding-right: 53px;
	}
	.technologies .nav-pills .nav-link:nth-child(3), .technologies .nav-pills .nav-link:nth-child(5) {
		width: 378px;
		padding-right: 33px;
	}
	.technologies .nav-pills .nav-link:nth-child(4) {
		width: 371px;
		padding-right: 26px;
	}
	.technologies .tab-content {
		width: 360px;
		height: 350px;
		padding-left: 0px;
	}
	.technologies .tab-content:before {
		top: -75px;
		left: -75px;
		width: 500px;
		height: 500px;
	}
	.about {
		background: url(image/about-xl.webp) no-repeat center center;
	}
	.about:before {
		width: 15%;
		background-size: 150% auto;
	}
	.aws {
		padding: 100px 0;
		background: url(image/aws-slide-01-xl.webp) no-repeat center center;
	}
	.ai {
		padding: 100px 0;
		background: url(image/ai-slide-01-xl.webp) no-repeat;
		background-position: right -150% center;
		background-size: 120% auto;
	}
	.aws:before {
		width: 15%;
		background-size: 150% auto;
	}
	.testimonials .photo {
		height: 650px;
	}
	.testimonials .photo.item-08 {
		height: 450px;
	}
	.news-header .photo {
		height: 300px;
	}
	.cooperate {
    	padding: 20px 100px 50px;
	}
	.benefits {
		padding: 50px 0;
		background-size: auto 200%;
	}
	/* .experts .card:hover {
		background-color: #158b46;
	}
	.experts .card:hover .card-body p, .experts .card:hover .card-body p.display-3 a {
		color: #fff;	
	}
	.experts .card .card-footer .btn-light {
		opacity: 0;
	}
	.experts .card:hover .card-footer .btn-light {
		opacity: 1;
	} */
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.slider .carousel .carousel-inner:before {
	    width: 14%;
		background-size: 125% auto;
	}
	.carousel-caption {
		left: 15%;
		right: 10%;
		width: 50%;
	}
	.card.industry {
		max-width: 340px;
	}
	.technologies {
		background-size: 50% auto;
	}
	.about {
		background: url(image/about.webp) no-repeat center center;
	}
	.about:before {
		top: 25%;
		background-size: 125% auto;
	}
	.aws {
		background: url(image/aws-slide-01.webp) no-repeat center center;
	}
	.ai {
		background: url(image/ai-slide-01.webp) no-repeat;
		background-position: right -150% center;
		background-size: 120% auto;
	}
	.aws:before {
		top: 25%;
		background-size: 125% auto;
	}
	.testimonials .photo {
		height: 800px;
	}
	.testimonials .photo.item-08 {
		height: 600px;
	}
	.benefits {
	    background-size: 100% auto;
	}
	.experts .card {
		max-width: 300px;
		padding: 30px 0px;
		border-radius: 160px;
	}
	.experts .card .card-img-top {
		max-width: 300px;
	}
	.experts .card .card-body {
    	min-height: 130px;
	}
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	.card.industry {
		max-width: 340px;
	}
	.experts .card {
		max-width: 300px;
		padding: 30px 0px;
		border-radius: 140px;
	}
	.experts .card .card-img-top {
		max-width: 300px;
	}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.page-header-block.service-header p, .page-header-block.industry-header p {
		line-height: 1.3;
	}
	.page-header-block.service-header .display-4, .page-header-block.industry-header .display-4 {
		font-size: 20px;
		line-height: 1.3;
	}
	.partner p {
		line-height: 1.1;
	}
	.photo-left img, .photo-right img, .photo-center img {
    	padding: 39px;
	}
	.card.industry {
		max-width: 290px;
	}
	.card.industry a .card-img-overlay {
		margin: 40px;
	}
	.technologies {
		padding: 80px 0 150px;
	}
	.experts .card {
		max-width: 280px;
		padding: 30px 0px;

		border-radius: 150px;
	}
	.experts .card .card-img-top {
		max-width: 280px;
	}
	.experts .card .card-img-top {
    	padding: 39px;
	}
	footer p {
    	font-size: 13px;
	}
	footer li {
    	font-size: 14px;
	}
} 

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.collapse.show {
		
	}
	#header .navbar .navbar-nav {
    	overflow-y: scroll;
    	height: calc(100vh - 68px);
	}
	#header .navbar .nav-item {
		position: relative;
	}
	#header .navbar .nav-item a {
    	margin-right: 30px;
	}
	#header .navbar .pll-parent-menu-item .nav-link {
	    font-size: 0px;
	}
	#header .navbar .navbar-nav > .menu-item:last-child > a {
		font-size: 0px;
		padding: 0px;
	}
	#header .navbar .navbar-nav .menu-item.dropdown .dropdown-toggle {
	    margin-right: 15px;
	}
	#header .navbar .navbar-nav .menu-item.dropdown:last-child .dropdown-toggle {
    	display: none !important;
	}
	#header .navbar .pll-parent-menu-item .nav-link .dropdown-toggle {
		display: none !important;
	}
	#header .navbar .pll-parent-menu-item .dropdown-menu {
		display: flex;
		margin-top: -30px !important;
		margin-bottom: 20px !important;
		margin-right: calc(-.5 * var(--bs-gutter-x));
   		margin-left: calc(-.5 * var(--bs-gutter-x));
		justify-content: center!important;
	}
	#header .navbar .pll-parent-menu-item .dropdown-menu li {
		width: 40px;
		text-align: center;
		border-top: 0px solid #dfe3e7;
	}
	#header .navbar .pll-parent-menu-item .dropdown-menu li a, #header .navbar .menu-item:hover .dropdown-menu li a {
		line-height: 20px;
		/* width: 40px !important; */
		padding: 10px 10px 10px 40px;
		margin: 0px;
	}
	#header .navbar .nav-item .dropdown-menu li a:before {
		left: 20px;
	}
	#header .navbar .pll-parent-menu-item .dropdown-menu li.lang-item a {
		padding: 10px;
	}
	#header .navbar .pll-parent-menu-item .dropdown-menu li.current-lang a {
		color: #fff !important;
		background-color: #158b46;
		border-radius: 20px;
	}
	#header .navbar .pll-parent-menu-item .dropdown-menu li a:before {
		display: none;
	}
	.card.industry {
		max-width: 330px;
	}
	.partner {
		padding: 10px 5px;
		margin: 0px 0;
	}
	.partner:before {
		top: 0%;
		height: 100%;
	}
	/* .partner:nth-child(5):before {
		display: none;
	} */
	.partner:after {
		display: none;
		position: absolute;
		left: 0px;
		top: 0px;
		content: '';
		width: 100%;
		height: 1px;
		background-color: rgba(139, 147, 159, 0.25);
	}
	.partner:nth-child(1):after, .partner:nth-child(2):after, .partner:nth-child(3):after {
		display: none;
	}
	.partner img {
		filter: grayscale(0%);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.technologies {
		padding: 95px 0 150px;
	}
	.technologies .tab-pane li {
		padding: 45px 5px 15px 5px;
		background-size: 40px;
	}
	.about:after, .aws:after, .ai:after {
		top: auto;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 50%;
		background: url('image/mask-about-xs.svg') no-repeat top center;
		background-size: 300% auto;
	}
	.aws:after, .ai:after {
		height: 68%;
	}
	.about .indicators, .aws .indicators, .ai .indicators {
		margin-top: 100px;
	}
	.testimonials {
	    padding: 0px 0px 90px;
	}
	.experts .card {
		max-width: 240px;
		padding: 20px 20px;
		border-radius: 120px;
	}
	.experts .card .card-img-top {
		max-width: 200px;
	}
	.experts .card .card-img-top {
    	padding: 19px;
	}
	.experts .card a:hover .card-img-top {
		padding: 9px;
	}
	.position .display-4 {
    	height: 64px;
	}
	footer {
    	padding-top: 56px;
	}
	footer > .container {
		padding-bottom: 46px;
	}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	#header .navbar .navbar-nav .nav-item .dropdown-menu .nav-item, #header .navbar .navbar-nav .menu-item:hover .dropdown-menu .nav-item {
	    font-size: 14px !important;
	}
	.partner-block {
    	padding: 26px 0 46px;
	}
	.partner {
		height: auto;
	}
	/* .partner:nth-child(3):before, .partner:nth-child(6):before {
		display: none;
	} */

	.partner:nth-child(5):before, .partner:nth-child(4):after {
		display: block;
	}
	.partner:nth-child(3):after {
		display: none;
	}
	.partner img {
		padding: 0px 5px;
	}
	.photo-left img, .photo-right img, .photo-center img {
    	padding: 29px;
	}
	.card.industry {
		max-width: 240px;
	}
	.card.industry a .card-img-overlay {
		font-size: 18px;
		margin: 30px;
	}
	.technologies {
		padding: 51px 0 56px;
	}
	.technologies .nav-pills .nav-link:hover:before, .technologies .nav-pills .nav-link.active:before {
		left: 15px;
	}
	.technologies .tab-content {
		height: 500px;
		padding-left: 0px;
	}
	.technologies .tab-content:before {
		left: auto;
		right: -20px;
		width: 500px;
		height: 100%;
		border-right: 1px dashed #158b46;
		border-radius: 30px;
	}
	.why {
		padding: 56px 0;
	}
	.experts .card {
		border-radius: 135px;
	}
	.experts .card .card-img-top {
		max-width: 230px;
	}
	.overview .list-checkbox li {
		padding: 10px 20px 10px 40px;
	}
	.overview .list-checkbox li:before {
		left: 5px;
	}
	.news-header .photo:before {
		bottom: -80px;
		right: 0px;
		width: 100%;
		height: 80%;
		background: url(image/mask-testimonial-xs.svg) no-repeat bottom center;
		background-size: 300% auto;
	}
	footer .buttons {
    	height: 60px;
    	border-bottom: 1px solid #dfe3e7;
	}
	.footer-widget .menu-services-container .menu .menu-item {
	    font-size: 14px !important;
	}
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	p, li {
    	font-size: 14px;
	}
	.lead {
    	font-size: 16px;
	}
	.btn {
	    font-size: 14px;
	}
	.dropstart .dropdown-menu[data-bs-popper] {
	    width: 170px;
	}
	.dropstart .dropdown-menu .search-field {
    	width: 130px;
	}
	.carousel-caption .lead {
		display: none;
	}
	.services .carousel-item .row > .col-6 {
		padding: 0 8px;
	}
	.carousel-item .row div .service a {
		width: 150px;
		height: 150px;
	}
	.carousel-item .row div .service a img {
		width: 72px;
		height: 72px;
		margin: 10px auto 5px;
		padding-bottom: 0px;
	}
	.carousel-item .row div .service a .display-4 {
		padding: 0px 10%;
	}
	.carousel-indicators {
		margin-right: 0px;
		margin-left: 0px;
	}
	.service a .display-4 {
		font-size: 12px;
		margin-top: 0px;
	}
	.card.industry a .card-img-overlay {
		font-size: 16px;
		margin: 15px;
	}
	.photo-left img, .photo-right img, .photo-center img {
		padding: 14px;
	}
	.overview .photo-left img, .overview .photo-right img, .overview .photo-center img {
		padding: 29px;
	}
	.technologies .nav-pills .nav-link {
		font-size: 13px;
		line-height: 14px;
		padding: 10px 10px 10px 30px;
		width: 170px;
	}
	.technologies .nav-pills .nav-link.active, .technologies .nav-pills .show>.nav-link {
		font-size: 13px;
	}
	.technologies .tab-content {
		width: 190px;
		height: 500px;
		padding-left: 0px;
	}
	.technologies .tab-pane li {
	    line-height: 20px;
	}
	.major-technologies li {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.major-technologies li:before {
		top: -25px;
		margin-left: -60px;
		width: 120px;
		height: 120px;
	}
	.about {
	    background-size: auto 80%;
	}
	.about:after, .aws:after, .ai:after {
		height: 48%;
		background-size: 300% auto;
	}
	.aws:after, .ai:after {
		height: 65%;
	}
	.why .value p {
		margin: 10px 0;
		padding: 0px 5px !important;
	}
	.testimonials .content p {
	    font-size: 14px;
	}
	.success-stories {
    	padding: 30px 0 30px;
	}
	.overview, .overview.light-bg, .stages {
		padding: 30px 0;
	}
	.experts .card {
		padding: 15px 15px;
		border-radius: 90px;
	}
	.experts .card .card-img-top {
		max-width: 150px;
	}
	.experts .card .card-body {
		min-height: 100px;
		padding: 25px 0px 10px;
	}
	.experts .card .display-3 {
		font-size: 18px;
	}
	.page-header-block.service-header:before, .page-header-block.industry-header:before {
	    top: 100px;
	}
	.page-header-block.service-header .service, .page-header-block.industry-header .industry {
	    margin: 160px auto 0px;
	}
	.page-header-block.service-header.service-01 {
		background: #f8f9fb url(image/service-01-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.service-header.service-02 {
		background: #f8f9fb url(image/service-02-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.service-header.service-03 {
		background: #f8f9fb url(image/service-03-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.service-header.service-04 {
		background: #f8f9fb url(image/service-04-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.service-header.service-05 {
		background: #f8f9fb url(image/service-05-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.service-header.service-06 {
		background: #f8f9fb url(image/service-06-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.service-header.service-07 {
		background: #f8f9fb url(image/service-07-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.service-header.service-08 {
		background: #f8f9fb url(image/service-08-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-01 {
		background: #f8f9fb url(image/industry-01-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-02 {
		background: #f8f9fb url(image/industry-02-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-03 {
		background: #f8f9fb url(image/industry-03-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-04 {
		background: #f8f9fb url(image/industry-04-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-05 {
		background: #f8f9fb url(image/industry-05-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-06 {
		background: #f8f9fb url(image/industry-06-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-07 {
		background: #f8f9fb url(image/industry-07-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-08 {
		background: #f8f9fb url(image/industry-08-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.industry-09 {
		background: #f8f9fb url(image/industry-09-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.page-header-block.industry-header.training-center {
		background: #f8f9fb url(image/training-center-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.news-header .photo {
		background: #f8f9fb url(image/industry-02-xs.webp) no-repeat top center;
		background-size: 100% auto;
	}
	.accordion-flush.values .accordion-item .accordion-button {
		padding: 30px 25px 30px 25px;
		font-size: 20px;
	}
	.steps .accordion-body {
	    padding: 0px 20px 30px;
	}
	.success-stories .card .card-body > div .collapse-horizontal {
		position: relative;
		top: auto;
	}
	.success-stories .card .card-body > div.details {
		margin-top: 5px;
	}
	.subscribe .email-block {
		width: 100%;
	}
	.subscribe .button-block {
		width: 100%;
		margin-left: 0%;
	}
	.news-header .photo:before {
		bottom: -2px;
		right: 0px;
		width: 100%;
		height: 60%;
		background: url(image/mask-testimonial-xs.svg) no-repeat bottom center;
		background-size: 200% auto;
	}
	.footer-widget .btn {
		width: 100%;
	}
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	font-size: 0px;
	min-width: 40px;
    padding: 9px 9px;
	outline: 0px solid rgba(175,183,195,.3);
	z-index: 5000;
}
#btn-back-to-top:hover, #btn-back-to-top:focus {
	outline: 10px solid rgba(175,183,195,.15);
}
#btn-back-to-top.btn:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 9px;
    top: 9px;
    background: url(image/arrow-top-white.svg) no-repeat center center;
    opacity: 1;
    webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}
#youtube-player {
	height: 100%;
}

/*.lang-item-de, .lang-item-pl {
	display: none;
} */

.show {
	display: block!important
}
.hide {
	display: none!important
}

/* `sm` applies to x-small devices (portrait phones, less than 360px) */
@media (max-width: 359.98px) {
	.display-1 {
	    font-size: 32px;
	}
	.dropstart .dropdown-menu[data-bs-popper] {
		width: 210px;
	}
	.header-contact {
		width: 40px;
	}
	.header-contact .contact-button.btn.btn-success {
		min-width: 40px;
		padding: 5px;
		font-size: 0px;
		line-height: 28px;
	}
	.header-contact .contact-button.btn.btn-success:after {
		right: 5px;
		top: 5px;
		width: 30px;
    	height: 30px;
		background: url(image/ico-email.svg) no-repeat center center;
		opacity: 1;
		filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
    	-webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
	}
	.header-search {
		right: 90px;
	}
	.carousel-caption {
		top: 45%;
	}
	.slider .carousel .carousel-indicators {
		bottom: 14px;
	}
	.carousel-indicators [data-bs-target] {
	    margin: 1px;
	}
	.services .carousel-item .row > .col-6, .industries .carousel .carousel-item .row > .col-6 {
		width: 100%;
	}
	.indicator p:before {
	    left: -5px;
	}
	.indicator p {
		padding-left: .5rem!important;
	}
	.indicator p span {
		font-size: 36px;
	}
	.partner-img {
		height: 75px;
	}
}