#section1 .banner1{
    position: relative;
    top: 80px;
    margin-bottom: 80px;
}

#section1 .banner1 img{
    width: 100%;
    max-height: 700px;
    object-fit: cover;
}
.container-fluid{
    padding: 0px;
}
#section2 .content{
    color: #272C6D;
    font-size: 20px;
    margin: 20px;
    word-break: break-word;
}
#section2 .img{
    /* width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50%; */
    position: relative;
    top: -50%;
}
#section2 .img img{
    width:300px;
  height:300px;
  object-fit:cover;
  border-radius:50%;
}
#section3{
    height: 400px;
    background-color: #272C6D;
    margin: 40px 0;
}
#section3 .img{
    position: relative;
    top: -10%;
}
#section3 .img img{

    width:500px;
  height:500px;
  object-fit:cover;
  border-radius:50%;
}
#section3 .content{
    font-size: 20px;
    margin: 20px;
    color: white;
    word-break: break-word;
}
@media (max-width: 1000px) {
    .col-8, .col-6{
        flex:0 0 100%;
        position: relative;
        max-width: 100%;
    }
    
    .circle-img{
        display: none;
    }
    #section3, #section2, .content{
        height: auto;
    }
}