@mixin r($point) {
  @if $point==1280 {
    @media (max-width: 1280px) {
      @content;
    }
  }
  @if $point==1480 {
    @media (max-width: 1480px) {
      @content;
    }
  }
  @if $point==1500 {
    @media (max-width: 1500px) {
      @content;
    }
  }
}



.settings_cards_grid {
  // gap: 20px;
  // grid-template-columns: repeat(auto-fit, minmax(16.5625rem, 1fr));
  // .m-icon--wightSlab {
  //   background-image: url("../icons/new/Weight\ Slab.svg");
  //   width: 2.5rem;
  //   height: 2.5rem;
  // }
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  @include r(1480) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    // height: 100%;
  }

  padding: 1.5rem 2rem;
  overflow-y: auto;

  .card {
    box-shadow: unset;
    border: 1px solid var(--bs-border-color);
    transition: all 0.1s ease-in;
    cursor: pointer;
    height: 100%;

    &:hover {
      transform: scale(1.02);
      background-color: #fafafa;
    }
    &:hover .card-body p {
      color: var(--bs-link-color);
    }
    .card-body {
      p {
        color: #000;
        text-align: center;
        font-size: 1rem !important;
      }
      .pv-setting-card-des {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        .m-icon {
        }
      }
      a {
        flex-direction: column;
      }
    }
  }

  .m-icon--hsncode {
    background-image: url('../icons/setting-Icon/hsn.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageTax {
    background-image: url('../icons/setting-Icon/tax.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageLayout {
    background-image: url('../icons/setting-Icon/manage_layout.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageMenu {
    background-image: url('../icons/setting-Icon/manage_menu.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--flashSaleCollection {
    background-image: url('../icons/setting-Icon/flash_sale_collection.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageCollection {
    background-image: url('../icons/setting-Icon/product_colllecton.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageStaticPage {
    background-image: url('../icons/setting-Icon/manage_static_pages.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageCSC {
    background-image: url('../icons/setting-Icon/category_attribute_comarison.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  // .m-icon--flshsale {
  //   background-image: url("../icons/new/FlashSaleCollection.svg");
  //   width: 2.5rem;
  //   height: 2.5rem;
  // }

  .m-icon--manageDelivery {
    background-image: url('../icons/setting-Icon/manage_delivery.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--weightslab {
    background-image: url('../icons/setting-Icon/weight_slab.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageAdmin {
    background-image: url('../icons/setting-Icon/manage_admin.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--issueandrejection {
    background-image: url('../icons/setting-Icon/issue_and_rejection.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--managechargespaid {
    background-image: url('../icons/setting-Icon/manage_charges+paid_by.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageRoles {
    background-image: url('../icons/setting-Icon/manage_roles.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageOrder {
    background-image: url('../icons/setting-Icon/order_settings.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--assignpagerole {
    background-image: url('../icons/setting-Icon/assign_roles.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageconfig {
    background-image: url('../icons/setting-Icon/config.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--managereturn {
    background-image: url('../icons/setting-Icon/manage_return.svg');
    width: 2.5rem;
    height: 2.5rem;
  }

  .m-icon--manageExtraCharge {
    background-image: url('../icons/new/Extra\ Charges.svg');
    width: 2.5rem;
    height: 2.5rem;
  }
}