/*==================================================
INTEGRACIÓN
==================================================*/

.integration-section{

    padding:100px 0;

    background:#ffffff;

    overflow:hidden;

}

/*============================*/

.integration-content{

    max-width:560px;

}

.integration-content .section-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    

    color:#005b81;

    font-size:14px;

    font-weight:600;

    margin-bottom:22px;

}

.integration-content h2{

    font-size:42px;

    line-height:1.2;

    color:#17324d;

    font-weight:700;

    margin-bottom:25px;

}

.integration-content .section-description{

    font-size:16px;

    line-height:1.9;

    color:#66717a;

    margin-bottom:40px;

}

/*============================*/

.integration-list{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.integration-item{

    padding-left:22px;

    border-left:4px solid #ed7615;

}

.integration-item h5{

    font-size:20px;

    color:#17324d;

    margin-bottom:8px;

    font-weight:600;

}

.integration-item p{

    margin:0;

    color:#66717a;

    line-height:1.8;

    font-size:15px;

}

/*============================*/

.integration-image{

    text-align:center;

}

.integration-image img{

    width:100%;

    max-width:620px;

    border-radius:22px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

/*============================*/

@media(max-width:991px){

.integration-section{

padding:80px 0;

}

.integration-content{

max-width:100%;

}

.integration-content h2{

font-size:34px;

}

.integration-image{

margin-top:40px;

}

}

@media(max-width:576px){

.integration-section{

padding:70px 0;

}

.integration-content h2{

font-size:28px;

}

.integration-item h5{

font-size:18px;

}

}