@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400;500;600;700;800&display=swap');
/* <!--======== ======== main style css ======= ========= --> */ 
body{font-size:17px; color: #292929;font-weight: 400;font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 {font-family:'Baloo Thambi 2', cursive;  font-style: normal;margin-bottom: 0;    line-height: 1.2;	font-weight:700;  transition: .5s;  color:#221d1d;  margin-bottom:10px;}
a {
    color: #5fae3f;
    text-decoration: none;
}

 a:hover {
	text-decoration:none!important;
	transition:.5s;
	color: #5fae3f;
}
p {
	color:#292929;
}
.padding_lf0 {
    padding-left: 0;
    padding-right: 0;
}
.text-left {
    text-align: left!important;
}
.fa, .far, .fas {
    font-style: inherit;
}
span{
	color:#5fae3f;
}

html,
body{
	overflow-x:hidden;
	margin:0;
	scroll-behavior:smooth;;
	
}

ul {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

/*======== top bar ========*/
.nav-top {line-height: 40px; position:relative; background:url(../Image/nav-top.jpg) no-repeat; background-size:100% 100%;}
.nav-top p{padding:5px 0; margin:0;}
.nav-top-left{position:relative;}
.nav-top-left p{color:#fff;}
.nav-top-rht{ text-align: right;}
.nav-top-rht a{background:#fff; border-radius:30px; padding:5px 20px; font-weight:600;}
.nav-top-center{padding:5px 0;}
.nav-top-center a{background: #99c940; color: #fff;width: 40px; height: 40px;  line-height: 40px;  display: inline-block;    text-align: center;  border-radius: 30px;  margin-right: 5px; color: #fff;  font-size: 17px;}
.nav-top-center a:hover { background: #013e59; color: #fff;}
.nav-top-rht p { color: #5fae3f;}
.menu-sec{padding: 20px 0;}
/*======== header ========*/
#header{position:relative;}
#header .head-lft{padding:20px 0;}
.head-lft img{margin:0 auto;}
/*======== banner ========*/

.bnr-sec .carousel-content {
    top: 20%;
    position: absolute;
    padding: 20px;
    width: 100%;
    left: 0;
    right: 0;
    color: #fff;
    margin: 0 auto;
}
.bnr-sec .title h1 {
    font-size: 70px; color:#fff;
    line-height: 80px;
    text-align: center;
    font-style: normal;
}
.bnr-sec .title h1 span {
    font-size: 60px;
    display: block;
    color: #5fae3f;
    font-weight: 900;
    margin-top: 10px;
}
.bnr-sec .carousel-content .title{text-align: center;  position: relative;  left: 0;  bottom: 0px;  padding: 100px 0;  width: 100%; opacity: 1; background: #333333cc; transition: .8s;  z-index: 9; clip-path: circle(60% at 50% 150%);}
/*======== banner-btm ========*/
.banner-btm {padding:50px 0;}
.banner-btm .bx-img {overflow: hidden;  position: relative;}
.banner-btm .bx-img:before { position: absolute;  content: "";  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #99c940c2;  transform: scale(0);  -webkit-transition: 1.1s all ease;  z-index: 9;}
.banner-btm .cont-bx:hover .bx-img:before { transform: scale(1);}
.banner-btm .bx-img img {  -webkit-transition: 1.3s all ease;  width: 100%;}
.banner-btm .cont-bx:hover .bx-img img{transform:scale(1.2);}
.banner-btm .bx-cont {border: 1px solid #ddd; top: -30px; padding: 0px 15px 0px 20px;  z-index: 9;  position: relative; border-top:0;}
.banner-btm .bx-cont h4{background: #fff; line-height:40px; text-align:center; margin: 0; padding: 10px 0;}
.banner-btm .bx-cont p{text-align:justify;}
.banner-btm .bx-cont p.text-right{text-align:right;}
.banner-btm .bx-cont p.text-right a{padding:5px 20px; background:#013e59; color:#fff; transition:.3s;}
.banner-btm .cont-bx:hover p.text-right a{background:#5fae3f;}
/*head-hm*/
.head-hm { text-transform: uppercase;  font-weight: bold; color: #013e59; font-size:40px; position: relative; padding-bottom:10px;text-align: center;margin-bottom: 40px;}
.head-hm span { color: #5fae3f;}
.head-hm:before{position:absolute; bottom:0; content:''; left:30px; right:0; margin:0 auto; height:5px; width:25px; background:#5fae3f;}
.head-hm:after{position:absolute; bottom:0; content:''; left:0; right:30px; margin:0 auto; height:5px; width:25px; background:#000;}
/*head-hm*/
/*======== about_section ========*/
.about-sec{ padding:40px 0px 90px;  position: relative;}
.about-sec .container {box-shadow: #ccc 10px 15px 20px; padding:35px 30px; position:relative;border: 1px solid #eee;}
.about-sec .abt-img{position:relative;}
.about-sec .container:before { content: ""; position: absolute; left: 0; top: 0px; height:100%; width: 100%; opacity: 1;   background: #013e59;  transition: .8s; z-index: 0; clip-path: circle(30% at 0 50%);}
.about-sec .abt-img img {border-radius:50%; margin:0 auto; box-shadow: #5fae3f -14px 9px 0px;-webkit-animation: bubble 5s linear infinite; animation: bubble 5s linear infinite;}
@keyframes bubble{
	0%{
		transform:translate(-15px, 0px)
	}
	50%{
		transform:translate(0px, 15px)
	}
	10%{
		transform:translate(-15px, 0px)
	}
	
}
.about-sec p{text-align:justify;}
/*======== about-sec ========*/

/*======== service_section ========*/
.services { padding: 50px 0; background: #f5f5f5;  background: url(../Image/services-bg.png); position:relative;}
.services:before{background: rgba(240,240,240,.3); content:''; position:absolute; height:100%; width:100%; left:0; top:0;}
.service-bx{ position: relative;  margin-bottom: 50px;}
.icon-bx{ display: flex; background: #fff; border-radius: 30px 0px 0px; transition: .6s;}
.icon{}
.service-bx:hover .icon-bx {background: #5fae3f; transition: .6s;}
.icon i{font-size: 25px; width: 66px; height: 66px;  line-height: 66px; background: #5fae3f; color: #fff; border-radius: 25px 0px 0px 0px; display: inline-block; text-align: center; transition: .7s;}
.service-bx:hover .icon i{ background: #013e59; transition: .6s;}
.icon-bx h3{margin-left: 50px; margin-top: 14px; font-size:25px;}
.service-bx:hover .icon-bx h3 a { color: #fff;}
.service-bx-img {position: relative;    overflow: hidden;}
.service-bx:hover .service-bx-img img {
    transform: scale(1.1);
    transition: .5s;
}
.service-bx .service-bx-img:before { content: ""; position: absolute; left: 0;top: 250px; height: 100%; width: 100%; opacity: 0; background: #013e59; transition: .8s;  z-index: 9; clip-path: circle(63% at 50% 95%);}
.service-bx:hover .service-bx-img:before { opacity: .75;  transition: .8s; top: 50px;}
.service-bx .service-bx-img img{transform: scale(1); transition: .5s;}
.service-bx .rd-btn{text-align: center; position: absolute; bottom: -54px; left: 0; right: 0; transition: .8s;}
.service-bx .rd-btn a{    padding: 7px 30px; border-radius: 5px;  background: #5fae3f; color: #fff;font-size: 15px; margin-left: 5px;    font-weight: 500; display: inline-block;  position: relative; border: 2px solid #5fae3f; overflow: hidden;  z-index: 999;}
.service-bx:hover .rd-btn { transition: .8s; bottom: 35px;}
.service-bx .rd-btn a:hover { background-color: #eee; color: #5fae3f; border-color: #eee;}


/*Contact Section*/
.contact{ padding: 80px 0;}
.contact .container{webkit-box-shadow: 0 0 30px rgb(214 215 216 / 60%);  -moz-box-shadow: 0 0 30px rgb(214 215 216 / 60%);    box-shadow: 0 0 30px rgb(214 215 216 / 60%); background:#fff;}
.contact .container h4{font-weight:900; font-size:30px; line-height:40px;margin-bottom: 20px;}
.contact .container h4 span{font-weight:300;}
.contact .cont-hm-rht h4 span{color: #000;}
.contact .head-hm{padding:50px 0 30px;}
.cont-hm-lft{background:#fff; padding:30px;}
.cont-hm-lft input.form-control{border: 1px solid #eee;box-shadow:none; margin-bottom:15px; border-radius: 30px; min-height: 40px;    padding: 0 20px;}
.cont-hm-lft textarea{border: 1px solid #eee;box-shadow:none; margin-bottom:15px; border-radius: 30px;padding-left:20px;}
.sub-btn-hm{cursor: pointer; color: #fff; background: #5fae3f; padding: 10px 30px; line-height: 26px; border: none; border-radius: 30px; font-size: 20px; transition:all .5s;}
.sub-btn-hm:hover{background: #013e59;}
.map-hm-lft ::placeholder{color:rgba(0,0,0,.5);}
.cont-hm-rht{ background:#5fae3f; padding:50px; color:#fff;}
.cont-hm-rht h4{ color:#fff;}
.cont-hm-rht p{margin-bottom:30px; color:#fff;}
.cont-hm-rht p i { margin-right: 30px; background: #fff; float: left; width: 50px; height: 50px; line-height: 50px;  font-size: 20px; text-align: center; color: #000; border-radius: 50%;}
/*Contact Section*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {border-top-left-radius:100px;
  background: #1b273d;
  padding:50px 0 0;
  color: #eee;
  font-size: 15px;
}

#footer .footer-top {
  padding: 10px 50px;
}


#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-info{padding: 0px 0;}
#footer .footer-add p, #footer .footer-email p, #footer .footer-phone p{padding-top:20px;}
#footer .footer-add, #footer .footer-email, #footer .footer-phone{ text-align:center;}
#footer .footer-top .footer-info p {font-size: 15px; line-height: 24px; font-family: 'Poppins', sans-serif;}
#footer .mb-2 .fa{margin-right:10px; font-size:20px;}
#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #eee;
  color: #000;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 30%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#footer .footer-top ul {  list-style: none;
    padding: 0;
    padding: 0;
    margin: 0;
}
#footer .footer-top ul i {
    padding-right: 8px;
    color: #eee;
    font-size: 12px;
    line-height: 1;
}
#footer .footer-top ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
}
#footer .footer-top ul a:hover {
    text-decoration: none;
    color: #fff;
}
#footer .footer-top ul a{
    color: #eee;
}
#footer .footer-top .social-links a:hover {
  background: #5fae3f;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 30px;
  font-weight: 600;
  color: #eee;
  position: relative;
  padding-bottom: 12px; border-bottom: 1px dashed rgba(190,187,220,.5);
}
#footer p{text-align:justify;color:#fff;}
#footer p a{color: #eee; font-weight: bold;}
#footer .footer-info1 h4{font-size:35px; color:#fff;}
#footer .footer-info1 h4 span{color:#5fae3f;}
#footer p .fa{width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #eee; float: left;    margin-right: 12px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding:0 15px;
  color: #b5d9e9;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  color: #a2cfe3;
}
.ft-link{list-style:none; text-align:right;}
.ft-link li{display:inline-block;padding: 5px; }
.ft-link li a{color:#eee; transition:.5s;}
.ft-link li a:hover{color:#fff;}
#footer .copyright {text-align: left; padding: 15px 0; background:#1b273d; border-top: 1px solid #333;}
#footer .credits{ text-align: right; font-size: 14px; color: #fff;}
.credits a{color:#eee; font-weight:bold;}
.top{ position: fixed;  right: 10px;  bottom: 30px;  text-align: center; color: #fff;  background: #150303; padding: 10px 10px; z-index: 9; border-radius: 50%; border: 2px solid #fff; cursor: pointer;  opacity: 0; transition: ease-in 0.5s;}
.top.scll-top { opacity: 1; transition: ease-in 0.5s; bottom: 50px;}
.top .fa {display: block !important;}