body {
	scroll-behavior: smooth scroll;
	padding: 0;
	margin: 0;
}
.navbar-brand img {
	width: 200px;
	object-fit: contain;
}
.navbar {
	background-color: white;
	height: 70px auto;
}
.navbar .navbar-brand {
	font-size: 30px;
	color: #17b890;
}
.navbar .navbar-nav .nav-link {
	font-size: 18px;
}
.navbar .navbar-nav a:hover {
	color: #17b890;
}
.hero {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)),
		url("../assets/images/hero.jpg");
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.hero-text {
	height: 100vh;
}
.hero-text .child {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.hero-text .child h2 {
	font-size: 40px;
	line-height: 60px;
	color: white;
}
.hero-text .child button {
	padding: 10px 22px 10px 22px;
	border: none;
	border-radius: 5px;
	background: #17b890;
	color: white;
	font-size: 18px;
	margin-top: 20px;
}
.about {
	padding: 70px 0px 70px 0px;
}
.about-details p {
	font-size: 18px;
	line-height: 34px;
	padding: 10px 0px 10px 0px;
}
.about-bg {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
		url("../assets/images/about.jpg");
	min-height: 70vh;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 7px;
}
.values {
	padding-bottom: 50px;
}
.box {
	background-color: #17b890;
	min-height: 270px;
	border-radius: 7px;
	margin-bottom: 10px;
}
.box .child {
	padding: 20px;
}

.box .child h4 {
	color: white;
}
.box .child p {
	padding: 10px 0px 10px 0px;
	font-size: 17px;
	color: #ddd;
}
.service-box {
	background: white;
	padding: 10px 5px 10px 5px;
	border-radius: 7px;
}
.service-box p {
	font-size: 18px;
}
.solution-bg {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
		url("../assets/images/hero.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 53vh;
	border-radius: 5px;
}
.services-banner {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
		url("../assets/images/services.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 55vh;
}
.services-text {
	height: 55vh;
	text-align: center;
}
.services-text .child {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.services-text .child h2 {
	color: white;
}
.service-item {
	min-height: 70px;
	margin-bottom: 15px;
}
.service-item .child {
	padding: 10px 20px 10px 20px;
}
.service-item .child p {
	font-size: 18px;
}
.registration {
	padding-bottom: 50px;
}
.action button {
	padding: 10px 20px 10px 10px;
	border: none;
	border-radius: 5px;
	background: #17b890;
	color: white;
}
.break {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
		url("../assets/images/break.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 50vh;
	background-attachment: fixed;
}
.value-item {
	min-height: 270px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.value-item .child {
	padding: 20px;
}
.value-item .child h5 {
	color: #17b890;
}
.value-item .child p {
	font-size: 17px;
	padding-top: 10px;
	line-height: 29px;
}
.solutions-bg {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
		url("../assets/images/hero.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 50vh;
	border-radius: 5px;
}
.footer {
	background: #17b890;
}
.footer-child {
	padding: 50px 0px 50px 0px;
}
.footer-child .links li {
	padding-bottom: 10px;
}
.footer-child ul li a {
	text-decoration: none;
}
.logo-contain {
	height: 100px;
	border-radius: 5px;
	margin-bottom: 17px;
	background: white;
}
.logo-contain img {
	width: 100%;
	height: 100px;
	object-fit: contain;
}

@media only screen and (max-width: 600px) {
	.hero-text .child h2 {
		font-size: 24px;
		line-height: 40px;
	}
	.about-bg {
		min-height: 40vh;
	}
	.solutions-bg {
		margin-bottom: 20px;
	}
	.logo-contain {
		height: 50px;
	}
	.logo-contain img {
		height: 50px;
	}
	/* .navbar-brand img {
		width: 20%;
	} */
}
