.creditoPersonal {
	width: 100%;
	top: 0
}
p{
	font-size: 18px;
}
.creditoPersonal .carruselLogos {
	background: #fff;
	padding: 50px 0;
	margin: 100px auto;
	width: 100%;
	overflow: hidden;
	max-width: max-content
}

.Head {
	position: relative;
	width: 100%;
	height: 100%
}

.BoxVideo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: auto
}

.BoxVideo video {
	width: 100%;
	height: auto
}

.creditoPersonal .ImageBack {
	width: 100%;
	height: 450px;
	background: linear-gradient(120deg, #0c0e16e6 21%, #4f4f4f8a 100%);
	background-color: white !important;
	background-size: cover;
	position: relative;
	margin-top:82px !important;
	-ms-overflow-style: none;
    scrollbar-width: none;
}

.creditoPersonal .ImageBack::-webkit-scrollbar {
  display: none;
}

.creditoPersonal .ImageBack > *{
    position: relative;
}

.creditoPersonal .ImageBack:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:.5;
	background: url('../img/personal/banner-servicios.jpg') no-repeat center bottom fixed !important;
	background-color:white;
	background-size:cover !important;
}

.creditoPersonal #tradicional,
.creditoPersonal .ImageBack{
	background-image: none !important;
}

.creditoPersonal .ImageBack .BTNoptions {
	padding: 72px 100px
}

.creditoPersonal .ImageBack .BTNoptions .socBlanco {
	width: 200px;
	margin-bottom: 25px
}

.creditoPersonal .ImageBack .BTNoptions h2 {
	color: #fff;
	font-size: 25px;
	font-weight: 100;
	letter-spacing: 1px;
	text-align: center
}

.creditoPersonal .ImageBack .BTNoptions .Title {
	color: #fff;
	font-size: 60px;
	font-weight: 600;
	text-align: center;
	margin-top: 60px
}

.creditoPersonal .ImageBack .BTNoptions div {
	width: 480px;
	margin: 0 auto;
	display: flex;
	justify-content: center
}

.asesorBtn,
.creditoPersonal .ImageBack .BTNoptions div .sucursalBtn {
	color: #fff;
	background: #2ab5df;
	padding: 15px 25px;
	border-radius: 5px;
	margin-right: 20px;
	width: 206px;
	display: block;
	text-align: center
}

.asesorBtn:hover,
.creditoPersonal .ImageBack .BTNoptions div .sucursalBtn {
	color: #fff
}

.creditoPersonal .ImageBack .BTNoptions div .sucursalBtn {
	color: #fff;
	border: 1px solid #fff;
	padding: 15px 25px;
	border-radius: 5px;
	background: 0 0
}

.creditoPersonal .ImageBack .BTNoptions div ul {
	display: flex;
	padding: 45px 0
}

.creditoPersonal .ImageBack .BTNoptions div ul li {
	margin: 0 8px;
	width: 50px
}

.creditoPersonal .ImageBack .BTNoptions div ul li a img {
	width: 40px;
	transition: width .5s
}

.creditoPersonal .ImageBack .BTNoptions div ul li a img:hover {
	width: 50px
}

.creditoPersonal .divMenu {
	width: 100%;
	background: #033a74;
	margin-top: 70px
}

.creditoPersonal .divMenu ul {
	width: 1100px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 20px
}

.creditoPersonal .divMenu ul li div {
	display: table-caption;
	margin: auto;
	text-align: center;
	width: 135px
}

.creditoPersonal .divMenu ul li div a {
	font-size: 16px;
	padding: 15px;
	color: #fff;
	opacity: .5;
	transition: opacity .3s
}

.creditoPersonal .divMenu ul li div a:hover {
	opacity: 1
}

.creditoPersonal .divMenu ul li div .active {
	opacity: 1;
	font-weight: 700;
	color: #fff
}

.creditoPersonal .divMenu ul li div a img {
	margin-bottom: 13px;
	width: 70px
}

.textSeparador {
	text-align: center;
	font-size: 40px;
	margin: 0 30px 20px!important
}

#productos {
	width: 100%;
	height: fit-content;
	position: relative
}

.backColor {
	background: #eff2f6;
	padding-top: 100px;
	margin-bottom: 100px
}

#productos .boxProdcut {
	padding: 100px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

#productos .boxProdcut .grid {
	width: 355px;
	height: 470px;
	position: relative;
	margin: 20px;
	border-radius: 18px;
	background: #fff;
	transition: margin-top .3s;
	box-shadow: 20px 20px 60px #cbcdcf, -20px -20px 60px #fff
}

#productos .boxProdcut .process {
	height: auto;
	background: #4aa84f
}

#productos .boxProdcut .process .number {
	font-size: 21px;
	border-radius: 50%;
	font-weight: 700;
	border: 6px solid #fff;
	width: 65px;
	height: 65px;
	margin: 10px auto!important;
	display: block;
	background: #4aa84f;
	padding: 12px 18px;
	position: absolute;
	top: -45px;
	left: 0;
	right: 0;
	color: #fff;
	z-index: 2;
	text-align: center
}

#productos .boxProdcut .process .imageBack {
	border-radius: 15px!important
}

#productos .boxProdcut .grid:hover {
	margin-top: 10px
}

#productos .boxProdcut .grid .imageBack {
	width: 100%;
	height: 245px;
	border-radius: 15px 15px 0 0;
	position: relative
}

#productos .boxProdcut .grid .imageBack:before{
    content:'';
    position:absolute;
    background:rgba(0,0,0,.25);
    border-radius: 15px 15px 0 0;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#productos .boxProdcut .grid .imageBack h2 {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	position: absolute;
	bottom: 30px;
	left: 30px;
	line-height: normal
}

#productos .boxProdcut .grid .imageBack h2 span {
	font-weight: 300;
	font-size: 18px
}

#productos .boxProdcut .grid .imageBack h3 {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	position: absolute;
	bottom: 30px;
	left: 30px;
	line-height: normal
}

@media screen and (max-width:590px){
    #productos .boxProdcut .grid .imageBack h3 {
        bottom: 30px;
    }
}

#productos .boxProdcut .grid .imageBack h3 span {
	font-weight: 300;
	font-size: 18px
}

#productos .boxProdcut .grid .imageBack .textCard {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	position: absolute;
	bottom: 30px;
	left: 30px;
	line-height: normal;
	padding: 10px
}

#productos .boxProdcut .grid .imageBack .textCard span {
	font-weight: 100;
	font-size: 18px
}

#productos .boxProdcut .grid .textoProducto {
	padding: 25px;
	font-size: 16px
}

#productos .boxProdcut .grid .ViewProducts {
	margin-left: 20px!important;
	color: #015694;
	color: #079DEF;
	font-weight: 700;
	position: absolute;
	bottom: 30px;
	border: 1px solid #ddd;
	padding: 15px;
	border-radius: 40px;
	background: 0 0;
	transition: background .3s
}

#productos .boxProdcut .grid .ViewProducts:hover {
	background: #e7e8ed
}

#productos .boxProdcut .grid .ViewProducts:hover>i {
	margin-left: 40px
}

#productos .boxProdcut .grid a {
	margin-left: 20px;
	color: #4aa84f;
	font-weight: 700;
	bottom: 30px;
	padding: 15px;
	border-radius: 40px
}

#productos .boxProdcut .grid a .bxl-whatsapp {
	font-size: 24px;
	margin-left: 0;
	transition: margin-left .2s
}

#productos .boxProdcut .grid a .ti-arrow-right {
	font-size: 20px;
	margin-left: 20px;
	transition: margin-left .2s
}

#productos .boxProdcut .grid .callCard {
	position: absolute;
	width: 55px;
	height: 55px;
	right: 20px;
	border: 1px solid #ddd;
	background: 0 0;
	transition: background .3s
}

#productos .boxProdcut .grid .callCard:hover {
	background: #4aa84f;
	color: #fff;
	border: 1px solid #4aa84f
}

#productos .boxProdcut .grid #BackOne {
	background: url(../img/personal/adquisicion_tradicional.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #BackTwo {
	background: url(../img/personal/construccion.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #BackThree {
	background: url(../img/personal/cambio_de_hipoteca.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #BackFour {
	background: url(../img/personal/liquidez_mas_sustitucion.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #BackFive {
	background: url(../img/personal/terreno.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #BackSix {
	background: url(../img/personal/terreno_mas_construccion.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #BackSeven {
	background: url(../img/personal/liquidez.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #BackEight {
	background: url(../img/personal/preventa.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#BackOne {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#BackTwo {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#BackThree {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#BackFour {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#BackFive {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#BackSix {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#BackSeven {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#BackEight {
	background-size: 110%
}

#productos .boxProdcut .grid #UnoProceso {
	background: url(../img/proceso/img-1.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #DosProceso {
	background: url(../img/proceso/img-5.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #TresProceso {
	background: url(../img/proceso/img-2.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #CuatroProceso {
	background: url(../img/proceso/img-3.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #CincoProceso {
	background: url(../img/proceso/img-6.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #SeisProceso {
	background: url(../img/proceso/img-7.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #OchoProceso {
	background: url(../img/proceso/img-8.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #NueveProceso {
	background: url(../img/proceso/img-9.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #DiezProceso {
	background: url(../img/proceso/img-10.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #OnceProceso {
	background: url(../img/proceso/img-11.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #DoceProceso {
	background: url(../img/proceso/img-12.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #TreceProceso {
	background: url(../img/proceso/img-12.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #TreceProceso {
	background: url(../img/proceso/img-13.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#UnoProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#DosProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#TresProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#CuatroProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#CincoProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#SeisProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#OchoProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#NueveProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#DiezProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#OnceProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#DoceProceso {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#TreceProceso {
	background-size: 110%
}

#productos .boxProdcut .grid #Uno {
	background: url(../img/personal/asesoria_pyme.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #Uno_2 {
	background: url(../img/personal/liquidez.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #Dos {
	background: url(../img/personal/arrendamiento.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #Tres {
	background: url(../img/personal/factoraje.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid #Cuatro {
	background: url(../img/personal/tpv.jpg) no-repeat center top;
	background-size: 128%;
	transition: background-size .3s ease-out
}
#productos .boxProdcut .grid #Cuatro:hover{
	background-size: 150%;
}
#productos .boxProdcut .grid:hover>#Uno {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#Dos {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#Tres {
	background-size: 110%
}

#productos .boxProdcut .grid:hover>#Cuatro {
	background-size: 110%
}

#productos .boxProdcut .grid #SeguroUno {
	background: url(../img/personal/auto.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#SeguroUno {
	background-size: 110%
}

#productos .boxProdcut .grid #SeguroDos {
	background: url(../img/personal/vida.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#SeguroDos {
	background-size: 110%
}

#productos .boxProdcut .grid #SeguroTres {
	background: url(../img/personal/gastos-medicos.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#SeguroTres {
	background-size: 110%
}

#productos .boxProdcut .grid #SeguroCuatro {
	background: url(../img/personal/hogar.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#SeguroCuatro {
	background-size: 110%
}

#productos .boxProdcut .grid #SeguroCinco {
	background: url(../img/personal/vida-grupo.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#SeguroCinco {
	background-size: 110%
}

#productos .boxProdcut .grid #SeguroSeis {
	background: url(../img/personal/medico-empresas.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#SeguroSeis {
	background-size: 110%
}

#productos .boxProdcut .grid #SeguroSiete {
	background: url(../img/personal/flotilla-auto.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#SeguroSiete {
	background-size: 110%
}

#productos .boxProdcut .grid #SeguroOcho {
	background: url(../img/personal/danos-pyme.jpg) no-repeat center top;
	background-size: 100%;
	transition: background-size .3s ease-out
}

#productos .boxProdcut .grid:hover>#SeguroOcho {
	background-size: 110%
}

.centertext {
	width: 784px;
	margin: 90px auto!important;
	display: block;
	font-size: 23px;
	text-align: justify
}

.tipoCredito.Comparador {
	padding: 100px 50px;
	background: url(../img/personal/sucursales.jpg) no-repeat center top;
	background-size: cover;
	height: 400px;
	position: relative
}

.tipoCredito.Comparador div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	height: max-content
}

.tipoCredito.Comparador div h2 {
	color: #fff
}

.tipoCredito.Comparador div p {
	font-size: 20px;
	text-align: center;
	color: #fff
}

.tipoCredito.Comparador div a {
	background: #4aa84f;
	background: #4ED176;
	border: 0;
	color: #fff;
	padding: 17px 35px;
	border-radius: 30px;
	position: relative;
	width: 260px;
	display: block;
	text-align: center;
	margin: 50px auto 0!important;
	font-size: 18px;
	font-weight: 600
}

.tipoCredito.InfoServicio {
	padding: 100px 50px
}

.BtnContacto {
	width: 100%;
	margin: 50px auto;
	height: 250px
}

.BtnContacto p {
	text-align: center;
	font-size: 27px;
	margin: 40px 0!important
}

.BtnContacto div {
	width: 238px;
	margin: auto
}

.BtnContacto div a {
	border: 1px solid #2ab5df;
	padding: 17px 50px;
	border-radius: 5px;
	margin: 0 10px;
	background: rgba(42, 181, 223, .05)
}

.BtnContacto div .importantBtn {
	background: #4aa84f;
	border: 0;
	color: #fff;
	padding: 17px 35px;
	border-radius: 30px;
	position: relative
}

.BtnContacto .BtnWhats a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	transition: all 1s ease;
	border-radius: 40px;
	background: rgba(114, 216, 119, .22)
}

.BtnContacto .BtnWhats a:hover:before {
	width: 100%
}

.AlertaSimula {
	width: 700px;
	margin: auto;
	background: #033a74;
	padding: 40px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	border-radius: 10px 10px 0 0;
	display: flex;
	justify-content: space-between
}

.AlertaSimula p {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px
}

.hipotecas_services a {
	padding: 0!important
}

.mt_header {
	margin-top: 100px
}

.franquicias_new #productos .boxProdcut .grid {
	width: 330px
}

.background-blue {
	background: #f0f2f6
}

.OpFra.m-0 ul li {
	margin: 5px 30px
}

.f-20 {
	font-size: 20px
}

.sub-title-f {
	color: #015694;
	color: var(--ligth-primary-color);
	font-weight: 700;
	font-size: 22px
}

.iframe-video {
	width: 100%;
	min-height: 300px
}

.franquiciasBack {
	background-image: url(../img/franquicias/coaching.webp)!important
}

.franquiciasBack:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-color: rgba(0, 0, 0, .6)
}

.franquiciasBack .BTNoptions {
	position: relative;
	z-index: 10
}

.testimonioFra iframe {
	width: 100%;
	height: 300px
}

.description-page {
	padding-bottom: 30px;
	color: #015694;
	color: #4F4F4F;
}

.content-herramienta {
	min-height: 300px;
	background-size: 130%;
	background-position: center;
	position: relative;
	overflow: hidden;
	padding: 1rem;
	border-radius: 15px;
	transition: all .3s;
	margin-bottom: 2rem
}

.content-herramienta:hover {
	background-size: 140%
}

.content-herramienta:hover p {
	opacity: 1
}

.content-herramienta h3 {
	color: #fff;
	transition: all .3s;
	font-weight: 700;
	padding-bottom: .5rem;
	transition: all .3s
}

.content-herramienta p {
	color: #fff;
	font-size: 1.1rem;
	opacity: 0;
	transition: all .3s
}

.content-herramienta img {
	max-width: 70px;
	opacity: 0;
	transition: all .3s
}

.content-herramienta:hover img {
	opacity: 1
}

.herramientas-1 {
	margin-top: 4rem;
	margin-bottom: 4rem
}
.imageBack-flex{
	display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.imageBack-flex .textCard{
	position: initial!important;
    text-align: left;
    padding: 15px 30px!important;
}
.imageBack-flex img{
	width: 50px;
	margin-bottom: 1rem;
	position: relative;
  	animation: example 1.5s infinite;
}

@keyframes example {
  0%,
  100% {
    left: 0;
  }

  50% {
    left: 15px;
  }
}

.header_quienes{
	background-size: cover;
	background-position: center;
	background-image: url(../img/fondo_quienes.jpg);
	background-image: url('../img/quienes/banner-1.jpg');
	position: relative;
	margin-top: 79px;
}
.header_quienes:before{
	content: '';
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.header_quienes .row{
	min-height: 385px;
}
.header_quienes h1{
	text-align: center;
	color: #fff;
	font-weight: 900;
}
.back-blue{
	background-color: #015694;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.back-gray{
	background-color: #f0f2f6;
}

.back-gray img{
	width: 100%;
	max-width: 200px;
}

.back-blue h3, .back-blue p{
	color: #fff;
	margin-bottom: 1rem;
}
.back-blue h3{
	margin-bottom: 2rem;
	font-weight: 900;
	font-size: 5rem;
	text-align: center;
}
.quienes_color{
	color: #015694;
	color: var(--primary-color);
	margin-bottom: 2rem!important;
	font-weight: 900;
}
.quienes_lineas{
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.quienes_lineas img{
	max-width: 200px;
	margin-bottom: 2rem;
}
.quienes_fortalezas{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.quienes_fortalezas p{
	color: #40516f;
	font-size: 18px;
	margin-bottom: 2rem!important;
    max-width: 1017px;
}
.quienes_fortalezas img{
	padding-right: 1rem;
}
.quienes_fortalezas .col-12 div{
	width: 77px
}
.quienes-content{
	padding: 15px 15px 15px 15px;
    background-size: contain;
    text-align: left;
    border: 1px solid #4DD176;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;

}
.quienes_lin{
	max-width: 60px!important;
    background: #4DD176;
    border-radius: 100%;
}
.quienes-content h4{
	font-size: 1rem;
    font-weight: bold;
    margin: 0;
    color: #015694;
    margin-bottom: .5rem;
}
.welcome div h2{
	padding-bottom: 30px;
    width: 795px;
    margin: auto !important;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}
.quienes-content h3{
	font-size: 1.1rem;
    font-weight: bold;
    margin: 0;

    color: #097253;
    margin-bottom: 1.5rem!important;
}
.quienes-content p{
	line-height: 1.5;
    font-size: 1.1rem;
    font-weight: 100;
}

.quienes-valores-content h4{
	margin: 0;
	color: #015694;
	color: var(--primary-color);
    margin-bottom: .5rem;
    font-weight: bold;
}
.quienes-valores-content p{
	line-height: 1.2;
}
.pt-6{
	padding-top: 6rem
}
.pb-6{
	padding-bottom: 6rem;
}
@media (max-width: 768px){
	.header_quienes{
		background-size: cover;
		background-position: center;
		background-image: url(../img/fondo_quienes.jpg);
		position: relative;
		margin-top: 100px;
	}
	.quienes_fortalezas img {
    padding-right: 1rem;
    min-width: 10vw;
}
.quienes_fortalezas .col-12 div {
    width: auto;
}
	.quienes-content {
	    /* padding: 60px 150px 60px 234px; */
	    margin-bottom: 3rem;
	}
	.quienes-content h4 {
	    font-size: 1.2rem;
	}
	.quienes-valores-content {
	    margin: 0 3vw;
        background-size: 41vw;
        background-position: center;
        background-repeat: no-repeat;
        /*padding: 30vw 22vw 9vw 22vw;*/
        margin-bottom: 3rem;
	}
	.quienes-valores-content h4 {
	    margin: 0;
	    /*color: #015694;*/
	    margin-bottom: .5rem;
	    font-weight: bold;
	    font-size: 1.5rem;
	}
	.quienes-valores-content p {
	    line-height: 1.2;
	    font-size: 1.1rem;
	}
	.header_quienes .row{
		min-height: 385px;
	}
}
@media (max-width: 400px){
	.quienes-content {
	    padding: 60px 30px 60px 80px;
	}
	.quienes_fortalezas img {
    padding-right: 1rem;
    min-width: 15vw;
}
	.quienes-valores-content {
	    margin: 0 30px;
	    background-size: 97%;
	    background-position: center;
	    background-repeat: no-repeat;
	    padding: 12rem 2rem 3rem 2rem;
	    margin-bottom: 3rem;
	}
}