@charset "utf-8";
/* CSS Document */
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { font-weight: normal; font-style: normal; font-size: 16px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
* { outline:none !important; }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom:1}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
.btn { outline: 0px; }
.lists { list-style: none; margin: 0px; padding: 0px;}
.mainpage{ position:relative;}
a, button{ transition:all 0.5s ease-in-out;}
.d-hide{ display:none !important;}
/* Header */ 
header{ width:100%; position:absolute; z-index:999; top:0;}
header .navbar-expand-md .navbar-nav{ padding:0px;    float: right;}
header .navbar-expand-md .navbar-nav .nav-link { color: #fff; font-weight: 600; font-size: 14px; position: relative; padding: 15px 0; margin: 0 9px;text-align: center;width: 110%;}
header .navbar-expand-md .navbar-nav>li:last-child .nav-link{ margin-right:0px;}
.navbar-nav>li {
    float: left;
    padding: 0 10px;
}
.navbar-brand { 
    height: auto !important;
}

header .navbar-expand-md .navbar-nav .nav-link.active, header .navbar-expand-md .navbar-nav .nav-item:hover .nav-link{ color:#A0C642;}
header .navbar-expand-md .navbar-nav .nav-link.active:after{ position:absolute; left:0; right:0; bottom:0; width:100%; height:3px; content:''; background:#A0C642;} 
header .navbar-expand-md .navbar-collapse{  }
/*header .navbar-expand-md .navbar-collapse{ margin-left:30%;}*/
/* Heroarea */
.Heroarea{ width:100%; position:relative; text-align:center;}
.Heroarea .container{ padding:250px 0;}
.Heroarea h1{ color:#fff; font-size:55px; font-weight:800; line-height:75px; margin-bottom:35px;}
.Heroarea p a{ border-radius:3px; display:inline-block; padding:22px 40px; color:#fff; font-weight:700; font-size:20px; background:#A0C642;}
.Heroarea p a:hover{ background:#999;}
.Heroarea  .slick-dots {
    bottom: 20px;
}
header.sticky { position: fixed; top: 0; width: 100%; z-index:999; background:#4a4849;-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);  box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);}
.navbar {
     margin-bottom: 0 !important; 
}
#scroll {  position: fixed;	right: 30px; bottom: 20px; cursor: pointer; width: 40px; height: 40px; background-color: #A0C642; display: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 999; }
#scroll span { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -14px; height: 0; width: 0; border: 9px solid transparent; border-bottom-color: #ffffff;}
#scroll:hover { background-color: #111; opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}



/* About Us */
.aboutwrap{ width:100%; padding:80px 0 0; position:relative;}
.aboutwrap h2{ font-size:22px; font-weight:600; color:#A0C642; margin-bottom:10px;}
.aboutwrap h3 { font-size:45px; color:#000; font-weight:800; line-height:55px; margin-bottom:10px;}
.aboutwrap h3 span{ color:#A0C642;} 
.aboutwrap h4{ font-size:20px; color:#111; font-weight:600; margin-bottom:15px; line-height:32px;} 
.aboutwrap p{ font-size:16px; color:#222; line-height:28px; margin-bottom:15px;} 
.aboutwrap li{font-size:15px; color:#222; line-height:22px; background:url(../images/arrow-right.png) left 12px no-repeat; padding:8px 0 8px 25px; font-weight:500;} 
 
 
/* Services */ 
.servicewrap{ width:100%; padding:60px 0 80px;}
.servicewrap h3{ color:#A0C642; font-weight:700; font-size:26px; text-align:center; margin-bottom:35px;}
.servicebx{ padding:25px 15px 10px; border-radius:10px; box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 20px 0px; text-align:center; margin-bottom:30px; min-height:390px;}
.servicebx h2 { margin-bottom:12px;}
.servicebx h2 a {
    font-size: 17px;
    font-weight: 700;
    color: #111;
    line-height: 20px !important;
}

.servicebx1 p a.btn.btn-alt {
    border-radius: 20px;
    background-color: #A0C642!important;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    height: 33px;
    line-height: 32px;
    padding: 0 60px 0 15px;
	position:relative;
}
.servicebx1 p a.btn.btn-alt:after{
    background-color: #6a9e32;
    background-image: url(../images/button-arrow-right-white.svg);
    border-radius: 0 20px 20px 0;
    transition: all 0.25s linear;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    height: 32px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}
.servicebx1 p a:hover.btn.btn-alt{ background:#6a9e32 !important;}

.servicebx img{ margin:0 0 22px; width:auto; height:120px;}
.servicebx p{ font-size:15px; color:#6F6F6F; line-height:24px; margin-bottom:10px; text-align:justify;}
.servicebx p a.btn.btn-alt {
    border-radius: 20px;
    background-color: #A0C642!important;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    height: 33px;
    line-height: 32px;
    padding: 0 60px 0 15px;
	position:relative;
}
.servicebx p a.btn.btn-alt:after{
    background-color: #6a9e32;
    background-image: url(../images/button-arrow-right-white.svg);
    border-radius: 0 20px 20px 0;
    transition: all 0.25s linear;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    height: 32px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}
.servicebx p a:hover.btn.btn-alt{ background:#6a9e32 !important;}

.servicewrap.servicepage .servicebx{ text-align:left;}
.servicewrap.servicepage .servicebx h2{ font-size:30px;}
.servicewrap.servicepage .servicebx p{ font-size:22px; line-height:38px;}
.servicewrap.servicepage .servicebx img{ height:125px;}

/* CALL US */
.callWrap{ width:100%; background:url(../images/callbg.png) center top no-repeat; padding:40px 0 0;}
.callWrap h2{ font-size:50px; color:#fff; font-weight:800; margin:20px 0 15px; line-height:55px;}
.callWrap h3{ font-size:30px; color:#fff; font-weight:700; margin:15px 0 25px;} 
.callWrap p{ font-size:18px; color:#fff; line-height:28px; margin-bottom:25px;} 
.callWrap p a{ background:#4a4849; padding:12px 25px; display:inline-block; color:#fff; font-size:18px; font-weight:700; border-radius:3px; display:inline-block;}
.callWrap .callCount{ background:#fff; box-shadow: -1px 21px 25px 0px rgb(0 0 0 / 12%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;  margin-bottom: -70px; padding: 20px 0px 20px 0px; z-index: 1; border-radius:8px;}
.callCount li{ float:left; width:33.33%; padding:0 20px;}
.callCount li h4{ font-size:40px; font-weight:700; color:#A0C642; line-height:40px;}
.callCount li div{ line-height:22px; margin-top:8px; font-size:18px; color:#000000; font-weight:600;}
.address-item.vertical {display: block; text-align: center;margin-bottom:15px;}
.address-item .address-icon { display: inline-block; position: relative;  background: #fff; height: 70px; width: 70px; line-height: 70px; border-radius: 100%; text-align: center;}
.address-item .address-icon i { text-align: center; color: #fff; border-radius: 100%; font-size: 30px; position: relative; line-height: 70px; z-index: 9;   width: 100%; vertical-align: middle; margin-left: 0; height: auto; font-size: 25px !important; color: #A0C642 !important;}
.address-item .address-icon:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%)translateY(-50%); display: block; width: 70px; height: 70px; background: #0b70e1; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; opacity: 0; visibility: hidden;}

/* See how we have helped other clients */
.clients{ width:100%; padding:110px 0 80px; position:relative;}
.clients h2{ color:#222; font-weight:800; font-size:35px; text-align:center; margin-bottom:45px;} 
.clientBox{ text-align:center; background:#F5F4F4; width:100%; position:relative; padding:10px; margin-bottom:25px; min-height:260px;} 
.clientBox h3{ margin-bottom:5px;}
.clientBox h3 a{ font-size:18px; font-weight:600; color:#222;}
.clientBox p{ font-size:15px; line-height:22px; color:#666; margin-bottom:10px; text-align:justify;}
.clientBox p a, .servicBx p a{ font-weight:600; font-size:16px; text-transform:uppercase; color:#000; transition: all 0.25s linear;}


.clientBox p a span, .servicBx p a span {
    transition: all 0.4s linear;
    background-image: url(../images/button-arrow-right-green.svg);
    background-position: top 50% right 10px;background-repeat: no-repeat;
	    position: relative;
    color: #84c340;
    padding: 0 36px 0 0;
}

.btn.btn-link:before { content: none }
.clientBox p a:focus span, .servicBx p a:focus, .clientBox p a:hover span, .servicBx p a:hover span { background-position: top 50% right 0 }
 


#LetTalk.modal .modal-header{ text-align:left; display:block;}

/*  Free Consultation */
.FreeConsultation{ width:100%; background:url(../images/testimonial-bg.png) center top no-repeat; position:relative; z-index:9; padding:40px 0 20px; background-size:cover;}
.FreeConsultation h2{ color:#fff; font-weight:700; font-size:35px; text-align:center; margin-bottom:35px;}
.FreeConsultation h3{ color:#333; font-weight:700; font-size:25px; margin-bottom:15px;}
.ConsultationIndent{ width:100%; position:relative; background:#F2F5FF;}
.ConsultationLeft{ float:left; width:50%;}
.ConsultationLeft img{ border-radius:10px 0 0 10px;}
.ConsultationRight{ float:left; width:50%; padding:30px;}
.FreeConsultation .form-control{ font-size:15px; border-radius:3px; border:0px; box-shadow:none; height:48px;}
.FreeConsultation select.form-control:not([size]):not([multiple]){ height:48px;}
.FreeConsultation .form-control.message{ height:140px;}
.FreeConsultation .sub-btn{ font-size:16px; font-weight:700; background:#A0C642; border-radius:3px; display:inline-block; cursor:pointer; color:#fff; border:0px; padding:17px 35px; text-transform:uppercase;}
.FreeConsultation .sub-btn:hover{ background:#333;}

/* Testimonial */
.testimonialWrap{ width:100%; padding:70px 0 100px; position:relative; background:url(../images/dots.png) right 20px no-repeat; background-size:160px;}
.testimonialWrap h2{ color:#A0C642; font-weight:700; font-size:26px; text-align:center; margin-bottom:35px;}
.testimonialWrap .slick-track{ padding:50px 0;}
.testimonialWrap .slick-track .slick-slide{ margin:0 25px;}
.testIndent { position:relative; padding:95px 25px 25px; border-radius:10px; text-align:center; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.testIndent:before{ position:absolute; left:30px; top:30px; width:46px; height:38px; background:url(../images/quote-icon.svg) left top no-repeat; content:'';}
.testIndent h4{ font-size:18px; color:#A0C642; font-weight:700; margin-bottom:10px;}
.testIndent h5 {
    font-size: 15px;
    color: #ADADAD;
    font-weight: 500;
    margin-bottom: 15px;
}
.testIndent p{ font-size:17px; color:#AAABB3; line-height:28px;}
.testIndent .testBx{ position:absolute; left:0; right:0; top:-45px; width:115px; margin:0 auto;}



.testimonialWrap .slick-prev.slick-arrow{ width:34px; height:24px; position:absolute; top:auto; bottom:-30px; background:url(../images/left-arrow.png) left top no-repeat; background-size:100%; color: transparent; cursor:pointer; left:45%;}
.testimonialWrap .slick-next.slick-arrow{ width:34px; height:24px; position:absolute; top:auto; bottom:-30px; background:url(../images/right-arrow.png) left top no-repeat; background-size:100%; color: transparent; cursor:pointer; right:45%;}

.testimonialWrap .slick-slide img {
    display: block;
    border-radius: 50%;
}
@media (min-width: 768px){
.navbar-expand-md .navbar-collapse {
    display: inline-block !important;
    display: -ms-flexbox!important;
    display: inline-block !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
}
 
.FixedWhatsApp {
    height: 64px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: fixed;
    outline: transparent;
    background-color: rgb(255, 255, 255);
    width: 64px;
	bottom:80px;
	z-index:9999;
	right:15px;
}
.NotificationBadge {
    width: 10px;
    height: 10px;
    background-color: rgb(255, 0, 0);
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    right: 4px;
    top: 4px;
}


/* Footer css */
footer{ background:#4a4849; padding:50px 0 20px; width:100%; position:relative;}
footer p{ font-size:14px; color:#FFFFFF; line-height:26px; padding:0 0 20px;}
footer h2{ font-size:18px; color:#A0C642; margin-bottom:10px; font-weight:700; padding-left:50px;}
footer li{ width:100%; padding-left:50px;}
footer li a{ color:#fff; display:inline-block; padding:10px 0; font-size: 14px}
footer li a:hover{ color:#A0C642;}
.socialwrap{ text-align:left;}
.socialwrap a{ text-align:center; width:35px; height:35px; border-radius:50%; font-size:18px; color:#fff; margin:0 5px; display:inline-block; background:#A0C642; line-height:35px;}
.socialwrap a:hover{ background:rgb(255 255 255 / 50%);}
.copyright{ width:100%; padding:60px 0 12px; text-align:center; font-size:14px; color:#fff;}

/*================== INNER PAGE START CSS =================*/
.inner-banner{ width:100%; position:relative; padding:150px 0 170px;}
.inner-banner img{ position:relative; z-index:99; height:80px; width:auto;} 
.inner-banner h1{ color:#fff; font-weight:800; font-size:45px; margin:30px 0 0; position:relative; z-index:99; line-height:52px;}
.inner-banner:before{ position:absolute; left:0; right:0; top:0; bottom:0; background:rgb(0 0 0 / 70%); width:100%; height:100%; content:'';}


/* FAQs Page css */
.faqpage{ width:100%; padding:70px 0;}
.faqpage .flex-column{ width:27%; float:left;}
.faqpage .flex-column a.nav-link{ background:#F9F9F9; border:2px solid #F9F9F9; padding:15px 15px; font-size:15px; color:#474747; margin:3px 0;}
.faqpage .flex-column a.nav-link.active{ background:#fff; border-color:#A0C642; color:#A0C642;}
.faqpage .tab-content{ width:70%; float:right;}
.faqpage .card  { margin-bottom:10px; border:0px; box-shadow:none; border-radius:5px; border:1px solid #eee;}
.faqpage .card .card-header { border: 0; border-radius: 30px; padding: 0; box-shadow: none; background: none; }
.faqpage .card-header:first-child { border-radius: 30px; }
.faqpage .card .card-header .btn-header-link { color: #292938; display: block; text-align: left; color: #222; padding: 18px 20px; font-weight: 700; }
.faqpage .card .card-header .btn-header-link:after { content: ''; background: url(../images/down-arrow.svg) center top no-repeat; font-weight: 900; float: right; width: 22px; height: 12px; transform: rotate(-180deg); background-size: 100%; }
.faqpage .card .card-header .btn-header-link.collapsed { color: #292938; font-weight: 700; }
.faqpage .card .card-header .btn-header-link.collapsed:after { content: ''; transform: rotate(0deg) }
.faqpage .card .collapsing { line-height: 30px; }
.faqpage .card .collapse { border: 0; }
.faqpage .card .collapse.show { line-height: 30px; color: #222; }
.faqpage .card-body { padding-top: 0px; font-size: 15px; line-height: 28px; }
/* Contact us page */
.contactpage{ padding:80px 0; width:100%; position:relative;}
.contactpage h2{ font-size:22px; color:#222; font-weight:700; margin-bottom:15px;}
.contactpage p{ font-size:16px; color:#333; line-height:26px; margin-bottom:15px;}
.contactpage p a{ color:#333;}
.contactpage p a:hover{ color:#333;}
.contactpage img{ margin-bottom:20px;}
.contbx{ margin-bottom:30px; padding:25px 20px 10px; border-radius:15px; box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 20px 0px;}
/* Blog Page */
.blogpage{ width:100%; padding:80px 0; position:relative; background:#F8F6F6;}
.blogpage h2{ margin-bottom:15px;}
.blogpage h2 a{ font-size:26px; color:#111; line-height:32px; font-weight:800;}
.blogpage h2 a:hover{ color:#A0C642;}
.blogpage h3{ text-align:center; font-size:40px; color:#111; line-height:32px; font-weight:800; margin-bottom:50px;}
.blogpage p{ font-size:16px; color:#9659659; line-height:28px; margin-bottom:15px; text-align:justify;}
.blogpage li{ display:inline-block; padding-right:25px; font-size:14px; color:#ccc;}
.blogpage li .fa{ margin-right:5px;}
.blog-post {
    padding: 15px 15px 5px;
    width: 100%;
    position: relative;
    background: #fff;
    height: 270px;
    overflow: hidden;
}
.blog-post img{ width:100%; height:auto;}
.blog-indent{ background:#fff; padding:15px 15px 20px; margin-bottom:35px; height:320px;}
.pagination{ text-align:center; display:block;}
.page-item:first-child .page-link, .page-item:last-child .page-link{ border-radius:50%;}
.pagination .page-link{ border-radius:50%; text-align:center; width:70px; height:70px; color:#fff; background:#323232; line-height:70px; padding:0px; font-size:22px; font-weight:700;}
.pagination .page-link.active, .pagination .page-link:hover{ background:#A0C642;}
.blogdetail{ width:100%; padding:20px 0 70px;}
.blogHeader{ width:100%; margin-bottom:30px; margin-top:-140px;}
.blogdetail h2 a{ font-size:26px; color:#111; line-height:32px; font-weight:800;}
.blogdetail p{ font-size:16px; color:#9659659; line-height:28px; margin-bottom:25px; text-align:justify;}
.blogdetail ul{ margin-bottom:20px;}
.blogdetail li{ display:inline-block; padding-right:25px; font-size:14px; color:#ccc;}
.blogdetail li .fa{ margin-right:5px;}

/* Our Team */
.servicepage{ width:100%; padding:70px 0; position:relative;}
.front h2{ font-size:18px; font-weight:700; margin:25px 0 10px; color:#fff;}
.front h3{ font-size:16px; font-weight:600; color:#fff; margin-bottom:12px;}
.front p{ font-size:16px; color:#fff; line-height:24px;}

.back h2{ font-size:18px; font-weight:700; margin:0 0 15px; color:#fff;}
.back h3{ font-size:16px; font-weight:600; color:#fff; margin:12px 0;}
.back p{ font-size:14px; color:#fff; line-height:22px;}
.back p a{ width:40px; height:40px; text-align:center; line-height:40px; font-size:18px; background:#323232; color:#fff; display:inline-block; margin:10px 3px 3px 0; border-radius:3px;}

.TeamView{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
			margin-bottom:30px;
}

.front,
.back{
  background: #323232;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
  border-radius: 5px;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;
	min-height: 350px;
	height: auto;
}

.back{
  background: #A0C642;
}

.front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    background-color:#4a4849;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 4px;
}
.TeamView:hover .front,
.TeamView:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

.TeamView .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.TeamView .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.TeamView:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.TeamView:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

 
.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #A0C642;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

 
/* Gallery page */
.galleryPage{ width:100%; padding:70px 0; position:relative;}
.galleryBx{ width:100%; overflow:hidden; margin-bottom:30px; position:relative;} 
.galleryBx a{ width:100%; position:absolute; height:100%; background:rgb(0 0 0 / 20%); left:0; right:0; top:0; bottom:0;}
.galleryBx:hover a{ background:rgb(0 0 0 / 40%);}
.loadmore{ width:100%; text-align:center; margin:50px 0 0;}
.loadmore a{ display:inline-block; border-radius:30px; background:#323232; color:#fff; padding:22px 40px; font-weight:400; font-size:20px; box-shadow: 0 4px 4px rgb(50 50 50 / 30%);}
.loadmore a:hover{ background:#A0C642;}
/* About Us */
.about-us-section{ width:100%; padding:70px 0; position:relative;}
.about-us-section h2{ font-size:26px; font-weight:700; margin-bottom:15px; color:}
.CounterAbout{ width:100%; padding:60px 0 90px;; background:#f0f5f9;} 
.number{ font-size:55px; font-weight:900; line-height:65px; margin-bottom:15px; text-align:left; width:100%; height:65px; display:block; position:relative; font-size:70px;}
.num-txt{ font-size:18px; line-height:26px; color:#333; font-weight:400; margin-top:10px;}
.vision-changebg{ position:relative; width:100%;}
.vision-wrapper { overflow: hidden; width:50%; float:left; height:500px; position: relative; border-right: 1px solid rgba(255,255,255,0.2); z-index: 99 }
.vision-content { overflow: hidden; position: absolute; left: 0; bottom: -50px; width: 100%; padding: 25px; transition: all 0.3s; z-index: 9 }
.vision-wrapper:hover:before{ background:rgb(0 0 0 / 55%); content:''; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; transition:all 0.5s ease-in-out;}
.vision-wrapper:hover .vision-content { bottom: 10px }
.vision-content p { visibility: hidden; opacity: 0; transition: all 0.3s ease 0.1s }
.vision-wrapper:hover .vision-content p, .vision-wrapper:hover .vision-content a { visibility: visible; opacity: 1 }
 
/* Service Page */
.servicepage { width:100%; padding:50px 0 80px;}
.servicepage .nav-tabs .nav-item{ margin:0px;}
.servicepage .nav-tabs .nav-link { font-size:20px; color:#111; padding:22px 0; border:0px; font-weight:600; position:relative; margin-right:45px;}
.servicepage .nav-tabs .nav-item.show .nav-link, .servicepage .nav-tabs .nav-link.active { color:#A0C642;}
.servicepage .nav-tabs i{ display:none;}
.servicepage .nav-tabs .nav-link.active i{ display:block; width:100%; left:0; right:0; bottom:0; height:3px; background:#A0C642; position:absolute;}
.servicepage .nav>li>a:focus, .nav>li>a:hover{ background:none; color:#A0C642;}
.servicepage .tab-content{ padding:20px 0 0;}
.TeamView .front h2{ margin-bottom:20px; font-size:26px; color:#A0C642; font-weight:700;}
.servicBx{ padding:10px; width:100%; margin-bottom:30px; border:1px solid #ccc; min-height:480px;}

.servic-post{width: 100%;
    position: relative;
    background: #fff;
    height: 220px;
    overflow: hidden;
}
.servic-post img{ width:100%; height:auto;}
.TeamView:hover .back h3{ color:#A0C642;}

.servicBx h3{ margin:10px 0 10px;}
.servicBx h3 a{ font-size:18px; line-height:26px; color:#222; font-weight:700;display:inline-block;}
.servicBx p{ font-size:15px; color:#666; line-height:22px; margin-bottom:15px; text-align:justify;}
.servicBx p a{ color:#A0C642;}

.ServiceDetail{ width:100%; padding:70px 0;}
.ServiceDetail h2{ font-size:30px; font-weight:700; margin-bottom:15px; color:#111;}
.ServiceDetail h3{ font-size:26px; font-weight:700; margin-bottom:15px; color:#333;}
.ServiceDetail p{ font-size:17px; font-weight:400; color:#666; line-height:26px; padding:0 0 25px; text-align:justify;}
.ServiceDetail img{ margin-bottom:30px;}
.ServiceDetail ul{ margin-left:25px;}
.ServiceDetail li{font-size:17px; font-weight:400; color:#666; line-height:26px; padding:0 0 15px; list-style:circle;}

.loginwrap{ width:100%; padding:70px 0; overflow:hidden;}
.loginwrap .form-control{ border-radius:0px; height:52px; box-shadow:none; font-size:16px;}

.loginwrap .login-btn{ font-size:16px; font-weight:700; background:#A0C642; border-radius:3px; display:inline-block; cursor:pointer; color:#fff; border:0px; padding:12px 35px; text-transform:uppercase;}
.loginwrap .login-btn:hover{ background:#333;}


.loginwrap .signup-btn{ font-size:16px; font-weight:700; background:#333; border-radius:3px; display:inline-block; cursor:pointer; color:#fff; border:0px; padding:17px 35px; text-transform:uppercase;}
.loginwrap .signup-btn:hover{ background:#A0C642;}