.nbtc__footer {
  .contact-lists {
    a {
      img {
        padding: 0.3rem;
        width: 100%;
        max-width: 34px;
        aspect-ratio: 1 / 1;
        object-fit: cover;
      }
      &:hover img {
        scale: 0.95;
      }
    }
  }
  .other-lists {
    li {
      .item-link {
        box-sizing: content-box;
        position: relative;
        display: flex;
        align-items: center;
        box-shadow: 0px 1px 0px var(--color-text-white);
        transition: box-shadow 300ms;
        .arrow {
          transition: opacity 300ms;
          margin-inline-start: auto;
          opacity: 0;
        }
        &:hover {
          box-shadow: 0px 2px 0px var(--color-text-white);
          .arrow {
            opacity: 1;
          }
        }
      }
    }
  }
  .form-subscribe {
    input,
    button {
      height: 40px;
    }
  }
  .policy {
    li {
      padding-inline: 0.5rem;
      &:not(:last-child) {
        border-right: 1px solid var(--color-text-white);
      }
      &:first-child {
        padding-inline-start: 0;
      }
      &:last-child {
        padding-inline-end: 0;
      }
    }
  }
  @media (max-width: 992px) {
    .other-lists {
      column-gap: 0.5rem;
      row-gap: 0.25rem;
      li {
        display: flex;
        &:not(:last-child)::after {
          content: "";
          padding-inline-start: 0.5rem;
          border-right: 1px solid var(--color-text-white);
        }
        .item-link {
          box-shadow: unset;
          padding-block: unset !important;
          line-height: 1;
          .arrow {
            display: none;
          }
          &:hover {
            box-shadow: unset;
          }
        }
      }
    }
    .policy {
      li {
        padding-inline: unset;
        border-right: unset !important;
      }
    }
    .form-subscribe {
      .input-group {
        max-width: 330px;
      }
    }
  }
}
.nbtc__region__footer {
  &.override__nbtc__area__footer {
    .information__container {
      grid-template-columns: repeat(3, 1fr);
      border-bottom: none;
      .map__pin {
        iframe {
          position: static;
          height: 224px;
        }
      }
    }
    .contact__container {
      border-bottom: unset;
    }
  }
  .information__container {
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 530px;
    border-bottom: 1px solid var(--color-text-light-gray-50);
    .information {
      .btn__tel {
        border-radius: 36px;
        .icon__tel {
          path {
            fill: var(--bs-red-50) !important;
          }
        }
      }
    }
    .map__pin {
      min-height: 100px;
      p {
        margin: unset;
        line-height: 0;
      }
      iframe {
        z-index: 8;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 100%;
        height: 290px;
      }
    }
  }
  .contact__container {
    border-bottom: 1px solid var(--color-text-light-gray-50);
    .contact {
    }
    .social {
      ul {
        li {
          img {
            padding: 0.3rem;
            width: 100%;
            max-width: 34px;
            aspect-ratio: 1 / 1;
            object-fit: cover;
          }
          &:hover img {
            scale: 0.95;
          }
        }
      }
    }
  }
  .policy__container {
    .policy {
      li:not(:last-child)::after {
        content: "";
        padding-inline-start: 1rem;
        border-right: 1px solid var(--color-text-white);
      }
      a {
        &:hover {
          opacity: 0.9;
        }
      }
    }
    .copyright {
    }
  }
  @media (max-width: 992px) {
    &.override__nbtc__area__footer {
      .information__container {
        grid-template-columns: repeat(1, 1fr);
        border-bottom: unset;
        .contact__container {
          order: 3;
        }
        .information {
          order: 2;
        }
        .map__pin {
          order: 1;
        }
      }
    }
    .information__container {
      grid-template-columns: repeat(1, 1fr);
      border-bottom: unset;
      .information {
        order: 2;
      }
      .map__pin {
        order: 1;
        iframe {
          height: 200px;
          width: 100%;
        }
      }
    }
    .contact__container {
      border-bottom: unset;
    }
    .policy__container {
      .policy {
        li:not(:last-child)::after {
          all: unset;
        }
      }
    }
  }
}

.site-footer {
  background: linear-gradient(to right, #cc0000, #666666);

  padding: 0px 0px;
}

.footer-content {
  margin-bottom: 20px;
}

.footer-title {
  font-weight: bold;
}

.footer_SocailMedia {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 2px solid rgb(253, 248, 248);
  background-color: rgb(216, 22, 15);
}

.footer_SocailMedia:hover {
  background-color: aliceblue;
}

.footer_SocailMedia img {
  border-radius: 50%;
  width: 100%;
  padding: 5px;
  object-fit: cover;
}

.colored-image {
  filter: brightness(0) invert(100%) sepia(100%) saturate(0%);
}

.colored-image:hover {
  filter: none;
}

.underline {
  border-bottom: 2px solid rgb(255, 255, 255);
  margin-bottom: 10px;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  /* Bootstrap ใช้ .d-flex */
  justify-content: space-between;
  /* Bootstrap ใช้ .justify-content-between */
  flex-wrap: wrap;
  /* Bootstrap ใช้ .flex-wrap */
}

.footer-link {
  color: white;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-copyright {
  text-align: center;
  /* Bootstrap ใช้ .text-center */
  margin-top: 10px;
}