﻿.col-xs-3 ul.leftmargin {
	margin-left: 0 !important;
}

.our-business-hero-xl{
	padding: 160px 0 !important;
}

 /* Estilos personalizados para las cajas de características */
 .feature-box {
	background-color: #25A9DF; /* El color de fondo de las cajas */
	color: white;
	border-radius: 10px; /* Esquinas más redondeadas para un look más moderno */
	padding: 30px;
	min-height: 200px; /* Altura mínima para que las cajas se vean uniformes */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 20px;
}

.features-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 16px;
	margin-top: 16px;
}

.feature-item{
	flex: 1 1 260px; /* ancho base responsivo */
	max-width: 360px; /* evita que crezcan demasiado */
}

@media (min-width:768px){
	.feature-item{flex: 1 1 320px;}
}

@media (min-width:1200px){
	.feature-item{flex: 0 1 30%; max-width: 380px;}
}

.feature-box p {
	margin-top: 15px;
	font-weight: bold;
	line-height: 1.3;
}

/* Opcional: Estilo para la sección de texto inferior */
.bottom-text {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 3rem;
	line-height: 1.5;
}

/* Opcional: Reemplazar los placeholders con tus iconos SVG reales */
.feature-box img {
	max-width: 60px;
	height: auto;
}

/* Colores específicos solo dentro del contenedor .certs-features */
#grid-2 .feature-box{
	background-color: #F8F8F8;
	color: #25A9DF;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}


#high-stakes-section {
	padding: 60px 0;
}

/* Bloques de contenido con fondo blanco y sombra */
#high-stakes-section .content-block {
	border-radius: 15px;
	padding: 40px;
	margin-bottom: 30px;
}

/* Títulos principales (color azul) */
#high-stakes-section h2 {
	margin-top: 15px;
}

/* Estilo para las listas */
#high-stakes-section .list-unstyled li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
	color: #555;
}

#high-stakes-section .list-unstyled li .list-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

/* Círculo verde que simula el ícono */
#high-stakes-section .icon-placeholder {
	width: 24px;
	height: 24px;
	background-color: #28a745; /* Color verde del ícono */
	border-radius: 50%;
	margin-right: 15px;
	display: inline-block;
	flex-shrink: 0; /* Evita que el ícono se encoja */
}

/* Contenedor gris para las imágenes */
#high-stakes-section .img-placeholder {
	width: 100%;
	height: 500px; /* Altura ajustable */
	background-color: #e9ecef;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6c757d;
	overflow: hidden;
}

#high-stakes-section .img-placeholder > img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	border-radius: 15px;
}



#grid-2 > div.section.dark.notopmargin.nobottommargin > div > div > div {
	display: flex;
	justify-content: center;
	align-items: center;
}




#video-section{
	clip-path: url(#wave); 
}

/* 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;}
}


/* Estilos para la imagen principal */
#grid-2 {
	background-size: cover;
	background-repeat: no-repeat;
	background-position-y: 25rem;
}

