.animatoin-part {
    background: #FDFBF9;
}

.layer-2 {
    margin-top: -10vh;
    z-index: 30;
}

.layer {
    width: 100%;
    height: 100%;
    z-index: 20;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: blur(10px);
}

.animatoin-part {
    position: sticky;
    top: 95px;
    left: 0;
    right: 0;
    height: 100vh;
    overflow: hidden;
}

.gren-circle {

    transform: scale(0.4);
}

.circle-elements {
    inset-inline: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    inset-block-start: calc(0rem);
    inset-block-end: calc(0rem);
    position: absolute;
}

.banner-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gren-circle svg {
    width: 100%;
    height: auto
}

.for-moble {
    display: none;
}

/* New banner styling */
.banner {

    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: end;
    position: sticky;
    top: 0;
}



.bannerlogo {
    position: absolute;
    left: 5vw;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 9;
}

.bannerlogo img {
    max-width: 30vw;
}

.newbanner {
    /*background-image: url(../images/bgbanner.webp);*/
    /*background-size: cover;*/
    /*background-position: top center;*/
    height: 100vh;
    overflow: hidden;
    /*background-attachment: fixed;*/
    position:fixed;
    left:0;
    right:0;
    top:0;
}
.blakdiv
{
    height:calc(100vh + 300px);
}
.desktoop-banner {
    max-height: 80vh;

}

.newbanner figure {
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    margin: 0;
}

.cloud {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 100%;
}

/* End new banner styling */

@media (max-width: 600px) {
    .animatoin-part {
        display: none;
    }

    .layer-2 {
        margin-top: 0;
    }

    .for-moble {
        display: block;
        overflow: hidden;
    }

    .for-moble {
        padding: 44px 33px;
        background-color: #FDFBF9;
    }

    .for-moble img {
        transform: scale(0.5);
    }

    .cloud img {
        height: 280px;
        width: 100%;
        object-fit: cover;
    }

    .cloud img {

        transform: translate3d(0px, 0px, 0px) !important;
        will-change: transform;
    }

    .desktoop-banner {
        max-height: 450px;
    }

    .newbanner {
        height: 80vh;
    }

    .bannerlogo img {
        transform: scale(1) translateY(-110px);
        max-width: 300px;
        will-change: transform;
    }

.bannerlogo
{
    display:none !important;
}
.blakdiv{
    height:80vh;
}
}