/* _______________________ Home Styling _______________________ */

#updc-hero-intro {
    margin: 10vw 0 15vw;
    gap: 8.3%;
}

#updc-hero-intro span {
    padding: 0px;
    font-size: min(6.5vw, 90px);
}

#updc-hero-intro img {
    width: min(23.7vw, 358px);
    height: min(31.9vw, 482px);
    object-fit:cover;
    border-radius: 11.8vw 11.8vw 0 0;
}


@media only screen and (max-width: 600px) {
    #updc-hero-intro {
        gap: 0;
        padding: 0 8vw;
        justify-content: start !important;
        margin-bottom: 25vw;
    }

    #updc-hero-intro div:last-child {
        position: absolute;
        margin-top: 0;
        margin-left: 50%;
        z-index: -1;
        width: calc(83vw - 50%);
        padding: 0;
        overflow: hidden;
    }

    #updc-hero-intro img {
        border-radius: 50%;
        width: 44.6vw;
        height: 60vw;
    }
}
#updc-hero-image img{
    width:100vw;
    margin-left: calc((100vw - 100%) / (-2));
    height: min(33vw, 720px);
    object-fit:cover;
    display:block;
}


#updc-hero-cta-section {
    margin: 16vw 0 20vw;
    gap: 9%;
}

#updc-hero-cta-section img {
    width: min(32vw, 496px);
    height: auto;
    object-fit: cover;
    border-radius: min(4.6vw, 56px);
}

#updc-hero-cta-section span {
    font-size: min(4.6vw, 56px);
    text-align: center;
}

#updc-hero-cta-section .flex-column {
    gap: min(5.8vw, 86px);
}

#updc-hero-cta-section button {
    border: none;
    background-color: var(--dark-pink);
    width: min(24vw, 200px);
    height: min(6.6vw, 56px);
    text-align: center;
    font-size: min(2.2vw, 16px);
    color: white;
    cursor: pointer;
}


@media only screen and (max-width: 600px) {
    #updc-hero-cta-section {
        padding: 0 8vw;
        gap: 5%;
    }
}