@charset "utf-8";

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



/*
font-family: 'Poppins', sans-serif;
*/

/* theme root */
:root {
  --font-body-family: 'Poppins', sans-serif;
}
/* theme root */

html, body {
	font-family: var(--font-body-family);
	font-weight: 400;
	background: #fff;
	color: #000;
}
.sec-title {}
.sec-desc {}







.pg-header {
	padding: 22px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
}
.pg-header.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	background: #FBF7ED;
	/*-webkit-box-shadow: 0px 0px 5px 3px rgba(119,119,119,.4);
	-moz-box-shadow: 0px 0px 5px 3px rgba(119,119,119,.4);
	-o-box-shadow: 0px 0px 5px 3px rgba(119,119,119,.4);
	-ms-box-shadow: 0px 0px 5px 3px rgba(119,119,119,.4);
	box-shadow: 0px 0px 5px 3px rgba(119,119,119,.4);*/
	-webkit-animation: navbar-ani .7s;
	-moz-animation: navbar-ani .7s;
	-o-animation: navbar-ani .7s;
	-ms-animation: navbar-ani .7s;
	animation: navbar-ani .7s;
	z-index: 9;
}
@keyframes navbar-ani{
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0);}
}
@-moz-keyframes navbar-ani{
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0);}
}
@-webkit-keyframes navbar-ani {
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0);}
}
@-o-keyframes navbar-ani {
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0);}
}
@-ms-keyframes navbar-ani {
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0);}
}
.pg-header .header-logo {
	height: 41px;
}
.pg-header .header-link {
	background: rgb(0, 128, 96);
	color: rgb(255, 255, 255);
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	padding: 16px 40px;
	display: inline-block;
}






.header-banner {
	background: #FBF7ED;
	padding: 97px 0;
	padding-bottom: 37px;
}
.header-banner .banner-text {
	color: #000;
}
.header-banner .banner-text .text-title {
	font-size: 36px;
	font-weight: 900;
	line-height: 47px;
}
.header-banner .banner-text .text-desc {
	font-size: 18px;
	line-height: 27px;
}
.header-banner .banner-text .text-list {
	list-style: none;
	padding: 0;
	padding-left: 16px;
}
.header-banner .banner-text .text-list li {
	padding-left: 14px;
	font-size: 18px;
	line-height: 32px;
}
.header-banner .banner-text .text-list li::marker {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display,inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	content: "\f058";
	color: #008060;
}
.header-banner .banner-text .text-list li:not(:last-child) {
	margin-bottom: 0;
}
.header-banner .banner-text .text-link {
	background: #008060;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	padding: 16px 40px;
	display: inline-block;
}
.header-banner .banner-img {
	position: relative;
}
.header-banner .banner-img .img-wrap {
	width: 100%;
	aspect-ratio: 325/183;
	border-radius: 30px;
	overflow: hidden;
}
.header-banner .banner-img .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.header-banner .banner-img .img-el {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.header-banner .banner-img .img-el .img-el-1 {
	width: 160px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-50%,15%);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.header-banner .banner-img .img-el .img-el-2 {
	width: 109px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%,-50%);
}
.header-banner .banner-img.banner-slide {}
.header-banner .banner-img.banner-slide .img-wrap {
	display: flex;
	align-items: center;
	background: #ddd;
}
.header-banner .banner-img.banner-slide .slider-wrap {
	width: 100%;
}
.header-banner .banner-img.banner-slide .slide-item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-banner .shopify-partner {
	text-align: right;
}
.header-banner .shopify-partner img {
	height: 60px;
}






.pg-clients {
	padding: 34px 0;
}
.pg-clients .clients-list {}
.pg-clients .slick-track {
	display: flex !important;
}
.pg-clients .slick-slide {
	height: inherit !important;
}
.pg-clients .clients-list .list-item {
	display: flex;
	justify-content: center;
	align-items: center;
}
.pg-clients .clients-list .list-item img {
	max-width: 80%;
	height: auto;
}






.pg-statistics {
	/*padding-bottom: 125px;*/
	padding-bottom: 0;
}
.pg-statistics .statistics-wrap {
	background: #F1F5FF;
	border-radius: 10px;
	padding-top: 55px;
}
.pg-statistics .statistics-info {
	padding-left: 70px;
}
.pg-statistics .sec-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}
.pg-statistics .statistics-list {
	--bs-gutter-x: 0;
	--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));
	list-style: none;
	padding-left: 0;
	max-width: 390px;
}
.pg-statistics .statistics-list > * {
	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-statistics .statistics-list li {
	flex: 0 0 auto;
	width: 50%;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
.pg-statistics .statistics-list .list-item {
	border-bottom: 1px solid #ACB4DE;
	border-right: 1px solid #ACB4DE;
	padding: 36px 0;
}
.pg-statistics .statistics-list li:nth-child(even) .list-item {
	border-right: 0;
}
.pg-statistics .statistics-list :is(li:nth-child(3),li:nth-child(4)) .list-item {
	border-bottom: 0;
}
.pg-statistics .statistics-list .list-item .list-num {
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}
.pg-statistics .statistics-list .list-item .list-num.timer::after {
	content: '+';
	margin-left: 7px;
}
.pg-statistics .statistics-link {
	background: #008060;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	padding: 16px 40px;
	display: inline-block;
	margin-top: 2rem;
}
.pg-statistics .frame-animation {}
.pg-statistics .frame-animation .animation-head {}
.pg-statistics .frame-animation .animation-head img {
	max-width: 100%;
	height: auto;
}
.pg-statistics .frame-animation .animation-img {
	width: 100%;
	aspect-ratio: 1152/1078;
	overflow: hidden;
	border-bottom-right-radius: 10px;
}
.pg-statistics .frame-animation .animation-img.scroll-img {
	background-size: cover;
	background-repeat: repeat-y;
}
.pg-statistics .frame-animation .animation-img.scroll-img-inf {
	background-size: cover;
	background-repeat: repeat-y;
	animation: mymove 45s infinite;
}
.pg-statistics .frame-animation .animation-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@keyframes mymove {
	0% {background-position-y: 0%;}
  50% {background-position-y: 100%;}
	100% {background-position-y: 0%;}
}







.pg-services {
	background: #FBF7ED;
	padding: 72px 0;
}
.pg-services .sec-title {
	font-size: 46px;
	font-weight: 400;
	line-height: 57px;
	text-align: center;
}
.pg-services .sec-title :is(b, strong) {
	font-weight: 700;
}
.pg-services .sec-desc {
	font-size: 18px;
	line-height: 27px;
	text-align: center;
}
.pg-services .services-wrap {
	margin-top: 74px;
}
.pg-services .service-box {
	background: #FFFFFF;
	border-radius: 10px;
	height: 100%;
	padding: 54px 50px;
}
.pg-services .service-box .box-title {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 22px;
}
.pg-services .service-box .box-title .title-icon {
	width: 46px;
	height: auto;
}
.pg-services .service-box .box-title .title-icon img {
	width: 100%;
	transition: all .2s;
}
.pg-services .service-box:hover .box-title .title-icon img {
	transform: scale(1.2);
}
.pg-services .service-box .box-title .title-txt {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: #333;
	margin-bottom: 0;
}
.pg-services .service-box .box-info {
	font-size: 16px;
	line-height: 28px;
	color: #565656;
}
.pg-services .service-link {
	background: #008060;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	padding: 16px 40px;
	display: flex;
	margin-top: 4rem;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
}






.pg-our-process {
	overflow: hidden;
	padding: 74px 0;
}
.pg-our-process .sec-title {
	font-size: 46px;
	font-weight: 700;
	line-height: 57px;
	text-align: center;
	/*margin-bottom: 1.5rem;*/
	margin-bottom: 2.5rem;
}
.pg-our-process .process-wrapper {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
	cursor: grab;
}
.pg-our-process .process-box {
	background: #FFFFFF;
	border-radius: 10px;
	height: 100%;
	padding: 0;
}
.pg-our-process .process-box .box-title {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 22px;
	background: url('data:image/svg+xml,<svg width="136" height="15" viewBox="0 0 136 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M111.354 4.35355C111.549 4.15829 111.549 3.84171 111.354 3.64645L108.172 0.464466C107.976 0.269204 107.66 0.269204 107.464 0.464466C107.269 0.659728 107.269 0.976311 107.464 1.17157L110.293 4L107.464 6.82843C107.269 7.02369 107.269 7.34027 107.464 7.53553C107.66 7.7308 107.976 7.7308 108.172 7.53553L111.354 4.35355ZM0 4.5H111V3.5H0V4.5Z" fill="black"/></svg>');
	background-repeat: no-repeat;
	background-position: 170px 30px;
}
.pg-our-process .process-box .box-title.no-bg {
	background: none;
}
.pg-our-process .process-box .box-title .title-icon {
	width: 46px;
	height: auto;
}
.pg-our-process .process-box .box-title .title-icon img {
	width: 100%;
}
.pg-our-process .process-box .box-title .title-txt {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: #333;
	margin-bottom: 0;
}
.pg-our-process .process-box .box-info {
	font-size: 16px;
	line-height: 28px;
	color: #565656;
}
.pg-our-process .process-link {
	background: #008060;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	padding: 16px 40px;
	display: flex;
	margin-top: 3rem;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
}






.pg-projects {}
.pg-projects .sec-title {
	font-size: 46px;
	font-weight: 400;
	line-height: 48px;
	text-align: center;
	margin-bottom: 2rem;
}
.pg-projects .projects-wrap {
	/* background: #F6ECF3; */
	/* border-radius: 10px; */
}
.pg-projects .projects-list {
	--slide-padding-bottom: 75px
}
.pg-projects .projects-list .slick-list {
	padding-bottom: var(--slide-padding-bottom);
}
.pg-projects .projects-list .slick-list::before {
	content: "";
	background: #F6ECF3;
	width: 100%;
	height: calc(100% - var(--slide-padding-bottom));
	position: absolute;
	border-radius: 10px;
}
.pg-projects .projects-list .list-item {
	padding-top: 82px;
}
.pg-projects .projects-list .list-item .gx-more {
	--bs-gutter-x: 5.7rem;
}
.pg-projects .list-item .item-text {
	padding-left: 60px;
}
.pg-projects .list-item .item-text .text-desc {}
.pg-projects .list-item .item-text .list-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 28px;
	margin-top: 2.5rem;
}
.pg-projects .list-item .item-text .text-list {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}
.pg-projects .list-item .item-text .text-list li {
	border: 1px solid #D2C098;
	display: inline-block;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	padding: 5px 18px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.pg-projects .list-item .item-text .text-hilight {
	/*background: #EBDBE6;*/
	background: rgba(0, 0, 0, 0.08);
	padding: 36px 46px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}
.pg-projects .list-item .item-img {
	position: relative;
}
.pg-projects .list-item .item-img .img-head {}
.pg-projects .list-item .item-img .img-head img {
	width: 100%;
	height: auto;
}
.pg-projects .list-item .item-img .img-wrap {
	overflow: hidden;
	display: flex;
	justify-content: center;
	border-bottom-right-radius: 10px;
}
.pg-projects .list-item .item-img .img-wrap img {
	/*max-width: 775px;*/
}
.pg-projects .list-item .item-img .img-mob-frame {
	position: absolute;
	width: 240px;
	top: 0;
	left: 0;
	transform: translate(-20%,18%);
}
.pg-projects .list-item .item-img .img-mob-frame .img-frame-view {
	width: 100%;
}
.pg-projects .list-item .item-img .img-mob-frame .img-frame-view.scroll-img {
	background-size: contain;
	background-repeat: repeat-y;
	border-radius: 34px;
	--img-padding: 7px;
}
.pg-projects .list-item .item-img .img-mob-frame .img-frame-view.scroll-img-inf {
	background-size: contain;
	background-repeat: repeat-y;
	border-radius: 34px;
	--img-padding: 7px;
	animation: mymove 45s infinite;
}
.pg-projects .list-item .item-img .img-mob-frame .img-frame-view img {
	width: 100%;
	height: auto;
}
.pg-projects .list-item .item-img .img-mob-frame .img-frame-view img {
	width: calc(100% + var(--img-padding)*2);
	height: auto;
	transform: translate(calc(var(--img-padding) * -1));
}
.pg-projects .list-item .item-img .img-mob-frame .img-mob-view {
	width: 100%;
	display: none;
}
.pg-projects .list-item .item-img .img-mob-frame .img-mob-view img {
	width: 100%;
	height: auto;
}
.pg-projects .list-item .item-img .img-el {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(36%,35%);
}
.pg-projects .projects-list .slick-arrow {
	background: #000;
	border-radius: 50%;
	width: 96px;
	height: 96px;
	border: 6px solid #fff;
	z-index: 3;
	top: calc(50% - var(--slide-padding-bottom));
}
.pg-projects .projects-list .slick-arrow.slick-prev {
	transform: translate(-25%, -50%);
}
.pg-projects .projects-list .slick-arrow.slick-next {
	transform: translate(25%, -50%);
}
.pg-projects .projects-list .slick-arrow.slick-prev::before, 
.pg-projects .projects-list .slick-arrow.slick-next::before {
	color: #fff;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display,inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-family: "Font Awesome 6 Pro";
	opacity: 1;
	font-size: 24px;
}
.pg-projects .projects-list .slick-arrow.slick-prev::before {
	content: "\f060";
}
.pg-projects .projects-list .slick-arrow.slick-next::before {
	content: "\f061";
}







.pg-project-models {
	padding: 108px 0;
}
.pg-project-models .models-wrap {
	border: 1px solid #BCBCBC;
	border-radius: 10px;
	padding: 46px;
	padding-top: 0;
	text-align: center;
}
.pg-project-models .sec-title {
	font-size: 46px;
	font-weight: 700;
	line-height: 48px;
	text-align: center;
	transform: translateY(-50%);
	background: #fff;
	padding: 0 26px;
	display: inline-block;
	margin-bottom: 0;
}
.pg-project-models .sec-desc {
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}
.pg-project-models .models-list-wrap {
	margin-top: 42px;
}
/*.pg-project-models .models-list {
	list-style: none;
	padding-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pg-project-models .models-list li {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: 33.33333333%;
}*/
.pg-project-models .models-list {
	list-style: none;
	padding-left: 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-project-models .models-list > * {
	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-project-models .models-list li {
	flex: 0 0 auto;
	width: 33.33333333%;
}
.pg-project-models .models-list .model-item {
	display: flex;
	align-items: center;
	height: 100%;
	border: 1px solid #BCBCBC;
	padding: 0;
	/* padding-left: 70px; */
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	border-radius: 3px;
	user-select: none;
	text-align: left;
	transition: all .15s;
	position: relative;
}
.pg-project-models .models-list input {
	position: absolute;
	left: 28px;
	margin-top: 0;
	border-color: #008060;
	width: 1.5em;
	height: 1.5em;
	cursor: pointer;
}
.pg-project-models .models-list input.form-check-input:checked {
	background-color: #fff;
	border-color: #fff;
}
.form-check-input:checked[type="radio"] {
	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23008060'/%3e%3c/svg%3e");
}
.pg-project-models .models-list label2 {
	border: 1px solid #BCBCBC;
	padding: 20px;
	padding-left: 70px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	border-radius: 3px;
	height: 100%;
	user-select: none;
	text-align: left;
	transition: all .15s;
}
.pg-project-models .models-list input + label {
	/* margin-left: 20px; */
	cursor: pointer;
	padding: 28px;
	padding-left: 75px;
}
.pg-project-models .models-list input + label::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	z-index: -1;
}
.pg-project-models .models-list input:checked + label {
	background: #008060;
	color: #fff;
}
.pg-project-models .models-list input:checked + label::after {
	background: #008060;
}
.pg-project-models .model-submit {
	background: #008060;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	padding: 16px 40px;
	display: flex;
	margin-top: 3rem;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
}







.pg-contact-form {
	background: #FBF7ED;
	padding: 84px 0;
}
.pg-contact-form .form-wrap {
	background: #008060;
	border-radius: 10px;
	padding: 60px 92px;
}
.pg-contact-form .form-wrap {
	background: #fff;
	color: #000;
}
.pg-contact-form .sec-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 72px;
	text-align: center;
	color: #008060;
	margin-bottom: 0;
}
.pg-contact-form .sec-desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color: #000;
}
.pg-contact-form .contact-form {
	margin-top: 2rem;
}
.pg-contact-form .contact-form ::placeholder {
  color: #666;
  opacity: 1;
}
.pg-contact-form .contact-form ::-ms-input-placeholder {
  color: #666;
}
.pg-contact-form .contact-form input {}
.pg-contact-form .contact-form textarea {
	height: 125px;
}
.pg-contact-form .contact-form :is(input, textarea) {
	background: transparent;
	width: 100%;
	border-bottom: 1px solid #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #000;
	padding: 7px 0;
}
.pg-contact-form .contact-form input[type="file"]::file-selector-button {
	display: none;
}
.pg-contact-form .contact-form input[type="file"] {
	background: url('data:image/svg+xml,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.08 10.4202L9.9 16.6102C9.08982 17.3302 8.03514 17.7135 6.95172 17.6816C5.8683 17.6497 4.838 17.2051 4.07157 16.4386C3.30514 15.6722 2.86051 14.6419 2.82862 13.5585C2.79672 12.4751 3.17998 11.4204 3.9 10.6102L11.9 2.61021C12.3776 2.15651 13.0112 1.90354 13.67 1.90354C14.3288 1.90354 14.9624 2.15651 15.44 2.61021C15.9053 3.0818 16.1663 3.71768 16.1663 4.38021C16.1663 5.04274 15.9053 5.67862 15.44 6.15021L8.54 13.0402C8.47171 13.1138 8.38961 13.1731 8.29838 13.2149C8.20714 13.2567 8.10857 13.2802 8.00828 13.2839C7.908 13.2876 7.80796 13.2715 7.71388 13.2366C7.61981 13.2016 7.53354 13.1485 7.46 13.0802C7.38646 13.0119 7.32709 12.9298 7.28528 12.8386C7.24347 12.7474 7.22004 12.6488 7.21632 12.5485C7.21261 12.4482 7.22868 12.3482 7.26363 12.2541C7.29858 12.16 7.35171 12.0738 7.42 12.0002L12.55 6.88021C12.7383 6.69191 12.8441 6.43651 12.8441 6.17021C12.8441 5.90391 12.7383 5.64852 12.55 5.46021C12.3617 5.27191 12.1063 5.16612 11.84 5.16612C11.5737 5.16612 11.3183 5.27191 11.13 5.46021L6 10.6002C5.7433 10.8549 5.53957 11.1579 5.40053 11.4917C5.2615 11.8256 5.18992 12.1836 5.18992 12.5452C5.18992 12.9068 5.2615 13.2649 5.40053 13.5987C5.53957 13.9325 5.7433 14.2355 6 14.4902C6.52437 14.9897 7.22081 15.2683 7.945 15.2683C8.66919 15.2683 9.36563 14.9897 9.89 14.4902L16.78 7.59021C17.5749 6.73716 18.0076 5.60888 17.987 4.44308C17.9665 3.27727 17.4942 2.16496 16.6697 1.34048C15.8453 0.516003 14.7329 0.0437313 13.5671 0.023162C12.4013 0.00259272 11.2731 0.435332 10.42 1.23021L2.42 9.23021C1.3412 10.425 0.765028 11.9901 0.811533 13.5992C0.858038 15.2083 1.52363 16.7374 2.66964 17.868C3.81564 18.9985 5.35368 19.6433 6.96328 19.6679C8.57289 19.6925 10.1299 19.0951 11.31 18.0002L17.5 11.8202C17.5932 11.727 17.6672 11.6163 17.7177 11.4945C17.7681 11.3726 17.7941 11.2421 17.7941 11.1102C17.7941 10.9784 17.7681 10.8478 17.7177 10.726C17.6672 10.6041 17.5932 10.4935 17.5 10.4002C17.4068 10.307 17.2961 10.233 17.1742 10.1826C17.0524 10.1321 16.9219 10.1061 16.79 10.1061C16.6581 10.1061 16.5276 10.1321 16.4058 10.1826C16.2839 10.233 16.1732 10.307 16.08 10.4002V10.4202Z" fill="white"/></svg>');
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}
.pg-contact-form .contact-form input[type="file"] + .file-help {
	font-size: 12px;
	line-height: 1;
	margin-top: ;
	display: block;
	margin-top: 5px;
	color: #000;
}
.pg-contact-form .contact-form button[type="submit"] {
	background: #008060;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	text-align: center;
	padding: 16px 42px;
	/* float: right; */
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	display: flex;
}
.pg-contact-form .captcha-box {
	display: flex;
	gap: 7px;
	align-items: center;
}
.pg-contact-form .captcha-box a {
	color: #000;
}
/* Chrome, Safari, Edge, Opera */
.pg-contact-form .contact-form input::-webkit-outer-spin-button,
.pg-contact-form .contact-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
.pg-contact-form .contact-form input[type=number] {
  -moz-appearance: textfield;
}







.pg-why-us {
	padding: 84px 0;
}
.pg-why-us .sec-title {
	font-size: 46px;
	font-weight: 700;
	line-height: 48px;
	text-align: center;
	margin-bottom: 42px;
}
.pg-why-us .why-us-list {
	background: #F1F5FF;
	border-radius: 10px;
	list-style: none;
	padding: 68px 72px;
}
.pg-why-us .why-us-list .list-item {
	display: flex;
	gap: 30px;
}
.pg-why-us .why-us-list .list-item:not(:last-child) {
	margin-bottom: 38px;
}
.pg-why-us .why-us-list .item-img {
	width: 54px;
	flex: 0 0 auto;
}
.pg-why-us .why-us-list .item-img img {
	width: 100%;
	height: auto;
	transition: all .2s;
}
.pg-why-us .why-us-list .list-item:hover .item-img img {
	transform: scale(1.2);
}
.pg-why-us .why-us-list .item-text {}
.pg-why-us .why-us-list .item-text .text-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 14px;
}
.pg-why-us .why-us-list .item-text .text-desc {
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}







.pg-faq-sec {
	margin-bottom: 73px;
}
.pg-faq-sec .sec-title {
	font-size: 46px;
	font-weight: 700;
	line-height: 57px;
	text-align: center;
	margin-bottom: 38px;
}
.pg-faq-sec .accordion {
	--bs-accordion-border-color: #CCCCCC;
	--bs-accordion-active-bg: transparent;
	--bs-accordion-active-color: #565656;
	--bs-accordion-btn-color: #565656;
	--bs-accordion-btn-icon-transform: rotate(0deg);
  --bs-accordion-btn-active-icon-transform: rotate(-90deg);
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23565656' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23565656' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.pg-faq-sec .accordion .accordion-button {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
}
.pg-faq-sec .accordion .accordion-button:not(.collapsed) {
	box-shadow: none;
}
.pg-faq-sec .accordion-item .accordion-button::after {
	transform: var(--bs-accordion-btn-active-icon-transform);
}
.pg-faq-sec .accordion-item .accordion-button:not(.collapsed)::after {
	transform: var(--bs-accordion-btn-icon-transform);
}
.pg-faq-sec .accordion .accordion-body {
	color: #565656;
	padding-top: 0;
	font-size: 16px;
	line-height: 24px;
}






.pg-footer {}
.pg-footer .footer-contact {
	background: #000000;
	color: #fff;
	border-radius: 10px;
	padding: 52px 56px;
}
.pg-footer .footer-contact .contact-loc {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
.pg-footer .footer-contact .contact-loc a {
	color: inherit;
	text-decoration: underline;
}
.pg-footer .footer-contact .contact-link {
	background: #008060;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	padding: 16px 40px;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
}
.pg-footer .footer-copyrights {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	margin-bottom: 0;
	padding: 32px 0;
}











/* Mobile */
@media (max-width: 480px) {
.pg-header .header-link {
	margin-top: 10px;
}
.header-banner {
	padding: 135px 0;
	padding-bottom: 37px;
}
.header-banner .banner-text .text-title {
	font-size: 30px;
	line-height: 36px;
}
.header-banner .banner-text .text-desc {
	font-size: 16px;
	line-height: 22px;
}
.header-banner .banner-text .text-list li {
	font-size: 16px;
	line-height: 26px;
}
.header-banner .banner-text .text-link {
	width: 100%;
	text-align: center;
}
.header-banner .banner-img {
	margin-top: 32px;
}
.header-banner .banner-img .img-el {
	position: static;
}
.header-banner .banner-img .img-el .img-el-1 {
	position: static;
	transform: translate(0%,-50%);
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	width: 100%;
}
.header-banner .banner-img .img-el .img-el-1 img {
	max-width: 100%;
}
.header-banner .banner-img .img-el .img-el-2 {
	transform: translate(0%,-100%);
	left: 0;
	width: 75px;
	bottom: 10px;
}
.header-banner .shopify-partner {
	text-align: center;
	margin-top: -20px;
}

.pg-statistics {
	padding-bottom: 54px;
}
.pg-statistics .statistics-wrap {
	padding-top: 20px;
}
.pg-statistics .statistics-info {
	padding: 0 20px;
}
.pg-statistics .sec-title {
	text-align: center;
}
.pg-statistics .statistics-list .list-item {
	padding: 22px 12px;
}
.pg-statistics .statistics-link {
	margin-top: 0;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.pg-statistics .frame-animation .animation-img {
	border-bottom-left-radius: 10px;
}
	
.pg-services {
	padding: 54px 0;
}
.pg-services .sec-title {
	font-size: 30px;
	line-height: 36px;
}
.pg-services .service-box {
	padding: 32px 26px;
}
.pg-services .service-link {
	width: 100%;
	margin-top: 2rem;
	text-align: center;
	display: inline-block;
}

.pg-our-process .sec-title {
	font-size: 32px;
}
.pg-our-process .process-link {
	margin-top: 0;
}

.pg-projects {
	overflow: hidden;
}
.pg-projects .sec-title {
	font-size: 32px;
	line-height: 36px;
}
.pg-projects .projects-list .list-item {
	padding-top: 20px;
}
.pg-projects .list-item .item-text {
	padding: 0 20px;
}
.pg-projects .list-item .item-text .list-title {
	margin-top: 0;
}
.pg-projects .list-item .item-text .text-hilight {
	padding: 12px 16px;
	font-size: 14px;
	line-height: 18px;
}
.pg-projects .list-item .item-text .text-list li {
	line-height: 22px;
	padding: 5px 11px;
}
.pg-projects .list-item:not(.slick-current) .item-img .img-mob-frame {
	visibility: hidden;
}

.pg-project-models {
	padding: 54px 0;
}
.pg-project-models .sec-title {
	font-size: 32px;
	font-weight: 700;
	line-height: 36px;
	margin: 0 20px;
}
.pg-project-models .sec-desc {
	margin-top: -36px;
}
.pg-project-models .models-wrap {
	padding: 0;
}
.pg-project-models .models-list {
	/*flex-direction: column;
	padding-right: 24px;
	gap: 12px;*/
	--bs-gutter-y: 1.5rem;
}
.pg-project-models .models-list li {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: 100%;
}
.pg-project-models .models-list input {
	right: -40px;
}
.pg-project-models .models-list label {
	padding: 10px;
	padding-left: 54px;
	font-size: 16px;
	line-height: 20px;
}
.pg-project-models .model-submit {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.pg-contact-form {
	padding: 54px 0;
}
.pg-contact-form .form-wrap {
	padding: 30px 26px;
}
.pg-contact-form .sec-title {
	font-size: 32px;
	line-height: 48px;
}
.pg-contact-form .contact-form {
	margin-top: 1rem;
}
.pg-contact-form .contact-form button[type="submit"] {
	width: 100%;
	margin-top: 16px;
}

.pg-why-us {
	padding: 54px 0;
}
.pg-why-us .sec-title {
	font-size: 32px;
	line-height: 36px;
}
.pg-why-us .why-us-list {
	padding: 30px 26px;
}
.pg-why-us .why-us-list .list-item {
	gap: 14px;
	flex-direction: column;
}
.pg-faq-sec .sec-title {
	font-size: 32px;
	line-height: 36px;
}
.pg-footer .footer-contact {
	padding: 46px 20px;
}
.pg-footer .footer-contact .contact-link {
	width: 100%;
	margin-top: 18px;
	text-align: center;
	display: inline-block;
}
}
/* Extra small devices */
@media (min-width: 481px) and (max-width: 767px) {}
@media (max-width: 767px) {
.header-banner .banner-text {
	margin-top: 2rem;
}
.pg-projects .list-item .item-img .img-mob-frame {
	top: 0;
	left: 50%;
	transform: translate(-50%,25%);
}
}
/* Small tablets */
@media (min-width: 768px) and (max-width: 991px) {}
/* Large tablets/laptops */
@media (max-width: 992px) {
.header-banner .banner-text .text-title {
	font-size: 30px;
	line-height: 36px;
}
.header-banner .banner-text .text-desc {
	font-size: 16px;
	line-height: 22px;
}
.header-banner .banner-text .text-list li {
	font-size: 16px;
	line-height: 26px;
}
.header-banner .banner-text .text-link {}
.header-banner .banner-img {
	margin-top: 32px;
}
.header-banner .banner-img .img-el {
	position: static;
}
.header-banner .banner-img .img-el .img-el-1 {
	position: static;
	transform: translate(0%,-50%);
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	width: 100%;
}
.header-banner .banner-img .img-el .img-el-1 img {
	max-width: 100%;
}
.header-banner .banner-img .img-el .img-el-2 {
	transform: translate(0%,-100%);
	left: 0;
	/* width: 75px; */
	bottom: 70px;
}
.header-banner .shopify-partner {
	text-align: center;
	margin-top: 5px;
}

.pg-statistics {
	padding-bottom: 54px;
}
.pg-statistics .statistics-wrap {
	padding-top: 20px;
}
.pg-statistics .statistics-info {
	padding: 0 20px;
}
.pg-statistics .sec-title {
	text-align: center;
}
.pg-statistics .statistics-list .list-item {
	padding: 22px 12px;
}
.pg-statistics .statistics-link {
	margin-top: 0;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.pg-statistics .frame-animation .animation-img {
	border-bottom-left-radius: 10px;
}
	
.pg-services {
	padding: 54px 0;
}
.pg-services .sec-title {
	font-size: 30px;
	line-height: 36px;
}
.pg-services .service-box {
	padding: 32px 26px;
}
.pg-services .service-link {
	/* width: 100%; */
	margin-top: 2rem;
	/* text-align: center; */
	/* display: inline-block; */
}

.pg-our-process .sec-title {
	font-size: 32px;
}
.pg-our-process .process-link {
	margin-top: 0;
}

.pg-projects {
	overflow: hidden;
}
.pg-projects .sec-title {
	font-size: 32px;
	line-height: 36px;
}
.pg-projects .projects-list .list-item {
	padding-top: 20px;
}
.pg-projects .list-item .item-text {
	padding: 0 20px;
}
.pg-projects .list-item .item-text .list-title {
	margin-top: 0;
}
.pg-projects .list-item .item-text .text-hilight {
	padding: 12px 16px;
	font-size: 14px;
	line-height: 18px;
}
.pg-projects .list-item .item-text .text-list li {
	line-height: 22px;
	padding: 5px 11px;
}

.pg-project-models {
	padding: 54px 0;
}
.pg-project-models .sec-title {
	font-size: 32px;
	font-weight: 700;
	line-height: 36px;
	margin: 0 20px;
}
.pg-project-models .sec-desc {}
.pg-project-models .models-wrap {
	padding: 0;
}
.pg-project-models .models-list {
	/* flex-direction: column; */
	/*padding-right: 24px;*/
	/* gap: 12px; */
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}
.pg-project-models .models-list li {}
.pg-project-models .models-list input {
	right: -40px;
}
.pg-project-models .models-list label {
	padding: 10px;
	padding-left: 54px;
	font-size: 16px;
	line-height: 20px;
}
.pg-project-models .model-submit {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.pg-contact-form {
	padding: 54px 0;
}
.pg-contact-form .form-wrap {
	padding: 30px 26px;
}
.pg-contact-form .sec-title {
	font-size: 32px;
	line-height: 48px;
}
.pg-contact-form .contact-form {
	margin-top: 1rem;
}
.pg-contact-form .contact-form button[type="submit"] {
	width: 100%;
	margin-top: 16px;
}

.pg-why-us {
	padding: 54px 0;
}
.pg-why-us .sec-title {
	font-size: 32px;
	line-height: 36px;
}
.pg-why-us .why-us-list {
	padding: 30px 26px;
}
.pg-why-us .why-us-list .list-item {
	gap: 14px;
	flex-direction: column;
}
.pg-faq-sec .sec-title {
	font-size: 32px;
	line-height: 36px;
}
.pg-footer .footer-contact {
	padding: 46px 20px;
}
.pg-footer .footer-contact .contact-link {
	width: 100%;
	margin-top: 18px;
	text-align: center;
	display: inline-block;
}
}
@media (min-width: 992px) and (max-width: 1199px) {}
/* Desktops */
@media (min-width: 1200px) and (max-width: 1919px) {}
/* Extra large screens */
@media (min-width: 1920px) {}


/*13-01-2025 css start*/
img{
	max-width: 100%;
}
.button-box{
  background: #5e8e3e;
  color: #fff;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  padding: 16px 40px;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.3s linear;
}
.button-box:hover{
   background: #7eb956;
}
.landing-box{
	padding: 80px 0;
}
.landing-box h2{
	font-weight: bold;
	margin-bottom: 30px;
}
.landing-box p{
	margin-bottom: 30px;
}
.landing-box h4{
	font-size: 1.3rem;
    color: #5e8e3e;
    margin-bottom: 11px;
    font-weight: 600;
}
.landing-box h4 img{
	margin-right: 5px;
}


.get-start h2{
	text-align: center;
	margin-bottom: 110px;
	font-weight: bold;
	font-size: 2.2rem;
	color: #4e7831;
}
.get-start p{
	text-align: center;
}
.get-start .upgradeHolder{
    background: #FBF7ED;
    border: 2px solid #5e8e3e;
    border-radius: 5px;
    padding: 110px 30px 15px;
    margin-bottom: 100px;
    transition: all 0.3s ease;
    min-height: 360px;
	position:relative;
}
.get-start .upgradeHolder:hover{
	background: #5e8e3e;
	border: 2px solid #5e8e3e;
	border-radius: 5px;
}
.get-start .upgradeHolder h2{
	text-align: left;
	color: #000;
	padding-bottom: 0px;
	margin-bottom: 30px;
	font-size: 24px;
    font-weight: 600;
}

.get-start .upgradeHolder p{
	text-align: left;
	color: #171717;
	padding-bottom:0;
}
.get-start .upgradeHolder:hover h2,
.get-start .upgradeHolder:hover p,
.get-start .upgradeHolder:hover ul li{
	color: #fff;
}
.number {
    background: #5e8e3e;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: absolute;
    left: 27px;
    top: 21px;
}