* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    scroll-behavior: smooth;
    overflow-x: clip;
}


::-webkit-scrollbar {
    display: none;
}


body {
    margin: 0;
    /* background: url('/images/fullpage.webp') fixed; */
    background: url('/images/bg.webp') fixed;
    background-size: cover;
    /* background-repeat: no-repeat; */
    background-position: top center;
    z-index: -99;
}

/* body::after {
    content: "";
    display: block;
    height: 400vh;
} */

section {
    height: 100vh;
    /* width: 100vw; */
    /* border: 1px black solid; */
}

/* Top Section CSS Start */

.top-sec {
    position: relative;
    overflow: hidden;
    /* VERY IMPORTANT */
}

.petal-container {
    position: absolute;
    /* changed from fixed */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 4;
}

.petal {
    position: absolute;
    will-change: transform;
}

.petal svg {
    display: block;
}

.top-deco-image-line img {
    position: absolute;
    height: auto;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.top-deco-image-flower-1 img {
    position: absolute;
    height: auto;
    width: auto;
    scale: 0.5;
    left: -16vw;
    top: 1vw;
    transform-origin: top center;
    will-change: transform;
    animation: bouquetWiggle 5.5s ease-in-out infinite;
}

.top-deco-image-flower-2 img {
    position: absolute;
    height: auto;
    width: auto;
    scale: 0.5;
    left: 10vw;
    top: 1vw;
    transform-origin: top center;
    will-change: transform;
    animation: bouquetWiggle 6.5s ease-in-out infinite;
    animation-delay: 0.5s;
}

.top-deco-image-flower-3 img {
    position: absolute;
    height: auto;
    width: auto;
    scale: 0.5;
    left: 36vw;
    top: 1vw;
    transform-origin: top center;
    will-change: transform;
    animation: bouquetWiggle 7s ease-in-out infinite;
    animation-delay: 1s;
}

.top-deco-image-flower-4 img {
    position: absolute;
    height: auto;
    width: auto;
    scale: 0.5;
    left: 62.5vw;
    top: 1vw;
    transform-origin: top center;
    will-change: transform;
    animation: bouquetWiggle 6s ease-in-out infinite;
    animation-delay: 0.3s;
}

.top-sec-1st-text {
    position: absolute;
    left: 50%;
    top: 16.81vw;
    transform: translateX(-50%);
}

.top-sec-1st-text img {
    width: 14.7vw;
}

.ganesh-img {
    position: absolute;
    left: 50%;
    top: 19.81vw;
    transform: translateX(-50%);
}

.ganesh-img img {
    width: 15vw;
}

.dhdhtryjrjrer img {
    width: 58vw;
}


@keyframes bouquetWiggle {
    0% {
        transform: translateX(0px) rotate(0deg);
    }

    25% {
        transform: translateX(3px) rotate(0.8deg);
    }

    50% {
        transform: translateX(-4px) rotate(-1deg);
    }

    75% {
        transform: translateX(2px) rotate(0.6deg);
    }

    100% {
        transform: translateX(0px) rotate(0deg);
    }
}

.top-sec-last-text img {
    position: absolute;
    height: auto;
    width: 36vw;
    left: 32%;
    top: 32vw;
}


/* Top Section CSS End */

/* Section Two Start*/

.sec-two {
    position: relative;
    ;
}

.sec-two-img {
    position: relative;
}

.img-bg {
    position: absolute;
    left: 50%;
    top: -6.19vw;
    transform: translateX(-50%);
    z-index: -2;
}

.img-bg img {
    width: 29vw;
}

.sec-two-elephant-one {
    position: absolute;
    left: 40.3%;
    top: 8.46vw;
    transform: translateX(-50%);
    z-index: 1;
}

.sec-two-elephant-one img {
    width: 18.5vw;
    animation: elephantrotate 7s infinite linear;
}

@keyframes elephantrotate {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(3deg);
    }

    40% {
        transform: rotate(-5deg);
    }

    60% {
        transform: rotate(7deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.sec-two-elephant-two {
    position: absolute;
    left: 59.5%;
    top: 8vw;
    transform: translateX(-50%);
    z-index: 1;
}

.sec-two-elephant-two img {
    width: 19.5vw;
    animation: leftandright 7s infinite linear;
}

@keyframes leftandright {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(-3deg);
    }

    40% {
        transform: rotate(5deg);
    }

    60% {
        transform: rotate(-7deg);
    }

    80% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.sec-two-logo {
    position: absolute;
    left: 50%;
    top: -1.5vw;
    transform: translateX(-50%);
    z-index: 1;
}

.sec-two-logo img {
    width: 20.5vw;
}

.sec-two-text-1 {
    position: absolute;
    left: 50.3%;
    top: 23.4vw;
    transform: translateX(-50%);
    z-index: 1;
}

.sec-two-text-1 img {
    width: 18.5vw;
}

.sec-two-text-2 {
    position: absolute;
    left: 50.3%;
    top: 27vw;
    transform: translateX(-50%);
    z-index: 1;
}

.sec-two-text-2 img {
    width: 22.5vw;
}

/* Section Two End */

/* Section Three Start */

.sec-three {
    position: relative;
}

.right-side {
    position: relative;
}

.left-side {
    position: relative;
}

.right-tree {
    position: absolute;
    left: 88.3%;
    top: -18vw;
    transform: translateX(-50%);
    z-index: -1;
    animation: swingSpring 2s ease-in-out infinite;
}

.right-tree img {
    width: 50.5vw;
}

.sec-three-text-2 {
    transform: none !important;
}

.sec-three-text-2 p {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 1.7vw;

    /* ADD THIS */
    display: inline-block;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.csdhfhddcfgnhdfgdfgfr span{
    opacity:0;
    animation: fallUp .6s ease forwards;
}

@keyframes fallUp{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Character styling */
.sec-three-text-2 p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

/* Animation */
@keyframes fallDown {
    0% {
        opacity: 0;
        transform: translateY(-120%);
    }

    60% {
        opacity: 0.5;
        transform: translateY(10%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.sec-three-text-3 {
    transform: none !important;
}

.sec-three-text-3 p {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* scale: 1; */
    /* top: 1.7vw; */
    font-size: 1.7vw;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.sec-three-text-3 p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

.sec-three-right-tree {
    transform-origin: bottom center;
    animation: windSway 6s infinite ease-in-out;
    will-change: transform;
}

@keyframes windSway {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(1deg);
    }

    50% {
        transform: rotate(-1.2deg);
    }

    75% {
        transform: rotate(0.6deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.right-bush {
    position: absolute;
    left: 96.3%;
    top: 35vw;
    transform: translateX(-50%);
    z-index: 0;
}

.right-bush img {
    width: 28.5vw;
}

.sec-three-right-bush {
    transform-origin: bottom center;
    animation: windSwaybush 6s infinite ease-in-out;
    will-change: transform;
}

@keyframes windSwayrev {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-1deg);
    }

    50% {
        transform: rotate(1.2deg);
    }

    75% {
        transform: rotate(-0.6deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.left-tree {
    position: absolute;
    left: 12%;
    top: -18vw;
    transform: translateX(-50%);
    z-index: -1;

}

.left-tree img {
    width: 50.5vw;
}

.sec-three-left-tree {
    transform-origin: bottom center;
    animation: windSway 6s infinite ease-in-out;
    will-change: transform;
}

@keyframes windSway {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(1deg);
    }

    50% {
        transform: rotate(-1.2deg);
    }

    75% {
        transform: rotate(0.6deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.left-bush {
    position: absolute;
    left: 3.6%;
    top: 35vw;
    transform: translateX(-50%);
    z-index: 0;
}

.left-bush img {
    width: 28.5vw;
}

.sec-three-left-bush {
    transform-origin: bottom center;
    animation: windSwaybush 6s infinite ease-in-out;
    will-change: transform;
}

@keyframes windSwaybush {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-1deg);
    }

    50% {
        transform: rotate(1.2deg);
    }

    75% {
        transform: rotate(-0.6deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* .sec-three-text-1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1.6vw;
} */

.sec-three-text-1 img {
    width: 29.5vw;
}

/* .jhanvi-word {
    position: absolute;
    left: 50%;
    top: 8.55vw;
    transform: translateX(-50%);
    z-index: 0;
} */

.jhanvi-word img {
    width: 18.5vw;
}

/* .sec-three-text-2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15.5vw;
} */

.sec-three-text-2 img {
    width: 56.5vw;
}

/* .and-word {
    position: absolute;
    left: 50%;
    top: 22.5vw;
    transform: translateX(-50%);
    z-index: 0;
} */

.and-word img {
    width: 7.5vw;
}

/* .sahaj-word {
    position: absolute;
    left: 50%;
    top: 30.05vw;
    transform: translateX(-50%);
    z-index: 0;
} */

.sahaj-word img {
    width: 16.5vw;
}

/* .sec-three-text-3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 36.5vw;
} */

.sec-three-text-3 img {
    width: 50.5vw;
}

/* .design {
    position: absolute;
    left: 50%;
    top: 43.6vw;
    transform: translateX(-50%);
    z-index: 0;
} */

.design img {
    width: 16.5vw;
    animation: leftandrightdesign 5s infinite linear;
}

@keyframes leftandrightdesign {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-10px);
    }

    50% {
        transform: translateX(0px);
    }

    75% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0px);
    }
}

/* Section Three End */

/* Section Four Start */

.sec-four {
    position: relative;
}

.background {
    position: relative;
}

.texts {
    position: relative;
}

.ground {
    position: absolute;
    left: 50%;
    top: 54.7vw;
    transform: translateX(-50%);
    z-index: 0;
}

.ground img {
    width: 103.5vw;
}

.elephant {
    position: absolute;
    left: 77.9%;
    top: 49.2vw;
    transform: translateX(-50%);
    z-index: 1;
}

.elephant img {
    width: 25.5vw;
    animation: leftandrightdesign 5s infinite linear;
}


.peacock {
    position: absolute;
    left: 64.4%;
    top: 58.5vw;
    transform: translateX(-50%);
    z-index: 1;
}

.peacock img {
    width: 7vw;
    animation: upanddowndesign 5s infinite ease-out;
}

@keyframes upanddowndesign {
    0% {
        transform: translateY(0px);
    }

    25% {
        transform: translateY(-15px);
    }

    50% {
        transform: translateY(5px);
    }

    75% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.rose-tree {
    position: absolute;
    left: 95.7%;
    top: 23.5vw;
    transform: translateX(-50%);
    z-index: -4;
}

.rose-tree img {
    width: 33vw;
    transform-origin: bottom center;
    animation: windSway 6s infinite ease-in-out;
    will-change: transform;
}

.orange-tree {
    position: absolute;
    left: 75.7%;
    top: 36.2vw;
    transform: translateX(-50%);
    z-index: -1;
}

.orange-tree img {
    width: 35vw;
    transform-origin: bottom center;
    animation: windSwayrev 6s infinite ease-in-out;
    will-change: transform;
}

.leaf-1 {
    position: absolute;
    left: 68.4%;
    top: 48.3vw;
    transform: translateX(-50%);
    z-index: -2;

}

.leaf-1 img {
    width: 25vw;
    transform-origin: bottom center;
    animation: windSway 6s infinite ease-in-out;
    will-change: transform;
}

.leaf-2 {
    position: absolute;
    left: 89.4%;
    top: 50.3vw;
    transform: translateX(-50%);
    z-index: -2;
}

.leaf-2 img {
    width: 18vw;
    transform-origin: bottom center;
    animation: windSway 6s infinite ease-in-out;
    will-change: transform;
}

.rose-tree-2 {
    position: absolute;
    left: 2.05%;
    top: 25vw;
    transform: translateX(-50%);
    z-index: -3;
}

.rose-tree-2 img {
    width: 32vw;
    transform-origin: bottom center;
    animation: windSwayrev 6s infinite ease-in-out;
    will-change: transform;
}

.left-leaf {
    position: absolute;
    left: 14.05%;
    top: 49vw;
    transform: translateX(-50%);
    z-index: 1;
}

.left-leaf img {
    width: 20vw;
    transform-origin: bottom center;
    animation: windSway 6s infinite ease-in-out;
    will-change: transform;
}

.haldi-text {
    position: absolute;
    left: 35.5%;
    top: 27.1vw;
    transform: translateX(-50%);
    z-index: 1;
}

.haldi-text img {
    width: 19vw;
}

.haldi-text p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 5.75vw;
    display: inline-block;
    overflow: hidden;
    color: #C08B1A;
    text-align: center;
}

.char {
  display: inline-block;
}

.sec-four-text-1 {
    position: absolute;
    left: 39.5%;
    top: 35.4vw;
    transform: translateX(-50%);
    z-index: 1;
}

.sec-four-text-1 img {
    width: 26vw;
}

.sec-four-text-1 p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 2.4vw;
    display: inline-block;
    overflow: hidden;
    color: #8B450D;
}

.sec-four-text-1 p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

.sec-four-text-2 {
    position: absolute;
    left: 36.2%;
    top: 39.9vw;
    transform: translateX(-50%);
    z-index: 1;
}

.sec-four-text-2 img {
    width: 22vw;
}

.sec-four-text-2 p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 2vw;
    display: inline-block;
    overflow: hidden;
    color: #8B450D;
}

.sec-four-text-2 p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

.sec-four-text-3 {
    position: absolute;
    left: 38.7%;
    top: 47.5vw;
    transform: translateX(-50%);
    z-index: 1;
}

.sec-four-text-3 img {
    width: 25vw;
}

.sec-four-text-3 p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 1.95vw;
    display: inline-block;
    overflow: hidden;
    color: #8B450D;
}

.sec-four-text-3 p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

.sec-four-text-4 {
    position: absolute;
    left: 26.9%;
    top: 55.1vw;
}

.sec-four-text-4 img {
    width: 25.9vw;
}

.sec-four-text-4 p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 1.9vw;
    display: inline-block;
    overflow: hidden;
    color: #8B450D;
}

.sec-four-text-4 p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

/* Section Four End */

/* Section Five Start */

.sec-five {
    position: relative;
}

.left-side-sec-five {
    position: relative;
}

.right-side-sec-five {
    position: relative;
}

.leaves-1 {
    position: absolute;
    left: 16.6%;
    top: 62.9vw;
    transform: translateX(-50%);
    z-index: 0;
}

.leaves-1 img {
    width: 16vw;
    transform-origin: bottom center;
    animation: windSwayrev 6s infinite ease-in-out;
    will-change: transform;
}

.leaves-2 {
    position: absolute;
    left: 19.2%;
    top: 44.9vw;
    transform: translateX(-50%);
    z-index: -3;
}

.leaves-2 img {
    width: 22vw;
    transform-origin: bottom center;
    animation: windSway 6s infinite ease-in-out;
    will-change: transform;
}

.leaves-3 {
    position: absolute;
    left: 25.4%;
    top: 60.5vw;
    transform: translateX(-50%);
    z-index: -2;
}

.leaves-3 img {
    width: 15vw;
    transform-origin: bottom center;
    animation: windSway 6s infinite ease-in-out;
    will-change: transform;
}

.leaves-4 {
    position: absolute;
    left: 42%;
    transform: translateX(-50%);
    top: 36vw;
    z-index: -4;
}

.leaves-4 img {
    width: 33vw;
    transform-origin: bottom center;
    animation: windSwayrev 6s infinite ease-in-out;
    will-change: transform;
}

.peacock-sec-five {
    position: absolute;
    left: 24.3%;
    top: 41.5vw;
    transform: translateX(-50%);
    z-index: 2;
}

.peacock-sec-five img {
    width: 20.5vw;
}



.fountain {
    position: absolute;
    left: 32%;
    top: 48vw;
    transform: translateX(-50%);
    z-index: -3;
}

.fountain img {
    width: 25vw;
}

.mehendi {
    position: absolute;
    left: 72.6%;
    top: 48.8vw;
    transform: translateX(-50%);
    z-index: 0;
}

.mehendi img {
    width: 29vw;
}

.sec-five-text-1 {
    position: absolute;
    left: 73.2%;
    top: 56.3vw;
    transform: translateX(-50%);
    z-index: 0;
}

.sec-five-text-1 img {
    width: 28vw;
}

.sec-five-text-2 {
    position: absolute;
    left: 75%;
    top: 61.4vw;
    transform: translateX(-50%);
    z-index: 0;
}

.sec-five-text-2 img {
    width: 28vw;
}

.sec-five-text-3 {
    position: absolute;
    left: 76.1%;
    top: 66.4vw;
    transform: translateX(-50%);
    z-index: 0;
}

.sec-five-text-3 img {
    width: 23.5vw;
}

/* Section Five End */

/* Section Six Start */

.sec-six {
    position: relative;
}

.sec-six-left-side {
    position: relative;
}

.sec-six-right-side {
    position: relative;
}

.sangeet-word {
    position: absolute;
    left: 23.6%;
    top: 54.9vw;
    transform: translateX(-50%);
    z-index: 0;
}

.sangeet-word img {
    width: 26.5vw;
}

.sec-six-text-1 {
    position: absolute;
    left: 24%;
    top: 61.2vw;
    transform: translateX(-50%);
    z-index: 0;
}

.sec-six-text-1 img {
    width: 27vw;
}

.sec-six-text-2 {
    position: absolute;
    left: 21%;
    top: 66.9vw;
    transform: translateX(-50%);
    z-index: 0;
}

.sec-six-text-2 img {
    width: 27vw;
}

.sec-six-text-3 {
    position: absolute;
    left: 24.7%;
    top: 73.9vw;
    transform: translateX(-50%);
    z-index: 0;
}

.sec-six-text-3 img {
    width: 29vw;
}

.sec-six-text-4 {
    position: absolute;
    left: 21.5%;
    top: 79.4vw;
    transform: translateX(-50%);
    z-index: 0;
}

.sec-six-text-4 img {
    width: 22vw;
}

.bush {
    position: absolute;
    left: 73.5%;
    top: 71vw;
    transform: translateX(-50%);
    z-index: 1;
}

.bush img {
    width: 28vw;
}

.peacock-sec-six {
    position: absolute;
    left: 78%;
    top: 57vw;
    transform: translateX(-50%);
    z-index: 2;
}

.peacock-sec-six img {
    width: 18vw;
}

.temple {
    position: absolute;
    left: 73.5%;
    top: 52vw;
    transform: translateX(-50%);
    z-index: 0;
}

.temple img {
    width: 27vw;
}

.tree-1-sec-six {
    position: absolute;
    left: 56.1%;
    top: 59.5vw;
    transform: translateX(-50%);
    z-index: -1;
}

.tree-1-sec-six img {
    width: 22.5vw;
}

.tree-2-sec-six {
    position: absolute;
    left: 78.9%;
    top: 45.55vw;
    transform: translateX(-50%);
    z-index: -1;
}

.tree-2-sec-six img {
    width: 29vw;
}

.tree-3-sec-six {
    position: absolute;
    left: 60.5%;
    top: 65.6vw;
    transform: translateX(-50%);
    z-index: 2;
}

.tree-3-sec-six img {
    width: 14vw;
}

/* Section Six End */

/* Section Seven Start */

.sec-seven {
    position: relative;
}

.images {
    position: relative;
}

.text {
    position: relative;
}

.bird {
    position: absolute;
    left: 80.3%;
    top: 86.3vw;
    transform: translateX(-50%);
    z-index: 5;
}

.bird img {
    width: 8vw;
}

.bush-sec7 {
    position: absolute;
    left: 20.3%;
    top: 91.3vw;
    transform: translateX(-50%);
    z-index: 1;
}

.bush-sec7 img {
    width: 25vw;
}

.leafs5 {
    position: absolute;
    left: 12%;
    top: 90vw;
    transform: translateX(-50%);
    z-index: -3;
}

.leafs5 img {
    width: 22vw;
}

.left-down-monument {
    position: absolute;
    left: 76.4%;
    top: 74vw;
    transform: translateX(-50%);
    z-index: 0;
}

.left-down-monument img {
    width: 20.7vw;
}

.left-up-monument {
    position: absolute;
    left: 75%;
    top: 81vw;
    transform: translateX(-50%);
    z-index: 0;
}

.left-up-monument img {
    width: 38vw;
}

.lemon-tree {
    position: absolute;
    left: 79%;
    top: 67vw;
    transform: translateX(-50%);
    z-index: -1;
}

.lemon-tree img {
    width: 52vw;
}

.pink-tree {
    position: absolute;
    left: 92%;
    top: 76vw;
    transform: translateX(-50%);
    z-index: 1;
}

.pink-tree img {
    width: 35vw;
}

.railing {
    position: absolute;
    left: 54.4%;
    top: 102.2vw;
    transform: translateX(-50%);
    z-index: 1;
}

.railing img {
    width: 113vw;
}

.Right-Monument {
    position: absolute;
    left: 88.8%;
    top: 58.2vw;
    transform: translateX(-50%);
    z-index: -4;
}

.Right-Monument img {
    width: 56vw;
}

.Coconut-Tree {
    position: absolute;
    left: 15.8%;
    top: 68.2vw;
    transform: translateX(-50%);
    z-index: -5;
}

.Coconut-Tree img {
    width: 46vw;
}

.Tota {
    position: absolute;
    left: 24.8%;
    top: 83.2vw;
    transform: translateX(-50%);
    z-index: 1;
}

.Tota img {
    width: 15vw;

}

.Tree-1 {
    position: absolute;
    left: 19.9%;
    top: 82.2vw;
    transform: translateX(-50%);
    z-index: -2;
}

.Tree-1 img {
    width: 21vw;
}

/* .dress-code {
    position: absolute;
    left: 50.2%;
    top: 88vw;
    transform: translateX(-50%);
    z-index: 1;
} */

.dress-code img {
    width: 26vw;
}

.dress-code p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 2.4vw;
    display: inline-block;
    overflow: hidden;
    color: #8B450D;
    text-align: center;
    line-height: 110%;
}

.dress-code p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

/* .june-26 {
    position: absolute;
    left: 51%;
    top: 73.5vw;
    transform: translateX(-50%);
    z-index: 1;
} */

.june-26 img {
    width: 25vw;
}

.june-26 p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 2.4vw;
    display: inline-block;
    overflow: hidden;
    color: #8B450D;
}

.june-26 p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

/* .lawns {
    position: absolute;
    left: 50.5%;
    top: 96.3vw;
    transform: translateX(-50%);
    z-index: 1;
} */

.lawns img {
    width: 21vw;
}

.lawns p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 2.4vw;
    display: inline-block;
    overflow: hidden;
    color: #8B450D;
    text-align: center;
    line-height: 110%;
}

.lawns p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

/* .varmala {
    position: absolute;
    left: 50.5%;
    top: 78.7vw;
    transform: translateX(-50%);
    z-index: 1;
} */

.varmala img {
    width: 21vw;
}

.varmala p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 2.4vw;
    display: inline-block;
    overflow: hidden;
    color: #8B450D;
    text-align: center;
    line-height: 110%;
}

.varmala p span {
    display: inline-block;
    opacity: 0;
    transform: translateY(-120%);
    animation: fallDown 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    will-change: transform, opacity;
}

/* .wedding {
    position: absolute;
    left: 50.4%;
    top: 66.9vw;
    transform: translateX(-50%);
    z-index: 1;
} */

.wedding img {
    width: 29vw;
}

.wedding p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 550;
    font-style: normal;
    width: 100%;
    font-size: 5.75vw;
    display: inline-block;
    overflow: hidden;
    color: #D04747;
    text-align: center;
}

.wedding-char {
  display: inline-block;
}

.text {
    margin-top: calc(100% - 34vw);
    position: absolute;
    width: 100%;
}

/* Section Eight Start */


.sec-eight {
    margin-top: calc(100% - 65vh);
}

.flower img {
    width: 18vw;
}

.regards img {
    width: 18vw;
}

.family img {
    width: 35vw;
}

/* Section Eight End */




/* Section Nine Start */

.sec-nine-text {
    margin-top: -27vw;
}

.sec-nine {
    margin-top: calc(100% - 170vh);
}

.RSVP img {
    width: 15vw;
}

.LTS img {
    width: 25vw;
}

/* Section Nine End */

.container {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
}

.rsvp-form {
    background: #fff;
    width: 75vw;
    max-width: 90% !important;
    padding-bottom: 1.5vw;
    padding-top: 0vw;
    padding-inline: 1.5vw;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

h3 {
    font-size: 16px;
    margin: 20px 0 10px;
    color: #6b4c3b;
}

.radio {
    display: inline-flex;
    margin-bottom: 10px;
    font-size: 14px;
    color: #6b4c3b;
}

.radio input {
    margin-right: 8px;

}

input,
textarea {
    width: 100%;
    padding: 12px;
    margin-top: 5px;
    border: 1px solid #e5d2c4;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
}



input[type=radio] {
    width: auto;

}

textarea {
    height: 80px;
    resize: none;
}

input:focus,
textarea:focus {
    border-color: #c9a27e;
}

.guest-counter {
    display: flex;
    align-items: center;
    gap: 10px;
}

.guest-counter button {
    width: 35px;
    height: 35px;
    border: 1px solid #e5d2c4;
    background: white;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
}

.guest-counter span {
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.submit-btn {
    width: 100%;
    margin-top: 20px;
    padding: 12px;
    background: #c9a27e;
    border: none;
    color: white;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}

.submit-btn:hover {
    background: #b68f6a;
}

.sec-ten {
    position: relative;
}

.sec-ten .rsvp-form .h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-bottom: 1% !important;
    margin-top: 4% !important;
    font-size: 1rem !important;
    line-height: 1.9 !important;
}