.footer-section {
background: #0C0C0D;
}

.footer-section .footer-col{
    padding: 0;
  margin: 0;
  list-style: none;   
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.footer-col-info{
     padding: 0;
  margin: 0;
  list-style: none;   
  display: flex;
  justify-content: flex-end; 
  gap: 20px;
}
.footer-section .footer-col  li {
  position: relative;
  list-style: none;
}

.footer-section   li a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}
.footer-section  li a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fff' d='M754.8 480H160a32 32 0 1 0 0 64h594.8L521.3 777.3a32 32 0 0 0 45.4 45.4l288-288a32 32 0 0 0 0-45.4l-288-288a32 32 0 1 0-45.4 45.4z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  margin-right: 10px;
  vertical-align: middle;
}

.footer-section   li.mail a::before{
  width: 20px;
  height:20px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0l-8 5l-8-5zm0 12H4V8l8 5l8-5z'/%3E%3C/svg%3E");
   background-repeat: no-repeat; 
}
.footer-section  li.phone a::before{
  width: 20px;
  height: 20px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='12.5' height='18.5' x='5.75' y='2.75' rx='3'/%3E%3Cpath d='M11 17.75h2'/%3E%3C/g%3E%3C/svg%3E"); 
}

.footer-section   li a:hover {
  /* padding-left: 4px; */
  color: orange; 
}
/* footer bottom */
.footer-bottom-row{
  background: #11323d;
}
.copyright-box p{
  font-size: 16px;
  line-height: 28px;
}
@media only screen and (max-width:768px){
  .footer-section   li a{
    font-size: 14px;
    line-height: 24px;
  }
  .footer-section   li:not(:last-child){
    padding-bottom: 8px;
  }

  .footer-section .footer_middle_area .email_text .email_link,.copyright-box p{
    font-size: 14px;
    line-height: 24px;
  }
  .copyright-box p{
    text-align: center;
  }

  .footer-section .footer-col {
    gap: 0;
    flex-wrap: wrap;
    flex-direction: column;
}

.footer-bottom-row .row{
  flex-direction: column-reverse;
}

.footer-col-info {
    justify-content: flex-start;

}
  
}