#main-content .features__item {
  clip-path: circle(0% at 0% 0%);
}


#main-content .hero-img {
    clip-path: circle(1.8% at 50% 50%);
    transform: translateY(100px);
    opacity: 0;
}

#main-content .hero-h1,
#main-content .wrapper-hero {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    transform: translateY(60px);
    opacity: 0; 
}



#main-content .icon-down {
    opacity: 0;
    transform: translateY(30px);
}


#main-content .account-description,
#main-content .type-account {
    transform: translateX(-1000%);
}


#main-content .header-banner {
     opacity: 0;
}


#main-content .btn-primary-reveal,
#main-content .btn-secondary-reveal,
#main-content .security-item {
    opacity: 0;
    transform: translateY(60px);
}

#main-content .copy-section-btn {
    opacity: 0;
}

#main-content .copy-section-desc,
#main-content .copy-section-img,
#main-content .copy-section-header {
    clip-path: polygon(100% 0%, 0% 0%, 0% 0%, 100% 0%);
    opacity: 0;
}

#main-content .discover-section,
#main-content .account-section::before {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    opacity: 0;
}