@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
a{text-decoration:none!important;}
li{list-style-type: none!important;}
.lightbox{position:fixed!important;top:50px!important;} 
 html{scroll-behavior: smooth;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.pad{padding:90px 0;}
.wrdbrk{white-space:pre;}
.fullpad{padding: 0!important; margin:0!important;}
.arial {font-family: Arial, sans-serif;font-weight: 600;}
.helvetica {font-family: helvetica, sans-serif;}
.navbg{background-color:#141853;}
.top-bar {background-color:#38A639;}
.foot-copyright{background-color:#036a00;}
.head-font{font-size:33px;}
.logo{width:130px;}
.clr1{color:#3ab54b!important;}
.countclr1{color:#036a00!important;}
.bg-green{background-color:#036a00!important;}
.txt-danger{color:#d72005;}
.about-us {position: relative;padding:80px 0 0px;}
.navbar-light .navbar-nav .active > .nav-link {color:#3ab54b!important;text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link {color:#fff!important;text-transform: uppercase;font-size: 14px;}
.about-us::before {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: .80;
	transform: scaleX(-1);}
.about-us .content {position: relative;margin-bottom: 50px;}
.about-us .content .inner {position: relative;}
.about-us .sec-title {margin-bottom: 20px;}
.sec-title {position: relative;margin-bottom: 60px;}
.sec-title .h2 {
	position: relative;
	display: inline-block;
	font-size:55px;
	color: #036a00;
	line-height: 1em;
	font-weight:800;
	color: transparent;
	cursor: default;
	-webkit-text-stroke: 1px #036a00;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.sec-title .h2::before, .sec-title .h2::after {
	position: absolute;
	left: 100%;
	bottom: 20%;
	height: 2px;
	width: 50px;
	background-color:#db2a1b;
	content: "";
	margin-left: 15px;}
.sec-title .h2:hover {color: #036a00;-webkit-text-stroke: 1px transparent;}
.about-us .about-years {
	position: relative;
	margin-bottom: 30px;
	padding: 10px 30px;
	background-color: #ffffff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.10);}
.about-us .about-years::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-left: 3px solid#db2a1b;
	content: "";}
.about-us .about-years .years {
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 700;
	margin-right: 10px;
	color:#db2a1b;}
.about-us .about-years .h3 {
	position: relative;
	display: inline-block;
	font-size: 22px;
	line-height: 1.2em;
	color: #036a00;}
.contact-form input, .contact-form textarea {
	border: 1px solid #E3E4E6;
	font-size: 16px;
	width: 100% !important;
	padding: 10px 20px;
	border-radius: 10px;
	background: #E3E4E63B;}
.text {
	display: flex;
	-moz-box-pack: center;
	justify-content: center;
	padding: 2px 9px;
	color: rgb(255, 255, 255);
	position: relative;
	-moz-box-align: center;
	align-items: center;
	background: rgb(255, 253, 253);
	overflow: hidden;
	border-radius: 11px;}
.text::before {
	content: "";
	position: absolute;
	width: 210px;
	background:green;
	inset: 2px;
	animation: 6s linear infinite animate;}
.text::after {content: "";position: absolute;background: rgb(255, 255, 255);inset: 2px;}
.des-text{position: relative;z-index: 1;}
  @keyframes animate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}}
.text {cursor: pointer;}
footer{background:#0D130D}
.borders-start {border-left: 1px solid;}
.opacity9 {opacity: .9;}
.footer-logo img{max-width: 186px;width: 100%;display: inline-block;}
.fs-2 {font-size: 2rem !important;}
.border-color-light-white {border-color: rgba(255,255,255,0.55) !important;}
.footer-list-style {margin: 0; padding: 0;}
.footer-list-style li {
	position: relative;
	list-style-type: none;
	color: #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px dotted rgba(102,102,102,0.3);}
.footer-list-style li a {color: #ffffff;display: block;}
.footer-list-style li a::after {
	content: '\F285';
	font-weight: 700;
	font-family:Bootstrap-icons;
	color: #ffffff;
	position: absolute;
	right: 0;
	vertical-align: middle;}
.footer-list-style li a:hover {color: #0f0;}
.footer-list-style li a:hover::after {color: #0f0;}
.icon-wrap {
	background-color:#017d01e3;
	background-repeat: no-repeat;
	background-size: cover;
	width: 110px;
	height: 96px;
	display: block;
	-webkit-mask-image: url(../images/bg-icon-box.svg);
	mask-image: url(../images/bg-icon-box.svg);
	margin: 0 auto;}
.count-icn{font-size: 40px;line-height: 96px;color:#02ff02 !important;}
.section-title {padding: 0 60px;margin-bottom: 30px;text-align: center;}
.section-title span {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	text-transform: capitalize;
	color: #ef682f;
	margin: 0;
	padding: 20px 0 5px;}
.section-title .divider {margin-bottom: 15px;}
.count-sec{
	background-color:#f2f2f8;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;}
.parallax{
	padding-top:8% !important;
	padding-bottom: 8% !important;
	background-image: url("../images/parallax-high.webp") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-attachment: fixed;
	position: relative;}
.parallax::before {
	/* background: #000 none repeat scroll 0 0; */
	box-shadow: 0px 0px 60px 0px rgba(15, 22, 34, 0.99);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;}
#counter li{margin-top:35px !important;}
.counttext {color:#036a00;font-size: 45px;font-weight: 700;}
.bannerhead {color:#036a00;font-size: 45px;font-weight: 700;text-transform: uppercase;line-height: 1.3em;}
.category-item{position: relative;overflow: hidden;box-shadow: 0px 0px 60px 0px rgba(15, 22, 34, 0.15);}
.category-inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 15px;
	text-align: left;
	z-index: 2;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	background: #0000001a !important;}
.category-content{
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 20px;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  background: #ffffffe8;
  padding: 10px 20px;
  border-radius: 6px;}
.category-title{
  color: #3f3f3f;
  font-size: 18px;
  font-weight: 600;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;}
.category-item.category-inner::before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	background: linear-gradient(to bottom left, transparent 50%, rgba(0, 106, 208, 0.3) 50%);
	opacity: 0;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;} 
.category-item.category-inner::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	background: linear-gradient(to bottom left, rgba(0, 0, 0, 0.3) 50%, rgba(0, 106, 208, 0) 50%);
	opacity: 0;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;}
.category-item:hover .category-inner {-webkit-transition: all 0.35s;-o-transition: all 0.35s;transition: all 0.35s;background: #0000 !important;}
.vision{padding-left: 30px;padding-top: 10px;width: 100%;border-left: 1px solid #dddddd;}
.items{
	background-image: url("../images/parallax.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: auto;
	position: relative;}
.items::before {
	background:#6ca56f;
	content: "";
	height: 100%;
	left: 0;
	opacity:.9;
	position: absolute;
	top: 0;
	width: 100%;}
.unique-feature {position: relative;display: inline-block;margin-top: 35px;}
.unique-feature .content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.unique-feature .content i {color:#036a00;font-size:60px;margin-top:18px;margin-bottom: 20px;display: block;}
.unique-feature .content .h3 {
	margin: 0;
	color: #202020;
	font-size: 20px;
	font-weight: 700;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;}
.service-box{
  background:#fff;
  box-shadow: 0px 0px 60px 0px rgba(15, 22, 34, 0.15);
  padding: 60px 60px 54px;
  display: flex;
  position: relative;}
.mb-30 {margin-bottom: 30px;}
.service-box::before {
	content: "";
	position: absolute;
	width: 2px;
	height: 0;
	top: 0;
	left: 0;
	text-align: center;
	background: #036a00;
	-webkit-transition: all 0.4s 0s ease-out;
	transition: all 0.4s 0s ease-out;}
.service-box:hover::before {height: 100%;}
.service-icon-box {margin-right: 30px;text-align: center;}
.service-icn{margin-bottom: 65px;}
.service-number span {
	font-size: 40px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #e3e3ec;
	font-weight: 700;
	transform: rotate(-90deg);
	display: inline-block;}
.s-title {margin-bottom: 18px;margin-top: -6px;display: inline-block;}
.hvr-btn:hover {color:#036a00;transition: all 0.5s 0s ease-out;}
.final-service {
	background-image: -webkit-linear-gradient(0deg, rgb(2, 151, 254) 0%, rgb(47, 93, 236) 31%, rgb(82, 48, 222) 60%, rgb(117, 2, 208) 100%);
	padding: 62px 70px 42px;}
.s-relative{position: relative;z-index:1;}
.s-btn-border {
	background: transparent;
	color:#036a00;
	border: 1px solid  #00fe01;
	display: inline-block;
	padding: 14px 43px;
	transition: 0.3s;
	overflow: hidden;
	font-weight: 700;
	position: relative;
	z-index: 1;
	border-radius: 15px;}
.s-btn-border::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 0%;
	background: #00fe01;
	left: 0;
	top: 0;
	z-index: -1;
	transition: 0.5s;
	transform: scale(0);
	opacity: 0;
	border-radius: 15px;}
.s-btn-border:hover::before {transform: scale(1);opacity: 1;height: 100%;width: 100%;border-radius: 15px;}
.s-btn-border:hover {color:#000!important;border-radius: 15px;}
.service-thump {position: absolute;top: 0px;right: 0;z-index: -1;}
.card-wrapper {padding: 3rem 2rem;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;border-radius: 3rem; height: 300px; margin-bottom: 25px;text-align: center;}
.whyicon {display: block;font-size: 4rem !important;color: #f93a3d !important;margin-bottom: 1.5rem;}
.card-title {margin-bottom: .75rem;}
.card-title {margin-bottom: .75rem;color: #36187d;text-align: center;font-size: 1.7rem;line-height: 1.5;}
.team-block-single {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    background: #fff;
    border-radius: 15px;
    margin-bottom: 20px;}   
.crd-hght {height: 290px !important;}
.whytext {position: relative;padding: 0 0 0 25px;margin-top: -22px;}
.cnt-icons i {
	color: #fff;
	font-size: 25px;
	background:#036a00;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	display: block;}
.img-brd{border-radius: 15px;}
.w25 {width:25% !important;}
.block-img {position: relative; display: block; width: 100%;}
.team-block-single:hover .block-img::after {opacity: .5;}
.block-img:after{display: block;
    content: "";
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.35)),color-stop(75%,transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;}
.smallborder2{width:90px; height:2px; background-color: #f00; margin:0 auto;}
.smallborder1{width:90px; height:2px; background-color: #f00;}
.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;}
.newfontsize {font-size: 70px;}
.section-heading {
	background: linear-gradient(90deg,#196730,#439a0d);
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.service-to {width: 100%;background-color: #fff;padding: 25px 0;box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);border-radius:10px;}
.service-to{
	color: #036a00;
	font-size: 60px;
	margin-top: 18px;
	margin-bottom: 20px;
	display: block;}
.hover-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;}
.service-two-title {margin: 0;font-size:20px;font-weight: 700;width: 100%;margin-top:20px;}
.hover-shadow:active, .hover-shadow:focus, .hover-shadow:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.hover-shadow:hover::before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.w0{width:0%;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:50px;}
.priceicn2 {width: 120px;}
.point{bottom:10px; left:10px;}
.point1{bottom:70px; left:10px;}
.point2{bottom: 15px; right: 10px;}
.blink{
    -webkit-animation: blink 1s;
	animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}}
@-webkit-keyframes blink {
    0% {opacity: 1;}
    50% { opacity: 0;}
    100% {opacity: 1;}}


@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
.category-content {padding: 6px 8px;}
.category-inner {background: none!important;}
.newfontsize { font-size:42px;}
.crd-hght {height: 230px !important;}
.w25 {width: 45% !important;}
.category-title {font-size: 12px;}
}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.category-inner {background: none!important;}
.newfontsize { font-size: 50px;}
.crd-hght {height: 240px !important;}
.head-font {font-size: 40px;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
}

.time-of-year {
	margin: 100px 75px 10px 75px;
	position: relative;
	transform: translateZ(0);
	-webkit-transform: translateZ(0); }
.time-of-year .tooltip {
	background: #db2a1b;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 320px;
	height: 100px;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out;}
.time-of-year .tooltip::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #db2a1b;
	bottom: 58px;
	content: " ";
	position: absolute;
	left: 0%;
	margin-left: -13px;
	transform: rotate(92deg);}
.time-of-year:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);}