.cnctc-card {
width: 100%;
aspect-ratio: 1 / 1;
background: #ffc107;
border-radius: 28px;
box-shadow: 0 10px 22px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease;
}
.cnctc-icon {
font-size: 3rem;
color: #0f2b3a;
transition: transform 0.25s ease;
} .cnctc-item:hover .cnctc-card {
transform: translateY(-10px);
box-shadow: 0 18px 35px rgba(0,0,0,0.25);
background: #ffcd39;
}
.cnctc-item:hover .cnctc-icon {
transform: scale(1.15);
}
.cnctc-item:hover p {
color: #dc3545;
} @media (max-width: 575px) {
.cnctc-card {
border-radius: 20px;
}
.cnctc-icon {
font-size: 2.4rem;
}
}
.cnctc-svg-icon {
width: 36px !important;
height: 36px !important;
object-fit: contain;
display: inline-block;
filter: invert(25%) sepia(75%) saturate(1200%) hue-rotate(90deg) brightness(85%) contrast(95%);
}