/* Start custom CSS for html, class: .elementor-element-9eeddcb *//* ============================================
   SECTION 1: HERO SECTION STYLES
   A&A Associate LLC — Brand Colors
   Primary:  #0A2540 (Dark Navy Blue)
   Gold:     #C9A84C (Brand Gold)
   White:    #FFFFFF
   Light BG: #F4F6FA
   ============================================ */

/* --- Google Font Import --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* --- CSS Variables --- */
:root {
  --aaa-primary:        #0A2540;
  --aaa-primary-light:  #0D3060;
  --aaa-gold:           #C9A84C;
  --aaa-gold-light:     #E8C96A;
  --aaa-gold-dark:      #A8872E;
  --aaa-white:          #FFFFFF;
  --aaa-light-bg:       #F4F6FA;
  --aaa-text-dark:      #1A1A2E;
  --aaa-text-muted:     #6B7A99;
  --aaa-border:         rgba(201, 168, 76, 0.3);
  --aaa-shadow:         0 20px 60px rgba(10, 37, 64, 0.15);
  --aaa-radius:         12px;
  --aaa-radius-lg:      20px;
  --aaa-transition:     all 0.3s ease;
  --aaa-font:           'Inter', sans-serif;
}

/* ============================================
   HERO SECTION — MAIN WRAPPER
   ============================================ */

.aaa-hero-section {
  position:         relative;
  width:            100%;
  min-height:       100vh;
  background:       linear-gradient(
                      135deg,
                      #0A2540 0%,
                      #0D3060 40%,
                      #0A2540 70%,
                      #071A30 100%
                    );
  display:          flex;
  align-items:      center;
  justify-content:  center;
  overflow:         hidden;
  font-family:      var(--aaa-font);
  padding:          80px 20px;
  box-sizing:       border-box;
}

/* --- Background Pattern Overlay --- */
.aaa-hero-section::before {
  content:          '';
  position:         absolute;
  top:              0;
  left:             0;
  width:            100%;
  height:           100%;
  background-image: radial-gradient(
                      circle at 20% 20%,
                      rgba(201, 168, 76, 0.08) 0%,
                      transparent 50%
                    ),
                    radial-gradient(
                      circle at 80% 80%,
                      rgba(201, 168, 76, 0.06) 0%,
                      transparent 50%
                    ),
                    radial-gradient(
                      circle at 50% 50%,
                      rgba(13, 48, 96, 0.4) 0%,
                      transparent 70%
                    );
  pointer-events:   none;
  z-index:          1;
}

/* --- Decorative Lines Background --- */
.aaa-hero-section::after {
  content:          '';
  position:         absolute;
  top:              0;
  left:             0;
  width:            100%;
  height:           100%;
  background-image: linear-gradient(
                      rgba(201, 168, 76, 0.04) 1px,
                      transparent 1px
                    ),
                    linear-gradient(
                      90deg,
                      rgba(201, 168, 76, 0.04) 1px,
                      transparent 1px
                    );
  background-size:  60px 60px;
  pointer-events:   none;
  z-index:          1;
}

/* --- Overlay --- */
.aaa-hero-overlay {
  display: none;
}

/* ============================================
   HERO CONTAINER
   ============================================ */

.aaa-hero-container {
  position:      relative;
  z-index:       2;
  max-width:     900px;
  width:         100%;
  margin:        0 auto;
  text-align:    center;
  display:       flex;
  flex-direction: column;
  align-items:   center;
  gap:           32px;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-hero-top-label {
  display:          inline-flex;
  align-items:      center;
  gap:              8px;
  background:       rgba(201, 168, 76, 0.12);
  border:           1px solid rgba(201, 168, 76, 0.4);
  border-radius:    50px;
  padding:          8px 20px;
  backdrop-filter:  blur(10px);
  transition:       var(--aaa-transition);
}

.aaa-hero-top-label:hover {
  background: rgba(201, 168, 76, 0.2);
  border-color: rgba(201, 168, 76, 0.7);
}

.aaa-label-icon {
  font-size:    16px;
  line-height:  1;
}

.aaa-label-text {
  font-size:      13px;
  font-weight:    600;
  color:          var(--aaa-gold-light);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* ============================================
   MAIN HEADLINE H1
   ============================================ */

.aaa-hero-headline {
  font-size:      clamp(32px, 5vw, 58px);
  font-weight:    800;
  color:          var(--aaa-white);
  line-height:    1.15;
  margin:         0;
  padding:        0;
  letter-spacing: -1px;
}

.aaa-headline-highlight {
  display:    block;
  color:      var(--aaa-gold);
  background: linear-gradient(
                135deg,
                var(--aaa-gold) 0%,
                var(--aaa-gold-light) 50%,
                var(--aaa-gold) 100%
              );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
  font-weight:             900;
  margin-top:              6px;
}

/* ============================================
   SUB HEADLINE
   ============================================ */

.aaa-hero-subheadline {
  font-size:   clamp(16px, 2.2vw, 20px);
  font-weight: 400;
  color:       rgba(255, 255, 255, 0.80);
  line-height: 1.7;
  margin:      0;
  padding:     0;
  max-width:   680px;
}

.aaa-hero-subheadline strong {
  color:       var(--aaa-white);
  font-weight: 600;
}

/* ============================================
   TRUST BADGES ROW
   ============================================ */

.aaa-trust-badges-row {
  display:         flex;
  flex-wrap:       wrap;
  justify-content: center;
  align-items:     center;
  gap:             10px;
  width:           100%;
}

.aaa-trust-badge {
  display:        inline-flex;
  align-items:    center;
  gap:            7px;
  background:     rgba(255, 255, 255, 0.06);
  border:         1px solid rgba(255, 255, 255, 0.12);
  border-radius:  50px;
  padding:        8px 16px;
  transition:     var(--aaa-transition);
  cursor:         default;
  backdrop-filter: blur(5px);
}

.aaa-trust-badge:hover {
  background:    rgba(201, 168, 76, 0.15);
  border-color:  rgba(201, 168, 76, 0.5);
  transform:     translateY(-2px);
  box-shadow:    0 8px 20px rgba(201, 168, 76, 0.15);
}

.aaa-badge-icon {
  font-size:   14px;
  line-height: 1;
}

.aaa-badge-text {
  font-size:      13px;
  font-weight:    500;
  color:          rgba(255, 255, 255, 0.85);
  white-space:    nowrap;
  letter-spacing: 0.2px;
}

/* ============================================
   SOCIAL PROOF
   ============================================ */

.aaa-hero-social-proof {
  display:     flex;
  align-items: center;
  gap:         12px;
}

.aaa-proof-avatars {
  display:     flex;
  align-items: center;
}

.aaa-avatar {
  font-size:     18px;
  width:         32px;
  height:        32px;
  border-radius: 50%;
  background:    rgba(201, 168, 76, 0.2);
  border:        2px solid rgba(201, 168, 76, 0.4);
  display:       inline-flex;
  align-items:   center;
  justify-content: center;
  margin-left:   -8px;
  transition:    var(--aaa-transition);
}

.aaa-avatar:first-child {
  margin-left: 0;
}

.aaa-avatar:hover {
  transform:  scale(1.1);
  z-index:    5;
  border-color: var(--aaa-gold);
}

.aaa-proof-text {
  font-size:   14px;
  color:       rgba(255, 255, 255, 0.70);
  margin:      0;
  line-height: 1.5;
}

.aaa-proof-text strong {
  color:       var(--aaa-gold-light);
  font-weight: 600;
}

/* ============================================
   HERO CTA BUTTON
   ============================================ */

.aaa-hero-cta-wrap {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            10px;
}

.aaa-hero-cta-btn {
  display:          inline-flex;
  align-items:      center;
  gap:              10px;
  background:       linear-gradient(
                      135deg,
                      var(--aaa-gold) 0%,
                      var(--aaa-gold-light) 50%,
                      var(--aaa-gold) 100%
                    );
  background-size:  200% 200%;
  color:            var(--aaa-primary);
  font-size:        17px;
  font-weight:      700;
  text-decoration:  none;
  padding:          18px 40px;
  border-radius:    50px;
  border:           none;
  cursor:           pointer;
  transition:       var(--aaa-transition);
  box-shadow:       0 10px 30px rgba(201, 168, 76, 0.35),
                    0 4px 12px rgba(201, 168, 76, 0.2);
  letter-spacing:   0.3px;
  animation:        aaa-pulse-gold 2.5s ease-in-out infinite;
}

.aaa-hero-cta-btn:hover {
  transform:    translateY(-3px) scale(1.03);
  box-shadow:   0 18px 45px rgba(201, 168, 76, 0.5),
                0 8px 20px rgba(201, 168, 76, 0.3);
  color:        var(--aaa-primary);
  animation:    none;
  background-position: right center;
}

.aaa-hero-cta-btn:active {
  transform:  translateY(-1px) scale(1.01);
  box-shadow: 0 8px 20px rgba(201, 168, 76, 0.3);
}

.aaa-btn-icon {
  font-size:   20px;
  line-height: 1;
}

/* --- CTA Sub Note --- */
.aaa-cta-sub-note {
  font-size:   13px;
  color:       rgba(255, 255, 255, 0.50);
  margin:      0;
  letter-spacing: 0.2px;
}

/* ============================================
   STATS ROW
   ============================================ */

.aaa-hero-stats-row {
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-wrap:        wrap;
  gap:              0;
  background:       rgba(255, 255, 255, 0.04);
  border:           1px solid rgba(255, 255, 255, 0.08);
  border-radius:    var(--aaa-radius-lg);
  padding:          24px 32px;
  width:            100%;
  max-width:        700px;
  backdrop-filter:  blur(10px);
}

.aaa-stat-item {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            4px;
  padding:        0 28px;
  transition:     var(--aaa-transition);
}

.aaa-stat-item:hover {
  transform: scale(1.05);
}

.aaa-stat-number {
  font-size:      clamp(22px, 3vw, 30px);
  font-weight:    800;
  color:          var(--aaa-gold);
  line-height:    1;
  background:     linear-gradient(
                    135deg,
                    var(--aaa-gold) 0%,
                    var(--aaa-gold-light) 100%
                  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

.aaa-stat-label {
  font-size:   12px;
  font-weight: 500;
  color:       rgba(255, 255, 255, 0.55);
  text-align:  center;
  line-height: 1.3;
  white-space: nowrap;
}

.aaa-stat-divider {
  width:         1px;
  height:        40px;
  background:    rgba(255, 255, 255, 0.10);
  flex-shrink:   0;
}

/* ============================================
   KEYFRAME ANIMATIONS
   ============================================ */

@keyframes aaa-pulse-gold {
  0% {
    box-shadow: 0 10px 30px rgba(201, 168, 76, 0.35),
                0 4px 12px rgba(201, 168, 76, 0.2);
  }
  50% {
    box-shadow: 0 14px 40px rgba(201, 168, 76, 0.55),
                0 6px 18px rgba(201, 168, 76, 0.35);
  }
  100% {
    box-shadow: 0 10px 30px rgba(201, 168, 76, 0.35),
                0 4px 12px rgba(201, 168, 76, 0.2);
  }
}

@keyframes aaa-fade-up {
  from {
    opacity:   0;
    transform: translateY(30px);
  }
  to {
    opacity:   1;
    transform: translateY(0);
  }
}

/* --- Apply fade up animation to children --- */
.aaa-hero-top-label    { animation: aaa-fade-up 0.6s ease 0.1s both; }
.aaa-hero-headline     { animation: aaa-fade-up 0.6s ease 0.2s both; }
.aaa-hero-subheadline  { animation: aaa-fade-up 0.6s ease 0.3s both; }
.aaa-trust-badges-row  { animation: aaa-fade-up 0.6s ease 0.4s both; }
.aaa-hero-social-proof { animation: aaa-fade-up 0.6s ease 0.5s both; }
.aaa-hero-cta-wrap     { animation: aaa-fade-up 0.6s ease 0.6s both; }
.aaa-hero-stats-row    { animation: aaa-fade-up 0.6s ease 0.7s both; }

/* ============================================
   RESPONSIVE — TABLET (max-width: 768px)
   ============================================ */

@media (max-width: 768px) {

  .aaa-hero-section {
    padding:    60px 16px;
    min-height: auto;
  }

  .aaa-hero-container {
    gap: 24px;
  }

  .aaa-hero-headline {
    font-size:      clamp(26px, 7vw, 40px);
    letter-spacing: -0.5px;
  }

  .aaa-trust-badges-row {
    gap: 8px;
  }

  .aaa-trust-badge {
    padding: 7px 13px;
  }

  .aaa-badge-text {
    font-size: 12px;
  }

  .aaa-hero-stats-row {
    padding:    18px 16px;
    gap:        10px;
  }

  .aaa-stat-item {
    padding: 0 16px;
  }

  .aaa-stat-divider {
    height: 30px;
  }

  .aaa-hero-cta-btn {
    font-size: 15px;
    padding:   16px 32px;
  }

  .aaa-hero-social-proof {
    flex-direction: column;
    gap:            8px;
    text-align:     center;
  }

}

/* ============================================
   RESPONSIVE — MOBILE (max-width: 480px)
   ============================================ */

@media (max-width: 480px) {

  .aaa-hero-section {
    padding: 50px 14px;
  }

  .aaa-hero-container {
    gap: 20px;
  }

  .aaa-label-text {
    font-size: 11px;
  }

  .aaa-hero-subheadline {
    font-size: 15px;
  }

  .aaa-trust-badges-row {
    flex-direction: column;
    align-items:    center;
  }

  .aaa-trust-badge {
    width:           100%;
    max-width:       280px;
    justify-content: center;
  }

  .aaa-hero-stats-row {
    flex-direction: column;
    gap:            16px;
    padding:        20px;
  }

  .aaa-stat-divider {
    width:  60px;
    height: 1px;
  }

  .aaa-stat-item {
    padding: 0;
  }

  .aaa-hero-cta-btn {
    font-size:  14px;
    padding:    14px 28px;
    width:      100%;
    max-width:  320px;
    justify-content: center;
  }

  .aaa-stat-label {
    white-space: normal;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f08c2da *//* ============================================
   SECTION 2: CALCULATOR TOOL STYLES
   A&A Associate LLC Brand Colors
   Navy:  #0A2540
   Gold:  #C9A84C
   White: #FFFFFF
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-calc-section {
  position:         relative;
  width:            100%;
  background:       #F4F6FA;
  padding:          80px 20px;
  box-sizing:       border-box;
  font-family:      'Inter', sans-serif;
  overflow:         hidden;
}

/* Background Decorative Element */
.aaa-calc-section::before {
  content:       '';
  position:      absolute;
  top:           -100px;
  right:         -100px;
  width:         400px;
  height:        400px;
  border-radius: 50%;
  background:    radial-gradient(
                   circle,
                   rgba(201, 168, 76, 0.06) 0%,
                   transparent 70%
                 );
  pointer-events: none;
}

.aaa-calc-section::after {
  content:       '';
  position:      absolute;
  bottom:        -80px;
  left:          -80px;
  width:         300px;
  height:        300px;
  border-radius: 50%;
  background:    radial-gradient(
                   circle,
                   rgba(10, 37, 64, 0.05) 0%,
                   transparent 70%
                 );
  pointer-events: none;
}

/* ============================================
   SECTION CONTAINER
   ============================================ */

.aaa-calc-container {
  max-width:      960px;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            28px;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-calc-top-label {
  display:     flex;
  align-items: center;
  gap:         12px;
}

.aaa-calc-label-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
}

.aaa-calc-label-text {
  font-size:      13px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

/* ============================================
   SECTION HEADING
   ============================================ */

.aaa-calc-section-heading {
  text-align: center;
  max-width:  650px;
}

.aaa-calc-main-title {
  font-size:      clamp(28px, 4vw, 42px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 12px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-calc-title-gold {
  color:      #C9A84C;
  background: linear-gradient(135deg, #C9A84C 0%, #E8C96A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

.aaa-calc-main-subtitle {
  font-size:   16px;
  color:       #6B7A99;
  margin:      0;
  line-height: 1.6;
}

/* ============================================
   CALCULATOR CARD
   ============================================ */

.aaa-calc-card {
  width:         100%;
  background:    #FFFFFF;
  border-radius: 24px;
  box-shadow:    0 20px 60px rgba(10, 37, 64, 0.10),
                 0 4px 16px rgba(10, 37, 64, 0.06);
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.15);
  transition:    box-shadow 0.3s ease;
}

.aaa-calc-card:hover {
  box-shadow: 0 28px 80px rgba(10, 37, 64, 0.14),
              0 6px 20px rgba(10, 37, 64, 0.08);
}

/* ============================================
   CARD HEADER
   ============================================ */

.aaa-calc-card-header {
  display:          flex;
  align-items:      center;
  gap:              16px;
  padding:          24px 32px;
  background:       linear-gradient(
                      135deg,
                      #0A2540 0%,
                      #0D3060 100%
                    );
  border-bottom:    3px solid #C9A84C;
}

.aaa-calc-header-icon {
  font-size:        28px;
  width:            50px;
  height:           50px;
  background:       rgba(201, 168, 76, 0.15);
  border-radius:    12px;
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-shrink:      0;
  border:           1px solid rgba(201, 168, 76, 0.3);
}

.aaa-calc-header-text {
  flex: 1;
}

.aaa-calc-card-title {
  font-size:      20px;
  font-weight:    700;
  color:          #FFFFFF;
  margin:         0 0 4px;
  line-height:    1.3;
}

.aaa-calc-card-subtitle {
  font-size:   13px;
  color:       rgba(255, 255, 255, 0.60);
  margin:      0;
  line-height: 1.4;
}

.aaa-calc-header-badge {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            2px;
  background:     rgba(201, 168, 76, 0.15);
  border:         1px solid rgba(201, 168, 76, 0.4);
  border-radius:  10px;
  padding:        8px 14px;
  flex-shrink:    0;
}

.aaa-calc-header-badge span {
  font-size:      11px;
  font-weight:    700;
  color:          #C9A84C;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height:    1.3;
}

/* ============================================
   FORM STYLES
   ============================================ */

.aaa-calc-form {
  padding: 32px;
}

/* Form Grid Layout */
.aaa-calc-form-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   24px;
  margin-bottom:         32px;
}

/* Full Width Field */
.aaa-field-full {
  grid-column: 1 / -1;
}

/* ============================================
   FORM FIELD WRAPPER
   ============================================ */

.aaa-calc-field-wrap {
  display:        flex;
  flex-direction: column;
  gap:            6px;
  position:       relative;
}

/* ============================================
   LABELS
   ============================================ */

.aaa-calc-label {
  display:       flex;
  align-items:   center;
  gap:           7px;
  font-size:     14px;
  font-weight:   600;
  color:         #0A2540;
  margin:        0;
  cursor:        default;
  letter-spacing: 0.1px;
}

.aaa-label-icon-wrap {
  font-size:   16px;
  line-height: 1;
}

.aaa-required-star {
  color:       #E53E3E;
  font-size:   16px;
  font-weight: 700;
  margin-left: 2px;
}

/* ============================================
   INPUT WRAPPER
   ============================================ */

.aaa-input-wrap {
  position: relative;
  display:  flex;
  width:    100%;
}

/* AED Prefix */
.aaa-input-prefix {
  display:          flex;
  align-items:      center;
  justify-content:  center;
  padding:          0 14px;
  background:       #F4F6FA;
  border:           2px solid #E2E8F0;
  border-right:     none;
  border-radius:    12px 0 0 12px;
  font-size:        13px;
  font-weight:      700;
  color:            #0A2540;
  white-space:      nowrap;
  transition:       all 0.3s ease;
  min-width:        54px;
}

/* ============================================
   INPUTS
   ============================================ */

.aaa-calc-input {
  width:         100%;
  height:        52px;
  padding:       0 18px;
  border:        2px solid #E2E8F0;
  border-radius: 12px;
  font-size:     15px;
  font-weight:   500;
  color:         #0A2540;
  background:    #FFFFFF;
  outline:       none;
  transition:    all 0.3s ease;
  box-sizing:    border-box;
  font-family:   'Inter', sans-serif;
  -webkit-appearance: none;
  appearance:    none;
}

/* When salary input has prefix */
.aaa-input-wrap .aaa-calc-input:first-of-type {
  border-radius: 0 12px 12px 0;
}

/* For date inputs without prefix */
.aaa-date-input {
  border-radius: 12px !important;
  cursor:        pointer;
}

/* Input Focus */
.aaa-calc-input:focus {
  border-color: #C9A84C;
  box-shadow:   0 0 0 3px rgba(201, 168, 76, 0.15);
  background:   #FFFDF5;
}

/* Prefix focus state */
.aaa-input-wrap:focus-within .aaa-input-prefix {
  border-color: #C9A84C;
  background:   #FFFDF5;
  color:        #C9A84C;
}

/* Input valid state */
.aaa-calc-input:valid:not([type="date"]) {
  border-color: #38A169;
}

/* Input placeholder */
.aaa-calc-input::placeholder {
  color:       #A0AEC0;
  font-weight: 400;
}

/* ============================================
   SELECT DROPDOWNS
   ============================================ */

.aaa-select-wrap {
  position: relative;
}

.aaa-calc-select {
  width:              100%;
  height:             52px;
  padding:            0 44px 0 18px;
  border:             2px solid #E2E8F0;
  border-radius:      12px;
  font-size:          15px;
  font-weight:        500;
  color:              #0A2540;
  background:         #FFFFFF;
  outline:            none;
  transition:         all 0.3s ease;
  box-sizing:         border-box;
  font-family:        'Inter', sans-serif;
  -webkit-appearance: none;
  appearance:         none;
  cursor:             pointer;
}

.aaa-calc-select:focus {
  border-color: #C9A84C;
  box-shadow:   0 0 0 3px rgba(201, 168, 76, 0.15);
  background:   #FFFDF5;
}

.aaa-calc-select option[value=""][disabled] {
  color: #A0AEC0;
}

.aaa-select-arrow {
  position:    absolute;
  right:       16px;
  top:         50%;
  transform:   translateY(-50%);
  font-size:   11px;
  color:       #C9A84C;
  pointer-events: none;
  font-weight: 700;
}

/* ============================================
   HELPER TEXT
   ============================================ */

.aaa-field-helper {
  display:     flex;
  align-items: flex-start;
  gap:         5px;
  font-size:   12px;
  color:       #6B7A99;
  margin:      0;
  line-height: 1.5;
}

.aaa-helper-icon {
  font-size:   12px;
  flex-shrink: 0;
  margin-top:  1px;
}

/* ============================================
   ERROR MESSAGES
   ============================================ */

.aaa-field-error {
  font-size:   12px;
  color:       #E53E3E;
  font-weight: 500;
  display:     none;
  margin-top:  2px;
}

.aaa-field-error.aaa-show-error {
  display: block;
}

/* Input error state */
.aaa-calc-input.aaa-input-error,
.aaa-calc-select.aaa-input-error {
  border-color: #E53E3E;
  box-shadow:   0 0 0 3px rgba(229, 62, 62, 0.12);
}

/* ============================================
   SUBMIT BUTTON
   ============================================ */

.aaa-calc-btn-wrap {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             16px;
  flex-wrap:       wrap;
}

.aaa-calc-submit-btn {
  display:          inline-flex;
  align-items:      center;
  gap:              10px;
  background:       linear-gradient(
                      135deg,
                      #C9A84C 0%,
                      #E8C96A 50%,
                      #C9A84C 100%
                    );
  background-size:  200% 200%;
  color:            #0A2540;
  font-size:        17px;
  font-weight:      700;
  padding:          17px 44px;
  border-radius:    50px;
  border:           none;
  cursor:           pointer;
  transition:       all 0.3s ease;
  box-shadow:       0 8px 25px rgba(201, 168, 76, 0.35);
  font-family:      'Inter', sans-serif;
  letter-spacing:   0.3px;
  min-width:        260px;
  justify-content:  center;
}

.aaa-calc-submit-btn:hover {
  transform:             translateY(-3px);
  box-shadow:            0 16px 40px rgba(201, 168, 76, 0.50);
  background-position:   right center;
}

.aaa-calc-submit-btn:active {
  transform:  translateY(-1px);
  box-shadow: 0 6px 16px rgba(201, 168, 76, 0.30);
}

.aaa-btn-icon-left {
  font-size: 20px;
}

.aaa-btn-text {
  flex: 1;
}

.aaa-btn-arrow {
  font-size:   18px;
  font-weight: 700;
}

/* Reset Button */
.aaa-calc-reset-btn {
  display:      inline-flex;
  align-items:  center;
  gap:          6px;
  background:   transparent;
  color:        #6B7A99;
  font-size:    14px;
  font-weight:  500;
  padding:      17px 24px;
  border-radius: 50px;
  border:       2px solid #E2E8F0;
  cursor:       pointer;
  transition:   all 0.3s ease;
  font-family:  'Inter', sans-serif;
}

.aaa-calc-reset-btn:hover {
  border-color: #0A2540;
  color:        #0A2540;
  background:   rgba(10, 37, 64, 0.04);
}

/* ============================================
   RESULTS WRAPPER
   ============================================ */

.aaa-results-wrapper {
  width:         100%;
  display:       none;
  flex-direction: column;
  gap:           24px;
  animation:     aaaSlideDown 0.5s ease;
}

.aaa-results-wrapper.aaa-show-results {
  display: flex;
}

@keyframes aaaSlideDown {
  from {
    opacity:   0;
    transform: translateY(-20px);
  }
  to {
    opacity:   1;
    transform: translateY(0);
  }
}

/* ============================================
   RESULTS HEADER
   ============================================ */

.aaa-results-header {
  display:          flex;
  align-items:      center;
  gap:              16px;
  background:       linear-gradient(
                      135deg,
                      #0A2540 0%,
                      #0D3060 100%
                    );
  padding:          24px 32px;
  border-radius:    20px;
  border-left:      5px solid #C9A84C;
}

.aaa-results-header-icon {
  font-size:        32px;
  width:            56px;
  height:           56px;
  background:       rgba(201, 168, 76, 0.15);
  border-radius:    14px;
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-shrink:      0;
  border:           1px solid rgba(201, 168, 76, 0.3);
}

.aaa-results-title {
  font-size:   20px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 4px;
}

.aaa-results-subtitle {
  font-size:   13px;
  color:       rgba(255, 255, 255, 0.60);
  margin:      0;
}

/* ============================================
   RESULTS SUMMARY GRID
   ============================================ */

.aaa-results-summary-grid {
  display:               grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:                   16px;
}

.aaa-result-summary-card {
  display:          flex;
  flex-direction:   column;
  align-items:      center;
  gap:              8px;
  background:       #FFFFFF;
  border-radius:    16px;
  padding:          24px 20px;
  text-align:       center;
  border:           1px solid #E2E8F0;
  box-shadow:       0 4px 16px rgba(10, 37, 64, 0.06);
  transition:       all 0.3s ease;
}

.aaa-result-summary-card:hover {
  transform:    translateY(-4px);
  box-shadow:   0 12px 30px rgba(10, 37, 64, 0.10);
  border-color: rgba(201, 168, 76, 0.3);
}

/* Main Result Card */
.aaa-result-main {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     2px solid #C9A84C;
  box-shadow: 0 8px 30px rgba(10, 37, 64, 0.20);
}

.aaa-result-main .aaa-result-card-icon,
.aaa-result-main .aaa-result-card-label {
  color: rgba(255, 255, 255, 0.75) !important;
}

.aaa-result-card-icon {
  font-size: 28px;
  line-height: 1;
}

.aaa-result-card-label {
  font-size:   12px;
  font-weight: 600;
  color:       #6B7A99;
  text-align:  center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

.aaa-result-card-value {
  font-size:      22px;
  font-weight:    800;
  color:          #0A2540;
  line-height:    1.2;
}

.aaa-result-big {
  font-size:      clamp(24px, 3vw, 32px) !important;
  font-weight:    900 !important;
  color:          #C9A84C !important;
  background:     linear-gradient(135deg, #C9A84C 0%, #E8C96A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

/* ============================================
   BREAKDOWN BOX
   ============================================ */

.aaa-breakdown-box {
  background:    #FFFFFF;
  border-radius: 16px;
  border:        1px solid #E2E8F0;
  overflow:      hidden;
  box-shadow:    0 4px 16px rgba(10, 37, 64, 0.06);
}

.aaa-breakdown-title {
  display:      flex;
  align-items:  center;
  gap:          10px;
  font-size:    16px;
  font-weight:  700;
  color:        #FFFFFF;
  margin:       0;
  padding:      18px 24px;
  background:   linear-gradient(
                  135deg,
                  #0A2540 0%,
                  #0D3060 100%
                );
  border-bottom: 3px solid #C9A84C;
}

.aaa-breakdown-steps {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap:     12px;
}

/* Individual Step */
.aaa-breakdown-step {
  display:       flex;
  align-items:   flex-start;
  gap:           14px;
  padding:       16px 18px;
  background:    #F4F6FA;
  border-radius: 12px;
  border-left:   4px solid #C9A84C;
  transition:    all 0.3s ease;
}

.aaa-breakdown-step:hover {
  background:  #FFFDF5;
  border-color: #E8C96A;
  transform:   translateX(4px);
}

.aaa-step-number {
  width:            28px;
  height:           28px;
  border-radius:    50%;
  background:       #0A2540;
  color:            #C9A84C;
  font-size:        13px;
  font-weight:      700;
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-shrink:      0;
}

.aaa-step-content {
  flex: 1;
}

.aaa-step-label {
  font-size:   13px;
  font-weight: 600;
  color:       #0A2540;
  margin:      0 0 4px;
  line-height: 1.4;
}

.aaa-step-formula {
  font-size:     12px;
  color:         #6B7A99;
  margin:        0 0 4px;
  font-family:   monospace;
  background:    rgba(10, 37, 64, 0.05);
  padding:       3px 8px;
  border-radius: 4px;
  display:       inline-block;
}

.aaa-step-result {
  font-size:   14px;
  font-weight: 700;
  color:       #C9A84C;
  margin:      4px 0 0;
}

/* Total Step */
.aaa-breakdown-step.aaa-step-total {
  background:  linear-gradient(135deg, #0A2540 0%, #0D3060 100%);
  border-color: #C9A84C;
}

.aaa-breakdown-step.aaa-step-total .aaa-step-label {
  color: rgba(255, 255, 255, 0.80);
}

.aaa-breakdown-step.aaa-step-total .aaa-step-formula {
  color:      rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.08);
}

.aaa-breakdown-step.aaa-step-total .aaa-step-result {
  font-size: 18px;
  color:     #C9A84C;
}

/* ============================================
   DISCLAIMER
   ============================================ */

.aaa-results-disclaimer {
  display:       flex;
  align-items:   flex-start;
  gap:           12px;
  background:    rgba(201, 168, 76, 0.06);
  border:        1px solid rgba(201, 168, 76, 0.25);
  border-radius: 12px;
  padding:       16px 20px;
}

.aaa-disclaimer-icon {
  font-size:   20px;
  flex-shrink: 0;
  margin-top:  2px;
}

.aaa-disclaimer-text {
  font-size:   13px;
  color:       #6B7A99;
  margin:      0;
  line-height: 1.6;
}

.aaa-disclaimer-text strong {
  color:       #0A2540;
  font-weight: 600;
}

/* ============================================
   RESULTS CTA BOX
   ============================================ */

.aaa-results-cta-box {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             20px;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  border-radius:   20px;
  padding:         28px 32px;
  border:          1px solid rgba(201, 168, 76, 0.3);
  box-shadow:      0 8px 30px rgba(10, 37, 64, 0.15);
}

.aaa-results-cta-text {
  flex: 1;
}

.aaa-results-cta-title {
  font-size:   20px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 6px;
}

.aaa-results-cta-sub {
  font-size:   14px;
  color:       rgba(255, 255, 255, 0.65);
  margin:      0;
  line-height: 1.5;
}

.aaa-results-cta-btn {
  display:         inline-flex;
  align-items:     center;
  white-space:     nowrap;
  background:      linear-gradient(
                     135deg,
                     #C9A84C 0%,
                     #E8C96A 100%
                   );
  color:           #0A2540;
  font-size:       15px;
  font-weight:     700;
  padding:         16px 32px;
  border-radius:   50px;
  text-decoration: none;
  transition:      all 0.3s ease;
  box-shadow:      0 6px 20px rgba(201, 168, 76, 0.35);
  flex-shrink:     0;
}

.aaa-results-cta-btn:hover {
  transform:  translateY(-3px);
  box-shadow: 0 12px 35px rgba(201, 168, 76, 0.50);
  color:      #0A2540;
}

/* ============================================
   RESPONSIVE — TABLET (max-width: 768px)
   ============================================ */

@media (max-width: 768px) {

  .aaa-calc-section {
    padding: 60px 16px;
  }

  .aaa-calc-form {
    padding: 24px 20px;
  }

  .aaa-calc-form-grid {
    grid-template-columns: 1fr;
    gap:                   20px;
  }

  .aaa-field-full {
    grid-column: 1;
  }

  .aaa-calc-card-header {
    padding:    20px 24px;
    flex-wrap:  wrap;
    gap:        12px;
  }

  .aaa-calc-header-badge {
    display: none;
  }

  .aaa-results-summary-grid {
    grid-template-columns: 1fr;
  }

  .aaa-results-cta-box {
    flex-direction: column;
    text-align:     center;
    padding:        24px 20px;
  }

  .aaa-results-cta-btn {
    width: 100%;
    justify-content: center;
  }

  .aaa-results-header {
    padding:   20px 24px;
    flex-wrap: wrap;
  }

  .aaa-calc-submit-btn {
    width:      100%;
    font-size:  16px;
    min-width:  auto;
    padding:    16px 32px;
  }

  .aaa-calc-reset-btn {
    width:      100%;
    justify-content: center;
  }

}

/* ============================================
   RESPONSIVE — MOBILE (max-width: 480px)
   ============================================ */

@media (max-width: 480px) {

  .aaa-calc-section {
    padding: 40px 12px;
  }

  .aaa-calc-form {
    padding: 20px 16px;
  }

  .aaa-calc-card-header {
    padding: 18px 16px;
  }

  .aaa-calc-card-title {
    font-size: 16px;
  }

  .aaa-breakdown-steps {
    padding: 16px;
  }

  .aaa-breakdown-step {
    padding: 14px;
  }

  .aaa-results-header {
    padding: 18px 16px;
  }

  .aaa-result-summary-card {
    padding: 20px 16px;
  }

  .aaa-calc-btn-wrap {
    flex-direction: column;
    width:          100%;
  }

  .aaa-calc-submit-btn,
  .aaa-calc-reset-btn {
    width: 100%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c3f962 *//* ============================================
   SECTION 3: WHAT IS GRATUITY — FULL REVISED
   Fixed: Container overflow, grid alignment,
   sidebar compatibility
   Navy:  #0A2540  Gold:  #C9A84C
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-what-section {
  position:    relative;
  width:       100%;
  background:  #FFFFFF;
  padding:     60px 20px;
  box-sizing:  border-box;
  font-family: 'Inter', sans-serif;
  overflow:    hidden;
}

.aaa-what-section::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     4px;
  background: linear-gradient(
                90deg,
                #0A2540 0%,
                #C9A84C 50%,
                #0A2540 100%
              );
}

/* ============================================
   CONTAINER — Fixed max-width for sidebar layout
   ============================================ */

.aaa-what-container {
  max-width:      100%;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            36px;
  box-sizing:     border-box;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-what-top-label {
  display:     flex;
  align-items: center;
  gap:         10px;
  flex-wrap:   wrap;
  justify-content: center;
}

.aaa-what-label-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
  flex-shrink:   0;
}

.aaa-what-label-text {
  font-size:      11px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align:     center;
}

/* ============================================
   SECTION HEADING
   ============================================ */

.aaa-what-heading-wrap {
  text-align: center;
  width:      100%;
}

.aaa-what-main-title {
  font-size:      clamp(24px, 3.5vw, 38px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 8px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-what-main-subtitle {
  font-size:   clamp(14px, 2vw, 18px);
  font-weight: 500;
  color:       #C9A84C;
  margin:      0;
  line-height: 1.4;
}

/* ============================================
   INTRO BANNER — Responsive columns
   ============================================ */

.aaa-what-intro-banner {
  display:       flex;
  flex-direction: row;
  align-items:   flex-start;
  gap:           24px;
  width:         100%;
  background:    linear-gradient(
                   135deg,
                   #F4F6FA 0%,
                   #FFFDF5 100%
                 );
  border-radius: 16px;
  padding:       28px 24px;
  border:        1px solid rgba(201, 168, 76, 0.20);
  box-shadow:    0 4px 16px rgba(10, 37, 64, 0.06);
  box-sizing:    border-box;
}

/* Hide icon on smaller containers */
.aaa-what-intro-icon-col {
  display:         flex;
  align-items:     flex-start;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-what-intro-big-icon {
  font-size:       32px;
  width:           60px;
  height:          60px;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  border-radius:   14px;
  display:         flex;
  align-items:     center;
  justify-content: center;
  box-shadow:      0 6px 18px rgba(10, 37, 64, 0.18);
  border:          2px solid rgba(201, 168, 76, 0.28);
  flex-shrink:     0;
}

.aaa-what-intro-text-col {
  display:        flex;
  flex-direction: column;
  gap:            12px;
  flex:           1;
  min-width:      0;
}

.aaa-what-intro-main {
  font-size:   15px;
  color:       #374151;
  line-height: 1.75;
  margin:      0;
}

.aaa-what-intro-main strong {
  color:       #0A2540;
  font-weight: 700;
}

.aaa-what-intro-secondary {
  font-size:     14px;
  color:         #6B7A99;
  line-height:   1.65;
  margin:        0;
  padding:       10px 14px;
  background:    rgba(10, 37, 64, 0.04);
  border-radius: 10px;
  border-left:   3px solid #C9A84C;
}

.aaa-what-intro-secondary strong {
  color:       #0A2540;
  font-weight: 600;
}

/* Hide badges by default — saves space in sidebar layout */
.aaa-what-intro-badge-col {
  display:        none;
}

/* ============================================
   3 INFO BOXES — Single column on sidebar pages
   ============================================ */

.aaa-what-boxes-row {
  display:               grid;
  grid-template-columns: repeat(3, 1fr);
  gap:                   20px;
  width:                 100%;
  box-sizing:            border-box;
}

/* ---- INFO BOX BASE ---- */
.aaa-what-info-box {
  display:        flex;
  flex-direction: column;
  gap:            14px;
  background:     #FFFFFF;
  border-radius:  16px;
  padding:        22px 20px;
  border:         1px solid #E2E8F0;
  box-shadow:     0 4px 14px rgba(10, 37, 64, 0.06);
  transition:     all 0.35s ease;
  position:       relative;
  overflow:       hidden;
  box-sizing:     border-box;
  min-width:      0;
}

.aaa-what-info-box::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     3px;
  background: linear-gradient(
                90deg,
                transparent,
                #C9A84C,
                transparent
              );
  opacity:    0;
  transition: opacity 0.3s ease;
}

.aaa-what-info-box:hover::before {
  opacity: 1;
}

.aaa-what-info-box:hover {
  transform:    translateY(-5px);
  box-shadow:   0 16px 40px rgba(10, 37, 64, 0.11);
  border-color: rgba(201, 168, 76, 0.28);
}

/* ---- FEATURED BOX ---- */
.aaa-what-box-featured {
  background: linear-gradient(
                155deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     2px solid #C9A84C;
  box-shadow: 0 10px 30px rgba(10, 37, 64, 0.22);
}

.aaa-what-box-featured::before {
  opacity:    1;
  background: linear-gradient(
                90deg,
                transparent,
                #E8C96A,
                transparent
              );
}

.aaa-what-box-featured:hover {
  transform:  translateY(-7px);
  box-shadow: 0 22px 55px rgba(10, 37, 64, 0.28);
}

/* Box Top Row */
.aaa-what-box-top {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             8px;
  flex-wrap:       wrap;
}

/* Icon Wrap */
.aaa-what-box-icon-wrap {
  width:            46px;
  height:           46px;
  border-radius:    12px;
  background:       rgba(201, 168, 76, 0.10);
  border:           1px solid rgba(201, 168, 76, 0.22);
  display:          flex;
  align-items:      center;
  justify-content:  center;
  transition:       all 0.3s ease;
  flex-shrink:      0;
}

.aaa-what-info-box:hover .aaa-what-box-icon-wrap {
  background:  rgba(201, 168, 76, 0.18);
  transform:   scale(1.06);
}

.aaa-what-box-featured .aaa-what-box-icon-wrap {
  background:   rgba(201, 168, 76, 0.14);
  border-color: rgba(201, 168, 76, 0.38);
}

.aaa-what-box-icon {
  font-size:   22px;
  line-height: 1;
}

/* Box Tag */
.aaa-what-box-tag {
  font-size:      10px;
  font-weight:    600;
  color:          #C9A84C;
  background:     rgba(201, 168, 76, 0.10);
  border:         1px solid rgba(201, 168, 76, 0.22);
  padding:        3px 10px;
  border-radius:  20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space:    nowrap;
}

/* Box Title */
.aaa-what-box-title {
  font-size:   17px;
  font-weight: 700;
  color:       #0A2540;
  margin:      0;
  line-height: 1.3;
}

.aaa-what-box-featured .aaa-what-box-title {
  color: #FFFFFF;
}

/* Box Text */
.aaa-what-box-text {
  font-size:   13px;
  color:       #6B7A99;
  line-height: 1.68;
  margin:      0;
  flex:        1;
}

.aaa-what-box-featured .aaa-what-box-text {
  color: rgba(255, 255, 255, 0.70);
}

.aaa-what-box-text strong {
  color:       #0A2540;
  font-weight: 600;
}

.aaa-what-box-featured .aaa-what-box-text strong {
  color: #C9A84C;
}

/* Box List */
.aaa-what-box-list {
  display:        flex;
  flex-direction: column;
  gap:            7px;
  padding-top:    12px;
  border-top:     1px solid #F0F2F5;
  margin-top:     auto;
}

.aaa-what-box-featured .aaa-what-box-list {
  border-color: rgba(255, 255, 255, 0.10);
}

.aaa-what-box-list-item {
  display:     flex;
  align-items: center;
  gap:         8px;
  font-size:   12px;
  font-weight: 500;
  color:       #374151;
  line-height: 1.4;
}

.aaa-what-box-featured .aaa-what-box-list-item {
  color: rgba(255, 255, 255, 0.72);
}

.aaa-what-box-list-item span:first-child {
  font-size:   13px;
  flex-shrink: 0;
  width:       18px;
  text-align:  center;
}

/* Box Formula */
.aaa-what-box-formula {
  display:        flex;
  flex-direction: column;
  background:     rgba(255, 255, 255, 0.06);
  border-radius:  10px;
  border:         1px solid rgba(201, 168, 76, 0.22);
  overflow:       hidden;
  margin-top:     auto;
}

.aaa-formula-row {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  padding:         10px 14px;
  gap:             8px;
  transition:      background 0.2s ease;
}

.aaa-formula-row:hover {
  background: rgba(201, 168, 76, 0.08);
}

.aaa-formula-label {
  font-size:   12px;
  font-weight: 500;
  color:       rgba(255, 255, 255, 0.68);
}

.aaa-formula-value {
  font-size:   13px;
  font-weight: 700;
  color:       #C9A84C;
  white-space: nowrap;
}

.aaa-formula-divider {
  height:     1px;
  background: rgba(255, 255, 255, 0.07);
  margin:     0 14px;
}

/* ============================================
   KEY FACTS SECTION — 2 columns for sidebar
   ============================================ */

.aaa-what-facts-section {
  width:         100%;
  background:    #F4F6FA;
  border-radius: 20px;
  padding:       28px 24px;
  box-sizing:    border-box;
  border:        1px solid #E2E8F0;
}

.aaa-what-facts-header {
  text-align:    center;
  margin-bottom: 22px;
}

.aaa-what-facts-title {
  font-size:      clamp(18px, 2.2vw, 24px);
  font-weight:    700;
  color:          #0A2540;
  margin:         0 0 6px;
  line-height:    1.3;
}

.aaa-what-facts-subtitle {
  font-size:   13px;
  color:       #6B7A99;
  margin:      0;
  line-height: 1.5;
}

/* Facts Grid — 2 columns (safe for sidebar) */
.aaa-what-facts-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   14px;
}

/* Fact Card */
.aaa-what-fact-card {
  display:       flex;
  align-items:   center;
  gap:           12px;
  background:    #FFFFFF;
  border-radius: 12px;
  padding:       16px 14px;
  border:        1px solid #E2E8F0;
  box-shadow:    0 2px 8px rgba(10, 37, 64, 0.04);
  transition:    all 0.3s ease;
  cursor:        default;
  box-sizing:    border-box;
  min-width:     0;
}

.aaa-what-fact-card:hover {
  transform:    translateY(-3px);
  box-shadow:   0 10px 24px rgba(10, 37, 64, 0.09);
  border-color: rgba(201, 168, 76, 0.32);
  background:   #FFFDF5;
}

/* Highlighted Cards */
.aaa-what-fact-card.aaa-fact-highlight {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     1px solid rgba(201, 168, 76, 0.50);
  box-shadow: 0 6px 18px rgba(10, 37, 64, 0.18);
}

.aaa-what-fact-card.aaa-fact-highlight:hover {
  box-shadow: 0 12px 30px rgba(10, 37, 64, 0.28);
  transform:  translateY(-4px);
}

/* Fact Card Icon */
.aaa-fact-card-icon {
  font-size:       18px;
  width:           42px;
  height:          42px;
  min-width:       42px;
  border-radius:   10px;
  background:      rgba(201, 168, 76, 0.10);
  border:          1px solid rgba(201, 168, 76, 0.20);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
  transition:      all 0.3s ease;
}

.aaa-what-fact-card:hover .aaa-fact-card-icon {
  transform:   scale(1.06);
  background:  rgba(201, 168, 76, 0.16);
}

.aaa-fact-highlight .aaa-fact-card-icon {
  background:   rgba(201, 168, 76, 0.14);
  border-color: rgba(201, 168, 76, 0.32);
}

/* Fact Card Content */
.aaa-fact-card-content {
  display:        flex;
  flex-direction: column;
  gap:            2px;
  flex:           1;
  min-width:      0;
  overflow:       hidden;
}

.aaa-fact-card-label {
  font-size:      10px;
  font-weight:    600;
  color:          #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height:    1.3;
  white-space:    nowrap;
  overflow:       hidden;
  text-overflow:  ellipsis;
}

.aaa-fact-highlight .aaa-fact-card-label {
  color: rgba(255, 255, 255, 0.55);
}

.aaa-fact-card-value {
  font-size:     15px;
  font-weight:   800;
  color:         #0A2540;
  line-height:   1.2;
  white-space:   nowrap;
  overflow:      hidden;
  text-overflow: ellipsis;
}

.aaa-fact-highlight .aaa-fact-card-value {
  color: #C9A84C;
}

.aaa-fact-card-note {
  font-size:     11px;
  color:         #9CA3AF;
  line-height:   1.3;
  white-space:   nowrap;
  overflow:      hidden;
  text-overflow: ellipsis;
}

.aaa-fact-highlight .aaa-fact-card-note {
  color: rgba(255, 255, 255, 0.45);
}

/* ============================================
   BOTTOM CTA STRIP
   ============================================ */

.aaa-what-cta-strip {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             20px;
  width:           100%;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  border-radius:   16px;
  padding:         22px 28px;
  box-shadow:      0 8px 28px rgba(10, 37, 64, 0.16);
  border:          1px solid rgba(201, 168, 76, 0.22);
  box-sizing:      border-box;
}

.aaa-what-cta-strip-left {
  display:     flex;
  align-items: center;
  gap:         14px;
  flex:        1;
  min-width:   0;
}

.aaa-what-cta-strip-icon {
  font-size:       24px;
  width:           48px;
  height:          48px;
  min-width:       48px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   12px;
  border:          1px solid rgba(201, 168, 76, 0.28);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-what-cta-strip-text {
  display:        flex;
  flex-direction: column;
  gap:            3px;
  min-width:      0;
}

.aaa-what-cta-strip-text strong {
  font-size:     16px;
  font-weight:   700;
  color:         #FFFFFF;
  line-height:   1.3;
  display:       block;
  white-space:   nowrap;
  overflow:      hidden;
  text-overflow: ellipsis;
}

.aaa-what-cta-strip-text span {
  font-size:   13px;
  color:       rgba(255, 255, 255, 0.60);
  line-height: 1.4;
}

.aaa-what-cta-strip-btn {
  display:         inline-flex;
  align-items:     center;
  white-space:     nowrap;
  flex-shrink:     0;
  background:      linear-gradient(
                     135deg,
                     #C9A84C 0%,
                     #E8C96A 100%
                   );
  color:           #0A2540;
  font-size:       14px;
  font-weight:     700;
  padding:         14px 28px;
  border-radius:   50px;
  text-decoration: none;
  transition:      all 0.3s ease;
  box-shadow:      0 5px 16px rgba(201, 168, 76, 0.30);
}

.aaa-what-cta-strip-btn:hover {
  transform:  translateY(-3px);
  box-shadow: 0 12px 28px rgba(201, 168, 76, 0.45);
  color:      #0A2540;
}

/* ============================================
   RESPONSIVE — Small Desktop with Sidebar
   max-width: 1024px
   ============================================ */

@media (max-width: 1024px) {

  .aaa-what-intro-banner {
    padding: 22px 20px;
    gap:     18px;
  }

  .aaa-what-boxes-row {
    grid-template-columns: 1fr;
    gap:                   16px;
  }

  .aaa-what-facts-grid {
    grid-template-columns: repeat(2, 1fr);
    gap:                   12px;
  }

}

/* ============================================
   RESPONSIVE — Tablet max-width: 768px
   ============================================ */

@media (max-width: 768px) {

  .aaa-what-section {
    padding: 50px 16px;
  }

  .aaa-what-container {
    gap: 24px;
  }

  .aaa-what-intro-banner {
    flex-direction: column;
    padding:        20px 18px;
    gap:            14px;
  }

  .aaa-what-intro-icon-col {
    display: none;
  }

  .aaa-what-intro-main {
    font-size: 14px;
  }

  .aaa-what-facts-section {
    padding: 22px 18px;
  }

  .aaa-what-cta-strip {
    flex-direction: column;
    text-align:     center;
    padding:        20px 18px;
    gap:            16px;
  }

  .aaa-what-cta-strip-left {
    flex-direction: column;
    text-align:     center;
  }

  .aaa-what-cta-strip-text strong {
    white-space: normal;
  }

  .aaa-what-cta-strip-btn {
    width:           100%;
    justify-content: center;
  }

}

/* ============================================
   RESPONSIVE — Mobile max-width: 480px
   ============================================ */

@media (max-width: 480px) {

  .aaa-what-section {
    padding: 36px 12px;
  }

  .aaa-what-container {
    gap: 20px;
  }

  .aaa-what-facts-grid {
    grid-template-columns: 1fr;
    gap:                   10px;
  }

  .aaa-what-info-box {
    padding: 18px 16px;
  }

  .aaa-what-facts-section {
    padding: 18px 14px;
  }

  .aaa-what-cta-strip {
    padding: 18px 14px;
  }

  .aaa-what-cta-strip-icon {
    display: none;
  }

  .aaa-what-cta-strip-text strong {
    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b95bc3 *//* ============================================
   SECTION 4: HOW IS GRATUITY CALCULATED
   A&A Associate LLC Brand Colors
   Navy:  #0A2540
   Gold:  #C9A84C
   White: #FFFFFF
   Light: #F4F6FA
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-calc-info-section {
  position:    relative;
  width:       100%;
  background:  #F4F6FA;
  padding:     70px 20px;
  box-sizing:  border-box;
  font-family: 'Inter', sans-serif;
  overflow:    hidden;
}

/* Top border accent */
.aaa-calc-info-section::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     4px;
  background: linear-gradient(
                90deg,
                #C9A84C 0%,
                #0A2540 50%,
                #C9A84C 100%
              );
}

/* Decorative BG */
.aaa-calc-info-section::after {
  content:        '';
  position:       absolute;
  bottom:         -100px;
  right:          -100px;
  width:          350px;
  height:         350px;
  border-radius:  50%;
  background:     radial-gradient(
                    circle,
                    rgba(201, 168, 76, 0.05) 0%,
                    transparent 70%
                  );
  pointer-events: none;
}

/* ============================================
   CONTAINER
   ============================================ */

.aaa-calc-info-container {
  max-width:      100%;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            36px;
  box-sizing:     border-box;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-calc-info-label {
  display:         flex;
  align-items:     center;
  gap:             10px;
  justify-content: center;
  flex-wrap:       wrap;
}

.aaa-calc-info-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
  flex-shrink:   0;
}

.aaa-calc-info-label-text {
  font-size:      11px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align:     center;
}

/* ============================================
   SECTION HEADING
   ============================================ */

.aaa-calc-info-heading {
  text-align: center;
  width:      100%;
}

.aaa-calc-info-title {
  font-size:      clamp(24px, 3.5vw, 38px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 8px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-calc-info-subtitle {
  font-size:   clamp(14px, 2vw, 18px);
  font-weight: 500;
  color:       #C9A84C;
  margin:      0;
  line-height: 1.4;
}

/* ============================================
   INTRO TEXT
   ============================================ */

.aaa-calc-info-intro {
  width:         100%;
  background:    #FFFFFF;
  border-radius: 14px;
  padding:       24px 28px;
  border:        1px solid rgba(201, 168, 76, 0.18);
  border-left:   5px solid #C9A84C;
  box-shadow:    0 4px 14px rgba(10, 37, 64, 0.06);
  box-sizing:    border-box;
}

.aaa-calc-info-intro-text {
  font-size:   15px;
  color:       #374151;
  line-height: 1.75;
  margin:      0;
}

.aaa-calc-info-intro-text strong {
  color:       #0A2540;
  font-weight: 700;
}

/* ============================================
   MAIN CONTENT GRID
   ============================================ */

.aaa-calc-info-grid {
  display:               grid;
  grid-template-columns: 1fr 1fr;
  gap:                   24px;
  width:                 100%;
  box-sizing:            border-box;
  align-items:           start;
}

/* ============================================
   LEFT COLUMN
   ============================================ */

.aaa-calc-info-left {
  display:        flex;
  flex-direction: column;
  gap:            20px;
  min-width:      0;
}

/* ============================================
   FORMULA BOX
   ============================================ */

.aaa-formula-box {
  background:    #FFFFFF;
  border-radius: 18px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.18);
  box-shadow:    0 6px 24px rgba(10, 37, 64, 0.08);
  box-sizing:    border-box;
}

/* Formula Box Header */
.aaa-formula-box-header {
  display:       flex;
  align-items:   center;
  gap:           12px;
  padding:       18px 24px;
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-bottom: 3px solid #C9A84C;
}

.aaa-formula-box-icon {
  font-size:       22px;
  width:           42px;
  height:          42px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.28);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-formula-box-title {
  font-size:   17px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0;
  line-height: 1.3;
}

/* Formula Step */
.aaa-formula-step {
  display:   flex;
  gap:       16px;
  padding:   20px 24px;
  box-sizing: border-box;
  transition: background 0.3s ease;
}

.aaa-formula-step:hover {
  background: rgba(201, 168, 76, 0.03);
}

.aaa-formula-step-num {
  font-size:      11px;
  font-weight:    700;
  color:          #FFFFFF;
  background:     #0A2540;
  border-radius:  20px;
  padding:        4px 10px;
  white-space:    nowrap;
  height:         fit-content;
  flex-shrink:    0;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  border:         1px solid rgba(201, 168, 76, 0.30);
}

.aaa-formula-step-content {
  flex:    1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap:     10px;
}

.aaa-formula-step-title {
  font-size:   15px;
  font-weight: 700;
  color:       #0A2540;
  margin:      0;
  line-height: 1.3;
}

/* Equation Display */
.aaa-formula-equation {
  display:       flex;
  align-items:   center;
  gap:           10px;
  flex-wrap:     wrap;
  background:    #F4F6FA;
  border-radius: 10px;
  padding:       12px 16px;
  border:        1px solid #E2E8F0;
}

.aaa-formula-eq-left {
  font-size:   14px;
  font-weight: 700;
  color:       #0A2540;
  white-space: nowrap;
}

.aaa-formula-eq-equals {
  font-size:   18px;
  font-weight: 800;
  color:       #C9A84C;
  flex-shrink: 0;
}

.aaa-formula-eq-right {
  font-size:   14px;
  font-weight: 600;
  color:       #374151;
  display:     flex;
  align-items: center;
  gap:         6px;
  flex-wrap:   wrap;
}

.aaa-divide,
.aaa-plus {
  font-size:      18px;
  font-weight:    800;
  color:          #C9A84C;
  background:     rgba(201, 168, 76, 0.10);
  width:          28px;
  height:         28px;
  border-radius:  50%;
  display:        inline-flex;
  align-items:    center;
  justify-content: center;
  flex-shrink:    0;
}

/* Step Note */
.aaa-formula-step-note {
  font-size:     12px;
  color:         #6B7A99;
  margin:        0;
  line-height:   1.55;
  padding:       8px 12px;
  background:    rgba(10, 37, 64, 0.03);
  border-radius: 8px;
  border-left:   2px solid rgba(201, 168, 76, 0.35);
}

.aaa-formula-step-note strong {
  color:       #0A2540;
  font-weight: 600;
}

/* Rate Grid inside Step 2 */
.aaa-formula-rate-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:     10px;
}

.aaa-formula-rate-card {
  display:        flex;
  flex-direction: column;
  gap:            5px;
  padding:        14px 12px;
  background:     #F4F6FA;
  border-radius:  10px;
  border:         1px solid #E2E8F0;
  transition:     all 0.3s ease;
}

.aaa-formula-rate-card:hover {
  border-color: rgba(201, 168, 76, 0.35);
  background:   #FFFDF5;
  transform:    translateY(-2px);
  box-shadow:   0 6px 16px rgba(201, 168, 76, 0.10);
}

.aaa-rate-card-gold {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     1px solid rgba(201, 168, 76, 0.40);
}

.aaa-rate-card-gold:hover {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border-color: #C9A84C;
}

.aaa-rate-period {
  font-size:   11px;
  font-weight: 600;
  color:       #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-rate-card-gold .aaa-rate-period {
  color: rgba(255, 255, 255, 0.60);
}

.aaa-rate-formula {
  font-size:   11px;
  color:       #9CA3AF;
  line-height: 1.4;
}

.aaa-rate-card-gold .aaa-rate-formula {
  color: rgba(255, 255, 255, 0.45);
}

.aaa-rate-value {
  font-size:   16px;
  font-weight: 800;
  color:       #0A2540;
  line-height: 1.2;
}

.aaa-rate-card-gold .aaa-rate-value {
  color: #C9A84C;
}

/* Step Divider */
.aaa-formula-step-divider {
  height:     1px;
  background: linear-gradient(
                90deg,
                transparent,
                rgba(201, 168, 76, 0.25),
                transparent
              );
  margin:     0 24px;
}

/* ============================================
   RIGHT COLUMN
   ============================================ */

.aaa-calc-info-right {
  display:        flex;
  flex-direction: column;
  gap:            20px;
  min-width:      0;
}

/* ============================================
   RATE TABLE BOX
   ============================================ */

.aaa-rate-table-box {
  background:    #FFFFFF;
  border-radius: 18px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.18);
  box-shadow:    0 6px 24px rgba(10, 37, 64, 0.08);
  box-sizing:    border-box;
}

.aaa-rate-table-header {
  display:       flex;
  align-items:   center;
  gap:           12px;
  padding:       18px 22px;
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-bottom: 3px solid #C9A84C;
}

.aaa-rate-table-icon {
  font-size:       20px;
  width:           40px;
  height:          40px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.28);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-rate-table-title {
  font-size:   16px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0;
  line-height: 1.3;
}

.aaa-rate-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Table */
.aaa-rate-table {
  width:           100%;
  border-collapse: collapse;
  font-size:       13px;
  min-width:       280px;
}

.aaa-th {
  padding:      12px 16px;
  text-align:   left;
  font-size:    11px;
  font-weight:  700;
  color:        #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background:   #F4F6FA;
  border-bottom: 2px solid #E2E8F0;
  white-space:  nowrap;
}

.aaa-tr {
  transition: background 0.2s ease;
}

.aaa-tr:hover {
  background: rgba(201, 168, 76, 0.04);
}

.aaa-tr:not(:last-child) .aaa-td {
  border-bottom: 1px solid #F0F2F5;
}

/* No gratuity row */
.aaa-tr-no {
  background: rgba(239, 68, 68, 0.03);
}

/* Highlight row */
.aaa-tr-highlight {
  background: rgba(201, 168, 76, 0.05);
}

/* Cap row */
.aaa-tr-cap {
  background: rgba(10, 37, 64, 0.03);
}

.aaa-td {
  padding:     13px 16px;
  color:       #374151;
  font-size:   13px;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
}

.aaa-td strong {
  color:       #0A2540;
  font-weight: 700;
}

.aaa-td-icon {
  margin-right: 6px;
  font-size:    14px;
}

/* Status Badges */
.aaa-status {
  display:        inline-flex;
  align-items:    center;
  font-size:      10px;
  font-weight:    700;
  padding:        4px 10px;
  border-radius:  20px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space:    nowrap;
}

.aaa-status-no {
  background: rgba(239, 68, 68, 0.10);
  color:      #DC2626;
  border:     1px solid rgba(239, 68, 68, 0.20);
}

.aaa-status-yes {
  background: rgba(16, 185, 129, 0.10);
  color:      #059669;
  border:     1px solid rgba(16, 185, 129, 0.20);
}

.aaa-status-full {
  background: rgba(201, 168, 76, 0.12);
  color:      #A8872E;
  border:     1px solid rgba(201, 168, 76, 0.30);
}

.aaa-status-cap {
  background: rgba(10, 37, 64, 0.08);
  color:      #0A2540;
  border:     1px solid rgba(10, 37, 64, 0.15);
}

/* Table Note */
.aaa-rate-table-note {
  display:    flex;
  align-items: flex-start;
  gap:        8px;
  padding:    14px 18px;
  background: rgba(201, 168, 76, 0.05);
  border-top: 1px solid rgba(201, 168, 76, 0.15);
}

.aaa-note-icon {
  font-size:   14px;
  flex-shrink: 0;
  margin-top:  1px;
}

.aaa-note-text {
  font-size:   12px;
  color:       #6B7A99;
  line-height: 1.55;
}

/* ============================================
   QUICK REFERENCE CARD
   ============================================ */

.aaa-quick-ref-card {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-radius: 14px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.28);
  box-shadow:    0 6px 20px rgba(10, 37, 64, 0.14);
  box-sizing:    border-box;
}

.aaa-quick-ref-header {
  display:       flex;
  align-items:   center;
  gap:           10px;
  padding:       14px 18px;
  border-bottom: 2px solid rgba(201, 168, 76, 0.30);
  font-size:     14px;
  font-weight:   700;
  color:         #FFFFFF;
}

.aaa-quick-ref-header span:first-child {
  font-size: 18px;
}

.aaa-quick-ref-body {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   1px;
  background:            rgba(255, 255, 255, 0.06);
}

.aaa-quick-ref-item {
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  gap:             4px;
  padding:         14px 12px;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  text-align:      center;
  transition:      background 0.2s ease;
}

.aaa-quick-ref-item:hover {
  background: rgba(201, 168, 76, 0.08);
}

.aaa-qr-label {
  font-size:      10px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-qr-eq {
  font-size:   16px;
  font-weight: 800;
  color:       #C9A84C;
  line-height: 1.2;
}

/* ============================================
   EXAMPLE SECTION — FULL WIDTH
   ============================================ */

.aaa-example-section {
  width:         100%;
  background:    #FFFFFF;
  border-radius: 20px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.18);
  box-shadow:    0 8px 30px rgba(10, 37, 64, 0.08);
  box-sizing:    border-box;
}

/* Example Header */
.aaa-example-header {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             16px;
  padding:         20px 28px;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  border-bottom:   3px solid #C9A84C;
  flex-wrap:       wrap;
}

.aaa-example-header-left {
  display:     flex;
  align-items: center;
  gap:         14px;
}

.aaa-example-header-icon {
  font-size:       26px;
  width:           50px;
  height:          50px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   12px;
  border:          1px solid rgba(201, 168, 76, 0.30);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-example-title {
  font-size:   18px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 4px;
  line-height: 1.3;
}

.aaa-example-location {
  display:       inline-block;
  font-size:     12px;
  font-weight:   600;
  color:         #C9A84C;
  background:    rgba(201, 168, 76, 0.14);
  border:        1px solid rgba(201, 168, 76, 0.28);
  padding:       2px 10px;
  border-radius: 20px;
  margin-left:   8px;
}

.aaa-example-subtitle {
  font-size:   13px;
  color:       rgba(255, 255, 255, 0.60);
  margin:      0;
}

.aaa-example-badge {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            1px;
  background:     rgba(201, 168, 76, 0.14);
  border:         1px solid rgba(201, 168, 76, 0.30);
  border-radius:  10px;
  padding:        8px 14px;
  flex-shrink:    0;
}

.aaa-example-badge span {
  font-size:      11px;
  font-weight:    700;
  color:          #C9A84C;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  line-height:    1.4;
}

/* Example Content Grid */
.aaa-example-content-grid {
  display:               grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  gap:                   0;
  box-sizing:            border-box;
}

/* Card borders */
.aaa-example-details-card,
.aaa-example-steps-card,
.aaa-example-result-card {
  padding:    24px 22px;
  box-sizing: border-box;
}

.aaa-example-steps-card {
  border-left:  1px solid #F0F2F5;
  border-right: 1px solid #F0F2F5;
  background:   #FAFBFC;
}

.aaa-example-result-card {
  background: linear-gradient(
                160deg,
                #0A2540 0%,
                #0D3060 100%
              );
}

/* Card Title */
.aaa-example-card-title {
  display:       flex;
  align-items:   center;
  gap:           8px;
  font-size:     14px;
  font-weight:   700;
  color:         #0A2540;
  margin:        0 0 18px;
  padding-bottom: 12px;
  border-bottom: 2px solid #F0F2F5;
}

.aaa-example-result-card .aaa-example-card-title {
  color:        rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.10);
}

/* Details List */
.aaa-example-details-list {
  display:        flex;
  flex-direction: column;
  gap:            10px;
}

.aaa-example-detail-row {
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  gap:             8px;
  padding:         10px 12px;
  background:      #F4F6FA;
  border-radius:   8px;
  border:          1px solid #E2E8F0;
  transition:      all 0.2s ease;
}

.aaa-example-detail-row:hover {
  border-color:  rgba(201, 168, 76, 0.30);
  background:    #FFFDF5;
}

.aaa-detail-label {
  font-size:   12px;
  color:       #6B7A99;
  font-weight: 500;
  flex:        1;
}

.aaa-detail-value {
  font-size:   14px;
  font-weight: 700;
  color:       #0A2540;
  text-align:  right;
  white-space: nowrap;
}

.aaa-detail-gold {
  color: #C9A84C;
}

/* Example Step List */
.aaa-example-step-list {
  display:        flex;
  flex-direction: column;
  gap:            10px;
}

.aaa-ex-step {
  background:    #FFFFFF;
  border-radius: 10px;
  padding:       14px 16px;
  border:        1px solid #E2E8F0;
  transition:    all 0.3s ease;
  box-sizing:    border-box;
}

.aaa-ex-step:hover {
  border-color: rgba(201, 168, 76, 0.35);
  box-shadow:   0 4px 12px rgba(10, 37, 64, 0.06);
  transform:    translateX(3px);
}

.aaa-ex-step-total {
  background:    linear-gradient(
                   135deg,
                   rgba(201, 168, 76, 0.08) 0%,
                   rgba(201, 168, 76, 0.04) 100%
                 );
  border:        2px solid rgba(201, 168, 76, 0.40);
}

.aaa-ex-step-header {
  display:     flex;
  align-items: center;
  gap:         8px;
  margin-bottom: 8px;
  flex-wrap:   wrap;
}

.aaa-ex-step-badge {
  font-size:      10px;
  font-weight:    700;
  color:          #FFFFFF;
  background:     #0A2540;
  padding:        3px 8px;
  border-radius:  20px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  flex-shrink:    0;
  border:         1px solid rgba(201, 168, 76, 0.25);
}

.aaa-badge-total {
  background: linear-gradient(
                135deg,
                #C9A84C 0%,
                #E8C96A 100%
              );
  color:      #0A2540;
}

.aaa-ex-step-name {
  font-size:   12px;
  font-weight: 600;
  color:       #374151;
  line-height: 1.3;
}

.aaa-ex-step-calc {
  display:     flex;
  align-items: center;
  gap:         8px;
  flex-wrap:   wrap;
}

.aaa-ex-calc-text {
  font-size:   13px;
  color:       #6B7A99;
  font-family: 'Courier New', monospace;
}

.aaa-ex-calc-equals {
  font-size:   16px;
  font-weight: 800;
  color:       #C9A84C;
  flex-shrink: 0;
}

.aaa-ex-calc-result {
  font-size:   14px;
  font-weight: 700;
  color:       #059669;
}

.aaa-result-big {
  font-size:   18px !important;
  color:       #C9A84C !important;
}

/* Result Display Card */
.aaa-result-display {
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  gap:             6px;
  padding:         20px 16px;
  background:      rgba(201, 168, 76, 0.08);
  border-radius:   14px;
  border:          1px solid rgba(201, 168, 76, 0.25);
  text-align:      center;
  margin-bottom:   18px;
}

.aaa-result-label {
  font-size:      11px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.60);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.aaa-result-amount {
  font-size:      clamp(26px, 3vw, 32px);
  font-weight:    900;
  color:          #C9A84C;
  line-height:    1.1;
  background:     linear-gradient(135deg, #C9A84C 0%, #E8C96A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

.aaa-result-note {
  font-size:   12px;
  color:       rgba(255, 255, 255, 0.50);
  line-height: 1.4;
  text-align:  center;
}

/* Mini Breakdown */
.aaa-result-breakdown-mini {
  display:        flex;
  flex-direction: column;
  gap:            0;
  background:     rgba(255, 255, 255, 0.05);
  border-radius:  10px;
  overflow:       hidden;
  border:         1px solid rgba(255, 255, 255, 0.08);
  margin-bottom:  18px;
}

.aaa-mini-row {
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  padding:         10px 14px;
  gap:             8px;
  transition:      background 0.2s ease;
}

.aaa-mini-row:hover {
  background: rgba(201, 168, 76, 0.06);
}

.aaa-mini-total-row {
  background: rgba(201, 168, 76, 0.08);
}

.aaa-mini-label {
  font-size:   13px;
  color:       rgba(255, 255, 255, 0.65);
  font-weight: 500;
}

.aaa-mini-value {
  font-size:   13px;
  font-weight: 700;
  color:       #FFFFFF;
}

.aaa-mini-gold {
  color:     #C9A84C;
  font-size: 15px !important;
}

.aaa-mini-divider {
  height:     1px;
  background: rgba(255, 255, 255, 0.08);
}

/* Example CTA Button */
.aaa-example-calc-btn {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             8px;
  background:      linear-gradient(
                     135deg,
                     #C9A84C 0%,
                     #E8C96A 100%
                   );
  color:           #0A2540;
  font-size:       13px;
  font-weight:     700;
  padding:         13px 20px;
  border-radius:   50px;
  text-decoration: none;
  transition:      all 0.3s ease;
  box-shadow:      0 5px 16px rgba(201, 168, 76, 0.28);
  text-align:      center;
}

.aaa-example-calc-btn:hover {
  transform:  translateY(-3px);
  box-shadow: 0 12px 28px rgba(201, 168, 76, 0.42);
  color:      #0A2540;
}

/* ============================================
   NOTES STRIP
   ============================================ */

.aaa-calc-notes-strip {
  width:         100%;
  background:    #FFFFFF;
  border-radius: 18px;
  padding:       28px 24px;
  border:        1px solid #E2E8F0;
  box-shadow:    0 4px 16px rgba(10, 37, 64, 0.06);
  box-sizing:    border-box;
}

.aaa-notes-strip-title {
  display:       flex;
  align-items:   center;
  gap:           10px;
  font-size:     16px;
  font-weight:   700;
  color:         #0A2540;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 2px solid #F0F2F5;
}

.aaa-notes-strip-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   16px;
}

.aaa-note-item {
  display:       flex;
  align-items:   flex-start;
  gap:           12px;
  padding:       16px;
  background:    #F4F6FA;
  border-radius: 12px;
  border:        1px solid #E2E8F0;
  transition:    all 0.3s ease;
  box-sizing:    border-box;
}

.aaa-note-item:hover {
  border-color: rgba(201, 168, 76, 0.30);
  background:   #FFFDF5;
  transform:    translateY(-2px);
  box-shadow:   0 6px 16px rgba(10, 37, 64, 0.07);
}

.aaa-note-item-icon {
  font-size:       20px;
  width:           40px;
  height:          40px;
  min-width:       40px;
  background:      rgba(201, 168, 76, 0.10);
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.20);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-note-item-text {
  font-size:      13px;
  color:          #6B7A99;
  line-height:    1.60;
  display:        flex;
  flex-direction: column;
  gap:            3px;
}

.aaa-note-item-text strong {
  font-size:   14px;
  font-weight: 700;
  color:       #0A2540;
  display:     block;
  margin-bottom: 2px;
}

/* ============================================
   RESPONSIVE — max-width: 1024px
   ============================================ */

@media (max-width: 1024px) {

  .aaa-calc-info-grid {
    grid-template-columns: 1fr;
    gap:                   20px;
  }

  .aaa-example-content-grid {
    grid-template-columns: 1fr 1fr;
  }

  .aaa-example-result-card {
    grid-column: 1 / -1;
  }

}

/* ============================================
   RESPONSIVE — max-width: 768px
   ============================================ */

@media (max-width: 768px) {

  .aaa-calc-info-section {
    padding: 50px 16px;
  }

  .aaa-calc-info-container {
    gap: 24px;
  }

  .aaa-example-content-grid {
    grid-template-columns: 1fr;
  }

  .aaa-example-result-card {
    grid-column: auto;
  }

  .aaa-formula-rate-grid {
    grid-template-columns: 1fr;
  }

  .aaa-notes-strip-grid {
    grid-template-columns: 1fr;
    gap:                   12px;
  }

  .aaa-example-header {
    padding:   16px 18px;
    flex-wrap: wrap;
  }

  .aaa-example-details-card,
  .aaa-example-steps-card,
  .aaa-example-result-card {
    padding: 20px 18px;
  }

  .aaa-quick-ref-body {
    grid-template-columns: repeat(2, 1fr);
  }

}

/* ============================================
   RESPONSIVE — max-width: 480px
   ============================================ */

@media (max-width: 480px) {

  .aaa-calc-info-section {
    padding: 36px 12px;
  }

  .aaa-calc-info-container {
    gap: 20px;
  }

  .aaa-formula-step {
    padding:        16px 18px;
    flex-direction: column;
    gap:            10px;
  }

  .aaa-formula-equation {
    flex-direction: column;
    align-items:    flex-start;
    gap:            6px;
  }

  .aaa-example-card-title {
    font-size: 13px;
  }

  .aaa-example-header {
    padding: 14px 16px;
  }

  .aaa-example-header-icon {
    display: none;
  }

  .aaa-calc-notes-strip {
    padding: 20px 16px;
  }

  .aaa-note-item {
    padding: 14px 12px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afe1ce9 *//* ============================================
   SECTION 5: LIMITED VS UNLIMITED CONTRACT
   A&A Associate LLC
   Navy:  #0A2540
   Gold:  #C9A84C
   White: #FFFFFF
   Light: #F4F6FA
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-contract-section {
  position:    relative;
  width:       100%;
  background:  #FFFFFF;
  padding:     70px 20px;
  box-sizing:  border-box;
  font-family: 'Inter', sans-serif;
  overflow:    hidden;
}

.aaa-contract-section::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     4px;
  background: linear-gradient(
                90deg,
                #0A2540 0%,
                #C9A84C 50%,
                #0A2540 100%
              );
}

.aaa-contract-section::after {
  content:        '';
  position:       absolute;
  top:            -80px;
  right:          -80px;
  width:          280px;
  height:         280px;
  border-radius:  50%;
  background:     radial-gradient(
                    circle,
                    rgba(201, 168, 76, 0.05) 0%,
                    transparent 70%
                  );
  pointer-events: none;
}

/* ============================================
   CONTAINER
   ============================================ */

.aaa-contract-container {
  max-width:      100%;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            32px;
  box-sizing:     border-box;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-contract-top-label {
  display:         flex;
  align-items:     center;
  gap:             10px;
  justify-content: center;
  flex-wrap:       wrap;
}

.aaa-contract-label-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
  flex-shrink:   0;
}

.aaa-contract-label-text {
  font-size:      11px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align:     center;
}

/* ============================================
   SECTION HEADING
   ============================================ */

.aaa-contract-heading-wrap {
  text-align: center;
  width:      100%;
  max-width:  750px;
}

.aaa-contract-main-title {
  font-size:      clamp(24px, 3.5vw, 38px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 8px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-contract-title-sub {
  display:     block;
  font-size:   clamp(18px, 2.5vw, 26px);
  font-weight: 500;
  color:       #C9A84C;
  margin-top:  4px;
}

.aaa-contract-intro-text {
  font-size:   15px;
  color:       #6B7A99;
  line-height: 1.70;
  margin:      12px 0 0;
}

/* ============================================
   TABS ROW
   ============================================ */

.aaa-contract-tabs-row {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             0;
  width:           100%;
  background:      #F4F6FA;
  border-radius:   16px;
  padding:         16px 20px;
  border:          1px solid #E2E8F0;
  box-sizing:      border-box;
  flex-wrap:       wrap;
  gap:             16px;
}

.aaa-contract-tab {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            4px;
  padding:        16px 32px;
  background:     #FFFFFF;
  border-radius:  12px;
  border:         1px solid #E2E8F0;
  flex:           1;
  min-width:      160px;
  max-width:      280px;
  text-align:     center;
  transition:     all 0.3s ease;
  cursor:         default;
  box-sizing:     border-box;
}

.aaa-tab-limited:hover {
  border-color:   rgba(10, 37, 64, 0.30);
  box-shadow:     0 6px 18px rgba(10, 37, 64, 0.08);
  background:     #FFFFFF;
}

.aaa-tab-unlimited:hover {
  border-color:   rgba(201, 168, 76, 0.40);
  box-shadow:     0 6px 18px rgba(201, 168, 76, 0.10);
  background:     #FFFDF5;
}

.aaa-tab-icon {
  font-size:   26px;
  line-height: 1;
}

.aaa-tab-label {
  font-size:   15px;
  font-weight: 700;
  color:       #0A2540;
  line-height: 1.3;
}

.aaa-tab-desc {
  font-size:   12px;
  font-weight: 500;
  color:       #6B7A99;
  line-height: 1.3;
}

.aaa-contract-tab-divider {
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-tab-vs {
  font-size:        13px;
  font-weight:      800;
  color:            #FFFFFF;
  background:       linear-gradient(
                      135deg,
                      #0A2540 0%,
                      #C9A84C 100%
                    );
  width:            40px;
  height:           40px;
  border-radius:    50%;
  display:          flex;
  align-items:      center;
  justify-content:  center;
  letter-spacing:   0.5px;
  box-shadow:       0 4px 12px rgba(10, 37, 64, 0.20);
}

/* ============================================
   TWO COLUMN COMPARISON GRID
   ============================================ */

.aaa-contract-compare-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   24px;
  width:                 100%;
  box-sizing:            border-box;
  align-items:           start;
}

/* ============================================
   CONTRACT COLUMN — BASE
   ============================================ */

.aaa-contract-col {
  display:        flex;
  flex-direction: column;
  gap:            16px;
  border-radius:  18px;
  overflow:       hidden;
  border:         1px solid #E2E8F0;
  box-shadow:     0 6px 24px rgba(10, 37, 64, 0.07);
  background:     #FFFFFF;
  box-sizing:     border-box;
  transition:     box-shadow 0.3s ease;
}

.aaa-contract-col:hover {
  box-shadow: 0 14px 40px rgba(10, 37, 64, 0.11);
}

.aaa-col-unlimited {
  border-color: rgba(201, 168, 76, 0.22);
}

/* ============================================
   COLUMN HEADER
   ============================================ */

.aaa-contract-col-header {
  padding: 20px 22px 16px;
}

.aaa-header-limited {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border-bottom: 3px solid rgba(201, 168, 76, 0.50);
}

.aaa-header-unlimited {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border-bottom: 3px solid #C9A84C;
}

.aaa-col-header-top {
  display:     flex;
  align-items: center;
  gap:         12px;
  margin-bottom: 12px;
}

.aaa-col-header-icon {
  font-size:       22px;
  width:           46px;
  height:          46px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   12px;
  border:          1px solid rgba(201, 168, 76, 0.30);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-col-header-text {
  flex: 1;
  min-width: 0;
}

.aaa-contract-col-title {
  font-size:   18px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 3px;
  line-height: 1.3;
}

.aaa-contract-col-subtitle {
  font-size:   12px;
  color:       rgba(255, 255, 255, 0.60);
  margin:      0;
  line-height: 1.3;
}

.aaa-col-header-tag {
  display:        inline-flex;
  align-items:    center;
  font-size:      11px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.80);
  background:     rgba(255, 255, 255, 0.10);
  border:         1px solid rgba(255, 255, 255, 0.15);
  padding:        5px 12px;
  border-radius:  20px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-tag-gold {
  color:       #C9A84C !important;
  background:  rgba(201, 168, 76, 0.12) !important;
  border-color: rgba(201, 168, 76, 0.30) !important;
}

/* ============================================
   KEY FEATURES
   ============================================ */

.aaa-contract-features {
  padding:    0 20px;
  box-sizing: border-box;
}

.aaa-features-title {
  font-size:      12px;
  font-weight:    700;
  color:          #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin:         0 0 12px;
}

.aaa-features-list {
  display:        flex;
  flex-direction: column;
  gap:            10px;
}

.aaa-feature-item {
  display:       flex;
  align-items:   flex-start;
  gap:           10px;
  padding:       12px 14px;
  background:    #F4F6FA;
  border-radius: 10px;
  border:        1px solid #E2E8F0;
  transition:    all 0.3s ease;
  box-sizing:    border-box;
}

.aaa-feature-item:hover {
  border-color:  rgba(201, 168, 76, 0.28);
  background:    #FFFDF5;
  transform:     translateX(3px);
}

.aaa-feature-icon {
  font-size:   16px;
  flex-shrink: 0;
  width:       24px;
  text-align:  center;
  margin-top:  1px;
}

.aaa-feature-text {
  display:        flex;
  flex-direction: column;
  gap:            2px;
  flex:           1;
  min-width:      0;
}

.aaa-feature-text strong {
  font-size:   13px;
  font-weight: 700;
  color:       #0A2540;
  line-height: 1.3;
  display:     block;
}

.aaa-feature-text span {
  font-size:   12px;
  color:       #6B7A99;
  line-height: 1.5;
}

/* ============================================
   RULES BOX
   ============================================ */

.aaa-contract-rules-box {
  padding:    0 20px;
  box-sizing: border-box;
}

.aaa-rules-box-header {
  display:       flex;
  align-items:   center;
  gap:           8px;
  padding:       12px 16px;
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-radius: 10px 10px 0 0;
  font-size:     13px;
  font-weight:   700;
  color:         #FFFFFF;
  border-bottom: 2px solid #C9A84C;
}

.aaa-rules-header-dark {
  background: linear-gradient(
                135deg,
                #1a3a5c 0%,
                #0D3060 100%
              );
  border-color: rgba(201, 168, 76, 0.60);
}

.aaa-rules-header-navy {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #071A30 100%
              );
  border-color: #C9A84C;
}

.aaa-rules-header-icon {
  font-size: 16px;
}

.aaa-rules-table {
  border:          1px solid #E2E8F0;
  border-top:      none;
  border-radius:   0 0 10px 10px;
  overflow:        hidden;
}

.aaa-rules-row {
  display:         grid;
  grid-template-columns: 1.3fr 1fr;
  align-items:     center;
  transition:      background 0.2s ease;
}

.aaa-rules-row:not(:last-child) {
  border-bottom: 1px solid #F0F2F5;
}

.aaa-rules-row:hover:not(.aaa-rules-header-row) {
  background: rgba(201, 168, 76, 0.04);
}

.aaa-rules-header-row {
  background: #F4F6FA;
  border-bottom: 2px solid #E2E8F0 !important;
}

.aaa-rules-row-no {
  background: rgba(239, 68, 68, 0.03);
}

.aaa-rules-row-full {
  background: rgba(201, 168, 76, 0.04);
}

.aaa-rules-col-period {
  display:      flex;
  align-items:  center;
  gap:          6px;
  padding:      11px 14px;
  font-size:    12px;
  font-weight:  500;
  color:        #374151;
  line-height:  1.4;
}

.aaa-rules-header-row .aaa-rules-col-period,
.aaa-rules-header-row .aaa-rules-col-rate {
  font-size:      10px;
  font-weight:    700;
  color:          #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.aaa-rules-col-rate {
  padding:    11px 14px 11px 8px;
  font-size:  12px;
  font-weight: 500;
  color:      #374151;
}

.aaa-period-icon {
  font-size:   13px;
  flex-shrink: 0;
}

/* Rate Badges */
.aaa-rate-badge {
  display:        inline-flex;
  align-items:    center;
  font-size:      11px;
  font-weight:    700;
  padding:        4px 10px;
  border-radius:  20px;
  white-space:    nowrap;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.aaa-badge-no {
  background: rgba(239, 68, 68, 0.10);
  color:      #DC2626;
  border:     1px solid rgba(239, 68, 68, 0.20);
}

.aaa-badge-partial {
  background: rgba(59, 130, 246, 0.10);
  color:      #2563EB;
  border:     1px solid rgba(59, 130, 246, 0.20);
}

.aaa-badge-one-third {
  background: rgba(245, 158, 11, 0.10);
  color:      #D97706;
  border:     1px solid rgba(245, 158, 11, 0.20);
}

.aaa-badge-two-third {
  background: rgba(16, 185, 129, 0.10);
  color:      #059669;
  border:     1px solid rgba(16, 185, 129, 0.20);
}

.aaa-badge-full {
  background: rgba(201, 168, 76, 0.12);
  color:      #A8872E;
  border:     1px solid rgba(201, 168, 76, 0.30);
}

/* ============================================
   FORMULA STRIP
   ============================================ */

.aaa-contract-formula-strip {
  display:         flex;
  align-items:     center;
  justify-content: space-around;
  gap:             0;
  margin:          0 20px 20px;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  border-radius:   12px;
  padding:         14px 16px;
  border:          1px solid rgba(201, 168, 76, 0.25);
  box-sizing:      border-box;
}

.aaa-formula-strip-item {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            3px;
  flex:           1;
  text-align:     center;
}

.aaa-fs-label {
  font-size:      10px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-fs-value {
  font-size:   15px;
  font-weight: 800;
  color:       #C9A84C;
  line-height: 1.2;
}

.aaa-formula-strip-divider {
  width:      1px;
  height:     32px;
  background: rgba(255, 255, 255, 0.10);
  flex-shrink: 0;
}

/* ============================================
   IMPORTANT NOTICE BOX
   ============================================ */

.aaa-contract-notice-box {
  display:       flex;
  align-items:   flex-start;
  gap:           18px;
  width:         100%;
  background:    linear-gradient(
                   135deg,
                   rgba(201, 168, 76, 0.06) 0%,
                   rgba(201, 168, 76, 0.02) 100%
                 );
  border-radius: 16px;
  padding:       24px 24px;
  border:        1px solid rgba(201, 168, 76, 0.30);
  border-left:   5px solid #C9A84C;
  box-shadow:    0 4px 16px rgba(201, 168, 76, 0.08);
  box-sizing:    border-box;
}

.aaa-notice-icon-wrap {
  font-size:       24px;
  width:           48px;
  height:          48px;
  min-width:       48px;
  background:      rgba(201, 168, 76, 0.12);
  border-radius:   12px;
  border:          1px solid rgba(201, 168, 76, 0.25);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-notice-icon {
  font-size: 22px;
}

.aaa-notice-content {
  flex:      1;
  min-width: 0;
}

.aaa-notice-title {
  font-size:   16px;
  font-weight: 700;
  color:       #0A2540;
  margin:      0 0 10px;
  line-height: 1.4;
}

.aaa-notice-text {
  font-size:   14px;
  color:       #374151;
  line-height: 1.72;
  margin:      0 0 14px;
}

.aaa-notice-text strong {
  color:       #0A2540;
  font-weight: 700;
}

.aaa-notice-tags-row {
  display:   flex;
  flex-wrap: wrap;
  gap:       8px;
}

.aaa-notice-tag {
  display:        inline-flex;
  align-items:    center;
  gap:            4px;
  font-size:      11px;
  font-weight:    600;
  color:          #A8872E;
  background:     rgba(201, 168, 76, 0.10);
  border:         1px solid rgba(201, 168, 76, 0.25);
  padding:        5px 12px;
  border-radius:  20px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* ============================================
   SUMMARY COMPARISON TABLE
   ============================================ */

.aaa-contract-summary-table-box {
  width:         100%;
  background:    #FFFFFF;
  border-radius: 18px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.18);
  box-shadow:    0 6px 24px rgba(10, 37, 64, 0.07);
  box-sizing:    border-box;
}

.aaa-summary-table-header {
  display:       flex;
  align-items:   center;
  gap:           12px;
  padding:       18px 22px;
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-bottom: 3px solid #C9A84C;
}

.aaa-summary-table-icon {
  font-size:       20px;
  width:           40px;
  height:          40px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.28);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-summary-table-title {
  font-size:   16px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0;
  line-height: 1.3;
}

.aaa-summary-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.aaa-summary-table {
  width:           100%;
  border-collapse: collapse;
  min-width:       480px;
}

.aaa-sum-th {
  padding:        12px 16px;
  text-align:     left;
  font-size:      12px;
  font-weight:    700;
  color:          #6B7A99;
  background:     #F4F6FA;
  border-bottom:  2px solid #E2E8F0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space:    nowrap;
}

.aaa-th-limited {
  color:       #0A2540;
  border-left: 2px solid rgba(10, 37, 64, 0.15);
}

.aaa-th-unlimited {
  color:        #A8872E;
  border-left:  2px solid rgba(201, 168, 76, 0.25);
}

.aaa-sum-tr {
  transition: background 0.2s ease;
}

.aaa-sum-tr:hover {
  background: rgba(201, 168, 76, 0.03);
}

.aaa-sum-tr:not(:last-child) .aaa-sum-td {
  border-bottom: 1px solid #F0F2F5;
}

.aaa-sum-tr-alt {
  background: rgba(244, 246, 250, 0.50);
}

.aaa-sum-tr-alt:hover {
  background: rgba(201, 168, 76, 0.04);
}

.aaa-sum-td {
  padding:        12px 16px;
  font-size:      13px;
  color:          #374151;
  font-weight:    500;
  line-height:    1.4;
  vertical-align: middle;
}

.aaa-sum-td-label {
  font-weight:  700;
  color:        #0A2540;
  font-size:    13px;
  border-right: 1px solid #F0F2F5;
}

/* Summary Badges */
.aaa-sum-badge {
  display:        inline-flex;
  align-items:    center;
  font-size:      11px;
  font-weight:    700;
  padding:        4px 10px;
  border-radius:  20px;
  white-space:    nowrap;
}

.aaa-sum-badge-blue {
  background: rgba(59, 130, 246, 0.10);
  color:      #2563EB;
  border:     1px solid rgba(59, 130, 246, 0.20);
}

.aaa-sum-badge-gold {
  background: rgba(201, 168, 76, 0.12);
  color:      #A8872E;
  border:     1px solid rgba(201, 168, 76, 0.28);
}

.aaa-sum-badge-warn {
  background: rgba(245, 158, 11, 0.10);
  color:      #D97706;
  border:     1px solid rgba(245, 158, 11, 0.20);
}

/* ============================================
   RESPONSIVE — max-width: 1024px
   ============================================ */

@media (max-width: 1024px) {

  .aaa-contract-compare-grid {
    grid-template-columns: 1fr;
    gap:                   20px;
  }

}

/* ============================================
   RESPONSIVE — max-width: 768px
   ============================================ */

@media (max-width: 768px) {

  .aaa-contract-section {
    padding: 50px 16px;
  }

  .aaa-contract-container {
    gap: 24px;
  }

  .aaa-contract-tabs-row {
    padding:   14px 16px;
    gap:       12px;
  }

  .aaa-contract-tab {
    padding:   14px 16px;
    min-width: 120px;
  }

  .aaa-contract-notice-box {
    flex-direction: column;
    gap:            14px;
    padding:        20px 18px;
  }

  .aaa-notice-icon-wrap {
    display: none;
  }

  .aaa-summary-table-header {
    padding:   16px 18px;
    flex-wrap: wrap;
  }

}

/* ============================================
   RESPONSIVE — max-width: 480px
   ============================================ */

@media (max-width: 480px) {

  .aaa-contract-section {
    padding: 36px 12px;
  }

  .aaa-contract-container {
    gap: 20px;
  }

  .aaa-contract-tabs-row {
    flex-direction: column;
    align-items:    stretch;
    padding:        14px;
  }

  .aaa-contract-tab {
    max-width:      100%;
    flex-direction: row;
    justify-content: flex-start;
    text-align:     left;
  }

  .aaa-contract-tab-divider {
    display:         flex;
    justify-content: center;
  }

  .aaa-contract-formula-strip {
    gap:    8px;
    padding: 12px;
  }

  .aaa-fs-value {
    font-size: 13px;
  }

  .aaa-notice-tags-row {
    flex-direction: column;
    gap:            6px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0cf78a *//* ============================================
   SECTION 6: REASON FOR LEAVING
   A&A Associate LLC
   Navy:  #0A2540
   Gold:  #C9A84C
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-reason-section {
  position:    relative;
  width:       100%;
  background:  #F4F6FA;
  padding:     70px 20px;
  box-sizing:  border-box;
  font-family: 'Inter', sans-serif;
  overflow:    hidden;
}

.aaa-reason-section::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     4px;
  background: linear-gradient(
                90deg,
                #C9A84C 0%,
                #0A2540 50%,
                #C9A84C 100%
              );
}

.aaa-reason-section::after {
  content:        '';
  position:       absolute;
  bottom:         -60px;
  left:           -60px;
  width:          250px;
  height:         250px;
  border-radius:  50%;
  background:     radial-gradient(
                    circle,
                    rgba(10, 37, 64, 0.04) 0%,
                    transparent 70%
                  );
  pointer-events: none;
}

/* ============================================
   CONTAINER
   ============================================ */

.aaa-reason-container {
  max-width:      100%;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            32px;
  box-sizing:     border-box;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-reason-top-label {
  display:         flex;
  align-items:     center;
  gap:             10px;
  justify-content: center;
  flex-wrap:       wrap;
}

.aaa-reason-label-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
  flex-shrink:   0;
}

.aaa-reason-label-text {
  font-size:      11px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align:     center;
}

/* ============================================
   SECTION HEADING
   ============================================ */

.aaa-reason-heading-wrap {
  text-align: center;
  width:      100%;
  max-width:  750px;
}

.aaa-reason-main-title {
  font-size:      clamp(24px, 3.5vw, 38px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 12px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-reason-title-gold {
  display:     block;
  color:       #C9A84C;
  background:  linear-gradient(
                 135deg,
                 #C9A84C 0%,
                 #E8C96A 100%
               );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
  margin-top:  4px;
}

.aaa-reason-intro-text {
  font-size:   15px;
  color:       #6B7A99;
  line-height: 1.72;
  margin:      0;
}

.aaa-reason-intro-text strong {
  color:       #0A2540;
  font-weight: 700;
}

/* ============================================
   OVERVIEW STRIP
   ============================================ */

.aaa-reason-overview-strip {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             12px;
  width:           100%;
  background:      #FFFFFF;
  border-radius:   14px;
  padding:         18px 24px;
  border:          1px solid #E2E8F0;
  box-shadow:      0 4px 14px rgba(10, 37, 64, 0.06);
  box-sizing:      border-box;
  flex-wrap:       wrap;
}

.aaa-overview-item {
  display:        flex;
  align-items:    center;
  gap:            10px;
  padding:        12px 20px;
  background:     #F4F6FA;
  border-radius:  10px;
  border:         1px solid #E2E8F0;
  flex:           1;
  min-width:      140px;
  max-width:      220px;
  transition:     all 0.3s ease;
  cursor:         default;
}

.aaa-overview-item:hover {
  border-color:  rgba(201, 168, 76, 0.30);
  background:    #FFFDF5;
  transform:     translateY(-2px);
  box-shadow:    0 6px 16px rgba(10, 37, 64, 0.07);
}

.aaa-overview-item-gold {
  background: linear-gradient(
                135deg,
                rgba(201, 168, 76, 0.08) 0%,
                rgba(201, 168, 76, 0.04) 100%
              );
  border-color: rgba(201, 168, 76, 0.25);
}

.aaa-overview-icon {
  font-size:   24px;
  flex-shrink: 0;
}

.aaa-overview-text {
  display:        flex;
  flex-direction: column;
  gap:            2px;
  min-width:      0;
}

.aaa-overview-label {
  font-size:   11px;
  font-weight: 600;
  color:       #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.aaa-overview-value {
  font-size:   14px;
  font-weight: 700;
  color:       #0A2540;
  line-height: 1.2;
}

.aaa-overview-item-gold .aaa-overview-value {
  color: #C9A84C;
}

.aaa-overview-arrow {
  font-size:   20px;
  color:       #C9A84C;
  font-weight: 700;
  flex-shrink: 0;
}

/* ============================================
   3 CARDS GRID
   ============================================ */

.aaa-reason-cards-grid {
  display:               grid;
  grid-template-columns: repeat(3, 1fr);
  gap:                   20px;
  width:                 100%;
  box-sizing:            border-box;
  align-items:           start;
}

/* ============================================
   REASON CARD BASE
   ============================================ */

.aaa-reason-card {
  display:        flex;
  flex-direction: column;
  background:     #FFFFFF;
  border-radius:  18px;
  overflow:       hidden;
  border:         1px solid #E2E8F0;
  box-shadow:     0 6px 22px rgba(10, 37, 64, 0.07);
  transition:     all 0.35s ease;
  box-sizing:     border-box;
}

.aaa-reason-card:hover {
  transform:  translateY(-6px);
  box-shadow: 0 18px 45px rgba(10, 37, 64, 0.12);
}

/* Featured Card */
.aaa-card-featured {
  border:     2px solid #C9A84C;
  box-shadow: 0 10px 32px rgba(10, 37, 64, 0.18);
}

.aaa-card-featured:hover {
  box-shadow: 0 22px 55px rgba(10, 37, 64, 0.25);
}

/* ============================================
   CARD HEADER
   ============================================ */

.aaa-reason-card-header {
  display:   flex;
  align-items: center;
  gap:       12px;
  padding:   18px 20px;
  flex-wrap: wrap;
}

.aaa-header-resignation {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-bottom: 3px solid rgba(201, 168, 76, 0.40);
}

.aaa-header-termination {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #071A30 100%
                 );
  border-bottom: 3px solid #C9A84C;
}

.aaa-header-completion {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-bottom: 3px solid rgba(201, 168, 76, 0.50);
}

/* Card Icon Wrap */
.aaa-reason-card-icon-wrap {
  width:            44px;
  height:           44px;
  min-width:        44px;
  background:       rgba(201, 168, 76, 0.14);
  border-radius:    12px;
  border:           1px solid rgba(201, 168, 76, 0.28);
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-shrink:      0;
  transition:       transform 0.3s ease;
}

.aaa-reason-card:hover .aaa-reason-card-icon-wrap {
  transform: scale(1.08) rotate(5deg);
}

.aaa-icon-wrap-gold {
  background:   rgba(201, 168, 76, 0.18);
  border-color: rgba(201, 168, 76, 0.40);
}

.aaa-reason-card-icon {
  font-size:   22px;
  line-height: 1;
}

/* Card Head Text */
.aaa-reason-card-head-text {
  flex: 1;
  min-width: 0;
}

.aaa-reason-card-title {
  font-size:   16px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 3px;
  line-height: 1.3;
}

.aaa-title-white { color: #FFFFFF !important; }

.aaa-reason-card-subtitle {
  font-size:   11px;
  color:       rgba(255, 255, 255, 0.55);
  margin:      0;
  line-height: 1.3;
}

.aaa-subtitle-light {
  color: rgba(255, 255, 255, 0.60) !important;
}

/* Card Header Badge */
.aaa-reason-card-badge {
  display:        inline-flex;
  align-items:    center;
  font-size:      10px;
  font-weight:    700;
  padding:        4px 10px;
  border-radius:  20px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space:    nowrap;
  flex-shrink:    0;
}

.aaa-badge-partial {
  background:  rgba(245, 158, 11, 0.18);
  color:       #D97706;
  border:      1px solid rgba(245, 158, 11, 0.30);
}

.aaa-badge-full-gold {
  background:  rgba(201, 168, 76, 0.18);
  color:       #C9A84C;
  border:      1px solid rgba(201, 168, 76, 0.40);
}

.aaa-badge-complete {
  background:  rgba(16, 185, 129, 0.14);
  color:       #059669;
  border:      1px solid rgba(16, 185, 129, 0.25);
}

/* ============================================
   CARD BODY
   ============================================ */

.aaa-reason-card-body {
  padding:        18px 20px;
  display:        flex;
  flex-direction: column;
  gap:            16px;
  flex:           1;
  box-sizing:     border-box;
}

.aaa-card-body-dark {
  background: linear-gradient(
                160deg,
                #0A2540 0%,
                #0D3060 100%
              );
}

/* ============================================
   RULES TABLE
   ============================================ */

.aaa-reason-rules-table {
  border:        1px solid #E2E8F0;
  border-radius: 10px;
  overflow:      hidden;
}

.aaa-rules-table-dark {
  border-color: rgba(255, 255, 255, 0.10);
}

.aaa-reason-rules-head {
  display:               grid;
  grid-template-columns: 1.3fr 1fr;
  padding:               10px 12px;
  background:            #F4F6FA;
  border-bottom:         2px solid #E2E8F0;
  font-size:             10px;
  font-weight:           700;
  color:                 #6B7A99;
  text-transform:        uppercase;
  letter-spacing:        0.5px;
}

.aaa-rules-head-dark {
  background:    rgba(255, 255, 255, 0.06);
  border-color:  rgba(255, 255, 255, 0.10);
  color:         rgba(255, 255, 255, 0.50);
}

.aaa-reason-rule-row {
  display:       grid;
  grid-template-columns: 1.3fr 1fr;
  align-items:   center;
  transition:    background 0.2s ease;
}

.aaa-reason-rule-row:not(:last-child) {
  border-bottom: 1px solid #F0F2F5;
}

.aaa-rule-row-dark:not(:last-child) {
  border-color: rgba(255, 255, 255, 0.07);
}

.aaa-reason-rule-row:hover {
  background: rgba(201, 168, 76, 0.04);
}

.aaa-rule-row-dark:hover {
  background: rgba(201, 168, 76, 0.06);
}

.aaa-rule-no  { background: rgba(239, 68, 68, 0.03); }
.aaa-rule-full { background: rgba(201, 168, 76, 0.04); }
.aaa-rule-legal { background: rgba(201, 168, 76, 0.06); }

.aaa-rule-period {
  display:     flex;
  align-items: center;
  gap:         6px;
  padding:     10px 12px;
  font-size:   12px;
  font-weight: 500;
  color:       #374151;
  line-height: 1.3;
}

.aaa-rule-row-dark .aaa-rule-period {
  color: rgba(255, 255, 255, 0.72);
}

.aaa-rule-period-icon {
  font-size:   13px;
  flex-shrink: 0;
}

.aaa-rule-rate {
  padding:    10px 12px 10px 6px;
  display:    flex;
  align-items: center;
}

/* Rule Badges */
.aaa-rule-badge {
  display:        inline-flex;
  align-items:    center;
  font-size:      10px;
  font-weight:    700;
  padding:        4px 9px;
  border-radius:  20px;
  white-space:    nowrap;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.aaa-rbadge-no {
  background: rgba(239, 68, 68, 0.10);
  color:      #DC2626;
  border:     1px solid rgba(239, 68, 68, 0.20);
}

.aaa-rbadge-one {
  background: rgba(245, 158, 11, 0.10);
  color:      #D97706;
  border:     1px solid rgba(245, 158, 11, 0.20);
}

.aaa-rbadge-two {
  background: rgba(16, 185, 129, 0.10);
  color:      #059669;
  border:     1px solid rgba(16, 185, 129, 0.20);
}

.aaa-rbadge-full {
  background: rgba(201, 168, 76, 0.12);
  color:      #A8872E;
  border:     1px solid rgba(201, 168, 76, 0.28);
}

.aaa-rbadge-blue {
  background: rgba(59, 130, 246, 0.10);
  color:      #2563EB;
  border:     1px solid rgba(59, 130, 246, 0.20);
}

.aaa-rbadge-gold {
  background: rgba(201, 168, 76, 0.16);
  color:      #C9A84C;
  border:     1px solid rgba(201, 168, 76, 0.35);
}

.aaa-rbadge-no-deduct {
  background: rgba(16, 185, 129, 0.10);
  color:      #059669;
  border:     1px solid rgba(16, 185, 129, 0.20);
}

/* ============================================
   KEY POINTS
   ============================================ */

.aaa-reason-key-points {
  background:    #F4F6FA;
  border-radius: 10px;
  padding:       14px;
  border:        1px solid #E2E8F0;
  box-sizing:    border-box;
}

.aaa-key-points-dark {
  background:  rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}

.aaa-key-points-title {
  font-size:      10px;
  font-weight:    700;
  color:          #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin:         0 0 10px;
}

.aaa-kp-title-light {
  color: rgba(255, 255, 255, 0.50) !important;
}

.aaa-key-point-item {
  display:      flex;
  align-items:  flex-start;
  gap:          8px;
  padding:      7px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition:   all 0.2s ease;
}

.aaa-kp-item-dark {
  border-color: rgba(255, 255, 255, 0.06);
}

.aaa-key-point-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.aaa-key-point-item:hover {
  transform: translateX(3px);
}

.aaa-kp-icon {
  font-size:   14px;
  flex-shrink: 0;
  margin-top:  1px;
}

.aaa-kp-text {
  font-size:   12px;
  font-weight: 500;
  color:       #374151;
  line-height: 1.5;
}

.aaa-kp-text-light {
  color: rgba(255, 255, 255, 0.70) !important;
}

/* ============================================
   FORMULA STRIP
   ============================================ */

.aaa-reason-formula-strip {
  border-radius: 10px;
  padding:       12px 14px;
  display:       flex;
  flex-direction: column;
  gap:           4px;
  box-sizing:    border-box;
}

.aaa-formula-resignation {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     1px solid rgba(201, 168, 76, 0.22);
}

.aaa-formula-termination {
  background: rgba(201, 168, 76, 0.08);
  border:     1px solid rgba(201, 168, 76, 0.25);
}

.aaa-formula-completion {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     1px solid rgba(201, 168, 76, 0.22);
}

.aaa-rfs-label {
  font-size:      10px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-rfs-label-light {
  color: rgba(201, 168, 76, 0.70) !important;
}

.aaa-rfs-formula {
  font-size:   12px;
  font-weight: 700;
  color:       #C9A84C;
  font-family: 'Courier New', monospace;
  line-height: 1.4;
}

.aaa-formula-completion .aaa-rfs-label {
  color: rgba(255, 255, 255, 0.55);
}

.aaa-rfs-formula-gold {
  color: #E8C96A !important;
}

/* ============================================
   SUMMARY TABLE BOX
   ============================================ */

.aaa-reason-summary-box {
  width:         100%;
  background:    #FFFFFF;
  border-radius: 18px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.18);
  box-shadow:    0 6px 24px rgba(10, 37, 64, 0.07);
  box-sizing:    border-box;
}

.aaa-reason-summary-header {
  display:       flex;
  align-items:   center;
  gap:           12px;
  padding:       18px 22px;
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-bottom: 3px solid #C9A84C;
}

.aaa-reason-summary-icon {
  font-size:       20px;
  width:           38px;
  height:          38px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.28);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-reason-summary-title {
  font-size:   15px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0;
  line-height: 1.3;
}

.aaa-reason-summary-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.aaa-reason-summary-table {
  width:           100%;
  border-collapse: collapse;
  min-width:       460px;
}

/* Table Head */
.aaa-rst-th {
  padding:        12px 14px;
  text-align:     left;
  font-size:      11px;
  font-weight:    700;
  color:          #6B7A99;
  background:     #F4F6FA;
  border-bottom:  2px solid #E2E8F0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space:    nowrap;
}

.aaa-rst-th-resign {
  color:        #374151;
  border-left:  1px solid #E2E8F0;
}

.aaa-rst-th-term {
  color:        #0A2540;
  border-left:  1px solid #E2E8F0;
}

.aaa-rst-th-complete {
  color:        #A8872E;
  border-left:  1px solid #E2E8F0;
}

/* Table Rows */
.aaa-rst-tr {
  transition: background 0.2s ease;
}

.aaa-rst-tr:hover {
  background: rgba(201, 168, 76, 0.03);
}

.aaa-rst-tr:not(:last-child) .aaa-rst-td {
  border-bottom: 1px solid #F0F2F5;
}

.aaa-rst-tr-alt {
  background: rgba(244, 246, 250, 0.60);
}

.aaa-rst-tr-alt:hover {
  background: rgba(201, 168, 76, 0.04);
}

/* Table Cells */
.aaa-rst-td {
  padding:        11px 14px;
  font-size:      12px;
  color:          #374151;
  font-weight:    500;
  line-height:    1.4;
  vertical-align: middle;
  border-left:    1px solid #F0F2F5;
}

.aaa-rst-td-label {
  font-weight:  700;
  color:        #0A2540;
  font-size:    13px;
  border-left:  none;
  border-right: 1px solid #E2E8F0;
}

/* Summary Table Badges */
.aaa-rst-badge {
  display:        inline-flex;
  align-items:    center;
  font-size:      10px;
  font-weight:    700;
  padding:        4px 9px;
  border-radius:  20px;
  white-space:    nowrap;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.aaa-rst-badge-no {
  background: rgba(239, 68, 68, 0.10);
  color:      #DC2626;
  border:     1px solid rgba(239, 68, 68, 0.18);
}

.aaa-rst-badge-warn {
  background: rgba(245, 158, 11, 0.10);
  color:      #D97706;
  border:     1px solid rgba(245, 158, 11, 0.18);
}

.aaa-rst-badge-yellow {
  background: rgba(234, 179, 8, 0.10);
  color:      #A16207;
  border:     1px solid rgba(234, 179, 8, 0.20);
}

.aaa-rst-badge-blue {
  background: rgba(59, 130, 246, 0.10);
  color:      #2563EB;
  border:     1px solid rgba(59, 130, 246, 0.18);
}

.aaa-rst-badge-gold {
  background: rgba(201, 168, 76, 0.12);
  color:      #A8872E;
  border:     1px solid rgba(201, 168, 76, 0.28);
}

/* Table Note */
.aaa-reason-table-note {
  display:     flex;
  align-items: flex-start;
  gap:         8px;
  padding:     14px 18px;
  background:  rgba(201, 168, 76, 0.04);
  border-top:  1px solid rgba(201, 168, 76, 0.14);
}

.aaa-rtn-icon {
  font-size:   14px;
  flex-shrink: 0;
  margin-top:  1px;
}

.aaa-rtn-text {
  font-size:   12px;
  color:       #6B7A99;
  line-height: 1.58;
}

.aaa-rtn-text strong {
  color:       #0A2540;
  font-weight: 600;
}

/* ============================================
   RESPONSIVE — max-width: 1024px
   ============================================ */

@media (max-width: 1024px) {

  .aaa-reason-cards-grid {
    grid-template-columns: 1fr;
    gap:                   18px;
  }

  .aaa-reason-overview-strip {
    gap:     10px;
    padding: 16px;
  }

  .aaa-overview-item {
    min-width: 120px;
  }

}

/* ============================================
   RESPONSIVE — max-width: 768px
   ============================================ */

@media (max-width: 768px) {

  .aaa-reason-section {
    padding: 50px 16px;
  }

  .aaa-reason-container {
    gap: 24px;
  }

  .aaa-reason-overview-strip {
    flex-direction: column;
    align-items:    stretch;
  }

  .aaa-overview-item {
    max-width: 100%;
  }

  .aaa-overview-arrow {
    text-align: center;
    transform:  rotate(90deg);
  }

  .aaa-reason-summary-header {
    flex-wrap: wrap;
    padding:   16px 18px;
  }

}

/* ============================================
   RESPONSIVE — max-width: 480px
   ============================================ */

@media (max-width: 480px) {

  .aaa-reason-section {
    padding: 36px 12px;
  }

  .aaa-reason-container {
    gap: 20px;
  }

  .aaa-reason-card-header {
    padding:   15px 16px;
    flex-wrap: wrap;
  }

  .aaa-reason-card-body {
    padding: 16px 14px;
  }

  .aaa-reason-card-badge {
    display: none;
  }

  .aaa-reason-summary-title {
    font-size: 13px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0165f7 *//* ============================================
   SECTION 7: WHO IS ELIGIBLE FOR GRATUITY
   A&A Associate LLC
   Navy:  #0A2540
   Gold:  #C9A84C
   White: #FFFFFF
   Light: #F4F6FA
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-eligible-section {
  position:    relative;
  width:       100%;
  background:  #FFFFFF;
  padding:     70px 20px;
  box-sizing:  border-box;
  font-family: 'Inter', sans-serif;
  overflow:    hidden;
}

.aaa-eligible-section::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     4px;
  background: linear-gradient(
                90deg,
                #0A2540 0%,
                #C9A84C 50%,
                #0A2540 100%
              );
}

.aaa-eligible-section::after {
  content:        '';
  position:       absolute;
  top:            -80px;
  right:          -60px;
  width:          260px;
  height:         260px;
  border-radius:  50%;
  background:     radial-gradient(
                    circle,
                    rgba(201, 168, 76, 0.05) 0%,
                    transparent 70%
                  );
  pointer-events: none;
}

/* ============================================
   CONTAINER
   ============================================ */

.aaa-eligible-container {
  max-width:      100%;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            32px;
  box-sizing:     border-box;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-eligible-top-label {
  display:         flex;
  align-items:     center;
  gap:             10px;
  justify-content: center;
  flex-wrap:       wrap;
}

.aaa-eligible-label-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
  flex-shrink:   0;
}

.aaa-eligible-label-text {
  font-size:      11px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align:     center;
}

/* ============================================
   SECTION HEADING
   ============================================ */

.aaa-eligible-heading-wrap {
  text-align: center;
  width:      100%;
  max-width:  750px;
}

.aaa-eligible-main-title {
  font-size:      clamp(24px, 3.5vw, 38px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 8px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-eligible-title-sub {
  font-size:   clamp(13px, 1.8vw, 16px);
  font-weight: 500;
  color:       #C9A84C;
  margin:      0 0 14px;
  display:     block;
}

.aaa-eligible-intro-text {
  font-size:   15px;
  color:       #6B7A99;
  line-height: 1.72;
  margin:      0;
}

.aaa-eligible-intro-text strong {
  color:       #0A2540;
  font-weight: 700;
}

/* ============================================
   STATUS STRIP
   ============================================ */

.aaa-eligible-status-strip {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           100%;
  background:      #F4F6FA;
  border-radius:   14px;
  padding:         16px 20px;
  border:          1px solid #E2E8F0;
  box-shadow:      0 4px 14px rgba(10, 37, 64, 0.05);
  box-sizing:      border-box;
  flex-wrap:       wrap;
  gap:             8px;
}

.aaa-status-strip-item {
  display:     flex;
  align-items: center;
  gap:         12px;
  padding:     12px 20px;
  background:  #FFFFFF;
  border-radius: 10px;
  border:      1px solid #E2E8F0;
  flex:        1;
  min-width:   140px;
  transition:  all 0.3s ease;
  cursor:      default;
  box-sizing:  border-box;
}

.aaa-status-strip-item:hover {
  transform:    translateY(-2px);
  box-shadow:   0 6px 16px rgba(10, 37, 64, 0.08);
}

.aaa-strip-eligible:hover {
  border-color: rgba(16, 185, 129, 0.30);
  background:   rgba(16, 185, 129, 0.03);
}

.aaa-strip-not:hover {
  border-color: rgba(239, 68, 68, 0.25);
  background:   rgba(239, 68, 68, 0.02);
}

.aaa-strip-min:hover {
  border-color: rgba(201, 168, 76, 0.30);
  background:   #FFFDF5;
}

.aaa-strip-cap:hover {
  border-color: rgba(245, 158, 11, 0.30);
  background:   rgba(245, 158, 11, 0.02);
}

.aaa-strip-icon {
  font-size:   22px;
  flex-shrink: 0;
}

.aaa-strip-text {
  display:        flex;
  flex-direction: column;
  gap:            2px;
}

.aaa-strip-number {
  font-size:   20px;
  font-weight: 800;
  color:       #0A2540;
  line-height: 1.1;
}

.aaa-strip-label {
  font-size:   11px;
  font-weight: 500;
  color:       #6B7A99;
  line-height: 1.3;
}

.aaa-status-strip-divider {
  width:       1px;
  height:      40px;
  background:  #E2E8F0;
  flex-shrink: 0;
}

/* ============================================
   MAIN TWO COLUMN GRID
   ============================================ */

.aaa-eligible-main-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   24px;
  width:                 100%;
  box-sizing:            border-box;
  align-items:           start;
}

/* ============================================
   ELIGIBLE COLUMN
   ============================================ */

.aaa-eligible-col {
  display:        flex;
  flex-direction: column;
  gap:            20px;
  min-width:      0;
}

/* ============================================
   LIST BOX BASE
   ============================================ */

.aaa-eligible-list-box {
  border-radius: 18px;
  overflow:      hidden;
  box-shadow:    0 6px 24px rgba(10, 37, 64, 0.08);
  box-sizing:    border-box;
  transition:    box-shadow 0.3s ease;
}

.aaa-eligible-list-box:hover {
  box-shadow: 0 14px 40px rgba(10, 37, 64, 0.12);
}

.aaa-list-box-eligible {
  border: 1px solid rgba(16, 185, 129, 0.20);
  background: #FFFFFF;
}

.aaa-list-box-not {
  border: 1px solid rgba(239, 68, 68, 0.18);
}

/* ============================================
   LIST BOX HEADER
   ============================================ */

.aaa-list-box-header {
  display:     flex;
  align-items: center;
  gap:         12px;
  padding:     18px 20px;
  flex-wrap:   wrap;
}

.aaa-header-eligible {
  background:    linear-gradient(
                   135deg,
                   #065F46 0%,
                   #047857 100%
                 );
  border-bottom: 3px solid rgba(16, 185, 129, 0.60);
}

.aaa-header-not {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-bottom: 3px solid #C9A84C;
}

.aaa-list-box-header-icon {
  font-size:       22px;
  width:           44px;
  height:          44px;
  background:      rgba(255, 255, 255, 0.14);
  border-radius:   12px;
  border:          1px solid rgba(255, 255, 255, 0.20);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-header-icon-red {
  background:   rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.25);
}

.aaa-list-box-header-text {
  flex:      1;
  min-width: 0;
}

.aaa-list-box-title {
  font-size:   17px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 3px;
  line-height: 1.3;
}

.aaa-title-white { color: #FFFFFF !important; }

.aaa-list-box-subtitle {
  font-size:   12px;
  color:       rgba(255, 255, 255, 0.60);
  margin:      0;
  line-height: 1.3;
}

.aaa-subtitle-light {
  color: rgba(255, 255, 255, 0.55) !important;
}

.aaa-list-box-count {
  font-size:      11px;
  font-weight:    700;
  padding:        5px 12px;
  border-radius:  20px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  flex-shrink:    0;
  white-space:    nowrap;
}

.aaa-count-green {
  background:  rgba(255, 255, 255, 0.14);
  color:       rgba(255, 255, 255, 0.90);
  border:      1px solid rgba(255, 255, 255, 0.20);
}

.aaa-count-red {
  background:  rgba(201, 168, 76, 0.16);
  color:       #C9A84C;
  border:      1px solid rgba(201, 168, 76, 0.30);
}

/* ============================================
   ELIGIBLE ITEMS LIST
   ============================================ */

.aaa-eligible-items-list {
  display:        flex;
  flex-direction: column;
  gap:            0;
  background:     #FFFFFF;
}

.aaa-items-list-dark {
  background: linear-gradient(
                160deg,
                #0A2540 0%,
                #0D3060 100%
              );
}

/* Individual Item */
.aaa-eligible-item {
  display:     flex;
  align-items: flex-start;
  gap:         12px;
  padding:     14px 20px;
  transition:  all 0.25s ease;
  cursor:      default;
  box-sizing:  border-box;
}

.aaa-eligible-item:not(:last-child) {
  border-bottom: 1px solid #F0F2F5;
}

.aaa-item-dark:not(:last-child) {
  border-color: rgba(255, 255, 255, 0.07);
}

.aaa-item-yes:hover {
  background: rgba(16, 185, 129, 0.04);
  transform:  translateX(4px);
}

.aaa-item-no:hover {
  background: rgba(201, 168, 76, 0.04);
  transform:  translateX(4px);
}

/* Item Icon */
.aaa-eligible-item-icon {
  font-size:       16px;
  width:           32px;
  height:          32px;
  min-width:       32px;
  border-radius:   8px;
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
  margin-top:      1px;
}

.aaa-item-icon-yes {
  background: rgba(16, 185, 129, 0.10);
  border:     1px solid rgba(16, 185, 129, 0.20);
}

.aaa-item-icon-no {
  background:  rgba(239, 68, 68, 0.10);
  border:      1px solid rgba(239, 68, 68, 0.18);
}

/* Item Content */
.aaa-eligible-item-content {
  display:        flex;
  flex-direction: column;
  gap:            3px;
  flex:           1;
  min-width:      0;
}

.aaa-eligible-item-title {
  font-size:   14px;
  font-weight: 700;
  color:       #0A2540;
  line-height: 1.3;
}

.aaa-item-title-light {
  color: rgba(255, 255, 255, 0.90) !important;
}

.aaa-eligible-item-desc {
  font-size:   12px;
  color:       #6B7A99;
  line-height: 1.55;
}

.aaa-item-desc-light {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Item Tag */
.aaa-eligible-item-tag {
  display:        inline-flex;
  align-items:    center;
  font-size:      10px;
  font-weight:    700;
  padding:        3px 9px;
  border-radius:  20px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space:    nowrap;
  flex-shrink:    0;
  margin-top:     2px;
}

.aaa-tag-yes {
  background:  rgba(16, 185, 129, 0.10);
  color:       #059669;
  border:      1px solid rgba(16, 185, 129, 0.22);
}

.aaa-tag-check {
  background:  rgba(201, 168, 76, 0.12);
  color:       #A8872E;
  border:      1px solid rgba(201, 168, 76, 0.25);
}

.aaa-tag-no {
  background:  rgba(239, 68, 68, 0.10);
  color:       #DC2626;
  border:      1px solid rgba(239, 68, 68, 0.18);
}

/* ============================================
   GRATUITY CAP BOX
   ============================================ */

.aaa-gratuity-cap-box {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-radius: 16px;
  overflow:      hidden;
  border:        2px solid #C9A84C;
  box-shadow:    0 8px 28px rgba(10, 37, 64, 0.18);
  box-sizing:    border-box;
}

.aaa-cap-box-header {
  display:       flex;
  align-items:   center;
  gap:           12px;
  padding:       16px 20px;
  border-bottom: 2px solid rgba(201, 168, 76, 0.30);
  background:    rgba(201, 168, 76, 0.06);
}

.aaa-cap-box-icon {
  font-size:       22px;
  width:           44px;
  height:          44px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   12px;
  border:          1px solid rgba(201, 168, 76, 0.30);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-cap-box-head-text {
  flex: 1;
  min-width: 0;
}

.aaa-cap-box-title {
  font-size:   16px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 2px;
  line-height: 1.3;
}

.aaa-cap-box-subtitle {
  font-size:   11px;
  color:       rgba(255, 255, 255, 0.55);
  margin:      0;
}

.aaa-cap-box-body {
  padding:        20px;
  display:        flex;
  flex-direction: column;
  gap:            14px;
  box-sizing:     border-box;
}

/* Cap Highlight Row */
.aaa-cap-highlight-row {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  background:      rgba(201, 168, 76, 0.08);
  border-radius:   12px;
  padding:         16px 18px;
  border:          1px solid rgba(201, 168, 76, 0.22);
}

.aaa-cap-highlight-left {
  display:        flex;
  flex-direction: column;
  gap:            3px;
}

.aaa-cap-big-number {
  font-size:      clamp(26px, 3vw, 34px);
  font-weight:    900;
  color:          #C9A84C;
  line-height:    1;
  background:     linear-gradient(
                    135deg,
                    #C9A84C 0%,
                    #E8C96A 100%
                  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

.aaa-cap-big-label {
  font-size:   12px;
  font-weight: 600;
  color:       rgba(255, 255, 255, 0.65);
  line-height: 1.3;
}

.aaa-cap-highlight-icon {
  font-size:   32px;
  opacity:     0.6;
}

/* Cap Description */
.aaa-cap-description {
  font-size:   14px;
  color:       rgba(255, 255, 255, 0.70);
  line-height: 1.70;
  margin:      0;
}

.aaa-cap-description strong {
  color:       #C9A84C;
  font-weight: 700;
}

/* Cap Formula */
.aaa-cap-formula-row {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             10px;
  padding:         12px 14px;
  background:      rgba(255, 255, 255, 0.05);
  border-radius:   10px;
  border:          1px solid rgba(255, 255, 255, 0.08);
  flex-wrap:       wrap;
}

.aaa-cap-formula-label {
  font-size:      10px;
  font-weight:    700;
  color:          rgba(255, 255, 255, 0.50);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.aaa-cap-formula-eq {
  font-size:   14px;
  font-weight: 700;
  color:       #C9A84C;
  font-family: 'Courier New', monospace;
}

/* Cap Applies Row */
.aaa-cap-applies-row {
  display:     flex;
  align-items: flex-start;
  gap:         10px;
  flex-wrap:   wrap;
}

.aaa-cap-applies-title {
  font-size:      10px;
  font-weight:    700;
  color:          rgba(255, 255, 255, 0.50);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex-shrink:    0;
  margin-top:     4px;
}

.aaa-cap-applies-tags {
  display:   flex;
  flex-wrap: wrap;
  gap:       6px;
}

.aaa-cap-tag {
  font-size:      10px;
  font-weight:    600;
  color:          #C9A84C;
  background:     rgba(201, 168, 76, 0.12);
  border:         1px solid rgba(201, 168, 76, 0.25);
  padding:        4px 10px;
  border-radius:  20px;
  white-space:    nowrap;
}

/* ============================================
   ARTICLE 139 BOX
   ============================================ */

.aaa-article-box {
  display:       flex;
  align-items:   flex-start;
  gap:           24px;
  width:         100%;
  background:    linear-gradient(
                   135deg,
                   rgba(239, 68, 68, 0.04) 0%,
                   rgba(239, 68, 68, 0.02) 100%
                 );
  border-radius: 16px;
  padding:       24px;
  border:        1px solid rgba(239, 68, 68, 0.15);
  border-left:   5px solid #DC2626;
  box-shadow:    0 4px 16px rgba(239, 68, 68, 0.06);
  box-sizing:    border-box;
  flex-wrap:     wrap;
}

.aaa-article-box-left {
  display:     flex;
  align-items: flex-start;
  gap:         14px;
  flex:        1;
  min-width:   200px;
}

.aaa-article-icon-wrap {
  font-size:       22px;
  width:           48px;
  height:          48px;
  min-width:       48px;
  background:      rgba(239, 68, 68, 0.10);
  border-radius:   12px;
  border:          1px solid rgba(239, 68, 68, 0.20);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-article-icon { font-size: 22px; }

.aaa-article-text {
  flex:      1;
  min-width: 0;
}

.aaa-article-title {
  font-size:   16px;
  font-weight: 700;
  color:       #0A2540;
  margin:      0 0 6px;
  line-height: 1.3;
}

.aaa-article-desc {
  font-size:   13px;
  color:       #6B7A99;
  margin:      0;
  line-height: 1.5;
}

.aaa-article-reasons-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   10px;
  flex:                  1;
  min-width:             240px;
}

.aaa-article-reason-item {
  display:       flex;
  align-items:   center;
  gap:           8px;
  padding:       10px 14px;
  background:    #FFFFFF;
  border-radius: 10px;
  border:        1px solid rgba(239, 68, 68, 0.12);
  transition:    all 0.25s ease;
  box-sizing:    border-box;
}

.aaa-article-reason-item:hover {
  border-color: rgba(239, 68, 68, 0.28);
  background:   rgba(239, 68, 68, 0.03);
  transform:    translateX(3px);
}

.aaa-article-reason-icon {
  font-size:   16px;
  flex-shrink: 0;
}

.aaa-article-reason-text {
  font-size:   13px;
  font-weight: 500;
  color:       #374151;
  line-height: 1.4;
}

/* ============================================
   QUICK CHECK STRIP
   ============================================ */

.aaa-quick-check-strip {
  width:         100%;
  background:    #F4F6FA;
  border-radius: 18px;
  padding:       26px 24px;
  border:        1px solid #E2E8F0;
  box-shadow:    0 4px 14px rgba(10, 37, 64, 0.05);
  box-sizing:    border-box;
}

.aaa-quick-check-title {
  display:       flex;
  align-items:   center;
  gap:           10px;
  font-size:     16px;
  font-weight:   700;
  color:         #0A2540;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 2px solid #E2E8F0;
}

.aaa-quick-check-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   12px;
}

.aaa-quick-check-item {
  display:       flex;
  align-items:   center;
  gap:           10px;
  padding:       14px 16px;
  background:    #FFFFFF;
  border-radius: 12px;
  border:        1px solid #E2E8F0;
  transition:    all 0.3s ease;
  box-sizing:    border-box;
}

.aaa-quick-check-item:hover {
  border-color:  rgba(201, 168, 76, 0.28);
  background:    #FFFDF5;
  transform:     translateY(-2px);
  box-shadow:    0 6px 16px rgba(10, 37, 64, 0.06);
}

.aaa-qc-item-result {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border:        1px solid rgba(201, 168, 76, 0.30);
  box-shadow:    0 4px 14px rgba(10, 37, 64, 0.14);
}

.aaa-qc-item-result:hover {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-color:  #C9A84C;
  box-shadow:    0 10px 28px rgba(10, 37, 64, 0.20);
}

.aaa-qc-icon {
  font-size:   20px;
  flex-shrink: 0;
}

.aaa-qc-yes  { color: #059669; }
.aaa-qc-calc { font-size: 22px; }

.aaa-qc-text {
  font-size:   13px;
  color:       #374151;
  line-height: 1.5;
}

.aaa-qc-item-result .aaa-qc-text {
  color: rgba(255, 255, 255, 0.80);
}

.aaa-qc-text strong {
  color:       #0A2540;
  font-weight: 700;
  display:     block;
  margin-bottom: 2px;
}

.aaa-qc-item-result .aaa-qc-text strong {
  color: #C9A84C;
}

/* ============================================
   RESPONSIVE — max-width: 1024px
   ============================================ */

@media (max-width: 1024px) {

  .aaa-eligible-main-grid {
    grid-template-columns: 1fr;
    gap:                   20px;
  }

  .aaa-article-reasons-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

/* ============================================
   RESPONSIVE — max-width: 768px
   ============================================ */

@media (max-width: 768px) {

  .aaa-eligible-section {
    padding: 50px 16px;
  }

  .aaa-eligible-container {
    gap: 24px;
  }

  .aaa-eligible-status-strip {
    flex-wrap: wrap;
    gap:       10px;
  }

  .aaa-status-strip-divider {
    display: none;
  }

  .aaa-status-strip-item {
    min-width: calc(50% - 10px);
    flex:      none;
  }

  .aaa-article-box {
    flex-direction: column;
    gap:            16px;
  }

  .aaa-article-reasons-grid {
    grid-template-columns: 1fr;
    min-width:             auto;
    width:                 100%;
  }

  .aaa-quick-check-strip {
    padding: 22px 18px;
  }

}

/* ============================================
   RESPONSIVE — max-width: 480px
   ============================================ */

@media (max-width: 480px) {

  .aaa-eligible-section {
    padding: 36px 12px;
  }

  .aaa-eligible-container {
    gap: 20px;
  }

  .aaa-status-strip-item {
    min-width: 100%;
  }

  .aaa-quick-check-grid {
    grid-template-columns: 1fr;
  }

  .aaa-eligible-item {
    padding: 12px 14px;
    flex-wrap: wrap;
  }

  .aaa-eligible-item-tag {
    margin-left: 44px;
  }

  .aaa-cap-box-body {
    padding: 16px 14px;
  }

  .aaa-article-box {
    padding: 18px 14px;
  }

  .aaa-article-box-left {
    min-width: auto;
    width:     100%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0f29de *//* ============================================
   SECTION 8: HOW TO USE THE CALCULATOR
   A&A Associate LLC
   Navy:  #0A2540
   Gold:  #C9A84C
   White: #FFFFFF
   Light: #F4F6FA
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-howto-section {
  position:    relative;
  width:       100%;
  background:  #F4F6FA;
  padding:     70px 20px;
  box-sizing:  border-box;
  font-family: 'Inter', sans-serif;
  overflow:    hidden;
}

.aaa-howto-section::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     4px;
  background: linear-gradient(
                90deg,
                #C9A84C 0%,
                #0A2540 50%,
                #C9A84C 100%
              );
}

.aaa-howto-section::after {
  content:        '';
  position:       absolute;
  bottom:         -60px;
  right:          -60px;
  width:          280px;
  height:         280px;
  border-radius:  50%;
  background:     radial-gradient(
                    circle,
                    rgba(201, 168, 76, 0.06) 0%,
                    transparent 70%
                  );
  pointer-events: none;
}

/* ============================================
   CONTAINER
   ============================================ */

.aaa-howto-container {
  max-width:      100%;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            36px;
  box-sizing:     border-box;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-howto-top-label {
  display:         flex;
  align-items:     center;
  gap:             10px;
  justify-content: center;
  flex-wrap:       wrap;
}

.aaa-howto-label-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
  flex-shrink:   0;
}

.aaa-howto-label-text {
  font-size:      11px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align:     center;
}

/* ============================================
   SECTION HEADING
   ============================================ */

.aaa-howto-heading-wrap {
  text-align: center;
  width:      100%;
  max-width:  700px;
}

.aaa-howto-main-title {
  font-size:      clamp(24px, 3.5vw, 38px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 10px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-howto-title-gold {
  display:    block;
  color:      #C9A84C;
  background: linear-gradient(
                135deg,
                #C9A84C 0%,
                #E8C96A 100%
              );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
  margin-top: 4px;
}

.aaa-howto-subtitle {
  font-size:   16px;
  color:       #6B7A99;
  margin:      0;
  line-height: 1.5;
}

.aaa-howto-subtitle strong {
  color:       #0A2540;
  font-weight: 700;
}

/* ============================================
   MAIN GRID — Steps + Infographic
   ============================================ */

.aaa-howto-main-grid {
  display:               grid;
  grid-template-columns: 1fr 380px;
  gap:                   32px;
  width:                 100%;
  box-sizing:            border-box;
  align-items:           start;
}

/* ============================================
   STEPS COLUMN
   ============================================ */

.aaa-howto-steps-col {
  display:        flex;
  flex-direction: column;
  gap:            0;
}

/* ============================================
   INDIVIDUAL STEP
   ============================================ */

.aaa-howto-step {
  display: flex;
  gap:     20px;
  position: relative;
}

/* ============================================
   STEP CONNECTOR
   ============================================ */

.aaa-step-connector-wrap {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  flex-shrink:    0;
  width:          48px;
}

.aaa-step-circle {
  width:            48px;
  height:           48px;
  border-radius:    50%;
  background:       linear-gradient(
                      135deg,
                      #0A2540 0%,
                      #0D3060 100%
                    );
  border:           3px solid #C9A84C;
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-shrink:      0;
  box-shadow:       0 4px 14px rgba(10, 37, 64, 0.20);
  transition:       all 0.3s ease;
  position:         relative;
  z-index:          2;
}

.aaa-howto-step:hover .aaa-step-circle {
  transform:  scale(1.08);
  box-shadow: 0 8px 22px rgba(201, 168, 76, 0.30);
  border-color: #E8C96A;
}

.aaa-step-circle-2 {
  background: linear-gradient(135deg, #0D3060 0%, #0A2540 100%);
  border-color: rgba(201, 168, 76, 0.70);
}

.aaa-step-circle-3 {
  background: linear-gradient(135deg, #0A2540 0%, #0D3060 100%);
  border-color: rgba(201, 168, 76, 0.70);
}

.aaa-step-circle-4 {
  background: linear-gradient(
                135deg,
                #C9A84C 0%,
                #E8C96A 100%
              );
  border-color: #C9A84C;
  box-shadow:   0 6px 20px rgba(201, 168, 76, 0.35);
}

.aaa-step-num {
  font-size:   18px;
  font-weight: 800;
  color:       #FFFFFF;
  line-height: 1;
}

.aaa-step-circle-4 .aaa-step-num {
  color: #0A2540;
}

/* Connector Line */
.aaa-step-connector-line {
  width:      2px;
  flex:       1;
  min-height: 30px;
  background: linear-gradient(
                180deg,
                rgba(201, 168, 76, 0.40) 0%,
                rgba(201, 168, 76, 0.10) 100%
              );
  margin:     4px 0;
}

/* ============================================
   STEP CONTENT CARD
   ============================================ */

.aaa-step-content-card {
  display:         flex;
  gap:             16px;
  background:      #FFFFFF;
  border-radius:   16px;
  padding:         20px;
  border:          1px solid #E2E8F0;
  box-shadow:      0 4px 14px rgba(10, 37, 64, 0.06);
  flex:            1;
  margin-bottom:   16px;
  transition:      all 0.3s ease;
  box-sizing:      border-box;
  min-width:       0;
  position:        relative;
  overflow:        hidden;
}

.aaa-step-content-card::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      4px;
  height:     100%;
  background: linear-gradient(
                180deg,
                #C9A84C 0%,
                rgba(201, 168, 76, 0.20) 100%
              );
  opacity:    0;
  transition: opacity 0.3s ease;
}

.aaa-howto-step:hover .aaa-step-content-card {
  border-color: rgba(201, 168, 76, 0.28);
  box-shadow:   0 10px 28px rgba(10, 37, 64, 0.10);
  transform:    translateX(4px);
}

.aaa-howto-step:hover .aaa-step-content-card::before {
  opacity: 1;
}

/* Final Step Card */
.aaa-step-card-final {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     2px solid #C9A84C;
  box-shadow: 0 8px 28px rgba(10, 37, 64, 0.18);
}

.aaa-step-card-final::before {
  background: #C9A84C !important;
  opacity:    1 !important;
}

.aaa-howto-step:hover .aaa-step-card-final {
  border-color: #E8C96A;
  box-shadow:   0 16px 40px rgba(10, 37, 64, 0.25);
}

/* Card Left */
.aaa-step-card-left {
  display:        flex;
  gap:            14px;
  flex:           1;
  min-width:      0;
}

/* Step Icon Box */
.aaa-step-icon-box {
  width:            44px;
  height:           44px;
  min-width:        44px;
  border-radius:    12px;
  background:       rgba(201, 168, 76, 0.10);
  border:           1px solid rgba(201, 168, 76, 0.22);
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-shrink:      0;
  transition:       all 0.3s ease;
}

.aaa-howto-step:hover .aaa-step-icon-box {
  background:  rgba(201, 168, 76, 0.18);
  transform:   rotate(5deg) scale(1.05);
}

.aaa-step-icon-box-gold {
  background:   rgba(201, 168, 76, 0.18) !important;
  border-color: rgba(201, 168, 76, 0.40) !important;
}

.aaa-step-icon {
  font-size:   22px;
  line-height: 1;
}

/* Step Text */
.aaa-step-text {
  flex:    1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap:     6px;
}

.aaa-step-title {
  font-size:   16px;
  font-weight: 700;
  color:       #0A2540;
  margin:      0;
  line-height: 1.3;
}

.aaa-step-title-white {
  color: #FFFFFF !important;
}

.aaa-step-desc {
  font-size:   13px;
  color:       #6B7A99;
  line-height: 1.65;
  margin:      0;
}

.aaa-step-desc-light {
  color: rgba(255, 255, 255, 0.68) !important;
}

.aaa-step-desc strong {
  color:       #0A2540;
  font-weight: 600;
}

.aaa-step-card-final .aaa-step-desc strong {
  color: #C9A84C;
}

/* Step Tip */
.aaa-step-tip {
  display:       flex;
  align-items:   center;
  gap:           6px;
  padding:       7px 10px;
  background:    rgba(201, 168, 76, 0.06);
  border-radius: 8px;
  border-left:   2px solid rgba(201, 168, 76, 0.35);
  margin-top:    4px;
}

.aaa-step-tip-dark {
  background:   rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(201, 168, 76, 0.40) !important;
}

.aaa-step-tip-icon {
  font-size:   13px;
  flex-shrink: 0;
}

.aaa-step-tip-text {
  font-size:   11px;
  color:       #6B7A99;
  line-height: 1.4;
}

.aaa-tip-text-light {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Card Right — UI Preview */
.aaa-step-card-right {
  flex-shrink: 0;
  width:       140px;
  min-width:   140px;
}

/* ============================================
   UI PREVIEW COMPONENTS
   ============================================ */

.aaa-step-ui-preview {
  background:    #F4F6FA;
  border-radius: 10px;
  padding:       12px;
  border:        1px solid #E2E8F0;
  box-sizing:    border-box;
  display:       flex;
  flex-direction: column;
  gap:           8px;
}

/* Salary Preview */
.aaa-preview-label {
  font-size:   9px;
  font-weight: 600;
  color:       #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-preview-input {
  display:       flex;
  align-items:   center;
  gap:           6px;
  background:    #FFFFFF;
  border-radius: 7px;
  padding:       8px 10px;
  border:        1px solid rgba(201, 168, 76, 0.30);
  box-shadow:    0 2px 6px rgba(201, 168, 76, 0.08);
}

.aaa-preview-prefix {
  font-size:   10px;
  font-weight: 700;
  color:       #C9A84C;
  background:  rgba(201, 168, 76, 0.10);
  padding:     2px 5px;
  border-radius: 4px;
}

.aaa-preview-value {
  font-size:   13px;
  font-weight: 700;
  color:       #0A2540;
}

.aaa-preview-hint {
  font-size:   10px;
  color:       #059669;
  font-weight: 600;
}

/* Date Preview */
.aaa-preview-date-row {
  display:         flex;
  align-items:     center;
  gap:             6px;
  justify-content: space-between;
}

.aaa-preview-date-item {
  display:        flex;
  flex-direction: column;
  gap:            3px;
  flex:           1;
}

.aaa-preview-date-label {
  font-size:      9px;
  font-weight:    600;
  color:          #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-preview-date-value {
  font-size:   10px;
  font-weight: 700;
  color:       #0A2540;
  background:  #FFFFFF;
  padding:     5px 6px;
  border-radius: 6px;
  border:      1px solid #E2E8F0;
  white-space: nowrap;
}

.aaa-preview-date-arrow {
  font-size:   12px;
  color:       #C9A84C;
  font-weight: 700;
  flex-shrink: 0;
}

.aaa-preview-service-result {
  display:       flex;
  align-items:   center;
  gap:           6px;
  background:    rgba(201, 168, 76, 0.10);
  border-radius: 7px;
  padding:       7px 10px;
  border:        1px solid rgba(201, 168, 76, 0.22);
}

.aaa-preview-service-icon { font-size: 13px; }

.aaa-preview-service-text {
  font-size:   11px;
  font-weight: 700;
  color:       #0A2540;
}

/* Select Preview */
.aaa-preview-select {
  background:    #FFFFFF;
  border-radius: 7px;
  padding:       8px 10px;
  border:        1px solid #E2E8F0;
  display:       flex;
  flex-direction: column;
  gap:           3px;
}

.aaa-preview-select-2 {
  border-color: rgba(201, 168, 76, 0.25);
  background:   rgba(201, 168, 76, 0.03);
}

.aaa-preview-select-label {
  font-size:      9px;
  font-weight:    600;
  color:          #6B7A99;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-preview-select-value {
  font-size:   11px;
  font-weight: 600;
  color:       #0A2540;
}

/* Result Preview */
.aaa-preview-result {
  background: rgba(201, 168, 76, 0.08) !important;
  border:     1px solid rgba(201, 168, 76, 0.28) !important;
  text-align: center;
  gap:        6px !important;
}

.aaa-preview-result-label {
  font-size:      9px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.aaa-preview-result-amount {
  font-size:   20px;
  font-weight: 900;
  color:       #C9A84C;
  line-height: 1.1;
}

.aaa-preview-result-meta {
  display:         flex;
  justify-content: space-between;
  gap:             4px;
  flex-wrap:       wrap;
}

.aaa-preview-result-meta span {
  font-size:   9px;
  color:       rgba(255, 255, 255, 0.50);
  font-weight: 500;
}

/* ============================================
   INFOGRAPHIC COLUMN
   ============================================ */

.aaa-howto-infographic-col {
  position: sticky;
  top:      20px;
}

.aaa-infographic-wrap {
  background:    #FFFFFF;
  border-radius: 20px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.18);
  box-shadow:    0 12px 40px rgba(10, 37, 64, 0.10);
  transition:    box-shadow 0.3s ease;
}

.aaa-infographic-wrap:hover {
  box-shadow: 0 20px 55px rgba(10, 37, 64, 0.14);
}

/* Infographic Title Bar */
.aaa-infographic-title-bar {
  display:         flex;
  align-items:     center;
  gap:             10px;
  padding:         16px 20px;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  border-bottom:   3px solid #C9A84C;
}

.aaa-infographic-title-icon {
  font-size:       20px;
  width:           38px;
  height:          38px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.28);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-infographic-title-text {
  font-size:   15px;
  font-weight: 700;
  color:       #FFFFFF;
  flex:        1;
}

.aaa-infographic-badge {
  font-size:      11px;
  font-weight:    700;
  color:          #C9A84C;
  background:     rgba(201, 168, 76, 0.14);
  border:         1px solid rgba(201, 168, 76, 0.28);
  padding:        4px 10px;
  border-radius:  20px;
  flex-shrink:    0;
}

/* Infographic Body */
.aaa-infographic-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap:     16px;
  box-sizing: border-box;
}

/* Flow Steps */
.aaa-infographic-flow {
  display:        flex;
  flex-direction: column;
  gap:            0;
  align-items:    stretch;
}

/* Flow Step */
.aaa-flow-step {
  display:       flex;
  align-items:   center;
  gap:           12px;
  padding:       12px 14px;
  border-radius: 10px;
  border:        1px solid #E2E8F0;
  background:    #FFFFFF;
  transition:    all 0.3s ease;
  box-sizing:    border-box;
}

.aaa-flow-step:hover {
  border-color: rgba(201, 168, 76, 0.30);
  background:   #FFFDF5;
  transform:    translateX(4px);
}

.aaa-flow-step-1 { 
  background: rgba(10, 37, 64, 0.03); 
}
.aaa-flow-step-2 { 
  background: rgba(10, 37, 64, 0.02); 
}
.aaa-flow-step-3 { 
  background: rgba(201, 168, 76, 0.04); 
}

.aaa-flow-step-icon-wrap {
  position:  relative;
  flex-shrink: 0;
}

.aaa-flow-step-icon {
  font-size:       18px;
  width:           38px;
  height:          38px;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  border-radius:   10px;
  display:         flex;
  align-items:     center;
  justify-content: center;
  border:          1px solid rgba(201, 168, 76, 0.25);
}

.aaa-flow-step-num {
  position:    absolute;
  top:         -6px;
  right:       -6px;
  width:       18px;
  height:      18px;
  border-radius: 50%;
  background:  #C9A84C;
  color:       #0A2540;
  font-size:   10px;
  font-weight: 800;
  display:     flex;
  align-items: center;
  justify-content: center;
  border:      2px solid #FFFFFF;
}

.aaa-flow-step-info {
  display:        flex;
  flex-direction: column;
  gap:            2px;
  flex:           1;
  min-width:      0;
}

.aaa-flow-step-name {
  font-size:   13px;
  font-weight: 700;
  color:       #0A2540;
  line-height: 1.3;
}

.aaa-flow-step-detail {
  font-size:   11px;
  color:       #6B7A99;
  line-height: 1.3;
}

.aaa-flow-step-example {
  font-size:     12px;
  font-weight:   700;
  color:         #C9A84C;
  background:    rgba(201, 168, 76, 0.10);
  border:        1px solid rgba(201, 168, 76, 0.22);
  padding:       4px 10px;
  border-radius: 20px;
  flex-shrink:   0;
  white-space:   nowrap;
}

/* Flow Arrow */
.aaa-flow-arrow {
  text-align:  center;
  color:       rgba(10, 37, 64, 0.25);
  font-size:   14px;
  padding:     4px 0;
  line-height: 1;
}

.aaa-flow-arrow-gold {
  color:     #C9A84C;
  font-size: 16px;
}

/* Calculation Box */
.aaa-flow-calc-box {
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-radius: 12px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.25);
}

.aaa-flow-calc-title {
  padding:       10px 14px;
  background:    rgba(201, 168, 76, 0.08);
  border-bottom: 1px solid rgba(201, 168, 76, 0.15);
  font-size:     12px;
  font-weight:   700;
  color:         #C9A84C;
  text-align:    center;
}

.aaa-flow-calc-rows {
  padding:        10px 14px;
  display:        flex;
  flex-direction: column;
  gap:            0;
}

.aaa-flow-calc-row {
  display:               grid;
  grid-template-columns: 60px 1fr auto;
  align-items:           center;
  gap:                   6px;
  padding:               7px 0;
  transition:            background 0.2s ease;
}

.aaa-flow-calc-row:hover {
  background: rgba(201, 168, 76, 0.05);
}

.aaa-flow-calc-label {
  font-size:      10px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.aaa-flow-calc-eq {
  font-size:   11px;
  color:       rgba(255, 255, 255, 0.65);
  font-family: 'Courier New', monospace;
}

.aaa-flow-calc-result {
  font-size:   12px;
  font-weight: 700;
  color:       #C9A84C;
  white-space: nowrap;
}

.aaa-flow-calc-divider {
  height:     1px;
  background: rgba(255, 255, 255, 0.07);
  margin:     2px 0;
}

/* Result Box */
.aaa-flow-result-box {
  display:       flex;
  align-items:   center;
  gap:           12px;
  padding:       16px 14px;
  background:    linear-gradient(
                   135deg,
                   rgba(201, 168, 76, 0.12) 0%,
                   rgba(201, 168, 76, 0.06) 100%
                 );
  border-radius: 12px;
  border:        2px solid #C9A84C;
  box-shadow:    0 6px 20px rgba(201, 168, 76, 0.15);
}

.aaa-flow-result-icon {
  font-size:       22px;
  width:           44px;
  height:          44px;
  background:      rgba(201, 168, 76, 0.12);
  border-radius:   12px;
  border:          1px solid rgba(201, 168, 76, 0.28);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-flow-result-content {
  display:        flex;
  flex-direction: column;
  gap:            3px;
  flex:           1;
}

.aaa-flow-result-label {
  font-size:      10px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.aaa-flow-result-amount {
  font-size:      clamp(20px, 2.5vw, 24px);
  font-weight:    900;
  color:          #C9A84C;
  line-height:    1.1;
  background:     linear-gradient(
                    135deg,
                    #C9A84C 0%,
                    #E8C96A 100%
                  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

.aaa-flow-result-note {
  font-size:   10px;
  color:       rgba(255, 255, 255, 0.45);
  font-weight: 500;
}

/* Law Reference Bar */
.aaa-infographic-law-bar {
  display:         flex;
  align-items:     center;
  gap:             8px;
  padding:         10px 12px;
  background:      rgba(10, 37, 64, 0.04);
  border-radius:   10px;
  border:          1px solid rgba(10, 37, 64, 0.08);
  flex-wrap:       wrap;
}

.aaa-law-bar-icon {
  font-size:   14px;
  flex-shrink: 0;
}

.aaa-law-bar-text {
  font-size:   11px;
  color:       #6B7A99;
  flex:        1;
  min-width:   0;
  line-height: 1.4;
}

.aaa-law-bar-badge {
  font-size:      10px;
  font-weight:    700;
  color:          #C9A84C;
  background:     rgba(201, 168, 76, 0.10);
  border:         1px solid rgba(201, 168, 76, 0.22);
  padding:        3px 8px;
  border-radius:  20px;
  white-space:    nowrap;
  flex-shrink:    0;
}

/* Key Facts Mini Grid */
.aaa-infographic-facts-mini {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   8px;
}

.aaa-infographic-fact-mini {
  display:       flex;
  align-items:   center;
  gap:           8px;
  padding:       10px 12px;
  background:    #F4F6FA;
  border-radius: 10px;
  border:        1px solid #E2E8F0;
  transition:    all 0.25s ease;
  box-sizing:    border-box;
}

.aaa-infographic-fact-mini:hover {
  border-color: rgba(201, 168, 76, 0.28);
  background:   #FFFDF5;
  transform:    translateY(-2px);
}

.aaa-fact-mini-icon {
  font-size:   16px;
  flex-shrink: 0;
}

.aaa-fact-mini-text {
  display:        flex;
  flex-direction: column;
  gap:            1px;
}

.aaa-fact-mini-val {
  font-size:   13px;
  font-weight: 800;
  color:       #0A2540;
  line-height: 1.2;
}

.aaa-fact-mini-label {
  font-size:   10px;
  color:       #6B7A99;
  line-height: 1.2;
}

/* ============================================
   BOTTOM CTA BOX
   ============================================ */

.aaa-howto-cta-box {
  display:       flex;
  align-items:   center;
  gap:           24px;
  width:         100%;
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-radius: 20px;
  padding:       28px 32px;
  border:        1px solid rgba(201, 168, 76, 0.25);
  box-shadow:    0 10px 35px rgba(10, 37, 64, 0.18);
  box-sizing:    border-box;
  flex-wrap:     wrap;
}

.aaa-howto-cta-icon-col {
  flex-shrink: 0;
}

.aaa-howto-cta-big-icon {
  font-size:       36px;
  width:           68px;
  height:          68px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   18px;
  border:          2px solid rgba(201, 168, 76, 0.30);
  display:         flex;
  align-items:     center;
  justify-content: center;
}

.aaa-howto-cta-text-col {
  flex:      1;
  min-width: 200px;
}

.aaa-howto-cta-title {
  font-size:   20px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 8px;
  line-height: 1.3;
}

.aaa-howto-cta-desc {
  font-size:   14px;
  color:       rgba(255, 255, 255, 0.65);
  margin:      0 0 12px;
  line-height: 1.6;
}

.aaa-howto-cta-tags {
  display:   flex;
  flex-wrap: wrap;
  gap:       8px;
}

.aaa-howto-cta-tag {
  font-size:      11px;
  font-weight:    600;
  color:          rgba(255, 255, 255, 0.80);
  background:     rgba(255, 255, 255, 0.08);
  border:         1px solid rgba(255, 255, 255, 0.12);
  padding:        5px 12px;
  border-radius:  20px;
  white-space:    nowrap;
}

.aaa-howto-cta-btn-col {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            8px;
  flex-shrink:    0;
}

.aaa-howto-scroll-btn {
  display:          inline-flex;
  align-items:      center;
  gap:              10px;
  background:       linear-gradient(
                      135deg,
                      #C9A84C 0%,
                      #E8C96A 100%
                    );
  color:            #0A2540;
  font-size:        15px;
  font-weight:      700;
  padding:          16px 32px;
  border-radius:    50px;
  text-decoration:  none;
  transition:       all 0.3s ease;
  box-shadow:       0 6px 20px rgba(201, 168, 76, 0.35);
  white-space:      nowrap;
}

.aaa-howto-scroll-btn:hover {
  transform:   translateY(-3px);
  box-shadow:  0 14px 35px rgba(201, 168, 76, 0.50);
  color:       #0A2540;
}

.aaa-howto-scroll-icon {
  font-size:   16px;
  font-weight: 800;
}

.aaa-howto-scroll-note {
  font-size:   12px;
  color:       rgba(255, 255, 255, 0.45);
  margin:      0;
  text-align:  center;
}

/* ============================================
   RESPONSIVE — max-width: 1100px
   ============================================ */

@media (max-width: 1100px) {

  .aaa-howto-main-grid {
    grid-template-columns: 1fr;
    gap:                   28px;
  }

  .aaa-howto-infographic-col {
    position: static;
  }

  .aaa-infographic-flow {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   12px;
  }

  .aaa-flow-arrow {
    display: none;
  }

  .aaa-flow-calc-box,
  .aaa-flow-result-box {
    grid-column: 1 / -1;
  }

}

/* ============================================
   RESPONSIVE — max-width: 768px
   ============================================ */

@media (max-width: 768px) {

  .aaa-howto-section {
    padding: 50px 16px;
  }

  .aaa-howto-container {
    gap: 24px;
  }

  .aaa-step-content-card {
    flex-direction: column;
    gap:            14px;
  }

  .aaa-step-card-right {
    width:     100%;
    min-width: auto;
  }

  .aaa-infographic-flow {
    grid-template-columns: 1fr;
  }

  .aaa-flow-arrow {
    display:   block;
    text-align: center;
  }

  .aaa-flow-calc-box,
  .aaa-flow-result-box {
    grid-column: auto;
  }

  .aaa-howto-cta-box {
    flex-direction: column;
    text-align:     center;
    padding:        24px 20px;
    gap:            20px;
  }

  .aaa-howto-cta-icon-col {
    display: none;
  }

  .aaa-howto-scroll-btn {
    width:           100%;
    justify-content: center;
  }

  .aaa-howto-cta-tags {
    justify-content: center;
  }

}

/* ============================================
   RESPONSIVE — max-width: 480px
   ============================================ */

@media (max-width: 480px) {

  .aaa-howto-section {
    padding: 36px 12px;
  }

  .aaa-howto-container {
    gap: 20px;
  }

  .aaa-step-content-card {
    padding: 16px 14px;
  }

  .aaa-step-card-left {
    flex-direction: column;
    gap:            10px;
  }

  .aaa-step-icon-box {
    width:    38px;
    height:   38px;
    min-width: 38px;
  }

  .aaa-infographic-facts-mini {
    grid-template-columns: repeat(2, 1fr);
  }

  .aaa-howto-cta-box {
    padding: 20px 16px;
  }

  .aaa-infographic-body {
    padding: 16px 14px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0b2d48 *//* ============================================
   SECTION 10: COMMON MISTAKES TO AVOID
   A&A Associate LLC
   Navy:  #0A2540
   Gold:  #C9A84C
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-mistakes-section {
  position:    relative;
  width:       100%;
  background:  #FFFFFF;
  padding:     70px 20px;
  box-sizing:  border-box;
  font-family: 'Inter', sans-serif;
  overflow:    hidden;
}

.aaa-mistakes-section::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     4px;
  background: linear-gradient(
                90deg,
                #0A2540 0%,
                #C9A84C 50%,
                #0A2540 100%
              );
}

.aaa-mistakes-section::after {
  content:        '';
  position:       absolute;
  top:            -60px;
  right:          -60px;
  width:          240px;
  height:         240px;
  border-radius:  50%;
  background:     radial-gradient(
                    circle,
                    rgba(201, 168, 76, 0.04) 0%,
                    transparent 70%
                  );
  pointer-events: none;
}

/* ============================================
   CONTAINER
   ============================================ */

.aaa-mistakes-container {
  max-width:      100%;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            36px;
  box-sizing:     border-box;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-mistakes-top-label {
  display:         flex;
  align-items:     center;
  gap:             10px;
  justify-content: center;
  flex-wrap:       wrap;
}

.aaa-mistakes-label-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
  flex-shrink:   0;
}

.aaa-mistakes-label-text {
  font-size:      11px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align:     center;
}

/* ============================================
   SECTION HEADING
   ============================================ */

.aaa-mistakes-heading-wrap {
  text-align: center;
  width:      100%;
  max-width:  720px;
}

.aaa-mistakes-main-title {
  font-size:      clamp(24px, 3.5vw, 38px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 12px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-mistakes-title-gold {
  display:    block;
  color:      #C9A84C;
  background: linear-gradient(
                135deg,
                #C9A84C 0%,
                #E8C96A 100%
              );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
  margin-top: 4px;
}

.aaa-mistakes-intro-text {
  font-size:   15px;
  color:       #6B7A99;
  line-height: 1.72;
  margin:      0;
}

/* ============================================
   STATS STRIP
   ============================================ */

.aaa-mistakes-stats-strip {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             0;
  width:           100%;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  border-radius:   16px;
  padding:         20px 24px;
  border:          1px solid rgba(201, 168, 76, 0.22);
  box-shadow:      0 8px 28px rgba(10, 37, 64, 0.16);
  box-sizing:      border-box;
  flex-wrap:       wrap;
  gap:             16px;
}

.aaa-mstats-item {
  display:     flex;
  align-items: center;
  gap:         12px;
  flex:        1;
  min-width:   120px;
  max-width:   200px;
}

.aaa-mstats-icon {
  font-size:   26px;
  flex-shrink: 0;
}

.aaa-mstats-text {
  display:        flex;
  flex-direction: column;
  gap:            2px;
}

.aaa-mstats-value {
  font-size:   22px;
  font-weight: 900;
  color:       #C9A84C;
  line-height: 1;
  background:  linear-gradient(
                 135deg,
                 #C9A84C 0%,
                 #E8C96A 100%
               );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

.aaa-mstats-label {
  font-size:   11px;
  font-weight: 500;
  color:       rgba(255, 255, 255, 0.55);
  line-height: 1.3;
}

.aaa-mstats-divider {
  width:      1px;
  height:     40px;
  background: rgba(255, 255, 255, 0.10);
  flex-shrink: 0;
}

/* ============================================
   MISTAKES LIST
   ============================================ */

.aaa-mistakes-list {
  display:        flex;
  flex-direction: column;
  gap:            0;
  width:          100%;
  box-sizing:     border-box;
}

/* ============================================
   MISTAKE ITEM
   ============================================ */

.aaa-mistake-item {
  display:     grid;
  grid-template-columns: 60px 1fr;
  gap:         24px;
  padding:     32px 0;
  border-bottom: 1px solid #F0F2F5;
  position:    relative;
  transition:  background 0.3s ease;
  box-sizing:  border-box;
}

.aaa-mistake-item:hover {
  background: rgba(201, 168, 76, 0.015);
}

.aaa-mistake-item-last {
  border-bottom: none;
}

/* ============================================
   NUMBER COLUMN
   ============================================ */

.aaa-mistake-number-col {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            0;
  padding-top:    4px;
}

.aaa-mistake-number {
  width:            50px;
  height:           50px;
  border-radius:    14px;
  background:       linear-gradient(
                      135deg,
                      #0A2540 0%,
                      #0D3060 100%
                    );
  border:           2px solid rgba(201, 168, 76, 0.30);
  display:          flex;
  align-items:      center;
  justify-content:  center;
  font-size:        18px;
  font-weight:      800;
  color:            #C9A84C;
  flex-shrink:      0;
  transition:       all 0.3s ease;
  box-shadow:       0 4px 14px rgba(10, 37, 64, 0.14);
}

.aaa-mistake-item:hover .aaa-mistake-number {
  border-color: #C9A84C;
  box-shadow:   0 8px 22px rgba(10, 37, 64, 0.20);
  transform:    scale(1.05);
}

.aaa-mistake-number-line {
  width:      2px;
  flex:       1;
  min-height: 30px;
  background: linear-gradient(
                180deg,
                rgba(201, 168, 76, 0.25) 0%,
                transparent 100%
              );
  margin-top: 8px;
}

/* ============================================
   CONTENT COLUMN
   ============================================ */

.aaa-mistake-content-col {
  display:        flex;
  flex-direction: column;
  gap:            16px;
  min-width:      0;
}

/* ============================================
   WRONG BLOCK
   ============================================ */

.aaa-mistake-wrong-block {
  background:    rgba(239, 68, 68, 0.04);
  border:        1px solid rgba(239, 68, 68, 0.15);
  border-radius: 14px;
  padding:       20px 22px;
  border-left:   4px solid #EF4444;
  transition:    all 0.3s ease;
  box-sizing:    border-box;
}

.aaa-mistake-wrong-block:hover {
  background:  rgba(239, 68, 68, 0.06);
  border-color: rgba(239, 68, 68, 0.25);
}

.aaa-wrong-header {
  display:       flex;
  align-items:   center;
  gap:           8px;
  margin-bottom: 10px;
}

.aaa-wrong-icon {
  font-size:   16px;
  line-height: 1;
}

.aaa-wrong-label {
  font-size:      10px;
  font-weight:    700;
  color:          #DC2626;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background:     rgba(239, 68, 68, 0.10);
  padding:        3px 10px;
  border-radius:  20px;
  border:         1px solid rgba(239, 68, 68, 0.18);
}

.aaa-mistake-title {
  font-size:   17px;
  font-weight: 700;
  color:       #0A2540;
  margin:      0 0 8px;
  line-height: 1.3;
}

.aaa-mistake-wrong-text {
  font-size:   14px;
  color:       #6B7A99;
  line-height: 1.68;
  margin:      0;
}

.aaa-mistake-wrong-text strong {
  color:       #DC2626;
  font-weight: 600;
}

/* ============================================
   FIX BLOCK
   ============================================ */

.aaa-mistake-fix-block {
  background:    rgba(16, 185, 129, 0.04);
  border:        1px solid rgba(16, 185, 129, 0.15);
  border-radius: 14px;
  padding:       20px 22px;
  border-left:   4px solid #10B981;
  transition:    all 0.3s ease;
  box-sizing:    border-box;
  display:       flex;
  flex-direction: column;
  gap:           14px;
}

.aaa-mistake-fix-block:hover {
  background:  rgba(16, 185, 129, 0.06);
  border-color: rgba(16, 185, 129, 0.25);
}

.aaa-fix-header {
  display:     flex;
  align-items: center;
  gap:         8px;
}

.aaa-fix-icon {
  font-size:   16px;
  line-height: 1;
}

.aaa-fix-label {
  font-size:      10px;
  font-weight:    700;
  color:          #059669;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background:     rgba(16, 185, 129, 0.10);
  padding:        3px 10px;
  border-radius:  20px;
  border:         1px solid rgba(16, 185, 129, 0.18);
}

.aaa-mistake-fix-text {
  font-size:   14px;
  color:       #374151;
  line-height: 1.68;
  margin:      0;
}

.aaa-mistake-fix-text strong {
  color:       #0A2540;
  font-weight: 700;
}

/* ============================================
   FIX EXAMPLE — Salary Comparison
   ============================================ */

.aaa-mistake-fix-example {
  box-sizing: border-box;
}

.aaa-fix-example-row {
  display:         flex;
  align-items:     center;
  gap:             12px;
  flex-wrap:       wrap;
}

.aaa-fix-ex-wrong,
.aaa-fix-ex-correct {
  display:        flex;
  flex-direction: column;
  gap:            4px;
  padding:        12px 16px;
  border-radius:  10px;
  flex:           1;
  min-width:      130px;
  box-sizing:     border-box;
}

.aaa-fix-ex-wrong {
  background:  rgba(239, 68, 68, 0.06);
  border:      1px solid rgba(239, 68, 68, 0.15);
}

.aaa-fix-ex-correct {
  background:  rgba(16, 185, 129, 0.06);
  border:      1px solid rgba(16, 185, 129, 0.15);
}

.aaa-fix-ex-label {
  font-size:      10px;
  font-weight:    700;
  color:          #DC2626;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.aaa-fix-label-green {
  color: #059669 !important;
}

.aaa-fix-ex-value {
  font-size:   15px;
  font-weight: 800;
  color:       #DC2626;
  line-height: 1.2;
}

.aaa-fix-value-green {
  color: #059669 !important;
}

.aaa-fix-ex-note {
  font-size:   11px;
  color:       #9CA3AF;
  line-height: 1.3;
}

.aaa-fix-ex-arrow {
  font-size:   20px;
  font-weight: 700;
  color:       #C9A84C;
  flex-shrink: 0;
}

/* ============================================
   TIP BOX
   ============================================ */

.aaa-mistake-tip-box {
  display:       flex;
  align-items:   flex-start;
  gap:           10px;
  background:    rgba(201, 168, 76, 0.07);
  border:        1px solid rgba(201, 168, 76, 0.22);
  border-radius: 10px;
  padding:       12px 14px;
  box-sizing:    border-box;
}

.aaa-tip-icon {
  font-size:   18px;
  flex-shrink: 0;
  margin-top:  1px;
}

.aaa-tip-content {
  font-size:   13px;
  color:       #374151;
  line-height: 1.60;
}

.aaa-tip-content strong {
  color:       #0A2540;
  font-weight: 700;
}

/* ============================================
   MINI COMPARE — Contract Types
   ============================================ */

.aaa-mistake-compare-mini {
  display:     grid;
  grid-template-columns: repeat(2, 1fr);
  gap:         10px;
  box-sizing:  border-box;
}

.aaa-compare-mini-col {
  display:        flex;
  flex-direction: column;
  gap:            5px;
  padding:        12px 14px;
  border-radius:  10px;
  transition:     all 0.3s ease;
  box-sizing:     border-box;
}

.aaa-compare-mini-col:hover {
  transform: translateY(-2px);
}

.aaa-compare-col-limited {
  background:  rgba(59, 130, 246, 0.07);
  border:      1px solid rgba(59, 130, 246, 0.18);
}

.aaa-compare-col-unlimited {
  background:  rgba(201, 168, 76, 0.07);
  border:      1px solid rgba(201, 168, 76, 0.20);
}

.aaa-compare-mini-title {
  font-size:   12px;
  font-weight: 700;
  color:       #0A2540;
  line-height: 1.3;
}

.aaa-compare-mini-text {
  font-size:   12px;
  color:       #6B7A99;
  line-height: 1.4;
}

/* ============================================
   CAP VISUAL
   ============================================ */

.aaa-mistake-cap-visual {
  display:     flex;
  flex-direction: column;
  gap:         10px;
  box-sizing:  border-box;
}

.aaa-cap-visual-item {
  display:        flex;
  align-items:    center;
  gap:            12px;
  flex-wrap:      nowrap;
}

.aaa-cap-label {
  font-size:   11px;
  font-weight: 600;
  color:       #DC2626;
  white-space: nowrap;
  min-width:   130px;
  flex-shrink: 0;
}

.aaa-cap-label-green {
  color: #059669 !important;
}

.aaa-cap-bar-wrap {
  display:     flex;
  align-items: center;
  gap:         8px;
  flex:        1;
  min-width:   0;
}

.aaa-cap-bar {
  height:        10px;
  border-radius: 5px;
  transition:    width 0.6s ease;
}

.aaa-cap-bar-overflow {
  width:      95%;
  background: linear-gradient(
                90deg,
                #EF4444 0%,
                #FCA5A5 100%
              );
  border:     1px solid rgba(239, 68, 68, 0.30);
}

.aaa-cap-bar-capped {
  width:      60%;
  background: linear-gradient(
                90deg,
                #059669 0%,
                #34D399 100%
              );
  border:     1px solid rgba(16, 185, 129, 0.30);
}

.aaa-cap-bar-text {
  font-size:   11px;
  font-weight: 600;
  color:       #6B7A99;
  white-space: nowrap;
}

.aaa-cap-text-green {
  color: #059669 !important;
}

/* ============================================
   THRESHOLD VISUAL
   ============================================ */

.aaa-mistake-threshold-visual {
  display:     flex;
  align-items: center;
  gap:         10px;
  flex-wrap:   wrap;
  box-sizing:  border-box;
}

.aaa-threshold-item {
  display:        flex;
  align-items:    center;
  gap:            10px;
  padding:        12px 16px;
  border-radius:  10px;
  flex:           1;
  min-width:      110px;
  transition:     all 0.3s ease;
  box-sizing:     border-box;
}

.aaa-threshold-item:hover {
  transform:  translateY(-2px);
  box-shadow: 0 6px 16px rgba(10, 37, 64, 0.08);
}

.aaa-threshold-no {
  background:  rgba(239, 68, 68, 0.07);
  border:      1px solid rgba(239, 68, 68, 0.18);
}

.aaa-threshold-yes {
  background:  rgba(201, 168, 76, 0.07);
  border:      1px solid rgba(201, 168, 76, 0.22);
}

.aaa-threshold-max {
  background:  rgba(16, 185, 129, 0.07);
  border:      1px solid rgba(16, 185, 129, 0.18);
}

.aaa-threshold-icon {
  font-size:   20px;
  flex-shrink: 0;
}

.aaa-threshold-text {
  display:        flex;
  flex-direction: column;
  gap:            2px;
}

.aaa-threshold-text strong {
  font-size:   13px;
  font-weight: 700;
  color:       #0A2540;
  line-height: 1.3;
}

.aaa-threshold-text span {
  font-size:   11px;
  color:       #6B7A99;
  line-height: 1.3;
}

.aaa-threshold-arrow {
  font-size:   18px;
  font-weight: 700;
  color:       #C9A84C;
  flex-shrink: 0;
}

/* ============================================
   PRE-CALCULATION CHECKLIST
   ============================================ */

.aaa-mistakes-checklist-box {
  width:         100%;
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-radius: 20px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.28);
  box-shadow:    0 10px 35px rgba(10, 37, 64, 0.18);
  box-sizing:    border-box;
}

.aaa-checklist-header {
  display:       flex;
  align-items:   center;
  gap:           16px;
  padding:       22px 26px;
  border-bottom: 2px solid rgba(201, 168, 76, 0.25);
  flex-wrap:     wrap;
  gap:           14px;
}

.aaa-checklist-header-icon {
  font-size:       24px;
  width:           50px;
  height:          50px;
  min-width:       50px;
  background:      rgba(201, 168, 76, 0.14);
  border-radius:   14px;
  border:          1px solid rgba(201, 168, 76, 0.28);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-checklist-header-text {
  flex: 1;
  min-width: 0;
}

.aaa-checklist-title {
  font-size:   18px;
  font-weight: 700;
  color:       #FFFFFF;
  margin:      0 0 4px;
  line-height: 1.3;
}

.aaa-checklist-subtitle {
  font-size:   13px;
  color:       rgba(255, 255, 255, 0.55);
  margin:      0;
  line-height: 1.4;
}

.aaa-checklist-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   1px;
  background:            rgba(255, 255, 255, 0.05);
}

.aaa-checklist-item {
  display:     flex;
  align-items: flex-start;
  gap:         14px;
  padding:     18px 22px;
  background:  linear-gradient(
                 135deg,
                 #0A2540 0%,
                 #0D3060 100%
               );
  transition:  background 0.3s ease;
  box-sizing:  border-box;
}

.aaa-checklist-item:hover {
  background: rgba(201, 168, 76, 0.06);
}

.aaa-checklist-item-icon {
  font-size:       16px;
  width:           34px;
  height:          34px;
  min-width:       34px;
  background:      rgba(201, 168, 76, 0.12);
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.22);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
  transition:      transform 0.3s ease;
}

.aaa-checklist-item:hover .aaa-checklist-item-icon {
  transform:   scale(1.08);
  background:  rgba(201, 168, 76, 0.18);
  border-color: rgba(201, 168, 76, 0.35);
}

.aaa-checklist-item-text {
  display:        flex;
  flex-direction: column;
  gap:            3px;
  flex:           1;
  min-width:      0;
}

.aaa-checklist-item-text strong {
  font-size:   14px;
  font-weight: 700;
  color:       #FFFFFF;
  line-height: 1.3;
  display:     block;
}

.aaa-checklist-item-text span {
  font-size:   12px;
  color:       rgba(255, 255, 255, 0.55);
  line-height: 1.4;
}

/* ============================================
   RESPONSIVE — max-width: 1024px
   ============================================ */

@media (max-width: 1024px) {

  .aaa-checklist-grid {
    grid-template-columns: 1fr;
  }

  .aaa-mistake-item {
    grid-template-columns: 50px 1fr;
    gap:                   16px;
  }

}

/* ============================================
   RESPONSIVE — max-width: 768px
   ============================================ */

@media (max-width: 768px) {

  .aaa-mistakes-section {
    padding: 50px 16px;
  }

  .aaa-mistakes-container {
    gap: 26px;
  }

  .aaa-mistakes-stats-strip {
    padding:   16px;
    gap:       12px;
  }

  .aaa-mstats-divider {
    display: none;
  }

  .aaa-mstats-item {
    min-width: 80px;
  }

  .aaa-mistake-item {
    grid-template-columns: 44px 1fr;
    gap:                   14px;
    padding:               24px 0;
  }

  .aaa-mistake-number {
    width:  44px;
    height: 44px;
  }

  .aaa-fix-example-row {
    flex-direction: column;
    gap:            8px;
  }

  .aaa-fix-ex-arrow {
    transform: rotate(90deg);
    text-align: center;
  }

  .aaa-mistake-compare-mini {
    grid-template-columns: 1fr;
  }

  .aaa-mistake-threshold-visual {
    flex-direction: column;
    align-items:    stretch;
  }

  .aaa-threshold-arrow {
    transform: rotate(90deg);
    text-align: center;
  }

  .aaa-checklist-header {
    padding: 18px 20px;
  }

  .aaa-checklist-item {
    padding: 16px 18px;
  }

}

/* ============================================
   RESPONSIVE — max-width: 480px
   ============================================ */

@media (max-width: 480px) {

  .aaa-mistakes-section {
    padding: 36px 12px;
  }

  .aaa-mistakes-container {
    gap: 22px;
  }

  .aaa-mistake-item {
    grid-template-columns: 1fr;
    gap:                   12px;
    padding:               20px 0;
  }

  .aaa-mistake-number-col {
    flex-direction: row;
    padding-top:    0;
    align-items:    center;
  }

  .aaa-mistake-number {
    width:  42px;
    height: 42px;
  }

  .aaa-mistake-number-line {
    display: none;
  }

  .aaa-mistake-title {
    font-size: 15px;
  }

  .aaa-mistake-wrong-block,
  .aaa-mistake-fix-block {
    padding: 16px 16px;
  }

  .aaa-mistakes-stats-strip {
    flex-wrap:   wrap;
    gap:         10px;
  }

  .aaa-mstats-item {
    min-width: 100px;
  }

  .aaa-cap-label {
    min-width: 110px;
    font-size: 10px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d50dae4 *//* ============================================
   INTERNAL LINK SECTION
   Business Setup in UAE
   Navy:  #0A2540
   Gold:  #C9A84C
   ============================================ */

/* ============================================
   SECTION WRAPPER
   ============================================ */

.aaa-bizsetup-section {
  position:    relative;
  width:       100%;
  background:  #F4F6FA;
  padding:     70px 20px;
  box-sizing:  border-box;
  font-family: 'Inter', sans-serif;
  overflow:    hidden;
}

.aaa-bizsetup-section::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     4px;
  background: linear-gradient(
                90deg,
                #C9A84C 0%,
                #0A2540 50%,
                #C9A84C 100%
              );
}

.aaa-bizsetup-section::after {
  content:        '';
  position:       absolute;
  bottom:         -80px;
  right:          -80px;
  width:          300px;
  height:         300px;
  border-radius:  50%;
  background:     radial-gradient(
                    circle,
                    rgba(201, 168, 76, 0.05) 0%,
                    transparent 70%
                  );
  pointer-events: none;
}

/* ============================================
   CONTAINER
   ============================================ */

.aaa-bizsetup-container {
  max-width:      100%;
  width:          100%;
  margin:         0 auto;
  position:       relative;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            32px;
  box-sizing:     border-box;
}

/* ============================================
   TOP LABEL
   ============================================ */

.aaa-bizsetup-top-label {
  display:         flex;
  align-items:     center;
  gap:             10px;
  justify-content: center;
  flex-wrap:       wrap;
}

.aaa-bizsetup-label-dot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    #C9A84C;
  display:       inline-block;
  flex-shrink:   0;
}

.aaa-bizsetup-label-text {
  font-size:      11px;
  font-weight:    600;
  color:          #C9A84C;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align:     center;
}

/* ============================================
   HEADING
   ============================================ */

.aaa-bizsetup-heading-wrap {
  text-align: center;
  width:      100%;
  max-width:  680px;
}

.aaa-bizsetup-main-title {
  font-size:      clamp(24px, 3.5vw, 38px);
  font-weight:    800;
  color:          #0A2540;
  margin:         0 0 12px;
  line-height:    1.2;
  letter-spacing: -0.5px;
}

.aaa-bizsetup-title-gold {
  display:    block;
  color:      #C9A84C;
  background: linear-gradient(
                135deg,
                #C9A84C 0%,
                #E8C96A 100%
              );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
  margin-top: 4px;
}

.aaa-bizsetup-intro-text {
  font-size:   15px;
  color:       #6B7A99;
  line-height: 1.72;
  margin:      0;
}

.aaa-bizsetup-intro-text strong {
  color:       #0A2540;
  font-weight: 700;
}

/* ============================================
   MAIN FEATURE CARD
   ============================================ */

.aaa-bizsetup-feature-card {
  display:       grid;
  grid-template-columns: 1fr 380px;
  gap:           28px;
  width:         100%;
  background:    #FFFFFF;
  border-radius: 20px;
  overflow:      hidden;
  border:        1px solid rgba(201, 168, 76, 0.18);
  box-shadow:    0 8px 30px rgba(10, 37, 64, 0.08);
  box-sizing:    border-box;
  align-items:   start;
}

/* ---- LEFT SIDE ---- */
.aaa-bizsetup-feature-left {
  padding:        30px 28px;
  display:        flex;
  flex-direction: column;
  gap:            18px;
  box-sizing:     border-box;
}

.aaa-bizsetup-feature-badge {
  display:     inline-flex;
  align-items: center;
  gap:         8px;
  background:  rgba(201, 168, 76, 0.10);
  border:      1px solid rgba(201, 168, 76, 0.25);
  border-radius: 50px;
  padding:     6px 14px;
  width:       fit-content;
}

.aaa-feature-badge-icon {
  font-size:   16px;
  line-height: 1;
}

.aaa-feature-badge-text {
  font-size:      11px;
  font-weight:    700;
  color:          #C9A84C;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.aaa-bizsetup-feature-title {
  font-size:   22px;
  font-weight: 800;
  color:       #0A2540;
  margin:      0;
  line-height: 1.3;
}

.aaa-bizsetup-feature-desc {
  font-size:   15px;
  color:       #6B7A99;
  line-height: 1.72;
  margin:      0;
}

.aaa-bizsetup-feature-desc strong {
  color:       #0A2540;
  font-weight: 600;
}

/* Feature Points */
.aaa-bizsetup-feature-points {
  display:        flex;
  flex-direction: column;
  gap:            8px;
}

.aaa-bizsetup-point {
  display:     flex;
  align-items: center;
  gap:         10px;
  padding:     10px 14px;
  background:  #F4F6FA;
  border-radius: 8px;
  border:      1px solid #E2E8F0;
  transition:  all 0.3s ease;
  box-sizing:  border-box;
}

.aaa-bizsetup-point:hover {
  border-color:  rgba(201, 168, 76, 0.28);
  background:    #FFFDF5;
  transform:     translateX(4px);
}

.aaa-point-icon {
  font-size:   15px;
  flex-shrink: 0;
}

.aaa-point-text {
  font-size:   13px;
  font-weight: 500;
  color:       #374151;
  line-height: 1.4;
}

/* Main CTA Button */
.aaa-bizsetup-main-btn {
  display:         inline-flex;
  align-items:     center;
  gap:             10px;
  background:      linear-gradient(
                     135deg,
                     #0A2540 0%,
                     #0D3060 100%
                   );
  color:           #FFFFFF;
  font-size:       15px;
  font-weight:     700;
  padding:         15px 28px;
  border-radius:   50px;
  text-decoration: none;
  transition:      all 0.3s ease;
  box-shadow:      0 6px 20px rgba(10, 37, 64, 0.22);
  border:          1px solid rgba(201, 168, 76, 0.25);
  width:           fit-content;
}

.aaa-bizsetup-main-btn:hover {
  background: linear-gradient(
                135deg,
                #C9A84C 0%,
                #E8C96A 100%
              );
  color:      #0A2540;
  box-shadow: 0 12px 32px rgba(201, 168, 76, 0.35);
  transform:  translateY(-3px);
}

.aaa-main-btn-icon {
  font-size:   18px;
  flex-shrink: 0;
}

.aaa-main-btn-text { flex: 1; }

.aaa-main-btn-arrow {
  font-size:   16px;
  font-weight: 700;
  flex-shrink: 0;
  transition:  transform 0.3s ease;
}

.aaa-bizsetup-main-btn:hover .aaa-main-btn-arrow {
  transform: translateX(4px);
}

/* ---- RIGHT SIDE ---- */
.aaa-bizsetup-feature-right {
  padding:        24px 22px;
  background:     #F4F6FA;
  display:        flex;
  flex-direction: column;
  gap:            18px;
  box-sizing:     border-box;
  border-left:    1px solid #E2E8F0;
}

/* Stats Grid */
.aaa-bizsetup-stats-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   12px;
}

.aaa-bizsetup-stat-card {
  display:          flex;
  flex-direction:   column;
  align-items:      center;
  gap:              5px;
  padding:          16px 12px;
  background:       #FFFFFF;
  border-radius:    12px;
  border:           1px solid #E2E8F0;
  text-align:       center;
  transition:       all 0.3s ease;
  cursor:           default;
  box-sizing:       border-box;
}

.aaa-bizsetup-stat-card:hover {
  border-color:  rgba(201, 168, 76, 0.30);
  transform:     translateY(-3px);
  box-shadow:    0 8px 20px rgba(10, 37, 64, 0.08);
}

.aaa-bizstat-gold {
  background: linear-gradient(
                135deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     1px solid rgba(201, 168, 76, 0.30);
}

.aaa-bizstat-icon {
  font-size:   22px;
  line-height: 1;
}

.aaa-bizstat-value {
  font-size:   20px;
  font-weight: 800;
  color:       #0A2540;
  line-height: 1.1;
}

.aaa-bizstat-gold .aaa-bizstat-value {
  color:      #C9A84C;
  background: linear-gradient(
                135deg,
                #C9A84C 0%,
                #E8C96A 100%
              );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

.aaa-bizstat-label {
  font-size:   11px;
  color:       #6B7A99;
  font-weight: 500;
  line-height: 1.3;
  text-align:  center;
}

.aaa-bizstat-gold .aaa-bizstat-label {
  color: rgba(255, 255, 255, 0.55);
}

/* Topics Box */
.aaa-bizsetup-topics-box {
  background:    #FFFFFF;
  border-radius: 12px;
  overflow:      hidden;
  border:        1px solid #E2E8F0;
  box-shadow:    0 3px 10px rgba(10, 37, 64, 0.05);
}

.aaa-topics-box-header {
  display:       flex;
  align-items:   center;
  gap:           8px;
  padding:       12px 16px;
  background:    linear-gradient(
                   135deg,
                   #0A2540 0%,
                   #0D3060 100%
                 );
  border-bottom: 2px solid rgba(201, 168, 76, 0.35);
  font-size:     13px;
  font-weight:   700;
  color:         #FFFFFF;
}

.aaa-topics-list {
  display:        flex;
  flex-direction: column;
  gap:            0;
}

.aaa-topic-link {
  display:         flex;
  align-items:     center;
  gap:             10px;
  padding:         11px 16px;
  text-decoration: none;
  border-bottom:   1px solid #F0F2F5;
  transition:      all 0.25s ease;
  cursor:          pointer;
}

.aaa-topic-link:last-child {
  border-bottom: none;
}

.aaa-topic-link:hover {
  background:   rgba(201, 168, 76, 0.06);
  padding-left: 20px;
}

.aaa-topic-icon {
  font-size:   15px;
  flex-shrink: 0;
}

.aaa-topic-text {
  font-size:   13px;
  font-weight: 500;
  color:       #374151;
  flex:        1;
  line-height: 1.3;
  transition:  color 0.25s ease;
}

.aaa-topic-link:hover .aaa-topic-text {
  color: #0A2540;
}

.aaa-topic-arrow {
  font-size:   12px;
  color:       #C9A84C;
  font-weight: 700;
  flex-shrink: 0;
  opacity:     0;
  transition:  opacity 0.25s ease,
               transform 0.25s ease;
  transform:   translateX(-4px);
}

.aaa-topic-link:hover .aaa-topic-arrow {
  opacity:   1;
  transform: translateX(0);
}

/* ============================================
   4 QUICK LINK CARDS
   ============================================ */

.aaa-bizsetup-quick-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   18px;
  width:                 100%;
  box-sizing:            border-box;
}

.aaa-bizsetup-quick-card {
  display:         flex;
  flex-direction:  column;
  gap:             14px;
  background:      #FFFFFF;
  border-radius:   16px;
  padding:         22px 20px;
  border:          1px solid #E2E8F0;
  box-shadow:      0 4px 14px rgba(10, 37, 64, 0.06);
  text-decoration: none;
  transition:      all 0.35s ease;
  position:        relative;
  overflow:        hidden;
  box-sizing:      border-box;
  cursor:          pointer;
}

/* Top accent line on hover */
.aaa-bizsetup-quick-card::before {
  content:    '';
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     3px;
  background: linear-gradient(
                90deg,
                transparent,
                #C9A84C,
                transparent
              );
  opacity:    0;
  transition: opacity 0.3s ease;
}

.aaa-bizsetup-quick-card:hover::before {
  opacity: 1;
}

.aaa-bizsetup-quick-card:hover {
  transform:    translateY(-6px);
  box-shadow:   0 18px 45px rgba(10, 37, 64, 0.12);
  border-color: rgba(201, 168, 76, 0.28);
}

/* Featured Quick Card */
.aaa-quick-card-featured {
  background: linear-gradient(
                155deg,
                #0A2540 0%,
                #0D3060 100%
              );
  border:     2px solid rgba(201, 168, 76, 0.35);
  box-shadow: 0 8px 28px rgba(10, 37, 64, 0.18);
}

.aaa-quick-card-featured::before {
  opacity:    1;
  background: linear-gradient(
                90deg,
                transparent,
                #E8C96A,
                transparent
              );
}

.aaa-quick-card-featured:hover {
  box-shadow:   0 22px 55px rgba(10, 37, 64, 0.26);
  border-color: #C9A84C;
}

/* Quick Card Icon */
.aaa-quick-card-icon-wrap {
  width:            50px;
  height:           50px;
  border-radius:    14px;
  background:       rgba(201, 168, 76, 0.10);
  border:           1px solid rgba(201, 168, 76, 0.22);
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-shrink:      0;
  transition:       all 0.3s ease;
}

.aaa-bizsetup-quick-card:hover
.aaa-quick-card-icon-wrap {
  transform:   scale(1.08);
  background:  rgba(201, 168, 76, 0.18);
}

.aaa-icon-wrap-light {
  background:   rgba(201, 168, 76, 0.15);
  border-color: rgba(201, 168, 76, 0.30);
}

.aaa-quick-card-icon {
  font-size:   22px;
  line-height: 1;
}

/* Quick Card Content */
.aaa-quick-card-content {
  flex: 1;
}

.aaa-quick-card-title {
  font-size:   16px;
  font-weight: 700;
  color:       #0A2540;
  margin:      0 0 8px;
  line-height: 1.3;
}

.aaa-quick-title-white {
  color: #FFFFFF !important;
}

.aaa-quick-card-text {
  font-size:   13px;
  color:       #6B7A99;
  line-height: 1.62;
  margin:      0;
}

.aaa-quick-text-light {
  color: rgba(255, 255, 255, 0.62) !important;
}

/* Quick Card Footer */
.aaa-quick-card-footer {
  padding-top:  12px;
  border-top:   1px solid #F0F2F5;
  margin-top:   auto;
}

.aaa-quick-card-featured .aaa-quick-card-footer {
  border-color: rgba(255, 255, 255, 0.10);
}

.aaa-quick-card-link {
  font-size:      13px;
  font-weight:    700;
  color:          #0A2540;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition:     color 0.3s ease;
  display:        flex;
  align-items:    center;
  gap:            4px;
}

.aaa-bizsetup-quick-card:hover .aaa-quick-card-link {
  color: #C9A84C;
}

.aaa-quick-link-gold {
  color: #C9A84C !important;
}

.aaa-quick-card-featured:hover
.aaa-quick-link-gold {
  color: #E8C96A !important;
}

/* ============================================
   INFO STRIP
   ============================================ */

.aaa-bizsetup-info-strip {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             20px;
  width:           100%;
  background:      #FFFFFF;
  border-radius:   14px;
  padding:         20px 24px;
  border:          1px solid rgba(201, 168, 76, 0.20);
  border-left:     5px solid #C9A84C;
  box-shadow:      0 4px 16px rgba(10, 37, 64, 0.06);
  box-sizing:      border-box;
  flex-wrap:       wrap;
  gap:             16px;
}

.aaa-info-strip-left {
  display:     flex;
  align-items: flex-start;
  gap:         14px;
  flex:        1;
  min-width:   0;
}

.aaa-info-strip-icon {
  font-size:       20px;
  width:           42px;
  height:          42px;
  min-width:       42px;
  background:      rgba(201, 168, 76, 0.10);
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.22);
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
}

.aaa-info-strip-text {
  display:        flex;
  flex-direction: column;
  gap:            4px;
  font-size:      13px;
  color:          #6B7A99;
  line-height:    1.62;
}

.aaa-info-strip-text strong {
  font-size:   15px;
  font-weight: 700;
  color:       #0A2540;
  display:     block;
  margin-bottom: 2px;
}

.aaa-info-strip-btn {
  display:         inline-flex;
  align-items:     center;
  white-space:     nowrap;
  flex-shrink:     0;
  background:      linear-gradient(
                     135deg,
                     #C9A84C 0%,
                     #E8C96A 100%
                   );
  color:           #0A2540;
  font-size:       14px;
  font-weight:     700;
  padding:         13px 26px;
  border-radius:   50px;
  text-decoration: none;
  transition:      all 0.3s ease;
  box-shadow:      0 5px 16px rgba(201, 168, 76, 0.28);
}

.aaa-info-strip-btn:hover {
  transform:  translateY(-3px);
  box-shadow: 0 12px 28px rgba(201, 168, 76, 0.42);
  color:      #0A2540;
}

/* ============================================
   RESPONSIVE — max-width: 1024px
   ============================================ */

@media (max-width: 1024px) {

  .aaa-bizsetup-feature-card {
    grid-template-columns: 1fr;
  }

  .aaa-bizsetup-feature-right {
    border-left:  none;
    border-top:   1px solid #E2E8F0;
    padding:      22px 22px;
  }

  .aaa-bizsetup-quick-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

/* ============================================
   RESPONSIVE — max-width: 768px
   ============================================ */

@media (max-width: 768px) {

  .aaa-bizsetup-section {
    padding: 50px 16px;
  }

  .aaa-bizsetup-container {
    gap: 24px;
  }

  .aaa-bizsetup-feature-left {
    padding: 22px 20px;
  }

  .aaa-bizsetup-quick-grid {
    grid-template-columns: 1fr;
    gap:                   14px;
  }

  .aaa-bizsetup-info-strip {
    flex-direction: column;
    align-items:    stretch;
    text-align:     center;
  }

  .aaa-info-strip-left {
    flex-direction: column;
    align-items:    center;
    text-align:     center;
  }

  .aaa-info-strip-btn {
    width:           100%;
    justify-content: center;
  }

}

/* ============================================
   RESPONSIVE — max-width: 480px
   ============================================ */

@media (max-width: 480px) {

  .aaa-bizsetup-section {
    padding: 36px 12px;
  }

  .aaa-bizsetup-container {
    gap: 20px;
  }

  .aaa-bizsetup-feature-left {
    padding: 18px 16px;
  }

  .aaa-bizsetup-feature-right {
    padding: 18px 16px;
  }

  .aaa-bizsetup-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap:                   8px;
  }

  .aaa-bizsetup-main-btn {
    width:           100%;
    justify-content: center;
  }

  .aaa-bizsetup-feature-title {
    font-size: 18px;
  }

}/* End custom CSS */