.banner-container{
    width: 100%;
    position: relative;
}

.banner-img{
    width: 100%;
}

.banner-content{
    position: absolute;
    bottom: 7.5%;
    left: 5%;
}

.banner-title{
    font-size: 3rem;
    line-height: 2.5rem;
    font-weight: bold;
    font-family: var(--bold-font);
    margin: 0;
    padding: 0 0;
    color: white;
}

.banner-subtitle{
    font-size: 2.5rem;
    font-weight: normal;
    margin: 0;
    padding: 0rem 0;
    color: white;
}

.about-container{
    width: 100%;
    padding: 5vw 5%;
    display: flex;
    align-items: center;
}

.about-content{
    width: 50%;
}

.about-title{
    font-size: 2rem;
    color: var(--primary-color);
    font-weight: normal;
    margin: 0;
    padding-bottom: 2rem;
}

.about-p{
    font-size: 1rem;
}

.about-img{
    width: 50%;
    object-fit: contain;
    padding-left: 5vw;
}