.about--section--image {
    margin: 0 auto;
    width: 200px;
}

.product--section--image {
    margin: 0 auto;
    width: 300px;
}

.category--card {
    /* margin: 10px; */
    width: 32%;
    padding: 15px;
    border: 0.5px solid #00ADEE;
    border-radius: 5px;
    background: linear-gradient(45deg, #00adee24, #ffffff4d);
    background-repeat: no-repeat;
    background-size: auto;
}


/* .category--card:hover {

    border: 2px solid #009bd3;
    background: linear-gradient(45deg, #40c7f824, #dddcdc4d);
    
} */

.font--white {
    color: #FFF;
}

.contact--mail--text {
    font-size: 3.5rem;
    letter-spacing: .25rem;
}

.contact--mail--text .contact--mail {
    color: #FFF;
}

@media only screen and (device-width: 768px) {
    .category--card {
        width: 100%;
        margin-bottom: 25px;
    }
    .contact--mail--text {
        font-size: 2.8rem;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .category--card {
        width: 100%;
        margin-bottom: 25px;
    }
    .contact--mail--text {
        font-size: 1.2rem;
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    .contact--mail--text {
        font-size: 1rem;
    }
}

.btn--submit:hover {
    background-color: #81d4f1;
}

.clients-testimonials .testimonials__avatar {
    height: 26.4rem;
    width: 31.4rem;
    border-radius: 5px;
    margin: 0 auto 1.2rem auto;
}


/* .red-alert-animation {
    color: #000;
    animation: effect 1s linear infinite;
}

@keyframes effect {
    0% {
        color: #000;
        -webkit-background-clip: text;
    }
    40% {
        color: #e20000;
        -webkit-background-clip: text;
    }
    100% {
        color: #ff0000;
        -webkit-background-clip: text;
    }
} */