/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); */
::-webkit-input-placeholder { /* Edge */
 color: #ddd;
 font-size:12px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ddd;
 font-size:12px;
}

::placeholder {
 color: #ddd;
 font-size:12px;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
  }
html {
	scroll-behavior: smooth;
  }
body {font-family: 'Poppins', sans-serif;}
.container {max-width: 1300px !important;}
header {
	padding-bottom: 1em;
    padding-top: 1em;
    background: white;
	box-shadow: rgba(134, 134, 134, 0.20) 1px 1px 30px 0px;
	position: relative;
	z-index: 9;
}

header  img {
}
header  .right { text-align: right !important; display: flex; align-items: center; justify-content: flex-end;}
header .right a.btn {
	margin-top: 0px;	
    padding: 0.8em 2em;
    border-radius: 100px;
    background-color: #197E37;
    -webkit-transition: background-color .2s cubic-bezier(.25,.46,.45,.94);
	transition: background-color .2s cubic-bezier(.25,.46,.45,.94);
	transition: background 0.15s ease-in-out;
	color: #fff;
	font-size: 14px;
}
header .right a.btn:hover {background: #158035;}
header .logo { display: inline-block; margin-top: 0.5rem;}
header .right { align-items: center;}
header .right nav {    display: flex; align-items: center; justify-content: flex-end;}
header .right nav a {  color: #333; font-size: 14px; font-weight: 500; margin-left: 1rem;}
.banner { padding: 7em 0; background: #f2fff7; position: relative;}

.banner::before { content: ''; position: absolute; background: url('../images/top-left-element.svg') left top no-repeat; left: 0; top: 0; width: 400px; height: 337px;}
.banner::after { content: ''; position: absolute; background: url('../images/b-right-element.svg') left top no-repeat; right: 0; bottom: 0; width: 393px; height: 355px;}

.banner .row { align-items: center;}
.banner article h1 {   
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 80px;
    color: #197E37;
	margin-bottom: 0; letter-spacing: 0.5px;}
	.banner article h1 strong { color: #1C1340; font-weight: 700; font-size: 90px;}
	.banner article p {font-size: 20px; color: #767480; font-weight: normal;}
	.banner img.screen {box-shadow: rgba(134, 134, 134, 0.2) 0 0 50px 0px; border-radius: 8px; position: relative; z-index: 1;}

	.button{padding: 16px 50px 16px 50px;
		border-radius: 45px;
		font-size: 16px;		
		text-decoration: none;
		display: inline-block;
		box-shadow: rgba(134, 134, 134, 0.3) 0 0 30px 0px;
		transition: background 0.15s ease-in-out; margin-top: 40px;}
		.button:hover { text-decoration: none; color: #fff; background: #13672c;}
		.primary {background: #197E37;
			color: #fff;}

.aboutus {  padding: 8em 0 ;}
/* .aboutus h2, .industies h2 { font-size: 35px;} */
.aboutus h4 { font-size: 25px; line-height:35px; margin-bottom: 1.5rem;}
.aboutus p { font-size: 18px; color: #162D4D; font-weight: 300;}
.aboutus .about_product { font-weight: 500; background: none; margin: 0; align-items: center; border-radius: 8px; display: inline-flex;}
.aboutus .about_product img { max-width: 100%; width: 500px;}
.aboutus article { margin-top:3em;}
.aboutus h2 { margin-bottom: 1rem;}
.aboutus h2 strong, .industies h2 strong,.features h2 strong, .clients strong, .our_strenth h2 strong, .we_offer h2 strong { color: #197E37; }
.industies { background: #fff; padding: 4rem 0 ; text-align: center;}
.industies ul { padding: 0; display: flex;justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.industies ul li { width:24%; list-style-type: none; display: flex; flex-direction: column; font-size: 16px; font-weight: 500; align-items: center;  border-radius: 20px; background: #fff;box-shadow: rgba(134, 134, 134, 0.1) 0 0 30px 0px; padding: 1em 1em 2em 1em;}
.industies h2, .features h2, .clients strong { margin-bottom: 40px; font-weight: 700; font-size: 38px;}
.industies ul li img { width: 35%;}

.clients { background:#f6f9fc; padding: 4rem 0;}
.clients ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 2rem;}
.clients ul li { width:13%; list-style-type: none; padding: 0.2rem; display: flex; flex-direction: column; font-size: 16px; font-weight: 500; align-items: center;  border-radius: 20px;}
.clients ul li img { max-width: 100%;}
.reconcile {background: url('../images/rectangle-shape-w.png') center bottom no-repeat #fff; align-items: center;box-shadow: rgba(134, 134, 134, 0.2) 0 1px 2px 0px;
    border-radius: 20px;
    padding:6em 4em;
    /* box-shadow: 0 2px 50px #ddd; */
    margin-bottom: 4em;}
	.reconcile .left { text-align: left;}
	.whatwedo { background:#f6f9fc; padding:4rem 0 8rem 0;}
	.whatwedo img { max-width: 100%;}
	.whatwedo h2 { text-align:center; font-size: 38px; margin-bottom: 2rem; margin-top: 0; font-weight: 700;}
	.whatwedo h2 strong { color: #197E37; }
	.whatwedo h2 small { font-size:18px; margin-top:10px; display:block;}
	.whatwedo ul  { display: flex; padding: 0; flex-wrap:wrap; justify-content:space-between; margin-bottom:0;}
	.whatwedo ul li { background: url('../images/points.svg') 20px center no-repeat; list-style-type: none;display: flex; flex-direction: column; font-size: 20px; font-weight: 500; align-items: center; width:24%;  box-shadow: none; margin-bottom:1.5%; border-radius: 100px; }
	.whatwedo ul li i { height: 60px;}
	.whatwedo ul li img { width: 50px; opacity: 0.9;}
	.whatwedo .space-btwin { 
		font-size: 18px;
		display: flex;
		flex-direction: column;
		font-weight: 500;
		height: 266px;
		align-items: center;
		border-radius: 10px;
		background: #edfaf7; 
		/* box-shadow: rgba(134, 134, 134, 0.1) 0 5px 10px 0px; */
		padding: 1em 1.5em 2em 1.5em;}
		.whatwedo .space-btwin img { max-width: 50%;}
		.whatwedo .space-btwin h2 { margin-bottom: 0; font-size: 30px; font-weight: bold;}
		.benifit { padding: 0;}
		.benifit ul { display: flex; flex-wrap: wrap; margin-top: 2rem; border-radius: 4px; justify-content: space-between; padding: 0;}
		.benifit ul li {  padding:1.5rem 1rem; width:24%;  box-shadow: rgba(134, 134, 134, 0.2) 0 2px 5px 0px; margin-bottom:1.5%; border-radius: 5px; font-size: 15px; list-style-type: none;}
		.benifit ul li i { display: block; margin-bottom: 5px;}
		.benifit ul li img { width: 40px; margin-right: 5px;}
		.reconcile h2 { margin-bottom: 10px;}


.our_strenth, .we_offer { margin-top: 4rem; box-shadow: 0 0 20px rgba(134, 134, 134, 0.1); padding: 2rem; border-radius: 1rem;}
.our_strenth h2, .we_offer h2 { font-size: 32px;}
.our_strenth ul, .we_offer ul  { display: flex; padding: 0; gap: 20px; margin-top: 1rem; flex-wrap: wrap;}
.our_strenth ul li, .we_offer ul li  { background: url('../images/point-1.svg') left center no-repeat; font-weight: 500; background-size: 20px 20px; padding: 0 0 0 1.5rem; font-size: 18px; list-style-type: none;}


.other_content { padding: 3rem 0 ; margin-top: -5rem; background: url(../images/rectangle-shape.png) center bottom no-repeat #197E37; border-radius: 20px;}
.other_content h2{ font-weight: 700; margin-bottom: 1.5rem; }
.other_content h2 strong { color: #fff; }
.other_content p { font-size: 25px; color: #fff; margin-bottom: 0;}


.features { padding: 5em 0 3rem 0;}
.features ul { padding: 0; display: flex; justify-content:space-between; flex-wrap: wrap;}
.features ul li { width: 32%; margin: 0.6% 0; list-style-type: none; flex-direction: column; font-size: 16px; font-weight: 500;;   border-radius: 8px; background: #fff;box-shadow: rgba(134, 134, 134, 0.1) 0 5px 15px 0px; padding: 1em ;}
.features ul li i { margin-right: 1em; background: #e5effa; display: inline-block; text-align: center; border-radius: 8px; padding:10px;}
.support { font-size: 28px; margin-top: 6em; background: url('../images/rectangle-shape.png') center bottom no-repeat #197E37; font-weight: normal; color: #fff;  text-align: center; padding: 2em; border-radius: 20px;}
.support span { padding: 0 0.5em; display: flex; flex-direction: inherit; align-items: center;}
.support span img { margin-right: 0.5em;}
.support .contact { display: flex; align-items: center;}
.support .form-wraper { background: #fff; padding: 2em; margin-top: -200px; border-radius: 15px; color: #000; text-align: left;box-shadow: rgba(134, 134, 134, 0.3) 0 0 30px 0px;}

.support button {border:none;}
.support button:focus {border:none; outline:none;}
.support form h2 { font-size: 25px; padding-bottom: 15px;}
.support form label { font-size: 14px;}
.support form label.error { font-size: 11px; font-weight: normal; color: #ff0000; letter-spacing: 0.3px; margin: 2px 0 0 0; display: block;}
.support form .form-control { height: 50px; outline: none; border-radius:6px; padding: 1em; border: none; border: solid 1px #d7dde4;}
.support form .form-control:focus { outline: none; box-shadow: none; border-color: #0aba9f;}
.shape-wrap { overflow: hidden;}
footer { background: #f4f9ff; padding: 1em 0; margin-top: 5em; font-size: 13px; letter-spacing: 0.5px;}
footer a {color: #197E37;}
.form-group { margin-bottom:0.7rem; }
/* .hero-shape {position: absolute;
    left: auto;
    top: -65%;
    right: -45%;
    bottom: auto;
    width: 100%;
    height: 100%;
    border-radius: 94px;
    background-color: #eff5fc;
    -webkit-transform: rotate(-23deg);
    -ms-transform: rotate(-23deg);
	transform: rotate(-23deg);} */
	
	.shape {
		position: absolute;
		filter: blur(40px);
		mix-blend-mode: multiply;
		opacity: 0.4;
		animation: random 7s infinite;
		z-index: 1;
	  }
	  
	  .purple {
		width: 400px;
		height: 400px;
		top: 0px;
		left: 0px;
		background: #6cd8c7;
		border-radius: 200px;
	  }
	  
	  .purple-hero {
		width: 500px;
		height: 500px;
		top: 0px;
		left: 0px;
		background: #6cd8c7;
		border-radius: 250px;
	  }
	  
	  .orange {
		width: 320px;
		height: 320px;
		bottom: 0px;
		right: 80px;
		background: #FF8A00;
		border-radius: 160px;
		animation-direction: reverse;
	  }
	  
	  .orange-hero {
		width: 320px;
		height: 320px;
		bottom: -40px;
		right: -70px;
		background: #FF8A00;
		border-radius: 160px;
		animation-direction: reverse;
	  }
	  
	  .pink {
		width: 440px;
		height: 440px;
		top: 0px;
		left: 0px;
		background: #FF9292;
		border-radius: 220px;
		z-index: -2;
	  }
	  
	  .blue {
		width: 320px;
		height: 320px;
		top: 0px;
		left: 0px;
		background: #00C1FF;
		border-radius: 160px;
	  }
	  
	  .blue-hero {
		width: 320px;
		height: 320px;
		top: 0px;
		right: -40px;
		background: #00C1FF;
		border-radius: 160px;
		animation-delay: 3s;
	  }
	  
	  .red {
		width: 360px;
		height: 360px;
		bottom: 0px;
		right: 100px;
		background: #EB5757;
		border-radius: 180px;
	  }
	  
	  .red-hero {
		width: 320px;
		height: 320px;
		bottom: 0px;
		left: 0px;
		background: #EB5757;
		border-radius: 160px;
		z-index: -4;
		animation-direction: reverse;
	  }
	  
	  
	  @keyframes random {
		0% {
		  transform: translate(0px, 0px) scale(1);
		  animation-timing-function: ease-in;
		}
	  
		33% {
		  transform: translate(30px, -50px) scale(1.1);
		  animation-timing-function: ease-in;
		}
	  
		66% {
		  transform: translate(-20px, 20px) scale(0.9);
		  animation-timing-function: ease-in;
		}
	  
		100% {
		  transform: translate(0px, 0px) scale(1);
		}
	  }
	  .about_us { padding: 5rem 0;}
	  .about_us p { font-size: 16px;}
	  .banner.inner_bnr { padding: 2rem 0;}
	  .about_us img { max-width: 70%;}
	  .about_us h2 { font-size: 25px; padding-bottom:0.5rem;}
	  
	  @media screen and (min-width: 1025px) and (max-width: 1280px) {
		.industies ul { flex-wrap: wrap;}
		
		.orange-hero, .blue-hero { right: 0;}
		
		@keyframes random {
			0% {
			  transform: translate(0px, 0px) scale(1);
			  animation-timing-function: ease-in;
			}
		  
			33% {
			  transform: translate(30px, 0px) scale(1.1);
			  animation-timing-function: ease-in;
			}
		  
			66% {
			  transform: translate(0, 20px) scale(0.9);
			  animation-timing-function: ease-in;
			}
		  
			100% {
			  transform: translate(0px, 0px) scale(1);
			}
		  }
	  }

	  .thanks, .frm_error { text-align: center;}
	  .thanks h2, .frm_error h2 { color: #0aba9f; font-size: 30px;}
	  .thanks p, .frm_error p { color: #333; font-size: 14px;}
	  .frm_error h2  { color: #ff0000;}
	  .frm_error p { color: #f91212;}

	  @media only screen and (max-width: 992px) {
		.whatwedo ul { justify-content: center;}
		.whatwedo ul li  {width: 45%;}
		.banner article h1 { font-size: 45px; line-height: 55px;}
		.banner article h1 strong { font-size: 60px;}
	   }

	  @media only screen and (max-width: 767px) {
		 .m-d-non { display: none;}
		.shape { display: none;}
		header img { width: 140px;}
		.banner.inner_bnr { padding: 1rem 0;}
		.banner.inner_bnr h1 { font-size: 25px; }
		header .right a.btn { padding: 0.5rem 1rem; font-size: 12px;}
		.banner, .aboutus   { padding: 1.5em 1em;} 
		.banner .button { margin-top:0;}
		.banner img.screen { margin-top: 20px;}
		.banner article h1 { font-size: 30px; line-height:40px; margin-bottom: 10px;}
		.banner article h1 strong { font-size:40px; display: block;}
		.banner article h1 br { display: none;}
		.banner article p { font-size: 16px;}
		.banner article p br { display: none;}
		.aboutus article { margin-top: 0;}
		.aboutus .about_product { display: none;}
		.aboutus h2, .industies h2,.features h2, .whatwedo h2 { font-size: 22px; margin-bottom: 15px; line-height: normal;}
		
		.aboutus h4 { font-size: 15px; line-height: normal;}
		.reconcile {padding: 1.7em 1em; margin: 0 0 30px 0 !important;}
		.reconcile p, .aboutus p { font-size: 14px;}
		.industies  { padding: 1.5em 0;}
		.industies ul { flex-wrap: wrap; margin-bottom: 0;}
		.industies ul li { width: 48%; font-size: 16px;}
		.other_content { margin-top: 1rem; padding: 1.5rem;}
		.other_content p { font-size: 16px;}
		.whatwedo ul li { width: 50%; font-size: 13px; background-size: 18px 18px; align-items: flex-start; background-position: 0; padding-left: 1.3rem;}

		.whatwedo .benifit ul { margin-top: 0;}
		.whatwedo .benifit { padding: 1.5rem 1rem;}
		.whatwedo { padding:1rem 0}
		.whatwedo .benifit ul li { width: 100%;}
		.benifit ul li { width: 48%;}
		.features { padding: 1.5em 0;}
		.features h2 br { display: none;}
		.features ul li { width: 100%; margin: 1%;}
		.support { padding: 1em; margin-top:0; font-size: 20px;}
		.support .form-wraper{ margin: 0; padding: 1.5em;}
		.support .contact { display: block;}
		.support form .form-control { height: 45px;}
		.about_us { padding: 2rem 0;}
		.about_us h2 { font-size: 22px;}
		.about_us p { font-size: 14px;}
	  }