@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

body{

	padding: 0px;

	margin: 0px;
  
}

html{

	padding: 0px;

	margin: 0px;

}


html,body{
    overflow-x: hidden;
}

/* .container{ width: 1050px;} */

.top-header{

    background-color: #007bff;

	padding: 0px 0px;

}

.top-header ul{

	float: right;

	display: block;

	margin-bottom: 0px;

    padding-right: 45px;

}

.top-header li{

	color: #fff;

	float: left;

	display: block;

	padding: 10px 0px;

	/*border-right:1px solid #fff;

	border-right: 1px solid #ffffff;
*/
    font-size: 11pt;

}

.top-header li a{

	color: #fff;

	padding: 10px 10px;

	text-decoration: none;

}

.top-header li a:hover{

	background-color: #364148;

}

.top-header li:last-child{

	border-right: none;

}


.sticky{
  box-shadow: 0 2px 4px rgb(220 222 230 / 40%);
	position: fixed;

z-index: 999;

width: 100%;

background: #fff;

top: 0;

}



.homebanner{ position: relative;}

.homebanner .overlay{ background: #000; width: 100%; opacity: 0.5;}

.modal-xl{ max-width: 100%; margin: 0;}



 *,

:after,

:before {

  box-sizing: border-box

}



.clearfix:after,

.clearfix:before {

  content: '';

  display: table

}



.clearfix:after {

  clear: both;

  display: block

}

ul{

	list-style:none;

	margin: 0;

	padding: 0;

}

a, a:hover, a.active, a:active, a:visited, a:focus{

/*	color:#464646;*/

	text-decoration:none;
}

/*.content{

	margin: 50px 100px 0px 100px;

}*/



.exo-menu{

	/*width: 100%;*/

	float: right;

	list-style: none;

	position:relative;

	z-index: 99;

	background: none;

}

.exo-menu > li {

	display: inline-block;

	float:left; 

	font-size: 16px; 

	font-family: 'Montserrat', sans-serif;
  font-weight: bold;

}

.exo-menu > li > a{

	color:#1e70b8;

	text-decoration: none;

	text-transform:none;

	-webkit-transition: color 0.2s linear, background 0.2s linear;

	-moz-transition: color 0.2s linear, background 0.2s linear;

	-o-transition: color 0.2s linear, background 0.2s linear;

	transition: color 0.2s linear, background 0.2s linear;

}

.exo-menu > li > a.active,

.exo-menu > li > a:hover,

li.drop-down ul > li > a:hover{

	

	 color:#1c1c1c;

/*	border-bottom: 3px solid #4db757; 
*/
	color: #4db757;

}

.exo-menu i {

  float: left;

  font-size: 18px;

  margin-right: 6px;

  line-height: 20px !important;

}

li.drop-down,

.flyout-right,

.flyout-left{position:relative;}

li.drop-down:before {

  /*content: "\f103";*/

  color: #fff;

  font-family: FontAwesome;

  font-style: normal;

  display: inline;

  position: absolute;

  /*right: 8px;

  top: 11px;*/

  font-size: 14px;

}

li.drop-down>ul{

	left: 0px;

	min-width: 230px;



}

.drop-down-ul{display:none;}

.flyout-right>ul,

.flyout-left>ul{

  top: 0;

  min-width: 230px;

  display: none;

  border-left: 1px solid #365670;

  }



li.drop-down>ul>li>a,

.flyout-right ul>li>a ,

.flyout-left ul>li>a {

    color: #1e70b8 !important;
    display: block;
    padding: 15px 12px;
    text-decoration: none;
    background-color: #ffffff !important;
    border-bottom: 1px dotted #95fda3 !important;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
    box-shadow: 0 2px 4px rgb(220 222 230 /100%);

}



li.drop-down>ul>li>a:hover,

.flyout-right ul>li>a:hover ,

.flyout-left ul>li>a:hover {

	color: #fff !important;

	display: block;

	padding: 15px 12px;

	text-decoration: none;

	background-color:#53bc61 !important;

	border-bottom: 1px dotted #95fda3  !important;

	-webkit-transition: color 0.2s linear, background 0.2s linear;

	-moz-transition: color 0.2s linear, background 0.2s linear;

	-o-transition: color 0.2s linear, background 0.2s linear;

	transition: color 0.2s linear, background 0.2s linear;

}

.flyout-right ul>li>a ,

.flyout-left ul>li>a {

	border-bottom: 1px dotted #B8C7BC;

}





/*Flyout Mega*/

.flyout-mega-wrap {

	top: 0;

	right: 0;

	left: 100%;

	width: 100%;

	display:none;

	height: 100%;

	padding: 15px;

	min-width: 742px;



}

h4.row.mega-title {

  color:#eee;

  margin-top: 0px;

  font-size: 14px;

  padding-left: 15px;

  padding-bottom: 13px;

  text-transform: uppercase;

  border-bottom: 1px solid #ccc;

 }

.flyout-mega ul > li > a {

  font-size: 90%;

  line-height: 25px;

  color: #fff;

  font-family: inherit;

}

.flyout-mega ul > li > a:hover,

.flyout-mega ul > li > a:active,

.flyout-mega ul > li > a:focus{

  text-decoration: none;

  background-color: transparent !important;

  color: #ccc !important

}

/*mega menu*/



.mega-menu {

  left: 0;

  right: 0;

  padding: 15px;

  display:none;

  padding-top: 0;

  min-height: 100%;



}

h4.row.mega-title {

  color: #eee;

  margin-top: 0px;

  font-size: 14px;

  padding-left: 15px;

  padding-bottom: 13px;

  text-transform: uppercase;

  border-bottom: 1px solid #547787;

  padding-top: 15px;

  background-color: #365670

  }

 .mega-menu ul li a {

  line-height: 25px;

  font-size: 90%;

  display: block;

}

ul.stander li a {

    padding: 3px 0px;

}



ul.description li {

    padding-bottom: 12px;

    line-height: 8px;

}



ul.description li span {

    color: #ccc;

    font-size: 85%;

}

a.view-more{

  border-radius: 1px;

  margin-top:15px;

  background-color: #009FE1;

  padding: 2px 10px !important;

  line-height: 21px !important;

  display: inline-block !important;

}

a.view-more:hover{

	color:#fff;

	background:#0DADEF;

}

ul.icon-des li a i {

    color: #fff;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    text-align: center;

    background-color: #009FE1;

    line-height: 35px !important;

}



ul.icon-des li {

    width: 100%;

    display: table;

    margin-bottom: 11px;

}

/*Blog DropDown*/

.Blog{

	left:0;

	display:none;

	color:#fefefe;

	padding-top:15px;

	background:#547787;

	padding-bottom:15px;

}

.Blog .blog-title{

	color:#fff;

	font-size:15px;

	text-transform:uppercase;



}

.Blog .blog-des{

	color:#ccc;

	font-size:90%;

	margin-top:15px;

}

.Blog a.view-more{

	margin-top:0px;

}

/*Images*/

.Images{

	left:0;

   width:100%;

	 display:none;

	color:#fefefe;

	padding-top:15px;

	background:#547787;

	padding-bottom:15px;

}

.Images h4 {

  font-size: 15px;

  margin-top: 0px;

  text-transform: uppercase;

}

/*common*/

.flyout-right ul>li>a ,

.flyout-left ul>li>a,

.flyout-mega-wrap,

.mega-menu{

	background-color: #547787;

}



/*hover*/

.Blog:hover,

.Images:hover,

.mega-menu:hover,

.drop-down-ul:hover,

li.flyout-left>ul:hover,

li.flyout-right>ul:hover,

.flyout-mega-wrap:hover,

li.flyout-left a:hover +ul,

li.flyout-right a:hover +ul,

.blog-drop-down >a:hover+.Blog,

li.drop-down>a:hover +.drop-down-ul,

.images-drop-down>a:hover +.Images,

.mega-drop-down a:hover+.mega-menu,

li.flyout-mega>a:hover +.flyout-mega-wrap{

	display:block;

}



a.toggle-menu{

    position: absolute;

    right: 0px;

    padding: 20px;

    font-size: 27px;

    background-color: #ccc;

    color: #23364B;

    top: 0px;

	display: none;

}

.toggle-menu .fa{color: #23364B; }



.carousel {

    position: relative;

    padding: 0px;

}



.banner-container{

	width: 100%;

	padding: 0;

	margin: 0;

}

.custom-control {

	position: absolute;

	top: 2em;

	right: 2em;

	z-index: 999;



}



.owl-carousel {

	position: relative;

	height: 100%;



}

	

	.owl-controls {

		position: absolute;

		top: 50%;

		left: 0;

		right:0;

		

		

	}





.banner-container .text-con{

	position: absolute;

    top: 35%;

    left: 0%;

    width: 420px;

    text-align: left;

    padding: 20px 0px;

    color: #4db757;

    font-size: 35px;

    font-weight: bolder;

    line-height: 39px;

	z-index: 999;

}

.banner-container .text-con a{

	float: left;

    width: 100%;

    text-align: left;

    color: #256fb6;

    font-size: 20px;

    font-weight: normal;

	line-height: 20px;

	margin-top: 20px;

}



.we-do{ padding: 80px 0;}



.we-do h1{

	/*font-family: 'Montserrat';*/

	text-align: center;

	padding: 20px 0px;

	color:#4db757 ;

	font-size: 36px;

	font-weight: bolder;

	text-transform: uppercase;

	margin-bottom: 45px;

}

.we-do .box{

	background-color: #343638;

	padding: 20px;

	margin-bottom: 35px;

	width: 100%;

	height:350px;

	position: relative;

	transition: transform 250ms;

}

.we-do .box:hover{

	background-color: #4db757 !important;

	padding: 20px;

	transform: translateY(-10px);



}

.we-do .box:hover img{

	display: none;

}

.we-do .box .text{

	display: none;

}

.we-do .box:hover .text{

	display: block;

	float: right;

	text-align: right;

	color: #fff;

	font-size: 16px;

	width: 90%;

	margin-right: 10px;

	margin-top: 10px;

	margin-bottom: 38px;

}

.we-do .box .head{

	text-align: right;

	padding: 0px 0px;

	margin-top: 50px;

	margin-right: 10px;

	margin-bottom: 10px;

	color:#fff ;

	font-size: 30px;

	font-weight: bolder;

	bottom: 0px;

	position: absolute;

	right: 5%;

	bottom: 5%;

}

.we-do .box:hover .head{

	text-align: right;

	padding: 0;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	color:#fff ;

	font-size: 30px;

	font-weight: bolder;

}



.who-we-are{

	background-color: #f1f1f2;

	padding: 80px 0px 300px;

}

.who-we-are h1{

	/*font-family: 'Montserrat';*/

	text-align: center;

	padding: 20px 0px;

	color:#4db757 ;

	font-size:36px;

	font-weight: bolder;

	text-transform: uppercase;

}

.who-we-are .text{

	text-align: center;

	color: #000;

	padding: 10px 0px;

	font-size: 15px;

	margin-bottom: 25px;

}

.but-sec{

	text-align: center;

}

.button {

  border-radius: 4px;

  background-color: #4db757;

  border: none;

  color: #FFFFFF;

  text-align: center;

  font-size: 12px;

  padding:5px 20px;

  transition: all 0.5s;

  cursor: pointer;

  margin: 5px;

}



.button span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.5s;

}



.button span:after {

  content: '\00bb';

  position: absolute;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



.button:hover span {

  padding-right: 25px;

}



.button:hover span:after {

  opacity: 1;

  right: 0;

}

.video-sec{

	text-align: center;

	margin-bottom: 80px;

}

.video{

	margin: 0px auto;

	margin-top: -200px;

	position: relative;

}



.video img{ width: 100%;}

.overlayvd{ background: #000; opacity: 0.8; width: 100%;  top: 0; bottom: 0; position: absolute; text-align: center;}

.overlayvd img{ width: auto; padding-top: 20%;}



.overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    content: '';

    opacity: .75;

    background: #0872f9;

}

.news{

	background-image: url(../../images/news-bg_20.jpg);

	background-repeat: repeat-y;

	padding: 0px 0px;

}

.news-head{

	display: flex;

	align-items: center;

    justify-content: flex-start;

}

.news-body{

	display: flex;

	align-items: center;

    justify-content: flex-start;

	margin: 10px 0px;

}

.date{

	font-family: ui-monospace;

	font-weight: 600 !important;

	color: transparent !important;

            font-size: 70px !important;

            -webkit-text-stroke-width: 1px;

            -webkit-text-stroke-color: #4db757;

	padding: 0px !important;

	margin-bottom: 0px;

	text-align: center !important;

}

.month{

	background-color: #7b7b7b;

	padding: 2px;

	text-align: center;

	color: #fff;

}

.news h1 {

    /* font-family: 'Montserrat'; */

    text-align: left;

    padding: 20px 0px;

    color: #4db757;

    font-size: 35px;

    font-weight: bolder;

}

.news-right-sec{

	padding: 30px 0px 30px 30px;

    border-left: 20px solid #b9d9bd;

    background-color: #efefef;

}

.news-body p{

	padding: 18px 0px 0px 30px;

	font-size: 15px;

}

.news-body button{

	margin-left: 30px;

	text-transform: uppercase;

}

.button1 {

  border-radius: 4px;

  background-color: #4db757;

  border: none;

  color: #fff;

  text-align: center;

  font-size: 12px;

  padding:5px 20px;

  transition: all 0.5s;

  cursor: pointer;

  margin: 5px;

	width: 150px;

}



.button1 span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.5s;

}



.button1 span:after {

  content: '\00bb';

  position: absolute;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



.button1:hover span {

  padding-right: 25px;

}



.button1:hover span:after {

  opacity: 1;

  right: 0;

}

.button2 {

  border-radius: 4px;

  background-color: #fff;

  border: #000 1px solid;

  color: #4db757;

  text-align: center;

	font-weight: bold;

  font-size: 12px;

  padding:5px 20px;

  transition: all 0.5s;

  cursor: pointer;

  margin: 5px;

	width: 150px;

}



.button2 span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.5s;

}



.button2 span:after {

  content: '\00bb';

  position: absolute;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



.button2:hover span {

  padding-right: 25px;

}



.button2:hover span:after {

  opacity: 1;

  right: 0;

}

.empower{

	padding: 80px 0px;

}

.empower h1 {

    /* font-family: 'Montserrat'; */

    text-align: left;

    padding: 60px 30px 0 0;

    color: #4db757;

    font-size: 36px;

    font-weight: bolder;

}

.empower p {

    /* font-family: 'Montserrat'; */

    text-align: left;

    padding: 20px 0px;

    color: #000;

    font-size: 16px;

}

.growing{

	padding: 80px 0px;

	background-color: #4db757;

}

.growing h1 {

    /* font-family: 'Montserrat'; */

    text-align: center;

    padding: 0 0 20px 0px;

    color: #fff;

    font-size: 36px;

    font-weight: bolder;

}

.growing-box{

	width: 20%;

	float: left;

	display: block;

	margin-bottom: 0;

}

.growing-box h2{

	text-align: center;

    padding: 0px 0px;

    color: #fff;

    font-size: 30px;

    font-weight: bolder;

	margin-bottom: 0px;

}

.growing-box p{

	text-align: center;

    padding: 0px 0px;

    color: #fff;

    font-size: 16px;

    font-weight: normal;

	margin-bottom: 0px;

}

.trusted{

	padding: 80px 0px;

	background-color: #f1f1f2;

}

.trusted h1 {

    /* font-family: 'Montserrat'; */

    text-align: center;

    padding: 0 0 20px 0px;

    color: #4db757;

    font-size: 36px;

    font-weight: bolder;

	text-transform: uppercase;

}
/* Slider */

.slider {overflow: hidden; }
.slider .sliderItem .sliderItem{ width: 50%; float: left; }
.slider .sliderItem{position: relative; width: 200%; margin: 0; left: 0; animation: 10s slide infinite}
.slider .sliderItem .itemInfo{width:40%; height: 200px; background: rgba(0,0,0,0.7); position: absolute; bottom:30px; left: 30px; color: #fff; padding: 20px}
.slider .sliderItem .itemInfo p{font-size: 22px}

@keyframes slide {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
.service{

	padding: 80px 0px;

}

.service h1 {

    /* font-family: 'Montserrat'; */

    text-align: center;

    padding: 0 0 20px 0px;

    color: #4db757;

    font-size: 36px;

    font-weight: bolder;

	text-transform: uppercase;

}

.contact-from{

	padding: 60px 100px 70px;

	background-image: url(../../images/service-bg_40.png);

	background-repeat: repeat-y;

}

.modal-fullscreen{ right: 0 !important;}



input[type=text], select, textarea {

  width: 100%;

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

  margin-top: 6px;

  margin-bottom: 16px;

  resize: vertical;

}



input[type=submit] {

  background-color: #515151;

  color: white;

  padding: 10px 80px;

  border: none;

  border-radius: 0px;

  cursor: pointer;

	float: right;

}



input[type=submit]:hover {

  background-color: #45a049;

}

.calculation{

	padding: 80px 0px;

}

.calculation h1 {

    /* font-family: 'Montserrat'; */

    text-align: left;

    padding: 20px 0px;

    color: #000;

    font-size: 24px;

    font-weight: bolder;

}

.interest{

	padding: 0px 20px;

	border: 1px solid #e3e3e3;

}

.faq{

	padding: 20px 0px;

	border: 1px solid #e3e3e3;

}

.faq h1{

	padding: 0px 20px 20px;

}

.faq .accordion {

  background: none;
  border-bottom: #eee 1px solid !important;
  color: #444;
  cursor: pointer;
  padding: 35px 20px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 15px;

  transition: 0.4s;

}



/*.faq .active, .accordion:hover {

  background-color: #ccc;

}*/



.faq .accordion:after {

  content: '\002B';

  color: #777;

  font-weight: bold;

  float: right;

  margin-left: 5px;

}



.faq .active:after {

  content: "\2212";

}



.faq .panel {

  padding: 0px 18px;

  background-color: white;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

}

.faq .panel p{

  padding: 10px 0px;

	font-size: 14px;

}



/* -------- Accordian------- */

div.panel {  display: none;}

div.panel.show { display: block !important;}

.footer{
  padding:60px 0px 0px 0px;
     background-color: #f1f9ff;
}
.footer-contact p{
  color:#000;

}
.footer-con{

	padding: 0px 0px;

}

.footer-pad{

	padding: 30px 10px 0px 0px;

}

.footer-con img{

	margin-bottom: 20px;

}

.footer-con p{

	font-size: 12px;

	color: #fff;

}
.footer-contact span{
  color:#4db757;
}

.footer-con h3{

	font-size: 14px;

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

}

.footer-con form input{

	background: none;

    border-bottom: 1px solid #fff !important;

    border: none;

    padding: 0px 0px 3px 0px;

    border-radius: 0px;

    color: #fff;

	margin-bottom: 6px;

	font-size: 12px;

}

.footer-con form input::placeholder {

  color: #fff;

  opacity: 1; /* Firefox */

}



.footer-con form input:-ms-input-placeholder { /* Internet Explorer 10-11 */

 color: #fff;

}



.footer-con form input::-ms-input-placeholder { /* Microsoft Edge */

 color: #fff;

}

.footer-con .button {

    border-radius: 0px;

    background: none;

    border: none;

    color: #FFFFFF;

    text-align: center;

    font-size: 16px;

    padding: 0px 0px;

    transition: all 0.5s;

    cursor: pointer;

    margin: 0px;

}

.footer-links{

	/*padding:10px 40px;*/

}

.footer-links h3{

	font-size: 14px;

	color: #4db757;

	text-transform: uppercase;

	font-weight: bold;

	margin-bottom: 15px;

}

.footer-links li{

	font-size: 15px;

	color: #fff;

	text-transform: none;

	padding-bottom: 4px;

}

.footer-links li a:hover{

	text-decoration: underline;

}

.social-icon{
text-align: center;
padding: 30px 0px;

}
.social-icon span{
font-size: 14px;
    color: #4db757;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}
.blink{
  color:red;
  font-size:18px;
  padding-left: 4px;
  animation:blink_animation .5s infinite;
}
@keyframes blink_animation {
    50%   {color:red;}      
    100% {color:blue}
}

.social-icon a{
font-size:20px;
color:#000;
padding:0px 20px 0px 20px;
}
@media only screen and (max-width:767px) {
  .social-icon a{
  padding:0px 17px 0px 20px;
}
  }
.footer-info span{
  font-weight: bold;
}
 .footer-bottom-link   ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

 .footer-bottom-link   li {
  float: left;
}

.footer-bottom-link   li a {
  display: block;
  color:#000000;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}
.fa {
 font-size:50px;
 text-align: center;
 text-decoration: none;
 margin: 0px;
 color: #fff;
}

.fa:hover {
  opacity: 0.7;
}

.footer  form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px 0 0 4px;
  text-align: left;
}

.footer  form input[type="email"] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

.footer form input[type="submit"] {
  position: absolute;
  top: 0;
  right: -4px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background:#4db757;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.footer form input[type="submit"]:hover {
  background:#4db757;
}

.footer-bottom{

	padding: 10px;

	text-align: center;

	color:#000000;

	font-size: 15px;

}


.background2 {
    background-color: #fff;
}
.services-box {
    padding: 30px;
    background-color: #fff;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

.services-icon {
    font-size: 40px;
    color: #8980fe;
}

.service-name {
    margin-bottom: 15px;
    margin-top: 15px;
    color: #673ab7;
    font-size: 18px;
    font-weight: 700;
}
.text-small {
    font-size: 16px;
    color:#181818;
}
.btn-default {
    color: #fff;
    background-color: transparent;
    border-color: #535353;
}
.btn {
    border-radius: 45px;
    margin-bottom: 1px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.mt10 {
    margin-top: 10px !important;
}
.h3, h3 {
    font-size: 24px;
}
 .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
    font-weight: 100;
  /*  color: #000;*/
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about{
  padding:90px 0px 90px 0px;
}
.about .textabout h1{
  text-align: center;
  color: #f36f21;
}
.about .textabout p{
   padding-top:20px;
   font-size: 16px;
}

.about-main-content{
  padding-top: 50px;
  padding-bottom: 60px;
}
.about-main-content p{
 font-size: 15px;
}

.service-row {
  align-items: center;
}

.section-img {
  position: relative;
  display: flex;
  justify-content: center;
}
.section-img .main-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 5px;
  z-index: 1;
  position: relative;
}
.section-img .path-img {
  position: absolute;
  height: 150px;
  width: 150px;
  top: -50px;
  left: -50px;
  opacity: 0.5;
  z-index: 0;
}
.section-img .path-img2 {
  position: absolute;
  bottom: -25px;
  right: -25px;
  opacity: 0.5;
  z-index: 0;
}
.section-img .path-img3 {
  position: absolute;
  height: 350px;
  width: 350px;
  top: -50px;
  opacity: 0.1;
  z-index: 0;
}

.section-content .section-bit {
  color: #03a9f4;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.section-content .section-title {
 font-size: 33px;
    margin-bottom: 15px;
    text-transform: capitalize;
    color: #000000;
}
.section-content {
   padding: 40px;
}
.section-content .section-desc {
  color: #777;
  margin-bottom: 25px;
  font-size: 18px;
  text-align: justify;
}

.section-content .section-services {
  font-size:18px;
  background: #fff;
/*  padding: 15px 30px;*/
  margin-bottom: 20px;
  border-radius: 5px;
/*  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
}
.section-content .section-services_col {
  margin-top: 10px;
  margin-bottom: 10px;
}
.section-content .section-services_col i {
     color: #1e70b8;
    width: 33px;
    text-align: center;
    margin-right: 21px;
    transform: scale(1.2);
    font-size: 26px;
  }

/*----------------------------------------------------------------
# why choose us
-------------------------------------------------------------------*/
section .section-title{
  text-align: center;
  color: #000;
    font-size: 36px;
  font-weight: bold;
  padding-bottom: 27px;
  padding-top:30px;
}
#what-we-do .text-muted{
font-size: 18px;
}
#what-we-do p{
  font-size: 18px;
}
#what-we-do{
  background:#eef7f0;
  padding-bottom: 100px;
  padding-top: 30px
}
#what-we-do .card{
  padding: 1rem!important;
  border: none;
  margin-bottom:1rem;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
#what-we-do .card:hover{
  -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block{
  padding-left: 50px;
    position: relative;
}
#what-we-do .card .card-block a{
  color: #007b5e !important;
  font-weight:700;
  text-decoration:none;
}
#what-we-do .card .card-block a i{
  display:none;
  
}
#what-we-do .card:hover .card-block a i{
  display:inline-block;
  font-weight:700;
  
}
#what-we-do .card .card-block:before{
 font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 39px;
    color:#5bbf69;
    left: 0;
  -webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
    font-weight: 900;
}
#what-we-do .card .card-block:before {
      width: 40px;
    height: 40px;
    background: #5bbf69;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    outline: 5px solid #b5ffc0;
    padding: 5px;
}
#what-we-do .card .block-1:before{
    content: "\f0e7";
}
#what-we-do .card .block-2:before{
    content: "\f0eb";
}
#what-we-do .card .block-3:before{
    content: "\f00c";
}
#what-we-do .card .block-4:before{
    content: "\f806";
}
#what-we-do .card .block-5:before{
    content: "\f0a1";
}
#what-we-do .card .block-6:before{
    content: "\f218";
}
#what-we-do .card:hover .card-block:before{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);  
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
.flex-center {
  align-items: center;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.section-tittle h1{
  text-align: center;
  padding-bottom: 20px;
  color: #49b858;

}
.contact{
  padding-top: 80px;
  padding-bottom: 100px
}
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px 0 32px 0;
  border-radius: 4px;
}
.contact .info-box i {
  font-size: 32px;
    color: #1e70b8;
    border-radius: 99%;
    padding: 4px;
}
.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}
.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 0;
}
.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  border-radius: 4px;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form .form-group {
  margin-bottom: 25px;
}
.contact .php-email-form input, .contact .php-email-form textarea {
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #111111;
}
.contact .php-email-form input {
  padding: 10px 15px;
}
.contact .php-email-form button[type=email] {
   padding-top:10px;
}
.contact .php-email-form button[type=submit] {
  background: #49b858;
  border: 0;
  padding: 10px 32px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}
.contact .php-email-form button[type=submit]:hover {
  background:#21722c;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.contact .php-email-form textarea {
  padding: 12px 15px;
}



.banner-container{
background-color: 
}
.header-info{
  padding: 0px 40px 40px 40px;
}


/************************** Slider *********************************/
.slick-slide {
    margin: 0px 20px;
}

/*.slick-slide img {
    width: 100%;
}*/

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
     display: none;
   float: left;
    height: 100%;
    min-height: 1px;
        width: 164px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*----------------testimonial------------------------*/

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1167 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 310px;
  width: 100%;
  color: #333;
  text-align: left;
  box-shadow: none !important;
  display: inline-block;
}
.testimonial{
    text-align: center;
    padding-bottom: 50px;
    padding-top:30px;
}
figure.snip1167 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1167 img {
  max-width: 100%;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
  z-index: 1;
  position: relative;
}
figure.snip1167 blockquote {
  margin: 0;
  display: block;
  border-radius: 8px;
  position: relative;
  background-color:#f2f2f2;
  padding: 65px 50px 30px 50px;
  font-size: 0.8em;
  font-weight: 500;
  margin: -50px 0 0;
  line-height: 1.6em;
  box-shadow: 0 5px 6px rgb(0 0 0 / 15%);
      min-height: 360px;
}
figure.snip1167 blockquote:before,
figure.snip1167 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1167 blockquote:before {
  top: 70px;
  left: 20px;
}
figure.snip1167 blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 0;
}
figure.snip1167 .author {
    padding: 15px;
    margin: 0;
    color: #000000;
    text-align: center;
}
figure.snip1167 .author h5 {
  opacity: 0.8;
  margin: 0;
  font-weight: 800;
}
figure.snip1167 .author h5 span {
  font-weight: 400;
  text-transform: none;
  display: block;
}