.footer {

  background-color: #0047B9;
  color: #FFFFFF;
  padding: 5.63rem 10.19rem 4rem 10.06rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
}



.footer-logo .logo{
  display: block;
  background-size: 100% 100%;
  width: 9.38rem;
}

.social-icons {
  display: flex;
  gap: 1.19rem;
  margin-top: 1.56rem;
  margin-bottom: 2.44rem;

}

.social-icons a {
  color: #FFFFFF;
  text-decoration: none;
  width: 1.94rem;
  height: 1.94rem;
  border-radius: 0.38rem;
  border: 0.06rem solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  transition: background-color 0.3s ease;

}
.social-icons a img{

  width:100%;
}

.social-icons a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.copyright {
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #76A6F4;
  line-height: 3rem;
}

.footer-column{

max-width:22%;
}
.footer-column:nth-child(2){
  margin-left: 13rem;
  margin-right: 17.5rem;
}
.footer-column:nth-child(3){
}
.footer-column h3 {
  font-family: Arial;
  font-weight: 900;
  font-size: 1.25rem;
  color: #FFFFFF;
  line-height: 3rem;
}

.footer-column ul {
  list-style: none;
}


.footer-column ul li a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  font-size: 1.13rem;
  line-height: 3.4rem;
  transition: color 0.3s ease;
  font-family: Arial;
  font-weight: normal;
  background: linear-gradient(to right, #FFFFFF, #FFFFFF);
  background-size: 0 100%;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  transition: background-size 0.3s ease;
  display: inline-block;
}

.footer-column ul li a:hover {
  color: #B3D4FF;
  background-size: 100% 100%;
  color: transparent;
}

.back-to-top {
  position: absolute;
  bottom: 14.81rem;
  right: 2.88rem;
 width: 3.19rem;
height: 3.19rem;
background: rgba(0,0,0,0.2);
border-radius: 50%;
border: 0.06rem solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  z-index33333;
  cursor:pointer;
  align-items: center;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
}

.back-to-top:hover {
  background-color: #004080;
}
.fa-arrow-up img{
  width:1.02rem;
}