/* more-features.css */
.more-features-section {
    font-family: 'WantedSansVariable', sans-serif;
    display: flex;
    gap: 38px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 1.25rem;
    position: relative;
    align-items: center;
    justify-content: center;
}

.rounded-card {
    background-color: #fff;
    border-radius: 8.5rem;
    padding: 1.25rem;
    text-align: center;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    width: 21.875rem;
    height: 37.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    transition: transform 0.3s, box-shadow 0.3s;
}

.rounded-card h3 {
    font-size: 2.25rem;
    margin-bottom: 0.938rem;
    color: #333;
}

.more-features-icon-top,
.more-features-icon-bottom {
    width: 15rem;
    height: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 2.75rem; 
    transition: background-color 0.3s ease;
    border-radius: 150px;
}

.more-features-icon-bottom {
    margin-top: 2.75rem;
    margin-bottom: 0rem; 
}

.more-features-icon-top video,
.more-features-icon-bottom video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.more-features-section .rounded-card:nth-child(1):hover strong {
    background: linear-gradient(277.35deg, #E8EFD6 -31.74%, #D6ECB4 -5.62%, #B7FD82 30.83%, #82EFA7 57.56%, #47C55A 89.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.more-features-section .rounded-card:nth-child(2):hover strong {
    background: linear-gradient(278.25deg, #D6EAEF -3.46%, #B4D6EC 16.58%, #82DCFD 44.54%, #82AEEF 65.04%, #4790C5 89.74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.more-features-section .rounded-card:nth-child(3):hover strong {
    background: linear-gradient(278.25deg, #E7D6EF -3.46%, #CBB4EC 16.58%, #B582FD 44.54%, #E182EF 65.04%, #B62BED 89.74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.more-features-section .rounded-card:nth-child(4):hover strong {
    background: linear-gradient(278.25deg, #B3D5EE -3.46%, #B2D5EE 16.58%, #82CAFD 44.54%, #4690FF 65.04%, #2351E7 89.74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rounded-card p {
    font-size: 1rem;
    color: #666;
    line-height: 1.5;
    text-align: center;
}

.rounded-card img {
    width: 9rem;
    height: auto;
    transition: transform 0.3s ease;
}

.rounded-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 3rem;
}


.rounded-card:hover .rounded-card img {
    transform: scale(1.1);
}

.rounded-card:nth-child(1),
.rounded-card:nth-child(3) {
    justify-content: flex-end;
}

.more-features-section video {
    clip-path: inset(2px 1px 1px 1px);
}

@media (max-width: 768px) {
    .more-features-section {
        flex-direction: column;
        align-items: center;
    }

    .rounded-card {
        width: 100%;
        max-width: 18.75rem;
    }
}
