*{
    margin:0px;
    padding:0px;
    margin-top:10px;
    box-sizing:border-box;
    font-family: sans-serif;
}
body{
    background-color: lightseagreen;
}
.heading{
    width:90%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    text-align:center;
    margin:20px auto;
    margin-top:5%;
}
.heading h1{
    font-size:44px;
    color:#1A5319;
    margin-bottom:25px;
    margin-top:12px;
    position:relative;
}
.heading h1::after{
    content:"";
    position:absolute;
    width:100%;
    height:4px;
    display:block;
    margin:0 auto;
    background-color:  #508D4E;
}
.heading p{
    font-size:22px;
    color:black;
    /* margin-bottom: 39px; */
    width:96%;
    /* background-color: lightgreen; */
}
.container{
    width:90%;
    margin:0 auto;
    padding:10px 20px;
    margin-bottom:1%;
    margin-top:5%;
    /* background-color: lightseagreen; */
}
.about{
    display:flex;
    justify-content: space-between;
    align-items:center;
    flex-wrap:wrap;
}
.about-image{
    flex:1;
    margin-right:40px;
    overflow:hidden;
}
.about-image img{
    max-width:100%;
    border-radius:14px;
    height:auto;
    display:block;
    transition:0.5s ease;
    border:2px solid green;
}
.about-image:hover img{
    transform:scale(1.2) ;
}
.about-content{
    flex:1;
}
.about-content h2{
    border-radius:10px;
    font-size:23px;
    margin-bottom:15px;
    color:black;
    border:1px solid green;
    text-align:center;
    background-color: #508D4E;
}
.about-content p{
    font-size:18px;
    line-height:1.5;
    color:black;
    text-align: justify;
}
.about-content .read-more{
    display:inline-block;
    padding:10px 20px;
    background-color: #4af0;
    color:#fff;
    font-size:19px;
    text-decoration:none;
    border-radius:25px;
    margin-top:15px;
    transition:0.3s ease;
}
.about-content .read-more:hover{
    background-color: #3e8e41;
}

.text-box{
    width:100%;
    color:black;
    position:absolute;
    top:147%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    margin-top:15px;
  }

.btn-1 {
    display: inline-block;
    text-decoration: none;
    color: black;
    font-weight: 100;
    border: none;
    padding: 12px 34px;
    font-size: 1.rem;
    background: #72BF78;
    position: relative;
    cursor: pointer;
    margin: 9px;
    border-radius: 10px;
    /* text-align:center; */
    /* width:14%; */
    /* margin-left: 646px;
    margin-right: 671px; */
  }
  .btn-1:hover{
    /* border:1px solid white; */
    background-color: lightseagreen;
    transition:1s;
  }
@media screen and (max-width:768px){
   .heading{
    width:100%;
    margin-top:15%;
    padding:0px 20px;
   } 
   .heading h1{
    font-size: 36px;
   }
   .heading p{
    font-size:17px;
    margin-bottom:0px;
    text-align:justify;
   }
   .container{
    width:100%;
    padding:0px;
    margin-bottom:1%;
   }
   .about{
    padding:20px;
    flex-direction:column;
   }
   .about-image{
    margin-right:0px;
    margin-bottom:20px; 
   }
   .about-content p{
    padding:0px;
    font-size:16px;
    text-align:justify;
   }
   .about-content .read-more{
    font-size:16px;
   }
   .btn-1 {
    display: inline-block;
    text-decoration: none;
    color: black;
    font-weight: 100;
    border: none;
    padding: 12px 34px;
    font-size: 1.rem;
    background: #72BF78;
    position: relative;
    cursor: pointer;
    margin: 9px;
    border-radius: 10px;
    margin-top:841%;
   }
}