@charset "utf-8";
@import "social-icons.css";
@import "gototop.css";

* {
	outline: 0px none !important;
	border: 0;
	margin: 0;
	padding: 0;
	line-height:30px;
}
a, button {
	text-decoration: none;
	outline: 0px none !important;
}
a:active, a:hover, a:focus {
	text-decoration: none;
}


/*
font-family: 'Montserrat', sans-serif;
font-family: 'Anton', sans-serif;
*/
/*
@font-face {
    font-family: 'Anton';
    src: url('../fonts/anton/Anton-Regular.woff2') format('woff2'),
        url('../fonts/anton/Anton-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
         url('../fonts/montserratMontserrat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
         url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

*/
/* theme root */
:root {
 --font-body-family: 'Montserrat', sans-serif;
 /*  --font-anton-family: 'Anton', sans-serif; */
  --font-sec-title: 84px;
  --font-sec-desc: 24px;
}
/* theme root */

html, body {
	font-family: var(--font-body-family);
	font-weight: 400;
	background: #373742;
	color: #FFFFFF;
}
.sec-title {
	color: #000;
/*	font-family: var(--font-anton-family);*/
	font-size: var(--font-sec-title);
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.sec-desc {
	color: #000;
	font-size: var(--font-sec-desc);
	margin: 0;
	padding: 0;
}



.pg-header {
	background: #000;
	opacity: 0.93;
}

.pg-header:has(> nav > .container > .offcanvas.show:not(.hiding)){
  background:#20B2AA;
  opacity:1.0 !important;
}

.pg-header .navbar .navbar-nav .nav-item:not(:last-child) {
	margin-right: 36px;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown {
	position: static;
}
.pg-header .navbar .navbar-nav .nav-item .nav-link {
	color: #FFF;
	font-size: 18px;
	line-height: normal;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	margin-top: 0px;
	width: 100%;
	border-radius: 0;
	background: #2f2f39;
	color: #fff;
	padding: 0;
}
.pg-header .navbar .nav-item-contact {
	font-family: var(--font-anton-family);
	color: #FFF;
	font-size: 18px;
	line-height: normal;
	border-radius: 30px;
	background: url('data:image/svg+xml,<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7H28.5M28.5 7L22.5 1M28.5 7L22.5 13" stroke="white" stroke-width="1.5"/></svg>'),#20B2AA;
	background-repeat: no-repeat;
	background-position: right 26px center;
	padding: var(--bs-navbar-padding-y) 26px;
	padding-right: 70px;
	display: inline-block;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .menu-custom-title {
	color: #20B2AA;
	font-family: var(--font-anton-family);
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
	padding-top: 36px;
	margin-bottom: 1em;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom {
	list-style: none;
	margin: 0;
	padding: 0;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom li {
	flex: 0 0 auto;
	width: 33.33333333%;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom li:not(:last-child) {
	margin-bottom: 20px;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom li a {
	color: #fff;
	font-size: 18px;
	line-height: normal;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-right-custom {
	height: 100%;
	background: #20B2AA;
	padding: 36px 30px;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-right-custom .right-custom-title {
	color: #FFF;
	font-family: var(--font-anton-family);
	font-size: 36px;
	line-height: 1;
	margin-bottom: 1em;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-right-custom .right-item {}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-right-custom .right-item-more {
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	border-radius: 30px;
	border: 1px solid #FFF;
	display: inline-block;
	background: url('data:image/svg+xml,<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7H28.5M28.5 7L22.5 1M28.5 7L22.5 13" stroke="white" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: right 26px center;
	padding: 7px 26px;
	padding-right: 70px;
}






.hp-banner-video {
	position: relative;
}
.parallax-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.parallax-layer .items__layer {
	position: absolute !important;
}
.parallax-layer .items__layer.horse.layer {
  right: 3vw !important;
  top: 5vh !important;
  left: auto !important;
  width: 20vw;
}
.parallax-layer .items__layer.tent.layer {
  right: 41vw !important;
  top: 7vh !important;
  left: auto !important;
  width: 30vw;
}
.parallax-layer .items__layer.camera.layer {
  top: 4vh !important;
  left: 5vw !important;
  width: 6vw;
  height: 80px;
}
.parallax-layer .items__layer.plant.layer {
  top: 55vh !important;
  left: 6vw !important;
  width: 27vw;
  height: 300px;
}
.parallax-layer .items__layer.chair.layer {
  top: 58vh !important;
  right: 36vw !important;
  left: auto !important;
  width: 22vw;
  height: 300px;
}
.parallax-layer .items__layer.snake.layer {
  top: 30vh !important;
  right: -8vw !important;
  left: auto !important;
  width: 14vw;
}
.parallax-layer .items__layer .items__item {
	position: absolute;
}






.hp-banner-video .video-container {
	max-width: 100%;
	margin: 0 auto;
	display: flex;
}
.hp-banner-video .video-container video {
	width: 100%;
	height: auto;
}
.hp-banner-video .image-container {}
.hp-banner-video .image-container img {
	width: 100%;
	height: auto;
}
.hp-banner-video .text-container {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.hp-banner-video .text-container .caption {
	color: #FFF;
	font-size: 48px;
	line-height: normal;
	text-align: center;
}
.hp-banner-video .text-container .title-text {
	color: #FFF;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 86px;
	text-transform:uppercase;
}
.hp-banner-video .text-container .title-text .typed-text {
	color: #20B2AA;
}





.hp-about {
	background: #20B2AA;
	pad111ding: 80px 0;
	padding: 2rem 0;
}
.hp-about .about-statistics {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.hp-about .about-statistics .about-text {
	line-height: 1;
}
.hp-about .about-statistics .about-text .sec-title {
	line-height: 1;
}
.hp-about .about-statistics .about-text .sec-sub-title {
	font-size: 36px;
	line-height: 1;
	margin-top: 10px;
}
.hp-about .about-statistics .about-text .sec-desc {
	margin-top: 16px;
}
.hp-about .about-statistics .statistics-data {
	display: flex;
	gap: 18px;
}
.hp-about .about-statistics .statistics-data .data-item {
	border-radius: 10px;
	border: 1px solid #000;
	/*background: #000;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 28px 0;
	width: 191px;
	gap: 15px;
}
.hp-about .about-statistics .statistics-data .data-item .item-data {
	font-family: var(--font-anton-family);
	color: #000;
	text-align: center;
	font-size: 54px;
	line-height: normal;
	position: relative;
}
.hp-about .about-statistics .statistics-data .data-item .item-data::after {
	content: "+";
}
.hp-about .about-statistics .statistics-data .data-item .item-title {
	color: #000;
	text-align: center;
	font-size: 16px;
	line-height: normal;
	text-transform: uppercase;
}
.hp-about .about-statistics .go-back {
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: #000;
	color: #FFF;
	font-family: var(--font-anton-family);
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	background-image: url('data:image/svg+xml,<svg width="31" height="14" viewBox="0 0 31 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.5 7L2 7M2 7L8 13M2 7L8 0.999998" stroke="white" stroke-width="1.5"/></svg>');
	padding: 8px 36px;
	background-repeat: no-repeat;
	background-position: left 30px center;
	padding-left: 84px;
	transform: translateY(100%);
}



.hp-services {
	background: #2F2F39;
	padding: 92px 0;
	position: relative;
    z-index: 2;
}
.hp-services .services-head {
	display: flex;
	align-items: flex-end;
	margin-bottom: 38px;
}
.hp-services .sec-title {
	color: #20B2AA;
	line-height: 1;
	margin-right: 30px;
}
.hp-services .sec-desc {
	color: #FFF;
	max-width: 500px;
}
.hp-services .services-box {
	border-radius: 30px;
	border: 1px solid #20B2AA;
	background: #000;
	overflow: hidden;
	display: flex;
}
.hp-services .services-box .box-list {
	flex: 0 0 auto;
	width: 293px;
	display: flex;
	align-items: center;
	padding: 42px 0;
}
.hp-services .services-box .box-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.hp-services .services-box .box-list ul li {
	cursor: pointer;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	padding: 15px 0;
	padding-left: 32px;
	transition: all .2s;
}
.hp-services .services-box .box-list ul li.active {
	background: #20B2AA;
	padding-left: 54px;
}
.hp-services .services-box .box-list ul li .fa {
	visibility: hidden;
}
.hp-services .services-box .box-list ul li.active .fa {
	visibility: visible;
	margin-right: 6px;
}
.hp-services .services-box .box-list-data {
	background: #20B2AA;
	flex: 0 0 auto;
	width: calc(100% - 293px);
}
.hp-services .services-box .box-list-data .data-item {
	display: none;
	height: 100%;
	transition: all .2s;
}
.hp-services .services-box .box-list-data .data-item.active {
	display: flex;
}
.hp-services .services-box .box-list-data .data-item .item-left {
	flex: 0 0 auto;
	width: 60%;
	padding: 42px 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.hp-services .services-box .box-list-data .data-item .item-left .item-title {
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 25px;
	width: 100%;
}
.hp-services .services-box .box-list-data .data-item .item-left .item-desc {
	color: #FFF;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 25px;
	width: 100%;
}
.hp-services .services-box .box-list-data .data-item .item-left .item-more {
	color: #000;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	margin-top: auto;
	display: inline-block;
	background: url('data:image/svg+xml,<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7H28.5M28.5 7L22.5 1M28.5 7L22.5 13" stroke="black" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 40px;
}
.hp-services .services-box .box-list-data .data-item .item-right {
	flex: 0 0 auto;
	width: 40%;
}
.hp-services .services-box .box-list-data .data-item .item-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}




.hp-our-work {
	padding: 85px 0;
	position: relative;
	z-index: 1;
}
/*
.hp-our-work::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(0%,30%);
	width: 100%;
	height: 100%;
	background: url('../img/hp-our-work-line.png');
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: -1;
}
*/
.hp-our-work .sec-title {
	line-height: 1;
	color: #20B2AA;
}
.hp-our-work .sec-desc {
	color: #FFF;
	margin-top: 14px;
	font-size: 18px;
}
.hp-our-work .slide-control {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 16px;
	margin-top: 36px;
}
.hp-our-work .slide-control .control-item {
	width: 42px;
	height: 42px;
	background: url('data:image/svg+xml,<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="21" cy="21" r="20.25" fill="black" stroke="white" stroke-width="1.5"/><path d="M30.5 21L12 21M12 21L18 27M12 21L18 15" stroke="white" stroke-width="1.5"/></svg>');
}
.hp-our-work .slide-control .control-item[data-actn="next"] {
	rotate: 180deg;
}
.hp-our-work .our-work-wrap {}
.hp-our-work .our-work-wrap .work-item {
	border-radius: 30px;
	border: 1px solid #20B2AA;
	overflow: hidden;
	position: relative;
	height: 353px;
}
.hp-our-work .our-work-wrap .work-item .item-img {
	/*width: 100%;*/
	width: 50%;
	height: 100%;
	object-fit: cover;
}
.hp-our-work .our-work-wrap .work-item .item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hp-our-work .our-work-wrap .work-item .item-text {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: #000;
	display: flex;
}
.hp-our-work .our-work-wrap .work-item .item-text .item-info {
	padding: 28px 24px;
}
.hp-our-work .our-work-wrap .work-item .item-text .text-title {
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.hp-our-work .our-work-wrap .work-item .item-text .text-desc {
	font-size: 16px;
	line-height: normal;
}
.hp-our-work .our-work-wrap .work-item .item-text .text-cat {
	writing-mode: vertical-lr;
	color: #000;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 46px;
	line-height: 1;
	text-transform: uppercase;
	background: #20B2AA;
	margin: 0;
	padding: 0 6px;
}
.timeline-ani {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translate(0%,30%);
	overflow-x: hidden;
	z-index: -1;
}
#svg-path {
	max-width: 100%;
	height: auto;
}

.hp-trusted-by {
	padding: 120px 0;
	background: #2F2F39;
	position: relative;
}
.hp-trusted-by .sec-bg {
	background: url('../img/customer-globe-mark.png') no-repeat center;
	background-size: contain;
}
.hp-trusted-by .sec-title {
	color: #20B2AA;
	line-height: 1;
}
.hp-trusted-by .sec-desc {
	color: #FFF;
}
.hp-trusted-by .trusted_by_demo_img {
	width: 100%;
	height: auto;
	margin-top:-50px;
}





.hp-why-us {
	background: #000;
	padding: 75px 0;
}
.hp-why-us .sec-title {
	color: #FFF;
}
.hp-why-us .sec-desc {
	color: #FFF;
	line-height:32px;
}
.hp-why-us .why-us-wrapper {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}
.hp-why-us .why-us-wrapper > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}
.hp-why-us .why-us-sticky {
	height: 100%;
}
.hp-why-us .why-us-wrapper .why-us-sticky,
.hp-why-us .why-us-wrapper .why-us-list {
	flex: 0 0 auto;
	width: 50%;
}
.hp-why-us .why-us-wrapper .why-us-sticky {}
.hp-why-us .why-us-wrapper .why-us-list {}
.hp-why-us .why-us-list {}
.hp-why-us .why-us-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.hp-why-us .why-us-list .list-item {
	display: flex;
	align-items: center;
	gap: 35px;
}
.hp-why-us .why-us-list .list-item.with-icon {
	background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="11.5" fill="%2320B2AA"/><path d="M6.57153 11.5001H16.7025M16.7025 11.5001L13.4168 8.21436M16.7025 11.5001L13.4168 14.7858" stroke="black" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 40px;
	background-size: 20px;
}
.hp-why-us .why-us-list .list-item:not(:last-child) {
	margin-bottom: 35px;
}
.hp-why-us .why-us-list .list-item .item-img {
	--img-width: 76px;
	--img-border-width: 20px;
	width: var(--img-width);
	height: var(--img-width);
	background: #1BA699;
	border-radius: 50%;
	padding: 12px;
	position: relative;
	flex: 0 0 auto;
}
.hp-why-us .why-us-list .list-item .item-img::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(var(--img-width) + var(--img-border-width));
	height: calc(var(--img-width) + var(--img-border-width));
	transform: translate(-50%,-50%);
	background: rgba(27, 166, 153, 0.20);
	border-radius: 50%;
}
.hp-why-us .why-us-list .list-item .item-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.hp-why-us .why-us-list .list-item .item-title {
	color: #FFF;
	font-size: 18px;
	line-height: normal;
	font-weight: 700;
}
.hp-why-us .why-us-list .list-item .item-desc {}


.dot-icon-text {
	padding: 0;
	background: #000;
	position:relative;
	z-index: 1;
}
.dot-icon-text::before {
	content: "";
	position: absolute;
	/*width: 41.66666667%;*/
	width: 33.33333333%;
	height: 100%;
	background: #2F2F39;
	z-index: -1;
}
.dot-icon-text .container {padding:80px 0}
.dot-icon-text h3 {color:#20B2AA}
.dot-icon-text .dot-icon-text-item {
	display: flex;
	align-items: flex-start;
	gap: 45px;
}
.dot-icon-text .dot-icon-text-item:not(:last-child) {
	margin-bottom: 55px;
}
.dot-icon-text .dot-icon-text-item .item-icon {
	flex: 0 0 auto;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	border: 4px dotted #fff;
	padding: 25px;
	background: #000;
}
.dot-icon-text .dot-icon-text-item .item-icon img {
	width: 100%;
	height: 100%;
}
.dot-icon-text .dot-icon-text-item .item-text .text-title {
	color: #20B2AA;
	font-family: var(--font-anton-family);
	font-size: 36px;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 10px;
}
.dot-icon-text .dot-icon-text-item .item-text .text-desc {
	color: #FFF;
	line-height: 30px;
	margin-top: 20px;
}




.process-diagram {min-height:750px;padding:0px; margin:170px auto; color:#fff; position:relative; max-width:1500px;}
.col-process {width:450px; height:450px; border-radius:50%; color:#fff; text-align:center; position:absolute; left:-5em; top:100px; z-index:2; }
.col-half-circle {position:absolute;left:225px; top:25px;}
.col-half-circle img {max-width:225px;}
.col-process h2.relative-vertical {position:absolute; top:35%; left:30%}
.col-process .title {font-family: var(--font-anton-family);  font-size:4em; line-height:1em; text-align:left;}

.col-diagram {position:absolute;left:300px; top:0px;}
.col-diagram  ul, .col-diagram  ul li {list-style-type:none; margin:0;padding:0;}
.col-diagram  ul li {margin:-90px 0 40px;max-width:85%;clear:both;}
.col-diagram  ul li h5 {font-family: var(--font-body-family); padding-top:20px; text-transform:uppercase;font-weight:bold;}
.col-diagram  ul li.order-2 {padding-left:130px;}
.col-diagram  ul li.order-3 {padding-left:200px; padding-top:10px;}
.col-diagram  ul li.order-4 {padding-left:180px; padding-top:30px;}
.col-diagram  ul li.order-5 {padding-left:120px;}
.process-diagram .col-diagram .img-circle {width:136px; height:136px; margin-right:20px; background:#1BA699; border-radius:50%; display:block;float:left; padding:25px; border: 6px solid rgba(0, 0, 0, 0.5); transition:all 0.5s;}
.process-diagram .col-diagram .img-circle:hover { border: 6px solid rgba(255, 255, 255, 0.5); padding-left:20px;}
.process-diagram .col-diagram img {max-width:84px;}

.border-animation:before {
  position: absolute;
  content: '';
  height: calc(100% + 10px);
  width: calc(100% + 10px);
  border: 4px dashed white;
  top: -13px;
  left: -13px;
  border-radius: inherit;
  animation: spin 10s linear infinite;
  background:black;
  display:none;
}
@keyframes spin {
  100% {
    transform: rotateZ(360deg);
  }
}
.pg-header {transition:all 0.5s}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index:999;
}

.pg-contact .contact-form button[type="submit"], .sec-link,.item-more, .info-link {transition:all 0.5s}
.pg-contact .contact-form button[type="submit"]:hover, .sec-link:hover, .item-more:hover, .info-link:hover {background-position: right calc(50% - 40%) center !important;}

.item-more, .info-link {transition:all 0.5s;background-position: right 20px center !important; padding-right: 60px !important;}
.item-more:hover, .info-link:hover {background-position: right calc(50% - 50%) center !important; }
.pg-erp-modules svg {max-width:100%;}

/*.is-affixed .inner-wrapper-sticky {
    top: auto !important;
    bottom: 10%;
    padding-right: 50px;
}*/

.social-links a {padding-right:15px}
.social-links h5 {padding-top:5px; font-size:12px; font-weight:bold;}

.custom-file-input, .floating-label-group {position:relative;}
/*
.outsourcing-form .error-msg {
    position: absolute;
    bottom: -30px;
}
*/
.outsourcing-form .custom-file-input input[type="file"]{
    border: 0;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile-skin + label {
    border-bottom: 1px solid #000;
    padding: 0;
    width: 100%;
    color: #fff;
}
.inputfile-skin + label {
    color: #333;
    font-size: 16px;
}

.inputfile + label {
    max-width: 100%;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0px;
}
.inputfile-skin + label span {
    width: 50%;
    min-height: 2.4em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}
.inputfile-skin + label strong {
    height: 100%;
    color: #fff;
    display: block;
    float: right;
    width: auto;
}
.inputfile-skin + label span, .inputfile-skin + label strong {
    padding: 0px;
}

.file-err {
    color: #ff0000 !important;
}
.file-btn {background:black; color:#20B2AA !important; padding:5px 20px !important; border-radius:30px; margin-bottom:5px}

.quick-cont-btn {
	font-family: var(--font-anton-family);
	color: #FFF;
	border:2px solid;
	font-size: 1rem;
	fon11t-size: 20px;

	line-height: normal;
	bord111er-radius:30px 30px 0 0;
	border-radius: 1.5rem 1.5rem 0 0;
	background: url('data:image/svg+xml,<svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.25 18.25L7.25 1.75M7.25 1.75L1.25 7.75M7.25 1.75L13.25 7.75" stroke="white" stroke-width="1.5"/></svg>'),#000;
	background-repeat: no-repeat;
	background-position: right 26px center;
	padding:10px 20px;
	padding-right: 70px;
	position:fixed;
	top:50%;
	right:-11rem;
	cursor:pointer;
	z-index:9;
	left: calc(100% - 1.5rem - 2px);
	top: 50%;
	transform-origin: 0% 100%;
	-webkit-transform: rotate(-90deg) translateY(50%) translateX(-50%);
		-moz-transform: rotate(-90deg) translateY(50%) translateX(-50%);
		-o-transform: rotate(-90deg) translateY(50%) translateX(-50%);
		-ms-transform: rotate(-90deg) translateY(50%) translateX(-50%);
	transform: rotate(-90deg) translateY(50%) translateX(-50%);
}


.close-cont-btn {
	font-family: var(--font-anton-family);
	color: #FFF;
	font-size: 18px;
	line-height: normal;
	border-radius:50%;
	background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.00025 11.0745L15.0002 17.1187L17.1138 14.9896L11.1138 8.94543L17.0002 3.01562L14.8867 0.886536L9.00025 6.81634L3.11377 0.886536L1.00025 3.01562L6.88672 8.94543L0.886719 14.9896L3.00025 17.1187L9.00025 11.0745Z" fill="black"/></svg>');
	background-repeat: no-repeat;
	background-position: 8px 8px;
	height:30px;
	width:30px;
	position:fixed;
	top:18px;
	right:45px;
	cursor:pointer;
	z-index:999;
}
.show-sidebar #outsourcingPgForm {position:fixed; top:0; right:0px; max-width:460px; height:100%;padding:20px;z-index:999;}
.overlay {display:none;}
.show-sidebar .overlay {display:block;}
.overlay:after {
    content: "";

	width: -moz-calc(100% - 460px);
	width: -webkit-calc(100% - 460px);
	width: -o-calc(100% - 460px);
	width: calc(100% - 460px);

    height: 100vh;
    background: #00000078;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 998;
}
.show-sidebar #outsourcingPgForm .container {height:100%;overflow:auto;}
.show-sidebar #outsourcingPgForm .container::-webkit-scrollbar {width: 0.5em;}
.show-sidebar #outsourcingPgForm .container::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);border-radius:5px;}
.show-sidebar #outsourcingPgForm .container::-webkit-scrollbar-thumb { background-color: #000;outline: 1px solid #fff;border-radius:5px;}

.show-sidebar #outsourcingPgForm .sec-title {font-size:2em;}

.show-sidebar #outsourcingPgForm .col-sm-6, .show-sidebar #outsourcingPgForm .col-md-5 .show-sidebar #outsourcingPgForm .col-lg-4 {width:100%}
.show-sidebar .hp-about.landing-form .about-statistics .about-text .sec-desc {margin-top: 10px;font-size:1em;line-height: normal;margin-bottom: 20px !important;}
.show-sidebar .outsourcing-form .fields-group, .show-sidebar .outsourcing-form .message-group, .show-sidebar .outsourcing-form .custom-file-input, .show-sidebar .outsourcing-form .captcha-msg, .show-sidebar .outsourcing-form .security-group {width:100%;padding: 0px;}
.show-sidebar .landing-form .contact-form input, .show-sidebar .landing-form .contact-form textarea {margin-bottom: 30px;}

.faq-sec {background:#000; padding:90px 0 70px}
.faq-sec .sec-title {color:#20B2AA;padding: 20px 0 30px;text-transform: none;}
.accordion-item {
    background: transparent;
	border:0px;
	margin:10px 0;
}
button.accordion-button {background:#2F2F39; color:#20B2AA;font-family:var(--font-body-family); font-size:18px; font-weight:600;border-radius:5px;}
.accordion-button:not(.collapsed) {background: #20B2AA; color:#000;box-shadow:0 0 0 0;border-radius:5px 5px 0 0;}
.accordion-body {color:#fff;font-family:var(--font-body-family);font-size:18px; }
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button {border-radius:5px 5px 0 0;}
.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.price-plan-sec {padding:50px 0 90px; background:#000;}
.price-plan-sec .card {background:#000;color:#fff;border:#20B2AA 1px solid; transition:all 0.5s}
.price-plan-sec .card:hover {background:#2F2F39; box-shadow:rgb(32 178 170 / 35%) 0 0 5px 5px !important}
.price-plan-sec .card .card-header {border-bottom:#20B2AA 1px solid; background:#20B2AA;color:#000; font-weight:bold; text-transform:uppercase;}
.price-plan-sec .card .card-header h4{ font-weight:bold;}
.price-plan-sec .card.active-plan .card-header {background:#20B2AA}
.price-plan-sec .card-title {color:#20B2AA;font-family:var(--font-body-family);font-weight:bold;}
.price-plan-sec .card-title .text-muted {color:#ccc !important;font-family:var(--font-body-family);}


.price-plan-sec .card {padding:0px; min-height:250px;}
.price-plan-sec .card.card-start {}
.price-plan-sec .card.card-end {}
.price-plan-sec .card.active-plan {padding:0px; }

.price-plan-sec .card ul {list-style-type:none;}

.bullet-inline {list-style-type:none; text-align:center; margin:20px 0 50px}
.bullet-inline li {
	color: #fff;
	font-size: 18px;
	line-height: 38px;
	background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="10.75" fill="%2320B2AA" stroke="black" stroke-width="1.5"/><path d="M6.57153 11.5001H16.7025M16.7025 11.5001L13.4168 8.21436M16.7025 11.5001L13.4168 14.7858" stroke="black" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: left top 7.5px;
	padding-left: 38px;
	padding-right: 38px;
	display:inline-block;
}


.price-plan-sec .btn-primary {
	font-family: var(--font-anton-family);
	color: #FFF;
	font-size: 24px;
	text-transform:uppercase;
	line-height: normal;
	border-radius: 30px;
	background: url('data:image/svg+xml,<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7H28.5M28.5 7L22.5 1M28.5 7L22.5 13" stroke="white" stroke-width="1.5"/></svg>'),#20B2AA;
	background-repeat: no-repeat;
	background-position: right 50px center;
	padding: 15px 40px;
	padding-right: 100px;
	display: inline-block;
	border:0px;
	transition:all 0.5s;
}
.price-plan-sec .btn-primary:hover {background-position: right calc(50% - 40%) center !important; background: url('data:image/svg+xml,<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7H28.5M28.5 7L22.5 1M28.5 7L22.5 13" stroke="white" stroke-width="1.5"/></svg>'),#20B2AA;background-repeat: no-repeat;}
.hand-cursor {cursor:pointer}


@keyframes customticker {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}
.tickerwrap {
	border-bottom: 0;
	background: #000;
	color: #ccc;
	padding: 2px;
	width:100%;
	font-weight:bold;
}
.ticker-line {
    overflow: hidden;
}
.ticker {
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: customticker;
    animation-name: customticker;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
}
.highlight-color {color:#20B2AA}

@media (max-width: 1200px) {
.process-diagram {min-height:600px;padding:0px; margin:150px 0; color:#fff; position:relative;}
.col-process {width:360px;height:360px;}
.col-half-circle {position:absolute;left:125px; top:20px;}
.col-half-circle img {max-width:200px;}
.col-diagram {position:absolute;left:190px; top:30px;}
.col-diagram  ul li {margin:-90px 0 40px;max-width:99%;clear:both;}
.process-diagram .col-diagram .img-circle {width:96px; height:96px; margin-right:20px; background:#1BA699; border-radius:50%; display:block;float:left; padding:25px;}
.process-diagram .col-diagram img {max-width:46px;}

.col-diagram  ul li.order-2 {padding-left:105px;padding-top:10px;}
.col-diagram  ul li.order-3 {padding-left:165px; padding-top:35px;}
.col-diagram  ul li.order-4 {padding-left:160px; padding-top:52px;}
.col-diagram  ul li.order-5 {padding-left:105px;padding-top: 20px;}
}


@media (max-width: 980px) {
.process-diagram {max-width:85%; margin:50px auto;}
.border-animation:before {border:0px;}
.col-process,.col-process h2.relative-vertical {width:100%;height:auto;border:0px; position:relative; left:auto;top:auto;background:transparent}
.col-half-circle {display:none;}
.col-diagram {position:relative;left:auto; top:auto;}
.col-diagram ul li,.col-diagram  ul li.order-2,.col-diagram  ul li.order-3,.col-diagram  ul li.order-4,.col-diagram  ul li.order-5 {margin: 0px 0 40px;max-width: 99%; clear: both;padding-left:10px;padding-top:10px;}
}




.hp-contact {
	background: #20B2AA;
	padding: 70px 0;
	padding-top: 16px;
}
.hp-contact .sec-title {
	line-height: 1;
}
.hp-contact .sec-link {
	color: #20B2AA;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 36px;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 100px;
	background: #FFF;
	padding: 7px 52px;
	display: inline-block;
	margin-top: 26px;
	background: url('data:image/svg+xml,<svg width="56" height="26" viewBox="0 0 56 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 13H53M53 13L42 2M53 13L42 24" stroke="%231BA699" stroke-width="3"/></svg>'), #fff;
	background-repeat: no-repeat;
	background-position: right 52px center;
	padding-right: 130px;
	z-index:2;
	position:relative;
}
.mug-coffee-wrap {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 23px;
}
.mug-coffee {
/*
  max-width: 100px;
  width: 100%;
  margin: 0 auto;
*/
  display: flex;
  flex-direction: column;
  align-items: flex-start;

}
.mug-coffee .smoke-container {
	display: flex;
	position: relative;
	width: 100px;
	margin: 0 auto;
	position: relative;
}
.mug-coffee .smoke-1 {
	animation: shift 5s linear .5s infinite;
	opacity: 0;
}
.mug-coffee .smoke-2 {
	animation: shift-2 4s linear .6s infinite;
	opacity: 0;
}
.mug-coffee .smoke-3 {
	animation: shift-3 5s linear 1.2s infinite;
	opacity: 0;
}
.mug-coffee .mug {
	width: 90px;
	height: auto;
	border-radius: 5px;
	position: relative;
	margin: 0 auto;
}
@keyframes shift {
	0% {
		transform: translate(10px, 155%);
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		transform: translate(10px, 0%);
		opacity: 0;
	}
}
@keyframes shift-2 {
	0% {
		transform: translate(0, 155%);
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 0;
	}
}
@keyframes shift-3 {
	0% {
		opacity: 1;
		transform: translate(-10px, 80px);
	}
	80% {
		opacity: 0;
	}
	100% {
		transform: translate(-10px, 0);
		opacity: 0;
	}
}
.mug-coffee .smokes {
	transform: translateX(20px);
}





.hp-subscribe {
	background: #000;
	/*padding: 50px 0;*/
}
.hp-subscribe .sec-title {
	color: #20B2AA;
	font-size: 36px;
}
.hp-subscribe .sec-desc {
	color: #FFF;
}
.form-subscribe {
	border-radius: 36px;
	background: #D9D9D9;
	position: relative;
	overflow: hidden;
	margin-top: 22px;
}
.form-subscribe input {
    width: 100%;
    padding: 15px 22px;
}
.form-subscribe button {
	color: #000;
	font-family: var(--font-anton-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background: url('data:image/svg+xml,<svg width="32" height="28" viewBox="0 0 32 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.50424 4.41939C3.54096 5.31384 2.89584 6.76518 2.89584 9.04183V18.9585C2.89584 21.2351 3.54096 22.6865 4.50424 23.5809C5.48176 24.4886 6.95455 24.9793 8.91668 24.9793H23.0833C25.0454 24.9793 26.5182 24.4886 27.4958 23.5809C28.459 22.6865 29.1042 21.2351 29.1042 18.9585V9.04183C29.1042 6.76518 28.459 5.31384 27.4958 4.41939C26.5182 3.51169 25.0454 3.021 23.0833 3.021H8.91668C6.95455 3.021 5.48176 3.51169 4.50424 4.41939ZM3.05828 2.86219C4.55993 1.46781 6.6288 0.895996 8.91668 0.895996H23.0833C25.3713 0.895996 27.4402 1.46781 28.9417 2.86219C30.4577 4.26982 31.2292 6.36015 31.2292 9.04183V18.9585C31.2292 21.6402 30.4577 23.7305 28.9417 25.1381C27.4402 26.5326 25.3713 27.1043 23.0833 27.1043H8.91668C6.6288 27.1043 4.55993 26.5326 3.05828 25.1381C1.54239 23.7305 0.770844 21.6402 0.770844 18.9585V9.04183C0.770844 6.36015 1.54239 4.26982 3.05828 2.86219Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.4313 7.35626C26.7902 7.82059 26.7046 8.48787 26.2404 8.84665L18.382 14.9189C16.9789 16.0029 15.021 16.0029 13.6179 14.9189L5.75955 8.84665C5.29521 8.48787 5.20966 7.82059 5.56846 7.35626C5.92726 6.89192 6.59452 6.80637 7.05886 7.16517L14.9171 13.2373C15.5549 13.7302 16.445 13.7302 17.0826 13.2373L24.941 7.16517C25.4054 6.80637 26.0726 6.89192 26.4313 7.35626Z" fill="black"/></svg>'),#20B2AA;
	background-repeat: no-repeat;
	padding: 18px 30px;
	padding-left: 70px;
	background-position: left 28px center;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}




.pg-erp-modules {
	padding: 80px 0;
	background: #2F2F39;
}




.pg-erp-data-sec {}
.pg-erp-data-sec a {
	color: #20B2AA;
}
.pg-erp-data-sec .sec-head {
	display: flex;
	align-items: flex-end;
	margin-bottom: 65px;
}
.pg-erp-data-sec .sec-title {
	color: #20B2AA;
	line-height: 1;
	margin-right: 30px;
}
.pg-erp-data-sec .sec-sub-title {
	color: #20B2AA;
	font-family: var(--font-anton-family);
	font-size: 24px;
	line-height: 33px;
}
.pg-erp-data-sec .sec-desc {
	color: #FFF;
	max-width: 500px;
}
.pg-erp-data-sec .sec-head .sec-desc.w-100,
.pg-erp-data-sec .sec-desc.w-100 {
	max-width: 100%;
}
.pg-erp-data-sec .data-text :is(h1, h2, h3, h4, h5, h6) {
	color: #20B2AA;
	font-family: var(--font-anton-family);
}
.pg-erp-data-sec .data-img img {
	border-radius: 30px;
	max-width: 100%;
	height: auto;
	border: 3px solid #20B2AA;
}
.pg-erp-data-sec .feature-item {
	border-radius: 30px;
	background: #000;
	padding: 40px 52px;
	height: 100%;
}
.pg-erp-data-sec .feature-item .item-icon {
	margin-bottom: 12px;
}
.pg-erp-data-sec .feature-item .item-icon img {
	height: 60px;
}
.pg-erp-data-sec .feature-item .item-desc {
	color: #20B2AA;
	font-size: 18px;
	line-height: 30px;
}
.pg-erp-data-sec .feature-item .item-title {
	color: #20B2AA;
	font-family: var(--font-anton-family);
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
}
.pg-erp-data-sec .feature-item .item-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.pg-erp-data-sec .feature-item .item-list li {
	color: #20B2AA;
	font-size: 18px;
	line-height: 38px;
	background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="10.75" fill="%2320B2AA" stroke="black" stroke-width="1.5"/><path d="M6.57153 11.5001H16.7025M16.7025 11.5001L13.4168 8.21436M16.7025 11.5001L13.4168 14.7858" stroke="black" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: left top 7.5px;
	padding-left: 38px;
}




.sec-feature {
	background: #000;
	padding: 90px 0;
}
.sec-feature .sec-title {
	color: #20B2AA;
	font-size: 36px;
	line-height: 33px;
	margin-bottom: 45px;
}
.feature-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sec-feature .feature-list {}
.feature-list li {
	color: #FFF;
	font-size: 18px;
	line-height: 38px;
	background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="10.75" fill="%2320B2AA" stroke="black" stroke-width="1.5"/><path d="M6.57153 11.5001H16.7025M16.7025 11.5001L13.4168 8.21436M16.7025 11.5001L13.4168 14.7858" stroke="black" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: left top 7.5px;
	padding-left: 38px;
}
.feature-list li {}
.sec-feature .feature-contact {
	color: #20B2AA;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 36px;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 100px;
	background: #FFF;
	padding: 7px 52px;
	display: inline-block;
	margin-top: 26px;
	background: url('data:image/svg+xml,<svg width="56" height="26" viewBox="0 0 56 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 13H53M53 13L42 2M53 13L42 24" stroke="%231BA699" stroke-width="3"/></svg>'), #fff;
	background-repeat: no-repeat;
	background-position: right 52px center;
	padding-right: 130px;
	z-index: 2;
	position: relative;
}





.feature-icon-text {
	border-radius: 30px;
	border: 1px solid #20B2AA;
	background: #000;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px;
	gap: 30px;
}
.feature-icon-text .feature-text {
	color: #20B2AA;
	font-family: var(--font-anton-family);
	font-size: 18px;
	line-height: 22px;
}
.feature-icon-text .feature-text.n-font {
	font-family: var(--font-body-family);
	color: #fff;
}
.feature-icon-text .feature-icon {
	width: 54px;
	height: 54px;
	flex: 0 0 auto;
}
.feature-icon-text .feature-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}





.hp-about-inner {
	/*padding: 76px 0;*/
	position: relative;
	background: #000;
	z-index: 1;
}
.hp-about-inner::before {
	content: "";
	position: absolute;
	width: 41.66666667%;
	height: 100%;
	background: #20B2AA;
	z-index: -1;
}
.hp-about-inner .sec-title {
	color: #000;
	padding:2em 0;
}
.hp-about-inner .sec-desc {
	color: #FFF;
	line-height: 35px;
	padding: 76px 0;
}
.hp-about-inner .values-list {
	list-style: none;
	margin: 0;
	padding: 76px 0;
	margin-bottom: 60px;
}
.hp-about-inner .values-list li {
	display: flex;
	align-items: center;
	gap: 40px;
}
.hp-about-inner .values-list li:not(:last-child) {
	margin-bottom: 45px;
}
.hp-about-inner .values-list img {
	width: 120px;
	height: 120px;
}
.hp-about-inner .values-list li > span {
	color: #FFF;
	font-family: var(--font-body-family);
	font-weight: 600;
	font-size: 24px;
	line-height: normal;
}






.pg-erp-about {
	background: #20B2AA;
	padding: 80px 0;
}
.pg-erp-about .logo {
	max-width: 400px;
	width: 100%;
}
.pg-erp-about .about-feature {
	list-style: none;
	padding: 0;
	margin: 0;
}
.pg-erp-about .about-feature li {
	background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="10.75" fill="%2320B2AA" stroke="black" stroke-width="1.5"/><path d="M6.57129 11.5H16.7022M16.7022 11.5L13.4165 8.21429M16.7022 11.5L13.4165 14.7857" stroke="black" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 36px;
	background-size: 20px;
	color: #000;
	font-size: 24px;
	font-weight: 500;
	line-height: 49px;
	text-transform: uppercase;
}
.about-feature li:not(:last-child) {}



/*
.hp-our-blog {
	background: #2F2F39;
	padding: 100px 0;
}
.hp-our-blog .explore-head {
	display: flex;
	align-items: flex-end;
	margin-bottom: 65px;
}
.hp-our-blog .sec-title {
	color: #20B2AA;
	line-height: 1;
	margin-right: 30px;
}
.hp-our-blog .sec-desc {
	color: #FFF;
	max-width: 500px;
}
.hp-our-blog .sec-link {
	color: #FFF;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1.35;
	margin-left: auto;
	padding: 6px 36px;
	border-radius: 30px;
	background: url('data:image/svg+xml,<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7H28.5M28.5 7L22.5 1M28.5 7L22.5 13" stroke="white" stroke-width="1.5"/></svg>'), #20B2AA;
	background-repeat: no-repeat;
	background-position: right 36px center;
	padding-right: 78px;
}
.hp-our-blog .sec-grid {
	--bs-gutter-x: 40px;
	display: grid;
	grid-template-columns: 50% 50%;
	gap: var(--bs-gutter-x);
	place-content: center;
	grid-template-rows: 50% 50%;
	h-----------eight: 80vh;
	height: 600px;
	min-height: 460px;
	padding: calc(var(--bs-gutter-x) * .5);
}
.hp-our-blog .sec-grid .grid-item {
	position: relative;
	height: 100%;
	z-index: 1;
}
.hp-our-blog .sec-grid .grid-item:nth-child(1) {
	grid-row: span 2;
}
.hp-our-blog .sec-grid .grid-item {
	display: flex;
	a----------lign-items: flex-start;
	border-radius: 30px;
	border: 1px solid #20B2AA;
	background: #000;
	overflow: hidden;
}
.hp-our-blog .sec-grid .grid-item .item-img {
	flex: 0 0 auto;
	width: 50%;
	aspect-ratio: 3 / 3;
}
.hp-our-blog .sec-grid .grid-item .item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hp-our-blog .sec-grid .grid-item .item-info {
	flex: 0 0 auto;
	width: 50%;
	padding: 30px 28px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.hp-our-blog .sec-grid .grid-item .item-info .info-title {
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 32px;
	width: 100%;
}
.hp-our-blog .sec-grid .grid-item .item-info .info-desc {
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	width: 100%;
}
.hp-our-blog .sec-grid .grid-item .item-info .info-link , .our-work-wrap .info-link{
	margin-top: auto;
	color: #20B2AA;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
	display: inline-block;
	background: url('data:image/svg+xml,<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7H28.5M28.5 7L22.5 1M28.5 7L22.5 13" stroke="%2320B2AA" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 40px;
}
.hp-our-blog .sec-grid .grid-item:nth-child(1) {
	flex-direction: column;
}
.hp-our-blog .sec-grid .grid-item:nth-child(1) .item-img {
	width: 100%;
	height: 50%;
	 a----------spect-ratio: 3 / 3;
}
.hp-our-blog .sec-grid .grid-item:nth-child(1) .item-info {
	width: 100%;
	height: 50%;
}

*/


.pg-contact {
	padding: 60px 0;
	padding-bottom: 193px;
	position: relative;
	z-index: 1;
}

.pg-contact .timeline-ani
{
	transform: translate(0%,10%);
}
.pg-contact .contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.pg-contact .contact-list li {
	color: #FFF;
	font-size: 36px;
	line-height: normal;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 66px;
	background-size: 40px;
}
.pg-contact .contact-list li:not(:last-child) {
	margin-bottom: 40px;
}
.pg-contact .contact-list li.list-call {
	background-image: url('data:image/svg+xml,<svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="23.5" cy="23.5" r="23" stroke="white"/><path d="M22.397 16.3778V8.47481L18.5838 7.42108C16.0416 7.77232 11.2841 10.3715 12.5915 17.9584C14.2258 27.4419 20.7627 35.3449 26.755 38.5061C31.5488 41.0351 35.6526 38.5061 37.1052 36.9255V33.7643L30.0235 29.5494L26.2102 31.6569C20.9806 29.1279 18.9469 22.1733 18.5838 19.0121L22.397 16.3778Z" fill="white"/></svg>');
}
.pg-contact .contact-list li.list-whatsapp {
	background-image: url('data:image/svg+xml,<svg width="47" height="50" viewBox="0 0 47 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.5 47C36.4787 47 47 36.4787 47 23.5C47 10.5213 36.4787 0 23.5 0C10.5213 0 0 10.5213 0 23.5C0 31.0072 3.5202 37.6923 9 41.9945V50L16.8867 46.0566C18.9844 46.6707 21.2038 47 23.5 47Z" fill="%234CAF50"/><path d="M22.0286 15.9567V8.05373L18.2153 7C15.6732 7.35124 10.9157 9.95044 12.2231 17.5373C13.8573 27.0209 20.3943 34.9238 26.3866 38.085C31.1804 40.614 35.2842 38.085 36.7368 36.5044V33.3432L29.6551 29.1283L25.8418 31.2358C20.6122 28.7068 18.5785 21.7522 18.2153 18.591L22.0286 15.9567Z" fill="white"/></svg>');
}
.pg-contact .contact-list li.list-mail {
	background-image: url('data:image/svg+xml,<svg width="46" height="34" viewBox="0 0 46 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 2.5V31C0.5 31.4227 0.628633 32.0597 1.01639 32.585M0.5 2.5C0.5 0.9 1.83333 0.5 2.5 0.5C15.5 0.5 41.9 0.5 43.5 0.5C45.1 0.5 45.5 1.83333 45.5 2.5M0.5 2.5L19.8939 18.5M45.5 2.5C45.5 11.1667 45.5 29 45.5 31C45.5 31.6959 45.2982 32.2102 45 32.585M45.5 2.5C39.9521 6.96916 28.9323 15.9127 26.0382 18.5M45 32.585C44.4411 33.2874 43.5434 33.5 43 33.5C30.5 33.5 5 33.5 3 33.5C2.01443 33.5 1.39311 33.0953 1.01639 32.585M45 32.585L26.0382 18.5M26.0382 18.5C25.8024 18.7108 25.6206 18.8794 25.5 19C23.9 20.6 21.5 19.6667 20.5 19L19.8939 18.5M1.01639 32.585L19.8939 18.5" stroke="white"/></svg>');
}

.pg-contact .contact-list li a {
	color: #FFF;
}
.pg-contact .contact-form {
	border-radius: 30px;
	border: 1px solid #20B2AA;
	background: #000;
	padding: 50px 57px;
	margin-top: -28rem;
}
.pg-contact .contact-form .form-title {
	color: #FFF;
	font-family: var(--font-anton-family);
	font-size: 36px;
	line-height: normal;
	text-transform: uppercase;
}
.pg-contact .contact-form .form-desc {
	color: #FFF;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 40px;
}
.pg-contact .contact-form input, .pg-contact .contact-form textarea {
	background: transparent;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #fff;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 40px;
}
.pg-contact .contact-form input[type="file"] {
	border: 0;
}
.pg-contact .contact-form input[type="file"]::file-selector-button {
	background-color: transparent;
	background-image: url('data:image/svg+xml,<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 16.1045V23H21V16.1045M10.7895 18.5124V1M10.7895 1L3.73684 8.33333M10.7895 1L17.8421 8.33333" stroke="white"/></svg>');
	background-repeat: no-repeat;
	color: #fff;
	border: 0;
	padding-left: 50px;
	background-position: left 20px center;
}
.pg-contact .contact-form input[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: transparent;
}
.pg-contact .contact-form button[type="submit"] {
	color: #000;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 36px;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 100px;
	background: #20B2AA;
	display: block;
	width: 100%;
	background-image: url('data:image/svg+xml,<svg width="55" height="26" viewBox="0 0 55 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 13H52.25M52.25 13L41.25 2M52.25 13L41.25 24" stroke="black" stroke-width="3"/></svg>');
	background-repeat: no-repeat;
	background-position: right calc(50% - 90px) center;
}
.pg-contact .contact-form .form-control::placeholder {
	color: #fff;
}
.pg-contact .contact-form .form-control:focus {
	box-shadow: none;
}





.ecommerce-needs {
	padding: 74px 0;
	background: #2F2F39;
}
.ecommerce-needs .needs-head {
	display: flex;
	align-items: flex-end;
	margin-bottom: 38px;
}
.ecommerce-needs .needs-head .sec-title {
	color: #20B2AA;
	line-height: 1;
	margin-right: 30px;
}
.ecommerce-needs .needs-head .sec-desc {
	color: #FFF;
	max-width: 500px;
}
.ecommerce-needs .needs-item {
	background: #000;
	aspect-ratio: 700/600;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: flex-start;
	padding: 30px 15px;
	transition: all 0.5s;
	border-radius:30px;
}
.ecommerce-needs .needs-item:hover {
	background: #20B2AA;
	margin-top: -10px;
}
.ecommerce-needs .needs-item .item-icon {
	width: 120px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
.ecommerce-needs .needs-item .item-icon img {
	height: 100%;
	width: 100%;
	object-fit: fill;
	transition: all .2s;
}
.ecommerce-needs .needs-item:hover .item-icon img {
	filter: brightness(0%);
}
.ecommerce-needs .needs-item .item-text {
	color: #FFF;
	text-align: center;
	font-size: 18px;
	line-height: normal;
	transition: all .2s;
}
.ecommerce-needs .needs-item:hover .item-text {
	color: #000;
}



.ecommerce-steps {}
.ecommerce-steps::before {
	background: #000 !important;
}



.path-forward {
  stroke-dasharray: 10;
  animation: dash 10s infinite;
}
.path-reverse {
  stroke-dasharray: 10;
  animation: dash 10s infinite;
  animation-direction: reverse;
}

@keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}


.ecommerce-platforms {
	padding: 68px 0;
	background: #2F2F39;
}
.ecommerce-platforms .sec-title {
	color: #20B2AA;
}
.ecommerce-platforms .sec-title.style2 {
	color: #FFF;
	font-size: 36px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
	margin-bottom: 46px;
	text-transform: none;
}
.ecommerce-platforms .sec-desc {
	color: #FFF;
	line-height: 30px;
	margin-bottom: 64px;
}
.ecommerce-platforms .platform-item {
	border-radius: 30px;
	background: #000;
	padding: 40px 52px;
	height: 100%;
}
.ecommerce-platforms .platform-item .sec-title {
	color: #fff;
}
.ecommerce-platforms .platform-item .item-icon {
	margin-bottom: 12px;
}
.ecommerce-platforms .platform-item .item-icon img {
	height: 60px;
}
.ecommerce-platforms .platform-item .item-desc {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}
.ecommerce-platforms .platform-item .platform-feature {
	list-style: none;
	padding: 0;
	margin: 0;
}
.ecommerce-platforms .platform-item .platform-feature li {
	color: #fff;
	font-size: 18px;
	line-height: 38px;
	background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="10.75" fill="%2320B2AA" stroke="black" stroke-width="1.5"/><path d="M6.57153 11.5001H16.7025M16.7025 11.5001L13.4168 8.21436M16.7025 11.5001L13.4168 14.7858" stroke="black" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: left top 7.5px;
	padding-left: 38px;
}






.ecommerce-deply {
	padding: 60px 0;
	background: #2F2F39;
}
.ecommerce-deply .sec-title {
	color: #FFF;
	font-size: 36px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	line-height: 50px;
	margin-bottom: 32px;
	text-transform: none;
}
.ecommerce-deply .sec-desc {
	color: #FFF;
	font-size: 18px;
	line-height:30px;
}
.ecommerce-deply .deply-rocket {
	margin-top: -250px;
}
.ecommerce-deply .deply-rocket img {
	max-width: 100%;
	height: auto;
}





.pg-licensing-list {
	padding: 60px 0;
}
.pg-licensing-list .licensing-img {}
.pg-licensing-list .licensing-img img {
	border-radius: 30px;
	max-width: 100%;
	height: auto;
}
.pg-licensing-list .licensing-text {
	color: #FFF;
	font-size: 18px;
	line-height: 35px;
}
.pg-licensing-list .licensing-text :is(h1, h2, h3, h4, h5, h6) {
	color: #20B2AA;
	font-family: var(--font-anton-family);
}
.pg-licensing-list .licensing-text p {}
.pg-licensing-list .licensing-text a {
	color: #20B2AA;
}






.pg-blog-details {
	padding: 60px 0 0 0;
}
.pg-blog-details .blog-img {}
.pg-blog-details .blog-img img,
#we-help         .blog-img img {
	border-radius: 30px;
	max-width: 100%;
	height: auto;
	border: 3px solid #20B2AA;
}
.pg-blog-details .blog-text {
	color: #FFF;
	font-size: 18px;
	line-height: 35px;
}
.pg-blog-details .blog-text :is(h1, h2, h3, h4, h5, h6), .h4 {
	color: #20B2AA;
	font-family: var(--font-anton-family);
}
.pg-blog-details .blog-text p {}

.pg-blog-details .blog-text a,
.post-footer a,
.pagination a,
#we-help a {
	color: #20B2AA;
}





.tech-logos-sec {
	padding: 78px 0;
}
.tech-logos {
	display: flex;
	align-items: center;
}
.tech-logos .tech-logos-title {
	writing-mode: vertical-lr;
	transform: rotate(-180deg);
	margin-right: 26px;
}
.tech-logos .sec-title {
	color: #20B2AA;
}
.tech-logos .tech-logos-list {
	width: 100%;
}
.tech-logos .tech-logos-list ul {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	list-style: none;
	padding-left: 0;
	justify-content: center;
}
.tech-logos .tech-logos-list ul > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}
.tech-logos .tech-logos-list ul li {
	flex: 0 0 auto;
	width: 50%;
}
.tech-logos .tech-logos-list .logo-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	background: #111517;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	border: 1px solid #20B2AA;
}
.tech-logos .tech-logos-list .logo-item .item-img {
	max-width: 100%;
	max-height: 72px;
	/*filter: sepia(100%) hue-rotate(130deg)   brightness(95%) saturate(520%);
	transition: all .2s;*/
}
.tech-logos .tech-logos-list .logo-item:hover .item-img {
	/*filter: none;*/
}
.tech-logos .tech-logos-list .logo-item .item-title {
	line-height: 1;
	margin-top: 12px;
	font-size: 16px;
}

@media (min-width: 576px) {
.tech-logos .tech-logos-list ul li {
	width: 33.33333333%;
}
}
@media (min-width: 768px) {
.tech-logos .tech-logos-list ul li {
	width: 25%;
}
}
@media (min-width: 992px) {
.tech-logos .tech-logos-list ul li {
	width: 20%;
}
}
@media (min-width: 1200px) {
.tech-logos .tech-logos-list ul li {
	width: 14.28571428571429%;
}
}




.trusted-by-client {
	background: #000;
}
.trusted-by-client .trusted-bg {
	background: url('../img/customer-globe-mark.png') no-repeat center;
	background-size: auto;
	background-size: contain;
}
.trusted-by-client .sec-title {
	color: #20B2AA;
}
.trusted-by-client .sec-desc {
	color: #fff;
}
.trusted-by-client .trusted-client {}
.trusted-by-client .trusted-client ul {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	list-style: none;
	padding-left: 0;
}
.trusted-by-client .trusted-client ul > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.trusted-by-client .trusted-client ul li {
	flex: 0 0 auto;
	width: 16.66666666666667%;
	overflow: hidden;
}
.trusted-by-client .trusted-client .client-item {
	text-align: center;
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #20B2AA;
	background: #000;
	padding: 26px 20px;
	visibility: hidden;
	grid-area: 1/1;
}
.trusted-by-client .trusted-client .client-item img {
	max-width: 100%;
	max-height:85px;
}




.pg-erp-data-sec .table {
	--bs-table-bg: #2F2F39;
	--bs-table-color-state: #fff;
	--bs-table-border-color: #000;
	/*--bs-table-striped-bg: #545469;*/
	--bs-table-striped-color: #fff;
	--bs-border-width: 16px;
	border-radius: 7px;
	font-size: 18px;
	overflow: hidden;
	text-align: center;
	/*box-shadow: 0 0 0 1px #000;*/
}
.pg-erp-data-sec .table .bg-grey {background:#545469 }
.pg-erp-data-sec .table > :not(caption) > *:last-child > * {
	border-bottom-width: 0;
}
.pg-erp-data-sec .table > :not(caption) > * > * {
	padding: .75rem .5rem;
}
.pg-erp-data-sec .table thead th {
	color: #20B2AA;
	background: transparent;
	font-size: 24px;
	font-family: var(--font-anton-family);
	font-weight: 400;
}




.landing-form .contact-form {
	border-radius: 30px;
	border: 1px solid #20B2AA;
	background: #20B2AA;
	padding: 0px;
	position:relative;
	z-index:1;
	/*margin-top: -28rem;*/
}
.landing-form .contact-form .form-title {
	color: #FFF;
	font-family: var(--font-anton-family);
	font-size: 36px;
	line-height: normal;
	text-transform: uppercase;
}
.landing-form .contact-form .form-desc {
	color: #FFF;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 40px;
}
.landing-form .contact-form input, .landing-form .contact-form textarea {
	background: transparent;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #000;
	color: #000;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 40px;
}
.landing-form .contact-form input[type="file"] {
	border: 0;
}
.landing-form .contact-form input[type="file"]::file-selector-button {
	background-color: transparent;
	background-image: url('data:image/svg+xml,<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 16.1045V23H21V16.1045M10.7895 18.5124V1M10.7895 1L3.73684 8.33333M10.7895 1L17.8421 8.33333" stroke="black"/></svg>');
	background-repeat: no-repeat;
	color: #000;
	border: 0;
	padding-left: 50px;
	background-position: left 20px center;
}
.landing-form .contact-form input[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: transparent;
}
.landing-form .contact-form button[type="submit"] {
	color: #fff;
	text-align: center;
	font-family: var(--font-anton-family);
	font-size: 36px;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 100px;
	background: #000;
	display: block;
	width: 100%;
	background-image: url('data:image/svg+xml,<svg width="55" height="26" viewBox="0 0 55 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 13H52.25M52.25 13L41.25 2M52.25 13L41.25 24" stroke="white" stroke-width="3"/></svg>');
	background-repeat: no-repeat;
	background-position: right calc(40% - 90px) center;
	border:0px;
}
.landing-form .contact-form .form-control::placeholder {
	color: #000;
}
.landing-form .contact-form .form-control:focus {
	box-shadow: none;
}




.hp-about-inner::before {
	background: #2f2f39;
}
.page-id-413 .hp-about-inner .sec-title {
	color: #20B2AA;
}
.hp-about-inner .process-diagram {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	max-width: 760px;
	padding-top: 140px;
	padding-bottom: 140px;
}
.hp-about-inner .process-diagram li {position:relative; padding-left:140px;margin-bottom:75px; min-height:75px}
.hp-about-inner .process-diagram li:last-child {margin-bottom:0;}
.hp-about-inner .process-diagram li::before {
	content: "";
	display: block;
	width: 96px;
	height: 96px;
	background: black;
	border: #20B2AA 2px solid;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	z-index: 1;
}
.hp-about-inner .process-diagram li img {position:absolute;top:15px;left:15px;z-index:2}
.hp-about-inner .process-diagram li::after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: transparent;
	position: absolute;
	top: 75px;
	left: 48px;
	border: 1px dashed #20B2AA;
}
.hp-about-inner .process-diagram li:last-child::after,
.hp-about-inner .process-diagram.no-line li::after {display:none;}
.hp-about-inner .process-diagram li h5 {
	color: #20B2AA;
	font-size: 36px;
	font-weight: 700;
	line-height: normal;
}
.hp-about-inner .process-diagram li p {
	color: #FFF;
	font-size: 24px;
	/*line-height: normal;*/
	line-height: 36px;
}



.pgg-about .hp-about-inner::before {
	background: #20B2AA;
}

.outsourcing-form {}
.outsourcing-form #formShow {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
.outsourcing-form .fields-group {
	width: 50%;
	padding-right: 1rem;
}
.outsourcing-form .message-group {
	width: 50%;
	padding-left: 1rem;
}
.outsourcing-form .message-group .floating-label-group {
	height: calc(100% - 40px);
}
.outsourcing-form .message-group .floating-label-group textarea {
	height: 100%;
}
.outsourcing-form .custom-file-input {
	width: 50%;
	padding-right: 1rem;
}
.outsourcing-form .custom-file-input input[type="file"] {
	width: 100%;
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
	margin-bottom: 0;
}
.outsourcing-form .security-group {
	width: 50%;
	padding-top: 1rem;
}
.outsourcing-form .captcha-msg {
	width: 50%;
	padding-left: 1rem;
	color: #000;
	position:relative;
}

/* .outsourcing-form .captcha-msg-pos {position:absolute; bottom:0;} */



.hp-about-inner.no-bg::before {
	background: transparent;
}
.tree-diagram {
	list-style-type: none;
	padding: 0 0 0 50px;
	margin: 0 auto;
	max-width: 760px;
	padding-top: 140px;
	/*padding-bottom: 140px;*/
	padding-bottom: 24px;
}
.tree-diagram li {position:relative; padding-left:85px;min-height:90px}
.tree-diagram li:before {
	content: "";
	display: block;
	width: 1px;
	height: 90px;
	background: black;
	border-left: #20B2AA 2px solid;
	position: absolute;
	top: 0;
	left: -50px;
	z-index: 1;
}
.tree-diagram li:last-child:before {height: 45px;}
.tree-diagram li img {position:absolute;top:13px;left:13px;z-index:2; max-width:46px;}
.tree-diagram li:after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: transparent;
	position: absolute;
	top: 50%;
	left: -50px;
	border: 1px solid #20B2AA;
}
.tree-diagram li p {
	color: #FFF;
	font-size: 24px;
	line-height: normal;
	display:block;
	padding-top:15px;
}
.tree-diagram li:first-child {padding-left:0px;}
.tree-diagram li:first-child:after {display:none;}
.tree-diagram li h5 {font-size:36px;color:#fff; margin:0px 0 35px -40px; text-align: center; }
.tree-diagram li figure {margin:0;padding:0; width:68px; height:68px;position: absolute;left:10px;top:10px;border-radius: 50%;border:#20B2AA 1px solid;}
.tree-diagram-info {
	border-radius: 15px;
	border: 1px solid #20B2AA;
	background: #000;
	padding: 22px;
}




.form-list {}
.form-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.form-list .list-item {
	display: flex;
	align-items: center;
	gap: 35px;
}
.form-list .list-item.with-icon {
	background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="10.75" fill="%2320B2AA" stroke="black" stroke-width="1.5"/><path d="M6.57153 11.5001H16.7025M16.7025 11.5001L13.4168 8.21436M16.7025 11.5001L13.4168 14.7858" stroke="black" stroke-width="1.5"/></svg>');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 40px;
	background-size: 20px;
}
.form-list .list-item:not(:last-child) {
	margin-bottom: 18px;
}
.form-list .list-item .item-title {
	color: #000;
	font-size: 18px;
	line-height: normal;
	/*font-weight: 700;*/
}
.show-sidebar #outsourcingPgForm .col-md-5,
.show-sidebar #outsourcingPgForm .col-md-7 {
	width: 100%;
}



.mobile-what-do {
	position: relative;
	z-index: 1;
}
.mobile-what-do::before {
	content: "";
	position: absolute;
	width: 50%;
	/* width: 33.33333333%; */
	height: 100%;
	background: #000;
	z-index: -1;
	top: 0;
}




.our-work-wrap.no-slide .work-item {
	margin-bottom: 40px;
	/* height: auto; */
}
.our-work-wrap.no-slide .work-item .item-img {
	width: 41.66666667%;
}
.our-work-wrap.no-slide .work-item .item-text {
	width: 58.33333333%;
}
.our-work-wrap.no-slide .work-item .item-text .text-title {
	font-size: 32px;
}
.our-work-wrap.no-slide .work-item .item-text .text-desc {
	font-size: var(--font-sec-desc);
	line-height: 35px;
}
.our-work-wrap.no-slide .work-item .item-text .item-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.our-work-wrap.no-slide .work-item .item-text .item-info .info-link {
	margin-left: auto;
}




.single-work_post .hp-about-inner::before {
	background: #20B2AA;
}
.hp-about-inner .sec-title {
	padding: 1em 0;
}
.single-work_post .hp-about-inner .sec-desc {
	font-size: 18px;
	line-height: 30px;
	padding: 62px 0;
	padding-top: 46px;
}


.single-work_post .hp-about-inner .sec-desc a {
	color: #20B2AA;
}
.single-work_post .pg-blog-details .blog-img img {
	filter: grayscale(100%) contrast(90%);
	-webkit-filter: grayscale(100%) contrast(90%);
	transition: all .15s;
	margin-top: 12px;
}
.single-work_post .pg-blog-details .blog-img img:hover {
	filter: none;
	-webkit-filter: none;
}
.single-work_post .new-header .blog-img img {
	border-radius: 30px;
	max-width: 100%;
	height: auto;
	border: 3px solid #20B2AA;

	filter: grayscale(100%) contrast(90%);
	-webkit-filter: grayscale(100%) contrast(90%);
	transition: all .15s;
}
.single-work_post .new-header .blog-img img:hover {
	filter: none;
	-webkit-filter: none;
}
.single-work_post .hp-about .about-statistics .about-text .sec-title {
	--font-sec-title: 58px;
	font-family: var(--font-body-family);
	text-transform: capitalize;
	font-weight: 700;
	margin-top: 22px;
}
.single-work_post .hp-about .about-statistics .go-back {
	bottom: auto;
	top: 0;
	right: auto;
	left: 0;
	transform: translateY(-100%);
}
.single-work_post .hp-about .about-statistics {
	margin-top: 44px;
}
.single-work_post .hp-about-inner .feature-list li {
	line-height: 30px;
	background-position: left top 3.5px;
}
.single-work_post .hp-our-work .our-work-wrap .work-item .item-img img {
	filter: grayscale(100%) contrast(90%);
	-webkit-filter: grayscale(100%) contrast(90%);
	transition: all .15s;
}
.single-work_post .hp-our-work .our-work-wrap .work-item:hover .item-img img {
	filter: none;
	-webkit-filter: none;
}





.pg-footer {
	background: #000;
	position:relative;
	z-index:1;
}
.pg-footer .footer-content {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	padding: 66px 0;
}
.pg-footer .footer-content > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}
.pg-footer .footer-content .col-title {
	color: #FFF;
	font-family: var(--font-anton-family);
	fo12345nt-size: 24px;
	line-height: normal;
	text-transform: uppercase;
}
.pg-footer .footer-content .content-info:nth-child(1) {
	flex: 0 0 auto;
	width: 30%;
}
.pg-footer .footer-content .content-info:nth-child(2) {
	flex: 0 0 auto;
	width: 70%;
}
.pg-footer .footer-content .content-info .footer-logo {
	height: 76px;
	margin-bottom: 40px;
}
.pg-footer .footer-content .content-info .info-addr {
	color: #FFF;
	font-size: 16px;
	line-height: normal;
	line-height: 30px;
}
.pg-footer .footer-content .content-info .info-com {
	list-style: none;
	padding: 0;
	color: #FFF;
	font-size: 18px;
	line-height: normal;
	margin-top: 22px;
}
.pg-footer .footer-content .content-info .info-com li {
	background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.0526" cy="11.0526" r="10.5526" stroke="white"/><path d="M10.5338 7.70279V3.98583L8.74036 3.49023C7.54472 3.65543 5.30716 4.8779 5.92206 8.44618C6.69069 12.9065 9.7652 16.6235 12.5835 18.1103C14.8381 19.2997 16.7682 18.1103 17.4515 17.3669V15.8801L14.1208 13.8977L12.3273 14.8889C9.86768 13.6995 8.91117 10.4286 8.74036 8.94177L10.5338 7.70279Z" fill="white"/></svg>');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.pg-footer .footer-content .content-info .info-com li:not(:last-child) {
	margin-bottom: 8px;
}
.pg-footer .footer-content a {
	color: #FFF;
}
/*
.pg-footer .footer-content .content-service {
	flex: 0 0 auto;
	width: 50%;
}
*/
.pg-footer .footer-content .content-service .col-title {
	margin-bottom: 23px;
}
.pg-footer .footer-content .content-service ul {
	list-style: none;
	padding: 0;
	display: flex;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}
.pg-footer .footer-content .content-service ul > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}
/*.pg-footer .footer-content .content-service ul li {
	flex: 0 0 auto;
	width: 33.33333333%;
}*/
.pg-footer .footer-content .content-service ul li {
	flex: 0 0 auto;
	/*width: 33.33333333%;*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pg-footer .footer-content .content-service ul li:nth-child(2n+2) {
	/*width: 20%;*/
}
.pg-footer .footer-content .content-service ul a {}
.pg-footer .footer-content .content-pages {
	flex: 0 0 auto;
	width: 20%;
	/*padding-top: 56px;*/
}
.pg-footer .footer-content .content-pages ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 1px solid #5B5B5B;
	padding-left: 28px;
}
.pg-footer .footer-content .content-pages ul li {
	color: #FFF;
	font-family: var(--font-anton-family);
	font-size: 24px;
	line-height: normal;
	/*text-transform: uppercase;*/
}
.pg-footer .footer-content .content-pages ul li:not(:last-child) {
	margin-bottom: 16px;
}
.pg-footer .footer-content .content-pages ul a {
	color: #FFF;
}
.pg-footer .copy-rights {
	border-top: 1px solid #5B5B5B;
	color: #FFF;
	font-size: 14px;
	line-height: normal;
	text-align: center;
	padding: 36px 0;
}





/* Mobile */
@media (max-width: 480px) {
.hp-trusted-by .trusted_by_demo_img {margin-top:0px;}
.hp-our-work .our-work-wrap .work-item .item-img,
.pg-our-work .hp-our-work .our-work-wrap .work-item .item-img {width: 100%;}
.hp-subscribe {padding:20px 0}
.hp-subscribe img {display:none}
.form-subscribe button, .form-subscribe input {
    width: 100%;
    position: relative;
    top: initial;
    transform: initial;
}
.parallax-layer {display:none;}
.col-process, .col-process h2.relative-vertical {font-size: 36px; text-transform:uppercase; color:#20b2aa;}
/*
.hp-our-blog .explore-head {margin-bottom: 30px;}
.hp-our-blog {padding: 80px 0;}
*/

.pg-erp-data-sec .sec-head {
	align-items: center;
}
.trusted-by-client .trusted-client .client-item {padding:5px}
.hp-about-inner .process-diagram, .tree-diagram {padding-top: 0px }
.ecommerce-needs .needs-item {aspect-ratio: 200/100;}
.dot-icon-text::before {width: 100%;}
.dot-icon-text .container {padding: 40px 20px;}
.price-plan-sec {margin:0 20px;}
.price-plan-sec .card.card-start, .price-plan-sec .card.card-end {border:#20B2AA 1px solid; border-radius:10px}
}
/* Extra small devices */
@media (min-width: 481px) and (max-width: 767px) {
.hp-trusted-by .trusted_by_demo_img { margin-top:0px;}
.hp-our-work .our-work-wrap .work-item .item-img  {width: 100%;}
.hp-subscribe {padding:20px 0}
.hp-subscribe img {display:none}
.pg-erp-data-sec .sec-head {
	align-items: center;
}
.trusted-by-client .trusted-client .client-item {padding:5px}
.hp-about-inner .process-diagram, .tree-diagram {padding-top: 0px; padding-bottom: 40px }
.ecommerce-needs .needs-item {aspect-ratio: 200/100;}
.dot-icon-text::before {width: 100%;}
.dot-icon-text .container {padding: 40px 20px;}
.price-plan-sec {margin:0 20px;}
.price-plan-sec .card.card-start, .price-plan-sec .card.card-end {border:#20B2AA 1px solid; border-radius:10px}
}


a[href*="www"]:not(:where(
  /* exclude hash only links */
  [href^="#"],
  .b-footer_social-link,
  /* exclude javascript only links */
  [href^="javascript:" i],
  /* exclude relative but not double slash only links */
  [href^="/"]:not([href^="//"]),
  /* domains to exclude */
  [href*="//gsm-radio.ru"],
  /* subdomains to exclude */
  [href*="//www.gsm-radio.ru"],
)):after,
a[target="_blank"]:not(:has(img)):not(:has(svg)):not(.b-footer_social-link):after,
a[target="_blank"]:not(.b-footer_social-link):after,
a[href*=".ru"]:not([href*="//gsm-radio.ru"]):not(:has(img)):not(:has(svg)):after,
a[href*=".com"]:not(.b-footer_social-link):after,
a[href*=".org"]:after,
a[href*=".jp"]:after,
a[href*=".kr"]:after,
a[href*=".cn"]:after,
a[href*=".de"]:after,
a[href*=".fr"]:after,
a[href*=".it"]:after,
a[rel*="external"]:after {
	  fo111nt-family: 'Font Awesome 5 Free';
	  content: '\f08e';
	  font-weight:900;
	  color:white;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: 20px;
text-align: right;	  
}

@media (max-width: 767px) {
:root {
  --font-sec-title: 36px;
	--font-sec-desc: 20px;
}
.pg-header .navbar .navbar-toggler {
	border-color: transparent;
	padding: 0;
}
.pg-header .navbar .navbar-toggler:focus {
	box-shadow: none;
}
.pg-header .navbar .navbar-toggler .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	width: 1.75em;
	height: 1.75em;
}
.pg-header .navbar .offcanvas {
	background: #373742;
}
.pg-header .navbar .offcanvas .offcanvas-title {
	color: #fff;
	font-family: var(--font-anton-family);
	line-height: 1;
}
.pg-header .navbar .offcanvas button {
	--bs-btn-close-opacity: 1;
	--bs-btn-close-hover-opacity: 1;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	background: transparent;
	border: 0;
	box-shadow: none;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-right-custom {
	padding: 20px 10px;
	/*margin-top: 14px;*/
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom li {
	flex: 0 0 auto;
	width: 100%;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom li:not(:last-child) {
	margin-bottom: 7px;
}
.hp-about .about-statistics {
	flex-direction: column;
}
.hp-about .about-statistics .about-text {
	width: 100%;
}
.hp-about .about-statistics .about-text .sec-desc {
	margin-top: 0;
}
.hp-about .about-statistics .statistics-data {
	flex-wrap: wrap;
	margin-top: 26px;
}
.hp-about .about-statistics .statistics-data .data-item {
	flex: 0 0 auto;
	width: calc(50% - 15px);
}
.hp-about .about-statistics .statistics-data .data-item .item-data {
	font-size: 32px;
}
.hp-services .services-head {
	flex-direction: column;
	align-items: flex-start;
}
.hp-services .services-box {
	flex-direction: column;
}
.hp-services .services-box .box-list,
.hp-services .services-box .box-list-data,
.hp-services .services-box .box-list-data .data-item .item-right {
	width: 100%;
}
.hp-services .services-box .box-list-data .data-item {
	flex-wrap: wrap;
}
.hp-services .services-box .box-list-data .data-item .item-left {
	width: 100%;
	padding: 26px 16px;
}
.hp-our-work .slide-control {
	justify-content: center;

	position: absolute;
  	bottom: 0;
 	left: 50%;
  	transform: translateX(-50%);
  	margin-top: 0;
}
#OurWork   .slide-control {
	margin-bottom: 2rem; /* -1rem; */
}
#Blog  .slide-control {
	margin-bottom: 3rem;/*30px; 3rem;*/
}



#Blog, #OurWork {
  padding: 2rem 0; /* critical for slide nav on click to work ! not less as 2rem!*/
}

.hp-our-work .our-work-wrap {
	margin: 40px 0;
}
.hp-our-work .our-work-wrap .work-item {
	display: flex;
	flex-direction: column;
	height: auto;
}
.hp-our-work .our-work-wrap .work-item .item-img {
	height: 200px;
	object-fit: fill;
}
.hp-our-work .our-work-wrap .work-item .item-text,
.pg-our-work .hp-our-work .our-work-wrap .work-item .item-text {
	position: static;
	width: 100%;
}
.hp-why-us .why-us-list {
	margin-top: 36px;
}
.hp-why-us .why-us-list .list-item .item-img {
	--img-width: 58px;
	margin-left: calc(var(--img-border-width) / 2);
}
.hp-contact .sec-link {
	font-size: 24px;
}

/*
.hp-our-blog .explore-head {
	flex-direction: column;
	align-items: flex-start;
}
.hp-our-blog .sec-link {
	margin-left: 0;
	margin-top: 20px;
}
.hp-our-blog .sec-grid {
	display: flex;
	flex-direction: column;
	height: auto;
	padding: 0;
	gap: 20px;
}
.hp-our-blog .sec-grid .grid-item {
	flex-direction: column;
}
.hp-our-blog .sec-grid .grid-item .item-img {
	width: 100%;
	aspect-ratio: 5 / 3;
}
.hp-our-blog .sec-grid .grid-item .item-info {
	width: 100%;
}
*/


.pg-footer .footer-content .content-info:nth-child(1),
.pg-footer .footer-content .content-info:nth-child(2) {
	width: 100% !important;	
}
/*
.pg-footer .footer-content :is(.content-info) {

}
*/
 
/*
.pg-footer .footer-content :is(.content-info, .content-service, .content-pages) {
	width: 100%;
}
*/
.pg-footer .footer-content .content-service ul li {
	width: 100%;
}
.pg-footer .footer-content .content-pages ul {
	padding-left: 0;
	border: 0;
}
.ecommerce-needs .needs-head {
	flex-direction: column;
	align-items: flex-start;
}
.ecommerce-platforms .platform-item, .pg-erp-data-sec .feature-item {
	padding: 26px 16px;
}
.ecommerce-platforms .platform-item .item-icon img {
	max-width: 100%;
	height: auto;
	max-height: 46px;
}
.ecommerce-platforms .sec-title.style2, .ecommerce-deply .sec-title {
	font-size: 30px;
}
.ecommerce-deply .deply-rocket {
	margin-top: 0;
}
.hp-why-us .why-us-list .list-item:not(:last-child) {
	margin-bottom: 22px;
}
.pg-footer .footer-content {
	padding: 36px 0;
}
.pg-contact .contact-form {
	padding: 22px 16px;
	margin-top: 0;
}
.pg-contact .contact-form button[type="submit"] {
	font-size: 24px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.pg-contact .contact-list li {
	font-size: 20px;
	background-size: contain;
	padding-left: 46px;
}
.pg-contact .contact-list li:not(:last-child) {
	margin-bottom: 16px;
}
.pg-contact .contact-list {
	margin-bottom: 32px;
}
.dot-icon-text .dot-icon-text-item {
	flex-direction: column;
	gap: 30px;
}
.dot-icon-text .dot-icon-text-item .item-icon {
	width: 150px;
	height: 150px;
	padding: 36px;
	border-width: 3px;
}
.dot-icon-text .dot-icon-text-item .item-text .text-desc {
	margin-top: 10px;
}
.dot-icon-text .dot-icon-text-item:not(:last-child) {
	margin-bottom: 48px;
}
.hp-contact .sec-title {
	text-align: left;
}
.pg-contact::after {
	transform: translate(0%,86%);
}

.parallax-layer {display:none;}
.pg-header .navbar .navbar-nav .nav-item:not(:last-child) {
	margin-right: 0;
}
.hp-about-inner::before {
	width: 100%;
}
.hp-about-inner .sec-desc {
	padding: 0;
}
.hp-banner-video .text-container .caption {
	font-size: 20px;
}
.hp-banner-video .text-container .title-text {
	font-size: 32px;
	line-height: 1.1;
}
.pg-erp-modules svg {
	height: auto;
}
.pg-licensing-list .licensing-text :is(h1, h2, h3, h4, h5, h6),
.pg-erp-data-sec .data-text :is(h1, h2, h3, h4, h5, h6) {
	margin-top: 20px;
}
.hp-why-us .why-us-wrapper .why-us-sticky, .hp-why-us .why-us-wrapper .why-us-list {
	width: 100%;
}

.outsourcing-form .fields-group {
	width: 100%;
	padding-right: 0;
}
.outsourcing-form .message-group {
	width: 100%;
	padding-left: 0;
}
.outsourcing-form .message-group .floating-label-group {
	height: calc(100% - 40px);
}
.outsourcing-form .custom-file-input {
	width: 100%;
	padding-right: 1rem;
}
.outsourcing-form .security-group {
	width: 100%;
	padding-left: 1rem;
}
.mobile-what-do::before {
	display: none;
}

.single-work_post .hp-about .about-statistics .about-text .sec-title {
	--font-sec-title: 42px;
}
.single-work_post .hp-about-inner .sec-desc {
	padding: 0;
}
.single-work_post .hp-about-inner .sec-desc a {
	color: #373742;
}
}

@media (min-width:768px) and (max-width:1280px) {
	.hp-our-work .our-work-wrap .work-item .item-text {width:60%}
}

/* Small tablets */
@media (min-width: 980px) {
.border-animation:before {display:block;}
}

@media (min-width: 768px) and (max-width: 991px) {
:root {
  --font-sec-title: 44px;
	--font-sec-desc: 20px;
}
.pg-header .navbar .navbar-toggler {
	border-color: transparent;
	padding: 0;
}
.pg-header .navbar .navbar-toggler:focus {
	box-shadow: none;
}
.pg-header .navbar .navbar-toggler .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	width: 1.75em;
	height: 1.75em;
}
.pg-header .navbar .offcanvas {
	background: #373742;
}
.pg-header .navbar .offcanvas .offcanvas-title {
	color: #fff;
	font-family: var(--font-anton-family);
	line-height: 1;
}
.pg-header .navbar .offcanvas button {
	--bs-btn-close-opacity: 1;
	--bs-btn-close-hover-opacity: 1;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	background: transparent;
	border: 0;
	box-shadow: none;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-right-custom {
	padding: 20px 10px;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom li {
	flex: 0 0 auto;
	width: 100%;
}
.pg-header .navbar .navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-custom li:not(:last-child) {
	margin-bottom: 7px;
}
.hp-about .about-statistics {
	flex-direction: column;
	align-items: flex-start;
}
.hp-about .about-statistics .statistics-data {
	width: 100%;
	margin-top: 24px;
}
.hp-about .about-statistics .statistics-data .data-item {
	flex: 0 0 auto;
	width: calc(33.33333333% - 72px);
}
.hp-contact .sec-link {
	font-size: 24px;
}
/*
.hp-our-blog .explore-head {
	flex-wrap: wrap;
	margin-bottom: 44px;
}
.hp-our-blog .sec-link {
	margin-left: 0;
	margin-top: 20px;
}
*/
.hp-banner-video .text-container .title-text {
	font-size: 66px;
}
.pg-header .navbar .navbar-nav .nav-item:not(:last-child) {
	margin-right: 0;
}
/*
.hp-our-blog .sec-grid {
	height: 800px;
}
.hp-our-blog .sec-grid .grid-item {
	flex-direction: column;
}
.hp-our-blog .sec-grid .grid-item .item-img {
	width: 100%;
  height: 35%;
}
.hp-our-blog .sec-grid .grid-item .item-info {
	width: 100%;
}
*/
.ecommerce-platforms .platform-item .item-icon img {
	max-width: 100%;
	height: auto;
	max-height: 46px;
}
.ecommerce-platforms .platform-item, .pg-erp-data-sec .feature-item {
	padding: 26px 22px;
}
.ecommerce-deply .deply-rocket {
	margin-top: 0;
}
.feature-icon-text {
	flex-direction: column-reverse;
	gap: 18px;
}
}
/* Large tablets/laptops */
@media (min-width: 992px) and (max-width: 1199px) {}
/* Desktops */
@media (min-width: 1200px) and (max-width: 1919px) {}
/* Extra large screens */
@media (min-width: 1600px) {
.ecommerce-steps::before {
	width: 43.667%;
}
}
@media (min-width: 1920px) {
.dot-icon-text::before {
	width: 36.667%;
}
}
@media screen and (min-width: 2550px) {
.ecommerce-steps::before {
	width: 45.667%;
}
}

	/*
@media (min-width: 768px) {

	.hp-our-blog .sec-grid.no-grid {
		height: auto;
		min-height: auto;
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 1.5rem;
		display: flex;
		flex-wrap: wrap;
		column-gap: 40px;
		padding: 0;
		margin-top: var(--bs-gutter-y);
	}
	.hp-our-blog .sec-grid.no-grid > * {
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-top: var(--bs-gutter-y);
	}
	.hp-our-blog .sec-grid.no-grid .grid-item {
		flex: 0 0 auto;
		width: calc(50% - var(--bs-gutter-x));
		padding: 0;
	}
	.hp-our-blog .sec-grid.no-grid .grid-item:nth-child(1) {
		grid-row: span 1;
		flex-direction: row;
	}
	.hp-our-blog .sec-grid.no-grid .grid-item:nth-child(1) .item-img {
		width: 50%;
		height: 100%;
	}
	.hp-our-blog .sec-grid.no-grid .grid-item:nth-child(1) .item-info {
		width: 50%;
		height: 100%;
	}

}
	*/

.switch {
    font-size:32.5%;
    display: inline-block;
    position: relative;
    width: calc(0.325 * 8.5rem); /*3.5rem;*/
    height: calc(0.325 * 3.2rem);
    he222ight:100%;
    over333flow-x: hidden;
    over33flow-y: hidden;
}

.switch input {
    opacity: 1;
    width: 0;
    height: 0;
     over33flow-x: hidden;
    ove44rflow-y: hidden;

}

.move {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #20B2AA;
    border-radius: 3.0em;
    transition: 0.3s;
    cursor: pointer;

          fo11nt-size--: 62.5%;
            font-size: 1.9em;
            text-box: auto;
            tex22t-box-trim:none;
            te22xt-box-edge:auto;
            text-align: center;
    te11xt-align-last: justify;
-webk11it-text-stroke-width: medium;
    font-weight: bold;
    color:black;
    overf22low-x: hidden;
    overf22low-y: hidden;
    marg22in:auto;
}

.move::after {
    position: absolute;
    content: '';
    background: #fff;
    width: 1.6em;
    height: 1.6em;
    border-radius: 0.8em;
    top: 0;
    bottom: 0;
    left: 0.12em;
    box-shadow: 0 .2em .5em #000;
    transition: 0.5s;
    z-index: 2;
}

input:checked + .move {
    background-color: #fff;
    bor11111der: .08em solid transparent;
}

input:checked + .move::after {
    transform: translateX(calc(0.5 * 0.325 * 8.5rem + 0.4em));
     background-color: #20B2AA;
     content:'en';
     text-box: auto;
     text-bo22x-trim:none;
     text-bo22x-edge:auto;
}

/*.pg-header:has(> nav > .container > .offcanvas.show:not(.hiding)){
  background:#20B2AA;
  opacity:1.0 !important;
}*/

    .footnotes {
      font-size: 0.9em;
      color: #555;
    }
    .footnotes ol {
      padding-left: 1.5em;
    }

     sup a::after {
        content: ')';
    }

.single-work_post .hp-about-inner .sec-desc img {
    border-radius: 30px;
    max-width: 100%;
    height: auto;
    border: 3px solid #20B2AA;
    display: block;
    white-space:pre
    &::before {
      content: "\A";
      white-space: pre;
      word-wrap: break-word;
    }
}

.filter-green{
     fi22lter:  invert(57%) sepia(64%) saturate(486%) hue-rotate(128deg) brightness(90%) contrast(94%)
}


#outsourcingPgForm  small{
	line-height:unset;
}

#formShow > div.custom-file-input > div > small {

}

#formShow > div.custom-file-input > div{
		line-height:normal;
}

/*
@media (max-width: 767px) {
	.quick-cont-btn{
		margin-right: 0%;
	}
}
*/
#car {
	scale: calc( 0.01 * ((( 100% - 2.3rem) / 2) / 16)) !important;
	wi11dth: calc((1% + 2.3rem / 16)) !important;
	wi22dth: calc(((100% - 2.3rem)/2)/16) !important;
	width: 4rem  !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
	appearance:textfield; /* ?? only for compatibility */
}

/*#OurWork a, #Blog a { color: #20B2AA;} */

.hp-our-work a {
	color: #20B2AA;
}

@media (min-width: 992px) {
.navbar>.container { --bs-gutter-x: 0.5rem;}
}

/* https://getbootstrap.com/docs/4.0/utilities/clearfix/ 
// Mixin itself  
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

 // Usage as a mixin  
.element {
  @include clearfix;
}
*/

#nav-newer-older ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#nav-newer-older ul li { display: inline; }
#nav-newer-older #newer-post {margin-left: 1rem;}

#nav-newer-older ul li a {
text-decoration: none;
padding: .2em 1em;
color: #20B2AA;
b111ackground-color: #036;
}

#nav-newer-older ul li a:hover {
color: #fff;
background-color: #369;
}

#we-help {padding-bottom: 1rem;}

.post-meta * {color:black;}
.post-categories, .post-tags {color:white;}



.breadc11rumb-item+.breadcrumb-item::before {
  display: inline-block;
   vertical-align: text-top;
  padding: 0 0.75rem;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
}

.bread11crumbs-container li .breadcrumb:after {
    background-color: var(--icon-secondary);
    content: "";
    display: block;
    flex-shrink: 0;
	color:#20B2AA;
    height: 12px;
    margin-right: .5rem;
    -webkit-mask-image: url(https://developer.mozilla.org/static/media/chevron.05a124d379047e16d746.svg);
    mask-image: url(https://developer.mozilla.org/static/media/chevron.05a124d379047e16d746.svg);
    -webkit-mask-size: 12px;
    mask-size: 12px;
    transform: rotate(-90deg);
    width: 12px
}
.breadc111rumb-item:nth-child(n + 2)::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  mar11gin-inline: 1rem 1.25rem;
  content: "";
  transform: rotate(45deg); /* LTR */
	bor11der-block-start: 1px solid #20B2AA;
	bor11der-inline-end: 1px solid #20B2AA;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    pa11dding-right: .1rem;
    pad11ding-left: .1rem;
    color: white;
    content: "/";
    font-size: 1.5rem;
	vertical-align: text-bottom;
	font-weight: lighter;
	align-self: unset;
	height: 2rem;
	box-siz1111ing: content-box;
}

.breadcrumb-item:nth-child(2) a { font-size: 2.0rem; color:#20B2AA; width: 15vw; vertical-align: top;} 
.breadcrumb-item:nth-child(3) a { font-size: 1.4rem; color:#20B2AA; width: 15vw; vertical-align: middle; align-self: anchor-center;} 
.breadcrumb-item:nth-child(4) span { font-size: 0.7rem; color:white;  line-height: 1rem; width: 60vw; 
	display: block;
    text-wrap-style: balance; align-content: center;
} 
.breadcrumb { margin-bottom: 0rem;}
.bread111crumb-item+.breadcrumb-item:nth-child(4)::before {pad11ding-top: calc( (2.0rem - 0.7rem) / 2 ) !important; padding-top: 0.5rem;}
.breadcr111umb-item+.breadcrumb-item:nth-child(3)::before {padding-top: calc( (2.0rem - 1.4rem) / 2 ) !important;}


@media (max-width: 767px){
	.breadcrumb-item:nth-child(4) span{  min-width: 60vw; margin-bottom: 1rem; width: unset; } 
}
@media (mi11111n-width: 767px){
	.breadcrumb-item:nth-child(4) span {  width: 60vw; } 
}

#older-post span:before { content: '←\A'; font-size: xxx-large;}
#newer-post span:before { content: '→\A'; font-size: xxx-large;}
#older-post span, #newer-post span {white-space:pre;}

 
.pg-footer .footer-content .content-pages {
    float: right;
    padding-top: 0rem;
    wid11th: auto;
	wid11th: fit-content !important;
	width: fit-content !important;
}

.pg-footer .footer-content .content-service {
	float: left;
	width: min-content;
}

/*
@import url('https://fonts.googleapis.com/css?family=Roboto');
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  background-color: #212121;
  font-family: 'Roboto', sans-serif;
}
*/
.toggle-switch-container {
  align-content: center;
  pa111dding: 30px;
}

.toggle-switch {
  margin: 0;
}

.toggle-switch {
  width: 10px;
  position: relative;
}

.toggle-switch input {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.toggle-switch input:checked {
  z-index: 1;
}

.toggle-switch input:checked + label {
  opacity: 0.33;
  cursor: default;
}

.toggle-switch input:not(:checked) + label:hover {
  opacity: 0.5;
}

.toggle-switch label {
  color: #fff;
  opacity: 1.0;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}

.toggle-switch .toggle-outside {
  height: 100%;
  border-radius: 17px;
  padding: 11px;
  overflow: hidden;
  transition: opacity 0.3s ease-in-out;
}

.toggle-switch .toggle-inside {
  border-radius: 50%;
  background: #424242;
  position: absolute;
  transition: all 0.3s ease-in-out;
}

.switch-vertical {
  background-color: #00F;
  width: 0px;
  height: 60px;
  margin-left: 27px;
}

.switch-vertical input {
  height: 100%;
  width: 60px;
  right: 0;
  margin: 0;
}

.switch-vertical label {
  font-size: 15px;
  line-height: 30px;
  display: block;
  width: 80px;
  height: 50%;
  margin: 0;
  text-align: left;
  padding-left: 12px;
}

.switch-vertical .toggle-outside {
  background: #20B2AA;
  opacity: 0.5;
  position: absolute;
  width: 23px;
  height: 100%;
  right: 0;
  top: 0;
}

.switch-vertical .toggle-inside {
  height: 17px;
  left: 3px;
  top: 3px;
  width: 17px;
}

.switch-vertical input:checked ~ .toggle-outside .toggle-inside {
  top: 3px;
}

.switch-vertical input ~ input:checked ~ .toggle-outside .toggle-inside {
  top: 40px;
}

#navigation a.navbar-brand {margin-right: -1.0rem;}

.navbar > .container {
	max-width: none;
    margin-left: 1rem;
    margin-right: 1rem;
}

.container-chakra {
	display: flex;
    flex-direction: row;
    width: 20%;
    padding-left: 2rem;
}

@media (max-width: 991px) {
	.container-chakra { width: 60%; padding-left: unset;}
	.navbar > .container {
		margin-left: unset; 
		margin-right: unset;
	}
} 
.container-chakra a:nth-child(2) { margin-left: auto;  margin-right: unset;}
.container-chakra a:nth-child(3) { margin-left: auto;  margin-right: unset;}

div.footer-content  div.content-pages  div.navFooterColHead h4.col-title { margin-bottom: revert;}