/* -------
body sectin
---------- */
body{
	margin:0;
	font-family: 'Roboto', sans-serif;
}


/*=-----
header-sction
--------=*/
.header{
	background-image:url(image/home-3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.header .navbar{
	width:93%;
	margin:auto;
	padding-top:1rem;
}

.header .navbar img{
	padding-top:.5rem;
}

.header .navbar ul{
	list-style-type: none;
	float: right;
	padding:0;
}


.header .navbar ul li{
	float:left;

}


.header .navbar ul li a{
	word-spacing: 10px;

	text-decoration: none;
	padding:8px 20px;
	color:black;
	font-size:12px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
}


.header .navbar ul li .active{
	color:#10C9C3;
}


.header .navbar ul li:hover a{
	color:#10C9C3;
}

/*=----------
sub-header-section
-------------=*/
.subheader{
	width:83%;
	display:table;
	margin:auto;
}

.subheader .sub-hea{
	float:right;
	padding:6rem 0 9rem 0;
}

.subheader .sub-hea h1{
	font-size:2.8rem;
	font-weight:600;
	color:#1C1E1B;
}

.subheader .sub-hea p{
	font-size:20px;
	line-height:1.8;
	color:#817F82;
	margin-bottom:3rem;
}

.subheader .sub-hea a{
	text-decoration: none;
	color:#ffffff;
	padding:14px 36px;
	background:#10C9C3;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 1.2px;

}

/*=----------
about-section
-------------=*/
.about{
	text-align:center;
	padding:3rem 0 5rem 0;
}
.about-section h1{
	font-size:2.1rem;
	font-weight:600;
	color:#191919;
}
.about-section p{
	font-size:17px;
	word-spacing: 2px;
	letter-spacing: 1px;
	color:#B5B5B5;
}

/*=----------
skills-section
-------------=*/
.skills{
	background:#EBEDEF;
}
.ul-ux{
	margin-left:10%;
	width:40%;
	padding:3.5rem 0 6rem 0;
}
.ul-ux h1{
	font-size:2rem;
}
.progr{
	width:90%;
	height:7px;
}
.ul-ux p{
	padding:1rem 0 0 0;
	margin:1rem 0 0 0;
	font-weight: 600;
	color:#565656;
	font-size:14px;
	text-transform: uppercase;
}
.persen{
	margin-left:1rem;
}
/*=----------
data-section
-------------=*/

.data-work{
	background:#F5F5F5;
	padding:3rem 0;
}
.our-work{
	text-align: center;
	overflow: hidden;
}
.our-work h1{
	font-size:2.3rem;
	text-transform: capitalize;
}
.our-work p{
	font-size: 17px;
	color:#B5B5B5;
}
/*=-----------
ul ux section
--------------=*/
.ux-ux{
	text-align:center;
	padding:1rem 0;
}
.ux-1{
	display:inline-block;
	padding:1rem 2rem;
}
.ux-1 i{
	font-size:2.4rem;
	color:#949494;
}

.ux-1 h4{
	color:#222222;
	text-transform: uppercase;
	font-weight: 600;
	font-size:.9rem;
}
.ux-1 p{
	color:#777777;
	word-spacing: 2px;
}
/*=----------
job-section
-----=-------=*/
.job{
	background:#10C9C3;
	overflow: hidden;
	padding:4rem 0;
}
.jobt{
	text-align: center;
	color:#ffffff;
}
.jobt h3{
	font-size: 14px;
	text-transform: uppercase;
	margin-top:2.7rem;
}
.jobt h2{
	word-spacing: 4px;
}
/*=-------
website-section
---------=*/
.websit{
	padding:3rem 0;
}
.websit-st{
	text-align: center;
}
.web-link{
	display: inline-block;
	padding:0 3rem ;
}
/*=--------
form-section
-----------=*/
.form{
	background: #F5F5F5;
	overflow: hidden;
	padding:5rem 0;
}
.form-text{
	text-align: center;
}
.form-text h1{
	font-size: 2rem;
	color:#1D1D1D;
}

.form-text p{
	color:#787878;
	word-spacing: 3px;
	margin-bottom:2rem;
}
.form-group{
	width:52%;
	margin:auto;
	text-align: center;
}
.form-input .name{
	width:44%;
	margin-right:4.3%;
	font-size: 1rem;
	padding:20px 10px;
	margin-bottom: 1rem;
	border:none;
}
.form-input .name2{
	width:44%;
	font-size: 1rem;
	padding:20px 10px;
	margin-bottom: 1rem;
	border:none;
}
.form-input .name3{
	width:96.5%;
	font-size: 1rem;
	padding:20px 10px;
	margin-bottom: 1rem;
	border:none;
}
.form-input .nametext{
	width:97%;
	font-size: 1rem;
	padding:20px 10px;
	margin-bottom: 1rem;
	border:none;
}
.form-input .submit{
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	padding:18px 36px;
	background: #10C9C3;
	color:#ffffff;
	border:none;
	border-radius: 2px;
	margin-top:1rem;
}
/*=-----------
footer-section
-------------=*/
.footer{
	background: #000;
	overflow: hidden;
	color:#ffffff;
	text-align: center;
	padding:4rem 0;
}
.footer1{
	display: inline-block;
	text-align: left;
	padding:0 3rem;
}
.footer1 h2{
	font-size:1.2rem;
}
.footer1 p{
	color:#818181;
	font-size: 1rem;
}
.footer1 ul{
	list-style-type: none;
}
.footer1 ul li{
	color:#818181;
	line-height: 1.8;
}