.gallery-container {
	overflow-x: hidden;
}

.db-services-addon .grid-container {
	display: flex;
	justify-content: initial;
	gap: 0px;
	padding: 0px !important;
}

.db-services-addon .grid-item {
    padding-bottom: calc((400 / 157) * 15%);
    flex-grow: calc((157 / 400) * 100);
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	width: 157px;
	height: 400px;
	transition: width 0.5s linear;
	border-radius: 0 !important;
	background-size: cover;
    background-position: left center;
    background-repeat: no-repeat !important;
}

.db-services-addon .grid-item:hover {
	width: 450px !important;
	background-size: contain !important;
    background-repeat: no-repeat;
    background-position-x: -90px;
}

.db-services-addon .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, transparent 0%, transparent 40%, black 100%);
	opacity: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0px;
	color: white;
	transition: opacity 0.2s ease;
}

/*.grid-item:hover .overlay {
	opacity: 1;
}*/

.db-services-addon .content {
	display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
    align-items: flex-start;
    position: relative;
    min-height: 100%;
}

.db-services-addon .text-content {
	display: flex;
	flex-direction: column; /* Organiza en columna */
	align-items: flex-start; /* Alinea a la izquierda */
	justify-content: flex-end;
	flex-grow: 1;
	min-height: 100%;
}
.db-services-addon .text-content-text {
    height: 100%;
    padding: 20px !important;
    background-color: #fff;
    color: var(--e-global-color-text);
    width: 100%;
    opacity: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    top: 0;
    position: absolute;
}
.db-services-addon .text-content-title {
    height: 140px;
    width: 100%;
    z-index: 200;
}
.db-services-addon ul.text-content-title {
    list-style: none;
    display: flex;
    height: 55px;
    margin-left: 11px;
    padding: 0 !important;
    align-items: center;
    background: none !important;
}
.db-services-addon ul.text-content-title li {
    display: inline-block;
    width: 50%;
}
.db-services-addon .title {
    font-size: 1rem;
    font-weight: 400;
    bottom: 10px !important;
    margin-left: 15px;
    text-transform: uppercase;
    background: none !important;
    position: absolute;
	line-height: 1rem;
}

.db-services-addon .text {
	font-size: 0.9rem;
}
.db-services-addon li.text-item {
    font-size: 30px;
}
.db-services-addon .link-content {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.db-services-addon a.text-link {
    display: flex;
    justify-content: flex-end;
    margin-right: 24px;
}
.db-services-addon .link {
	border: 1px solid;
	border-radius: 50%;
	text-align: center;
	width: 40px;
	height: 40px;
	padding-top: 10px;
}
.db-services-addon svg.e-font-icon-svg {
    width: 27px;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 50%;
}
.db-services-addon .grid-item:hover .text-content-text {
    opacity: 1;
    height: 285px;
}
.db-services-addon .grid-item:hover .content {
    width: 63%;
    margin-left: 37%;
}
.db-services-addon .grid-item:hover .text-content-title {
    background: linear-gradient(to bottom, transparent 0%, #0000006e 100%);
}
@media screen and (max-width: 600px) {
	.db-services-addon .gallery-container {
			overflow-x: scroll;
	}
	.db-services-addon .grid-container {
			flex-wrap: nowrap; /* Para evitar que los elementos se envuelvan en filas en dispositivos m贸viles */
	}
}