@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap');
body {
	font-family: 'Poppins', sans-serif;
}
html {
	scroll-behavior: smooth;
}
/*navbar css*/

.navbar-brand {
	width: 200px;
}
.scrolled {
	background: #ffffff;
	color: #333333;
}
.navbar-nav .nav-item {
	padding: 10px;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgb(255, 255, 255);
}
.navbar-light .navbar-nav .nav-link {
	color: #333333;
}
/*navbar css*/

/*home css*/

.main-banner {
	background: url(../images/main-banner.jpg)no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.main-banner .content h1 {
	font-size: 60px;
	letter-spacing: 5px;
}
.main-banner .content p {
	font-size: 20px;
}
/*home css*/

/*services css*/

.services {
	padding: 120px 0;
	background: #f6f9fb;
}
.section-head {
	margin-bottom: 40px;
}
.section-head h4 {
	font-size: 40px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	color: #f7931e;
}
.sm-title {
	font-size: 14px;
	color: #333333 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
}
.service-content {
	padding: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #fff;
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.08);
	border-radius: 5px;
}
.service-content .media img {
	width: 60px;
	height: 60px;
	margin-right: 30px;
}
.service-content .media .media-body {
	color: #333333;
}
.service-content .media .media-body p {
	margin: 0px;
}
/*services css*/

/*about css*/
.about {
	padding: 120px 0;
	background: #ffffff;
}
.about-info {
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #ffffff;
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.08);
	border-radius: 5px;
	border-left: 2px solid #f7931e;
}
.about-info h5 {
	color: #f7931e;
}
.about-info p {
	margin: 0px;
}
/*about css*/


/*faq css*/

.faq {
	padding: 120px 0;
	background: #f6f9fb;
}
.accordion .card {
	margin: 20px auto;
	border: none;
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.08);
	border-radius: 5px;
}
.accordion .card .card-body {
	background: #fafafa;
}
.accordion .card .card-header {
	background: #ffffff !important;
	border: none;
	padding: 15px;
	border-left: 2px solid #f7931e;
	cursor: pointer;
}
/*faq css*/

/*contact css*/
.contact {
	padding: 120px 0;
	background-color: #333333;
	color: #ffffff;
	background-image: url(../images/map-bg.png);
}
.contact .section-head .sm-title {
	color: #ffffff !important;
}
.contact .section-head h4 {
	color: #f7931e;
}
.contact-info {
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact-info img {
	height: 50px;
}
.contact-info .media-body {
	padding-left: 20px;
	margin-left: 20px;
	border-left: 2px solid #cccccc;
}
.contact-info .media-body h5 {
	color: #f7931e;
}
.contact-info .media-body a {
	color: #ffffff;
}.contact-info .media-body a img{
	width: 15px;
	margin-right:10px;
}
.form {
	padding: 30px;
	background: #ffffff;
	border-radius: 5px;
}
.form h5 {
	color: #f7931e;
}
.form-control {
	margin: 15px auto;
}
.form input, .form textarea {
	border: 1px solid rgba(51, 51, 51, 0.2);
	width: 100%;
	padding: 15px;
	border-radius: 5px;
}
/*contact css*/

/*footer css*/
.footer-sec {
	background: #333333;
	color: #cccccc;
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 20px;
}
.footer-sec p {
	font-size: 14px;
	margin: 0px;
}
/*footer css*/

/*buttons css*/

.btn.btn-primary {
	padding: 10px 40px;
	background-image: linear-gradient(to right top, #f7931e, #f6861d, #f5781e, #f36921, #f15a24);
	border: none;
	font-size: 18px;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

/*buttons css*/



@media (max-width: 575.98px) {
.navbar-brand {
	width: 160px;
}
.navbar-dark {
	background: rgba(0,0,0,0.4);
}
.main-banner .content h1 {
	font-size: 35px;
}
.services, .about, .faq, .contact {
	padding: 60px 0px;
}
.service-content .media {
	display: block;
	text-align: center;
}
.service-content .media img {
	margin-bottom: 15px !important;
	margin-right: auto;
}
.section-head {
	margin-bottom: 20px;
}
.section-head h4 {
	font-size: 30px;
}
.contact-form {
	margin-top: 20px;
}
.form {
	padding: 15px;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
.navbar-brand {
	width: 160px;
}
.navbar-dark {
	background: rgba(0,0,0,0.4);
}
.main-banner .content h1 {
	font-size: 35px;
}
.services, .about, .faq, .contact {
	padding: 60px 0px;
}
.service-content .media {
	display: block;
	text-align: center;
}
.service-content .media img {
	margin-bottom: 15px !important;
	margin-right: auto;
}
.section-head {
	margin-bottom: 20px;
}
.section-head h4 {
	font-size: 30px;
}
.contact-form {
	margin-top: 20px;
}
.form {
	padding: 15px;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.contact-res {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.contact-info .media {
	display: block;
}
.contact-info .media-body {
	padding-left: 0px;
	margin-left: 0px;
	border-left: none;
}
.contact-info img {
	margin-bottom: 10px !important;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}
