@charset "utf-8";

/* CSS Document */





@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {

  --main-color: #02C0A4;

	--font-one:'Roboto', sans-serif;

	--font-two:'Poppins', sans-serif;

 

}

body{

	font-family: var(--font-one);

	color: #222425;

	font-size: 16px;

	

}

.color-1{

	color: #02C0A4;

}

header{

	margin-top: 0px;

	font-family: var(--font-one);

}

.list-style-one {

	margin-top: 30px;

}

.list-style-one li{

	list-style: none;

	padding-bottom: 10px;

	padding-top: 10px;

	font-size: 22px;



	

}

.list-style-one hr{

	width: 150px;

	height: .5px;

	background: #fff;

	margin: 0px;

	opacity: 1 !important;

}

.list-style-one li::before

{ 

  content:'\f00c';

	font-family: 'FontAwesome';

  display: inline-block;

  width: 15px;

  height: 15px;

  margin-right: 20px;

}

#btn-back-to-top {

  position: fixed;

  bottom: 20px;

  right: 20px;

	background: var(--main-color);

	border: 0px;

  display: none;

	font-size: 25px;

	padding: 4px 15px;

	border-radius: 30px;

	color: #fff;

	text-align: center;

	cursor: pointer;

}

.navbar ul li a{

	color: #222425;

	font-size: 19px;

	padding-right: 55px;

}

.navbar ul li a .active {

	color:var(--main-color);

	

}

.navbar ul li {

	font-weight: 400;

	padding-right: 23px;

}





.section-padding{

	padding-top: 60px;

	padding-bottom: 60px;

}



.heading-one{

	font-size: 35px;

	font-weight: 700;

	font-family: var(--font-two);

}

p{

	line-height: 28px;

	padding-top: 16px;

}

.bg-one{

	background:var(--main-color);

}

.top-header{

	padding-top: 5px;

	padding-bottom: 5px;

	margin-top: 0px;

	color: #fff;

}

.top-header ul{

	margin: 0px;

	padding-left: 0px;

}

.top-header li{

	display: inline;

	text-decoration: none;

	padding-left: 5px;

	padding-right: 5px;

	

	border-right: 1px solid rgba(255,255,255,.6);

}

.top-header li:last-child{

    border-right: none;

}

.top-header li a{

	text-decoration: none;

	font-size: 15px;

	color: #fff;

}

.top-header li a:hover{

	

	font-weight: 600;

}







.service-sec{

	color: #fff;

	background-attachment: fixed;



    overflow: hidden;

 

    background-image: linear-gradient(90deg,rgba(34,36,37,.8) 100%),rgba(34,36,37,.8) 100%), url("../images/bg.webp");  /* Chrome 10-25, Safari 5.1-6 */

    background-image: linear-gradient(90deg, rgba(34,36,37,.8) 0%, rgba(34,36,37,.8) 100%), url("../images/bg.webp"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size: cover;

    background-repeat: no-repeat;

	

}

.heading-two{

	font-size: 18px;

	font-family: var(--font-two);

	position: relative;

	padding-bottom: 20px;

	font-weight: 400;

	

}

.heading-two:after{

	content: "";

    position: absolute;

    border: 0;

    width: 50px;

    height: 2px;

    background:var(--main-color);

    z-index: 1;

    margin-left: 10px;

    

    top: 12px;

	

}

.heading-three{

	font-size: 17px;

	font-family: var(--font-two);

	position: relative;

	padding-bottom: 15px;

	font-weight: 400;

	

}

.heading-three:after{

	content: "";

    position: absolute;

    border: 0;

    width: 50px;

    height: 2px;

    background:var(--main-color);

    z-index: 1;

    margin-left: 10px;

    

    top: 12px;

	

}

.service-sec h3{

	font-size: 26px;

	padding-bottom: 20px;

	font-family: var(--font-two);

}

.service-sec .box-col{

	padding: 20px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);

}

.box-col h6{

	padding-left:50px;

	font-size: 30px;

	font-weight: 600;

	

}

.box-col p{

	padding-left:50px;

	

	

}

.box-col{

	 position: relative;

	margin-bottom: 20px;

	

	

}

.box-one span{

	 

	padding: 5px;

	

	 left: 20px;

	 overflow: hidden;

	 position: absolute;

	 top: 10px;

     font-size: 50px;

	 text-align: center;

	font-weight: 900;

	 color: #fff;

}

.box-two{

	-webkit-box-shadow: 0px 4px 23px -10px rgba(0,0,0,0.33);

-moz-box-shadow: 0px 4px 23px -10px rgba(0,0,0,0.33);

box-shadow: 0px 4px 23px -10px rgba(0,0,0,0.33);



	padding: 0px 5px;

	border: 0px;



}

.box-two h5{

	font-family: var(--font-two);

	font-size: 25px;

	font-weight: 600;

	

	text-align: center;

	padding-bottom: 20px;

	padding-top: 20px;

}

.box-two h5:before{

	content: "";

    position: absolute;

    border: 0;

    width: 2px;

    height: 28px;

    background: var(--main-color);

    z-index: 1;

    margin-left: -10px;

	

    

}

.box-two ul li{

	

	font-size: 16px;

	list-style: circle !important;

	font-weight: 400;

	line-height: 29px;

	padding-bottom: 5px;

	

}

.box-two .card-body{

	padding-bottom: 0px !important;

}

.service-sec2 h3{

	

	margin-bottom: 50px;

	font-family: var(--font-two);

	

}

.counter

{

    text-align: center;

	font-family: var(--font-two);

	font-size: 45px;

	 font-weight: 500;

}



.counter-count

{

   

   

    position: relative;

    color: #000000;

    text-align: center;

    display: inline-block;

}

.counter-sec{

	color: #fff;

	padding-top:100px;

	padding-bottom:100px;

	

	background: rgb(34,36,37);

background: -moz-linear-gradient(0deg, rgba(34,36,37,1) 0%, rgba(2,192,164,1) 100%);

background: -webkit-linear-gradient(0deg, rgba(34,36,37,1) 0%, rgba(2,192,164,1) 100%);

background: linear-gradient(0deg, rgba(34,36,37,1) 0%, rgba(2,192,164,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222425",endColorstr="#02c0a4",GradientType=1);

}

.counter-box{

	text-align: center;

}

.counter-box p{

	font-size: 20px;

	padding-top: 0px;

	

}

.counter-box i{

	font-size: 45px;

}



.contact-sec ul li{

	list-style: none;

	margin-bottom: 25px;

	position: relative;

	margin-left: 20px;

	padding-left: 20px;

	line-height: 30px;

	

}

.contact-sec ul li span{

   color: var(--main-color);

	font-size: 25px;

	

	padding: 5px;

	

	left:-20px;

	 overflow: hidden;

	 position: absolute;

	 top: -10px;

	text-align: center;



}

.span-mob{

	font-size:33px

}

.span-mail{

	font-size:23px

}

.form-one input[type=text] {

 border: 1px #000 solid;

	border-radius: 0px;

}

.form-one input[type=email] {

 border: 1px #000 solid;

	border-radius: 0px;

}

.form-one textarea {

 border: 1px #000 solid;

	border-radius: 0px;

}





footer { 

	color: #fff;

	background: #222;

	padding-bottom: 20px;

	padding-top: 20px;

	font-size: 16px;

}

footer a{ 

	color: #fff;

	font-size: 16px;

	text-decoration: none;

	

}

footer a:hover{

	color: var(--main-color);

}

.a-c{
	text-decoration: none;
	color: #222425;
	
}

.whatsapp-icon{
	position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 999;
}