/*

Theme Name:         Maven New
Author:             Netcosys
Version:            1.0.0

*/

h1, h2, h3, h4{
	font-family: 'Fira Sans', sans-serif;
}

.header-socio{/*background-color: #152948;*/background:#035099; position: relative; padding: 5px 0}
.header-socio::after {
    content: '';
    position: absolute;
    top: 0;
    left: -30%;
    width: 90%;
    height: 70%;
    z-index: 2;
    transform: skew(
-26deg
);
    padding-left: 20px;
    /*background: #0066FF;*/
	background:#035099;
}
.header-socio .container{ position: relative; z-index: 3 }
.top-address a{ font-size: 14px; color: #fff; margin-right:20px; margin-left: -10px; }
.top-address a i{margin-right:5px;}
.top-address a i, ul.header-social-icons-sw li a i {
    margin-right: 5px;
    color: #fff;
    font-family: 'FontAwesome';
}

ul.header-social-icons-sw{position: relative; text-align: right;}
ul.header-social-icons-sw li{display: inline-block;  padding:3px 5px;}
ul.header-social-icons-sw li a{color: #fff;}

header{top:38px; z-index: 999; position: absolute; width: 100%; left: 0; padding-bottom: 2px }
header *{
	-webkit-transition: all 0.5 ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.header-top.fixed{
	position: fixed; padding: 0px 15px;  width: 100%; 
	left: 0; top:0px; border-bottom:1px solid #e0e0e0;
}
.header-top {    padding: 15px 15px 10px; }
/*.header-top{background-color: rgba(246,247,244,0.6);}*/

.navbar-expand-lg .navbar-nav li{padding: 0 15px; display: inline-block;}
.navbar-expand-lg .navbar-nav li a{color: #000; font-size: 14px !important;}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color: #0066FF}
.dropdown-item.active, .dropdown-item:active{color: #fff !important}






.carousel-caption.banner-caption{
	text-align: left;
    background-color: rgba(0,0,0,0.3);
    padding: 20px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
	top:40%;
}
.contact-info-sw {
    padding: 10px 0px; 
}
.banner-caption h1{ font-size: 20px;  color: #fff; font-family: "Fira Sans", Sans-serif; font-weight: 400;}
.banner-caption h4{
	font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0 0 24px;
    letter-spacing: 2px;
    border-top: 2px solid #FF3C00;
    display: inline-block;
    color: #fff;
}
.banner-caption p{
	 text-align: left;
    margin: 35px 0 30px;
    font-size: 20px;
    color: #fff;
}
.banner-caption p,.banner-caption p span{font-weight: bold;} 




.section-title h5 {
    color: #FF3C00;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: 1px;
    margin: 0 0 5px;
}

.section-title h3, .section-title h2 {
    font-size: 35px;
    margin-bottom: 0px;
    text-transform: capitalize;
    margin-top: 0;
    line-height: 1.2;
    font-weight: 700;
}

.section-title h2 {
    font-size: 39px;
}

.section-title  h3 span, .section-title h2 span{
    color: #FF3C00;
}


.text-bottom-pad{padding-bottom: 0; margin-bottom: 0 !important;}
.asseesment_item{position:relative}
.asseesment_item:after{
	content:"";
	position:absolute; bottom:-54px; width:100%; text-align:center; margin:0;
	width:50px; height:69px;
	background:url(http://bluestoneconsult.com/wp-content/uploads/2021/05/down-arrow_.png) no-repeat bottom center;
	left:55px;
}

.asseesment_item:last-child:after{
	display:none;
}
/*Contact Page */
.get-in-touch{padding:40px 0 0}

/* Footer form */
.footer-top-sw{padding-bottom:20px;}
.footer-top-sw input[type=text],.footer-top-sw input[type=email],.footer-top-sw textarea,.footer-top-sw input[type=submit]{
	background-color:rgb(215 226 245 / 60%);
	border:0;
	padding: 4px;
	width:91%;
}
.footer-top-sw input,footer-top-sw textarea{font-size:14px;}
.footer-top-sw br{display:none}
.footer-top-sw label{padding:0; margin:4px 0; width:100%}
.footer-top-sw textarea{height:100px; }
.footer-top-sw input[type=submit]{background-color:#0b6dfe; border:0}
.footer-top-sw .wpcf7-not-valid-tip, .footer-top-sw .wpcf7-response-output{color:red}


	
@media (min-width: 1200px){

	.navbar-expand-lg .navbar-collapse{display: block !important; text-align: right;}
	.navbar-expand-lg .navbar-nav{display: inline; width: 100%; text-align: right;}

	.home-banner{background-color: #999;}
	.home-banner .carousel-item img{width: 100%; display: block; margin: 0 auto }
	
	.carousel-caption.banner-caption{
		    background-color: rgba(0,0,0,0.1);
			padding: 20px;
			border-bottom-right-radius: 50px;
			border-top-left-radius: 50px;
			width: 60%;
			right: 86px;
			top: 30%;
			/* float: right; */
			left: auto;
	}

}

@media (min-width: 1368px){
	.carousel-caption.banner-caption {
	    text-align: left;
	    display: inline-block;
	    margin-left: 50%;
	    left: -18%;
	}
}

@media (max-width:1199px){
	.carousel-caption.banner-caption h1 br{display:none}
	.builder-content{padding: 0 20px;}
}

@media (min-width:992px){
	.inner-page{padding-top: 66px;}
}
@media (max-width:991px){
}
@media (max-width:767px){
	.header-socio{padding: 9px 0;}
	.header-socio .header-social-icons-sw{display:none}
	.header-top{padding:0}
	.navbar .navbar-brand{    padding: 5px 0;}
	.navbar .navbar-brand img{
		width: 150px !important;
    	height: auto;
		margin-top:0px;
	}
	.home-banner .carousel-item img{
		width: auto;
    	height: 300px;
	}
	.banner-caption{
		padding:50px 20px;
		margin: 25px 0;
		left:5%;
		right:5%;
	}
	.banner-caption h1{
		font-size: 18px;
    	line-height: 28px;
	}
	
	.box-ind-retail .box-ind-retail-item{margin:20px 20px 100px 20px}
	.box-ind-retail .box-ind-retail-item > div{margin:auto auto 50px !important;}
	
	#approach .elementor-section{padding:20px}
	.asseesment_item{text-align:center;}
	.assessment_imgy{ display:none	}
	.asseesment_item:after{
		left: 50%;
		margin-left: -5%;
	}
	#approach .elementor-element-populated { background:none; background-color:transparent !important; padding:0}
	#approach .assessment_con .elementor-background-overlay{display:none}
	#approach .elementor-heading-title{margin-top:40px;}
	
	
}
@media(max-width:580px){
	header{top:58px;}
	.top-address a{width:100%; display:block; margin:0}
	.home-assessment{ padding: 20px 20px 50px 20px !important;}
}

@media(max-width:450px){
	.box-ind-retail .elementor-widget-container{ margin:10px 10px 10px 0 !important;}
	.box-ind-retail .elementor-element-populated{margin:10px !important; padding:0 !important;}
	.box-ind-retail .box-ind-retail-item{margin:0px; padding:0}
	
}