:root {
      --mba-navy: #16386d;
      --mba-navy-dark: #0b2753;
      --mba-orange: #f58220;
      --mba-orange-dark: #de6d10;
      --mba-text: #30425f;
      --mba-muted: #687892;
      --mba-border: #dfe6f0;
      --mba-bg: #f5f7fb;
      --mba-white: #ffffff;
      --mba-success: #1b7f4a;
      --shadow-soft: 0 18px 50px rgba(10, 34, 75, 0.08);
      --shadow-card: 0 10px 30px rgba(10, 34, 75, 0.08);
      --radius-xl: 22px;
      --radius-lg: 16px;
      --radius-md: 12px;
      --transition: 0.25s ease;
    }

    * {
      box-sizing: border-box;
    }

 body{
    background: transparent !important;
    font-family: "Gotham";
}
/*
.form-main-wrapper {
    background: #132d52;
    padding: 0 35px 35px 35px;
}
*/
.form-group label {
      font-size: 14px;
      font-weight: 700;
      color: #16386d;
      margin-bottom: 7px;
    }

    .form-control {
      min-height: 48px;
      border-radius: 12px;
      border: 3px solid #d7e1ee;
      box-shadow: none;
      color: #30425f;
      padding: 12px 14px;
    }
textarea.form-control{
    padding:15px;
    min-height: 120px;
}
.home-submit-button{
    margin-top: 40px;
    height: 70px;
    background-color: #f26522;
    display: inline-block;
    vertical-align: middle;
    max-width: 250px;
    width: 100%;
    border: none;
    font-size: 22px;
    color: #fff;
    letter-spacing: 4px;
}
.bootstrap-select button{
    height: 70px;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    border: 2px solid;
    padding: 0px 20px;
    font-size: 16px;
    color: #939393;
}
.bootstrap-select button .filter-option{
    display: flex;
    align-items: center;
}
.bootstrap-select .dropdown-menu{
    width: 100%;
    top: 100% !important;
    font-size: 0.9em;
}
.bootstrap-select .dropdown-menu li {
    border-bottom: 1px solid #eee;
}
.bootstrap-select .dropdown-menu li:last-child {
    border-bottom: 0;
}
.bootstrap-select .dropdown-item {
    padding: .25rem 0.8rem;
    font-weight: 400;
    color: #212529;
    white-space: normal;
}
.bootstrap-select .dropdown-menu .form-control {
    height: 38px;
    border: 1px;
    font-size: 0.8em;
    padding: 0 8px;
}
.form-control.gsm {
    letter-spacing: 2px;
}
.form-control::placeholder {
    letter-spacing: 0px !important;
}
.form-control:focus {
    
}
.form-group div.error {
    color: #fff;
    font-size: 0.7em;
}
.form-control.error {
    border: 1px solid #bc0b42;
}
.form-control.error:focus {
    border-bottom: 0;
}
.form-section-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #f26522;
    margin-top: 35px;
    font-weight: bold;
    color: #fff;
    background: #f26522;
    border-radius: 4px;
    padding: 5px 10px;
}

.form-group div.error {
    color: #ffffff;
    font-size: 0.7em;
    background: #ac104d;
    padding: 2px 10px;
    position: absolute;
    transform: translateY(-50%);
    border-radius: 4px;
    right: 15px;
}
.bootstrap-select button {
    height: 50px;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    border: 0;
    padding: 0px 20px;
    border-radius: 15px;
    font-size: 16px;
    color: #939393;
}

    .mba-association-wrap {
      max-width: 1240px;
      margin: 0 auto;
    }

    .mba-association-section {
      position: relative;
      background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
      border: 1px solid rgba(22, 56, 109, 0.08);
      border-radius: 30px;
      overflow: hidden;
      box-shadow: var(--shadow-soft);
    }

    .mba-association-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at top right, rgba(245, 130, 32, 0.12), transparent 26%),
        radial-gradient(circle at bottom left, rgba(22, 56, 109, 0.08), transparent 34%);
      pointer-events: none;
    }

    .mba-association-content {
      min-width: 0;
    }

    .mba-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 8px 14px;
      background: rgba(22, 56, 109, 0.06);
      border: 1px solid rgba(22, 56, 109, 0.1);
      border-radius: 999px;
      color: var(--mba-navy);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.02em;
      margin-bottom: 18px;
    }

    .mba-eyebrow::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--mba-orange);
      box-shadow: 0 0 0 5px rgba(245, 130, 32, 0.12);
    }

    .mba-association-title {
      margin: 0 0 18px;
      font-size: clamp(30px, 4vw, 44px);
      line-height: 1.15;
      color: var(--mba-navy-dark);
      letter-spacing: -0.02em;
    }

    .mba-association-title span {
      color: var(--mba-orange);
    }

    .mba-association-lead {
      margin: 0 0 20px;
      font-size: 17px;
      color: var(--mba-text);
    }

    .mba-copy-block {
      display: grid;
      gap: 16px;
      margin-top: 28px;
    }

    .mba-copy-card {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid var(--mba-border);
      border-radius: var(--radius-lg);
      padding: 20px 22px;
      box-shadow: var(--shadow-card);
    }

    .mba-copy-card p {
      margin: 0;
      font-size: 15px;
      color: var(--mba-text);
    }

    .mba-meta-note {
      margin-top: 20px;
      padding: 15px 18px;
      border-left: 4px solid var(--mba-orange);
      background: linear-gradient(90deg, rgba(245, 130, 32, 0.08), rgba(245, 130, 32, 0.02));
      border-radius: 0 14px 14px 0;
      font-size: 14px;
      color: var(--mba-navy-dark);
      font-weight: 700;
    }

    .mba-side-panel {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .mba-cta-card,
    .mba-info-card {
      background: var(--mba-white);
      border: 1px solid var(--mba-border);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow-card);
      overflow: hidden;
    }

    .mba-cta-card-header {
      padding: 24px 24px 18px;
      background: linear-gradient(135deg, var(--mba-navy) 0%, var(--mba-navy-dark) 100%);
      color: var(--mba-white);
    }

    .mba-cta-card-header h3 {
      margin: 0 0 8px;
      font-size: 24px;
      line-height: 1.2;
    }

    .mba-cta-card-header p {
      margin: 0;
      font-size: 14px;
      opacity: 0.92;
    }

    .mba-cta-card-body {
      padding: 22px 24px 24px;
    }

    .mba-feature-list {
      list-style: none;
      padding: 0;
      margin: 0 0 22px;
      display: grid;
      gap: 12px;
    }

    .mba-feature-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      color: var(--mba-text);
      font-size: 14px;
    }

    .mba-feature-list li::before {
      content: "✓";
      width: 22px;
      height: 22px;
      min-width: 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: rgba(245, 130, 32, 0.12);
      color: var(--mba-orange-dark);
      font-weight: 700;
      margin-top: 1px;
    }

    .mba-join-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-height: 54px;
      padding: 14px 22px;
      border: 0;
      border-radius: 14px;
      background: linear-gradient(135deg, var(--mba-orange) 0%, var(--mba-orange-dark) 100%);
      color: var(--mba-white);
      font-size: 16px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: 0 14px 30px rgba(245, 130, 32, 0.28);
      transition: transform var(--transition), box-shadow var(--transition), opacity var(--transition);
    }

    .mba-join-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 18px 34px rgba(245, 130, 32, 0.34);
    }

    .mba-join-btn:active {
      transform: translateY(0);
    }

    .mba-info-card {
      padding: 22px 24px;
    }

    .mba-info-card h4 {
      margin: 0 0 14px;
      font-size: 18px;
      color: var(--mba-navy-dark);
    }

    .mba-contact-list {
      display: grid;
      gap: 12px;
    }

    .mba-contact-item {
      display: grid;
      gap: 4px;
      padding: 12px 14px;
      border-radius: 14px;
      background: #f8faff;
      border: 1px solid var(--mba-border);
    }

    .mba-contact-label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--mba-muted);
      font-weight: 700;
    }

    .mba-contact-value {
      font-size: 15px;
      color: var(--mba-navy-dark);
      font-weight: 700;
      word-break: break-word;
    }

    .mba-modal {
      position: fixed;
      inset: 0;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(8, 22, 44, 0.62);
      backdrop-filter: blur(7px);
      z-index: 9999;
    }

    .mba-modal.is-open {
      display: flex;
    }

    .mba-modal-dialog {
      width: min(760px, 100%);
      max-height: 92vh;
      overflow: auto;
      background: var(--mba-white);
      border-radius: 26px;
      box-shadow: 0 25px 70px rgba(0, 0, 0, 0.2);
      position: relative;
      animation: mbaFadeUp 0.25s ease;
    }

    @keyframes mbaFadeUp {
      from {
        opacity: 0;
        transform: translateY(14px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .mba-modal-header {
      padding: 24px 26px 16px;
      border-bottom: 1px solid var(--mba-border);
      background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    }

    .mba-modal-title {
      margin: 0;
      font-size: 28px;
      color: var(--mba-navy-dark);
      line-height: 1.2;
    }

    .mba-modal-subtitle {
      margin: 8px 0 0;
      font-size: 14px;
      color: var(--mba-muted);
    }

    .mba-modal-close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 42px;
      height: 42px;
      border: 0;
      border-radius: 50%;
      background: #edf2fa;
      color: var(--mba-navy-dark);
      font-size: 22px;
      line-height: 1;
      cursor: pointer;
      transition: background var(--transition), transform var(--transition);
    }

    .mba-modal-close:hover {
      background: #e2e9f5;
      transform: rotate(90deg);
    }

    .mba-form {
      padding: 24px 26px 26px;
    }

    .mba-form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .mba-form-group {
      display: grid;
      gap: 8px;
    }

    .mba-form-group.full {
      grid-column: 1 / -1;
    }

    .mba-form label {
      font-size: 14px;
      font-weight: 700;
      color: var(--mba-navy-dark);
    }

    .mba-form input,
    .mba-form select,
    .mba-form textarea {
      width: 100%;
      min-height: 50px;
      border: 1px solid #cfdae9;
      border-radius: 14px;
      padding: 13px 15px;
      font-size: 15px;
      color: var(--mba-text);
      outline: none;
      background: #fff;
      transition: border-color var(--transition), box-shadow var(--transition);
    }

    .mba-form textarea {
      min-height: 120px;
      resize: vertical;
    }

    .mba-form input:focus,
    .mba-form select:focus,
    .mba-form textarea:focus {
      border-color: rgba(22, 56, 109, 0.45);
      box-shadow: 0 0 0 4px rgba(22, 56, 109, 0.08);
    }

    .mba-checkbox {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 14px 16px;
      border-radius: 14px;
      background: #f8faff;
      border: 1px solid var(--mba-border);
    }

    .mba-checkbox input {
      width: 18px;
      min-height: 18px;
      margin-top: 2px;
    }

    .mba-checkbox label {
      font-size: 14px;
      line-height: 1.55;
      font-weight: 400;
      color: var(--mba-text);
    }

    .mba-form-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-top: 22px;
      flex-wrap: wrap;
    }

    .mba-form-note {
      font-size: 13px;
      color: var(--mba-muted);
    }

    .mba-submit-btn {
      min-width: 180px;
      min-height: 52px;
      border: 0;
      border-radius: 14px;
      padding: 14px 24px;
      background: linear-gradient(135deg, var(--mba-navy) 0%, var(--mba-navy-dark) 100%);
      color: var(--mba-white);
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
      transition: transform var(--transition), opacity var(--transition);
    }

    .mba-submit-btn:hover {
      transform: translateY(-1px);
    }

    .mba-submit-btn[disabled] {
      opacity: 0.7;
      cursor: not-allowed;
      transform: none;
    }

    .mba-alert {
      display: none;
      margin-top: 16px;
      padding: 14px 16px;
      border-radius: 14px;
      font-size: 14px;
      font-weight: 700;
    }

    .mba-alert.is-visible {
      display: block;
    }

    .mba-alert.success {
      background: rgba(27, 127, 74, 0.1);
      color: var(--mba-success);
      border: 1px solid rgba(27, 127, 74, 0.22);
    }

    .mba-alert.error {
      background: rgba(194, 34, 34, 0.08);
      color: #b22d2d;
      border: 1px solid rgba(194, 34, 34, 0.18);
    }

    @media (max-width: 1080px) {
      .mba-association-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 767px) {
      .mba-association-wrap {
        padding: 30px 16px 50px;
      }

      .mba-association-grid {
        padding: 24px;
      }

      .mba-form-grid {
        grid-template-columns: 1fr;
      }

      .mba-modal-dialog {
        border-radius: 20px;
      }

      .mba-modal-header,
      .mba-form {
        padding-left: 18px;
        padding-right: 18px;
      }

      .mba-modal-title {
        font-size: 24px;
        padding-right: 30px;
      }
    }