footer {
    height: auto;
    background: linear-gradient(to bottom, rgba(30, 31, 31, 0.6), rgba(30, 31, 31, 0.6)),
      url("/landing-page/duhoc-hanquoc/images/1x/background-footer.png") no-repeat center / cover !important;
    width: 100%;
    padding: 20px 14.4px 20px 40px;
    color: #ccc
  }
  
  .text-detail {
    font-size: 12px !important;
    padding-right: 20px;
  }
  
  .text-detail p {
    line-height: 1.5;
  }
  
  .contact-info-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 9.92px;
  }
  
  .contact-info-title {
    font-weight: 600;
  }
  
  .contact-info-detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
  }
  
  .logo-footer {
    padding: 16px 0 0 0;
  }

  .logo-footer img {
    width: 150px !important;
    height: auto;
  }
  
  .certificates-info ul {
    list-style-type: "- ";
    padding: 0 16px 0 0;
  }
  
  .google-map-container .map {
    width: 100%;
    height: calc(100% - 20px);
  }
  
  .google-map-container .map iframe {
    width: 100%;
    height: 100%;
    border: none;
  }
  
  .social-interaction {
    display: flex;
    align-self: flex-end;
  }
  
  .social {
    position: relative;
    padding-bottom: 1.25rem;
    width: 100%;
  }
  
  .icon-notification {
    position: absolute;
    top: calc(-100% + 41.92px);
  }
  
  .social img.facebook-contact {
    width: 100%;
    margin-top: 9.92px;
  }
  
  .social iframe {
    width: 100px;
    height: 6.25rem;
    border: none;
    margin-top: 9.92px;
  }
  .gap-5 {
    gap: 5px;
  }
  
  .gap-10 {
    gap: 15px;
  }
  /* -----------------------------------------------------------Media Query------------------------------------------------------ */
  
  @media (max-width: 768px) {
    footer {
      height: auto;
    }
    .logo-footer {
      display: none;
    }
    .contact-info-container {
      flex-direction: column;
    }
    .icon-notification {
      display: none;
    }
  }