a,
    button,
    input,
    select,
    h1,
    h2,
    h3,
    h4,
    h5,
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      border: none;
      text-decoration: none;
      background: none;
      -webkit-font-smoothing: antialiased;
    }

    menu,
    ol,
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    /* Accordion Styles */
    .accordion-container {
      /* max-width: 1200px;
      margin: 40px auto;
      padding: 0 20px; */
    }

    .accordion-item {
      background: #ffffff;
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      margin-bottom: 16px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      overflow: hidden;
    }

    .accordion-item.active .accordion-header {
        background: #3cac62 !important;
    }
    
    .accordion-item.active .accordion-header .accordion-title {
        color: #ffffff !important;
    }

    .accordion-item.active .accordion-header .accordion-title h3 {
        color: #ffffff !important;
    }

    .accordion-item:hover {
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    }

    .accordion-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 24px 30px;
      cursor: pointer;
      /*background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);*/
      background-color: #f5f5f5;
 
      border-bottom: 1px solid transparent;
      transition: all 0.3s ease;
    }

    .accordion-header:hover {
      background: linear-gradient(135deg, #f0f2f5 0%, #f8f9fa 100%);
    }

    .accordion-title {
      display: flex;
      align-items: center;
      gap: 16px;
      flex: 1;
      color: #4d4d4d;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 26px;
    line-height: 35px;
    font-weight: 600;
    }

    .accordion-number {
      font-size: 24px;
      font-weight: bold;
      /* color: #4CAF50; */
      /* min-width: 50px; */
    }

    .accordion-title h3 {
      font-size: 20px;
      font-weight: 600;
      color: #333333;
      margin: 0;
    }

    .accordion-icon {
      margin: 0 20px;
    }

    .accordion-icon img {
      width: 40px;
      height: 40px;
      object-fit: contain;
    }

    .accordion-toggle {
      width: 36px;
      height: 36px;
      border: 2px solid #4CAF50;
      border-radius: 50%;
      background: #ffffff;
      color: #4CAF50;
      font-size: 20px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
      flex-shrink: 0;
    }

    .accordion-toggle:hover {
      background: #4CAF50;
      color: #ffffff;
      transform: scale(1.1);
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      
      
    }

    .accordion-item.active .accordion-content {
       max-height: 10000px; /* large enough to show all content */
  transition: max-height 0.8s ease;
    }

    .accordion-item.active .accordion-toggle {
      transform: rotate(45deg);
      background: #4CAF50;
      color: #ffffff;
    }

    .accordion-item.active .accordion-header {
      border-bottom-color: #e0e0e0;
    }

    .accordion-body {
      padding: 30px;
      background: #ffffff;
    }

    .accordion-body p {
      font-size: 16px;
      line-height: 1.6;
      color: #555555;
      margin-bottom: 20px;
     font-family: "Inter-Medium", sans-serif;
 
    }

    .accordion-body ul {
      list-style: none;
      padding: 0;
      margin: 20px 0;
    }

    .accordion-body li {
      position: relative;
      padding: 8px 0 8px 24px;
      font-size: 15px;
      color: #666666;
      line-height: 1.5;
    }

    .accordion-body li:before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 8px;
      color: #4CAF50;
      font-weight: bold;
      font-size: 14px;
    }

    .accordion-image {
      max-width: 90%;
      height: auto;
      border-radius: 8px;
      margin-top: 20px;
      /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
    }

    .active .accordion-body {
        background-color: #3cac62 !important;
    }

    .active .accordion-body p {
        color: #ffffff;
        text-align: left;
        font-family: "Inter-SemiBold", sans-serif;
        font-size: 18px;
        line-height: 45px;
        font-weight: 500;
    }

    .active .accordion-body li {
        color: #ffffff;
        text-align: left;
      font-family: "Inter-Medium", sans-serif;
 
        font-size: 18px;
        line-height: 35px;
        font-weight: 500;
    }

    .active .accordion-body ul {
  list-style-type: disc; /* standard round bullets */
  padding-left: 60px;   /* indent for bullets */
}

     .active .accordion-body .extraSec {
        color: #ffffff;
        text-align: left;
        font-family: "Inter-SemiBold", sans-serif;
        font-size: 18px;
        line-height: 45px;
        font-weight: 600;
    }


    .body-container {
        display: flex;
        flex-direction: row;
    }

    .body-container .one {
        width: 40%;
        
    }

    .body-container .two {
        width: 60%;
   
 
 
    }



    .extra-sections {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.extra-sections .section h4 {
  color: #ffffff;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  margin-bottom: 10px;
}

.extra-sections .section ul li {
  color: #ffffff;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 32px;
  position: relative;
  padding-left: 20px;
}

.extra-sections .section ul li::before {
  content: "•";
  color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
}

.accordion-body .one ul,
.accordion-body .one p {
  font-family: 'Inter-Medium', sans-serif !important;
}

.day-to-day-bookkeeping-page,
.day-to-day-bookkeeping-page * {
  box-sizing: border-box;
}
.day-to-day-bookkeeping-page {
  background: #ffffff;
  /* height: 1828px; */
  position: relative;
  overflow: hidden;
}
.frame-1261157166 {
  background: #ffffff;
  padding: 23px 70px 23px 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1300px;
  height: 92px;
  margin: 20 auto;       /* center instead of absolute */
  position: absolute;
  left: -30px;

}
.image-244 {
  flex-shrink: 0;
  width: 268px;
  height: 65px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 268/65;
}
.frame-1261157161 {
  display: flex;
  flex-direction: row;
  gap: 50px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.about-us {
  color: #555555;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
}
.frame-1261157213 {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 130px;
  height: 46px;
  position: relative;
}
.frame-1261156995 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.services {
  color: #326758;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.frame {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
  overflow: hidden;
  aspect-ratio: 1;
}
.group {
  width: 100%;
  height: 52.39%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 23.81%;
  top: 23.8%;
  overflow: visible;
}
.frame-1261156996 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.technology {
  color: #555555;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
}
.frame-1261156997 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.contact-us {
  color: #555555;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
}
.frame-1261157163 {
  background: #3cac62;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 150px;
  height: 58px;
  position: relative;
}
.talk-to-us {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.frame-1261157228 {
  /* display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1300px;
     margin: 132px auto 0 auto;
  max-width: 95%; */

  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 90%;
  margin: 80px auto 0 auto;
  margin-top: 120px !important;
}
.services2 {
  color: #333333;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 40px;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.frame-1261157227 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1261157226 {
  background: #3cac62;
  border-radius: 20px;
  align-self: stretch;
  flex-shrink: 0;
  height: 587px;
  position: relative;
  overflow: hidden;
}
.frame-1261157223 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1147px;
  position: absolute;
  left: 80px;
  top: 28px;
}
.frame-1261157222 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
   margin-left: -52px;
}
._01 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
  width: 41.42px;
  height: 34.51px;
}
.day-to-day-bookkeeping {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.frame2 {
  flex-shrink: 0;
  width: 37.47px;
  height: 37.47px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-45deg) scale(1, 1);
  overflow: hidden;
  aspect-ratio: 1;
}
.group2 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.group-1000015046 {
  position: absolute;
  inset: 0;
}
.group-1000015045 {
  width: 656px;
  height: 413px;
  position: static;
}
.our-day-to-day-bookkeeping-ensures-your-financial-transactions-are-efficiently-recorded-categorized-and-maintained-using-industry-leading-accounting-software-like-sap-d-365-bc-d-365-finance-sage-xero-myob-and-quick-books-every-transaction-invoice-bill-and-expense-is-tracked-with-precision-supporting-up-to-date-ledgers-and-audit-ready-financial-data-so-businesses-can-focus-on-growth-while-we-handle-day-to-day-compliance {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 16px;
  line-height: 45px;
  font-weight: 600;
  position: absolute;
  left: 50%;
  top: 111px;
  width: 50%;
}
.we-can-improve-your-transactional-entries-for-speed-and-accuracy-our-experts-rapidly-adapt-to-your-processes-and-software-workflows-regular-quality-checks-prevent-discrepancies-and-ensure-compliance {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBoldItalic", sans-serif;
  font-size: 16px;
  line-height: 45px;
  font-weight: 600;
  font-style: italic;
  position: absolute;
  left: 584px;
  top: 389px;
  width: 563px;
}
.image-181 {
  width: 450px;
  height: 450px;
  position: absolute;
  left: 80px;
  top: 92px;
  object-fit: cover;
}
.group-1000015048 {
  position: absolute;
  inset: 0;
}
.rectangle-22302 {
  background: #3cac62;
  width: 179px;
  height: 38px;
  position: absolute;
  left: 211px;
  top: 504px;
}
.frame-1261157219 {
  background: #f5f5f5;
  border-radius: 20px;
  align-self: stretch;
  flex-shrink: 0;
  height: 90px;
  position: relative;
  overflow: hidden;
}
.frame-1261157215 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
}
.frame-1261157214 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._02 {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.accounts-payable-receivable {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.frame3 {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.group3 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.frame-1261157221 {
  background: #f5f5f5;
  border-radius: 20px;
  align-self: stretch;
  flex-shrink: 0;
  height: 90px;
  position: relative;
  overflow: hidden;
}
._03 {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.bank-reconciliation {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.group4 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.frame-12611572222 {
  background: #f5f5f5;
  border-radius: 20px;
  align-self: stretch;
  flex-shrink: 0;
  height: 90px;
  position: relative;
  overflow: hidden;
}
._04 {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.payroll-management {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.group5 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.frame-1261157225 {
  background: #f5f5f5;
  border-radius: 20px;
  align-self: stretch;
  flex-shrink: 0;
  height: 90px;
  position: relative;
  overflow: hidden;
}
._05 {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.financial-reporting {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.group6 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.frame-12611572232 {
  background: #f5f5f5;
  border-radius: 20px;
  align-self: stretch;
  flex-shrink: 0;
  height: 90px;
  position: relative;
  overflow: hidden;
}
._06 {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.tax-compliance-advisory {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
  position: relative;
}
.group7 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.footer-light-description-three-column {
  background: #3cac62;
  width: 110%;
  height: 361px;
  position: absolute;
  left: 53%;
  translate: -50%;
  bottom: 0px;
  overflow: hidden;
}
.frame-1261157211 {
    display: flex;
  flex-direction: row;
  gap: 35%;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  top: 50px;
}
.frame-1261157208 {
  display: flex;
  flex-direction: column;
  gap: 46px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 130px;
  position: relative;
}
.about-us2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.services3 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.technology2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.who-we-help {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.frame-1261157209 {
  display: flex;
  flex-direction: column;
  gap: 46px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 81px;
  position: relative;
}
.email {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.phone {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.address {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.frame-1261157210 {
  display: flex;
  flex-direction: column;
  gap: 46px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 30px;
  position: relative;
}
.social-icons {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.social-icons2 {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.social-icons3 {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
._2025-money-mate-com-all-rights-reserved {
  color: #eeeeee;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.04em;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 324px;
}
.group-1000015038 {
  position: absolute;
  inset: 0;
}
.frame-1261157207 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 391px;
  position: absolute;
  left: 70px;
  top: 50px;
}
.header-text {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.money-mate-pvt-ltd {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
.rr-towers-iv-3rd-floor-tvk-industrial-estate-guindy-chennai-600032-india {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  width: 306px;
}
.frame-1261157212 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 215px;
  position: absolute;
  left: 70px;
  top: 228px;
}
._91-9841200746 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.info-moneymate-com {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-transform: lowercase;
  position: relative;
}


/* ===== Base Header Layout ===== */
.mm-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 60px;
  background-color: #fff;
  
  /* position: relative; */
  position: fixed;
  top: 0px;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  z-index: 100;
}

/* ===== Logo ===== */
.mm-logo img {
  width: 210px;
  height: auto;
  cursor: pointer;
}

/* ===== Navigation ===== */
.mm-nav {
  display: flex;
  align-items: center;
  gap: 60px;
}

.mm-link {
   font-family: "Inter", sans-serif;
  font-size: 100px; /* increased from 18px */
  font-weight: 500; /* optional – makes it bolder */
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.mm-link:hover {
  color: #36b37e;
}

/* ===== Dropdown (Services) ===== */
.mm-dropdown {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.mm-icon {
  width: 12px;
  height: 12px;
}

/* ===== Call-to-Action Button ===== */
.mm-button {
  background-color: #3cac62;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  border: none;
  padding: 12px 28px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mm-button:hover {
  background-color: #2e9e6e;
}

/* ===== Responsive between 1000px – 1500px ===== */
@media (min-width: 900px) {
  .mm-header {
    padding: 20px 40px;
  }

  .mm-logo img {
    width: 210px;
  }

  .mm-nav {
    gap: 40px;
  }

  .mm-link {
   
    font-size: 18px; /* slightly bigger than before */
    font-weight: 500;
  }

  .mm-button {
    font-size: 15px;
    padding: 10px 24px;
  }
}

/* ===== Mobile fallback (optional) ===== */
/*@media (max-width: 900px) {
  .mm-header {
    flex-direction: column;
    gap: 20px;
  }

  .mm-nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
  }
}*/


.budget-reports-comparison-of-actual-vs-budgeted-performance-variance-analysis-reports-highlights-reasons-for-differences-in-forecasts-vs-actuals-departmental-segment-reports-profitability-and-performance-by-product-branch-or-division-forecasting-reports-future-financial-trends-projections-and-planning-cost-reports-detailed-cost-analysis-for-decision-making {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 22px;
  line-height: 50px;
  font-weight: 500;
  position: relative;
  width: 1025px;
}



/* Hide by default menu */
.vector {
  display: none;
}

 .mm-cta {
  display: none;
}


/* ---------- Mobile View (below 800px) ---------- */
@media (max-width: 900px) {
  .mm-header {
    justify-content: space-between;
    padding: 10px 16px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
  
    z-index: 999;

    
  }

  /* Hide all nav links */
  .mm-nav {
    display: none;
  }

  /* Show menu icon */
  .vector {
    display: inline-block;
    width: 18px;   /* adjust size as needed */
    height: 18px;
       object-fit: contain;
  }

   .mm-cta {
  display: inline-block;
}

  /* Keep logo visible */
  .mm-logo img {
    width: 140px;
    height: auto;
  }

  /* Keep Talk To Us button visible */
  .mm-cta {
    display: flex;
     gap: 12px;
      align-items: center;
  }

  .mm-button {
    padding: 7px 16px;
    font-size: 12px;
    
  }
}