body {
	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
	background: #f9f9f9;
}

.hero-area .contents {
	padding: 30% 0%;
}

.hero-area .contents p {
	font-size: 18px;
	text-align: justify;
}

.hero-area .contents .btn {
	text-transform: capitalize;
}

.hero-area .intro-img {
	padding: 140px 0 0px;
}

.hero-area .intro-img img {
	max-width: 130%!important;
}

.hero-area .overlay {
	background: linear-gradient(150deg, #875a7b 20%, #62495b 80%) !important;
	transform: skewY(-6deg);
}

.navbar {
	padding: 0.5rem 0rem;
	background: #fff;
}

.navbar-expand-md .navbar-nav .nav-link {
	color: #4A4A4A!Important;
}

.navbar-expand-md .navbar-nav .nav-link:hover {
	color: #006ea7!Important;
	font-weight: bold;
}

.navbar-expand-md .navbar-nav .nav-link.active {
	color: #006ea7!Important;
	font-weight: bold;
}

.menu-bg {
	background: #fff!important;
}

.pb-70 {
	padding-bottom: 70px!important;
}

.invoicing {
	width: 85%;
}

.btn {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: capitalize;
}


/*odoo*/

#odoo {
	padding: 50px 0px;
}

.odoo p {
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 7%;
	font-weight: 900;
}

.odoo .icon {
	padding: 0 10% 15%;
	text-align: center;
}

.icon img {
	padding-bottom: 20%;
}

.business-item-info p {
	text-align: justify;
}

.business-item-img img {
	padding-top: 20%;
	padding-left: 10%;
}


/*About us*/

#business-plan {
	background: #fff;
}


/*Services*/

#features .feature-item {
	display: inline-block;
	padding: 25px;
	margin: 5%;
	border: 1px solid #35b6b1;
	border-radius: 4px;
}

#features .feature-item .feature-icon {
	margin-bottom: 15px;
}

#features .feature-item .feature-icon i {
	top: 23%;
}

#features .featured-border {
	border-right: 1px solid #ededed;
}

.feature-info h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}


/*testimonial*/

#testimonial {
	height: 300px;
}

#testimonial .testimonial-area {
	top: -35px;
}


/*Contact*/

#contact {
	background: #fff;
}

textarea {
	resize: none;
}

#contact form#contactForm .form-control:focus {
	background: none;
}

.alert-success {
	font-size: 18px;
}

#footer-Content .copyright p {
	color: #ffffff!important;
}

#footer-Content .copyright a {
	color: #ffffff!important;
}

.back-to-top {
	background: #565656!important;
}

.back-to-top i {
	color: #fff!important;
}

#footer-Content {
	background: #006fa9;
}

iframe {
	width: 100%;
	height: 250px;
	border: 0;
	border-radius: 4px
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
	.hero-area .intro-img img {
		max-width: 150%!important;
	}
	.hero-area .intro-img {
		padding: 120px 0 0px;
	}
	.hero-area .contents h2 {
		font-size: 4em;
		font-weight: 700;
		line-height: 1.3em;
	}
	.navbar-expand-md .navbar-nav .nav-link:focus,
	.navbar-expand-md .navbar-nav .nav-link:hover,
	.navbar-expand-md .navbar-nav .nav-link:hover:before {
		color: #006fa9;
	}
	.fixed-top.scrolling-navbar .nav-item {
		color: #000;
	}
	.menu-bg {
		height: 70px;
	}
	.btn-singin {
		background: #0270aa;
	}
	#navbarCollapse {
		padding-bottom: 3px;
	}
	.menu-bg .logo {
		max-width: 85%;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 14px 0 15px 0px;
	}
	/*odoo*/
	.odoo img {
		padding-top: 20%;
		max-width: 100%;
	}
	.invoicing {
		width: 85%;
	}
	.odoo p {
		padding-bottom: 0;
	}
	.odoo .icon {
		padding: 0 10% 15%;
	}
	/*team*/
	#team {
		background: #fff;
	}
	/*testimonial*/
	#testimonial {
		margin-bottom: 250px;
		height: 285px;
	}
	/*contact*/
	.section {
		padding: 100px 0px;
	}
	/*Footer*/
	#footer-Content .footer-logo img {
		padding-top: 0px;
		filter: brightness(0) invert(1);
	}
	#footer-Content {
		padding-top: 80px;
	}
	#footer-Content .copyright {
		border-top: 1px solid #ffffff;
		margin-top: 80px;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.logo {
		width: 100%!important;
	}
	.navbar {
		background: #fff;
	}
	.navbar-expand-md .navbar-toggler {
		background: #875a7b;
		border: 1px solid #875a7b;
	}
	.navbar-toggler {
		padding: .50rem .75rem;
	}
	.hero-area {
		background: linear-gradient(150deg, #875a7b 20%, #62495b 80%);
	}
	.hero-area .contents {
		padding: 100px 0 50px;
	}
	.hero-area .contents h2 {
		font-size: 3.5em;
		font-weight: 700;
		line-height: 1.2em;
	}
	.hero-area .contents p {
		color: #fff;
		font-size: 18px;
		text-align: justify;
	}
	.hero-area .intro-img {
		padding: 30px 0 0px;
		display: none;
	}
	#footer-Content {
		padding-top: 0px;
	}
	#footer-Content .copyright {
		margin-top: 0px;
		text-align: center;
		border: none;
	}
	#footer-Content .copyright p {
		color: #ffffff!important;
		font-size: 16px;
	}
	#footer-Content .copyright a {
		color: #fff;
	}
}


/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
	.hero-area .contents .btn {
		width: 48%;
		padding: 12px 0px;
		font-size: 16px;
	}
	.hero-area .contents .btn-border {
		width: 48%;
		padding: 12px 0px;
		font-size: 16px;
	}
	.icon img {
		padding-bottom: 5%;
	}
	.invoicing {
		width: 30%;
	}
	#contact {
		margin-top: 100px;
	}
	#footer-Content {
		padding-top: 30px;
	}
	#footer-Content .copyright p {
		text-align: center;
	}
	.widget {
		margin-bottom: 5%;
	}
}