body {
  background-color: #074784;
}

.menu-guideline {
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  background: url(../../../img/icon/bg2.jpg);
  position: relative;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center right;
  background-attachment: fixed;
}

.menu-guideline:before {
  background-color: #c1c4c898;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0%;
  top: 0%;
}

/* Remember Me — override Metronic checkbox border สำหรับ dark bg */
.form-check-solid .form-check-input {
  border-color: rgba(255, 255, 255, 0.4);
}

/* Mobile (<768px): form เต็มจอ, ซ่อน image */
@media (max-width: 767.98px) {
  .col-sm-6.menu-guideline.d-grid {
    display: none !important;
  }

  .container-fluid > .row > .col-sm-6:first-child {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
  }

  .container-fluid > .row > .col-sm-6:first-child > .row {
    width: 100%;
    max-width: 400px;
    padding: 0 16px;
  }

  .container-fluid > .row > .col-sm-6:first-child .col-8.offset-2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .container-fluid > .row > .col-sm-6:first-child .col-8.offset-2 .col-8.offset-2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

/* Tablet (768px - 991px): form กว้างขึ้น, image เล็กลง */
@media (min-width: 768px) and (max-width: 991.98px) {
  .container-fluid > .row > .col-sm-6:first-child {
    flex: 0 0 58.333%;
    max-width: 58.333%;
  }

  .menu-guideline {
    flex: 0 0 41.667%;
    max-width: 41.667%;
  }

  .container-fluid > .row > .col-sm-6:first-child .col-8.offset-2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

/* Desktop (≥992px): ปรับ form ให้ center ดีขึ้น */
@media (min-width: 992px) {
  .container-fluid > .row > .col-sm-6:first-child .col-8.offset-2 .col-8.offset-2 {
    flex: 0 0 83.333%;
    max-width: 83.333%;
    margin-left: 8.333%;
  }
}