*{
    margin:0;
    padding:0;
}
html{
    overflow-x: hidden;
}
.hero_section
{
display: flex;
height: 100vh;
align-items: center;
}
.left_section{
    width:40%;
}
.right_section{
    width:40%;
}
.left_section h2{
    font-size:70px;
}
.left_section p{
    font-size:25px;
    padding:15px 0px;
}
.start {
    padding:15px;
    border:0;
    width:30%;
    font-size:20px;
    background-color: var(--blue);
    color:white;
    font-weight: 600;
    border-radius: 60px;
}
.community{
    padding:12px;
    border:0;
    width:30%;
    font-size:20px;
    background-color: white;
    color:var(--blue);
    font-weight: 600;
    border-radius: 60px;
    border:3px solid var(--blue);
}
.logo{
    width:140px;
}
.welcome_image{
    width:100%;
    position:relative;
    left:60%;
}
.welcome_image_mobile{
    display:none;
}
.learn_with{
    color:#ffffff;
    background:#000000;
    width:20%;
    padding:10px 30px;
    border-radius:40px;
    font-size:25px;
}
.choose_now{
    padding:20px 30px;
    font-size: 20px;
}
.learn_objects{
    padding:20px 30px;
    padding-bottom:100px;
}
.learn_object{
    display: flex;
}
.learn_item{
    width:50%;
    display:flex;
    padding:30px;
    background-color: #E8EAFF;
    margin:10px;
    border-radius: 20px;
}
.learnon{
width:20%;
}
.learnit{
    width:70%;
    font-size: 23px;
}
.learn_icon{
    width:100px;
}

.footer{
    display: flex;
    justify-content: space-between;
    align-items:center;
    font-size: 20px;
    background: #E8EAFF;
}
.footer_section{
    width:33.33%;
    padding-right:30px;
    padding:50px 100px;
}
.footer_bar{
    display:flex;
    justify-content: space-between;
    padding:20px 100px;
    align-items: center;
}
.footer_section ul{
    list-style-type: none;
}

@media only screen and (max-width: 600px) {
    .content{
        overflow: hidden;
    }
    .left_section{
        width:100%;
    }
    .left_section h2{
        font-size:20px;
    }
    .hero_section
    {
    display: block;
    height: 100vh;
    align-items: center;
    padding:10% 0px;
    }
    .left_section p{
        font-size: 16px;
    }
    .welcome_image_mobile{
        width:100%;
    }
    .right_section{
        display: none;
    }
    .start{
        width:100%;
    }
    .community{
        width:100%;
        margin:10px 0px;
    }
 .learn_with{
    width:90%;
    text-align: center;
    font-size: 16px;
    margin:20px 0px;
 }
 .choose_now{
    font-size: 12px;
    padding:0;
    text-align: center;
 }
 .learn_objects{
    padding:0;
 }
 .learn_object{
    display: block;
 }
 .learn_item{
    width:80%;
    align-items: center;
    display: block;
    text-align: center;
    margin:10px 0px;
 }
 .learnit{
    font-size:16px;
    padding:0px 20px;
 }
 .welcome_image_mobile{
    display:block;
}
.footer_bar{
    display: block;   
}
.left_section h2{
    font-size: 40px;
}
.learn_section h3{
    justify-content: center;
    display: flex;
    width:70%;
    margin:20px;
}
.hero_section
{
display: flex;
height: 100%;
align-items: center;
}
.learnon{
    width:100%;
    }
.learnit{
    width: 80%;
}
.footer{
    padding:20px 10px;
    display: block;
    font-size: 16px;
    background: #E8EAFF;
    max-width: fit-content;
}
.footer_section{
    width:100%;
    margin: auto;
    padding:20px 50px;
}
.fs1{
    max-width: fit-content;
}
.footer_bar{
    padding:20px;
    display: block;
    text-align: center;
}
.footer_section_item > h2{
display: none;
}
}