﻿.col-xs-3 ul.leftmargin {
	margin-left: 0 !important;
}

.our-business-hero-xl{
	padding: 160px 0 !important;
}


/* Features grid */
.features-grid{
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/* Ensure Bootstrap column with d-flex actually stretches children */
.features-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: start;
    align-items: start;
}

.features-grid > div {
	padding-left: 0px;
	padding-right: 0px;
}

.feature-item{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	gap:12px;
	border-radius:8px;
	background:#fff;
	min-height:84px; /* equal height for alignment across rows */
	width:100%;
	height:100%;
	padding: 12px 20px;
}

.feature-icon img{
	width:40px;
	height:40px;
	object-fit:contain;
}

.feature-content{
	flex:1;
}

.feature-title{
	font-family: 'HelveticaNeueW01-75Bold';
	font-weight:900;
	font-size:15px;
	margin-bottom:2px;
	color: #636363 !important
}

.feature-desc{
	font-size:14px;
	color:#555;
}

#page-title {
	position: relative; /* Contenedor de referencia para el overlay */
  }
  
  #page-title::before {
	content: ''; /* Necesario para que el pseudo-elemento se muestre */
	position: absolute; /* Se posiciona sobre el contenedor */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6); /* Negro con 50% de opacidad */
	z-index: 0; /* Se asegura que esté detrás del contenido */
  }
  
  /* Es importante asegurarse de que el contenido esté por encima del overlay */
  #page-title .container {
	  position: relative;
	  z-index: 1;
  }


/* Ensure equal height cards within bootstrap stretch */
@media (min-width: 576px){
	/* keep same behavior on larger screens */
}

/* Responsive adjustments */
@media (max-width: 991.98px){
	.feature-item{padding:12px;}
}

@media (max-width: 575.98px){
	.features-grid{margin-top:16px;}
	/* Stack icon above text so content wraps underneath on small screens */
	.feature-item{flex-direction:column; align-items:flex-start;}
	.feature-icon{margin-bottom:8px;}
	.feature-content{width:100%;}
	.feature-title{font-size:16px;}
	.feature-desc{font-size:14px;}
}


/* Difference banner */
.full-banner .section{padding:48px 0;}
.full-banner .full-title{color:#fff; font-weight:800; font-size:28px; margin:0 0 14px;}
.full-banner .full-subtitle{color:#fff; font-size:16px; margin:0;}

@media (min-width:992px){
	.full-banner .section{padding:64px 0;}
	.full-banner .full-title{font-size:34px;}
	.full-banner .full-subtitle{font-size:18px;}
}


.dark .heading-block:not(.not-dark):after {
    border-top: 5px solid #25a9df !important;
}