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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#icon{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0rem;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 15em;
	color: #2094ca;
	z-index: 1;
	opacity: 0.1;
}

#icon-left{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0rem;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 15em;
	color: #ffffff;
	z-index: 1;
	opacity: 1;
}
@media(max-width:992px){
	#icon{
		display: none;
	}

	#icon-left{
		display: none;
	}
}

.feature-box-border .feature-box { position: relative; }

.feature-box-border .feature-box:not(.noborder)::after {
	content: "";
    position: absolute;
    top: calc(64px + 16px);
    left: 59px;
    width: 2px;
    height: calc(100% - 16px);
    background-color: #EEE;
    z-index: 0;
}

.feature-box-border .fbox-color.feature-box:not(.noborder)::after { background-color: #2094ca; }

.feature-box-border .fbox-icon i,
.feature-box-border .fbox-border.fbox-light .fbox-icon i {
	line-height: 60px;
	font-size: 24px;
	z-index: 1;
	text-align: center;
}

.fbox-border.fbox-light .fbox-icon a { background-color: #FFF; }

.fbox-border.fbox-effect .fbox-icon i::after {
    background-color: #2094ca;
}

.bg-color-50 {
	background-color: rgba(15, 100, 88, 0.4) !important;
	background-color: #0f645852 !important; /* Or, less accurately, #ff08 */
}

.dark .line { border-color: rgb(255, 205,140, .2) !important; }

.section-mobile {
	width: calc(100vw - 30px);
	margin-left: auto;
	margin-right: auto;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 768px) {
	.section-mobile {
		width: calc(100vw - 60px);
	}
}