/* Inconsl Consulting Business HTML Template */

/* 

	font-family: "Krona One", sans-serif;
	
*/

@import url('global.css');
@import url('header.css');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('preloader.css');
@import url('magnific-popup.css');
@import url('custom-animate.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Main Slider Section
====================================================================

***/

.banner-section{
	position:relative;
	overflow:hidden;
	background-size:cover;
	padding-top:var(--padding-top-110);
}

.banner-section .icon-layer-one{
	position:absolute;
	right:45%;
	top:22%;
	width:60px;
	height:68px;
	background-repeat:no-repeat;
}

.banner-section .icon-layer-two{
	position:absolute;
	left:15%;
	bottom:25%;
	width:100px;
	height:100px;
	background-repeat:no-repeat;
}

.banner-section .icon-layer-three{
	position:absolute;
	left:28%;
	bottom:10%;
	width:50px;
	height:54px;
	background-repeat:no-repeat;
}

.banner-section .content-column{
	position:relative;
}

.banner-section .content-column .inner-column{
	position:relative;
	margin-right:-120px;
	padding-top:var(--padding-top-150);
}

.banner-section h1:before{
	position:absolute;
	content:'';
	left:-20px;
	top:-60px;
	width:50px;
	height:26px;
	background:url(../images/main-slider/icon-1.png) no-repeat;
}

.banner-section h1{
	color:var(--color-two);
	text-transform:capitalize;
	margin-bottom:var(--margin-bottom-35);
}

.banner-section .image-column .image{
	position:relative;
	margin-left:-280px;
}

.banner-section .image-column .image img{
	max-width:inherit;
	width:auto;
}

.banner-section .owl-nav,
.banner-section .owl-dots{
	display:none;
}

/***

==================================================================
	Start Section
==================================================================

***/

.start-section{
	position:relative;
	padding:120px 0px 90px;
	background-color:var(--color-four);
}

.start-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.start-block .inner-box{
	position:relative;
	text-align:center;
}

.start-block .inner-box:hover .icon{
	transform:rotateY(180deg);
}

.start-block .icon{
	position:relative;
	width:110px;
	height:110px;
	margin:0 auto;
	line-height:110px;
	border-radius:50%;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background-color:var(--white-color);
	border:1px solid rgba(var(--black-color-rgb), 0.07);
}

.start-block h5{
	font-weight:600;
	line-height:34px;
	color:var(--color-two);
	margin-top:var(--margin-top-30);
	font-family: "Manrope", sans-serif;
}

/***

==================================================================
	Demo Section
==================================================================

***/

.demo-section{
	position:relative;
	padding:90px 0px 80px;
}

.demo-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.demo-block .inner-box{
	position:relative;
	text-align:center;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.demo-block .image{
	position:relative;
	border-radius:5px;
	overflow:hidden;
	border:1px solid var(--black-color);
}

.demo-block .image img{
	position:relative;
	width:100%;
	display:block;
}

.demo-block .new-tag{
	position:absolute;
	left:0px;
	top:-5px;
	padding:1px 8px;
	font-size:var(--font-14);
	color:var(--white-color);
	background-color:var(--main-color);
}

.demo-block .page{
	position:relative;
	display:block;
	font-weight:600;
	padding:39px 10px;
	color:var(--color-two);
	font-size:var(--font-24);
	text-transform:capitalize;
	font-family: "Manrope", sans-serif;
}

.demo-block .page:hover{
	color:var(--color-three);
}

.demo-block .overlay-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	
	display:flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-position:center center;
	background-color:rgba(var(--color-two-rgb), 0.45);
}

.demo-block .overlay-inner{
	position:relative;
}

.demo-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.demo-block .link{
	position:relative;
	font-weight:600;
	padding:17px 32px;
	border-radius:5px;
	display:inline-block;
	color:var(--color-two);
	text-transform:uppercase;
	font-size:var(--font-14);
	font-family: "Manrope", sans-serif;
	background-color:var(--main-color);
}

.demo-block .link:hover{
	color:var(--white-color);
	background-color:var(--color-two);
}

/***

==================================================================
	Features Section
==================================================================

***/

.features-section{
	position:relative;
	padding:100px 0px 100px;
}

.feature-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.feature-block .inner-box{
	position:relative;
	padding:50px 15px;
	border-radius:30px;
	text-align:center;
	background-color:var(--white-color);
	border:1px solid rgba(var(--color-two-rgb), 0.10);
}

.feature-block h4{
	color:#111113;
	font-weight:500;
	font-size:24px;
	font-family: "Manrope", sans-serif;
}

.feature-block .icon{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

/***

==================================================================
	Main Footer
==================================================================

***/

.main-footer{
	position:relative;
	text-align:center;
	padding:150px 0px 150px;
	background-color:var(--color-six);
}

.main-footer .logo{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.main-footer h2{
	color:var(--white-color);
}

.main-footer .text{
	position:relative;
	line-height:36px;
	color:var(--white-color);
	font-size: var(--font-20);
	margin-top:var(--margin-top-25);
	font-family: "Manrope", sans-serif;
	margin-bottom:var(--margin-bottom-40);
}

.main-footer .icon-layer-one{
	position:absolute;
	left:10%;
	top:15%;
	width:41px;
	height:114px;
	background-repeat:no-repeat;
}

.main-footer .icon-layer-two{
	position:absolute;
	right:10%;
	bottom:15%;
	width:62px;
	height:101px;
	background-repeat:no-repeat;
}

.mh-60{
	height: 60px;
}