div#containerCard {
    display: flex;
    padding: 2%;
    gap: 2rem;
}

.cardHome {
    width: 240px;
    height: 240px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    transform-style: preserve-3d;
    perspective: 1000px;
    cursor: pointer;
}

    .cardHome:hover {
        transform: rotateY(5deg) scale(1.05);
        box-shadow: 0 25px 40px rgba(0, 0, 0, 0.2);
    }

    .cardHome img {
        width: 100%;
        height: 60%;
        object-fit: cover;
    }

    .cardHome .content {
        padding: 20px;
    }

        .cardHome .content h2 {
            margin: 0 0 10px;
            font-size: 1.5em;
            color: #333;
        }

        .cardHome .content p {
            color: #666;
            font-size: 1em;
        }


.icon {
    margin-right: 10px;
}

.arrow {
    float: right;
    transition: transform 0.3s ease;
}

.dropdown.active .arrow {
    transform: rotate(90deg);
}

#page-top {
    overflow: clip!important;
}
#sidebarUl {
    color:black
}