@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;}
*{/*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;
}
.container ul li {
    text-align: justify;
    color: #333;
    line-height: 26px;
    font-size: 14px;
}
.testimonial h2 {
    text-align: center;
}
.main-table .main-heading span{float: right;}
.main-table .main-heading span a{/* background:#221d1d; */color:#fff;padding:0px 20px;}
.banner-btm-left {
    background: #ffffffe0;
    margin: 20px 10px;
    padding: 20px;
    border-radius: 10px;
}
.Industries {text-align:center;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding:1rem;margin: 10px;width: 100%;}
.Industries img{aspect-ratio:0/1;}
.Industries p{text-align:center;font-size: 15px;font-weight:bold;margin-top: 10px;}
 a:hover {
	text-decoration:none!important;
	transition:.5s;
	color: #5fae3f;
}
p {
	color:#292929;
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
}
.padding_lf0 {
    padding-left: 0;
    padding-right: 0;
}
.text-left {
    text-align: left!important;
}
.fa, .far, .fas {
    font-style: inherit;
}
span{
	color:#5fae3f;
	/*! font-size: 19px; */
	font-weight: 600;
}
label span{font-weight: 600;
font-size: 15px;}
html,
body{
	overflow-x:hidden;
	margin:0;
	scroll-behavior:smooth;;
	font-size: 17px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

ul {
   /* margin: 0;
    padding: 0;*/
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 31%;
}
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;padding-top: 9px;font-size: 15px;text-shadow: #111 0px 2px 5px;}
.nav-top-rht{ text-align: right;}
.nav-top-rht a{background:#fff; border-radius:30px; padding:7px 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;padding-top: 7px;}

.nav-top-center a:nth-child(1) {
   background:#5263a7;
  color: #ffffff;
}
.nav-top-center a:nth-child(2) {
	background:#0a66c2;
  color: #ffffff;
}
.nav-top-center a:nth-child(3) {
	background:#ff025a;
  color: #fffff;
}
.nav-top-center a:nth-child(4) {
	background:#ff0000;
  color: #ffffff;
}
.menu-sec{padding: 20px 0;}
/*======== header ========*/
#header{position:relative;}
#header .head-lft{padding:40px 0;}
.head-lft img{
    top: 20%;
    position: absolute;
    /*! padding: 11px; */
    /*! width: 100%; */
    left: 0;
    right: 0;
    color: #fff;
    margin: 0 auto;
}
/*======== banner ========*/
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 90vh;
  background: url(image/hero-bg.jpg) top center;
  background-size: cover;
  position: relative;
  /* margin-bottom: -150px; */
}

#hero .container {
  position: relative;
}

#hero h1 {
  margin: 0;
  font-size: 45px;
  font-weight: 700;
  line-height: 50px;
  color: #fff;
  padding-top: 20px;
  text-transform: uppercase;
}
#hero h1 span{ font-size: 36px; font-weight: 600; display:block;}

.social-links.text-center.text-md-right.md-3.pt-md-0 {
  padding-top: 20px;
}
#hero h2 {
  color: #eee;
  margin: 10px 0 0 0;
  font-size: 22px;
  line-height: 30px;
  
}

#hero .btn-get-started {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 35px;
  margin-top: 30px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  background: #4CAF50;
  text-decoration: none;
}

#hero .btn-get-started:hover {
  background: #3291e6;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 992px) {
  #hero {
    margin-bottom: 0;
    height: 100vh;
  }
  #hero .container {
    padding-bottom: 63px;
  }
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
    padding-top: 45px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

@media (max-height: 500px) {
  #hero {
    height: auto;
  }
}

/*======== banner-btm ========*/
.section-box-eleven p a {
	color: #fff;
}
 .section-box-eleven{
        height: 250px;
        position: relative;
        overflow:hidden;
		cursor:default;
		box-shadow:0px 4px 10px #ccc;
		border:1px solid #fff;
		margin-bottom:30px;
    }
    .section-box-eleven figure {
        position: absolute;
        padding: 6px 15px 30px 15px;
        width: 100%;
        bottom: -70%;
        transition: 0.5s all ease-in-out;
        /* background: rgba(0, 0, 0, 0.71); */
        background: rgb(95 174 63);
        /* background: rgb(15, 55, 53, 0.8); */
        /* background:#0b2f2e; */
        /* border: 1px solid #fff; */
    }
	
	.section-box-eleven-1 figure {
        bottom:-60%;
		
    }
    .section-box-eleven:hover figure {
        bottom: -10px;
		height:100%;
    }
    .section-box-eleven img{
        height: 100%;    width: 100%;
    }
	.icon-img img {
    width: 31px;
	height:auto;
    /* margin-right: 15px; */
	margin: 5px 10px 9px 11px;
}

.icon-img i {
	color: #fff;
    font-size: 35px;
    line-height: 55px;
    margin-right: 10px;
}

	.pull-left {
		color:#fff; float:left;
		text-transform:uppercase;
		font-size:20px;
	}
	
	.pull-left h5 {
		color:#fff;
		text-transform:uppercase;
		font-size:14px;
		/* margin-top:10px; */
	}
	
	.section-box-eleven .btn {
        background: transparent;
        border-radius: 0;
        color: #fff;
		margin-top: 1px;
		padding: 3px 14px 8px;
		font-size: 14px;
    }
	
	.section-box-eleven .btn:hover {
       color: #fff;
	   background-color:#ed1651;
		
    }
	
	.section-box-eleven .title h5 {
       color: #fff;
	   margin: 18px;font-size: 1.5em;
	}
	
	.section-box-eleven .icon-img img {
       width:60px;
	   margin-right: 30px;
	}
	
	.section-box-eleven .title p {
		color:#fff;
		opacity:0;
		padding:15px;
		font-size: 16px !important;
		line-height: 23px;
		margin-bottom:0;
	}
	
	.section-box-eleven:hover .title p {
		color:#fff;
		opacity:1;
	}
	
	figure a:hover {
		color:#fff;
		text-decoration:none;
	}
	
	

/*banner bnr-bx*/
.bnr-btm{    margin-top: -67px;    position: relative;z-index: 9;}
.bnr-btm .col-md-6{padding:0;position: relative;}
.bnr-bx-tp-lin{background-color: inherit; border-color: inherit;}
.bnr-bx-tp-lin:after { content: ''; width: 100%;   height: 0; border-style: solid; border-color: inherit; border-width: 30px 0 0 1rem; border-left-width: inherit; top: -14px; transform: rotate(0deg) skew(0deg, 5deg); left: 0;  position: absolute; z-index: 0;}

.bnr-bx-tp-lin1:after { content: ''; width: 100%;   height: 0; border-style: solid; border-color: inherit; border-width: 30px 0 0 1rem; border-left-width: inherit; top: -14px; transform: rotate(0deg) skew(0deg, -5deg); left: 0;  position: absolute; z-index: 0;}
.hm-team .section-title h2{color:#fff;}
.hm-team .section-title h2:after, .hm-team .section-title h2:before{background:#fff;}
.bnr-bx{/*background-color: #45aaff; border-color: #45aaff;*/ color: #fff; text-align:center;padding: 50px 0; transition:all .5s;}
.bnr-bx .fa{font-size:60px; color:#f3cf43;position: relative; transition:.5s;}
.bnr-bx-lin{border: 5px solid #f3cf43; position: relative; top: 67px; }
.bnr-btm .bnr-bx-tp-lin{background-color: #013e59; border-color: #013e59; border-style: solid;}
.bnr-btm .bnr-bx-tp-lin1{background-color: #033e63; border-color: #033e63; border-style: solid;}
.bnr-bx p{margin:0;}
.bnr-btm .bnr-bx{background:#013e59; transition: all .5s;}
.bnr-btm .bnr-bx.bnr-bx1{background:#033e63; transition: all .5s;}
.bnr-btm .bnr-bx a{color:#fff; padding:10px 20px; border:1px dashed #eee; border-radius:30px; font-weight:bold; transition: all .5s;}
.bnr-btm .bnr-bx:hover a{background:#5fae3f; color:#fff;padding:8px 18px;}
.bnr-btm .bnr-bx .fa{color:#fff;  transition:.5s;}
.bnr-btm .bnr-bx h4{font-size:22px; font-weight:bold; line-height:50px; transition:all .5s;}
.bnr-btm .bnr-bx:hover h4{font-size:20px; font-weight:bold; line-height:50px; transition:all .5s;}
/*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(28.7% 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;font-size: 16px;line-height: 30px;}
/*======== about-sec ========*/

/*======== service_section ========*/
.ser-cnt, .serv-bx, .ser-img img, .ser-cnt h3, .ser-cnt p.rd-mr, p.rd-mr a, p.rd-mr a:after,
.serv-bx:hover, .serv-bx:hover .ser-img img, .serv-bx:hover p.rd-mr a, .serv-bx:hover p.rd-mr img, .serv-bx:hover p.rd-mr a:after
{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
	
.serv-bx{/*float: left;
    width: 48%;*/
    background: #fff;
    border: 1px solid #dddddd;
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
    padding-bottom: 25px;}
	
.serv-bx:hover{border: 1px solid #014067;}

.serv-bx:hover p.rd-mr a{background: #014067;color:#fff;border-color: rgb(11, 139, 218);}

.serv-bx:hover p.rd-mr img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1);}

.serv-bx:hover p.rd-mr a:after{background: #b07001; border: 2px solid #b07001; }
	
/*.serv-bx:after{content: "";
    position: absolute;
    right: 0;
    top:0px;
    height:50%;
    width: 100%;
    background: #065695;}*/
	
.mar-dv{    margin: 0;
    margin-left: 2%;}
	
.ser-img img{width:100%; }

.ser-img{    /*! height: 185; */
    overflow: hidden;}
	
.ser-cnt{     text-align: left;
    width: 87%;
    margin: 0 auto;
    margin-top: -18px;
    position: relative;
    background: #fff;
   }
	
.ser-cnt h3{
    background: #4CAF50;
    color: #fff;
    padding: 5px 0 5px 5px;
    margin: 0 0px 6px;
    line-height:30px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    }
	
.ser-cnt p.rd-mr{     text-align: center;
    position: absolute;
    bottom: -48px;
    margin: 0 auto;
    left: 0;
    right: 0;}

p.rd-mr a{    background: #fff; position:relative;
    border: 2px solid #434343;
    padding: 9px 7px;
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
    font-weight: 600;}
	
p.rd-mr a:after{content:""; position:absolute; width:100%; height:100%; background: #fff; border: 2px solid #434343; left:2px; top:2px; z-index:-1;}


/*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;font-size: 15px;}
.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 label{ margin: 10px;}
/*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 0px;
}

.contact .close{ position: absolute; right: 14px;  font-size: 30px;cursor: pointer;}
#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;
    font-size: 15px;
}
#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: 50px; 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;font-size: 15px;}
.ft-link li a:hover{color:#fff;}

.copyright {text-align: left; padding: 15px 0; background:#1b273d; border-top: 1px solid #333;}
.credits{ text-align: left; 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;}
@media (max-width:1200px){
.bnr-sec .carousel-content{top: 15%;}
.bnr-sec .carousel-content .title{padding: 60px 0;}
.bnr-sec .title h1{font-size: 50px;}
.bnr-sec .title h1 span{font-size: 40px;}

}
@media (max-width:991px){
  .about-sec .container:before{display:none;}
  .cont-hm-lft{padding: 15px;}
  .cont-hm-rht{padding: 30px 15px;}
  .cont-hm-rht p i{margin-right: 15px;  width: 42px; height: 42px; line-height: 42px;}
  #footer .footer-top{ padding: 10px 15px;}
  .bnr-sec .carousel-content .title{clip-path: inherit !important;}
}
@media (max-width:767px){
  .hidden-sm{display: none;}
  .bnr-btm{margin-top: 67px;}
  .cont-hm-rht{padding: 30px 5px;}
  .bnr-sec .carousel-content .title{clip-path: inherit;}
}
@media (max-width: 320px){

.cont-hm-lft { padding: 0;}
.about-sec .container{padding: 35px 15px;}
.cont-hm-rht p{font-size: 13px;}
}


.speech-1 .info_list {
    margin: 0 2%;
    padding: 0;
    display: block;
    list-style-type: none;
    border: 1px solid #ccc;
    text-align: left;
}
.speech-1 .info_list li {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    font: 300 20px 'Lato';
    list-style: none;
    text-transform: capitalize;
}
.speech-1 .info_list li a {
    color: #333;
    font-size: 18px;
    text-decoration: none;
}

.speech-1 .info_list li a:hover {
    color: #5fae3f;
    font-size: 18px;
    text-decoration: none;
}

.sub-heads
{
    border-bottom: 1px #ccc dashed;
    margin-bottom: -9px;
    text-align: left;
    font-size: 23px;
    color: #2f4d5a;
    margin-bottom: 24px;
    padding-bottom:8px;
}

.blog-btn {
   
    text-transform: uppercase;
    color: #5FAF40;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    margin: 10px 0 0 0;
    border-bottom: 1px solid;
    border-radius: 5px;
    transition: all .3s ease in out;
    padding: 10px 15px 10px 15px;
}
.blog-btn:hover {
    text-transform: uppercase;
    color: #5FAF40;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    margin: 10px 0 0 0;
    border: 1px solid #5FAF40;
    transition: all .3s ease in out;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
}

.blog-head 
{
    font-size:18px;
    text-transform: capitalize;
}