*{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
}
/*---header section starts--- */
/* ---nav section--- */
.main-nav{
    height: 58.76px;
    width: 100%;
}
.wrapper{
    max-width:1002.34px;
    margin: 0 auto;
}
.navbar-content{
    height:58.76px;
    display: flex;
    /* justify-content: space-evenly; */
    align-items: center;
    padding: 0px 100.23px;
}
.navbar-navigation{
    display: flex;
}
  /* .toggle-icon{
    display: none;
} */
.navbar-link{
    color: black;
    font-size: 11.14px;
    font-weight:500;
}
.home{
    padding-left: 250px;
}
.feature{
    padding-left: 39px;
}
.community{
    padding-left: 18px;
}
.blog{
    padding-left: 19px;
}
.pricing{
    padding-left: 19px;
    padding-right: 24px;
}
.navbar-btn{
    height:36.49px;
    width: 133.25px;
    background-color:#4CAF4F;
    border-style: none;
    border-radius: 2.78px;
    color: white;
    text-align: left;
    padding-left: 20px;
}
.arrow{
    transform: translateX(-30px);
    padding-top: 10px;
    color: white;
}
/* ---nav ends--- */
/* banner starts */
.banner{
    height: 416.95px;
    width: 100%;
    background-color:#F5F7FA;
}
.banner-content{
    height: 416.95px;
    display: flex;
    align-items: center;
    padding: 0px 100.23px;
}
.banner-heading{
    font-size: 44.55px;
    font-weight:600;
    padding-bottom: 11.14px;
}
.banner-sub-heading{
    display: block;
    color: #4CAF4F;
}
.banner-para{
    font-size: 11.14px;
    padding-bottom: 22.27px;
}
.banner-btn{
    height:36.49px;
    width:89.55px;
    background-color:#4CAF4F;
    border-style: none;
    border-radius: 2.78px;
    color: white;
}
.banner-image{
    margin-left:115px;
}
/* banner ends */
/* header ends */
/* Section-1-starts */
.section-1{
    height: 124.73px;
}
.section-1-content{
    padding-top: 13.35px;
    padding-bottom: 13.35px;
    justify-content: center;
    
}
.Content-heading{
    text-align: center;
    font-size: 25.05px;
    font-weight: 16.7px;
}
.content-sub-heading{
    text-align: center;
    font-weight: 8px;
    font-size: 10.04px;
}
.section-1-logo{
    display: flex;
    justify-content: space-evenly;
    padding-top: 10.34px;

}
.logo-1{
    height: 26.03px;
    width: 26.03px;
}
.logo-2{
    height: 26.03px;
    width: 26.03px;
}
.logo-3{
    height: 26.03px;
    width: 26.03px; 
}
.logo-4{
    height: 26.03px;
    width: 26.03px;
}
.logo-5{
    height: 26.03px;
    width: 26.03px;
}
.logo-6{
    height: 26.03px;
    width: 26.03px;
}
.logo-7{
    height: 26.03px;
    width: 26.03px;
}
/* section-2-starts */
.section-2{
    height: 232.75px;
}
.section-2-content{
    padding-top: 10px;
    text-align: center;
}
.section-2-head{
    font-weight: 8px;
    font-size: 24px;
}
.section-2-sub-head{
    font-weight: 8px;
    font-size: 24px;
}
.section-2-para{
    font-weight: 8px;
    font-size: 12.04px;
    padding-top: 5px;
}
.section-2-sub-content{
    display: flex;
    justify-content: space-evenly;
    padding-top: 30px;
    align-items: center;
    padding-left: 80px;
}
.img{
    width: 300px;
    height: 280px;
}
.section-3-sub-content{
    padding-left: 30px;
    padding-top: 50px;
}

.section-2-sub-content-1{
    padding-right: 64.08px;
}
.sec-2-sub-content-head-1{
    font-size: 24px;
}
.sec-2-sub-content-para-1{
    font-size: 12.04px;
    padding-top: 10px;
}
.section-2-sub-content-2{
    padding-right: 64.08px;
}
.sec-2-sub-content-head-2{
    font-size: 24px;
}
.sec-2-sub-content-para-2{
    font-size: 12.04px;
    padding-top: 10px;
}
.section-2-sub-content-3{
    padding-right: 64.08px;
}
.sec-2-sub-content-head-3{
    font-size: 24px;
}
.sec-2-sub-content-para-3{
    font-size: 12.04px;
    padding-top: 10px;
}
.section-3{
    height: 288px;
}
.section-3-content{
    display: flex;
    justify-content: space-evenly;
}
.sec-3-head{
    font-weight: 8px;
    font-size: 24px;
}
.sec-3-para{
    font-weight: 8px;
    font-size: 12.04px;
    padding-top: 15px;

}
.sec-3-button{
    height:36.49px;
    width:89.55px;
    background-color:#4CAF4F;
    border-style: none;
    border-radius: 2.78px;
    color: white;
    margin-top: 30px;
}
.section-4{
    height: 202.94px;
    background-color: silver;
    padding-top: 101.55px;
}
.section-4-content{
    display: flex;
    justify-content: space-evenly;
}
.section-4-stats-1{
    display: flex;
    justify-content: space-evenly;
}
.section-4-stats-2{
    display: flex;
}
.section-4-sub-head{
    color: #4CAF4F;
}
.section-4-para{
    font-size: 11.14px;
}
.section-5{
    height: 301.68px;
    padding-top: 33.41px;
}
.section-5-content{
    display: flex;
}
.sec-5-head{
    padding-left: 100.23px;
    padding-top: 50px;
}
.sec-5-para{
    font-size: 11.14px;
    padding-top: 11.14px;
}
.sec-5-button{
    height:36.49px;
    width:89.55px;
    background-color:#4CAF4F;
    border-style: none;
    border-radius: 2.78px;
    color: white;
    margin-top: 22.27px;
}
.img-5{
    height: 301.68px;
    width: 307.34px;
}
.sec-section-6{
    padding-top: 33.41px;
    padding-bottom: 33.41px;
}
.section-6{
    background-color: silver;
}
.section-6-content{
    display: flex;
    justify-content: space-evenly;
}
.sec-6-icons{
    display: flex;
    justify-content: space-evenly;
}
.sec-6-para{
    font-size: 11.14px;
}
.sec-6-content{
    padding-top: 22.27px;
    padding-bottom: 22.27px;
}
.name{
    font-size: 13.92px;
    font-weight: 500px;
    color: #4CAF4F;
    padding-top: 11.14px;
}
.desgn{
    font-size: 11.14px;
    padding-top: 11.14px;

}
.sec-6-icons{
    padding-top: 22.27px;
}
.sec-6-sub-content{
    padding-left: 55.29px;
}
.sec-6-sub-content{
    padding-top: 52.27px;
}
.sec-6-img{
    padding-top: 22.27px;
}
.sec-6-icons{
    padding-right: 50px;
}

.section-7{
    height: 351.54px;
    text-align: center;
}
.sec-7-images{
    display: flex;
    justify-content: space-evenly;
}
.sec-7-para-1{
    padding-top: 10px;
    font-size: 11.14px;
}
.sec-7-para-2{
    
    font-size: 11.14px;
}
.sec-7-para-3{
    
    font-size: 11.14px;
}
.sec-7-images{
    padding-top: 10px;
    position: relative;
}
.sec-7-img-content{
    display: flex;
    justify-content: space-evenly;
    transform: translateY(-100px);
    
}
.sec-8-head{
    padding-top: 50px;
    text-align: center;
    font-size: 44.55px;
}
.button-8{
    align-items: center;
    padding-top: 22.27px;
    
}
.sub-head-8{
    text-align: center;
    font-size: 44.55px;
}

.sec-9{
    padding-top: 72.27px;
    padding-bottom: 22.27px;
}
.footer-content{
   display: flex;
   justify-content: space-evenly;
   padding-top: 30.27px;

}
.footer-sec{
    background-color: black;
    height: 209.98px;
    
}
/* extra-small screen */
@media(max-width:575.98px){
    .main-nav{
        height: auto;
        width: 100%;
    }
    .wrapper{
        max-width: 100%;
        margin: 0 auto;
    }
    .navbar-content{
        height:auto;
        flex-direction: column;
        /* justify-content: space-evenly; */
        align-items: center;
    }
    .navbar-navigation{
        flex-direction: column;
        align-items: center;
    }
    .navbar-link{
        color: black;
        font-size: 11.14px;
        font-weight:500;
    }
    .home{
        padding-right: 230px;
    }
    .feature{
        padding-left: 39px;
        padding-right: 20px;
        padding-top: 10px;
    }
    .community{
        padding-left: 18px;
        padding-top: 10px;
    }
    .blog{
        padding-left: 19px;
        padding-top: 10px;
    }
    .pricing{
        padding-left: 40px;
        padding-right: 24px;
        padding-top: 10px;
    }
    .navbar-btn{
        height:36.49px;
        width: 133.25px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        text-align: left;
        padding-left: 20px;
        margin-left: 20px;
        margin-top: 10px;
    }
    .navbar-content{
        padding: 20px 0px 20px 0px;
    }
    .toggle-icon{
        transform: translateX(100.23px);
        position: absolute;
        top: 18px;
    }
    .arrow{
        transform: translateX(60px);
        color: white;
        position: absolute;
        top: 140px;
    }
    /* ---nav ends--- */
    /* banner starts */
    .banner{
        height: auto;
        background-color:#F5F7FA;
    }
    .banner-content{
        height: auto;
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .banner-heading{
        font-size: 20px;
        font-weight:600;
        text-align: center;
    }
    .banner-sub-heading{
        display: block;
        color: #4CAF4F;
    }
    .banner-para{
        font-size: 10px;
        padding-bottom: 22.27px;
        text-align: center;
    }
    .banner-btn{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-left: 30px;
        margin-bottom: 10px;
    }
    .banner-image{
       padding-right: 0px;
    }
    /* banner ends */
    /* header ends */
    /* Section-1-starts */
    .section-1{
        height: auto;
        padding-top: 20px;
    }
    .section-1-content{
        padding-top: 13.35px;
        padding-bottom: 13.35px;
        justify-content: center;
        
    }
    .Content-heading{
        text-align: center;
        font-size: 20px;
        font-weight: 16.7px;
    }
    .content-sub-heading{
        text-align: center;
        font-weight: 8px;
        font-size: 10.04px;
    }
    .section-1-logo{
        display: flex;
        align-items: center;
        padding-top: 10.34px;
        padding-bottom: 10px;
    
    }
    .logo-1{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-2{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-3{
        height: 26.03px;
        width: 26.03px; 
    }
    .logo-4{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-5{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-6{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-7{
        height: 26.03px;
        width: 26.03px;
    }
    /* section-2-starts */
    .section-2{
        height: auto;
        padding: 20px 0px 20px 0px;
    }
    .section-2-content{
        padding-top: 10px;
        text-align: center;
    }
    .section-2-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .section-2-sub-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .section-2-para{
        font-weight: 8px;
        font-size: 12.04px;
        padding-top: 5px;
    }
    .section-2-sub-content{
       flex-direction: column;
       text-align: center;
        padding-top: 10px;
        align-items: center;
        padding-left: 80px;
    }
    .img{
        width: 300px;
        height: 200px;
        padding-top: 20px;
    }
    .section-3-sub-content{
        padding-left: 30px;
        padding-top: 50px;
    }
    
    .section-2-sub-content-1{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-1{
        font-size: 24px;
    }
    .sec-2-sub-content-para-1{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-2-sub-content-2{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-2{
        font-size: 24px;
    }
    .sec-2-sub-content-para-2{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-2-sub-content-3{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-3{
        font-size: 24px;
    }
    .sec-2-sub-content-para-3{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-3{
        height: auto;
    }
    .section-3-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 10px 0px 30px 0px;
    }
    .sec-3-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .sec-3-para{
        font-weight: 8px;
        font-size: 12.04px;
        padding-top: 15px;
    
    }
    .sec-3-button{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-top: 30px;
    }
    .section-4{
        height: auto;
        background-color: silver;
    }

    .section-4-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 300px;
        padding-bottom: 120px;
    }
    .section-4-stats-1{
        flex-direction: column;
        align-items: center;
    }
    .section-4-stats-2{
        flex-direction: column;
        align-items: center;
    }
    .section-4-sub-head{
        color: #4CAF4F;
    }
    .section-4-para{
        font-size: 11.14px;
    }
    .section-5{
        height: auto;
    }
    .section-5-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 550px;
        padding: 20px 0px 20px 0px;
    }
    .sec-5-head{
        padding-top: 20px;
        text-align: center;
        align-items: center;
        padding-right: 80px;
    }
    .sec-5-para{
        font-size: 11.14px;
        padding-top: 11.14px;
    }
    .sec-5-button{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-top: 22.27px;
    }
    .img-5{
        height: 301.68px;
        width: 307.34px;
    }
    .section-6{
        height: auto;
    }
    .sec-section-6{
        padding-top: 33.41px;
        padding-bottom: 33.41px;
        padding-top: 150px;
        
    }
    .section-6{
        background-color: silver;
    }
    .section-6-content{
        flex-direction: column;
        align-items: center;
    }
    .img-6{
        padding-top: 20px;
    }
    .sec-6-sub-content{
        align-items: center;
        padding-bottom: 30px;
        height: 300px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sec-6-icons{
        display: flex;
        justify-content: space-evenly;
    }
    .sec-6-para{
        font-size: 11.14px;
        padding-right: 40px;
        padding-bottom: 20px;
        text-align: center;
    }
    .sec-6-content{
        padding-top: 22.27px;
        padding-bottom: 22.27px;
    }
    .name{
        font-size: 13.92px;
        font-weight: 500px;
        color: #4CAF4F;
        padding-top: 11.14px;
    }
    .desgn{
        font-size: 11.14px;
        padding-top: 11.14px;
    
    }
    .sec-6-icons{
        padding-top: 22.27px;
    }
    .sec-6-img{
        padding-top: 22.27px;
    }
    .sec-6-icons{
        padding-right: 50px;
    }
    
    .section-7{
        height: auto;
        text-align: center;
    }
    .sec-7-images{
        flex-direction: column;
        align-items: center;
    }
    .sec-7-para-1{
        padding-top: 10px;
        font-size: 11.14px;
    }
    .sec-7-para-2{
        
        font-size: 11.14px;
    }
    .sec-7-para-3{
        
        font-size: 11.14px;
    }
    .sec-7-images{
        padding-top: 10px;
        height: 700px;
    }
    .img-1{
        padding-top: 20px;
    }
    .img-2{
        padding-top: 70px;
    }
    .img-3{
        padding-top: 60px;
    }
    .sec-7-img-content{
        flex-direction: column;
        align-items: center;
        height: 100px;
        
    }
    .img-cnt-1{
        transform: translateY(-320px);
    }
    .img-cnt-2{
        transform: translateY(-200px);
    }
    .img-cnt-3{
        transform: translateY(-90px);
    }
    .section-8{
        height: auto;
    }
    .sec-8-content{
        padding: 20px 0px 20px 0px;
    }
    .sec-8-head{
        padding-top: 30px;
        text-align: center;
        font-size: 20px;
        height: 50px;
    }
    
    .button-8{
        align-items: center;
        padding-left: 120px;
        height: 20px;
        width: 80px;
    }
    .sub-head-8{
       font-size: 20px;
    }
    
    .sec-9{
        padding-top: 72.27px;
        padding-bottom: 22.27px;
        height: 300px;
        
    }
    .footer-content{
       flex-direction: column;
       align-items: center;
       height: 300px;
    
    }
    .foot-col-1{
        height: 100px;
        width: 200px;
        padding-bottom: 20px;
        padding-left: 60px;
    }
    .foot-col-2{
        height: 100px;
        width: 250px;
    }
    .footer-sec{
        background-color: black;
        height: auto;
        
    } 
}
/* small screen */
@media(min-width:576px) and (max-width:767.98px){
    .main-nav{
        height: auto;
        width: 100%;
    }
    .wrapper{
        max-width: 100%;
        margin: 0 auto;
    }
    .navbar-content{
        height:auto;
        flex-direction: column;
        /* justify-content: space-evenly; */
        align-items: center;
    }
    .navbar-navigation{
        flex-direction: column;
        align-items: center;
    }
    .navbar-link{
        color: black;
        font-size: 11.14px;
        font-weight:500;
    }
    .home{
        padding-right: 230px;
    }
    .feature{
        padding-left: 39px;
        padding-right: 20px;
        padding-top: 10px;
    }
    .community{
        padding-left: 18px;
        padding-top: 10px;
    }
    .blog{
        padding-left: 19px;
        padding-top: 10px;
    }
    .pricing{
        padding-left: 40px;
        padding-right: 24px;
        padding-top: 10px;
    }
    .navbar-btn{
        height:36.49px;
        width: 133.25px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        text-align: left;
        padding-left: 20px;
        margin-left: 20px;
        margin-top: 10px;
    }
    .navbar-content{
        padding: 20px 0px 20px 0px;
    }
    .toggle-icon{
        transform: translateX(100.23px);
        position: absolute;
        top: 18px;
    }
    .arrow{
        transform: translateX(50px);
        padding-top: 10px;
        color: white;
        position: absolute;
        top: 140px;
    }
    /* ---nav ends--- */
    /* banner starts */
    .banner{
        height: auto;
        background-color:#F5F7FA;
    }
    .banner-content{
        height: auto;
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .banner-heading{
        font-size: 20px;
        font-weight:600;
        text-align: center;
    }
    .banner-sub-heading{
        display: block;
        color: #4CAF4F;
    }
    .banner-para{
        font-size: 10px;
        padding-bottom: 22.27px;
        text-align: center;
    }
    .banner-btn{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-left: 30px;
        margin-bottom: 10px;
    }
    .banner-image{
       padding-right: 110px;
    }
    /* banner ends */
    /* header ends */
    /* Section-1-starts */
    .section-1{
        height: auto;
        padding-top: 20px;
    }
    .section-1-content{
        padding-top: 13.35px;
        padding-bottom: 13.35px;
        justify-content: center;
        
    }
    .Content-heading{
        text-align: center;
        font-size: 20px;
        font-weight: 16.7px;
    }
    .content-sub-heading{
        text-align: center;
        font-weight: 8px;
        font-size: 10.04px;
    }
    .section-1-logo{
        display: flex;
        align-items: center;
        padding-top: 10.34px;
        padding-bottom: 10px;
    
    }
    .logo-1{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-2{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-3{
        height: 26.03px;
        width: 26.03px; 
    }
    .logo-4{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-5{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-6{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-7{
        height: 26.03px;
        width: 26.03px;
    }
    /* section-2-starts */
    .section-2{
        height: auto;
        padding: 20px 0px 20px 0px;
    }
    .section-2-content{
        padding-top: 10px;
        text-align: center;
    }
    .section-2-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .section-2-sub-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .section-2-para{
        font-weight: 8px;
        font-size: 12.04px;
        padding-top: 5px;
    }
    .section-2-sub-content{
       flex-direction: column;
       text-align: center;
        padding-top: 10px;
        align-items: center;
        padding-left: 80px;
    }
    .img{
        width: 300px;
        height: 200px;
        padding-top: 20px;
    }
    .section-3-sub-content{
        padding-left: 30px;
        padding-top: 50px;
    }
    
    .section-2-sub-content-1{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-1{
        font-size: 24px;
    }
    .sec-2-sub-content-para-1{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-2-sub-content-2{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-2{
        font-size: 24px;
    }
    .sec-2-sub-content-para-2{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-2-sub-content-3{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-3{
        font-size: 24px;
    }
    .sec-2-sub-content-para-3{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-3{
        height: auto;
    }
    .section-3-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 10px 0px 30px 0px;
    }
    .sec-3-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .sec-3-para{
        font-weight: 8px;
        font-size: 12.04px;
        padding-top: 15px;
    
    }
    .sec-3-button{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-top: 30px;
    }
    .section-4{
        height: auto;
        background-color: silver;
    }

    .section-4-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 300px;
        padding-bottom: 120px;
    }
    .section-4-stats-1{
        flex-direction: column;
        align-items: center;
    }
    .section-4-stats-2{
        flex-direction: column;
        align-items: center;
    }
    .section-4-sub-head{
        color: #4CAF4F;
    }
    .section-4-para{
        font-size: 11.14px;
    }
    .section-5{
        height: auto;
    }
    .section-5-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 550px;
        padding: 20px 0px 20px 0px;
    }
    .sec-5-head{
        padding-top: 20px;
        text-align: center;
        align-items: center;
        padding-right: 80px;
    }
    .sec-5-para{
        font-size: 11.14px;
        padding-top: 11.14px;
    }
    .sec-5-button{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-top: 22.27px;
    }
    .img-5{
        height: 301.68px;
        width: 307.34px;
    }
    .section-6{
        height: auto;
    }
    .sec-section-6{
        padding-top: 33.41px;
        padding-bottom: 33.41px;
        padding-top: 150px;
        
    }
    .section-6{
        background-color: silver;
    }
    .section-6-content{
        flex-direction: column;
        align-items: center;
    }
    .img-6{
        padding-top: 20px;
    }
    .sec-6-sub-content{
        align-items: center;
        padding-bottom: 30px;
        height: 300px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sec-6-icons{
        display: flex;
        justify-content: space-evenly;
    }
    .sec-6-para{
        font-size: 11.14px;
        padding-right: 40px;
        padding-bottom: 20px;
        text-align: center;
    }
    .sec-6-content{
        padding-top: 22.27px;
        padding-bottom: 22.27px;
    }
    .name{
        font-size: 13.92px;
        font-weight: 500px;
        color: #4CAF4F;
        padding-top: 11.14px;
    }
    .desgn{
        font-size: 11.14px;
        padding-top: 11.14px;
    
    }
    .sec-6-icons{
        padding-top: 22.27px;
    }
    .sec-6-img{
        padding-top: 22.27px;
    }
    .sec-6-icons{
        padding-right: 50px;
    }
    
    .section-7{
        height: auto;
        text-align: center;
    }
    .sec-7-images{
        flex-direction: column;
        align-items: center;
    }
    .sec-7-para-1{
        padding-top: 10px;
        font-size: 11.14px;
    }
    .sec-7-para-2{
        
        font-size: 11.14px;
    }
    .sec-7-para-3{
        
        font-size: 11.14px;
    }
    .sec-7-images{
        padding-top: 10px;
        height: 700px;
    }
    .img-1{
        padding-top: 20px;
    }
    .img-2{
        padding-top: 70px;
    }
    .img-3{
        padding-top: 60px;
    }
    .sec-7-img-content{
        flex-direction: column;
        align-items: center;
        height: 100px;
        
    }
    .img-cnt-1{
        transform: translateY(-320px);
    }
    .img-cnt-2{
        transform: translateY(-200px);
    }
    .img-cnt-3{
        transform: translateY(-90px);
    }
    .section-8{
        height: auto;
    }
    .sec-8-content{
        padding: 20px 0px 20px 0px;
    }
    .sec-8-head{
        padding-top: 30px;
        text-align: center;
        font-size: 20px;
        height: 50px;
    }
    
    .button-8{
        align-items: center;
        padding-left: 230px;
        height: 20px;
        width: 80px;
    }
    .sub-head-8{
       font-size: 20px;
    }
    
    .sec-9{
        padding-top: 72.27px;
        padding-bottom: 22.27px;
        height: 300px;
        
    }
    .footer-content{
       flex-direction: column;
       align-items: center;
       height: 300px;
    
    }
    .foot-col-1{
        height: 100px;
        width: 200px;
        padding-bottom: 20px;
        padding-left: 60px;
    }
    .foot-col-2{
        height: 100px;
        width: 250px;
    }
    .footer-sec{
        background-color: black;
        height: auto;
        
    }  
}
/* medium-screen */
@media(min-width:768px) and (max-width:991.98px){
    .main-nav{
        height: auto;
        width: 100%;
    }
    .wrapper{
        max-width: 100%;
        margin: 0 auto;
    }
    .navbar-content{
        height:auto;
        flex-direction: column;
        /* justify-content: space-evenly; */
        align-items: center;
    }
    .navbar-navigation{
        flex-direction: column;
        align-items: center;
    }
    .navbar-link{
        color: black;
        font-size: 11.14px;
        font-weight:500;
    }
    .home{
        padding-right: 230px;
    }
    .feature{
        padding-left: 39px;
        padding-right: 20px;
        padding-top: 10px;
    }
    .community{
        padding-left: 18px;
        padding-top: 10px;
    }
    .blog{
        padding-left: 19px;
        padding-top: 10px;
    }
    .pricing{
        padding-left: 40px;
        padding-right: 24px;
        padding-top: 10px;
    }
    .navbar-btn{
        height:36.49px;
        width: 133.25px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        text-align: left;
        padding-left: 20px;
        margin-left: 20px;
        margin-top: 10px;
    }
    .navbar-content{
        padding: 20px 0px 20px 0px;
    }
    .toggle-icon{
        transform: translateX(100.23px);
        position: absolute;
        top: 18px;
    }
    .arrow{
        transform: translateX(50px);
        color: white;
        position: absolute;
        top: 140px;
    }
    /* ---nav ends--- */
    /* banner starts */
    .banner{
        height: auto;
        background-color:#F5F7FA;
    }
    .banner-content{
        height: auto;
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .banner-heading{
        font-size: 20px;
        font-weight:600;
        text-align: center;
    }
    .banner-sub-heading{
        display: block;
        color: #4CAF4F;
    }
    .banner-para{
        font-size: 10px;
        padding-bottom: 22.27px;
        text-align: center;
    }
    .banner-btn{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-left: 30px;
        margin-bottom: 10px;
    }
    .banner-image{
       padding-right: 110px;
    }
    /* banner ends */
    /* header ends */
    /* Section-1-starts */
    .section-1{
        height: auto;
        padding-top: 20px;
    }
    .section-1-content{
        padding-top: 13.35px;
        padding-bottom: 13.35px;
        justify-content: center;
        
    }
    .Content-heading{
        text-align: center;
        font-size: 20px;
        font-weight: 16.7px;
    }
    .content-sub-heading{
        text-align: center;
        font-weight: 8px;
        font-size: 10.04px;
    }
    .section-1-logo{
        display: flex;
        align-items: center;
        padding-top: 10.34px;
        padding-bottom: 10px;
        width: 600px;
        padding-left: 80px;
    
    }
    
    .logo-1{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-2{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-3{
        height: 26.03px;
        width: 26.03px; 
    }
    .logo-4{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-5{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-6{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-7{
        height: 26.03px;
        width: 26.03px;
    }
    /* section-2-starts */
    .section-2{
        height: auto;
        padding: 20px 0px 20px 0px;
    }
    .section-2-content{
        padding-top: 10px;
        text-align: center;
    }
    .section-2-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .section-2-sub-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .section-2-para{
        font-weight: 8px;
        font-size: 12.04px;
        padding-top: 5px;
    }
    .section-2-sub-content{
       flex-direction: column;
       text-align: center;
        padding-top: 10px;
        align-items: center;
        padding-left: 80px;
    }
    .img{
        width: 300px;
        height: 200px;
        padding-top: 20px;
    }
    .section-3-sub-content{
        padding-left: 30px;
        padding-top: 50px;
    }
    
    .section-2-sub-content-1{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-1{
        font-size: 24px;
    }
    .sec-2-sub-content-para-1{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-2-sub-content-2{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-2{
        font-size: 24px;
    }
    .sec-2-sub-content-para-2{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-2-sub-content-3{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-3{
        font-size: 24px;
    }
    .sec-2-sub-content-para-3{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-3{
        height: auto;
    }
    .section-3-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 10px 0px 30px 0px;
    }
    .sec-3-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .sec-3-para{
        font-weight: 8px;
        font-size: 12.04px;
        padding-top: 15px;
        width: 600px;
    }
    .sec-3-button{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-top: 30px;
    }
    .section-4{
        height: auto;
        background-color: silver;
    }

    .section-4-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 300px;
        padding-bottom: 120px;
    }
    .section-4-stats-1{
        flex-direction: column;
        align-items: center;
    }
    .section-4-stats-2{
        flex-direction: column;
        align-items: center;
    }
    .section-4-sub-head{
        color: #4CAF4F;
    }
    .section-4-para{
        font-size: 11.14px;
    }
    .section-5{
        height: auto;
    }
    .section-5-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 550px;
        padding: 20px 0px 20px 0px;
    }
    .sec-5-head{
        padding-top: 20px;
        text-align: center;
        align-items: center;
        padding-right: 80px;
    }
    .sec-5-para{
        font-size: 11.14px;
        padding-top: 11.14px;
    }
    .sec-5-button{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-top: 22.27px;
    }
    .img-5{
        height: 301.68px;
        width: 307.34px;
    }
    .section-6{
        height: auto;
    }
    .sec-section-6{
        padding-top: 33.41px;
        padding-bottom: 33.41px;
        padding-top: 150px;
        
    }
    .section-6{
        background-color: silver;
    }
    .section-6-content{
        flex-direction: column;
        align-items: center;
    }
    .img-6{
        padding-top: 20px;
    }
    .sec-6-sub-content{
        align-items: center;
        padding-bottom: 30px;
        height: 300px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sec-6-icons{
        display: flex;
        justify-content: space-evenly;
    }
    .sec-6-para{
        font-size: 11.14px;
        padding-right: 40px;
        padding-bottom: 20px;
        text-align: center;
        width: 600px;
    }
    .sec-6-content{
        padding-top: 22.27px;
        padding-bottom: 22.27px;
    }
    .name{
        font-size: 13.92px;
        font-weight: 500px;
        color: #4CAF4F;
        padding-top: 11.14px;
    }
    .desgn{
        font-size: 11.14px;
        padding-top: 11.14px;
    
    }
    .sec-6-icons{
        padding-top: 22.27px;
    }
    .sec-6-img{
        padding-top: 22.27px;
    }
    .sec-6-icons{
        padding-right: 50px;
    }
    
    .section-7{
        height: auto;
        text-align: center;
    }
    .sec-7-images{
        flex-direction: column;
        align-items: center;
    }
    .sec-7-para-1{
        padding-top: 10px;
        font-size: 11.14px;
    }
    .sec-7-para-2{
        
        font-size: 11.14px;
    }
    .sec-7-para-3{
        
        font-size: 11.14px;
    }
    .sec-7-images{
        padding-top: 10px;
        height: 700px;
    }
    .img-1{
        padding-top: 20px;
    }
    .img-2{
        padding-top: 70px;
    }
    .img-3{
        padding-top: 60px;
    }
    .sec-7-img-content{
        flex-direction: column;
        align-items: center;
        height: 100px;
        
    }
    .img-cnt-1{
        transform: translateY(-320px);
    }
    .img-cnt-2{
        transform: translateY(-200px);
    }
    .img-cnt-3{
        transform: translateY(-90px);
    }
    .section-8{
        height: auto;
    }
    .sec-8-content{
        padding: 20px 0px 20px 0px;
    }
    .sec-8-head{
        padding-top: 30px;
        text-align: center;
        font-size: 20px;
        height: 50px;
    }
    
    .button-8{
        align-items: center;
        padding-left: 320px;
        height: 20px;
        width: 80px;
    }
    .sub-head-8{
       font-size: 20px;
    }
    
    .sec-9{
        padding-top: 72.27px;
        padding-bottom: 22.27px;
        height: 300px;
        
    }
    .footer-content{
       flex-direction: column;
       align-items: center;
       height: 300px;
    
    }
    .foot-col-1{
        height: 100px;
        width: 200px;
        padding-bottom: 20px;
        padding-left: 60px;
    }
    .foot-col-2{
        height: 100px;
        width: 250px;
    }
    .footer-sec{
        background-color: black;
        height: auto;
        
    }  
}
/* large-screen */
@media(min-width:992px) and (max-width:1199.98px){
    .main-nav{
        height: 58.76px;
        width: 100%;
    }
    .wrapper{
        max-width:1000px;
        margin: 0 auto;
    }
    .navbar-content{
        height:58.76px;
        display: flex;
        /* justify-content: space-evenly; */
        align-items: center;
        
    }
    .navbar-navigation{
        display: flex;
        padding-top: 10px;
        padding-right: 130px;
    }
    .toggle-icon{
        display: none;
    }
    .navbar-link{
        color: black;
        font-size: 11.14px;
        font-weight:500;
    }
    .home{
        padding-left: 200px;
    }
    .feature{
        padding-left: 20px;
    }
    .community{
        padding-left: 20px;
    }
    .blog{
        padding-left: 20px;
    }
    .pricing{
        padding-left: 20px;
        padding-right: 20px;
    }
    .navbar-btn{
        height:36.49px;
        width: 133.25px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        text-align: left;
        padding-left: 20px;
    }
    .arrow{
        transform: translateX(-30px);
        padding-top: 10px;
        color: white;
    }
    /* ---nav ends--- */
    /* banner starts */
    .banner{
        height: 416.95px;
        width: 100%;
        background-color:#F5F7FA;
    }
    .banner-content{
        height: 416.95px;
        display: flex;
        align-items: center;
        
    }
    .banner-heading{
        font-size: 44.55px;
        font-weight:600;
        padding-bottom: 11.14px;
    }
    .banner-sub-heading{
        display: block;
        color: #4CAF4F;
    }
    .banner-para{
        font-size: 11.14px;
        padding-bottom: 22.27px;
    }
    .banner-btn{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
    }
    .banner-image{
        margin-left:115px;
    }
    /* banner ends */
    /* header ends */
    /* Section-1-starts */
    .section-1{
        height: 124.73px;
    }
    .section-1-content{
        padding-top: 13.35px;
        padding-bottom: 13.35px;
        justify-content: center;
        padding-right: 0px;
    
    }
    .Content-heading{
        text-align: center;
        font-size: 25.05px;
        font-weight: 16.7px;
    }
    .content-sub-heading{
        text-align: center;
        font-weight: 8px;
        font-size: 10.04px;
    }
    .section-1-logo{
        display: flex;
        justify-content: space-evenly;
        padding-top: 10.34px;
        padding-right: 50px;
    
    }
    .logo-1{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-2{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-3{
        height: 26.03px;
        width: 26.03px; 
    }
    .logo-4{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-5{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-6{
        height: 26.03px;
        width: 26.03px;
    }
    .logo-7{
        height: 26.03px;
        width: 26.03px;
    }
    /* section-2-starts */
    .section-2{
        height: 232.75px;
    }
    .section-2-content{
        padding-top: 10px;
        text-align: center;
    }
    .section-2-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .section-2-sub-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .section-2-para{
        font-weight: 8px;
        font-size: 12.04px;
        padding-top: 5px;
    }
    .section-2-sub-content{
        display: flex;
        justify-content: space-evenly;
        padding-top: 30px;
        align-items: center;
        padding-left: 80px;
    }
    .img{
        width: 300px;
        height: 280px;
    }
    .section-3-sub-content{
        padding-left: 30px;
        padding-top: 50px;
    }
    
    .section-2-sub-content-1{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-1{
        font-size: 24px;
    }
    .sec-2-sub-content-para-1{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-2-sub-content-2{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-2{
        font-size: 24px;
    }
    .sec-2-sub-content-para-2{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-2-sub-content-3{
        padding-right: 64.08px;
    }
    .sec-2-sub-content-head-3{
        font-size: 24px;
    }
    .sec-2-sub-content-para-3{
        font-size: 12.04px;
        padding-top: 10px;
    }
    .section-3{
        height: 288px;
    }
    .section-3-content{
        display: flex;
        justify-content: space-evenly;
    }
    .sec-3-head{
        font-weight: 8px;
        font-size: 24px;
    }
    .sec-3-para{
        font-weight: 8px;
        font-size: 12.04px;
        padding-top: 15px;
    
    }
    .sec-3-button{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-top: 30px;
    }
    .section-4{
        height: 202.94px;
        background-color: silver;
        padding-top: 101.55px;
    }
    .section-4-content{
        display: flex;
        justify-content: space-evenly;
    }
    .section-4-stats-1{
        display: flex;
        justify-content: space-evenly;
    }
    .section-4-stats-2{
        display: flex;
    }
    .section-4-sub-head{
        color: #4CAF4F;
    }
    .section-4-para{
        font-size: 11.14px;
    }
    .section-5{
        height: 301.68px;
        padding-top: 33.41px;
    }
    .section-5-content{
        display: flex;
    }
    .sec-5-head{
        padding-left: 100.23px;
        padding-top: 50px;
    }
    .sec-5-para{
        font-size: 11.14px;
        padding-top: 11.14px;
    }
    .sec-5-button{
        height:36.49px;
        width:89.55px;
        background-color:#4CAF4F;
        border-style: none;
        border-radius: 2.78px;
        color: white;
        margin-top: 22.27px;
    }
    .img-5{
        height: 301.68px;
        width: 307.34px;
    }
    .sec-section-6{
        padding-top: 33.41px;
        padding-bottom: 33.41px;
    }
    .section-6{
        background-color: silver;
    }
    .section-6-content{
        display: flex;
        justify-content: space-evenly;
    }
    .sec-6-icons{
        display: flex;
        justify-content: space-evenly;
    }
    .sec-6-para{
        font-size: 11.14px;
    }
    .sec-6-content{
        padding-top: 22.27px;
        padding-bottom: 22.27px;
    }
    .name{
        font-size: 13.92px;
        font-weight: 500px;
        color: #4CAF4F;
        padding-top: 11.14px;
    }
    .desgn{
        font-size: 11.14px;
        padding-top: 11.14px;
    
    }
    .sec-6-icons{
        padding-top: 22.27px;
    }
    .sec-6-sub-content{
        padding-left: 55.29px;
    }
    .sec-6-sub-content{
        padding-top: 52.27px;
    }
    .sec-6-img{
        padding-top: 22.27px;
    }
    .sec-6-icons{
        padding-right: 50px;
    }
    
    .section-7{
        height: 351.54px;
        text-align: center;
    }
    .sec-7-images{
        display: flex;
        justify-content: space-evenly;
    }
    .sec-7-para-1{
        padding-top: 10px;
        font-size: 11.14px;
    }
    .sec-7-para-2{
        
        font-size: 11.14px;
    }
    .sec-7-para-3{
        
        font-size: 11.14px;
    }
    .sec-7-images{
        padding-top: 10px;
        position: relative;
    }
    .sec-7-img-content{
        display: flex;
        justify-content: space-evenly;
        transform: translateY(-100px);
        
    }
    .sec-8-head{
        padding-top: 50px;
        text-align: center;
        font-size: 30px;
    }
    .button-8{
        align-items: center;
        padding-top: 22.27px;
        
    }
    .sub-head-8{
        text-align: center;
        font-size: 30px;
    }
    .img-button-8{
        padding-left: 430px;
    }
    
    .sec-9{
        padding-top: 72.27px;
        padding-bottom: 22.27px;
    }
    .footer-content{
       display: flex;
       justify-content: space-evenly;
       padding-top: 30.27px;
    
    }
    .footer-sec{
        background-color: black;
        height: 209.98px;
        
    }
}