@media (max-width: 768px) {
  .footer-section .widget h2 {
    cursor: pointer;
  }
  .footer-section .widget-area div,
  .footer-section .widget-area ul,
  .footer-section .widget-area span {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .footer-section .widget h2.footer-title:after {
    content: "+";
    width: 25px;
    float: right;
  }
  .footer-section .widget.open h2.footer-title:after {
    content: "−";
    width: 25px;
  }
  .footer-section .widget-area .widget.open div,
  .footer-section .widget-area .widget.open ul,
  .footer-section .widget-area .widget.open span {
    height: auto;
    max-height: 500px;
    transition: max-height 0.3s ease-in !important;
  }
}