/*
 * Copyright (c) 2024. IOWEB TECHNOLOGIES
 */
/*
 * Copyright (c) 2024. IOWEB TECHNOLOGIES
 */
/*
 * Copyright (c) 2024. IOWEB TECHNOLOGIES
 */
/*
 * Copyright (c) 2024. IOWEB TECHNOLOGIES
 */
.checkout-index-index .opc-wrapper .step-title {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}
@media (min-width: 769px), print {
  .checkout-index-index .table-checkout-shipping-method {
    width: 100%;
    max-width: 100%;
  }
  .checkout-index-index .col.col-method:first-child {
    max-width: 30px;
  }
  .checkout-index-index .col.col-price {
    max-width: 100px;
  }
  .checkout-index-index #opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .checkout-index-index .table-checkout-shipping-method tr.row {
    display: grid;
    grid-template-columns: 40px 100px auto;
    /* Define column sizes */
    width: 100%;
    /* Ensure the row takes full width of its container */
    border-bottom: 1px solid #eee;
    /* Optional: Add a border between rows */
  }
  .checkout-index-index .table-checkout-shipping-method td.col {
    display: block;
    /* Optional: Makes the <td> behave like block elements */
    padding: 5px;
  }
  .checkout-index-index .table-checkout-shipping-method td:nth-child(3),
  .checkout-index-index .table-checkout-shipping-method td:nth-child(4) {
    grid-column: 3;
    /* Places both the 3rd and 4th <td> elements in the 3rd column */
  }
  .checkout-index-index .table-checkout-shipping-method tbody td {
    border-top: 0;
  }
}