/*.Start-Planning-Parallax01 {
    background-image: url('/Resources/Images/BackgroundImages/593796537StartHere.jpg');
    min-height: 500px;
    background-attachment: fixed;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
    margin: 0px;
}*/

/* Hero container (keeps your min-height) */
.Start-Planning-Parallax01 {
    position: relative;
    min-height: 500px;
    padding: 0;
    margin: 0;
    overflow: clip; /* avoids scrollbars if transforms are applied */
}

/* Absolutely position the image behind content */
.hero-media-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
}

/* The image behaves like background-size: cover / background-position */
.hero-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* == background-size: cover */
    object-position: 50% 35%; 
    will-change: transform;
}

/* Keep all existing hero content above the image */
.Start-Planning-Parallax01 > *:not(.hero-media-wrap) {
    position: relative;
    z-index: 1;
}

/* Desktop-only subtle parallax; disable for motion-sensitive users */
@media (min-width: 992px) and (prefers-reduced-motion: no-preference) {
    .Start-Planning-Parallax01 {
        perspective: 1px;
    }

    .hero-media {
        transform: translateZ(-0.5px) scale(1);
    }
}

@media (max-width: 991.98px) {
    .hero-media {
        transform: translateZ(-0.5px) scale(1.5);
        object-position: 40% 90%; 
    }
}




.Start-Planning-Parallax01-Title-Container {
    bottom: 5% !important;
}
@media (max-width: 991px) {
    .Start-Planning-Parallax01-Title-Container {
        bottom: 2% !important;
    }
}

.Start-Planning-Parallax01-Title {
    font-family: Oxygen, Lato, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 40px;
    color: white;
    filter: drop-shadow(2px 2px 10px #222);
}
@media (max-width: 991px) {
    .Start-Planning-Parallax01-Title {
        font-size: 30px;
    }
}


.Start-Planning-Parallax02 {
    background-image: url('/Resources/Images/BackgroundImages/567327817.webp');
    min-height: 250px;
    background-attachment: fixed;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
    margin: 0px;
}


.Start-Planning-Parallax03 {
    background-image: url('/Resources/Images/BackgroundImages/1893382575.jpg');
    min-height: 250px;
    background-attachment: fixed;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
    margin: 0px;
}




.Start-Planning-FlipCard01-Front {
    background-image: url('/Resources/Images/cp-RealWedding-Viktoria-Glen-1-1-61af9731dc44a.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.Start-Planning-FlipCard02-Front {
    background-image: url('/Resources/Images/plp-RealWedding-Marcy-Ryan-1-61b0ef1e98f87.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.Start-Planning-FlipCard03-Front {
    background-image: url('/Resources/Images/palace-cp-Weddings-Jiang-Au-107-61b26e505a708.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.Start-Planning-FlipCard-Front-Number {
    width: 100px;
    height: auto;
    margin: auto;
    max-width: 95%;
    filter: saturate(2.0);
}