* {
   padding: 0px;
   margin: 0px;
   box-sizing: border-box;
 }



 .logo img {
   width: 66%;
   height: 15vh;
   padding: 15px;
   padding-left: 500px;
 }

 .navi {
   background-color: rgb(11, 97, 3) !important;

 }

 .navi img {
   width: 100%;
   height: 7vh;

 }

 .menu {
   color: rgb(248, 242, 242) !important;
   text-transform: uppercase;
   font-weight: bold;

 }

 .card {
   height: 100vh !important;
 }

 .mid9 {
   width: 100%;
   height: 70vh;
 }

 .midrap9 {
   width: 100%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-row-gap: 15px;
   grid-column-gap: 15px;

 }

 .box9 {
   margin-top: 50px;
 }

 .box9 img {
   padding-left: 50px;
   width: 100%;
   height: 100%;
 }

 .box9 h2 {
   color: black;
   text-align: center;
   font-size: 30px;
 }

 .box9 p {
   color: black;
   text-align: center;
   text-align: justify;
   font-size: 15px;
 }

 .mid16 {
   width: 100%;
   height: 70vh;
 }

 .midrap16 {
   width: 100%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-row-gap: 15px;
   grid-column-gap: 15px;

 }

 .box16 {
   margin-top: 50px;
 }

 .box16 img {

   width: 100%;
   height: 100%;
 }



 .box16 p {
   padding-left: 30px;
   color: black;
   text-align: center;
   text-align: justify;
   font-size: 15px;
 }

 .mid11 {
   width: 100%;
   height: 70vh;
 }

 .midrap11 {
   width: 100%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-row-gap: 15px;
   grid-column-gap: 15px;

 }

 .box11 {
   margin-top: 50px;
 }

 .box11 img {
   padding-left: 30px;
   width: 100%;
   height: 100%;
 }



 .box11 p {
   padding-left: 30px;
   color: black;
   text-align: center;
   text-align: justify;
   font-size: 15px;
 }

 .mid12 {
   width: 100%;
   height: 70vh;
 }

 .midrap12 {
   width: 100%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-row-gap: 15px;
   grid-column-gap: 15px;

 }

 .box12 {
   margin-top: 50px;
 }

 .box12 img {

   width: 100%;
   height: 100%;
 }

 .box12 h2 {
   color: black;
   text-align: center;
   font-size: 30px;
 }

 .box12 p {
   padding-left: 30px;
   color: black;
   text-align: center;
   text-align: justify;
   font-size: 15px;
 }

 .mid13 {
   width: 100%;
   height: 140vh;
 }

 .mid13 h1 {
   color: black;
   font-size: 25px;
   text-align: center;
 }

 .midrap13 {
   width: 95%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-row-gap: 15px;
   grid-column-gap: 15px;
 }

 .box13 img {
   padding-left: 65px;
   width: 100%;
   height: 100%;
 }

 .box13 p {
   padding-top: 20px;
   color: black;
   font-size: 20px;
   text-align: center;
 }

 .mid14 {
   width: 100%;
   height: 135vh;
 }

 .midrap14 {
   width: 95%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-row-gap: 15px;
   grid-column-gap: 15px;
 }

 .box14 img {
   padding-left: 65px;
   width: 100%;
   height: 100%;
 }

 .box14 p {
   padding-left: 55px;
   padding-top: 20px;
   color: black;
   font-size: 20px;
   text-align: center;
 }


 .mid15 {
   width: 100%;
   height: 180vh;
 }

 .midrap15 {
   width: 95%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-row-gap: 15px;
   grid-column-gap: 15px;
 }

 .box15 img {
   padding-left: 65px;
   width: 100%;
   height: 100%;
 }

 .box15 h2 {
   padding-top: 15px;
   padding-left: 55px;
   color: black;
   font-size: 25px;
   font-weight: bold;
 }

 .box15 p {
   padding-left: 55px;
   /* padding-top: 15px; */
   color: black;
   font-size: 15px;
   text-align: center;
   text-align: justify;
 }

 .footer {
   width: 100%;
   background-color: #2e7d32;
   height: 60vh;
   border-top: 2px solid rgb(240, 239, 239);
 }

 .footrap {
   /* padding-right: px; */
   width: 95%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto auto auto auto;
   grid-row-gap: 15px;
   grid-column-gap: 15px;

 }


 .box10 h1 {
   /* padding-left: px; */
   font-size: 18px;
   margin-top: 30px;
   color: rgb(243, 236, 236);
   font-weight: bold;

 }

 .box10 ul li {
   color: rgb(243, 241, 241);
   list-style: none;
   margin-left: -30px;
   padding-top: 8px;
   font-weight: bold;
 }

 .box10 table {
   margin-top: 30px;
 }

 .box10 ul li:hover {
   color: gray;
   text-decoration: underline;
 }

 footer {
   background-color: #2e7d32;
   color: white;
   text-align: center;
   padding: 15px;

 }