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



/* navbar Start */

nav {
    background-color: rgb(182, 234, 182);
    width: 100%;
    top: 0px;
    position: sticky  !important;
    z-index: 10000;
}


/* Navbar End */



/* !-- Carousel start --> */


.slide-bar-1{
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

}

.slide-bar-1 img {
    width: 100% !important;
    height: 100% !important;
}



#correctborder {
    border-radius: 0px !important;
}


/* !-- Carousel End --> */



/* sectoion 1 Start */
.Section1 {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.problem {
    height: 100%;
    width: 60%;
}

.problem h1 {
    color: green;
    margin-top: 50px;
    font-weight: bolder;
    font-size: 3rem;
    font-family: 'Times New Roman', Times, serif;
}

#paraimg1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.parasection1 {
    height: 50vh;
    width: 80%;
    display: flex;
    align-items: center;
}

.parasection1 p {
    color: black;
    font-size: 1.5rem;
    font-family: 'Times New Roman', Times, serif;

}

.imgsection1 img {
    height: 300px !important;
}


/* sectoion 1 Media tag  Start*/

/* width 426px Start */

@media (min-width: 426px) and (max-width: 1024px) {
    .Section1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .problem {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
    }

    #paraimg1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 50px;
    }

    .parasection1 {
        height: 310px;
        width: 100%;
    }

    .parasection1 p {
        color: black;
        font-size: 1.2rem;
        font-family: 'Times New Roman', Times, serif;

    }

    .problem h1 {
        font-size: 3rem;

    }
}

/* width 1024 end */

/* width 425px Start */

@media (max-width: 425px) {
    .Section1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .problem {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
    }

    #paraimg1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 50px;
    }

    .parasection1 {
        height: 380px;
        width: 100%;
    }

    .parasection1 p {
        color: black;
        font-size: 1rem;
        font-family: 'Times New Roman', Times, serif;

    }

    .problem h1 {
        font-size: 3rem;

    }
}

/* width 0px End */


/* sectoion 1 Media tag  End*/

/* sectoion 1 End */

/* Section 2 Solution Start */



.section2 {
    /* background-color: black; */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.solution {
    height: 100%;
    width: 65%;
}

.solution h1 {
    color: green;
    margin-top: 30px;
    font-weight: bolder;
    font-size: 3rem;
    font-family: 'Times New Roman', Times, serif;
}

.cards {
    /* background-color: aqua; */
    height: 500px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

}

.box {
    background-color: green;
    height: 250px;
    width: 200px;
    text-align: center;
    place-content: center;
    gap: 50px;
}

.box img {
    height: 11.25rem;
}

.box h4 {
    color: black;
    font-size: 1.2rem;
}

.lightgreen {
    background-color: rgb(95, 179, 95);
}

@media (max-width: 425px) {
    .solution h1 {
        color: green;
        margin-top: 50px;
        font-weight: bolder;
        font-size: 3rem;
        font-family: 'Times New Roman', Times, serif;
    }
    .cards{
        height: 100%;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .cards{
        height: 100%;
        width: 100%;
    }
}



/* Section 2 Solution End */

/* <!-- section 3 Bussiness Model Start --> */

.section3 {
    /* background-color: black; */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bussiness-models {
    height: 100%;
    width: 65%;
}

.bussiness-models h1 {
    color: green;
    margin-top: 30px;
    font-weight: bolder;
    font-size: 3rem;
    font-family: 'Times New Roman', Times, serif;
}
.bussinesscards {
    /* background-color: aqua; */
    height: 500px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

}
.bussinessbox {
    height: 250px;
    width: 250px;
    text-align: center;
    place-content: center;
    color: green;
    font-size: 1.2em;

}
.bussinessbox img{
    height: 150px;
    
}
.bussiness-models p{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: green;
}

@media (max-width: 768px) {
    .bussinesscards {
        height: 100%;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .bussinesscards {
        height: 100%;
        width: 100%;
    }
}

/* <!-- section 3 Bussiness Model Start --> */

/* <!-- section 4 Example Start --> */



.section4 {
    /* background-color: yellow; */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.example {
    height: 100%;
    width: 65%;
    /* background-color: aqua; */
    
}
.example h1 {
    color: green;
    margin-top: 30px;
    font-weight: bolder;
    font-size: 3rem;
    font-family: 'Times New Roman', Times, serif;
}
.example p{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    color: green;
}
.expamplediv1{
    /* background-color: blue; */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.expamplediv1 img{
    height: 150px;
}
.arrowdiv1{
    color: green;
    font-size: 20px;
}
.arrowdiv1 img{
    height: auto;
    width:50px;
}

.arrowdiv2{
    color: green;
    font-size: 20px;
}
.arrowdiv2 img{
    height: auto;
    width:80px;
}
.expamplediv2{
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.expamplediv2 img{
    height: 150px;
}
.exampleimage2{
    margin-top: 80px;
}
@media (max-width: 850px) {
    .section4{
        display: none;
    }
    
}
.custumsettings1{
    background-color: #dcdcdc;
    height: 350px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 2rem;
    color: green;
    text-align: center;
    place-content: center;
}

.custumsettings2{
    background-color: #00AE47;
    height: 350px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 2rem;
    color: white;
    text-align: center;
    place-content: center;  
}

.custumimage{
    height: 100px;
}


/* <!-- section 4 Example End --> */


/* <!-- section5 Start --> */


.section5 {
    /* background-color: yellow; */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.profit {
    height: 100%;
    width: 65%;
    /* background-color: aqua; */
    
}
.profit h1 {
    color: green;
    margin-top: 30px;
    font-weight: bolder;
    font-size: 3rem;
    font-family: 'Times New Roman', Times, serif;
}
.Profitboxes {
    /* background-color: aqua; */
    height: 500px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

}

.profitbox {
    background-color: rgb(33, 131, 33);
    height: 300px;
    width: 250px;
    text-align: center;
    place-content: center;
    gap: 30px;
    color: whitesmoke;
}
.lightgreen{
    background-color: rgb(95, 179, 95);
}

.profitbox img {
    height: 11.25rem;
}

@media (max-width: 768px) {
    .Profitboxes {
        height: 100%;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .Profitboxes {
        height: 100%;
        width: 100%;
    }
}



/* <!-- section5 End --> */


/* Footer Start */
#footercustum{
    margin-top: 20px;
}