.hero-section{
    background-image: url(../assets/sis\ 1.png); /* Sets background image */
    background-size: cover; /* Ensures background covers entire section */
    height: 972px; /* Full viewport height */
    /* width: fit-content; */
}
.hero h1{
    color: #434242;

text-align: center;
font-family: Manrope;
font-size: 84px;
font-style: normal;
font-weight: 500;
line-height: normal;    
letter-spacing: -5.04px;
margin-bottom: 50px;
margin-top: 80px;

}
.logosize{
    width: 258px;
height: 168px;
}

.logo{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    margin-top: 135px;
}
.kat-text p{
text-align: center;
width: 700px;
align-items: center;
margin-left: 400px;
margin-top: 40px;
}

.hero-picolo{
    background-image: url(../assets/sis2.png); /* Sets background image */
    background-size: cover; /* Ensures background covers entire section */
    height: 972px; /* Full viewport height */
    /* width: fit-content; */
    margin-top: 120px;
}