html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.home-parent {
    /* padding: 15px 24px; */
    /* background: #FCF4E2; */
    min-height: 100dvh;

    background-color: #f9f9f9;
    /* padding-bottom: 80px; */

    /* opacity: 0.05; */
    background-image: url("https://sgp1.digitaloceanspaces.com/deepsense/uploads/1/377a9330-e841-4538-a5a8-a1fccda3e22e.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}

/* .home-top-2{
    width: 100%;
    position: absolute;
    padding-bottom: 123%;
 background: url(https://sgp1.digitaloceanspaces.com/deepsense/uploads/1/26d9b8ee-11d9-4a4b-997c-6d968cac40d3.png) lightgray 50% / cover no-repeat;
    mix-blend-mode: plus-lighter;
    z-index: 1;

} */
.home-top-1 {
    width: 100%;
    position: relative;
    padding-bottom: 193.3%;
    background:
        url(https://sgp1.digitaloceanspaces.com/deepsense/uploads/1/8ed71555-9c77-4502-8fd2-4911424e607d.svg) no-repeat center/cover,
        /* url(https://sgp1.digitaloceanspaces.com/deepsense/uploads/1/26d9b8ee-11d9-4a4b-997c-6d968cac40d3.png) no-repeat center/cover, base image */
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(249, 185, 210, 0.64) 52.88%, rgba(189, 128, 207, 0.64) 100%);
    /* If you want to blend the overlay image, use a pseudo-element: */
}

.raksha-bandhan-parent {
    position: absolute;
    width: 100%;
    bottom: 56px;
}

.raksha-bandhan-parent .raksha-bandhan-title {
    color: #192136;
    text-align: center;
    font-family: "Milk And Honey";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 120% */
    /* width: 235px; */
    max-width: 235px;
    margin: 0 auto 8px auto;
}

.raksha-bandhan-parent .raksha-bandhan-description {
    color: #192136;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 125% */
    /* width: 343px; */
    max-width: 343px;
    margin: 0 auto;
}

.home-parent-select-brother-sister {
    background-color: #f9f9f9;
}

.home-parent-select-brother-sister-title {
    color: #192136;
    text-align: center;
    font-family: "Milk And Honey";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.home-parent-select-sister-image {
    position: relative;
}

.home-parent-select-sister-image-1 {
    position: absolute;
    z-index: 1;
    top: -15px;
    left: -22px;
}

.home-parent-select-brother-sister-image-parent {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}

.home-parent-select-sister-text {
    border-radius: 50px;
    background: #BC4F73;
    display: flex;
    width: 152px;
    padding: 16px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #F9F9F9;
    text-align: center;
    font-family: "Milk And Honey";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    /* 100% */
    margin-top: 24px;
}

.home-parent-select-brother-text {
    border-radius: 50px;
    background: #BD80CF;
    display: flex;
    width: 152px;
    padding: 16px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #F9F9F9;
    text-align: center;
    font-family: "Milk And Honey";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    /* 100% */
    margin-top: 24px;
}

.home-footer-card-1 {
    border-radius: 0 80px;
    padding: 24px;
    background: #E3CBEB;
    box-shadow: 0 0 26.93px 6.733px rgba(244, 226, 240, 0.80) inset;
    min-height: 198px;
    position: relative;
}

.home-footer-card-2 {
    border-radius: 8px 80px 0 80px;
    background: #F5C5D5;
    box-shadow: 0 0 36.844px 9.211px rgba(244, 226, 240, 0.80) inset;
    padding: 24px;
    min-height: 198px;
    position: relative;
}

.home-footer-card-3 {
    border-radius: 0 80px;
    padding: 24px;
    background: #E3CBEB;
    box-shadow: 0 0 26.93px 6.733px rgba(244, 226, 240, 0.80) inset;
    min-height: 198px;
    position: relative;
}

.home-footer-title {
    color: #192136;
    font-family: "Milk And Honey";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 137.5% */
    margin-top: 16px;
    margin-bottom: 4px;
    position: relative;
}

.home-parent-footer-parent {
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.home-footer-pare {
    color: #192136;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    max-width: 216px;
    position: relative;
}

.home-footer-card-1-image,
.home-footer-card-2-image,
.home-footer-card-3-image {
    position: absolute;
    bottom: 0;
    right: 0;

}
















/* body */
.home-parent .home-body .logo-img {
    text-align: center;
    margin: 24px 0 16px 0;
}

.home-parent .home-body .logo-text {
    color: #6C0A09;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 285px;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 10;
}

.home-parent .home-body .body-content {
    position: relative;
    margin-top: 138px;
}

.home-parent .home-body .body-content .body-title {
    color: #6C0A09;
    text-align: center;
    font-family: "Milk And Honey";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.home-parent .home-body .body-content .body-content-center {
    display: flex;
    gap: 24px;
    padding: 0 24px;
    background: white;
    /* margin-top: 24px; */
    /* position: relative; */
}

.home-parent .home-body .body-content .abbgl-1 {
    position: absolute;
    top: -169px;
    left: 0;
    width: 100dvw;
    filter: drop-shadow(0 -1mm 0mm rgb(231, 86, 1));

}

.home-parent .home-body .body-content .abbgl-2 {
    position: absolute;
    top: -128px;
    left: 51%;
    transform: translate(-50%, 0);
    z-index: 100;
}

.home-parent .home-body .body-content .abbgl-3 {
    position: absolute;
    top: -76px;
    left: calc(50% - 62px);
    transform: translate(-50%, 0);
}

.home-parent .home-body .body-content .abbgl-4 {
    position: absolute;
    top: -82px;
    right: calc(50% - 103px);
    transform: translate(-50%, 0);
}

.home-parent .home-body .body-content .body-content-center .content-center-side-parent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 24px;
    width: 50%;
    gap: 24px;

}

.home-parent .home-body .body-content .body-content-center .content-center-side-parent .lottie-flow-1 {
    position: relative;
}

.home-parent .home-body .body-content .body-content-center .content-center-side-parent .lottie-flow-1 .ab-1 {
    position: absolute;
    z-index: 1;
    bottom: -15px;
    left: -22px;
}

.home-parent .home-body .body-content .body-content-center .content-center-side-parent .lottie-flow-2 {
    position: relative;
}

.home-parent .home-body .body-content .body-content-center .content-center-side-parent .lottie-flow-2 .ab-1 {
    position: absolute;
    z-index: 1;
    top: -20px;
    right: -20px;
}

.home-parent .home-body .body-content .body-content-center .content-center-side-parent .lottie-flow-2 .ab-2 {
    position: absolute;
    z-index: 1;
    top: -26px;
    left: -29px;
}

.home-parent .home-body .body-content .body-content-center .content-center-side-parent .parent-button {
    background-color: #6C0A09;
    color: #FFF;
    text-align: center;
    font-family: "Milk And Honey";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    ;
    border-radius: 100px;
    padding: 10px;
    100px;
}

padding: 10px;
}