.medipro-hero {

    padding:
    var(--space-2xl) 0;

    background:
    var(--medipro-white);

    position: relative;

    background-size: cover;

    background-position: center;

}



.hero-container {


    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;


}



.hero-content {


    flex:1;


}



.hero-content h1 {


    font-size:
    var(--text-5xl);


    margin-bottom:
    var(--space-md);


}



.hero-content h1 span {


    color:
    var(--medipro-primary);


}



.hero-description {

    font-size: var(--text-base);

}



.hero-buttons {


    display:flex;

    gap:20px;

    margin-top:
    var(--space-lg);


}



.hero-image {


    flex:1;

    text-align:center;


}



.hero-image img {


    max-width:100%;

    border-radius:
    var(--radius-lg);

    box-shadow:
    var(--shadow-lg);


}

.hero-subtitle {

    font-size: var(--text-xl);

    margin-bottom: 1rem;

    color: var(--medipro-secondary-heading-color);

}




.medipro-hero::before {

    content: "";

    position: absolute;

    inset: 0;

    background-color: transparent;

    pointer-events: none;

    z-index: 1;

}


.hero-container {

    position: relative;

    z-index: 2;

}