.freebies-edit {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-input,
  .add-listing-container input[type="text"],
  .add-listing-container textarea {
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: none;
    background: #F4F4F4;
    font-size: 16px;
    font-weight: 400;

    /* margin-bottom: 32px; */
    box-sizing: border-box;
    resize: none;
    height: 54px;

  }

  .add-listing-input {
    ::placeholder {
      color: #BEBEBE !important;
      opacity: 1;
    }

  }

  .add-listing-label {
    display: block;
    margin-bottom: 4px;


  }

  .add-listing-title {

    font-weight: 700;
    font-size: 24px;
    line-height: 100%;

    color: #080808;

    margin-bottom: 32px;
    margin-top: 0;
    height: 30px;
  }

  .add-listing-container textarea {

    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 4px;

  }

  .add-listing-container {
    width: 100%;
    gap: 40px;
    border-radius: 10px;

  }

  .add-listing-container textarea {
    min-height: 120px;
    min-width: 750px;
  }

  .logo-upload-box {
    border: 2px dashed #bdbdbd;
    background: #F4F4F4;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }

  .map-placeholder {
    margin-bottom: 32px;
  }

  .custom-select {
    position: relative;
    margin-bottom: 32px;
  }

  .custom-select select {
    width: 100%;
    padding: 22px 40px 22px 24px;
    border-radius: 10px;
    border: none;
    background: #f5f5f5;
    font-size: 24px;
    color: #222;
    appearance: none;
    outline: none;
  }

  .select-arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    color: #888;
  }

  .checkbox-section {
    margin: 40px 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;


    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 16px;
  }

  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
  }

  .check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark {
    border: 2px solid #2DC5B5;
    background: #2DC5B5;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    /* Increased width for a longer tick */
    height: 15px;
    /* Increased height for a longer tick */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /* Thicker and more visible */
    border-radius: 2px;
    transform: translate(-50%, -60%) rotate(35deg);
    /* Adjusted for better centering */
    box-sizing: border-box;
  }


  .add-listing-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .listing-options-box {
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
    border-radius: 10px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 100% !important;
    max-width: 100%;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    display: none !important;
  }

  .custom-radio::before {
    display: none !important;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .opening-hours-section {

    margin-bottom: 32px;
    width: 750px;

  }

  .opening-hours-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }

  .opening-hours-row-price {
    display: flex;
    align-items: center;
    gap: 1px;
    margin-top: 12px;
  }

  .opening-box {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    min-width: 199px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;
  }

  .opening-box-offer {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 750px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price-type {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 64px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 685px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-clear {
    height: 10px;
    width: 10px;
    background: none;
    border: none;
    color: #888;
    font-size: 22px;
    margin-left: 12px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: color 0.2s;
  }

  .opening-save-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 29px;
    padding: 10px 38px;

    transition: background 0.2s;
    width: 118px;
    height: 54px;

  }

  .opening-save-btn:hover {
    background: #5c1780;
  }

  .toggle-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
  }

  .toggle-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
  }

  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #741FA2;
    border-radius: 24px;
    transition: background 0.2s;
  }

  .slider:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
  }

  .toggle-switch input:checked+.slider {
    background: #741FA2;
  }

  .toggle-switch input:checked+.slider:before {
    transform: translateX(14px);
  }



  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .opening-save-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;
    }

    .opening-hours-row,
    .opening-hours-row-price {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .opening-box,
    .opening-box-offer,
    .opening-box-price-type,
    .opening-box-price,
    .opening-save-btn {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box;
    }

    .opening-hours-section {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow-x: auto;
    }

    .add-listing-container {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
  }
}

/* freebies dashboard */

.freebies-dashboard {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;


  }

  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;

  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }

}

/* freebies-dashboard-updated */
.Freebies-dashboard-updated {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }


  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* Success Message Styles */
  .success-message {
    display: flex;
    align-items: center;
    background: #E7FBF1;
    color: #11D577;
    border-radius: 6px;
    padding: 22px 24px;
    margin-bottom: 32px;
    margin-top: 0;

    position: relative;
    height: 64px;
    box-sizing: border-box;

    width: 100%;

  }

  .success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    background: #11D577;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }



  .success-icon-tick {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    pointer-events: none;

  }


  .success-icon-tick img {
    width: 24px;
    height: 24px;
    display: block;

  }

  .success-text {
    flex: 1;
    color: #11D577;
    font-size: 16px;
    font-weight: 700;
  }

  .success-close {
    background: none;
    border: none;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 24px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* Freebies-dashboard-submitted */

.Freebies-dashboard-submitted {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }


  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* Success Message Styles */
  .success-message {
    display: flex;
    align-items: center;
    background: #E7FBF1;
    color: #11D577;
    border-radius: 6px;
    padding: 22px 24px;
    margin-bottom: 32px;
    margin-top: 0;

    position: relative;
    height: 64px;
    box-sizing: border-box;

    width: 100%;

  }

  .success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    background: #11D577;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }



  .success-icon-tick {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    pointer-events: none;

  }


  .success-icon-tick img {
    width: 24px;
    height: 24px;
    display: block;

  }

  .success-text {
    flex: 1;
    color: #11D577;
    font-size: 16px;
    font-weight: 700;
  }

  .success-close {
    background: none;
    border: none;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 24px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* discounts-edit */

.discounts-edit {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-input,
  .add-listing-container input[type="text"],
  .add-listing-container textarea {
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: none;
    background: #F4F4F4;
    font-size: 16px;
    font-weight: 400;

    /* margin-bottom: 32px; */
    box-sizing: border-box;
    resize: none;
    height: 54px;

  }

  .add-listing-input {
    ::placeholder {
      color: #BEBEBE !important;
      opacity: 1;
    }

  }

  .add-listing-label {
    display: block;
    margin-bottom: 4px;


  }

  .add-listing-title {

    font-weight: 700;
    font-size: 24px;
    line-height: 100%;

    color: #080808;

    margin-bottom: 32px;
    margin-top: 0;
    height: 30px;
  }

  .add-listing-container textarea {

    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 4px;

  }

  .add-listing-container {
    width: 100%;
  }

  .add-listing-container textarea {
    min-height: 120px;
    min-width: 750px;
  }

  .logo-upload-box {
    border: 2px dashed #bdbdbd;
    background: #F4F4F4;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }

  .map-placeholder {
    margin-bottom: 32px;
  }

  .custom-select {
    position: relative;
    margin-bottom: 32px;
  }

  .custom-select select {
    width: 100%;
    padding: 22px 40px 22px 24px;
    border-radius: 10px;
    border: none;
    background: #f5f5f5;
    font-size: 24px;
    color: #222;
    appearance: none;
    outline: none;
  }

  .select-arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    color: #888;
  }

  .checkbox-section {
    margin: 40px 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;


    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 16px;
  }

  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
  }

  .check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;

    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark {
    border: 2px solid #2DC5B5;
    background: #2DC5B5;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    /* Increased width for a longer tick */
    height: 18px;
    /* Increased height for a longer tick */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /* Thicker and more visible */
    border-radius: 2px;
    transform: translate(-50%, -60%) rotate(35deg);
    /* Adjusted for better centering */
    box-sizing: border-box;
  }


  .add-listing-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
    gap: 10px;

  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .opening-hours-section {

    margin-bottom: 32px;
    width: 750px;

  }

  .opening-hours-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }

  .opening-hours-row-price {
    display: flex;
    align-items: center;
    gap: 1px;
    margin-top: 12px;
  }

  .opening-box {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    min-width: 199px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;
  }

  .opening-box-offer {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 750px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price-type {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 64px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 685px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-clear {
    height: 10px;
    width: 10px;
    background: none;
    border: none;
    color: #888;
    font-size: 22px;
    margin-left: 12px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: color 0.2s;
  }

  .opening-save-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 29px;
    padding: 10px 38px;

    transition: background 0.2s;
    width: 118px;
    height: 54px;

  }

  .opening-save-btn:hover {
    background: #5c1780;
  }

  .toggle-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
  }

  .toggle-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
  }

  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #741FA2;
    border-radius: 24px;
    transition: background 0.2s;
  }

  .slider:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
  }

  .toggle-switch input:checked+.slider {
    background: #741FA2;
  }

  .toggle-switch input:checked+.slider:before {
    transform: translateX(14px);
  }


  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .opening-save-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;
    }

    .opening-hours-row,
    .opening-hours-row-price {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .opening-box,
    .opening-box-offer,
    .opening-box-price-type,
    .opening-box-price,
    .opening-save-btn {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box;
    }

    .opening-hours-section {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow-x: auto;
    }

    .add-listing-container {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
  }
}

/* discounts-dashboard */

.discounts-dashboard {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }

  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-items: center;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }



  /* ...existing code... */

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }


  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }

}

/* .discounts-dashboard-updated */

.discounts-dashboard-updated {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }


  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* Success Message Styles */
  .success-message {
    display: flex;
    align-items: center;
    background: #E7FBF1;
    color: #11D577;
    border-radius: 6px;
    padding: 22px 24px;
    margin-bottom: 32px;
    margin-top: 0;

    position: relative;
    height: 64px;
    box-sizing: border-box;

    width: 100%;

  }

  .success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;

    background: #11D577;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }



  .success-icon-tick {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    pointer-events: none;

  }


  .success-icon-tick img {
    width: 24px;
    height: 24px;
    display: block;

  }

  .success-text {
    flex: 1;
    color: #11D577;
    font-size: 16px;
    font-weight: 700;
  }

  .success-close {
    background: none;
    border: none;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 24px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* discounts-dashboard-submitted */

.discounts-dashboard-submitted {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }


  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* Success Message Styles */
  .success-message {
    display: flex;
    align-items: center;
    background: #E7FBF1;
    color: #11D577;
    border-radius: 6px;
    padding: 22px 24px;
    margin-bottom: 32px;
    margin-top: 0;

    position: relative;
    height: 64px;
    box-sizing: border-box;

    width: 100%;

  }

  .success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;

    background: #11D577;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }



  .success-icon-tick {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    pointer-events: none;

  }


  .success-icon-tick img {
    width: 24px;
    height: 24px;
    display: block;

  }

  .success-text {
    flex: 1;
    color: #11D577;
    font-size: 16px;
    font-weight: 700;
  }

  .success-close {
    background: none;
    border: none;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 24px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }

}

/* companies-edit */

.companies-edit {

  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-input,
  .add-listing-container input[type="text"],
  .add-listing-container textarea {
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: none;
    background: #F4F4F4;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    /* margin-bottom: 32px; */
    box-sizing: border-box;
    resize: none;
    height: 54px;
    gap: 4px;

  }

  .add-listing-input {
    ::placeholder {
      color: #BEBEBE !important;
      opacity: 1;
    }

  }


  .add-listing-title {

    font-weight: 700;
    font-size: 24px;
    line-height: 100%;

    color: #080808;
    margin-bottom: 32px;
    margin-top: 0;
    height: 30px;
  }

  .add-listing-container textarea {
    width: 100%;
    height: 54px;
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 4px;

  }

  .add-listing-container textarea {
    min-height: 120px;
  }

  .logo-upload-box {
    background: #F4F4F4;
    width: 100%;
    min-height: 160px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }

  .map-placeholder {
    margin-bottom: 32px;
  }

  .custom-select {
    position: relative;
    margin-bottom: 32px;
  }

  .custom-select select {
    width: 100%;
    padding: 22px 40px 22px 24px;
    border-radius: 10px;
    border: none;
    background: #f5f5f5;
    font-size: 24px;
    color: #222;
    appearance: none;
    outline: none;
  }

  .select-arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    color: #888;
  }

  .checkbox-section {
    margin: 40px 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;


    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 16px;
  }

  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
  }

  .check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;

    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark {
    border: 2px solid #2DC5B5;
    background: #2DC5B5;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    /* Increased width for a longer tick */
    height: 18px;
    /* Increased height for a longer tick */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /* Thicker and more visible */
    border-radius: 2px;
    transform: translate(-50%, -60%) rotate(35deg);
    /* Adjusted for better centering */
    box-sizing: border-box;
  }


  .add-listing-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
    gap: 10px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .listing-options-box {
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
    border-radius: 10px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 0;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .logo-upload-box {
    border: 2px dashed #bdbdbd;
    background: #F4F4F4;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }


  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .opening-save-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;
    }

    .opening-hours-row,
    .opening-hours-row-price {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .opening-box,
    .opening-box-offer,
    .opening-box-price-type,
    .opening-box-price,
    .opening-save-btn {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box;
    }

    .opening-hours-section {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow-x: auto;
    }

    .add-listing-container {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
  }

}

/* Companies-dashboard */

.Companies-dashboard {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .companies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .companies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-items: center;
  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;

  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
    align-content: center;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* Companies-dashboard-updated */

.Companies-dashboard-updated {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;
  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }

  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .companies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .companies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-items: center;
  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;

  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
    align-content: center;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* Success Message Styles */
  .success-message {
    display: flex;
    align-items: center;
    background: #E7FBF1;
    color: #11D577;
    border-radius: 6px;
    padding: 22px 24px;
    margin-bottom: 32px;
    margin-top: 0;

    position: relative;
    height: 64px;
    box-sizing: border-box;

    width: 100%;

  }

  .success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;

    background: #11D577;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }



  .success-icon-tick {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    pointer-events: none;

  }


  .success-icon-tick img {
    width: 24px;
    height: 24px;
    display: block;

  }

  .success-text {
    flex: 1;
    color: #11D577;
    font-size: 16px;
    font-weight: 700;
  }

  .success-close {
    background: none;
    border: none;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 24px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .success-message {
      width: 100%;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* companies-dashboard-submitted */

.companies-dashboard-submitted {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;
  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }

  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .companies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .companies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-items: center;
  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;

  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
    align-content: center;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* Success Message Styles */
  .success-message {
    display: flex;
    align-items: center;
    background: #E7FBF1;
    color: #11D577;
    border-radius: 6px;
    padding: 22px 24px;
    margin-bottom: 32px;
    margin-top: 0;

    position: relative;
    height: 64px;
    box-sizing: border-box;

    width: 100%;

  }

  .success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;

    background: #11D577;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }



  .success-icon-tick {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    pointer-events: none;

  }


  .success-icon-tick img {
    width: 24px;
    height: 24px;
    display: block;

  }

  .success-text {
    flex: 1;
    color: #11D577;
    font-size: 16px;
    font-weight: 700;
  }

  .success-close {
    background: none;
    border: none;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 24px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .success-message {
      width: 100%;
      ;
    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* deals-edit */

.deals-edit {

  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-input,
  .add-listing-container input[type="text"],
  .add-listing-container textarea {
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: none;
    background: #F4F4F4;
    font-size: 16px;
    font-weight: 400;

    /* margin-bottom: 32px; */
    box-sizing: border-box;
    resize: none;
    height: 54px;

  }

  .add-listing-input {
    ::placeholder {
      color: #BEBEBE !important;
      opacity: 1;
    }

  }

  .add-listing-label {
    display: block;
    margin-bottom: 4px;


  }

  .add-listing-title {

    font-weight: 700;
    font-size: 24px;
    line-height: 100%;

    color: #080808;

    margin-bottom: 32px;
    margin-top: 0;
    height: 30px;
  }

  .add-listing-container textarea {

    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 4px;

  }

  .add-listing-container textarea {
    min-height: 120px;
    min-width: 750px;
  }

  .logo-upload-box {
    border: 2px dashed #bdbdbd;
    background: #F4F4F4;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }

  .map-placeholder {
    margin-bottom: 32px;
  }

  .custom-select {
    position: relative;
    margin-bottom: 32px;
  }

  .custom-select select {
    width: 100%;
    padding: 22px 40px 22px 24px;
    border-radius: 10px;
    border: none;
    background: #f5f5f5;
    font-size: 24px;
    color: #222;
    appearance: none;
    outline: none;
  }

  .select-arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    color: #888;
  }

  .checkbox-section {
    margin: 40px 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;


    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 16px;
  }

  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
  }

  .check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    top: 3px;
    left: 3px;
    border-radius: 2px;

    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark {
    border: 2px solid #2DC5B5;
    background: #2DC5B5;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    /* Increased width for a longer tick */
    height: 18px;
    /* Increased height for a longer tick */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /* Thicker and more visible */
    border-radius: 2px;
    transform: translate(-50%, -60%) rotate(35deg);
    /* Adjusted for better centering */
    box-sizing: border-box;
  }


  .add-listing-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
    gap: 10px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .opening-hours-section {

    margin-bottom: 32px;
    width: 750px;

  }

  .opening-hours-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }

  .opening-hours-row-price {
    display: flex;
    align-items: center;
    gap: 1px;
    margin-top: 12px;
  }

  .opening-box {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    min-width: 199px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;
  }

  .opening-box-offer {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 750px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price-type {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 64px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 685px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-clear {
    height: 10px;
    width: 10px;
    background: none;
    border: none;
    color: #888;
    font-size: 22px;
    margin-left: 12px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: color 0.2s;
  }

  .opening-save-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 29px;
    padding: 10px 38px;

    transition: background 0.2s;
    width: 118px;
    height: 54px;

  }

  .opening-save-btn:hover {
    background: #5c1780;
  }

  .toggle-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
  }

  .toggle-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
  }

  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #741FA2;
    border-radius: 24px;
    transition: background 0.2s;
  }

  .slider:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
  }

  .toggle-switch input:checked+.slider {
    background: #741FA2;
  }

  .toggle-switch input:checked+.slider:before {
    transform: translateX(14px);
  }


  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .opening-save-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;
    }

    .opening-hours-row,
    .opening-hours-row-price {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .opening-box,
    .opening-box-offer,
    .opening-box-price-type,
    .opening-box-price,
    .opening-save-btn {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box;
    }

    .opening-hours-section {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow-x: auto;
    }

    .add-listing-container {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
  }

}

/* deals-dashboard */

.deals-dashboard {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }

  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-items: center;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* deals-dashboard-updated */

.deals-dashboard-updated {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }


  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* Success Message Styles */
  .success-message {
    display: flex;
    align-items: center;
    background: #E7FBF1;
    color: #11D577;
    border-radius: 6px;
    padding: 22px 24px;
    margin-bottom: 32px;
    margin-top: 0;

    position: relative;
    height: 64px;
    box-sizing: border-box;

    width: 100%;

  }

  .success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    background: #11D577;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }



  .success-icon-tick {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    pointer-events: none;

  }


  .success-icon-tick img {
    width: 24px;
    height: 24px;
    display: block;

  }

  .success-text {
    flex: 1;
    color: #11D577;
    font-size: 16px;
    font-weight: 700;
  }

  .success-close {
    background: none;
    border: none;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 24px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }


    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }

}

/* deals-dashboard-submitted */

.deals-dashboard-submitted {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .myaccount .searchstoremain .listitemsright {
    padding: 0;
  }


  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .freebies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .freebies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th,
  .companies-table td {
    padding: 12px 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-content: center;

  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;
    align-content: center;


  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* Success Message Styles */
  .success-message {
    display: flex;
    align-items: center;
    background: #E7FBF1;
    color: #11D577;
    border-radius: 6px;
    padding: 22px 24px;
    margin-bottom: 32px;
    margin-top: 0;

    position: relative;
    height: 64px;
    box-sizing: border-box;

    width: 100%;

  }

  .success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;

    background: #11D577;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }



  .success-icon-tick {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    pointer-events: none;

  }


  .success-icon-tick img {
    width: 24px;
    height: 24px;
    display: block;

  }

  .success-text {
    flex: 1;
    color: #11D577;
    font-size: 16px;
    font-weight: 700;
  }

  .success-close {
    background: none;
    border: none;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 24px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
      align-content: center;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* add-deals-form1 */

.add-deals-form1 {
  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;


  }

  .add-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
    width: 150px;
    height: 30px;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .custom-select {
    position: relative;
    margin-bottom: 24px;
  }

  .custom-select select {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border-radius: 8px;
    border: none;
    background: #f5f5f5;
    font-size: 16px;
    appearance: none;
    outline: none;
    color: #bdbdbd;
    cursor: not-allowed;
  }

  .select-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #888;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 12px;
    padding: 24px 24px 24px 24px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;

  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 3px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .add-listing-actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;

  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .pricing-btn {
    background: #fff;
    color: #741FA2;
    border: 2px solid #741FA2;
    border-radius: 32px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
    height: 54px;
  }

  .pricing-btn:hover {
    background: #f5eafd;
    color: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* add-deals-form2 */

.add-deals-form2 {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-container {
    background: #fff;
    border-radius: 10px;
    margin-top: 24px;
    gap: 40px;


  }

  .add-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
    width: 150px;
    height: 30px;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .custom-select {
    position: relative;
    margin-bottom: 24px;
  }

  .custom-select select {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border-radius: 8px;
    border: none;
    background: #f5f5f5;
    font-size: 16px;
    appearance: none;
    outline: none;
    color: #bdbdbd;
    cursor: not-allowed;
  }

  .select-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #888;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 100% !important;
    padding-left: 0 !important;
    max-width: 100%;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .add-listing-actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    gap: 10px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .pricing-btn:hover {
    background: #f5eafd;
    color: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 40px 15px 40px;
    }

  }
}

/* add-deals-form3 */

.add-deals-form3 {

  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-input,
  .add-listing-container input[type="text"],
  .add-listing-container textarea {
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: none;
    background: #F4F4F4;
    font-size: 16px;
    font-weight: 400;

    /* margin-bottom: 32px; */
    box-sizing: border-box;
    resize: none;
    height: 54px;

  }

  .add-listing-input {
    ::placeholder {
      color: #BEBEBE !important;
      opacity: 1;
    }

  }

  .add-listing-label {
    display: block;
    margin-bottom: 4px;


  }

  .add-listing-title {

    font-weight: 700;
    font-size: 24px;
    line-height: 100%;

    color: #080808;
    margin-bottom: 32px;
    margin-top: 0;
    width: 131px;
    height: 30px;
  }

  .add-listing-container textarea {

    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 4px;

  }

  .add-listing-container {
    width: 100%;
    border-radius: 10px;
  }

  .add-listing-container textarea {
    min-height: 120px;
    min-width: 750px;
  }

  .logo-upload-box {
    border: 2px dashed #bdbdbd;
    background: #F4F4F4;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }

  .map-placeholder {
    margin-bottom: 32px;
  }

  .custom-select {
    position: relative;
    margin-bottom: 32px;
  }

  .custom-select select {
    width: 100%;
    padding: 22px 40px 22px 24px;
    border-radius: 10px;
    border: none;
    background: #f5f5f5;
    font-size: 24px;
    color: #222;
    appearance: none;
    outline: none;
  }

  .select-arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    color: #888;
  }

  .checkbox-section {
    margin: 40px 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;


    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 16px;
  }

  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
  }

  .check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    top: 3px;
    border-radius: 2px;

    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark {
    border: 2px solid #2DC5B5;
    background: #2DC5B5;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    /* Increased width for a longer tick */
    height: 18px;
    /* Increased height for a longer tick */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /* Thicker and more visible */
    border-radius: 2px;
    transform: translate(-50%, -60%) rotate(35deg);
    /* Adjusted for better centering */
    box-sizing: border-box;
  }


  .add-listing-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .opening-hours-section {

    margin-bottom: 32px;
    width: 750px;

  }

  .opening-hours-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }

  .opening-hours-row-price {
    display: flex;
    align-items: center;
    gap: 1px;
    margin-top: 12px;
  }

  .opening-box {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    min-width: 199px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;
  }

  .opening-box-offer {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 750px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price-type {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 64px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 685px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-clear {
    height: 10px;
    width: 10px;
    background: none;
    border: none;
    color: #888;
    font-size: 22px;
    margin-left: 12px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: color 0.2s;
  }

  .opening-save-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 29px;
    padding: 10px 38px;

    transition: background 0.2s;
    width: 118px;
    height: 54px;

  }

  .opening-save-btn:hover {
    background: #5c1780;
  }

  .toggle-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
  }

  .toggle-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
  }

  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #741FA2;
    border-radius: 24px;
    transition: background 0.2s;
  }

  .slider:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
  }

  .toggle-switch input:checked+.slider {
    background: #741FA2;
  }

  .toggle-switch input:checked+.slider:before {
    transform: translateX(14px);
  }


  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .opening-save-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;
    }

    .opening-hours-row,
    .opening-hours-row-price {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .opening-box,
    .opening-box-offer,
    .opening-box-price-type,
    .opening-box-price,
    .opening-save-btn {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box;
    }

    .opening-hours-section {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow-x: auto;
    }

    .add-listing-container {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
  }

}

/* add-companies */

.add-companies {
  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;


  }

  .add-listing-container {
    background: #fff;
    border-radius: 10px;
    margin-top: 24px;
    gap: 40px;


  }

  .add-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
    width: 131px;
    height: 30px;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .custom-select {
    position: relative;
    margin-bottom: 24px;
  }

  .custom-select select {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border-radius: 8px;
    border: none;
    background: #f5f5f5;
    font-size: 16px;
    appearance: none;
    outline: none;
    color: #bdbdbd;
    cursor: not-allowed;
  }

  .select-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #888;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 12px;
    padding: 24px 24px 24px 24px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;

  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 3px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .add-listing-actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .pricing-btn {
    background: #fff;
    color: #741FA2;
    border: 2px solid #741FA2;
    border-radius: 32px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
    height: 54px;
  }

  .pricing-btn:hover {
    background: #f5eafd;
    color: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* add-companies-form2 */

.add-companies-form2 {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-container {
    background: #fff;
    border-radius: 10px;
    margin-top: 24px;
    gap: 40px;


  }

  .add-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
    width: 131px;
    height: 30px;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .custom-select {
    position: relative;
    margin-bottom: 24px;
  }

  .custom-select select {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border-radius: 8px;
    border: none;
    background: #f5f5f5;
    font-size: 16px;
    appearance: none;
    outline: none;
    color: #bdbdbd;
    cursor: not-allowed;
  }

  .select-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #888;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    padding: 24px 24px 24px 24px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .add-listing-actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
    gap: 10px;

  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .pricing-btn:hover {
    background: #f5eafd;
    color: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 40px 15px 40px;
      font-size: 16px;
      font-weight: 700;
    }

  }
}

/* add-companies-form3 */

.add-companies-form3 {

  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-input,
  .add-listing-container input[type="text"],
  .add-listing-container textarea {
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: none;
    background: #F4F4F4;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    /* margin-bottom: 32px; */
    box-sizing: border-box;
    resize: none;
    height: 54px;

  }

  .add-listing-input {
    ::placeholder {
      color: #BEBEBE !important;
      opacity: 1;
    }

  }

  .add-listing-title {

    font-weight: 700;
    font-size: 24px;
    line-height: 100%;

    color: #080808;
    margin-bottom: 32px;
    margin-top: 0;
    width: 131px;
    height: 30px;
  }

  .add-listing-container textarea {
    width: 100%;
    height: 54px;
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 4px;
  }

  .add-listing-container textarea {
    min-height: 120px;
  }

  .logo-upload-box {
    background: #F4F4F4;
    width: 100%;
    min-height: 160px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }

  .map-placeholder {
    margin-bottom: 32px;
  }

  .custom-select {
    position: relative;
    margin-bottom: 32px;
  }

  .custom-select select {
    width: 100%;
    padding: 22px 40px 22px 24px;
    border-radius: 10px;
    border: none;
    background: #f5f5f5;
    font-size: 24px;
    color: #222;
    appearance: none;
    outline: none;
  }

  .select-arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    color: #888;
  }

  .checkbox-section {
    margin: 40px 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;


    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 16px;
  }

  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
  }

  .check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;

    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark {
    border: 2px solid #2DC5B5;
    background: #2DC5B5;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    /* Increased width for a longer tick */
    height: 18px;
    /* Increased height for a longer tick */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /* Thicker and more visible */
    border-radius: 2px;
    transform: translate(-50%, -60%) rotate(35deg);
    /* Adjusted for better centering */
    box-sizing: border-box;
  }


  .add-listing-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
    gap: 10px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 40px 15px 40px;
      font-size: 16px;
      font-weight: 700;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* add-freebies-form2 */

.add-freebies-form2 {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-container {
    background: #fff;
    border-radius: 10px;
    margin-top: 24px;
    gap: 40px;


  }

  .add-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
    width: 150px;
    height: 30px;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .custom-select {
    position: relative;
    margin-bottom: 24px;
  }

  .custom-select select {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border-radius: 8px;
    border: none;
    background: #f5f5f5;
    font-size: 16px;
    appearance: none;
    outline: none;
    color: #bdbdbd;
    cursor: not-allowed;
  }

  .select-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #888;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .add-listing-actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
    gap: 10px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .pricing-btn:hover {
    background: #f5eafd;
    color: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 40px 15px 40px;
      font-size: 16px;
      font-weight: 700;
    }
  }

}

/* add-freebies-form1 */

.add-freebies-form1 {
  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;


  }

  .add-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
    width: 150px;
    height: 30px;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .custom-select {
    position: relative;
    margin-bottom: 24px;
  }

  .custom-select select {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border-radius: 8px;
    border: none;
    background: #f5f5f5;
    font-size: 16px;
    appearance: none;
    outline: none;
    color: #bdbdbd;
    cursor: not-allowed;
  }

  .select-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #888;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 12px;
    padding: 24px 24px 24px 24px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;

  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 3px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .add-listing-actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .pricing-btn {
    background: #fff;
    color: #741FA2;
    border: 2px solid #741FA2;
    border-radius: 32px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
    height: 54px;
  }

  .pricing-btn:hover {
    background: #f5eafd;
    color: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }

}

/* add-freebies-form3 */

.add-freebies-form3 {

  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {
    display: flex !important;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-input,
  .add-listing-container input[type="text"],
  .add-listing-container textarea {
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: none;
    background: #F4F4F4;
    font-size: 16px;
    font-weight: 400;

    /* margin-bottom: 32px; */
    box-sizing: border-box;
    resize: none;
    height: 54px;

  }

  .add-listing-input {
    ::placeholder {
      color: #BEBEBE !important;
      opacity: 1;
    }

  }

  .add-listing-label {
    display: block;
    margin-bottom: 4px;


  }

  .add-listing-title {

    font-weight: 700;
    font-size: 24px;
    line-height: 100%;

    color: #080808;

    margin-bottom: 32px;
    margin-top: 0;
    height: 30px;
  }

  .add-listing-container textarea {

    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 4px;

  }

  .add-listing-container textarea {
    min-height: 120px;
    min-width: 750px;
  }

  .logo-upload-box {
    border: 2px dashed #bdbdbd;
    background: #F4F4F4;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }

  .map-placeholder {
    margin-bottom: 32px;
  }

  .custom-select {
    position: relative;
    margin-bottom: 32px;
  }

  .custom-select select {
    width: 100%;
    padding: 22px 40px 22px 24px;
    border-radius: 10px;
    border: none;
    background: #f5f5f5;
    font-size: 24px;
    color: #222;
    appearance: none;
    outline: none;
  }

  .select-arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    color: #888;
  }

  .checkbox-section {
    margin: 40px 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;


    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 16px;
  }

  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
  }

  .check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;

    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark {
    border: 2px solid #2DC5B5;
    background: #2DC5B5;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    /* Increased width for a longer tick */
    height: 18px;
    /* Increased height for a longer tick */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /* Thicker and more visible */
    border-radius: 2px;
    transform: translate(-50%, -60%) rotate(35deg);
    /* Adjusted for better centering */
    box-sizing: border-box;
  }


  .add-listing-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
    gap: 10px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .opening-hours-section {

    margin-bottom: 32px;
    width: 750px;

  }

  .opening-hours-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }

  .opening-hours-row-price {
    display: flex;
    align-items: center;
    gap: 1px;
    margin-top: 12px;
  }

  .opening-box {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    min-width: 199px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;
  }

  .opening-box-offer {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 750px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price-type {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 64px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 685px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-clear {
    height: 10px;
    width: 10px;
    background: none;
    border: none;
    color: #888;
    font-size: 22px;
    margin-left: 12px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: color 0.2s;
  }

  .opening-save-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 29px;
    padding: 10px 38px;

    transition: background 0.2s;
    width: 118px;
    height: 54px;

  }

  .opening-save-btn:hover {
    background: #5c1780;
  }

  .toggle-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
  }

  .toggle-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
  }

  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #741FA2;
    border-radius: 24px;
    transition: background 0.2s;
  }

  .slider:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
  }

  .toggle-switch input:checked+.slider {
    background: #741FA2;
  }

  .toggle-switch input:checked+.slider:before {
    transform: translateX(14px);
  }


  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .opening-save-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;
    }

    .opening-hours-row,
    .opening-hours-row-price {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .opening-box,
    .opening-box-offer,
    .opening-box-price-type,
    .opening-box-price,
    .opening-save-btn {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box;
    }

    .opening-hours-section {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow-x: auto;
    }

    .add-listing-container {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
  }

}

/* add-discounts-form2 */

.add-discounts-form2 {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {
    display: flex !important;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-container {
    background: #fff;
    border-radius: 10px;
    margin-top: 24px;
    gap: 40px;


  }

  .add-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
    height: 30px;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .custom-select {
    position: relative;
    margin-bottom: 24px;
  }

  .custom-select select {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border-radius: 8px;
    border: none;
    background: #f5f5f5;
    font-size: 16px;
    appearance: none;
    outline: none;
    color: #bdbdbd;
    cursor: not-allowed;
  }

  .select-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #888;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .add-listing-actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .pricing-btn:hover {
    background: #f5eafd;
    color: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 40px 15px 40px;
      font-size: 16px;
    }

  }
}

/* add-discounts-form1 */

.add-discounts-form1 {
  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {
    display: flex !important;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;


  }

  .add-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
    height: 30px;
  }

  .add-listing-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
  }

  .custom-select {
    position: relative;
    margin-bottom: 24px;
  }

  .custom-select select {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border-radius: 8px;
    border: none;
    background: #f5f5f5;
    font-size: 16px;
    appearance: none;
    outline: none;
    color: #bdbdbd;
    cursor: not-allowed;
  }

  .select-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #888;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 12px;
    padding: 24px 24px 24px 24px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 100%;
    height: auto;

  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 3px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .add-listing-actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .pricing-btn {
    background: #fff;
    color: #741FA2;
    border: 2px solid #741FA2;
    border-radius: 32px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
    height: 54px;
  }

  .pricing-btn:hover {
    background: #f5eafd;
    color: #5c1780;
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* add-discounts-form3 */
.add-discounts-form3 {

  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .add-listing-input,
  .add-listing-container input[type="text"],
  .add-listing-container textarea {
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: none;
    background: #F4F4F4;
    font-size: 16px;
    font-weight: 400;

    /* margin-bottom: 32px; */
    box-sizing: border-box;
    resize: none;
    height: 54px;

  }

  .add-listing-input {
    ::placeholder {
      color: #BEBEBE !important;
      opacity: 1;
    }

  }

  .add-listing-label {
    display: block;
    margin-bottom: 4px;


  }

  .add-listing-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;

    color: #080808;
    margin-bottom: 32px;
    margin-top: 0;
    height: 30px;
  }

  .add-listing-container textarea {

    justify-content: space-between;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 4px;

  }

  .add-listing-container textarea {
    min-height: 120px;
    min-width: 750px;
  }

  .logo-upload-box {
    border: 2px dashed #bdbdbd;
    background: #F4F4F4;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 20px;
  }

  .logo-upload-content {
    text-align: center;
    color: #bdbdbd;
    font-size: 20px;
    width: 100%;
  }

  .logo-upload-content i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
  }

  .logo-upload-content a {
    color: #741FA2;
    text-decoration: underline;
  }

  .logo-upload-note {
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 8px;
  }

  .map-placeholder {
    margin-bottom: 32px;
  }

  .custom-select {
    position: relative;
    margin-bottom: 32px;
  }

  .custom-select select {
    width: 100%;
    padding: 22px 40px 22px 24px;
    border-radius: 10px;
    border: none;
    background: #f5f5f5;
    font-size: 24px;
    color: #222;
    appearance: none;
    outline: none;
  }

  .select-arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    color: #888;
  }

  .checkbox-section {
    margin: 40px 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;


    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 16px;
  }

  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
  }

  .check-mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;

    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark {
    border: 2px solid #2DC5B5;
    background: #2DC5B5;
  }

  .custom-checkbox input[type="checkbox"]:checked+.check-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    /* Increased width for a longer tick */
    height: 18px;
    /* Increased height for a longer tick */
    border: solid #fff;
    border-width: 0 3px 3px 0;
    /* Thicker and more visible */
    border-radius: 2px;
    transform: translate(-50%, -60%) rotate(35deg);
    /* Adjusted for better centering */
    box-sizing: border-box;
  }


  .add-listing-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .submit-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s;
    margin-left: auto;
    display: block;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    width: 135px;
    height: 54px;
    gap: 10px;
  }

  .submit-btn:hover {
    background: #5c1780;
  }

  .listing-options-box {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    width: 750px;
    height: auto;
    border-width: 1px;
  }

  .listing-options {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
  }

  .listing-options>li {
    margin-bottom: 12px;
  }

  .listing-options .expand {
    font-size: 14px;
    margin-right: 8px;
    color: #222;
    user-select: none;
  }

  .listing-options ul {
    list-style: none;
    padding-left: 24px;
    margin-top: 8px;
  }

  .custom-radio {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    height: 40px;
    width: 750px;
    gap: 8px;
  }

  .custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
  }

  .radio-mark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #2DC5B5;
    border-radius: 50%;
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    transition: border-color 0.2s;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark {
    border: 2px solid #2DC5B5;
  }

  .custom-radio input[type="checkbox"]:checked+.radio-mark:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2DC5B5;

  }

  .opening-hours-section {

    margin-bottom: 32px;
    width: 750px;

  }

  .opening-hours-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }

  .opening-hours-row-price {
    display: flex;
    align-items: center;
    gap: 1px;
    margin-top: 12px;
  }

  .opening-box {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    min-width: 199px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;
  }

  .opening-box-offer {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 750px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price-type {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 64px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-box-price {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding: 15px 24px;
    width: 685px;
    height: 54px;
    position: relative;
    border: none;
    margin-bottom: 0;

  }

  .opening-clear {
    height: 10px;
    width: 10px;
    background: none;
    border: none;
    color: #888;
    font-size: 22px;
    margin-left: 12px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: color 0.2s;
  }

  .opening-save-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 29px;
    padding: 10px 38px;

    transition: background 0.2s;
    width: 118px;
    height: 54px;

  }

  .opening-save-btn:hover {
    background: #5c1780;
  }

  .toggle-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
  }

  .toggle-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
  }

  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #741FA2;
    border-radius: 24px;
    transition: background 0.2s;
  }

  .slider:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
  }

  .toggle-switch input:checked+.slider {
    background: #741FA2;
  }

  .toggle-switch input:checked+.slider:before {
    transform: translateX(14px);
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
      align-content: center;
    }

    .listing-options-box {
      width: 100%;
      height: auto;
      padding: 20px;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .pricing-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .companies-table {
      min-width: 500px;
    }

    .success-message {
      width: 100%;

    }

    .opening-save-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;

    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

    .submit-btn {
      width: 100%;
      height: 54px;
      padding: 15px 0;
      font-size: 16px;
      margin-top: 20px;
    }

    .opening-hours-row,
    .opening-hours-row-price {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .opening-box,
    .opening-box-offer,
    .opening-box-price-type,
    .opening-box-price,
    .opening-save-btn {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box;
    }

    .opening-hours-section {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow-x: auto;
    }

    .add-listing-container {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
  }

}

/* ad-preview */

.ad-preview {
  body {
    margin: 0;
    background: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
  }

  .preview-container {
    max-width: 100vw;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .preview-image {
    max-width: 100%;
    height: auto;
    background: #fff;
  }
}

/* ad-company-preview */

.ad-company-preview {
  margin: 0;
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;

  .preview-container {
    max-width: 100vw;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .preview-image {
    max-width: 100%;
    height: auto;
    background: #fff;
  }
}


/* ------------------ */

/* ad-reviews */

.ad-reviews {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-reviews .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-reviews .reviews-table {
    margin-top: 40px;
    width: 100%;
    border-collapse: collapse;
  }

  .listitemsright .ad-reviews .reviews-table thead tr {
    border-bottom: 1px solid #F4F4F4;
    width: 100%;
  }

  .listitemsright .ad-reviews .reviews-table th {
    padding: 14px 16px;
    text-align: left;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: #080808;
    line-height: 20px;

    text-transform: capitalize;
  }

  .listitemsright .ad-reviews .reviews-table tbody tr:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-reviews .reviews-table tbody tr {
    height: 81px;
  }

  .listitemsright .ad-reviews .reviews-table td {
    padding: 15px 0 15px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #080808;
    vertical-align: middle;
    background: #FFFFFF;
    width: 15px;
  }

  .listitemsright .ad-reviews .reviews-table tr:last-child td {
    border-bottom: none;
  }

  .listitemsright .ad-reviews .review-status.approved {
    display: inline-block;
    background: #E9F9F7;
    color: #21C7AD;
    font-weight: 400;
    font-size: 14px;
    border-radius: 1000px;
    padding: 13px 16px;
    transition: background 0.2s, color 0.2s;
  }

  .listitemsright .ad-reviews .review-status.approved:hover {
    background: #21C7AD;
    color: #FFFFFF;
  }

  .listitemsright .ad-reviews .review-title .main {
    font-size: 14px;
    font-weight: 400;
    color: #080808;
    width: 185px;
  }

  .listitemsright .ad-reviews .review-rating img {
    width: 130px;
  }

  .listitemsright .ad-reviews .review-added {
    font-size: 14px;
    color: #080808;
    font-weight: 400;
  }

  .listitemsright .ad-reviews .review-actions {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .listitemsright .ad-reviews .dots-btn {
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    margin-left: auto
  }

  .listitemsright .ad-reviews .popup-menu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    min-width: 135px;
    z-index: 10;
    text-align: left;
  }

  .listitemsright .ad-reviews .popup-menu a {
    display: block;
    padding: 8px 81px 8px 16px;
    color: #080808;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 400;
    text-decoration: none;
    transition: background 0.2s;
  }

  .listitemsright .ad-reviews .popup-menu a:hover {
    background: #F1E9F6;
  }

  .listitemsright .ad-reviews .review-actions.show .popup-menu {
    display: block;
  }

  .listitemsright .ad-reviews .reviews-pagination {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding-left: 0;
  }

  .listitemsright .ad-reviews .reviews-pagination .page-btn {
    background: #FFFFFF;
    border: none;
    font-size: 16px;
    font-weight: 400;
    ;
    color: #080808;
    width: 42px;
    height: 42px;
    cursor: pointer;
    box-shadow: none;
    position: relative;
  }

  .listitemsright .ad-reviews .reviews-pagination .page-btn.active,
  .listitemsright .ad-reviews .reviews-pagination .page-btn:hover:not(:disabled) {
    background: #741FA2;
    color: #FFFFFF;
  }

  .listitemsright .ad-reviews .reviews-pagination .page-btn:disabled,
  .listitemsright .ad-reviews .reviews-pagination .page-btn.prev:disabled {
    color: #D5BCE3;
    background: #FFFFFF;
    cursor: not-allowed;
  }

  .listitemsright .ad-reviews .reviews-pagination .page-btn.next,
  .listitemsright .ad-reviews .reviews-pagination .page-btn.prev {
    background: #FFFFFF;
    color: #D1BFE6;
    box-shadow: none;
  }

  .listitemsright .ad-reviews .reviews-pagination .page-btn.next i,
  .listitemsright .ad-reviews .reviews-pagination .page-btn.prev i {
    height: 14px;
    width: 14px;
  }

  .listitemsright .ad-reviews .page-btn.next:enabled,
  .listitemsright .ad-reviews .page-btn.prev:enabled {
    color: #19171C;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

    .listitemsright .ad-reviews .reviews-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .listitemsright .ad-reviews .reviews-table {
      min-width: 600px;
      margin-top: 24px;
    }

    .listitemsright .ad-reviews .reviews-table th,
    .listitemsright .ad-reviews .reviews-table td {
      font-size: 14px;
      line-height: 20px;

      text-transform: capitalize;
      width: 85px;
      gap: 10px;
      padding: 11px 11px;
    }

    .reviews-table-container {
      padding: 0 0 10px 0;
    }

    .listitemsright .ad-reviews .review-table thead .review-th-title {
      padding-right: 76px;
    }

    .listitemsright .ad-reviews .review-status.approved,
    .listitemsright .ad-reviews .review-title .main,
    .listitemsright .ad-reviews .review-listing,
    .listitemsright .ad-reviews .review-added {
      font-size: 14px;
    }

  }
}

/* ad-review-view */

.ad-review-view {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsright .ad-review-view .review-section,
  .myaccount .listitemsright .ad-review-view .review-section * {
    box-sizing: border-box;
  }

  .myaccount .listitemsright .ad-review-view .review-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    position: relative;
    background: #F4F4F4;
  }

  .myaccount .listitemsright .ad-review-view .review-main {
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    padding: 30px;
  }

  .myaccount .listitemsright .ad-review-view .review-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
  }

  .myaccount .listitemsright .ad-review-view .review-meta {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    text-align: left;
  }

  .myaccount .listitemsright .ad-review-view .review-meta .author {
    color: #080808;
    font-weight: 400;
  }

  .myaccount .listitemsright .ad-review-view .review-title-row {
    display: flex;
    flex-direction: row;
    gap: 53px;
    align-items: center;
    align-self: stretch;
    position: relative;
  }

  .myaccount .listitemsright .ad-review-view .review-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
    flex: 1;
    text-align: left;
  }

  .myaccount .listitemsright .ad-review-view .review-post-btn {
    background: #741fa2;
    border-radius: 29px;
    padding: 15px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    outline: none;
  }

  .myaccount .listitemsright .ad-review-view .review-post-btn:hover {
    background: #531475;
  }

  .myaccount .listitemsright .ad-review-view .review-rating {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: flex-end;
  }

  .myaccount .listitemsright .ad-review-view .review-rating img {
    width: 90px;
    height: 18px;
    margin-right: 2px;
  }

  .myaccount .listitemsright .ad-review-view .review-listing {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    text-align: left;
  }

  .myaccount .listitemsright .ad-review-view .review-listing .listing-link {
    color: #741fa2;
    text-decoration: underline;
  }

  .myaccount .listitemsright .ad-review-view .review-description-box {
    background: #fffacc;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    box-shadow: 5px 9px 10px 0 #0000001A;
    align-self: stretch;
  }

  .myaccount .listitemsright .ad-review-view .review-description {
    color: #080808;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    flex: 1;
    text-align: left;
  }

  .myaccount .listitemsright .ad-review-view .comment-section {
    background: #FFFFFF;
    border-radius: 10px;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    padding: 30px;
  }

  .myaccount .listitemsright .ad-review-view .comment-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    align-self: stretch;
  }

  .myaccount .listitemsright .ad-review-view .comment-header {
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 44px;
    align-items: center;
  }

  .myaccount .listitemsright .ad-review-view .comment-avatar {
    background: #767676;
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }

  .myaccount .listitemsright .ad-review-view .comment-avatar img {
    width: 44px;
    height: 44px;
  }

  .myaccount .listitemsright .ad-review-view .comment-author {
    color: #080808;
    font-size: 16px;
    font-weight: 700;
  }

  .myaccount .listitemsright .ad-review-view .comment-time {
    color: #080808;
    font-size: 16px;
    font-weight: 400;
  }

  .myaccount .listitemsright .ad-review-view .comment-content-box {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    align-self: stretch;
  }

  .myaccount .listitemsright .ad-review-view .comment-content {
    color: #080808;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
  }

  .listitemsright .ad-review-view .reviews-pagination {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 0;
  }

  .listitemsright .ad-review-view .reviews-pagination .page-btn {
    background: #FFFFFF;
    border: none;
    font-size: 16px;
    font-weight: 400;
    ;
    color: #080808;
    width: 42px;
    height: 42px;
    cursor: pointer;
    box-shadow: none;
    position: relative;
    outline: none;
  }

  .listitemsright .ad-review-view .reviews-pagination .page-btn.active,
  .listitemsright .ad-review-view .reviews-pagination .page-btn:hover:not(:disabled) {
    background: #741FA2;
    color: #FFFFFF;
  }

  .listitemsright .ad-review-view .reviews-pagination .page-btn:disabled,
  .listitemsright .ad-review-view .reviews-pagination .page-btn.prev:disabled {
    color: #D5BCE3;
    background: #FFFFFF;
    cursor: not-allowed;
  }

  .listitemsright .ad-review-view .reviews-pagination .page-btn.next,
  .listitemsright .ad-review-view .reviews-pagination .page-btn.prev {
    background: #FFFFFF;
    color: #D1BFE6;
    box-shadow: none;
  }

  .listitemsright .ad-review-view .reviews-pagination .page-btn.next i,
  .listitemsright .ad-review-view .reviews-pagination .page-btn.prev i {
    height: 14px;
    width: 14px;
  }

  .listitemsright .ad-review-view .page-btn.next:enabled,
  .listitemsright .ad-review-view .page-btn.prev:enabled {
    color: #19171C;
  }

  .myaccount .listitemsright .ad-review-view .comment-form-section {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    overflow: hidden;
  }

  .myaccount .listitemsright .ad-review-view .comment-form {
    background: #fff;
    padding: 24px 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    align-self: stretch;
    overflow: hidden;
  }

  .myaccount .listitemsright .ad-review-view .comment-form-title {
    color: #080808;
    font-family: "Mulish-Bold", sans-serif;
    font-size: 24px;
    font-weight: 700;
    align-self: stretch;
    text-align: left;
  }

  .myaccount .listitemsright .ad-review-view .comment-form-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    align-self: stretch;
  }

  .myaccount .listitemsright .ad-review-view .comment-form-label {
    color: #080808;
    font-family: "Mulish-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    align-self: stretch;
    text-align: left;
  }

  .myaccount .listitemsright .ad-review-view .comment-form-input {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 15px 20px;
    width: 100%;
    min-height: 120px;
    font-size: 16px;
    color: #080808;
    border: none;
    resize: vertical;
    outline: none;
  }

  .myaccount .listitemsright .ad-review-view .comment-form-note {
    color: #bebebe;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    align-self: stretch;
    text-align: right;
  }

  .myaccount .listitemsright .ad-review-view .comment-form-submit-btn {
    background: #741fa2;
    border-radius: 29px;
    padding: 15px 40px;
    width: 135px;
    height: 54px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: left;
  }

  .myaccount .listitemsright .ad-review-view .comment-form-submit-btn:hover {
    background: #531475;
  }

  .myaccount .listitemsright .ad-review-view .comment-form:invalid .comment-form-submit-btn {
    cursor: not-allowed;
    pointer-events: none;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

    .myaccount .listitemsright .ad-review-view .review-main,
    .myaccount .listitemsright .ad-review-view .comment-section,
    .myaccount .listitemsright .ad-review-view .comment-form {
      padding: 24px 16px;
    }

    .myaccount .listitemsright .ad-review-view .review-main .review-header .review-title-row {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .myaccount .listitemsright .ad-review-view .review-post-btn {
      justify-content: flex-start;
      margin-left: 0;
      margin-right: auto;
      width: 192px;
    }
  }
}

/* ad-messages */
.ad-messages {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-messages .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-messages .messages-table {
    margin-top: 40px;
    width: 100%;
    border-collapse: collapse;
    /* border-collapse: separate;  */
    border-spacing: 0 12px;
    /* horizontal vertical spacing */
  }

  .listitemsright .ad-messages .messages-table tbody tr {
    border-bottom: 20px solid transparent;
    /* fake spacing */
  }

  .message-statuses.read {
    background-color: #E9F9F7;
    color: #21C7AD;
  }

  .listitemsright .ad-messages .messages-table tr td a {
    color: #741FA2;
  }

  .listitemsright .ad-messages .messages-table thead tr {
    border-bottom: 1px solid #F4F4F4;

  }

  .listitemsright .ad-messages .messages-table th {
    padding: 11px 0;
    text-align: left;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: #080808;
    line-height: 20px;

    text-transform: capitalize;
  }

  .listitemsright .ad-messages .messages-table tbody tr:last-child {
    border-bottom: none;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

    .listitemsright .ad-messages .messages-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .listitemsright .ad-messages .messages-table {
      min-width: 600px;
      margin-top: 24px;
    }


    .listitemsright .ad-messages .messages-table th,
    .listitemsright .ad-messages .messages-table td {
      font-weight: 700;
      font-size: 14px;
      line-height: 20px;

      text-transform: capitalize;
      width: 85px;
      padding-top: 11px;
      padding-right: 10px;
      padding-bottom: 11px;
      padding-left: 10px;


    }

    .messages-table-container {
      padding: 0 0 10px 0;
    }

  }

}

/* ad-listing-types */

.ad-listing-types {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox-content-dropdown-options.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright {
    height: 574px;

  }

  .companies-table-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 24px;
    gap: 40px;
  }

  .companies-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .companies-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 100%;

    height: 30px;
  }

  .add-companies-btn {
    background: #741FA2;
    color: #fff;
    border: none;
    border-radius: 29px;
    padding: 15px 40px 15px 40px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;

  }

  .add-companies-btn span {
    font-size: 24px;
    line-height: 1;

  }

  .companies-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
  }

  .companies-table th:nth-child(2),
  .companies-table td:nth-child(2) {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .companies-table thead th {
    border-bottom: 1px solid #F0F0F0;
  }

  .companies-table th,
  .companies-table td {
    padding: 0 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 10px;
  }

  .companies-table th:nth-child(2),
  .companies-table td:nth-child(2) {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .companies-table th {
    color: #222;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

  }

  /* Add a border below the table header row */
  .companies-table thead tr {
    border-bottom: 2px solid #BEBEBE;
  }

  .order-status.active {
    height: 36px;
    width: 73px;
    align-items: center;
  }

  .status.approved {
    width: 96px;
    height: 36px;
    align-items: center;
    border-radius: 1000px;

  }

  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    border-radius: 1000px;


  }

  .more-btn {
    background: #fff;
    border: 1px solid #E0E0E0;
    /* Light gray border */
    border-radius: 50%;
    /* Makes it a perfect circle */
    width: 40px;
    /* Set width */
    height: 40px;
    /* Set height */
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
    box-shadow: none;
    padding: 0;

  }

  /* ...existing code... */
  .companies-pagination {
    display: flex;
    justify-content: flex-start;
    /* Align pagination to the left */
    margin-top: 24px;
    margin-left: 0;
  }

  .companies-pagination ul {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  /* ...existing code... */
  .pagination-arrow {
    background: none;
    border: none;
    color: #BEBEBE;
    font-size: 22px;
    cursor: pointer;
  }

  .pagination-arrow:disabled {
    color: #BEBEBE;
    cursor: not-allowed;
  }

  .pagination-page {
    background: none;
    border: none;
    color: #000000;
    width: 20px;
    height: 24px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    /* Figma: Gap between items */

  }

  /* ...existing code... */
  .pagination-page.active {
    background: #741FA2;
    /* Figma: Primary color */
    color: #fff;
    width: 42px;
    /* Figma: Fixed width */
    height: 42px;
    /* Figma: Fixed height */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
    margin: 0 5px;
    /* Optional: for spacing */
    position: relative;
    z-index: 1;
  }

  .pagination-page:hover {
    opacity: 1;
    background: #5B1780;
    color: #fff;
    border: none;
    width: 42px;
    height: 42px;
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .pagination-page,
  .pagination-page.active,
  .pagination-page:hover {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    /* Figma: Gap between items */

  }


  /* ...existing code... */
  .status.approved,
  .order-status.active {
    background: #E6FAF7;
    color: #2DC5B5;
    border-radius: 16px;
    padding: 4px 16px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.2s, color 0.2s;
    align-content: center;
  }

  .status.approved:hover,
  .order-status.active:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .menu-popup-container {
    position: relative;
    display: inline-block;



  }

  .menu-popup {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    /* Figma: Radius 10px */
    box-shadow: 5px 9px 10px 0 rgba(0, 0, 0, 0.10);
    /* Figma: X=5, Y=9, Blur=10, #000, 10% */
    border: 1px solid #E0E0E0;
    /* Figma: Border 1px */
    z-index: 100;
    padding: 8px 0;
    height: 160px;
    width: 135px;
    /* Figma: Fixed width */
  }

  .menu-popup-item {
    padding: 8px 16px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
  }

  .menu-popup-item:hover {
    background: #F6F6F6;
  }

  .menu-popup.show {
    display: block;
  }

  /* ...existing code... */

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .companies-table {
      min-width: 500px;
    }

    .add-companies-btn {
      font-size: 13px;
    }

  }

  .toggle-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 32px;
    margin-top: 30px;
  }

  .toggle-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
  }

  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #741FA2;
    border-radius: 24px;
    transition: background 0.2s;
  }

  .slider:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
  }

  .toggle-switch input:checked+.slider {
    background: #741FA2;
  }

  .toggle-switch input:checked+.slider:before {
    transform: translateX(14px);
  }

  @media (max-width: 763px) {
    .myaccount {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;

    }

    .myaccount .searchstoremain .listitemsright {
      width: 100%;
    }

    .companies-table-container {
      overflow-x: auto;
      padding: 0;
    }

    .companies-table {
      min-width: 500px;
    }

    .add-companies-btn {
      padding: 10px 20px 10px 20px;
      font-size: 13px;
    }

  }
}

/* ad-invoices-view */

.ad-invoices-view {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-container,
  .myaccount .listitemsright .ad-invoices-view .invoice-container * {
    box-sizing: border-box;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-container {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    position: relative;
    overflow-x: auto;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-breadcrumb {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    text-decoration: underline;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-breadcrumb .link {
    color: #741fa2;
    text-decoration: underline;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-breadcrumb .divider {
    color: #bebebe;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-print-btn {
    background: #741fa2;
    border-radius: 29px;
    padding: 15px 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    cursor: pointer;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-details-row {
    display: flex;
    gap: 30px;
    width: 100%;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-details-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-details-group {
    display: flex;
    align-items: flex-start;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-details-label {
    min-width: 70px;
    color: #080808;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    padding: 14px 0 14px 16px;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-details-value {
    color: #080808;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding: 15px 0 15px 16px;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-status {
    background: #e9f9f7;
    border-radius: 1000px;
    padding: 6px 16px;
    color: #21c7ad;
    font-size: 14px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    margin-left: 0;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-status:hover {
    background: #2DC5B5;
    color: #fff;
    cursor: pointer;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table {
    background: #FFFFFF;
    width: 100%;
    overflow: hidden;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-header,
  .myaccount .listitemsright .ad-invoices-view .invoice-table-row {
    display: flex;
    align-items: center;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-header {
    border-bottom: 1px solid #f0f0f0;
    background: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-cell {
    flex: 1;
    min-width: 0;
    padding-left: 16px;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-cell.price,
  .myaccount .listitemsright .ad-invoices-view .invoice-table-cell.qty,
  .myaccount .listitemsright .ad-invoices-view .invoice-table-cell.total {
    flex: 0 0 25px;
    text-align: left;
    padding: 14px 16px;
    min-width: 70px !important;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-row {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    border-bottom: none;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-desc {
    color: #080808;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-desc-details {
    color: #767676;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-summary-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #f0f0f0;
    background: #FFFFFF;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-summary-label {
    padding: 11px 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    flex: 0 0 122px;
    text-align: right;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-summary-value {
    padding: 15px 16px 15px 54px;
    font-size: 14px;
    font-weight: 400;
    flex: 0 0 128px;
    text-align: center;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-table-total-row {
    background: #f1e9f6;
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-section-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-transactions-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    background: #FFFFFF;
    height: 39px;
  }

  .myaccount .listitemsright .ad-invoices-view .invoice-transactions-header .header-cell {
    padding: 14px 0 14px 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    flex: 1;
    text-transform: capitalize;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

    .myaccount .listitemsright .ad-invoices-view .invoice-container {
      padding: 24px 16px;
      gap: 24px;
    }

    .myaccount .listitemsright .ad-invoices-view .invoice-title {
      font-size: 24px;
    }

    .myaccount .listitemsright .ad-invoices-view .invoice-section-title {
      font-size: 24px;
    }

    .myaccount .listitemsright .ad-invoices-view .invoice-details-col,
    .myaccount .listitemsright .ad-invoices-view .invoice-details-row {
      gap: 12px;
      flex-direction: column;
    }

  }
}

/* ad-freebie-summary */
.ad-freebie-summary {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-freebie-summary .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-card {
    background: #FFFFFF;
    border-radius: 10px;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-header {
    margin-bottom: 30px;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-nav {
    gap: 8px;
    font-size: 16px;
    color: #767676;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-nav .previous {
    color: #741FA2;
    text-decoration: underline #741FA2;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
    padding: 16px 0;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-actions {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-btn {
    background: #D5BCE3;
    border-radius: 29px;
    padding: 15px 40px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    border: none;
    transition: background 0.2s;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-btn:hover {
    background: #531475;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-main {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-row {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-panel {
    background: #fff;
    border-radius: 11px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    flex: 1;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-panel-header {
    background: #f4f4f4;
    border-radius: 11px 11px 0 0;
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-panel-title {
    color: #080808;
    font-size: 20px;
    font-weight: 700;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-tag {
    background: #11D577;
    border-radius: 100px;
    padding: 6px 16px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 36px;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-panel-body {
    background: #FFFFFF;
    border-radius: 0 0 11px 11px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-field-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #F4F4F4;
    padding: 14px 0;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-field-label {
    flex: 0 0 120px;
    color: #080808;
    font-size: 14px;
    font-weight: 700;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-field-value {
    color: #080808;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-panel-body .freebie-summary-field-row:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-panel-body-qr {
    align-items: center;
    justify-content: center;
    padding: 16px 53px;
    border: 1px solid #F4F4F4;
    border-radius: 0 0 11px 11px;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-qr-img {
    background: #F4F4F4;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-qr-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-visitor-graph {
    width: 100%;
    height: 269px;
    background: #FFFFFF;
    border-radius: 0 0 11px 11px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-visitor-graph img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-product-panel {
    background: #FFFFFF;
    border-radius: 11px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-product-header {
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #080808;
    font-family: 'Mulish', sans-serif;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-product-dropdown {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    margin: 0 16px 16px 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-product-dropdown-item {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #080808;
    cursor: pointer;
    background: #FFFFFF;
    border-bottom: 1px solid #F4F4F4;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-product-dropdown-item:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-product-dropdown-item .checkbox {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #BEBEBE;
    border-radius: 50%;
    margin-right: 11px;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-product-dropdown-item .checkbox:checked {
    border: 2px solid #21C7AD;
    background: #FFFFFF;
  }

  .listitemsright .ad-freebie-summary .freebie-summary-product-dropdown-item .checkbox:checked::after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    background: #21C7AD;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

  }
}

/* ad-edit-profile */
.ad-edit-profile {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-messages .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-section {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    max-width: 100%;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-form {
    width: 100%;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-fields-row {
    display: flex;
    gap: 16px;
    width: 100%;
    margin-bottom: 20px;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-label {
    color: #080808;
    font-size: 16px;
    font-weight: 400;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-input,
  .myaccount .listitemsright .ad-edit-profile .edit-profile-dropdown {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #080808;
    border: none;
    outline: none;
    width: 100%;
    height: 54px;
    box-sizing: border-box;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-location-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    margin-bottom: 20px;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-timezone-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-location-group label,
  .myaccount .listitemsright .ad-edit-profile .edit-profile-timezone-group label {
    font-size: 16px;
    font-weight: 400;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-location-group .edit-profile-location-select,
  .myaccount .listitemsright .ad-edit-profile .edit-profile-timezone-group .edit-profile-timezone-select {
    position: relative;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-timezone-group .edit-profile-timezone-select {
    width: 50%;
    padding-right: 8px;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-location-group select,
  .myaccount .listitemsright .ad-edit-profile .edit-profile-timezone-group select {
    width: 100%;
    background: #f4f4f4;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 16px;
    color: #080808;
    border: none;
    outline: none;
    appearance: none;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-location-group .fa-angle-down,
  .myaccount .listitemsright .ad-edit-profile .edit-profile-timezone-group .fa-angle-down {
    position: absolute;
    right: 25px;
    top: 50%;
    width: 8px;
    height: 4px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #080808;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-map-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-map {
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    height: 341px;
    background: #F4F4F4;
    margin: 0 auto;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-fields-row {
    display: flex;
    gap: 16px;
    width: 100%;
    margin-top: 20px;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-fields-row .edit-profile-field {
    width: 100%;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-actions {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-update-btn {
    width: 137px;
    padding: 15px 40px;
    height: 54px;
    gap: 10px;
    border-radius: 29px;
    background: #D5BCE3;
    justify-self: flex-end;
    margin-left: auto;
    margin-top: 40px;
    display: block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-update-btn:invalid {
    border: none;
    cursor: not-allowed;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-update-btn:valid {
    background: #741FA2;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-update-btn:hover {
    background: #5e1782;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-update-btn:active {
    opacity: 1;
    background: #531475;
  }

  .myaccount .listitemsright .ad-edit-profile .edit-profile-update-btn:focus {
    outline: none;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

    .myaccount .listitemsright .ad-edit-profile .edit-profile-title {
      font-size: 20px;
      margin-bottom: 4px;
    }

    .myaccount .listitemsright .ad-edit-profile .edit-profile-fields-row {
      flex-direction: column;
      gap: 20px;
    }

    .myaccount .listitemsright .ad-edit-profile .edit-profile-fields-row {
      flex-direction: column;
      gap: 20px;
    }

    .myaccount .listitemsright .ad-edit-profile .edit-profile-timezone-group .edit-profile-timezone-select {
      width: 100%;
      padding-right: 0;
    }

    .myaccount .listitemsright .ad-edit-profile .edit-profile-update-btn {
      width: 100%;
      margin-top: 24px;
    }
  }
}

/* ad-discount-summary */
.ad-discount-summary {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-discount-summary .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-discount-summary .discount-summary-card {
    background: #FFFFFF;
    border-radius: 10px;
  }

  .listitemsright .ad-discount-summary .discount-summary-header {
    margin-bottom: 30px;
  }

  .listitemsright .ad-discount-summary .discount-summary-nav {
    gap: 8px;
    font-size: 16px;
    color: #767676;
  }

  .listitemsright .ad-discount-summary .discount-summary-nav .previous {
    color: #741FA2;
    text-decoration: underline #741FA2;
  }

  .listitemsright .ad-discount-summary .discount-summary-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
    padding: 16px 0;
  }

  .listitemsright .ad-discount-summary .discount-summary-actions {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
  }

  .listitemsright .ad-discount-summary .discount-summary-btn {
    background: #D5BCE3;
    border-radius: 29px;
    padding: 15px 40px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    border: none;
    transition: background 0.2s;
  }

  .listitemsright .ad-discount-summary .discount-summary-btn:hover {
    background: #531475;
  }

  .listitemsright .ad-discount-summary .discount-summary-main {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .listitemsright .ad-discount-summary .discount-summary-row {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }

  .listitemsright .ad-discount-summary .discount-summary-panel {
    background: #fff;
    border-radius: 11px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    flex: 1;
  }

  .listitemsright .ad-discount-summary .discount-summary-panel-header {
    background: #f4f4f4;
    border-radius: 11px 11px 0 0;
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .listitemsright .ad-discount-summary .discount-summary-panel-title {
    color: #080808;
    font-size: 20px;
    font-weight: 700;
  }

  .listitemsright .ad-discount-summary .discount-summary-tag {
    background: #11D577;
    border-radius: 100px;
    padding: 6px 16px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 36px;
  }

  .listitemsright .ad-discount-summary .discount-summary-panel-body {
    background: #FFFFFF;
    border-radius: 0 0 11px 11px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .listitemsright .ad-discount-summary .discount-summary-field-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #F4F4F4;
    padding: 14px 0;
  }

  .listitemsright .ad-discount-summary .discount-summary-field-label {
    flex: 0 0 120px;
    color: #080808;
    font-size: 14px;
    font-weight: 700;
  }

  .listitemsright .ad-discount-summary .discount-summary-field-value {
    color: #080808;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
  }

  .listitemsright .ad-discount-summary .discount-summary-panel-body .discount-summary-field-row:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-discount-summary .discount-summary-panel-body-qr {
    align-items: center;
    justify-content: center;
    padding: 16px 53px;
    border: 1px solid #F4F4F4;
    border-radius: 0 0 11px 11px;
  }

  .listitemsright .ad-discount-summary .discount-summary-qr-img {
    background: #F4F4F4;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-discount-summary .discount-summary-qr-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .listitemsright .ad-discount-summary .discount-summary-visitor-graph {
    width: 100%;
    height: 269px;
    background: #FFFFFF;
    border-radius: 0 0 11px 11px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-discount-summary .discount-summary-visitor-graph img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .listitemsright .ad-discount-summary .discount-summary-product-panel {
    background: #FFFFFF;
    border-radius: 11px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }

  .listitemsright .ad-discount-summary .discount-summary-product-header {
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #080808;
    font-family: 'Mulish', sans-serif;
  }

  .listitemsright .ad-discount-summary .discount-summary-product-dropdown {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    margin: 0 16px 16px 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .listitemsright .ad-discount-summary .discount-summary-product-dropdown-item {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #080808;
    cursor: pointer;
    background: #FFFFFF;
    border-bottom: 1px solid #F4F4F4;
  }

  .listitemsright .ad-discount-summary .discount-summary-product-dropdown-item:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-discount-summary .discount-summary-product-dropdown-item .checkbox {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #BEBEBE;
    border-radius: 50%;
    margin-right: 11px;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
  }

  .listitemsright .ad-discount-summary .discount-summary-product-dropdown-item .checkbox:checked {
    border: 2px solid #21C7AD;
    background: #FFFFFF;
  }

  .listitemsright .ad-discount-summary .discount-summary-product-dropdown-item .checkbox:checked::after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    background: #21C7AD;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

  }
}

/* ad-deal-summary */
.ad-deal-summary {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-deal-summary .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-deal-summary .deal-summary-card {
    background: #FFFFFF;
    border-radius: 10px;
  }

  .listitemsright .ad-deal-summary .deal-summary-header {
    margin-bottom: 30px;
  }

  .listitemsright .ad-deal-summary .deal-summary-nav {
    gap: 8px;
    font-size: 16px;
    color: #767676;
  }

  .listitemsright .ad-deal-summary .deal-summary-nav .previous {
    color: #741FA2;
    text-decoration: underline #741FA2;
  }

  .listitemsright .ad-deal-summary .deal-summary-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
    padding: 16px 0;
  }

  .listitemsright .ad-deal-summary .deal-summary-actions {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
  }

  .listitemsright .ad-deal-summary .deal-summary-btn {
    background: #D5BCE3;
    border-radius: 29px;
    padding: 15px 40px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    border: none;
    transition: background 0.2s;
  }

  .listitemsright .ad-deal-summary .deal-summary-btn:hover {
    background: #531475;
  }

  .listitemsright .ad-deal-summary .deal-summary-main {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .listitemsright .ad-deal-summary .deal-summary-row {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }

  .listitemsright .ad-deal-summary .deal-summary-panel {
    background: #fff;
    border-radius: 11px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    flex: 1;
  }

  .listitemsright .ad-deal-summary .deal-summary-panel-header {
    background: #f4f4f4;
    border-radius: 11px 11px 0 0;
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .listitemsright .ad-deal-summary .deal-summary-panel-title {
    color: #080808;
    font-size: 20px;
    font-weight: 700;
  }

  .listitemsright .ad-deal-summary .deal-summary-tag {
    background: #11D577;
    border-radius: 100px;
    padding: 6px 16px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 36px;
  }

  .listitemsright .ad-deal-summary .deal-summary-panel-body {
    background: #FFFFFF;
    border-radius: 0 0 11px 11px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .listitemsright .ad-deal-summary .deal-summary-field-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #F4F4F4;
    padding: 14px 0;
  }

  .listitemsright .ad-deal-summary .deal-summary-field-label {
    flex: 0 0 120px;
    color: #080808;
    font-size: 14px;
    font-weight: 700;
  }

  .listitemsright .ad-deal-summary .deal-summary-field-value {
    color: #080808;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
  }

  .listitemsright .ad-deal-summary .deal-summary-panel-body .deal-summary-field-row:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-deal-summary .deal-summary-panel-body-qr {
    align-items: center;
    justify-content: center;
    padding: 16px 53px;
    border: 1px solid #F4F4F4;
    border-radius: 0 0 11px 11px;
  }

  .listitemsright .ad-deal-summary .deal-summary-qr-img {
    background: #F4F4F4;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-deal-summary .deal-summary-qr-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .listitemsright .ad-deal-summary .deal-summary-visitor-graph {
    width: 100%;
    height: 269px;
    background: #FFFFFF;
    border-radius: 0 0 11px 11px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-deal-summary .deal-summary-visitor-graph img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .listitemsright .ad-deal-summary .deal-summary-product-panel {
    background: #FFFFFF;
    border-radius: 11px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }

  .listitemsright .ad-deal-summary .deal-summary-product-header {
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #080808;
    font-family: 'Mulish', sans-serif;
  }

  .listitemsright .ad-deal-summary .deal-summary-product-dropdown {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    margin: 0 16px 16px 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .listitemsright .ad-deal-summary .deal-summary-product-dropdown-item {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #080808;
    cursor: pointer;
    background: #FFFFFF;
    border-bottom: 1px solid #F4F4F4;
  }

  .listitemsright .ad-deal-summary .deal-summary-product-dropdown-item:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-deal-summary .deal-summary-product-dropdown-item .checkbox {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #BEBEBE;
    border-radius: 50%;
    margin-right: 11px;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
  }

  .listitemsright .ad-deal-summary .deal-summary-product-dropdown-item .checkbox:checked {
    border: 2px solid #21C7AD;
    background: #FFFFFF;
  }

  .listitemsright .ad-deal-summary .deal-summary-product-dropdown-item .checkbox:checked::after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    background: #21C7AD;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

  }
}

/* ad-dashboard */
.ad-dashboard {

  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-dashboard .heading h3 {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
  }

  .listitemsright .ad-dashboard .dashboard-items {
    display: flex;
    flex-direction: column;
  }

  .listitemsright .ad-dashboard .dashboard-items .nav-bar {
    display: flex;
    height: 40px;
    margin: 40px 0;
    flex-direction: row;
  }

  .listitemsright .ad-dashboard .dashboard-items .nav-bar .nav-heading {
    display: flex;
    flex: 25%;
    border-bottom: 2px solid #BEBEBE;
    padding: 0 16px 16px 16px;
    background: #ffffff;
    color: #BEBEBE;
    gap: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;

    align-items: center;
    justify-content: center;
    transition: background 0.2s;
  }

  .listitemsright .ad-dashboard .dashboard-items .nav-bar .nav-heading.active {
    border-bottom: 2px solid #741FA2;
    color: #080808;
  }

  .listitemsright .ad-dashboard .dashboard-items .nav-bar .nav-heading svg {
    background: #BEBEBE;
    width: 24px;
    height: 24px;
  }

  .listitemsright .ad-dashboard .dashboard-items .nav-bar .nav-heading.active svg {
    background: #741FA2;
  }

  .listitemsright .ad-dashboard .dashboard-items .content-section {
    display: none;
    flex-direction: column;
    gap: 14px;
    animation: fadeIn 0.3s;
    padding: 0 16px 24px 16px;
  }

  .listitemsright .ad-dashboard .dashboard-items .content-section.active {
    display: flex;

  }

  .listitemsright .ad-dashboard .dashboard-items .content-section .row {
    display: flex;
    gap: 16px;
  }

  .listitemsright .ad-dashboard .dashboard-items .content-section .row .card {
    flex: 1;
    padding: 16px;
    border-radius: 11px;
    border: 1px solid #F4F4F4;
    height: 91px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 5px 9px 10px 0 #0000001A;
    justify-content: space-between;
    width: 100%;
  }

  .listitemsright .ad-dashboard .dashboard-items .content-section .row .card .card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .listitemsright .ad-dashboard .dashboard-items .content-section .row .card .card-content .count {
    font-size: 32px;
    font-weight: 800;

    line-height: 100%;
  }

  .listitemsright .ad-dashboard .dashboard-items .content-section .row .card .card-content .status {
    font-size: 14px;
    font-weight: 400;

    line-height: 100%;
  }

  .listitemsright .ad-dashboard .dashboard-items .content-section .row .card .card-content img {
    width: 34px;
    height: 34px;
    border: 3px;
    object-fit: cover;
  }

  .listitemsright .ad-dashboard .dashboard-items .card {
    display: flex;
    flex-direction: column;
    border-radius: 11px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
  }

  .listitemsright .ad-dashboard .dashboard-items .card .review-heading {
    height: 60px;
    gap: 16px;
    padding: 16px;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    background: #F4F4F4;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;

    color: #080808;
  }

  .listitemsright .ad-dashboard .dashboard-items .card .review-content {
    height: 187px;
    gap: 16px;
    padding: 16px;
    border-width: 1px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;

    align-content: center;
    text-align: center;
    color: #767676;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
      padding: 24px 16px;
    }

    .listitemsright .ad-dashboard .dashboard-items .nav-bar {
      padding-bottom: 16px;
    }

    .listitemsright .ad-dashboard .dashboard-items .nav-bar .nav-heading {
      padding: 0 11px 17px 11px;
    }

    .listitemsright .ad-dashboard .dashboard-items .content-section .row {
      flex-direction: column;
      gap: 8px;
    }

    .listitemsright .ad-dashboard .dashboard-items .content-section .row .card {
      height: 48px;
      font-size: 1em;
    }

    .listitemsright .ad-dashboard .dashboard-items .nav-bar {
      margin-bottom: 8px;
      width: 100%;
    }
  }

}

/* ad-company-summary */
.ad-company-summary {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-company-summary .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-company-summary .company-summary-card {
    background: #FFFFFF;
    border-radius: 10px;
  }

  .listitemsright .ad-company-summary .company-summary-header {
    margin-bottom: 30px;
  }

  .listitemsright .ad-company-summary .company-summary-nav {
    gap: 8px;
    font-size: 16px;
    color: #767676;
  }

  .listitemsright .ad-company-summary .company-summary-nav .previous {
    color: #741FA2;
    text-decoration: underline #741FA2;
  }

  .listitemsright .ad-company-summary .company-summary-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
    padding: 16px 0;
  }

  .listitemsright .ad-company-summary .company-summary-actions {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
  }

  .listitemsright .ad-company-summary .company-summary-btn {
    background: #D5BCE3;
    border-radius: 29px;
    padding: 15px 40px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    border: none;
    transition: background 0.2s;
  }

  .listitemsright .ad-company-summary .company-summary-btn:hover {
    background: #531475;
  }

  .listitemsright .ad-company-summary .company-summary-main {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .listitemsright .ad-company-summary .company-summary-row {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }

  .listitemsright .ad-company-summary .company-summary-panel {
    background: #fff;
    border-radius: 11px;
    box-shadow: 5px 9px 10px 0 #0000001A;
    flex: 1;
  }

  .listitemsright .ad-company-summary .company-summary-panel-header {
    background: #f4f4f4;
    border-radius: 11px 11px 0 0;
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .listitemsright .ad-company-summary .company-summary-panel-title {
    color: #080808;
    font-size: 20px;
    font-weight: 700;
  }

  .listitemsright .ad-company-summary .company-summary-tag {
    background: #11D577;
    border-radius: 100px;
    padding: 6px 16px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 36px;
  }

  .listitemsright .ad-company-summary .company-summary-panel-body {
    background: #FFFFFF;
    border-radius: 0 0 11px 11px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .listitemsright .ad-company-summary .company-summary-field-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #F4F4F4;
    padding: 14px 0;
  }

  .listitemsright .ad-company-summary .company-summary-field-label {
    flex: 0 0 120px;
    color: #080808;
    font-size: 14px;
    font-weight: 700;
  }

  .listitemsright .ad-company-summary .company-summary-field-value {
    color: #080808;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
  }

  .listitemsright .ad-company-summary .company-summary-panel-body .company-summary-field-row:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-company-summary .company-summary-panel-body-qr {
    align-items: center;
    justify-content: center;
    padding: 16px 53px;
    border: 1px solid #F4F4F4;
    border-radius: 0 0 11px 11px;
  }

  .listitemsright .ad-company-summary .company-summary-qr-img {
    background: #F4F4F4;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-company-summary .company-summary-qr-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .listitemsright .ad-company-summary .company-summary-visitor-graph {
    width: 100%;
    height: 269px;
    background: #FFFFFF;
    border-radius: 0 0 11px 11px;
    border: 1px solid #F4F4F4;
    padding: 16px;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-company-summary .company-summary-visitor-graph img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .listitemsright .ad-company-summary .company-summary-product-panel {
    background: #FFFFFF;
    border-radius: 11px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }

  .listitemsright .ad-company-summary .company-summary-product-header {
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #080808;
    font-family: 'Mulish', sans-serif;
  }

  .listitemsright .ad-company-summary .company-summary-product-filter {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 54px;
    margin: 0 16px 8px 16px;
  }

  .listitemsright .ad-company-summary .company-summary-product-filter-label {
    color: #BEBEBE;
    font-size: 16px;
    font-weight: 400;
  }

  .listitemsright .ad-company-summary .company-summary-product-dropdown {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    margin: 0 16px 16px 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .listitemsright .ad-company-summary .company-summary-product-dropdown-item {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #080808;
    cursor: pointer;
    background: #FFFFFF;
    border-bottom: 1px solid #F4F4F4;
  }

  .listitemsright .ad-company-summary .company-summary-product-dropdown-item:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-company-summary .company-summary-product-dropdown-item .checkbox {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #BEBEBE;
    border-radius: 50%;
    margin-right: 11px;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
  }

  .listitemsright .ad-company-summary .company-summary-product-dropdown-item .checkbox:checked {
    border: 2px solid #21C7AD;
    background: #FFFFFF;
  }

  .listitemsright .ad-company-summary .company-summary-product-dropdown-item .checkbox:checked::after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    background: #21C7AD;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

  }
}

/* ad-company-review */
.ad-company-review {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-company-review .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-company-review .company-review-card {
    background: #FFFFFF;
    border-radius: 10px;
  }

  .listitemsright .ad-company-review .company-review-header {
    margin-bottom: 30px;
  }

  .listitemsright .ad-company-review .company-review-nav {
    display: flex;
    gap: 8px;
    font-size: 16px;
    color: #767676;
  }

  .listitemsright .ad-company-review .company-review-nav .previous {
    color: #741FA2;
    text-decoration: underline #741FA2;
  }

  .listitemsright .ad-company-review .company-review-title {
    color: #080808;
    font-size: 24px;
    font-weight: 700;
    padding: 16px 0;
  }

  .listitemsright .ad-company-review .reviews-table {
    margin-top: 40px;
    width: 100%;
    border-collapse: collapse;
  }

  .listitemsright .ad-company-review .reviews-table thead tr {
    border-bottom: 1px solid #F4F4F4;

  }

  .listitemsright .ad-company-review .reviews-table th {
    padding: 11px 16px;
    text-align: left;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: #080808;
    line-height: 20px;

    text-transform: capitalize;
  }

  .listitemsright .ad-company-review .reviews-table tbody tr:last-child {
    border-bottom: none;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

    .listitemsright .ad-company-review .reviews-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .listitemsright .ad-company-review .reviews-table {
      min-width: 600px;
      margin-top: 24px;
    }


    .listitemsright .ad-company-review .reviews-table th,
    .listitemsright .ad-company-review .reviews-table td {
      font-weight: 700;
      font-size: 14px;
      line-height: 20px;

      text-transform: capitalize;
      width: 85px;
      gap: 10px;
      padding-top: 11px;
      padding-right: 10px;
      padding-bottom: 11px;
      padding-left: 10px;


    }

    .reviews-table-container {
      padding: 0 0 10px 0;
    }

  }
}

/* ad-claims */
.ad-claims {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-claims .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-claims .claims-table {
    margin-top: 40px;
    width: 100%;
    border-collapse: collapse;
  }

  .listitemsright .ad-claims .claims-table thead tr {
    border-bottom: 1px solid #F4F4F4;
    height: 48px;

  }

  .listitemsright .ad-claims .claims-table th {
    padding: 14px 0 14px 16px;
    text-align: left;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: #080808;
    line-height: 20px;

    text-transform: capitalize;
  }

  .listitemsright .ad-claims .claims-table tbody tr:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-claims .claims-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }

  .listitemsright .ad-claims .claims-header-title {
    font-weight: 700;
    font-size: 24px;
    color: #080808;
    margin-right: 24px;
    white-space: nowrap;
  }

  .listitemsright .ad-claims .claims-header-title span {
    display: block;
  }

  .listitemsright .ad-claims .claims-header-filters {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: auto;
    height: 54px;
  }

  .listitemsright .ad-claims .claims-filter {
    background: #F4F4F4;
    border-radius: 4px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-claims .claims-filter-btn {
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: #BEBEBE;
    max-width: 178px;
    height: 54px;
    text-align: left;
    padding: 20px 15px 15px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .listitemsright .ad-claims .claims-filter-btn i {
    margin-left: 8px;
    color: #767676;
  }

  .listitemsright .ad-claims .claims-search-btn {
    background: #741FA2;
    color: #FFFFFF;
    border: none;
    border-radius: 29px;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    max-width: 133px;
    padding: 15px 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: background 0.2s;
  }

  .listitemsright .ad-claims .claims-search-btn:hover {
    background: #5d1782;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

    .listitemsright .ad-claims .claims-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .listitemsright .ad-claims .claims-table {
      min-width: 600px;
      margin-top: 24px;
    }

    .listitemsright .ad-claims .claims-header-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }

    .listitemsright .ad-claims .claims-header-row .claims-header-filters {
      margin-left: 0;
      gap: 16px;
      justify-content: space-between;
      width: 100%;
    }

    .listitemsright .ad-claims .claims-table th,
    .listitemsright .ad-claims .claims-table td {
      font-weight: 700;
      font-size: 14px;
      line-height: 20px;
      text-transform: capitalize;
      gap: 10px;
      padding: 11px 10px;
    }

    .listitemsright .ad-claims .claims-table-container {
      padding: 0 0 10px 0;
    }

  }
}

/* ad-addlistingtype */

/* ad-invoices */
.ad-invoices {
  .myaccount {
    padding-top: 60px;
  }

  .myaccount .sitecontainer .myaccount-title {
    font-weight: 800;
    font-size: 36px;
    line-height: 45px;

    color: #080808;
    height: 45px;
    margin: 0 0 30px 0;
  }

  .myaccount .widget-general .itembox .iconlist a {
    padding: 0;
  }

  .myaccount .widget-general .itembox .iconlist span {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #741FA2;
  }

  .myaccount .widget-general .content-dropdown-options {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist {}

  .myaccount .listitemsleft .widget-general .content-dropdown-options .iconlist .listname {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myaccount .widget-general .itembox.active .iconlist a:hover {
    background-color: #F1E9F6;
  }

  .myaccount .listitemsleft .widget-general .iconlist:hover {
    background-color: #F4F4F4;
  }

  .myaccount .listitemsleft .widget-general .content-dropdown-menu .iconlist:hover {
    background-color: #FFFFFF;
  }

  .myaccount .widget-general .itembox.active .iconlist:hover {
    background-color: #F1E9F6;
  }

  .listitemsright .ad-invoices .heading h3 {
    font-weight: 700;
    font-size: 24px;

    color: #080808;
  }

  .listitemsright .ad-invoices .invoices-table {
    margin-top: 40px;
    width: 100%;
    border-collapse: collapse;
  }

  .listitemsright .ad-invoices .invoices-table thead tr {
    border-bottom: 1px solid #F4F4F4;
    width: 100%;
  }

  .listitemsright .ad-invoices .invoices-table th {
    padding: 14px 16px;
    text-align: left;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: #080808;
    line-height: 20px;

    text-transform: capitalize;
  }

  .listitemsright .ad-invoices .invoices-table tbody tr:last-child {
    border-bottom: none;
  }

  .listitemsright .ad-invoices .invoices-table tbody tr {
    height: 81px;
  }

  .listitemsright .ad-invoices .invoices-table td {
    padding: 15px 16px 15px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #080808;
    vertical-align: middle;
    background: #FFFFFF;

  }

  .listitemsright .ad-invoices .invoices-table tr:last-child td {
    border-bottom: none;
  }

  .listitemsright .ad-invoices .invoice-status.approved {
    display: inline-block;
    background: #E9F9F7;
    color: #21C7AD;
    font-weight: 400;
    font-size: 14px;
    border-radius: 25px;
    padding: 13px 20px;
    transition: background 0.2s, color 0.2s;
  }

  .listitemsright .ad-invoices .invoice-status.approved:hover {
    background: #21C7AD;
    color: #FFFFFF;
  }

  .listitemsright .ad-invoices .invoice-actions {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .listitemsright .ad-invoices .dots-btn {
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
  }

  .listitemsright .ad-invoices .popup-menu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0 #0000001A;
    min-width: 135px;
    z-index: 10;
    text-align: left;
  }

  .listitemsright .ad-invoices .popup-menu a {
    display: block;
    padding: 8px 81px 8px 16px;
    color: #080808;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 400;
    text-decoration: none;
    transition: background 0.2s;
  }

  .listitemsright .ad-invoices .popup-menu a:hover {
    background: #F1E9F6;
  }

  .listitemsright .ad-invoices .invoice-actions.show .popup-menu {
    display: block;
  }

  .listitemsright .ad-invoices .invoices-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }

  .listitemsright .ad-invoices .invoices-header-title {
    font-weight: 700;
    font-size: 24px;
    color: #080808;
    margin-right: 24px;
    white-space: nowrap;
  }

  .listitemsright .ad-invoices .invoices-header-title span {
    display: block;
  }

  .listitemsright .ad-invoices .invoices-header-filters {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: auto;
    height: 54px;
  }

  .listitemsright .ad-invoices .invoices-filter {
    background: #F4F4F4;
    border-radius: 4px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .listitemsright .ad-invoices .invoices-filter-btn {
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: #BEBEBE;
    max-width: 178px;
    height: 54px;
    text-align: left;
    padding: 20px 15px 15px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .listitemsright .ad-invoices .invoices-filter-btn i {
    margin-left: 8px;
    color: #767676;
  }

  .listitemsright .ad-invoices .invoices-search-btn {
    background: #741FA2;
    color: #FFFFFF;
    border: none;
    border-radius: 29px;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    max-width: 133px;
    padding: 15px 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: background 0.2s;
  }

  .listitemsright .ad-invoices .invoices-search-btn:hover {
    background: #5d1782;
  }

  .listitemsright .ad-invoices .invoices-pagination {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding-left: 0;
  }

  .listitemsright .ad-invoices .invoices-pagination .page-btn {
    background: #FFFFFF;
    border: none;
    font-size: 16px;
    font-weight: 400;
    ;
    color: #080808;
    width: 42px;
    height: 42px;
    cursor: pointer;
    box-shadow: none;
    position: relative;
  }

  .listitemsright .ad-invoices .invoices-pagination .page-btn.active,
  .listitemsright .ad-invoices .invoices-pagination .page-btn:hover:not(:disabled) {
    background: #741FA2;
    color: #FFFFFF;
  }

  .listitemsright .ad-invoices .invoices-pagination .page-btn:disabled,
  .listitemsright .ad-invoices .invoices-pagination .page-btn.prev:disabled {
    color: #D5BCE3;
    background: #FFFFFF;
    cursor: not-allowed;
  }

  .listitemsright .ad-invoices .invoices-pagination .page-btn.next,
  .listitemsright .ad-invoices .invoices-pagination .page-btn.prev {
    background: #FFFFFF;
    color: #D1BFE6;
    box-shadow: none;
  }

  .listitemsright .ad-invoices .invoices-pagination .page-btn.next i,
  .listitemsright .ad-invoices .invoices-pagination .page-btn.prev i {
    height: 14px;
    width: 14px;
  }

  .listitemsright .ad-invoices .page-btn.next:enabled,
  .listitemsright .ad-invoices .page-btn.prev:enabled {
    color: #19171C;
  }

  @media (max-width: 767px) {
    .merchant .sitecontainer .headerinner .navmenus .mobilebucket {
      display: none;
    }

    .myaccount {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .myaccount .sitecontainer .myaccount-title {
      margin: 0 16px;
      font-weight: 700;
      font-size: 24px;
    }

    .myaccount .searchstoremain {
      gap: 20px;
    }

    .myaccount .searchstoremain .listitemsright {
      padding: 24px 16px;
      width: auto;
      margin-left: 16px;
      margin-right: 16px;
    }

    .listitemsright .ad-invoices .invoices-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .listitemsright .ad-invoices .invoices-table {
      min-width: 600px;
      margin-top: 24px;
    }

    .listitemsright .ad-invoices .invoices-header-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }

    .listitemsright .ad-invoices .invoices-header-row .invoices-header-filters {
      margin-left: 0;
      gap: 16px;
      justify-content: space-between;
      width: 100%;
      overflow-x: auto;
      padding-bottom: 20px;
      height: auto !important
    }


    .listitemsright .ad-invoices .invoices-table th,
    .listitemsright .ad-invoices .invoices-table td {
      font-weight: 700;
      font-size: 14px;
      line-height: 20px;
      text-transform: capitalize;
      gap: 10px;
      padding: 11px 10px;
    }

    .listitemsright .ad-invoices .invoices-table-container {
      padding: 0 0 10px 0;
    }

  }
}

.listing-options-box .listing-options {
  padding-bottom: 20px !important;
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Scrollbar width */
.listing-options-box .listing-options::-webkit-scrollbar {
  width: 8px;
}

/* Track (the background) */
.listing-options-box .listing-options::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle (the draggable part) */
.listing-options-box .listing-options::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

/* Handle on hover */
.listing-options-box .listing-options::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.custom-radio .radio-mark {
  border: 2px solid #BEBEBE !important
}

.custom-radio input[type="checkbox"]:checked+.radio-mark {
  border: 2px solid #2DC5B5 !important
}

.filters-parent-box {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  background-color: #F4F4F4;
  font-size: 16px;
  color: #BEBEBE;
  padding: 0 20px;
  justify-content: space-between;
  cursor: pointer;
}

.show-listingbox,
.show-listingboxs {
  display: none;
}

.show-listingbox.active,
.show-listingboxs.active {
  display: block;
}

.show-listingbox.active .sub-ul-item,
.show-listingboxs.active .sub-ul-item {
  display: none;
  padding-left: 20px;
}

.show-listingbox.active .open .sub-ul-item,
.show-listingboxs.active .open .sub-ul-item {
  display: block;
}

.logo-upload-box {
  padding: 20px !important;
  height: auto !important;
}

.status.approved,
.order-status.active {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.menu-popup {
  padding-bottom: 10px !important;
  height: auto !important;
}

.add-listing-input,
.add-listing-container input[type="text"],
.add-listing-container textarea {
  margin-bottom: 20px;
}

.add-listing-label {
  margin-bottom: 7px;
}


.listpager.customDropdown {
  position: relative;
  width: 100%;
  user-select: none;
  margin-bottom: 20px;
}

.listpager.customDropdown .customSelect {
  background: #F4F4F4;
  padding: 14px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
}

.listpager.customDropdown .customSelect:after {
  content: "";
  width: 24px;
  height: 24px;
  margin-left: 10px;
  background-image: url('../images/chewron-down.svg');
}

.listpager.customDropdown .customOptions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 6px;
  margin-top: 5px;
  display: none;
  z-index: 10;
}

.listpager.customDropdown .customOptions div {
  padding: 12px;
  cursor: pointer;
}

.listpager.customDropdown .customOptions div:hover {
  background: #f0f0f0;
}

.form-inner-titles {
  font-size: 20px;
  font-weight: 700;
  color: #080808;
  margin-top: 30px;
  margin-bottom: 30px;
}

.form-inner-deviders {
  width: 100%;
  height: 1px;
  border-top: 1px solid #F4F4F4;
  margin-bottom: 20px;
}

.small-caps {
  font-size: 14px;
  color: #767676;
}


.hours-container {
  width: 100%;
}


.rows {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: nowrap !important;
}

.hours-container .listpager.customDropdown {
  margin-bottom: 0;
}

.hours-container .listpager.customDropdown .customSelect {
  width: 100%;
}

.hours-container .delete-btn {
  min-width: 110px;
  background-color: transparent;
  background: none;
  border: none;
}

.add-btn-row {
  min-width: 110px;
  height: 54px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #741FA2;
  border-radius: 25px;
  color: #fff;
  border: none;
}

.add-btn-row:focus,
.add-btn-row:focus-visible,
.hours-container .delete-btn:focus,
.hours-container .delete-btn:focus-visible {
  outline: none;
  border: none;
}

.flex-pan {
  width: 100%;
  display: flex;
  gap: 10px;
}

.flex-pan .form-block-control {
  width: 100%;
}

.add-forms {
  width: 218px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700px;
  color: #fff;
  background-color: #741FA2;
  margin-top: 20px;
  border-radius: 25px;
  cursor: pointer;
}

.add-forms:hover {
  color: #fff;
  background-color: #531475;
}

.message-statuses {
  padding: 10px 16px;
  border-radius: 30px;
  background-color: #F1E9F6;
  margin-top: 30px;
  color: #741FA2;
}

@media (max-width:768px) {
  .rows {
    flex-wrap: wrap !important;
    justify-content: space-between;
  }

  .rows> :first-child {
    min-width: 100%;
  }

  .hours-container .listpager.customDropdown {
    width: 40%;
  }

  .add-btn-row {
    min-width: 36px;
    width: 36px;
    height: 36px;
  }

  .hours-container .delete-btn {
    min-width: 36px;
    width: 36px;
  }

  .flex-pan {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}

@media (max-width:400px) {
  .hours-container .listpager.customDropdown {
    width: 35%;
  }
}


.ad-reviews-h {
  width: 100%;
  overflow-x: auto;
  padding: 20px;
}


.ad-reviews-h .reviews-table {
  width: 100%;
  border-collapse: collapse;
}

.ad-reviews-h .reviews-table thead tr {
  border-bottom: 1px solid #F4F4F4;
  width: 100%;
}

.ad-reviews-h .reviews-table th {
  padding: 14px 16px;
  text-align: left;
  height: 48px;
  font-size: 14px;
  font-weight: 700;
  color: #080808;
  line-height: 20px;

  text-transform: capitalize;
}

.ad-reviews-h .reviews-table tbody tr:last-child {
  border-bottom: none;
}

.ad-reviews-h .reviews-table tbody tr {
  height: 81px;
}

.ad-reviews-h .reviews-table td {
  padding: 15px 0 15px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #080808;
  vertical-align: middle;
  background: #FFFFFF;
  width: 15px;
}

.ad-reviews-h .reviews-table tr:last-child td {
  border-bottom: none;
}

.ad-reviews-h .review-status.approved {
  display: inline-block;
  background: #E9F9F7;
  color: #21C7AD;
  font-weight: 400;
  font-size: 14px;
  border-radius: 1000px;
  padding: 13px 16px;
  transition: background 0.2s, color 0.2s;
}

.ad-reviews-h .review-status.approved:hover {
  background: #21C7AD;
  color: #FFFFFF;
}

.ad-reviews-h .review-title .main {
  font-size: 14px;
  font-weight: 400;
  color: #080808;
  width: 185px;
}

.ad-reviews-h .review-rating img {
  width: 130px;
}

.ad-reviews-h .review-added {
  font-size: 14px;
  color: #080808;
  font-weight: 400;
}

.ad-reviews-h .review-actions {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ad-reviews-h .dots-btn {
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  margin-left: auto
}



.ad-reviews-h .comment-section {
  background: #FFFFFF;
  border-radius: 10px;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  align-self: stretch;
  position: relative;
  padding: 30px;
}

.ad-reviews-h .comment-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  align-self: stretch;
  margin-bottom: 30px;
}

.ad-reviews-h .comment-header {
  display: flex;
  flex-direction: row;
  gap: 10px;
  height: 44px;
  align-items: center;
}

.ad-reviews-h .comment-avatar {
  background: #767676;
  border-radius: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}

.ad-reviews-h .comment-avatar img {
  width: 44px;
  height: 44px;
}

.ad-reviews-h .comment-author {
  color: #080808;
  font-size: 16px;
  font-weight: 700;
}

.ad-reviews-h .comment-time {
  color: #080808;
  font-size: 16px;
  font-weight: 400;
}

.ad-reviews-h .comment-content-box {
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #F4F4F4;
  padding: 16px;
  box-shadow: 5px 9px 10px 0 #0000001A;
  align-self: stretch;
}

.ad-reviews-h .comment-content {
  color: #080808;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
}

.adclaims.dropdown {
  position: relative;
  display: inline-block;
  /* margin-right: 20px; */
  width: 100%;
  position: relative;
  z-index: 999;
  white-space: nowrap;
  /* overflow-x: hidden; */
}

.adclaims .dropdown-btn {
  background: #F4F4F4;
  border: 1px solid #F4F4F4;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
  min-width: 100%;
  text-align: left;
  transition: border-color 0.2s ease;
  color: #BEBEBE;
  max-width: 150px;
  min-width: 150px;
  overflow-x: hidden;
  position: relative;
}

.adclaims .dropdown-btn .fa {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.adclaims .dropdown-btn p {
  width: calc(100% - 16px);
  overflow-x: hidden;
}

.adclaims .dropdown-btn:focus {
  outline: none;
  border-color: none;
}

.adclaims .dropdown-menu {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  min-width: 160px;
  z-index: 10;
}

.adclaims .dropdown-item {
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.adclaims .dropdown-item:hover {
  background: #f3eefe;
}

.adclaims.dropdown.show .dropdown-menu {
  display: block;
  width: 100%;
  z-index: 999;
}

.claims-header-row {
  position: relative;
  z-index: 999;
  overflow-x: visible !important;
}

.adclaims.dropdown.show .dropdown-menu.mobile-dprs {
  min-width: 300px;
  /* margin-left:-100px */
}

.ad-claims .listitemsright .ad-claims .claims-filter {
  /* max-width: 150px; */
}

.myaccount .listitemsright .ad-review-view .comment-form:invalid .comment-form-submit-btn:disabled  {
  background-color: #dab1f1;
}