.footer-section {
  background: #28192c;
}
.footer-section .footer-col .footer_title {
  font-size: 26px;
  line-height: 32px;
}
.footer-section .footer-col ul li {
  position: relative;
}
.footer-section .footer-col ul li:not(:last-child) {
  padding-bottom: 16px;
}
.footer-section .footer-col ul li a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}
.footer-section .footer-col ul 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 .footer-col ul li.mail a::before{
  width: 20px;
  height: 16px;
   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 .footer-col ul 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 .footer-col ul li a:hover {
  padding-left: 4px;
  color: var(--red);
}
/* footer bottom */
.footer-bottom{

  padding-top: 20px;
}
.copyright-box p{
  font-size: 16px;
  line-height: 28px;
}
@media only screen and (max-width:768px){
  .footer-section .footer-col ul li a{
    font-size: 14px;
    line-height: 24px;
  }
  .footer-section .footer-col ul li:not(:last-child){
    padding-bottom: 8px;
  }
  .footer-section .footer-col .footer_title{
    font-size: 18px;
    line-height: 24px;
  }
  .footer-section .footer_middle_area .email_text .email_link,.copyright-box p{
    font-size: 14px;
    line-height: 24px;
  }
  .copyright-box p{
    text-align: center;
  }
  
}