.modal-body .head-title, .modal-body .content{
  padding: 0px !important;
}

.head-section {
  padding: 0px 16px 0px 16px;
  gap: 16px;
}
.head-section {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.head-section a,
.head-section a:visited {
  color: var(--primary-text, #684b9b);

  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  text-decoration: underline;
}
@media (min-width: 768px) {

.head-section {
    gap: 8px;
  }
 .head-text,
 .notice-text,
 .subcontent-text {
  width: 800px;
}
.head-text
{
  color: var(--gray-text, #6a6d87);

  /* Body/Body — Regular */
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
}
}
.head-button {
    background-color: white;
    border: none;
    color: var(--primary-text, #684b9b);
  
    font-family: "InterBold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-decoration: underline;

text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
  }

  .modal-content .modal-footer {
    padding: 32px 40px;
}
.modal-footer .modal-button {
    border: none !important;
    display: flex;
    width: 192px;
    min-width: 192px;
    align-items: flex-start;

    height: 61px;
    padding: 8px 32px;
    justify-content: center;
    align-items: center;

    border-radius: 30px;
    background: var(
      --Gradient-brand-surface,
      linear-gradient(99deg, #684b9b -27.72%, #381b6b 127.08%)
    );
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

    color: var(--gray-text-invert, #fff);
    /* H4/Header 4 — Bold */
    font-family: "InterBold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
  }
  .modal-footer {
    border-top: none !important;
  }
  .modal-content .modal-footer {
    padding: 16px 8px 12px 8px;
  }

  .modal-content .modal-footer {
    padding: 16px 8px 12px 8px;
  }
  
  .modal-footer .modal-button {
    display: flex;
    width: 192px;
    align-items: flex-start;
  
    padding: 12px var(--spacing-xs, 8px);
    justify-content: center;
    align-items: center;
  
    border-radius: 30px;
    background: var(
      --Gradient-brand-surface,
      linear-gradient(99deg, #684b9b -27.72%, #381b6b 127.08%)
    );
    /* CTA Shadow */
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.06);
  
    color: var(--gray-text-invert, #fff);
    /* Body1/Body 1 — Bold */
    font-family: "InterBold";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
  }

.modal-header {
  border-bottom: none !important;
}
.modal-content .modal-header .modal-title {
 overflow: hidden;
    color: var(--gray-text-strong, #2c3059);
    text-overflow: ellipsis;
    font-family: "InterBold";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
}

.modal-body .tab-content {
    padding: 0px;
    width: 100%;
    height: fit-content;
    display: flex
    flex-direction: column;
    margin-bottom: 5%;
}
.modal-body .image.parbase{
  width: 100%;
  height: max-content;
}    

.modal-body .information {
    margin: auto;
    width: auto;
    padding-top: 0px !important;
}

.modal-body .global-content-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: auto;
}

@media (min-width: 768px) {
    .modal-body .head-title {
        width: auto !important;
        height: auto !important;
        gap: 0px;
        opacity: 0px;
        font-family: InterBold;
        font-size: 16px;
        font-weight: 700;
        line-height: 25.6px;
        text-align: left;
        color: var(--gray-text-strong, #6A6D87);
        text-transform: capitalize;
        margin-top: 20px;
        padding: 20px 150px 0px 150px;
    }
}
@media (min-width: 1301px) {
    .modal-body .content.global-content-padding,  .modal-body .head-title {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}

@media (max-width: 768px) {
  .modal.bottom-modal .modal-dialog {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: 90%;
    transition: transform 0.3s ease-out;
  }

  .modal.bottom-modal .modal-content {
    height: 100%;
    border-radius: 1rem 1rem 0 0;
  }
}  

.modal-body img {
  width: 100% !important;
}

@media (min-width:768px) {
    .subHeaderSize{
       font-size: 20px !important;
     }
     .h5FontSize{
         font-size: 20px !important;
    }
}