.mob-vis {
    display: none;
}

#banner-sec {
    padding: 200px 0 140px 0;
}

.title {
    justify-self: center;
    text-align: center;
    width: 50%;
    margin-bottom: 75px;
}

#lowcode-ai-banner-cnt {
    display: flex;
    flex-direction: row;
}

#lowcode-ai-banner-cnt > div {
    width: 50%;
}

#lowcode-ai-banner-cnt > div:last-child {
    padding-left: 125px;
}

#lowcode-ai-banner-cnt > div:last-child > img {
    width: 100%;
}

#lowcode-ai-banner-cnt > div:first-child > div  {
    margin-top: 50px;
}

/* Applied Intelligence Section */
#applied-cnt {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#applied-cnt h3 {
    width: 80%;
}

#applied-cnt > div {
    width: 45%;
}

#applied-cnt > div img {
    width: 100%;
}

/* Human Centered Section  */
#human-centered-txt-cnt {
    width: 100%;
}

#human-centered-txt-cnt {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#human-centered-txt-cnt > p {
    width: 75%;
}

#human-centered-cnt {
    display: flex;
    justify-content: space-between;
}

#human-centered-cnt > div {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#human-centered-cnt > div:first-child li {
    margin-bottom: 30px;
}

#human-centered-cnt > div:first-child li:last-child {
    margin-bottom: 0;
}


#human-centered-cnt > div:last-child img {
    width: 100%;
}

#human-sec > div > div:last-child {
    display: flex;
    align-items: center;
}

#human-sec > div > div:last-child img {
    width: 36px;
    margin-right: 10px;
}

#human-sec > div > div:last-child p {
    margin: 0;
}

/* Built for the realities Section  */
#built-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 270px;
    top: 180px;
}

#slider-cnt {
    width: 100%;
    overflow: hidden;
    padding: 30px 0 100px 0;
    position: relative;
}

#slide-wrapper {
    display: flex;
    justify-content: space-around;
    width: 200%;
}

.slide {
    width: 23%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: white;
}

.slide img {
    width: 100%;
}

.slide > div {
    width: 100%;
    padding: 30px;
}

.slider-btn-cnt {
    position: absolute;
    bottom: 0;
    right: 2%;
}

.nav-button {
    color: #fff;
    aspect-ratio: 1/1;
    width: 40px;
    cursor: pointer;
    z-index: 1;
    border-radius: 25px;
    border: none;
}

.slider-btn-cnt .nav-button:last-child {
    margin-left: 10px;
}

.nav-button:hover {
    background: rgba(0,0,0,0.8);
}

/* Stats Section  */
#stats-sec {
    z-index: 1;
    padding: 0 0 200px 0;
    overflow-x: clip;
    overflow-y: visible;
    margin: 70px 0;
}

#circle-bg {
    position: absolute;
    width: 100vw;
    height: 100vw;
    bottom: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(234, 250, 252, 1) 100%);
    border-radius: 50%;
    
}

#stats-sec .margin-cnt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
}

#stats-sec .margin-cnt > h3 {
    width: 70%;
}

#stats-cnt > div {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

#stats-cnt > div > div {
    width: 30%;
    padding: 0px 3%;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#stats-cnt > div > div > div {
    width: 100%;
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

#stats-cnt > div > div > div > p {
    font-size: 52px;
    margin: 0;
}


#join-cnt {
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 125px;
}

#join-cnt h3 {
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .mob-hid {
        display: none;
    }

    .mob-vis {
        display: block;
    }

    #lowcode-ai-banner-cnt {
        flex-direction: column-reverse;
    }

    #lowcode-ai-banner-cnt > div {
        width: 100%;
    }

    #lowcode-ai-banner-cnt > div:last-child {
        padding: 0;
    }

    #lowcode-ai-banner-cnt > div:last-child > img {
        margin-bottom: 40px;
    }

    .title {
        width: 100%;
    }

    #applied-cnt h3 {
        width: 100%;
    }


    /* Applied Intelligence Section  */
    #applied-cnt {
        flex-direction: column;
    }

    #applied-cnt > div {
        width: 100%;
    }

    #applied-cnt > div:last-child img {
        margin-top: 40px;
    }

    /* Human Centered Section  */
    #human-sec {
        padding-bottom: 100px;
    }

    #human-centered-txt-cnt {
        text-align: center;
    }

    #human-centered-txt-cnt > p {
        width: 100%;
    }

    #human-centered-cnt {
        flex-direction: column-reverse;
    }

    #human-centered-cnt > div {
        width: 100%;
    }

    #human-centered-cnt > div:last-child img {
        margin-bottom: 75px;
    }

    /* Slider Section  */
    #slider-cnt {
        padding: 0 0 100px 0;
    }
    #built-bg {
        top: 0;
    }

    #slide-wrapper {
        width: 400%;
    }

    .slide {
        width: 50%;
    }


    /* Stats Section  */
    #stats-sec .margin-cnt > h3 {
        width: 100%;
    }
    #join-cnt {
        width: 100%;
    }

    .cta-cnt .round-btn {
        margin-bottom: 29px;
    }

    #circle-bg {
        width: 150vw;
    }

    #stats-cnt > div > div {
        width: 45%;
    }

    #stats-cnt > div > div {
        padding: 0;
    }

    #join-cnt {
        margin-top: 50px;
    }

    #stats-sec {
        padding: 0 0 100px 0;
        margin: 70px 0 35px 0;
    }
}