.footer-top-border {
  width:100%;
  background: linear-gradient(to right,
  /* rgb(31, 134, 31),  
  rgb(31, 134, 31) 25%,
    rgb(240, 162, 61) 25%,
  rgb(240, 162, 61) 50%,
  rgb(33, 78, 177) 20%,
  rgb(33, 78, 177) 80%,
  rgb(248, 87, 12) 80%,
  rgb(248, 87, 12));
  height:10px; */

  rgb(136, 191, 116),  
  rgb(136, 191, 116) 25%, 
  rgb(252, 172, 23) 25%,
  rgb(252, 172, 23) 50%,
  rgb(33, 78, 161) 20%,
  rgb(33, 78, 161) 80%,
  rgb(248, 87, 12) 80%,
  rgb(248, 87, 12));
  height:10px;
}

.footer-box {
  width:100%;
  background-image: url(/portals/_default/skins/www/css/BG-Colour-Bars.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.footer-inside-container {
  max-width:87.5rem;
  padding:2rem;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  gap:4rem;
  color: #0E2767;
}

.footer-inside-container p {
  font-family: "Roboto", sans-serif!important;
}


.footer-inside-container a:link,
.footer-inside-container a:visited,
.footer-inside-container a:active,
.footer-inside-container a:hover {
  font-family: "Roboto", sans-serif;
  color: #0E2767;
  text-decoration: none;
  padding-right:0.18rem;
}

.footer-inside-container ul  {
  list-style: none;
  padding:0;
  margin:0;
}

footer h2 {
  color: #0E2767;
  font-family: "Roboto", sans-serif;
}

.footer-logo img {
  width:150px;
  height: auto;
  border-radius: 50%;
  box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.2);
}

.footer-col-2 {
  width:50%;
}

.footer-col2-list {
  display: flex;
  gap:3rem;
}

.footer-list1, .footer-list2 {
  line-height: 1.8rem;
}

.footer-col-3 {
  width:30%;
}

.footer-social-box {
  margin-top:3rem;
}

/*
.footer-icons .external {
  padding-right:0.18rem;
} */

.footer-bottom-box {
  width:100%;
  margin:0 auto;
  padding:1rem 2rem;
  background-color:#B3BD71;
}

.footer-bottom-text  {
  font-family: "Roboto", sans-serif;
  color:black;
  font-weight: bold;
  text-align: center;
}

.footer-bottom-text a:link,
.footer-bottom-text a:visited,
.footer-bottom-text a:active,
.footer-bottom-text a:hover  {
  font-family: "Roboto", sans-serif;
  color:black;
  font-weight: bold;
  text-decoration: none;
}


@media (max-width: 1000px) {
.footer-inside-container {
  width:90%;
  display: block;
}

.footer-col-1 {
  margin-bottom:2rem;
}

.footer-col-2, .footer-col-3 {
  width:100%;
}

.footer-col-3 {
  margin-top:2.2rem;
}
}

@media (max-width: 440px) {
.footer-inside-container {
  padding-left:0;
  padding-right:0;
}

footer h2 {
  font-size:1.2rem!important;
  font-weight: 600!important;
}

}