/*footer-container---start*/

.row-footer::after{
  content: "";
  clear:both;
  display: table;
}
.row-footer{
  width:100%;
  background-color: transparent;
}
.footer-container {
  /* grid-template-columns: 1fr 1fr 1fr; */
  text-align: center;
  padding: 0;
  color: #FFF;
  background-color: #3a5746;
  width:100%;
  font-size:12pt;
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.footer-container p{
  margin:0;
  padding:0;

}
.footer-container > div{
  display: flex;
  flex-flow: row;
}

.copyright-footer{
  padding:16px;
  background-color: #2a4736;
  width:100%;
}

.footer-list-icons li img{
  width:32px;
  height:32px;
  display:inline-block;
}
.footer-list-icons li {
  display:inline-block;
}

.supported-icons img{
  height:78px;
  width:auto;
  padding:8px;
  text-align: center;
  float:left;
}

.footer-list{
  text-align: left;
  list-style: none;
  margin:0 auto;
  padding:0;
}
.footer-list > span{
  font-weight: bold;
  font-size:18pt;
}

.footer-list > span > img {
  vertical-align: middle;
  opacity: 0.25;
  padding: 2px;
  margin-left:-32px;
}

footer .footer-head{
  color:white;
  font-weight: 500;
}

.footer-list > li{
  padding:2px 4px;
}
.footer-list > li a{
  color:white;
}
.footer-list > li a:hover{
  text-decoration: underline;
}
.copyright-footer{
  background-color: #274633;
  
}
.row-footer > .col-3{
  padding:16px;
}
.pnty {
  text-align: center;
  font-size: small;
}
.row-footer-upper{
  max-width:1200px;
  margin:0 auto;
  padding:8px;
}

/* .ft {
  grid-column-start: 1;
} */

/*footer-container---end*/

.supported {
  margin: 0;
  padding: 0;
}

.supported p {
  padding: 0;
  font-size: 11px;
}

@media (min-width: 768px) and (max-width: 979px) {

  .footer-container {
    text-align: center;
  }
  .footer-list{
    text-align: center;
  }
  .footer-container > div{
    flex-flow: row;
  }
}

@media (max-width: 767px) {

  .footer-container {
    text-align: center;
  }
  .footer-list{
    text-align: center;
  }
  .footer-container > div{
    flex-flow: column;
  }
}

@media (max-width: 480px) {

  .footer-container {
    text-align: center;
  }
  .footer-list{
    text-align: center;
  }
  .footer-container > div{
    flex-flow: column;
  }
}