/*project-container*/
/*M01-6 -> M01-7*/
.project-container .breadcrumbs-wrapper a {
  color: var(--primary);
}

.project-container .form-container {
  background: var(--gray);
  margin-bottom: 24px;
}

.project-container .primary-section .info-table .centered-cell .content {
  flex-direction: column;
}

.project-container .primary-section .info-table .centered-cell .content .content-ma {
  margin-top: 10px;
}

.project-container .form-project .form-container .content,
.info-table .content {
  word-break: break-all;
}

@media (min-width: 375px) {
  .project-container .form-container form {
    padding: 24px 24px;
  }
}

@media (min-width: 768px) {
  .project-container .primary-section .info-table .centered-cell .content {
    flex-direction: row;
    justify-content: left;
  }

  .project-container .primary-section .info-table .centered-cell .content .content-ma {
    flex-direction: row;
    justify-content: space-around;
    margin-left: 15px;
  }

  .project-container .primary-section .info-table .centered-cell .content .content-ma .text {
    width: 100%;
    align-items: center;
    margin-left: 15px;
  }
}

@media (min-width: 1024px) {
  .project-container .breadcrumbs-wrapper .breadcrumbs {
    padding-left: 0;
  }
}

.main-section .info-table .centered-cell .title span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.main-section .info-table .centered-cell .content {
  justify-content: center;
  align-items: center;
}

.main-section .info-table .content img {
  max-width: 150px;
}

.main-section .info-table .content .badge {
  border: 1px solid #e17099;
  color: #e17099;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 0;
  max-height: 35px;
}

.main-section .info-table .content .text {
  width: 80%;
}

/* M01-3 */
.view-favorites {
  background-color: #fff;
  color: #3cb7de;
  border: 1px solid #3cb7de;
  padding: 0 20px;
}

.view-favorites::before {
  content: '';
  background: url('/assets/img/icons/icon_star_outline_blue.svg') center center no-repeat;
  display: block;
  height: 24px;
  width: 24px;
  margin-right: 4px;
}

.view-favorites-orange::before {
  background: url('/assets/img/icons/icon_star_orange.svg') center center no-repeat;
}
.view-favorites.view-favorites-small-orange::before {
  margin-right: -4px;
  background: url('/assets/img/icons/icon_star_small_orange.svg') center center no-repeat;
}

.view-favorites-small-orange::before {
  background: url('/assets/img/icons/icon_star_small_orange.svg') center center no-repeat;
}

.detail-ma-container .to-inquiry {
  background: var(--hover-arrow-blue);
}

.wrap .main-title.main-title-ma .toggle-button,
.wrap .main-title.main-title-ma .view-favorites {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  a.view-favorites {
    padding: 0 20px;
    gap: 4px;
  }

  a.view-favorites:hover {
    color: #fff;
  }

  .detail-ma-container .to-inquiry:hover {
    outline: 2px solid var(--primary);
    transition: 0ms;
  }

  .detail-ma-container .submit-document-wrapper .btn-wrapper a.btn-edit-3 {
    margin: 0 60px 0 60px;
  }

  .btn:hover.view-favorites::before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%) hue-rotate(311deg)
      brightness(112%) contrast(101%);
    -ms-filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%) hue-rotate(311deg)
      brightness(112%) contrast(101%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%)
      hue-rotate(311deg) brightness(112%) contrast(101%);
  }
}

@media screen and (min-width: 1024px) {
  .wrap .main-title.main-title-ma .toggle-button,
  .wrap .main-title.main-title-ma .view-favorites {
    margin-top: 0;
  }

  .detail-ma-container .submit-document-wrapper .btn-wrapper a.btn-edit-3 {
    margin: 0 auto 0 90px;
  }
}

/* M01-5 */

.detail-ma-container .submit-document-wrapper .flow-project {
  color: var(--primary);
}

.detail-ma-container .submit-document-wrapper .btn-wrapper .btn-red {
  border-color: var(--red-100);
  color: var(--red-100);
}

.detail-ma-container .submit-document-wrapper .btn-wrapper a.btn-red:hover {
  border: none;
  background: var(--red-100);
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .detail-ma-container .submit-document-wrapper .flow-project {
    padding: 20px 0 80px 0;
  }
}

/* M01-4 */

.input-163-pc {
  max-width: 105px;
}

.price-input {
  display: flex;
  align-items: center;
}

.detail-ma-container .pagination .page-item .page-link {
  color: var(--primary);
}

.detail-ma-container .pagination .arrow.arrow-blue::after {
  content: url('/assets/img/icons/icon_arrow_blue.svg');
}

.detail-ma-container .favorites-ma-container .description-wrapper-2 .sample {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .input-163-pc {
    max-width: 163px;
  }

  .detail-ma-container .submit-document-wrapper .btn-wrapper .btn-return-m4 {
    margin-top: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .detail-ma-container .pagination .arrow.arrow-blue:hover {
    background: var(--primary) !important;
  }
}

/*details_ma*/
/* SM04 */
.detail-ma-container .main-section {
  padding: 20px 16px;
}

.detail-ma-container .main-section .grant-detail-wrapper .opportunity-status {
  display: flex;
  margin-top: 20px;
  flex-direction: column;
}

.detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .status-icon {
  border-radius: 50%;
  border: 4px solid #f0f1f1;
  background-color: #ffffff;
  height: 35px;
  width: 35px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .status-text {
  color: var(--gray-100);
  text-align: center;
  font-size: 14px;
  padding: 10px 0px 10px;
}

.detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .current .status-icon {
  position: relative;
  background-color: var(--primary);
  border: none;
}

.detail-ma-container
  .main-section
  .grant-detail-wrapper
  .opportunity-status
  .current
  .status-icon::before {
  content: '';
  background: url('/assets/img/icons/icon_check.svg') no-repeat center center;
  display: block;
  width: 20px;
  margin: auto;
  height: 20px;
  top: 6px;
  right: 0;
  left: 0;
  position: absolute;
}

.detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .status {
  position: relative;
}

.detail-ma-container
  .main-section
  .grant-detail-wrapper
  .opportunity-status
  .status:not(:first-child) {
  margin-top: 15px;
}

.detail-ma-container
  .main-section
  .grant-detail-wrapper
  .opportunity-status
  .status:not(:first-child)::before {
  content: '';
  background: url('/assets/img/icons/icon_arrow_down_ma.svg') no-repeat center center;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  margin: auto;
}

.detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .status-cancel {
  color: var(--dark-gray);
  width: 100%;
  background: var(--gray-70);
  padding: 16px 16px;
  text-align: center;
}

.detail-ma-container .breadcrumbs-wrapper a {
  color: var(--primary);
}

.icon-ma {
  height: 44px;
  width: 44px;
  border: 1px solid var(--primary);
  border-radius: 50%;
}

.icon-ma.no-outline {
  border: 0 !important;
}

.icon-ma::after {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.detail-ma-container .main-section .info-table .content .text {
  width: 100%;
  align-items: center;
}

.icon-ma-upload::after {
  background: url('/assets/img/icons/icon_ma_upload.svg') center center no-repeat;
}

.icon-ma-download::after {
  background: url('/assets/img/icons/icon_ma_download.svg') center center no-repeat;
}

.detail-ma-container .submit-document-table .outline {
  border-color: var(--primary);
}

.detail-ma-container .btn-wrapper .outline-ma {
  border-color: var(--primary);
  color: var(--primary);
}

#upload_documents .upload-wrapper button#btn-upload-ma {
  border: 1px solid var(--primary);
  color: var(--primary);
}

.detail-ma-container .grant-detail-wrapper .content .info-table .centered-cell .content {
  flex-direction: column;
}

.detail-ma-container
  .grant-detail-wrapper
  .content
  .info-table
  .centered-cell
  .content
  .content-ma {
  margin-top: 10px;
}

.detail-ma-container .submit-document-wrapper .btn-wrapper {
  margin-bottom: 25px;
}

@media screen and (min-width: 375px) {
  .detail-ma-container .main-section {
    padding: 20px 16px;
  }

  .detail-ma-container .main-section .grant-detail-wrapper .opportunity-status {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .detail-ma-container
    .main-section
    .grant-detail-wrapper
    .opportunity-status
    .status:not(:first-child) {
    margin-top: 0;
  }

  .detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .status {
    width: 33.33%;
    justify-items: center;
  }

  .detail-ma-container
    .main-section
    .grant-detail-wrapper
    .opportunity-status
    .status:not(:first-child) {
    margin-top: 0;
  }

  .detail-ma-container
    .main-section
    .grant-detail-wrapper
    .opportunity-status
    .status:not(:first-child)::before {
    content: '';
    background: url('/assets/img/icons/icon_ma_play.svg') no-repeat center center;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -10px;
    right: 100px;
    top: 50px;
    margin: auto;
  }

  .detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .status-4 {
    margin-left: 60px;
  }
}

@media screen and (min-width: 768px) {
  .detail-ma-container .main-section {
    padding: 40px 16px;
  }

  .detail-ma-container .main-section .grant-detail-wrapper .opportunity-status {
    display: flex;
    flex-wrap: nowrap;
  }

  .detail-ma-container .main-section .grant-detail-wrapper .opportunity-status > div {
    flex: 1;
  }

  .detail-ma-container
    .main-section
    .grant-detail-wrapper
    .opportunity-status
    .status:not(:first-child) {
    margin-top: 0;
  }

  .detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .status {
    position: relative;
  }

  .detail-ma-container
    .main-section
    .grant-detail-wrapper
    .opportunity-status
    .status:not(:first-child)::before {
    content: '';
    background: url('/assets/img/icons/icon_ma_play.svg') no-repeat center center;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -100px;
    right: 100px;
    top: 50px;
    margin: auto;
  }

  .detail-ma-container .main-section .grant-detail-wrapper .opportunity-status .status-4 {
    margin-left: unset;
  }

  #upload_documents .textarea-ma {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  #upload_documents .textarea-ma .title-label {
    width: 100%;
    max-width: 150px;
    margin-bottom: 0;
  }

  .detail-ma-container .grant-detail-wrapper .content .info-table .centered-cell .content {
    flex-direction: row;
    justify-content: left;
  }

  .detail-ma-container
    .grant-detail-wrapper
    .content
    .info-table
    .centered-cell
    .content
    .content-ma {
    flex-direction: row;
    justify-content: space-around;
    margin-left: 15px;
  }

  .detail-ma-container
    .grant-detail-wrapper
    .content
    .info-table
    .centered-cell
    .content
    .content-ma
    .text {
    width: 100%;
    align-items: center;
    margin-left: 15px;
  }
}

.detail-ma-container .submit-document-wrapper .btn-wrapper {
  justify-content: space-between;
}

.detail-ma-container .submit-document-wrapper .btn-wrapper .btn-back:hover {
  background: var(--red-100);
  color: #fff;
  border: none;
}

.detail-ma-container .submit-document-wrapper .btn-wrapper .btn-return:hover {
  background: var(--primary);
  color: #fff;
  border: none;
}

#upload_documents .upload-wrapper button.outline-ma:hover,
.detail-ma-container .search-result-table .row .content .btn:hover .icon-ma-download,
.detail-ma-container .submit-document-table .row:last-child .content .btn:hover {
  background: var(--primary);
}

.detail-ma-container .search-result-table .row .content .btn:hover .icon-trash {
  background: var(--red-100);
}

#upload_documents .upload-wrapper button#btn-upload-ma:hover,
.detail-ma-container .submit-document-table .row:last-child .content .btn:hover span {
  color: #fff;
}

.detail-ma-container .search-result-table .row .content .btn:hover .icon-ma-trash::after,
.detail-ma-container .search-result-table .row .content .btn:hover .icon-ma-download::after,
.detail-ma-container .submit-document-table .row:last-child .content .btn:hover .icon-ma-upload {
  filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%) hue-rotate(311deg)
    brightness(112%) contrast(101%);
  -ms-filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%) hue-rotate(311deg)
    brightness(112%) contrast(101%);
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%)
    hue-rotate(311deg) brightness(112%) contrast(101%);
}

@media screen and (min-width: 1024px) {
  .detail-ma-container .main-section {
    padding: 40px 26px;
  }

  .support-service-container .submit-document-wrapper .btn-wrapper .btn-back {
    max-width: 250px;
  }
}

.registration-container .form-wrapper .title-label a {
  color: var(--primary);
}

.registration-container .form-wrapper .title-label.title-row {
  display: flex;
  height: 52px;
}

.registration-container .form-wrapper .title-label.title-row div:has(span.label) {
  padding: 10px;
}

.registration-container .form-wrapper .identity-title {
  margin-top: 32px;
}

.registration-container .form-wrapper .identity-title p:first-of-type {
  margin-bottom: 32px;
}

.registration-container .form-wrapper .content-upload {
  max-width: 240px;
  width: 100%;
}

.registration-container .form-wrapper .btn-upload {
  width: 100%;
}

.registration-container .form-wrapper .note {
  color: #e73a3a;
  margin: 0 auto;
}

.registration-container .form-wrapper .content-upload-confirm {
  max-width: 180px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .registration-container .form-wrapper .fancy-checkbox .link {
    text-align: left;
    margin-top: auto;
  }
}

@media screen and (min-width: 1024px) {
  .registration-container .form-wrapper .long-note {
    white-space: nowrap;
  }
}

.registration-container .confirmation div.form-wrapper:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.registration-container .confirmation div.form-wrapper:last-of-type .row {
  margin-top: 0;
}

.registration-container .confirmation div.form-wrapper:last-of-type .content {
  gap: 36px;
}

.registration-container .completion .success-text {
  margin: 0 auto;
}

.input-file-wrapper {
  display: flex;
  flex-direction: row;
  padding: 20px;
  border-radius: 7px;
  max-width: 650px;
  margin-top: 24px;
  width: 100%;
}

.input-file-wrapper .member_file_text {
  flex-grow: 2;
  border: none;
}

.input-file-wrapper .btn-upload {
  padding: 0 20px;
  background-color: white;
  flex-basis: 30%;
}

/* B01 */
.favorites-ma-container .row {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}

.favorites-ma-container .main-title .btn-star-outline {
  min-height: 44px;
  max-width: 196px;
  width: 100%;
}

.favorites-ma-container .main-section {
  padding: 40px 16px;
}

.favorites-ma-container .grant-wrapper {
  max-width: 1040px;
  margin: auto;
}

.favorites-ma-container .grant-wrapper .accordion_one .btn-back {
  width: 229px !important;
  height: 49px !important;
}

.favorites-ma-container .grant-wrapper .accordion_one .btn-wrapper .outline:hover {
  background: var(--primary);
  color: #fff;
}

.favorites-ma-container .grant-wrapper .accordion_one .btn-wrapper .outline-blue:hover {
  background: var(--primary);
  color: #fff;
}

.favorites-ma-container .grant-wrapper .description {
  margin: 24px 0;
}

.favorites-ma-container .grant-wrapper .title-icon img {
  width: 58px;
}

.favorites-ma-container .accordion_one .accordion_label .label-red {
  color: #e73a3a;
  background-color: #ffffff;
  border: 1px solid #e73a3a;
}

.favorites-ma-container .accordion_one .accordion_label .label-blue {
  color: #3cb7de;
  background-color: #f3fbfe;
  padding: 0.2rem 0.4rem;
  margin-right: 0.4rem;
}

.favorites-ma-container .accordion_one .accordion_label .label-green {
  color: #7dc252;
  background-color: #ffffff;
  border: 1px solid #7dc252;
}

.favorites-ma-container .accordion_one .accordion_i .arrow {
  background-color: #f3fbfe;
}

.favorites-ma-container .accordion_one.accordion-custom .accordion_header {
  padding: 16px 0 24px;
  margin: 0 16px;
}

.favorites-ma-container .accordion_one.accordion-custom .accordion_inner {
  padding: 0;
  margin: 0 16px;
}

.favorites-ma-container .accordion_one.accordion-custom .accordion_inner .row .btn {
  height: 55px;
  max-width: 218px;
  font-size: 13px;
  font-weight: bold;
}

.favorites-ma-container .accordion_one.accordion-custom .accordion_footer {
  padding: 12px 0;
  margin: 0 16px;
}

.favorites-ma-container .accordion_one.accordion-custom .accordion_footer:has(.open) {
  border: none;
}

@media screen and (min-width: 320px) {
  .favorites-ma-container .main-section {
    padding: 20px 10px;
  }

  .favorites-ma-container .main-title {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
    justify-content: start;
  }

  .favorites-ma-container .main-title .toggle-button {
    margin: 0px;
  }

  .favorites-ma-container .toggle-button .text {
    font-size: 13px;
  }

  .favorites-ma-container .content .btn-search {
    font-size: 0.8rem !important;
    max-width: 100%;
    margin-top: 15px;
  }

  .favorites-ma-container .grant-wrapper .description-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 24px 0 24px 0;
  }

  .favorites-ma-container .grant-wrapper .ma-title {
    font-size: 1rem;
  }

  .favorites-ma-container .accordion_one .accordion_label li {
    color: #3cb7de;
    background-color: #ffffff;
    padding: 0.1rem 0.2rem;
    margin-right: 0.4rem;
  }

  .favorites-ma-container .accordion_one .accordion_header .accordion-header-content .display-flex {
    display: flex;
    flex-wrap: wrap;
  }

  .favorites-ma-container .accordion_one .accordion_header .accordion-header-img {
    margin: 5px auto;
  }

  .favorites-ma-container .accordion_one .accordion_header .accordion-header-img img {
    width: 130px;
    height: 98px;
    flex-shrink: 0;
  }

  .favorites-ma-container .grant-wrapper .accordion_one .btn-wrapper {
    display: flex;
    align-items: center;
    margin-top: 0;
    flex-direction: column;
  }

  .favorites-ma-container .grant-wrapper .accordion_one .btn-wrapper .outline {
    border: 1px solid var(--primary);
    color: var(--primary);
  }

  .favorites-ma-container .grant-wrapper .accordion_one .btn-wrapper .outline-blue {
    display: flex;
    align-items: center;
    border: 1px solid var(--primary);
    color: var(--primary);
  }
}

@media screen and (min-width: 375px) {
  .favorites-ma-container .main-section {
    padding: 35px 24px;
  }

  .favorites-ma-container .toggle-button .text {
    font-size: 14px;
  }

  .favorites-ma-container .content .btn-search {
    height: 44px;
    width: 100%;
    font-size: 1rem !important;
  }

  .favorites-ma-container .accordion_one .accordion_header .accordion-header-content {
    padding-left: 5px;
  }

  .favorites-ma-container .grant-wrapper .btn-outline {
    min-height: 64px;
    max-width: 222px;
    width: 100%;
    margin: 5px auto 0;
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: #ffffff;
  }
}

@media screen and (min-width: 768px) {
  .favorites-ma-container .accordion_one .accordion_header .accordion-header-img {
    margin: 0px;
  }

  .favorites-ma-container .accordion_one .accordion_header .accordion-header-img img {
    width: 130px;
    height: 98px;
    flex-shrink: 0;
  }

  .favorites-ma-container .accordion_one .accordion_header .accordion-header-content {
    padding-left: 24px;
  }

  .favorites-ma-container .content .btn-search {
    max-width: 358px;
    margin-top: 0px;
  }

  .favorites-ma-container .accordion_one .accordion_label li {
    color: #3cb7de;
    background-color: #ffffff;
    padding: 0.2rem 0.4rem;
    margin-right: 0.4rem;
  }

  .favorites-ma-container .grant-wrapper .accordion_one .btn-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 0;
    flex-direction: row;
  }

  .favorites-ma-container .grant-wrapper .accordion_one .btn-wrapper .outline {
    position: absolute;
    border: 1px solid var(--primary);
    color: var(--primary);
    right: 5px;
  }

  .favorites-ma-container .grant-wrapper .accordion_one .btn-wrapper .outline-blue {
    display: none;
  }

  .favorites-ma-container .grant-wrapper .accordion_one .btn {
    min-height: 44px;
    max-width: 180px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid var(--primary);
    color: var(--primary);
  }

  .favorites-ma-container .grant-wrapper .btn-outline {
    min-height: 64px;
    max-width: 222px;
    width: 100%;
    margin: 80px auto 0;
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: #ffffff;
  }
}

@media screen and (min-width: 1024px) {
  .favorites-ma-container .main-section {
    padding: 80px 24px;
  }

  .favorites-ma-container .main-title .toggle-button {
    margin: 0 250px 0 0;
  }

  .favorites-ma-container .accordion_one.accordion-custom .accordion_inner .row:last-child {
    margin-top: 0;
    padding: 41px 0;
  }

  .favorites-ma-container .accordion_one.accordion-custom .accordion_inner .row .btn {
    font-size: 16px;
    max-width: 220px;
  }

  .favorites-ma-container .accordion_one.accordion-custom .accordion_inner {
    border: none;
  }

  .favorites-ma-container .grant-wrapper .description-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin: 24px 0 32px 0;
  }

  .favorites-ma-container .btn-outline:hover {
    background: var(--primary) !important;
    color: #fff;
  }

  .favorites-ma-container .btn-outline:hover span {
    color: #fff;
  }
}

@media screen and (min-width: 1280px) {
  .favorites-ma-container .main-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 40px 0px;
    margin: 0 auto;
    gap: 44px;
  }

  .favorites-ma-container .main-title .toggle-button {
    margin-right: 170px;
  }
}

/* M01-2 business-acquisition */
.business-acquisition-container .main-title .btn-star-outline {
  min-height: 44px;
  max-width: 196px;
  width: 100%;
}

.business-acquisition-container .to-a02 {
  background: var(--hover-arrow-blue);
}

.business-acquisition-container .accordion_one .accordion_i .arrow {
  background-color: #f3fbfe;
}

.business-acquisition-container .pagination .page-item .page-link {
  color: var(--primary);
}

.business-acquisition-container .pagination .arrow.arrow-blue::after {
  content: url('/assets/img/icons/icon_arrow_blue.svg');
}

.business-acquisition-container .agency-table .btn {
  min-height: 44px;
  max-width: 180px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid var(--primary);
  color: var(--primary);
}

.business-acquisition-container .grant-wrapper .accordion_one .btn {
  min-height: 44px;
  max-width: 180px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid var(--primary);
  color: var(--primary);
}

.business-acquisition-container .pagination {
  justify-content: center;
  margin-top: 54px;
}

.favorites-ma-container .content .favorite {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin: 24px 0px;
}

.favorites-ma-container .content .btn-star-outline {
  min-height: 44px;
  max-width: 196px;
  width: 100%;
}

.favorites-ma-container .content .accordion_inner .btn-wrapper .btn-red {
  border-color: var(--red-100);
  color: var(--red-100);
}

.favorites-ma-container .content .accordion_inner .btn-wrapper .btn-red:hover {
  background-color: var(--red-100);
}

@media screen and (min-width: 320px) {
  .favorites-ma-container .content .description-wrapper-2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 24px 0 0 0;
  }

  .favorites-ma-container .content .description-wrapper-2 .paginate {
    display: flex;
    max-width: 60px;
    height: 30px;
    padding: 5px 10px;
    border-radius: 8px;
    border: 2px solid var(--gray-70);
    background: #ffffff;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .business-acquisition-container .agency-wrapper .tag-wrapper {
    padding: 24px 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .business-acquisition-container .agency-wrapper .tag-wrapper.tag-wrapper-ma .btn {
    height: 44px;
    flex: none;
    width: max-content;
    padding: 0 18px;
    justify-content: center;
  }

  .favorites-ma-container .content .description-wrapper-2 {
    display: flex;
    justify-content: space-between;
    margin: 24px 0 24px 0;
  }

  .favorites-ma-container .content .description-wrapper-2 .paginate {
    display: flex;
    max-width: 60px;
    height: 22px;
    padding: 10px 16px;
    border-radius: 8px;
    border: 2px solid var(--gray-70);
    background: #ffffff;
  }
}

@media screen and (min-width: 1024px) {
  .business-acquisition-container .to-a02:hover {
    outline: 2px solid var(--primary);
    transition: 0ms;
  }

  .business-acquisition-container .pagination .arrow.arrow-blue:hover {
    background: var(--primary) !important;
  }

  .business-acquisition-container .agency-table .bg-white:hover,
  .business-acquisition-container .btn-outline:hover {
    background: var(--primary) !important;
    color: #fff;
  }
}

/*ma-terms-service*/
.ma-terms-service .img-fluid img {
  width: 100%;
}

.ma-terms-service .flow-wrapper .rounded-container {
  background-color: #f3fbfe;
}

.ma-terms-service .flow-wrapper .rounded-container .table tbody tr:first-child td:first-child {
  background: rgba(60, 183, 222, 0.3);
}

.ma-terms-service .flow-wrapper .rounded-container .table tbody tr:first-child td:last-child {
  background: #fccc8a;
}

.ma-terms-service .flow-wrapper .rounded-container .table td {
  border: 1px solid #6b7280;
  width: 50%;
  height: 60px;
  padding: 0;
}

.ma-terms-service .flow-wrapper .rounded-container.stage-1 .table tbody td:nth-child(2),
.ma-terms-service .flow-wrapper .rounded-container.stage-1 .table tbody td:last-child {
  height: 45px;
}

.ma-terms-service .flow-wrapper .rounded-container .table td div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ma-terms-service .btn-wrapper .outline {
  border-color: var(--primary);
  color: var(--primary);
}

.ma-terms-service .btn-wrapper .outline:hover {
  color: #fff;
}

.ma-terms-service .row .cell {
  max-width: none !important;
}

.ma-terms-service .brokerage-fees .row .cell:first-child {
  width: 120%;
}

.ma-terms-service .brokerage-fees .row .cell:nth-child(2) {
  width: 180%;
}

.ma-terms-service .brokerage-fees .row .cell:nth-child(2) span {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ma-terms-service .brokerage-fees .row .cell:nth-child(2) span:first-child {
  border-right: 1px solid white;
  box-sizing: border-box;
}

.ma-terms-service .brokerage-fee-percentage .row .cell:first-child {
  width: 60%;
}

@media (max-width: 768px) {
  .ma-terms-service .img-fluid {
    margin: 20px;
  }

  .ma-terms-service .flow-wrapper .rounded-container .title span:last-child {
    margin: auto;
    margin-left: 0px;
  }

  .ma-terms-service .brokerage-fees .row .cell:nth-child(2),
  .ma-terms-service .brokerage-fees .row .cell:first-child {
    width: unset;
  }

  .ma-terms-service .main-section .brokerage-fees .row:nth-last-child(2),
  .ma-terms-service .main-section .brokerage-fee-percentage .row:nth-last-child(2) {
    margin-bottom: 24px;
  }

  .ma-terms-service .brokerage-fee-percentage .row .cell:first-child {
    width: unset;
  }

  .ma-terms-service .brokerage-fee-percentage .row .cell .content {
    justify-content: left;
  }
}

@media (max-width: 480px) {
  .ma-terms-service .img-fluid {
    margin: 10px;
  }
}

@media screen and (min-width: 1024px) {
  .main-title.main-title-ma {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0 24px 0;
  }

  .main-title.main-title-ma .toggle-button {
    margin-right: 250px;
  }

  .wrap .main-title.main-title-ma .toggle-button {
    margin-right: 250px;
  }
}

@media screen and (min-width: 1280px) {
  .wrap .main-title.main-title-ma .toggle-button {
    margin-right: 170px;
  }
}

.detail-ma-container
  .business-documents
  .submit-document-wrapper:not(:first-child)
  .cell:nth-last-child(3)
  .content {
  justify-content: center;
  padding: 16px 0;
}

.detail-ma-container
  .business-documents
  .submit-document-wrapper:not(:first-child)
  .cell:nth-child(2)
  .content
  img {
  margin: auto;
  max-width: 150px;
  max-height: 150px;
  padding: 15px;
}

.detail-ma-container
  .business-documents
  .submit-document-wrapper:first-child
  .row
  .cell:nth-child(2)
  .content {
  justify-content: flex-start;
  padding: 0 24px;
}

.detail-ma-container .business-documents .submit-document-wrapper .btn.outline {
  border-color: var(--primary);
  color: var(--primary);
}

.detail-ma-container .business-documents .submit-document-wrapper .btn.outline:hover {
  background: var(--primary);
  color: #fff;
}

.detail-ma-container .business-documents .submit-document-wrapper:not(:first-child) .row {
  margin-bottom: 0;
}

.detail-ma-container .business-documents .submit-document-wrapper .row:not(.note, .upload) {
  margin-top: 24px;
}

.detail-ma-container .business-documents {
  padding: 20px 24px;
}

#upload_documents.member_files .upload-wrapper button {
  color: var(--primary);
  border-color: var(--primary);
}

#confirm_manager_withdraw_from_membership .modal-body {
  padding: 0 24px;
}

#confirm_manager_withdraw_from_membership .modal-footer {
  padding-top: 32px;
}
.detail-ma-container .main-section .btn-wrapper.member-management {
  flex-direction: column-reverse;
}

.detail-ma-container .main-section .btn-wrapper.member-management .outline {
  color: var(--primary);
  border-color: var(--primary);
}
.detail-ma-container .main-section .btn-wrapper.member-management .outline:hover {
  color: #f0f0f0;
}
@media screen and (min-width: 768px) {
  .detail-ma-container .main-section .btn-wrapper.member-management {
    flex-direction: row;
  }

  .detail-ma-container .main-info .content .btn-wrapper .btn-edit {
    max-width: 360px;
    margin: auto;
    width: 100%;
  }

  .detail-ma-container
    .business-documents
    .submit-document-wrapper:first-child
    .row
    .cell:first-child {
    max-width: 120px;
  }

  .detail-ma-container
    .business-documents
    .submit-document-wrapper:first-child
    .row
    .cell:nth-child(2) {
    max-width: 200px;
  }

  .detail-ma-container
    .business-documents
    .submit-document-wrapper:first-child
    .row
    .cell:nth-child(2)
    .content {
    justify-content: center;
  }

  .detail-ma-container .business-documents .submit-document-wrapper:first-child .cell:last-child {
    max-width: none;
  }

  .detail-ma-container .business-documents .submit-document-wrapper .row:not(.note, .upload) {
    margin-top: 0;
  }

  .detail-ma-container
    .business-documents
    .submit-document-wrapper:not(:first-child)
    .cell:nth-child(2),
  .detail-ma-container .business-documents .submit-document-wrapper .cell-upload {
    max-width: none;
  }

  .detail-ma-container .business-documents .submit-document-wrapper .cell .btn-upload {
    max-width: 200px;
  }

  .detail-ma-container .business-documents .submit-document-wrapper .cell .btn-upload:hover {
    background: var(--primary);
  }

  .detail-ma-container .business-documents .submit-document-wrapper .cell .btn-upload:hover span {
    color: #fff;
  }

  .detail-ma-container
    .business-documents
    .submit-document-wrapper:not(:first-child)
    .cell:nth-last-child(3) {
    max-width: 120px;
  }

  .detail-ma-container
    .business-documents
    .submit-document-wrapper:not(:first-child)
    .search-result-table
    .row
    .content
    .bg-white.btn:hover
    .icon-ma-upload {
    background: var(--primary);
  }

  .detail-ma-container
    .business-documents
    .submit-document-wrapper:not(:first-child)
    .search-result-table
    .row
    .content
    .btn:hover
    .icon-ma-upload::after,
  .detail-ma-container
    .business-documents
    .submit-document-wrapper:first-child
    .cell
    .btn-upload:hover
    .icon-ma-upload {
    filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%) hue-rotate(311deg)
      brightness(112%) contrast(101%);
    -ms-filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%) hue-rotate(311deg)
      brightness(112%) contrast(101%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(58%) saturate(0%)
      hue-rotate(311deg) brightness(112%) contrast(101%);
  }
}