html, body {
    min-height: 100%;
}

body {

    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    background: #ffffff !important;

}

.nav-item:hover a {
    color: rgba(5, 82, 183, 0.91) !important;
}

.boderDiv {
    -webkit-box-shadow: 0 4px 6px 1px rgba(112, 174, 255, 0.91);
    box-shadow: 0 4px 6px 1px rgba(112, 174, 255, 0.91);
}

.text-Raleway {
    font-family: 'Raleway', serif;
}

.div-logo-nav img {
    margin: 0px !important;
    width: 400px !important;
}

.div-contenedor-img img {
    cursor: pointer;
    -top: -12px;
    left: 97px;
    width: 438px;
    height: 155px;
    /* UI Properties */
    opacity: 1;
}

.div-contenedor-info {

}

.div-contenedor-info a {
    color: #3c2787 !important;
}

/*.div-contenedor-info:hover a {*/
/*    color: #428727 !important;*/
/*}*/

.contenedor-principal {
    --bs-gutter-x: 1.5rem;
    width: 100% !important;
    height: 100% !important;
    align-items: center;
    justify-content: center !important;
    background-color: #F2F4F8 !important;
    background-image: url('../images/Fondo.png') !important;
    background-repeat: no-repeat;
    /*padding-left: 22px;*/
    padding-right: 0 !important;
    margin-left: 0 !important;
}

.mn {
    height: 100% !important;
    align-items: center;
    justify-content: center !important;
    -background-color: rgba(12, 238, 144, 0.863);
}

.contenedor-formulario-inicio {

    width: 700px !important;
    display: flex;
    justify-content: center !important;
    align-items: center;
    -background-color: #b32323de !important;

}

.container-login {
    display: flex;
    align-items: center;
    width: 90% !important;
    box-shadow: 0px 10px 30px #0000001a;
    border-radius: 44px;
    opacity: 1;
    background: #ffffff 0% 0% no-repeat padding-box;
}

.form-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0px !important;
}

.title-login {
    font-size: 20px;
    font: normal normal 800 30px/35px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    margin-top: 50px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.container-form-login {
    margin: 0 auto 100px;
    width: 80%;
}

.input-form {
    width: 75% !important;
    height: 39px;
    display: block;
    margin: 0 auto 25px;
    padding: 0 15px;
    border: none;
    border-radius: 13px;
    box-shadow: 3px 3px 5px #00000077;
}

.input-pass {
    width: 75% !important;
    height: 39px;
    display: block;
    margin: 0 auto 25px;
    border: none;
    border-radius: 13px !important;
    box-shadow: 3px 3px 5px #00000077;
}

#txtLogin:hover {
    border: 2px solid #064759;
}

.password:hover {
    border: 2px solid #064759;
}

.fa-eye-slash {
    color: #001417;
}

.fa-eye-slash:hover {
    color: #45bcde;
}

.fa-eye {
    color: #001417;
}

.fa-eye:hover {
    color: #45bcde;
}

.eye {
    cursor: pointer;
    width: 20px;
}

.btn-modal {
    background-color: #45bcde !important;
    --bs-btn-border-color: #45bcde !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    box-shadow: 3px 3px 5px #00000077 !important;
}

.btn-modal:hover {
    background-color: #FBAD25 !important;
    color: #ffffff !important;
}

.btn-block-custom {
    background-color: #45bcde;
    color: #ffffff;
    width: 100%;
    height: 40px;
    border-radius: 25px !important;
    box-shadow: 3px 3px 5px #00000077 !important;

    font-weight: bold;
}

.btn-block-custom:hover {
    background-color: #FBAD25;
    color: #ffffff;
}

.btn-login {
    color: #ffffff;
    width: 100%;
    border-radius: 25px !important;
}

/* contenedor carrusel */
.carousel .carousel-item {
    transition-timing-function: 5s ease;
}

.container-principal-carrusel {
    display: flex;
    justify-content: center;
    -background-color: #00000029 !important;
}

.container-carrusel {
    width: 100% !important;
    -background-color: #11137e48 !important;
}

.contenedor-imgs-carrusel {
    align-items: center;
}

/* fin contenedor carrusel */


.carousel-indicators {
    justify-content: center;
    list-style: none;
}

.carousel-indicators button {
    width: 15px !important;
    height: 15px !important;
    border-radius: 100% !important;
    background-color: #00000029 !important;
}

.carousel-indicators .active {
    background-color: #3c2787 !important;
}

.footer {

    width: 100% !important;
    color: #000000;
    text-align: center;
    -position: fixed; /*aqui lo fijamos*/
    bottom: 0; /*aqui lo enviamos al fondo*/
    background-color: #ffffff !important;
}

.contenedor-footer-principal {
    display: flex;
    -background-color: #ffffff !important;
}

.div-contenedor-footer-inicio {
    display: flex;
    justify-content: start;
    align-items: center;
    -background-color: #f80202 !important;

}

.contenedor-footer-start {
    display: flex;
    align-items: center;

}

.textAudit {
    font-weight: bold;
    font-size: 12px !important;
}

.img-footer {
    cursor: pointer;
    width: 130px !important;
}

.div-footer-content-fin {
    display: flex;
    justify-content: end;
    align-items: center;
    -background-color: #1fe02f !important;
}

.footer-contenedor-logos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 70px !important;
}


.img-correo {
    max-width: 100%;
    cursor: pointer;
    display: block;
}

.img-correo:hover {
    opacity: 0.5;
}

.img-telefono {
    max-width: 100%;
    cursor: pointer;
    display: block;
}

.img-telefono:hover {
    opacity: 0.5;
}

.row-custom {
}


#bloque { /*padre*/
    width: 100%;
}

#bloque .A, #bloque .B { /*hijos*/
    display: inline-block;
}

p {
    margin: 0px !important;
}

@media (max-width: 575px) {

    .main {
        height: 750px !important;
    }

    .contenedor-principal {
        background-size: 700px 900px;

    }

    .div-footer-content-fin {
        padding-top: 15px !important;
        justify-content: center;
    }

    .div-logo-nav {
        /*height: 100px;*/
        display: flex;
        justify-content: center !important;
    }

    .nvr {
        height: 23% !important;
    }

    /* contenedor login  */
    .contenedor-formulario-inicio {
        padding-top: 100px;
        width: 100% !important;
    }

    .container-login {
        width: 370px !important;
        height: 310px;
        display: flex;
        justify-content: center;

    }

    .container-carrusel {

        width: 450px !important;
        height: 290px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        /*padding-top: 10px !important;*/
        -background-color: #ffffff;
    }

    .carousel-item img {

        width: 380px !important;
        height: 220px !important;
    }

    .form-login {
        width: 90% !important;
        -background-color: #1fe02f !important;

    }

    /* fin contenedor login */
    .title-login {
        font-size: 25px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
        -padding: 10px 10px 10px 10px !important;
    }

    .input-form {
        width: 100% !important;
    }

    .input-pass {
        width: 100% !important;
    }

    .textAudit {
        font-weight: bold;
        font-size: 10px;
    }

    .footer-contenedor-logos {
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

/*  DESDE  576 hasta 768*/
@media (min-width: 576px) and (max-width: 767px) {

    .main {
        height: 850px !important;
    }

    .contenedor-principal {
        background-size: 750px 1090px;

    }

    .nvr {
        height: 23% !important;
    }

    .div-logo-nav {
        display: flex;
        justify-content: center !important;
    }

    .div-contenedor-info {
        /*display: flex;*/
        /*justify-content: right !important;*/
    }

    .div-nav-button {
        justify-content: center;
    }

    /* contenedor login  */
    .contenedor-formulario-inicio {
        padding-top: 110px;
        width: 75% !important;
    }

    .container-login {
        width: 400px !important;
        height: 350px !important;
        display: flex;
        justify-content: center;

    }

    .container-carrusel {

        width: 450px !important;
        height: 400px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 30px !important;
        -background-color: #ffffff;
    }

    .carousel-item img {

        width: 520px !important;
        height: 310px !important;
    }

    .form-login {
        width: 90% !important;
    }

    /* fin contenedor login */
    .title-login {
        font-size: 30px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
        -padding: 10px 10px 10px 10px !important;
    }

    .input-form {
        width: 100% !important;
    }

    .input-pass {
        width: 100% !important;
    }

    .textAudit {
        font-weight: bold;
        font-size: 13px !important;
    }

}

/*  DESDE  768 hasta 992*/
@media (min-width: 768px) and (max-width: 991px) {

    .contenedor-principal {
        background-size: 900px 1090px;

    }

    .div-logo-nav img {
        /* width: 85%; */
        width: 250px !important;
        height: 100px;
        justify-content: flex-end !important;
        margin-left: 30px !important;
    }

    .div-logo-nav {
        /* width: 85%; */
        display: flex;
        justify-content: center !important;
    }

    .nvr {
        height: 15% !important;
    }

    .btn-custom-inf {
        -background-color: #ffffff;
    }

    .main {
        width: 100%;
        background-repeat: no-repeat;
        height: 850px !important;
        background-size: cover;
    }

    /* contenedor login  */
    .contenedor-formulario-inicio {
        padding-top: 60px;
        width: 70% !important;
    }

    .container-login {
        width: 450px !important;
        height: 350px !important;
        display: flex;
        justify-content: center;

    }

    .container-carrusel {

        width: 580px !important;
        height: 450px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 30px !important;
        -background-color: #ffffff;
    }

    .carousel-item img {

        width: 600px !important;
        height: 376px !important;
    }

    .form-login {
        width: 90% !important;
    }

    /* fin contenedor login */
    .title-login {
        font-size: 30px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
    }

    .input-form {
        width: 100% !important;
    }

    .input-pass {
        width: 100% !important;
    }

    .textAudit {
        font-weight: bold;
        font-size: 15px !important;
    }

    .img-footer {
        max-width: 100% !important;
    }

    .contenedor-footer-principal {
        width: 100% !important;
        height: 72px !important;
        align-items: center;
        -background-color: #f80b0b !important;
    }

    .div-footer-content-fin {
        display: flex;
        justify-content: end !important;
        align-items: end;
    }

    .footer-contenedor-logos {
        display: flex;
        padding-right: 80px !important;

    }

    .img-correo {
        width: 100% !important;
        max-width: 100%;
        cursor: pointer;
    }

    .img-telefono {
        width: 100% !important;
        max-width: 100%;
        cursor: pointer;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {

    .contenedor-principal {
        background-size: 1098px 730px;
    }

    .div-logo-nav img {
        /* width: 85%; */
        width: 250px !important;
        height: 100px;
        justify-content: start !important;
        margin-left: 30px !important;
    }

    .nvr {
        height: 15% !important;
    }


    .main {
        top: 121px;
        left: 0px;
        width: 100%;
        height: 720px !important;
        background-repeat: no-repeat;
        background-size: auto !important;
        opacity: 1;

    }

    /* contenedor login  */
    .contenedor-formulario-inicio {

        width: 40% !important;
    }


    .form-login {
        width: 90% !important;
    }

    /* fin contenedor login */
    .title-login {
        font-size: 26px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
    }

    .input-form {
        width: 100% !important;
    }

    .input-pass {
        width: 100% !important;
    }

    .btn-block-custom {
        width: 100% !important;
    }

    /* contenedor carrusel */
    .container-principal-carrusel {

        width: 60% !important;
    }

    .container-login {
        width: 360px !important;
        height: 420px !important;
        display: flex;
        justify-content: center;

    }

    .container-carrusel {

        width: 550px !important;
        height: 460px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 40px !important;
        -background-color: #ffffff;
    }

    .carousel-item img {

        width: 600px !important;
        height: 376px !important;
    }

    /* fin contenedor carrusel */
    .contenedor-footer-principal {
        -width: 100% !important;
        height: 90px !important;
        align-items: center;
        -background-color: #f80b0b !important;
    }

    .div-contenedor-footer-inicio {
        display: flex;
        justify-content: start !important;
        align-items: center;
    }


    .textAudit {
        font-weight: bold;
        font-size: 16px !important;
    }

    .div-footer-content-fin {
        display: flex;
        justify-content: flex-end !important;
        align-items: center;
        -background-color: #000000 !important;
    }

    .footer-contenedor-logos {
        display: flex;
        align-items: center;
        padding-right: 40px !important;
        justify-content: flex-end;
    }


}

@media (min-width: 1200px) {

    .contenedor-principal {
        background-size: 1250px 750px;
    }

    .div-logo-nav img {
        /* width: 100% !important; */
        width: 260px !important;
        height: 110px;
        display: flex;
        justify-content: start !important;
        margin-left: 30px !important;
    }


    .main {
        top: 121px;
        left: 0px;
        width: 100%;
        height: 720px !important;
        background-repeat: no-repeat;
        background-size: auto !important;
        opacity: 1;

    }

    /* contenedor login  */
    .contenedor-formulario-inicio {
        width: 40% !important;
    }

    .container-login {
        width: 380px !important;
        height: 425px !important;
        display: flex;
        justify-content: center;

    }

    .container-form-login {
        margin: 0 auto 130px !important;
        width: 85% !important;
        -background-color: #000000 !important;
    }

    .form-login {
        width: 90% !important;
    }

    /* fin contenedor login */
    .title-login {
        font-size: 27px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
        -background-color: #db0505 !important;
    }

    .input-form {
        width: 100% !important;
        height: 45px !important;
    }

    .input-pass {
        width: 100% !important;
        height: 45px !important;
    }

    .btn-block-custom {
        width: 100% !important;
    }

    /* contenedor carrusel */
    .container-principal-carrusel {

        width: 60% !important;
    }

    .container-carrusel {

        width: 650px !important;
        height: 490px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 40px !important;
        -background-color: #000000 !important;
    }

    .carousel-item img {
        width: 650px !important;
        height: 407px !important;
    }

    /* fin contenedor carrusel */
    .contenedor-footer-principal {
        width: 100% !important;
        height: 80px !important;
        align-items: center;
        -background-color: #000000 !important;
    }

    .div-contenedor-footer-inicio {
        display: flex;
        justify-content: start !important;
        align-items: center;
    }


    .textAudit {
        font-weight: bold;
        font-size: 17px !important;
    }

    .div-footer-content-fin {
        display: flex;
        justify-content: end !important;
        align-items: center;
    }

    .footer-contenedor-logos {
        align-items: center;
        padding-right: 30px !important;
    }


}

@media (min-width: 1300px) {

    .contenedor-principal {
        background-size: 1350px 750px;

    }

    .div-logo-nav img {
        /* width: 85%; */
        object-fit: contain;
        width: 260px !important;
        height: 95px;
        justify-content: start !important;
        margin-left: 30px !important;
    }


    .container-login {
        width: 440px !important;
        height: 480px !important;
        display: flex;
        justify-content: center;

    }

    .container-form-login {
        margin: 0 auto 130px !important;
        width: 85% !important;
        -background-color: #000000 !important;
    }

    .form-login {
        width: 90% !important;
    }

    /* fin contenedor login */
    .title-login {
        font-size: 27px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
        -background-color: #000000 !important;
    }

    .input-form {
        width: 100% !important;
        height: 48px !important;
    }

    .input-pass {
        width: 100% !important;
        height: 48px !important;
    }

    .btn-block-custom {
        width: 100% !important;
    }

    /* contenedor carrusel */
    .container-principal-carrusel {

        width: 60% !important;
    }

    .container-carrusel {

        width: 700px !important;
        height: 520px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 40px !important;
        -background-color: #000000 !important;
    }

    .carousel-item img {

        width: 700px !important;
        height: 438px !important;
    }

    /* fin contenedor carrusel */
    .contenedor-footer-principal {
        width: 100% !important;
        height: 80px !important;
        align-items: center;
        -background-color: #000000 !important;
    }

    .div-contenedor-footer-inicio {
        display: flex;
        justify-content: start !important;
        align-items: center;
    }


    .textAudit {
        font-weight: bold;
        font-size: 18px !important;
    }

    .div-footer-content-fin {
        display: flex;
        justify-content: end !important;
        align-items: center;
    }

    .footer-contenedor-logos {
        align-items: center;
        padding-right: 50px !important;
    }


}

@media (min-width: 1400px) {

    .contenedor-principal {
        background-size: 1400px 750px;

    }

    .div-logo-nav img {
        /* width: 85%; */
        width: 270px !important;
        height: 120px;
        justify-content: start !important;
        margin-left: 30px !important;
    }

    .container-login {
        width: 440px !important;
        height: 480px !important;
        display: flex;
        justify-content: center;

    }

    .container-form-login {
        margin: 0 auto 130px !important;
        width: 85% !important;
        -background-color: #000000 !important;
    }

    .form-login {
        width: 90% !important;
    }

    /* fin contenedor login */
    .title-login {
        font-size: 28px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
    }

    .input-form {
        width: 100% !important;
    }

    .input-pass {
        width: 100% !important;
    }

    .btn-block-custom {
        width: 100% !important;
    }

    /* contenedor carrusel */
    .container-principal-carrusel {

        width: 60% !important;
    }

    .container-carrusel {

        width: 750px !important;
        height: 550px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 40px !important;
        -background-color: #000000 !important;
    }

    .carousel-item img {

        width: 750px !important;
        height: 470px !important;;
    }

    /* fin contenedor carrusel */
    .contenedor-footer-principal {
        width: 100% !important;
        height: 70px !important;
        align-items: center;
        -background-color: #000000 !important;
    }

    .div-contenedor-footer-inicio {
        display: flex;
        justify-content: start !important;
        align-items: center;
    }


    .textAudit {
        font-weight: bold;
        font-size: 19px !important;
    }

    .div-footer-content-fin {
        display: flex;
        justify-content: end !important;
        align-items: center;
    }

    .footer-contenedor-logos {
        align-items: center;
        padding-right: 70px !important;
    }
}

@media (min-width: 1450px) {

    .contenedor-principal {
        background-size: 1530px 750px;

    }

    .div-logo-nav img {
        /* width: 85%; */
        width: 270px !important;
        height: 120px;
        justify-content: start !important;
        margin-left: 30px !important;
    }

    .container-login {
        width: 440px !important;
        height: 550px !important;
        display: flex;
        justify-content: center;

    }

    .container-form-login {
        margin: 0 auto 130px !important;
        width: 85% !important;
        -background-color: #000000 !important;
    }

    .form-login {
        width: 90% !important;
    }

    /* fin contenedor login */
    .title-login {
        font-size: 28px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
    }

    .input-form {
        width: 100% !important;
        height: 50px !important;
    }

    .input-pass {
        width: 100% !important;
        height: 50px !important;
    }

    .btn-block-custom {
        width: 100% !important;
    }

    /* contenedor carrusel */
    .container-principal-carrusel {

        width: 60% !important;
    }

    .container-carrusel {
        width: 810px !important;
        height: 600px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 40px !important;
        -background-color: #000000 !important;
    }

    .carousel-item img {
        width: 810px !important;
        height: 507px !important;
    }

    /* fin contenedor carrusel */
    .contenedor-footer-principal {
        width: 100% !important;
        height: 70px !important;
        align-items: center;
        -background-color: #000000 !important;
    }

    .div-contenedor-footer-inicio {
        display: flex;
        justify-content: start !important;
        align-items: center;
    }


    .textAudit {
        font-weight: bold;
        font-size: 20px !important;
    }

    .div-footer-content-fin {
        display: flex;
        justify-content: end !important;
        align-items: center;
    }

    .footer-contenedor-logos {
        align-items: center;
        padding-right: 60px !important;
    }
}


@media (min-width: 1550px) {


    .contenedor-principal {
        background-size: 1630px 750px;
    }

    .container-login {
        width: 500px !important;
        height: 580px !important;
        display: flex;
        justify-content: center;

    }

    .container-form-login {
        margin: 0 auto 130px !important;
        width: 85% !important;
        -background-color: #000000 !important;
    }

    .form-login {
        width: 90% !important;
    }

    .title-login {
        font-size: 29px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
    }

    .input-form {
        width: 100% !important;
        height: 55px !important;
    }

    .input-pass {
        width: 100% !important;
        height: 55px !important;
    }

    .btn-block-custom {
        width: 100% !important;
    }

    .container-principal-carrusel {

        width: 60% !important;
    }

    .container-carrusel {

        width: 810px !important;
        height: 600px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 40px !important;
        -background-color: #000000 !important;
    }


    .carousel-item img {
        width: 810px !important;
        height: 507px !important;
    }

    .contenedor-footer-principal {
        width: 100% !important;
        height: 70px !important;
        align-items: center;
        -background-color: #000000 !important;
    }

    .div-contenedor-footer-inicio {
        display: flex;
        justify-content: start !important;
        align-items: center;
    }


    .textAudit {
        font-weight: bold;
        font-size: 21px !important;
    }

    .div-footer-content-fin {
        display: flex;
        justify-content: end !important;
        align-items: center;
    }

    .footer-contenedor-logos {
        align-items: center;
        padding-right: 100px !important;
    }

}


@media (min-width: 1700px) {

    .main {
        top: 121px;
        left: 0px;
        width: 100%;
        height: 900px !important;
        background-repeat: no-repeat;
        background-size: auto !important;
        opacity: 1;

    }

    .contenedor-principal {
        background-size: 1780px 950px;
    }

    .container-login {
        width: 600px !important;
        height: 650px !important;
        display: flex;
        justify-content: center;

    }

    .container-form-login {
        margin: 0 auto 130px !important;
        width: 90% !important;
        -background-color: #000000 !important;
    }

    .form-login {
        width: 90% !important;
    }

    .title-login {
        font-size: 40px !important;
        font-weight: bold;
        text-align: center;
        color: #000000;
    }

    .input-form {
        width: 100% !important;
        height: 60px !important;
    }

    .input-pass {
        width: 100% !important;
        height: 60px !important;
    }

    .btn-block-custom {
        width: 100% !important;
    }

    .container-principal-carrusel {

        width: 60% !important;
    }

    .container-carrusel {

        width: 970px !important;
        height: 750px !important;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        padding-top: 70px !important;
        -background-color: #000000 !important;
    }

    .carousel-item img {
        width: 980px !important;
        height: 614px !important;;
    }

    .contenedor-footer-principal {
        width: 100% !important;
        height: 80px !important;
        align-items: center;
        -background-color: #000000 !important;
    }

    .div-contenedor-footer-inicio {
        display: flex;
        justify-content: start !important;
        align-items: center;
    }


    .textAudit {
        font-weight: bold;
        font-size: 25px !important;
    }

    .div-footer-content-fin {
        display: flex;
        justify-content: end !important;
        align-items: center;
    }

    .footer-contenedor-logos {
        align-items: center;
        padding-right: 100px !important;
    }

}

@media (min-width: 1900px) {

    .contenedor-principal {
        background-size: 1920px 950px;
    }
}

.iconFooter {
    background: #3c2787 !important;
}

.iconFooter:hover {
    background: #fff !important;
}

.iconFooter > a > i {
    color: #fff !important;
}

.iconFooter:hover > a > i {
    color: #3c2787 !important;
}