@media (min-width: 768px) and (max-width: 991.98px) {
  .merlinda-mobile-hero > .container > .row {
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 32px;
    align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .merlinda-mobile-hero > .container > .row > :first-child {
    order: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .merlinda-mobile-hero > .container > .row > :last-child {
    order: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .merlinda-mobile-hero > .container > .row > :last-child > div {
    width: 190px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .merlinda-mobile-hero > .container > .row > :last-child img {
    height: 240px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .merlinda-mobile-hero h1 {
    font-size: 2.375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .merlinda-mobile-hero p + .d-flex {
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion: no-preference) and (max-width: 991.98px) {
  .merlinda-mobile-hero .btn {
    transition: background-color .2s ease, box-shadow .2s ease;
  }
}

@media (prefers-reduced-motion: no-preference) and (max-width: 991.98px) {
  .merlinda-mobile-hero .btn:first-child:hover {
    background-color: #0669a8 !important;
  }
}