/* Existing animations ... */
.home-animate-stroke {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    animation: dash 2s ease-in-out forwards;
    animation-delay: 3s;
}

.home-animate-grow {
    transform: scaleY(0);
    transform-origin: bottom;
    animation: grow 1s forwards;
    animation-delay: 3s;
}

.home-animate-fade-right-left {
    animation: fade-right-left 2s ease-in-out forwards;
    animation-delay: 3s;
    transform: translateX(32px);
}

.home-animate-fade-left-right {
    animation: fade-left-right 2s ease-in-out forwards;
    animation-delay: 3s;
    transform: translateX(-32px);
}

.home-animate-fade-top-bottom {
    animation: fade-top-bottom 2s ease-in-out forwards;
    animation-delay: 3s;
    transform: translateY(-32px);
}

.home-animate-fade-bottom-top {
    animation: fade-bottom-top 2s ease-in-out forwards;
    animation-delay: 3s;
    transform: translateY(32px);
}

.home-animate-scale-up {
    animation: scale-up 2s ease-in-out forwards;
    animation-delay: 3s;
    transform-origin: center;
}

.copyright-section {
    /* position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 10;
    width: 100%; */
}

.benefit-icon {
    width: 24px;
}



@keyframes scale-up {
    0% {
        transform: scale(90%)
    }

    100% {
        transform: scale(100%);
    }
}

@keyframes fade-top-bottom {
    0% {
        transform: translateY(-32px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes fade-bottom-top {
    0% {
        transform: translateY(32px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes fade-right-left {
    0% {
        transform: translateX(32px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes fade-left-right {
    0% {
        transform: translateX(-32px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes grow {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    98% {
        opacity: 100%;
    }

    100% {
        transform: scaleY(1);
    }
}

/* New Styles for Redesign */

.hero-circle {
    position: absolute;
    background-color: #FDC911;
    border-radius: 50%;
    z-index: 1;
    
    /* Mobile (Default) */
    width: 35vh;
    height: 35vh;
    top: 25%; 
    left: 50%;
    transform: translateX(-50%);
}

.benefit-icon {
    width: 24px;
}

/* Mobile Defaults */
.h3.home-page-text {
     font-size: 2rem !important;
     text-align: center;
}

.hero-text-feature {
    text-align: center;
    width: 100%;
    display: block;
}

.homepage-image {
    margin-top: 0;
    margin-bottom: 0px; 
    width: 16em;
    border-bottom: 1px solid white;
}

.benefit-group {
    justify-content: center !important;
    margin-top: 2em;
    gap: 1.25em;
}

/* Desktop Styles Overrides */
@media (min-width: 992px) {
    .hero-circle {
        width: 65vh; 
        height: 65vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .homepage-image {
        position: relative;
        margin-top: unset;
        margin-bottom: unset;
        width: 45%;
    }
    .benefit-icon {
        width: 42px;
    }
    
    /* Reset mobile-specific styles for desktop */
    .h3.home-page-text {
         font-size: unset !important; 
         text-align: left;
    }
    .hero-text-feature {
        text-align: left;
        width: auto;
    }
    .benefit-group {
        justify-content: flex-start !important;
        margin-top: unset;
        gap: 2em;
    }
}