:root {
    --green: #0A8008;
  }

/* utilities */
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.items-center {align-items: center;}
.items-baseline {align-items: baseline;}
.items-start {align-items: flex-start;}
.content-between {justify-content: space-between;}
.content-evenly {justify-content: space-evenly;}
.content-around {justify-content: space-around; }


.middle-sec {
  float: none;
  margin-top: 20px;
}
@media (min-width: 768px) { .middle-sec {margin-top: 35px;} }

footer {
  border: 0;
  float: none;
  padding: 37px 0;
  font-size: inherit;
  color: inherit;
  background-color: #F6F6F6;
}
footer .container {
  gap: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 992px){
  footer .container {
    flex-direction: row;
  }
}