html body{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.main{
    width: 100vw;
    height: 100%;
    position: relative;
   
}
.bannerBlog{
    position: relative;
    padding-top: 50px;
}
.bannerBlog img{
    width: 100%;height: 70vh;
}


/* <!-- //successful --> */
.successfulMain{
    height: 90vh;background: url(./Image/home/bgForNew.png);
}
.successfulMainbg{
    background: #2c21729c;height: 90vh;width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.successfulCotent {
    width: 50%;
}
.successfulCotentHead{
    width: 100%;height: 10vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);display: flex;justify-content: center;align-items: center;
}
.successfulCotentHead h4{
    letter-spacing: 0px;color: #2c2172
}
.successfulCotentText{
    width: 100%;height: 70vh;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 15px;
}
.successfulCotent2{
    display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 90vh;width: 50%;
}
.successfulCotent2Img{
    height: 70vh;width: 75%;background: #2c2172;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.successfulCotent2Img img{
    width: 80%;height: 50vh
}
.findingMain{
    display: block;
}
.findingMain1{
    display: none;
}


@media (max-width : 650px) {
    .bannerBlog{
       padding-top: 50px;
    }
    .bannerBlog img{
       height: 25vh;
    }   

    /* <!-- //successful --> */
    .successfulMain{
        height: 168vh;background: url(./Image/home/bgForNew.png);
    }
    .successfulMainbg{
        background: #2c21729c;height: 168vh;width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    .successfulCotent {
        width: 100%;
        height: 118vh;
      
    }
    .successfulCotentHead{
        width: 100%;height: 8vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);display: flex;justify-content: center;align-items: center;
    }
    .successfulCotentHead h4{
        font-size: 20px;
    }
    .successfulCotentText{
        width: 100%;height: 110vh;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 15px;
    }
    .successfulCotent2{
        display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 50vh;width: 100%;
    }
    .successfulCotent2Img{
        height: 40vh;width: 80%;background: #2c2172;display: flex;flex-direction: column;justify-content: center;align-items: center;
    }
    .successfulCotent2Img img{
        width: 80%;height: 30vh
    }

    .findingMain{
        display: none;
    }
    .findingMain1{
        display: block;
    }
   }