/*=====================
SECTION 1
=======================*/

.section1{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section1 .profile1{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section1.show1 .profile1{
    display: none;
}


.section1 .profile1B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section1 .profile1 .profile-img1{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile1 .profile-img1 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile1 .name1, 
.profile1 .profession1{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile1 .profession1{
    font-weight: 400;
    margin-top: -6px;
}

.profile1 .buttonm1{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile1 .buttonm1:hover{
    background: #275df1;
    }


.profile1 .buttonm1 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile1 .buttonm1 .b-abrirmodal1{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section1 .popup-outer1{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section1.show1 .popup-outer1{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section1 .popup-box1{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box1 .m-close1{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box1 .m-close1:hover{
    color: #333;
}


.section1 .popup-box1 .profile-text1{
    display: flex;
    align-items: center;
}


.section1 .popup-box1 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text1 .textm1{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text1 .textm1 .name1{
    font-size: 14px;
    font-weight: 400;
}

.profile-text1 .textm1 .profession1{
    font-size: 14px;
    font-weight: 400;
}


.section1 .popup-box1 .textarea1{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section1 .popup-box1 .button-tm1{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box1 .button-tm1 .button-btn-tm1{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box1 .button-tm1 .button-btn-tm1 .mcancel1{
    background:  #f082ac;
}

.popup-box1 .button-tm1 .button-btn-tm1 .mcancel1:hover{
    background:  #ec5f95;
}


.button-tm1 .button-btn-tm1 .msend1:hover{
    background:  #275df1;
}


/*=====================
SECTION 2
=======================*/

.section2{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section2 .profile2{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section2.show2 .profile2{
    display: none;
}


.section2 .profile2B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section2 .profile2 .profile-img2{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile2 .profile-img2 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile2 .name2, 
.profile2 .profession2{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile2 .profession2{
    font-weight: 400;
    margin-top: -6px;
}

.profile2 .buttonm2{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile2 .buttonm2:hover{
    background: #275df1;
    }


.profile2 .buttonm2 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile2 .buttonm2 .b-abrirmodal2{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section2 .popup-outer2{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section2.show2 .popup-outer2{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section2 .popup-box2{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box2 .m-close2{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box2 .m-close2:hover{
    color: #333;
}


.section2 .popup-box2 .profile-text2{
    display: flex;
    align-items: center;
}


.section2 .popup-box2 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text2 .textm2{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text2 .textm2 .name2{
    font-size: 14px;
    font-weight: 400;
}

.profile-text2 .textm2 .profession2{
    font-size: 14px;
    font-weight: 400;
}


.section2 .popup-box2 .textarea2{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section2 .popup-box2 .button-tm2{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box2 .button-tm2 .button-btn-tm2{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box2 .button-tm2 .button-btn-tm2 .mcancel2{
    background:  #f082ac;
}

.popup-box2 .button-tm2 .button-btn-tm2 .mcancel2:hover{
    background:  #ec5f95;
}


.button-tm2 .button-btn-tm2 .msend2:hover{
    background:  #275df1;
}






/*=====================
SECTION 3
=======================*/

.section3{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section3 .profile3{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section3.show3 .profile3{
    display: none;
}


.section3 .profile3B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section3 .profile3 .profile-img3{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile3 .profile-img3 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile3 .name3, 
.profile3 .profession3{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile3 .profession3{
    font-weight: 400;
    margin-top: -6px;
}

.profile3 .buttonm3{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile3 .buttonm3:hover{
    background: #275df1;
    }


.profile3 .buttonm3 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile3 .buttonm3 .b-abrirmodal3{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section3 .popup-outer3{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section3.show3 .popup-outer3{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section3 .popup-box3{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box3 .m-close3{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box3 .m-close3:hover{
    color: #333;
}


.section3 .popup-box3 .profile-text3{
    display: flex;
    align-items: center;
}


.section3 .popup-box3 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text3 .textm3{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text3 .textm3 .name3{
    font-size: 14px;
    font-weight: 400;
}

.profile-text3 .textm3 .profession3{
    font-size: 14px;
    font-weight: 400;
}


.section3 .popup-box3 .textarea3{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section3 .popup-box3 .button-tm3{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box3 .button-tm3 .button-btn-tm3{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box3 .button-tm3 .button-btn-tm3 .mcancel3{
    background:  #f082ac;
}

.popup-box3 .button-tm3 .button-btn-tm3 .mcancel3:hover{
    background:  #ec5f95;
}


.button-tm3 .button-btn-tm3 .msend3:hover{
    background:  #275df1;
}



/*=====================
SECTION 4
=======================*/

.section4{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section4 .profile4{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section4.show4 .profile4{
    display: none;
}


.section4 .profile4B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section4 .profile4 .profile-img4{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile4 .profile-img4 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile4 .name4, 
.profile4 .profession4{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile4 .profession4{
    font-weight: 400;
    margin-top: -6px;
}

.profile4 .buttonm4{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile4 .buttonm4:hover{
    background: #275df1;
    }


.profile4 .buttonm4 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile4 .buttonm4 .b-abrirmodal4{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section4 .popup-outer4{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section4.show4 .popup-outer4{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section4 .popup-box4{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box4 .m-close4{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box4 .m-close4:hover{
    color: #333;
}


.section4 .popup-box4 .profile-text4{
    display: flex;
    align-items: center;
}


.section4 .popup-box4 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text4 .textm4{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text4 .textm4 .name4{
    font-size: 14px;
    font-weight: 400;
}

.profile-text4 .textm4 .profession4{
    font-size: 14px;
    font-weight: 400;
}


.section4 .popup-box4 .textarea4{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section4 .popup-box4 .button-tm4{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box4 .button-tm4 .button-btn-tm4{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box4 .button-tm4 .button-btn-tm4 .mcancel4{
    background:  #f082ac;
}

.popup-box4 .button-tm4 .button-btn-tm4 .mcancel4:hover{
    background:  #ec5f95;
}


.button-tm4 .button-btn-tm4 .msend4:hover{
    background:  #275df1;
}






/*=====================
SECTION 5
=======================*/

.section5{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section5 .profile5{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section5.show5 .profile5{
    display: none;
}


.section5 .profile5B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section5 .profile5 .profile-img5{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile5 .profile-img5 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile5 .name5, 
.profile5 .profession5{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile5 .profession5{
    font-weight: 400;
    margin-top: -6px;
}

.profile5 .buttonm5{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile5 .buttonm5:hover{
    background: #275df1;
    }


.profile5 .buttonm5 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile5 .buttonm5 .b-abrirmodal5{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section5 .popup-outer5{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section5.show5 .popup-outer5{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section5 .popup-box5{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box5 .m-close5{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box5 .m-close5:hover{
    color: #333;
}


.section5 .popup-box5 .profile-text5{
    display: flex;
    align-items: center;
}


.section5 .popup-box5 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text5 .textm5{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text5 .textm5 .name5{
    font-size: 14px;
    font-weight: 400;
}

.profile-text5 .textm5 .profession5{
    font-size: 14px;
    font-weight: 400;
}


.section5 .popup-box5 .textarea5{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section5 .popup-box5 .button-tm5{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box5 .button-tm5 .button-btn-tm5{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box5 .button-tm5 .button-btn-tm5 .mcancel5{
    background:  #f082ac;
}

.popup-box5 .button-tm5 .button-btn-tm5 .mcancel5:hover{
    background:  #ec5f95;
}


.button-tm5 .button-btn-tm5 .msend5:hover{
    background:  #275df1;
}




/*=====================
SECTION 6
=======================*/

.section6{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section6 .profile6{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section6.show6 .profile6{
    display: none;
}


.section6 .profile6B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section6 .profile6 .profile-img6{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile6 .profile-img6 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile6 .name6, 
.profile6 .profession6{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile6 .profession6{
    font-weight: 400;
    margin-top: -6px;
}

.profile6 .buttonm6{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile6 .buttonm6:hover{
    background: #275df1;
    }


.profile6 .buttonm6 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile6 .buttonm6 .b-abrirmodal6{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section6 .popup-outer6{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section6.show6 .popup-outer6{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section6 .popup-box6{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box6 .m-close6{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box6 .m-close6:hover{
    color: #333;
}


.section6 .popup-box6 .profile-text6{
    display: flex;
    align-items: center;
}


.section6 .popup-box6 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text6 .textm6{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text6 .textm6 .name6{
    font-size: 14px;
    font-weight: 400;
}

.profile-text6 .textm6 .profession6{
    font-size: 14px;
    font-weight: 400;
}


.section6 .popup-box6 .textarea6{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section6 .popup-box6 .button-tm6{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box6 .button-tm6 .button-btn-tm6{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box6 .button-tm6 .button-btn-tm6 .mcancel6{
    background:  #f082ac;
}

.popup-box6 .button-tm6 .button-btn-tm6 .mcancel6:hover{
    background:  #ec5f95;
}


.button-tm6 .button-btn-tm6 .msend6:hover{
    background:  #275df1;
}


/*=====================
SECTION 7
=======================*/

.section7{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section7 .profile7{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section7.show7 .profile7{
    display: none;
}


.section7 .profile7B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section7 .profile7 .profile-img7{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile7 .profile-img7 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile7 .name7, 
.profile7 .profession7{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile7 .profession7{
    font-weight: 400;
    margin-top: -6px;
}

.profile7 .buttonm7{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile7 .buttonm7:hover{
    background: #275df1;
    }


.profile7 .buttonm7 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile7 .buttonm7 .b-abrirmodal7{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section7 .popup-outer7{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section7.show7 .popup-outer7{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section7 .popup-box7{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box7 .m-close7{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box7 .m-close7:hover{
    color: #333;
}


.section7 .popup-box7 .profile-text7{
    display: flex;
    align-items: center;
}


.section7 .popup-box7 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text7 .textm7{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text7 .textm7 .name7{
    font-size: 14px;
    font-weight: 400;
}

.profile-text7 .textm7 .profession7{
    font-size: 14px;
    font-weight: 400;
}


.section7 .popup-box7 .textarea7{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section7 .popup-box7 .button-tm7{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box7 .button-tm7 .button-btn-tm7{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box7 .button-tm7 .button-btn-tm7 .mcancel7{
    background:  #f082ac;
}

.popup-box7 .button-tm7 .button-btn-tm7 .mcancel7:hover{
    background:  #ec5f95;
}


.button-tm7 .button-btn-tm7 .msend7:hover{
    background:  #275df1;
}






/*=====================
SECTION 8
=======================*/

.section8{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section8 .profile8{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section8.show8 .profile8{
    display: none;
}


.section8 .profile8B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section8 .profile8 .profile-img8{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile8 .profile-img8 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile8 .name8, 
.profile8 .profession8{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile8 .profession8{
    font-weight: 400;
    margin-top: -6px;
}

.profile8 .buttonm8{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile8 .buttonm8:hover{
    background: #275df1;
    }


.profile8 .buttonm8 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile8 .buttonm8 .b-abrirmodal8{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section8 .popup-outer8{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section8.show8 .popup-outer8{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section8 .popup-box8{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box8 .m-close8{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box8 .m-close8:hover{
    color: #333;
}


.section8 .popup-box8 .profile-text8{
    display: flex;
    align-items: center;
}


.section8 .popup-box8 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text8 .textm8{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text8 .textm8 .name8{
    font-size: 14px;
    font-weight: 400;
}

.profile-text8 .textm8 .profession8{
    font-size: 14px;
    font-weight: 400;
}


.section8 .popup-box8 .textarea8{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section8 .popup-box8 .button-tm8{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box8 .button-tm8 .button-btn-tm8{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box8 .button-tm8 .button-btn-tm8 .mcancel8{
    background:  #f082ac;
}

.popup-box8 .button-tm8 .button-btn-tm8 .mcancel8:hover{
    background:  #ec5f95;
}


.button-tm8 .button-btn-tm8 .msend8:hover{
    background:  #275df1;
}



/*=====================
SECTION 9
=======================*/

.section9{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section9 .profile9{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section9.show9 .profile9{
    display: none;
}


.section9 .profile9B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section9 .profile9 .profile-img9{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile9 .profile-img9 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile9 .name9, 
.profile9 .profession9{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile9 .profession9{
    font-weight: 400;
    margin-top: -6px;
}

.profile9 .buttonm9{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile9 .buttonm9:hover{
    background: #275df1;
    }


.profile9 .buttonm9 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile9 .buttonm9 .b-abrirmodal9{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section9 .popup-outer9{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section9.show9 .popup-outer9{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section9 .popup-box9{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box9 .m-close9{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box9 .m-close9:hover{
    color: #333;
}


.section9 .popup-box9 .profile-text9{
    display: flex;
    align-items: center;
}


.section9 .popup-box9 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text9 .textm9{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text9 .textm9 .name9{
    font-size: 14px;
    font-weight: 400;
}

.profile-text9 .textm9 .profession9{
    font-size: 14px;
    font-weight: 400;
}


.section9 .popup-box9 .textarea9{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section9 .popup-box9 .button-tm9{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box9 .button-tm9 .button-btn-tm9{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box9 .button-tm9 .button-btn-tm9 .mcancel9{
    background:  #f082ac;
}

.popup-box9 .button-tm9 .button-btn-tm9 .mcancel9:hover{
    background:  #ec5f95;
}


.button-tm9 .button-btn-tm9 .msend9:hover{
    background:  #275df1;
}






/*=====================
SECTION 10
=======================*/

.section10{
    position: relative;
    width: 100%;
    /*Quiza quitamos esto*/
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.section10 .profile10{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section10.show10 .profile10{
    display: none;
}


.section10 .profile10B{
    display: flex;
    /*align-items: center;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*display: none;*/
}



.section10 .profile10 .profile-img10{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #4070f4;
    padding: 2px;
    margin-bottom: 10px;
}

.profile10 .profile-img10 img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}


.profile10 .name10, 
.profile10 .profession10{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.profile10 .profession10{
    font-weight: 400;
    margin-top: -6px;
}

.profile10 .buttonm10{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: #4070f4;
    margin-top: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile10 .buttonm10:hover{
    background: #275df1;
    }


.profile10 .buttonm10 i{
    color: #fff;
    font-size: 18px;
    margin-right: 5px;

}

.profile10 .buttonm10 .b-abrirmodal10{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    pointer-events: none;

}


.section10 .popup-outer10{
    position: absolute;
    border: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    width:100%;
    /*Parece aquí esta la clave del color*/
    background: rgb(1,0,0,1);
    opacity: 0;
    pointer-events: none;
}

.section10.show10 .popup-outer10{
    opacity: 10;
    pointer-events: auto;
    border: #333;
}


.section10 .popup-box10{
    position: relative;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}

.popup-box10 .m-close10{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #b4b4b4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-box10 .m-close10:hover{
    color: #333;
}


.section10 .popup-box10 .profile-text10{
    display: flex;
    align-items: center;
}


.section10 .popup-box10 img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-text10 .textm10{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.profile-text10 .textm10 .name10{
    font-size: 14px;
    font-weight: 400;
}

.profile-text10 .textm10 .profession10{
    font-size: 14px;
    font-weight: 400;
}


.section10 .popup-box10 .textarea10{
    min-height: 140px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    font-weight: 400;
    background: #f3f3f3;
}

.section10 .popup-box10 .button-tm10{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

}

.popup-box10 .button-tm10 .button-btn-tm10{
    outline: none;
    border: none;
    padding: 6px 6px;
    border-radius: 6px;
    /*background: #6f93f6;*/
    margin-left: 8px;
    /*color: #fff;*/
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-box10 .button-tm10 .button-btn-tm10 .mcancel10{
    background:  #f082ac;
}

.popup-box10 .button-tm10 .button-btn-tm10 .mcancel10:hover{
    background:  #ec5f95;
}


.button-tm10 .button-btn-tm10 .msend10:hover{
    background:  #275df1;
}