/* ===================================
		General
====================================== */
/* background-color */
.bg-gray {background-color: #eeeeee;}
.bg-bdl{background-color: #fb1b}

/* ===================================
		Header & Navigation
   ====================================== */
/* nav top default */
header a.logo img {
	max-width: 200px;
	vertical-align: sub;
}

.header-appear .logo-img{
	display: none;
}

.logo-dark{
	display: none;
}

.header-appear .logo-dark{
	display: block;
	max-width: 150px;
}

section {
padding: 2rem 0;
}

/* ===================================
		About-feature
====================================== */

.info{
	font-size: 1.2rem;
	color: #111;
}

.colored_heading{
	color: #111;
}

.heading{
	color: #111;
}
.heading-area .sub-title {
	color: #111;
}

.heading-area .title {
	color: #111;
}

.contact-section img{
	margin-top: 100px;
}
.app-image {
	text-align: center;
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.app-image img{
	width: 25%;
}

/* ===================================
	   Stand Alone
====================================== */
.bg-overlay{
	background-image: url("../images/shutterstock_644431456-76.jpg");
	background-size: cover;
	height: 500px;
}

.page-title .standalone-overlay{
	background: rgba(252, 120, 255, 0.312);
}

.standalone-row:not(:last-child) {
	margin-bottom: 1rem;
}

.standalone-area .heading-text{
	font-weight: 400;
	margin-bottom: 12px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	font-size: 1.5rem;
	color: #0e1f39;
}

.standalone-area .stand-img-des .para_text{
	font-family: 'Montserrat', sans-serif;
	text-align:left;
	font-weight: 400;
	color: #000000;
}

@media screen and (max-width: 991px) and (min-width: 768px){
	/* banner */
	.height {
		height: 75vh;
	}
	.banner-des{
		width: 50%;
	}
	.banner-heading {
		font-weight: 700;
		font-size: 5rem;
		color:#fb1f;
	}
	.banner-text{
		font-weight: 500;
		font-size: 2rem;
		color:#fb1f;
	}

	.banner-des{
		font-weight: 500;
		font-size: 2rem;
		color:#f1ef;
		background-color: #15ff;
	}
}

@media screen and (max-width: 767px){
	/* Logo */
	header a.logo img {
		max-width: 100px;
	}
	.header-appear .logo-dark {
		max-width: 100px;
	}

	/* banner */

	.banner-heading {
		font-size: 43px;
	}
	.banner-des {
		font-size: 16px;
		width: 100%;
	}
	.bg-banner{
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.bg-banner{
		height: 88vh;
		margin-top: 6.0rem;
	}
}