/*  GENERAL  */

.bg-1  {background: #F8F8FA;}


/* Servicios */

.service {
	padding:150px 0;
	overflow:hidden;
}

.service .flex {
	gap:100px;
}

.service .col {
	position:relative;
	width:100%
}

.service .flex:not(.rev) .img {
	text-align:right;
}

.service .ot {
	position: absolute;
	top:-100px;
	font-size: 360px;
	color: var(--color-primary);
	opacity: .03;
}

.service .flex:not(.rev) .ot {
	left:-150px;
}

.service .rev .ot {
	right:-80px;
}

.service h2 {
	position:relative; z-index: 2;
	font-size: 35px;
	font-weight: 300;
	line-height: 1.3em;
	letter-spacing: -0.03em;
	margin-bottom:60px
}

.service h2 strong {
	font-weight: 800;
}

.service p {
	position:relative;
	z-index: 2;
}

.service .button {
	position:relative;
	z-index: 2;
	margin-top:50px;
}

.service img {
	border-radius:20px;
	box-shadow: var(--shadow);

}






/*  RESPONSIVE  */
@media only screen and (max-width: 1160px) {
	.service .col {padding:0 30px;}
}

@media only screen and (max-width: 874px) {
	.service .flex { flex-direction: column-reverse;}
	.service .flex .img, .service .flex:not(.rev) .img {text-align: center;}
	.service .txt {padding-top:50px;}
}

@media only screen and (max-width: 768px) {
	.service {padding:80px 0;}
}

@media only screen and (max-width: 580px) {
	.service .col {padding:0 10px;}
}