.imgHead {
    width: 30%;
    margin-top: -40px;
    margin-bottom: -40px;
}

.texto {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.spanText {
    font-size: 1.8rem;
    font-weight: 700;
}

.spanText.color_1 {
    color: #003B71 !important;
}

.color_1 {
    color: #003B71 !important;
    font-size: 1.7rem;
}

.spanText.color_2 {
    color: #00BBB4 !important;
}

.color_2 {
    color: #00BBB4;
    font-size: 1.7rem;
}

.color_3 {
    color: #6F7271 !important;
    /* background: #6f727145; */
    background: #6f727161;
}

.color3 {
    color: #6F7271 !important;
}

.hover-card:hover {
    transform: scale(0.9);
    /* --bs-bg-opacity: 1; */
    /* background-color: rgba(var(--bs-secondary), var(--bs-bg-opacity)) !important; */
    /* background-color:rgba(#6F7271, var(--bs-bg-opacity))  !important;  */

}

.hover-InActive:hover {
    transform: scale(0.9);
    opacity: 1 !important;
    background: white !important;
}


.hidden {
    display: none;
}

.corazon {
    animation: latidos 2s infinite;
}

.col_8 {
    padding: 70px;
    box-shadow: 0px -10px 12px 10px rgba(0, 0, 0, 0.6);
    /* height: 700px */
}

/* .col_7 {
    margin: 0px 70px 0px 0px;
} */

.btnmoreApps {
    cursor: pointer;
    width: 240px;
    margin: auto;
}

.iconCard {
    width: 64px;
}

.icon-card {
    position: relative;
    left: 10%;
}

.heigth-content-card {
    height: 600px;
}

.img-ajust {
    width: 102%;
    position: relative;
    height: 624px;
    left: -12px;
    z-index: -9;
}

.row {
    margin-right: 0px !important
}

@keyframes latidos {
    from {
        transform: none;
    }

    50% {
        transform: scale(1.1);
    }

    to {
        transform: none;
    }
}

@media(max-width: 1280px) {
    .icon-card {
        left: 5%;
    }

    .spanTextAjust {
        font-size: 25px;
    }
}

@media(max-width: 1080px) {
    .imgHead {
        width: 40% !important;
        margin: -25px 0px -20px -110px;
    }

    .iconCard {
        width: 55px;
    }

    .icon-card {
        left: 2%;
    }

    .spanTextAjust {
        font-size: 20px;
    }

    #divCardActive {
        height: 590px;
    }

    .imgR1 {
        height: 590px !important;
    }
}

@media(max-width: 1180px) {
    .imgHead {
        width: 35% !important;
        margin: -20px 0px -20px -70px;
    }

    .iconCard {
        width: 50px;
    }

    .spanTextAjust {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width: 950px) {

    .icon-card {
        left: 2%;
    }

    .iconCard {
        width: 40px;
    }

    .spanTextAjust {
        font-size: 18px;
    }

}

/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (max-width:580px) {
    .imgHead {
        width: 65% !important;
        margin: -10px 0px -10px -70px;
    }

    .spanTextAjust {
        font-size: 25px;
    }

    .icon-card {
        position: relative;
        left: 5%;
    }

    .p-2 {
        padding: none;
    }

    .imgR1 {
        display: none;
    }

    .col_8 {
        padding: 20px 40px 20px 40px;
        box-shadow: 0px 2px 12px 5px rgba(0, 0, 0, 0.8);
    }

    .btnmoreApps.my-5 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

}

@media(max-width: 360px) {
    .spanTextAjust {
        font-size: 18px;
    }

    .iconCard {
        width: 46px;
    }

    .icon-card {
        left: 2%;
    }
}

@media (min-width: 300px) and (max-width: 580px) {
    .iconCard {
        width: 44px;
    }

    .spanTextAjust {
        font-size: 18px;
    }
}