/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.section-clients {
	position: relative; 
}

#slider {
	margin-top: -100px;
}
.slider-element {
	padding-top: 0;
}
#slider .slider-inner {
	position: relative;
	padding-top: 130px;
}
#slider .slider-inner .vertical-middle {
	padding-bottom: 200px;
}
@media (min-width: 992px) {
	#slider {
		margin-top: 0;
	}
	.slider-element {
		height: 100vh;
	}
	#slider .slider-inner {
		position: absolute;
	}
	#slider .slider-inner .section-clients {
		position: absolute;
	}
}
@media(min-width: 768px) {
	.both {
		position: relative;
	}
	.both:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -18.5vw;
		background-color: grey;
		width: 120px;
		height: 0.5px;

	}
	.both:after {
		content: "";
		position: absolute;
		top: 50%;
		right: -18.5vw;
		background-color: grey;
		width: 120px;
		height: 0.5px;

	}
}
@media(min-width: 1024px) {
	.both:before {
		left: -13vw;
	}
	.both:after {
		right: -13vw;
	}
}

.slider-element:before {
	content: "";
	/* background-color: #0d6efd; */
	background-image: linear-gradient(to bottom right, #3D80E4 55%, transparent);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.95;
} 
.bg-alur {
	position: relative;
	z-index: 1;
}
.bg-alur:before {
	background-color: #fff;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.8;
}


.primary-menu ul li a {
	font-size: 1em;
	font-weight: 400;
}

.features-items .feature-box .fbox-icon {
	--f-icon-size: none;
	font-size: 2.25em;
	margin-bottom: 0;
}

#header-wrap {
	border-bottom: 1px solid rgb(255,255,255,.1) !important;
}
.owl-stage-outer {
	padding-top: 2em;
	padding-bottom: 1em;
}
.owl-stage-outer-bg {
	background-image: none !important;
}
.owl-item.active {
	text-align: left !important;
}
.owl-stage{
	display: flex;
	flex-wrap: wrap;

}
.oc-item, .oc-item .wrapping {
	height: 100% !important;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
  }
  
  /* The Close Button */
  .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }