/* ===== R49 WHY CHOOSE MOBILE WIDTH FIX START ===== */

/*
  Mobile only.
  Reduce the excessive horizontal gutters in the "Bangladesh's #1 Name in
  Study Abroad" section without changing desktop/tablet architecture.
*/
@media (max-width: 720px) {
  .why-choose-section {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .why-choose-section > .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .why-choose-section .showcase-header {
    width: 100% !important;
    max-width: none !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .why-choose-section .saavisa-showcase {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 22px !important;
  }

  .why-choose-section .showcase-items-side,
  .why-choose-section .showcase-graph-side {
    width: 100% !important;
    min-width: 0 !important;
  }

  .why-choose-section .showcase-items-side {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .why-choose-section .showcase-item-row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }
}

/* Extra-small phones still keep a small safe edge. */
@media (max-width: 360px) {
  .why-choose-section {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .why-choose-section .showcase-items-side {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ===== R49 WHY CHOOSE MOBILE WIDTH FIX END ===== */
