* {
	margin: 0px;
	padding: 0px;
	scroll-behavior: smooth;
	font-family: 'Lato', sans-serif;
}
.row {
	padding: 0% 10%;
}



/*-------- hero section section start---------------*/
.hero-container {
	width: 100%;
	background: url(topbg.png);
	height: 740px;
}


.top-section {
	width: 100%;
	height: 1000px;
	box-sizing: border-box;
}


/*menu start*/
.menu-container {
	width: 100%;
	height: 80px ;
	background:none;
	z-index: 99;
	padding-top: 20px;

}



.logo {
	width: 30%;
	height: 100%;
	float: left;
}

.logo img {
	height: 90%;
	margin-left: 20%;
	margin-top: 5px;

}

.menu-item { 
width: 60%;
float: left;
height: 100%;
text-align: center;
}
.menu-item li {
	display: inline-block;
	line-height: 80px;
	padding: 0px 20px 0px 20px;
	font-family: 'Lato', sans-serif;;
	font-weight: 600;
	font-size: 18px;
}

.menu-item li a {
	text-decoration: none;
	color: white;
}
.menu-item li:hover a{
	color: #ffc61a;
	
}

.active {
	background: #ffc61a;
	border-radius: 22px;
	padding: 10px 20px;
	color: black !important;
}
.active:hover {
	color:black !important;
}
.responsive-menu {
	float: left;
	width: 10%;
	height: 100%;
	text-align: center;
	visibility: hidden;


}
.responsive-menu i {
	line-height: 60px;
	font-size: 35px;
	cursor: pointer;
	color: white;

}


.responsive-menu-item{ 
width: 100%;
height: auto;
text-align: center;
background: white;
display: none;
}




.responsive-menu-item li {
	display:block;
	line-height: 60px;
	padding: 0px 20px 0px 20px;
	font-family: 'Lato', sans-serif;;;
	font-weight: 600;
}
.responsive-menu-item li:hover {
	background: ;

}
.responsive-menu-item li a {
	text-decoration: none;
	color: black;
}
.responsive-menu-item li:hover a{
	color:#ffc61a;
	
}

#icon-b {
	display: none;
}

/*menu close*/












/*hero-conteent*/
.hero-content {
	width: 100%;
	height:auto;
	text-align: center;
	padding-top: 80px;
}

.hero-content h1:nth-child(1) {
	color:#ffc61a;
	font-size: 40px;
}
.hero-content h1:nth-child(2) {
	color:white;
	font-size: 65px;
	margin: 10px 0px;
	font-weight: 900;
}
.hero-content h1:nth-child(3) {
	color:white;
	font-size: 20px;
	letter-spacing: 15PX;
	margin-bottom: 50px;

}

/*top section close*/




/*about section start*/
.about-container{
	width: 100%;
	height: 700px;
	background: #ffc61a;
}

.about-row {
	padding-top: 140px;
}

.about-row div:nth-child(1) h1:nth-child(1) {
	font-weight:900;
	font-size: 34px;

}
.about-row div:nth-child(1) {
	padding-right: 7%;
}
.about-row div:nth-child(1) h1:nth-child(2) {
	font-weight:900;
	font-size: 45px;
	margin-top: 20px;
}

.about-row div:nth-child(1) p {
	
	font-size: 17px;
	margin-top: 20px;
	text-align: justify;
}
.about-row div:nth-child(1) button {
	width: 170px;
	height: 50px;
	margin-top: 20px;
	background: black;
	color: white;
	font-size: 20px;
}

.about-row div:nth-child(2) {
	text-align: center;
}
.about-row div:nth-child(2) form {
	float: right;
	width: 80%;
	height: 500px;
	background: white;

}
.about-row div:nth-child(2) form div {
	width: 100%;
	height: 80px;
	background: black;
	padding-left:10%;
}

.about-row div:nth-child(2) form div h1 {
	color: white;
	text-align: left;
	line-height: 80px;
}
.about-row div:nth-child(2) form div span {
	color:  #ffc61a;
}
.about-row div:nth-child(2) form input {
	border-bottom: 2px solid #d8d8d8 !important;
	border: none;
	width: 40%;
	height: 50px;
	margin-top: 25px;
}

.about-row div:nth-child(2) form input:nth-child(8) {
	width: 84%;	
}

.about-row div:nth-child(2) form input:last-child {
	width: 84%;
	background: black;
	color: white;
	font-size: 22px;
	text-transform: uppercase;
	margin-top: 50px;
}

.about-row div:nth-child(2) form input {
	color:  black;
	font-weight: bold;
}


/*ABOUT SECTIOPN CLOSE*/








/*Package section start*/
.package-container {
	height: 750px;
	text-align: center;
}
.package-row {
	padding-top: 50px;
}
.row-header h1:nth-child(1) {
	color:  #ffc61a;
}
.row-header h1:nth-child(2) {
	color: black;
	font-weight: 900;
	margin-bottom: 110px;
}


.package-row div div {
	background: whitesmoke;
	padding: 25px 15px;

}
.package div img {
	margin-top: -100px;
}

.package div h2 {
	font-weight: bold;
	margin-top: 20px;
}

.package div h1 {
	font-weight: bold;
	color:  #ffc61a;
}

.package div button {
	background:  #ffc61a;
	width: 150px;
	height: 40px;
	margin-top: 20px;
	color: black;
	border: none;
	font-weight: 800;

}
.package2 div {
	background:  #ffc61a !important;
	position: relative;
	margin-top: 0px !important;
}
.package2 div img:first-child {
	margin-top: -100px;
}

.package2 div h2 {
	font-weight: bold;
	margin-top: 20px;
}

.package2 div h1 {
	font-weight: bold;
	color: black
}

.package2 div button {
	background:  black;
	width: 150px;
	height: 40px;
	color: white;
	border: none;
	font-weight: 800;
	margin-top: 20px;

}
.package2 div img:last-child {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/*package section close*/













/* feature section start  */


.feature-container {
	height: 750px ;
	background: url(/img/feature-bg.png);
	background-size: cover;
	text-align: center;
}

.feature-headline h1:first-child {
	color: #ffc61a;
	text-align: center;
	margin-top: 100px;
}

.feature-headline h1:last-child {
	color: white;
	font-weight: bold;
	text-align: center;
	margin-bottom: 80px;
}


.feacture-row div div h1 {
	color: #ffc61a;
	text-align: left !important;
	font-size: 22px;
}
.feacture-row div div p {
	color: white;
	text-align: left !important;

}

.feacture-row div div {
	margin-top: 20px;
}

.feacture-row div button {
	background:  #ffc61a;
	width: 150px;
	height: 40px;
	margin-top: 50px;
	color: black;
	border: none;
	font-weight: 800;
}

/*feacture section close*/








/*download section start*/


.download-container {
	height: 650px !important;
	position: relative;
}



.download-headline h1:first-child {
	color: #ffc61a;
	text-align: center;
	margin-top: 50px;
	font-size: 35px;
	font-weight: bold;
}

.download-headline h1:last-child {
	color: black;
	font-weight: bold;
	text-align: center;
}

.download-details {
	padding-left:15% !important;
}
.download-details h2 {
	font-weight: bold;
	font-size: 28px;
	margin-top: 50px;

}
.download-details p {
	width: 80%;
	margin: 20px 0px;
	font-size: 17px;


}
.download-details img {
	margin-top: 30px;
	margin-right: 10px;

}

.download-img {
	
}
.download-img img {
	position: absolute;
	bottom: 0px;

}

/*dowanload section close*/





/*reveiw section start*/
.review-container {
	height: 600px;
	background: url(/img/testimonial-bg.jpg);
}



.review-headline h2 {
	color: #ffc61a;
	text-align: center;
	margin-top: 100px;
	font-size: 35px;
	font-weight: bold;
}

.review-headline h1 {
	color: white;
	font-weight: bold;
	text-align: center;
	margin-bottom: 100px;
}

.review-row div div {
 background: black;
 padding: 25px 30px;
 color: white;
 border-radius: 50px;

}
.review-men {
	margin-bottom: -20px !important;
	padding: 0px !important;
}
.review-men div img {
	height: 91%;
	
}
.review-men div p:nth-child(1) {
	color:  #ffc61a;
	font-size: 20px;
	font-weight: bold;
}
.review-men div p:nth-child(2) {
	margin-top: -20px;
}

/*revierw section close*/





.call-container {
	height:300px ;
	background:  #ffc61a;
	text-align: center;
}

.call-row div h2 {
	font-weight: bold;
	font-size: 30px;
	margin-top: 90px;
}

.call-row div h1 {
	font-weight: 900;
	font-size: 70px;
}

/*call section close*/






/*contact section start*/
.contact-container {
	background: black;
	color: white;
	height: 565px;
	
}
.contact-row div {
	padding: 40px;
}
.contact-row h1 {
	margin-top: 50px;
	font-size: 27px;
	font-weight: bold;
	border-bottom: 5px solid #ffc61a;
	padding-bottom: 30px;
}
.contact-row p {
	margin: 20px 0px;
}
.contact-row div:nth-child(1) i {
	margin-right: 20px;
}



.copyright {
	text-align: center;
	color: gray;
}




/*contact section close*/












/*========== Responsive section start ==========*/
/*menu bar start */
@media screen and (max-width: 900px) {
	.menu-item {
		display: none;
	}
	.responsive-menu {
		float: right;
		margin-right: 20px;
		visibility: visible;
	}
	.icon-b {
		display: none;
	}

}

/*menu bar close */












