.hero_section_folder {
    background-color: var(--body-bg);
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;


    .hero_container {
        position: relative;
        display: flex;
        align-items: end;
        justify-content: center;
        margin-top: 50px;

        .hero_text {
            width: 50%;
            height: 40%;
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            top: 44%;

            h1 {
                /* width: 100%; */
                font-size: clamp(1rem, 5vw, 3rem);
                color: var(--text-white);
                font-family: 'DG Trika', sans-serif;
            }

            .kol_haga {
                width: 50%;
            }

            h2 {
                /* width: 100%; */
                font-size: clamp(0.5rem, 2.5vw, 1.5rem);
                color: var(--text-white);
                font-family: 'DG Trika', sans-serif;
                margin-top: 5%;
            }
        }


        .folder_icon {
            width: 80%;
        }

        .hero_secondary_text {
            position: absolute;
            font-size: clamp(0.5rem, 2.5vw, 1.5rem);
            color: var(--text-secondary-invert);
            font-family: 'DG Trika', sans-serif;
        }
    }



}

@media screen and (max-width:425px) {
    .hero_section_folder {
   
    height: 70vh;
    }
    
}