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;
   }

 .hero {
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: row;
      
      padding-left: 70px;
      justify-content: center;
      padding-bottom: 50px;
      padding-top:90px;
      /* justify-content: space-evenly; */
    }

    .hero-first-box {
      width:70%;
    }

    .hero-second-box {
      width: 40%;
    }

    .hero-title {
      color: #3cac62;
      font-family: "Inter-Light", sans-serif;
      font-weight: 300;
      text-align: left;
      font-size: 3rem;
      line-height: 80px;
    }

    .hero-subtitle {
      color: #4d4d4d;
      font-family: "Inter-Regular", sans-serif;
      font-weight: 300;
      text-align: left;
      font-size: 3rem;
      line-height: 80px;
    }

    .hero-subsection {
      width: 80%;
      margin-top: 20px;
    }

    .hero-subsection p {
      color: #555555;
      text-align: left;
      font-family: "Inter-Regular", sans-serif;
      font-size: 18px;
      line-height: 32px;
      font-weight: 400;
    }

    .hero-image {
      width: 100%;
        height: auto;
    }
.money-mate-home-visual-page,
.money-mate-home-visual-page * {
  box-sizing: border-box;
}
.money-mate-home-visual-page {
  background: #ffffff;
  /* height: 3333px; */
  position: relative;
  overflow: hidden;
  
}
.group-1000015066 {
  position: absolute;
  inset: 0;
}
.group-1000015063 {
  width: 755px;
  height: auto;
  position: static;
  margin-top: 370px;
}
.group-1000015065 {
  width: 755px;
  height: 482px;
  position: static;
}
.simplifying-accounting-empowering-businesses {
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 64px;
  line-height: 80px;
  font-weight: 400;
  position: absolute;
  left: 70px;
  top: calc(50% - 1504.5px);
  width: 755px;
}
.simplifying-accounting-empowering-businesses-span {
  color: #3cac62;
  font-family: "Inter-Light", sans-serif;
  font-weight: 300;
}
.simplifying-accounting-empowering-businesses-span2 {
  color: #4d4d4d;
  font-family: "Inter-Regular", sans-serif;
}
.at-money-mate-we-simplify-every-aspect-of-your-financial-management-delivering-accuracy-and-peace-of-mind-our-expert-team-supports-businesses-worldwide-with-comprehensive-solutions-designed-to-ensure-compliance-transparency-and-confidence-whether-you-re-a-startup-small-business-or-expanding-enterprise-we-offer-personalized-services-that-keep-your-finances-organized-and-your-business-progressing {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  position: absolute;
  left: 70px;
  top: calc(50% - 1332.5px);
  width: 50%;
}
.managing-finances-doesn-t-have-to-be-complicated-we-make-bookkeeping-and-accounting-accurate-reliable-and-stress-free-so-you-can-concentrate-on-what-matters-most-growing-your-business-from-day-to-day-bookkeeping-to-payroll-tax-compliance-reporting-and-financial-advisory-we-handle-the-numbers-while-you-focus-on-the-bigger-picture {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 35px;
  font-weight: 400;
  position: absolute;
  left: 70px;
  top: calc(50% - 1162.5px);
  width: 619px;
}
.finance-leaders-rafiki-1 {
  width: 539px;
  height: 480px;
  position: absolute;
  right: -60px;
  top: calc(50% - 1503.5px);
  overflow: hidden;
  aspect-ratio: 539/480;
}

.freepik-background-complete-inject-65 {
  width: 118.61%;
 
  position: absolute;
  right: -9.64%;
  left: -8.97%;
  bottom: 7.06%;
  top: -0.09%;
  overflow: visible;
}
.freepik-shadow-inject-65 {
  width: 91.99%;
  height: 6.08%;
  position: absolute;
  right: 3.67%;
  left: 4.34%;
  bottom: 0.06%;
  top: 93.87%;
  overflow: visible;
}
.freepik-arrow-inject-65 {
  width: 82.31%;
  height: 83.77%;
  position: absolute;
  right: 14.64%;
  left: 3.06%;
  bottom: 6.77%;
  top: 9.46%;
  overflow: visible;
}
.freepik-character-2-inject-65 {
  width: 40.18%;
  height: 88.28%;
  position: absolute;
  right: 21.03%;
  left: 38.79%;
  bottom: 2.85%;
  top: 8.87%;
  overflow: visible;
}
.freepik-character-1-inject-65 {
  width: 29.33%;
  height: 57.81%;
  position: absolute;
  right: 53.81%;
  left: 16.86%;
  bottom: 2.85%;
  top: 39.34%;
  overflow: visible;
}

/** Who We Help Section **/

.who-we-help-section {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;       /* centers content inside */
  justify-content: center;
  width: 100%;               /* use full available width */
  padding-left: 70px;
  padding-right: 70px;
   
}
.who-we-help {
  color: #333333;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 50px;
  line-height: 95px;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.who-we-help-container {
  display: flex;
  flex-direction: row;
  /* gap: 33px; */
  align-items: center;
  justify-content: space-between;   
  flex-wrap: wrap;           /* ✅ allow wrapping on small screens */
  position: relative;
  width: 100%;  

}
.who-we-help-box {
  flex-shrink: 0;
  width: 23%;
  position: relative;
  /* border-radius: 20px; */
  /* background: #3cac62; */
  cursor: pointer;
}





.who-we-help-icon {
  border-radius: 50px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 26px;
  top: 0px;
  background: #f5f5f5;
}

.who-we-help-content {
  color: #555555;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 18px;
  line-height: 40px;
  font-weight: 400;
  left: 17px;
  top: 95px;
  border-radius: 20px;
  margin-top: 50px;
  padding-top: 50px;
  padding-left: 25px;
  padding-bottom: 25px;
  background: #f5f5f5;
   transition: background-color 0.3s ease;  /* smooth hover effect */
  cursor: pointer;
    
}
.who-we-help-content:hover {
  background-color: #3cac62;  /* turns green on hover */
  color: #fff;                 /* optional: make text white for readability */
}

.who-we-help-content.active {
  background-color: #3cac62;  /* green by default */
  color: #fff;                 /* white text */
}






/**.who-we-help-bg-color {
  color: #ffffff;
  font-weight: 700;
  background: #3cac62;
}**/


/** Our Services Section **/
.our-service-section {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;       /* centers content inside */
  justify-content: center;
  width: 100%;               /* use full available width */
  padding-left: 70px;
  padding-right: 70px;
  margin-top: 50px;
}

.our-service-section-title {
  color: #333333;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 50px;
  line-height: 95px;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}

.our-service-section-container {
  display: flex;
  flex-direction: row;
  /* gap: 33px; */
  align-items: center;
  justify-content: space-between;   
  flex-wrap: wrap;           /* ✅ allow wrapping on small screens */
  position: relative;
  width: 100%;  
}

.our-service-first-container {
  gap: 35px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.our-service-first-container-box {
  width: 25%;
  height: 450px;
  position: relative;
  border-radius: 20px;
  background-color: #f5f5f5;
}

.our-service-first-container-box:hover{
  background-color: #3cac62;
  cursor: pointer;
}


.our-service-first-container-box.active{
 background-color: #3cac62;  /* green by default */
  color: #fff; 
}
.ourservice-content-box-title.active{
  background-color: #3cac62;  /* green by default */
  color: #fff; 
}

.our-service-content-box {
  background: #f5f5f5;
  border-radius: 20px;
  width: auto;
  height: 450px;
  position: absolute;
  right: 1014px;
  top: 0px;
  overflow: hidden;
}

.our-service-content-box-bg {
  background: #3cac62;
}







.image-container {
  /* background: #3cac62; */
  border-radius: 20px;
  width: 90%;
  height: 450px;
  position: absolute;
  right: 0px;
  top: 0px;
  overflow: hidden;
}

.ourservice-content-box-title {
  /* color: #ffffff; */
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 700;
  padding-top: 20px;
  padding-left: 20px;
}


.our-service-first-container-box:hover .ourservice-content-box-title  {
  color: #ffffff;
}
.our-service-first-container-box:hover .ourservice-content-box-content  {
  color: #ffffff;
}
.ourservice-content-box-content {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.ourservice-content-box-content-white.active {
  color: #ffffff; 
}


.our-service-second-container {
  display: flex;
  flex-direction: row;
  gap: 100px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 100px;
  width: 100%;
}

/** Why Choose Us Section **/
.why-choose-us {
  width: 100%;
  /* height: 525px; */
  margin-top: 100px;
  background: #f5f5f5;
  position: relative;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 70px;
  padding-bottom: 70px;
}

.why-choose-us-title {
  color: #000000;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 50px;
  line-height: 95px;
  font-weight: 300;
}

.why-choose-us-container {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 30px;
  padding-bottom: 30px;
  width: 100%;
}

.whychooseus-container-box {
  background: #ffffff;
  border-radius: 20px;
  padding: 10px 12px 10px 12px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  max-width: 490px;
  height: 200px;
  position: relative;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 4px 2px 0px rgba(0, 0, 0, 0.05), 0px 7px 3px 0px rgba(0, 0, 0, 0.01), 0px 11px 3px 0px rgba(0, 0, 0, 0);
}

.group-1000015020 {
  flex-shrink: 0;
  width: 250px;
  height: 250px;
  position: static;
}
.rectangle-22300 {
  background: #3cac62;
  border-radius: 20px;
  width: 290px;
  height: 200px;
  position: absolute;
  left:10px;
  top: 50px;
}
.frame-1261157167 {
  background: #3cac62;
  border-radius: 50px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 26px;
  top: 0px;
}
.frame {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.group {
  width: 99.72%;
  height: 91.84%;
  position: absolute;
  right: 0.13%;
  left: 0.16%;
  bottom: 4.08%;
  top: 4.08%;
  overflow: visible;
}
.startups-looking-for-cost-effective-accounting-solutions {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  position: absolute;
  left: 17px;
  top: 95px;
  width: 266px;
   /*padding-left: 20px;*/
  
}
.group-1000015021 {
  flex-shrink: 0;
  width: 250px;
  height: 250px;
  position: static;
}
.rectangle-223002 {
  background: #f5f5f5;
  border-radius: 20px;
  width: 290px;
  height: 200px;
  position: absolute;
  left: 333px;
  top: 50px;
}
.frame-12611571672 {
  background: #f5f5f5;
  border-radius: 50px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 359px;
  top: 0px;
}
.group2 {
  width: 93.91%;
  height: 99.8%;
  position: absolute;
  right: 3.04%;
  left: 3.05%;
  bottom: 0.1%;
  top: 0.1%;
  overflow: visible;
}
.growing-businesses-that-need-scalable-financial-solutions {
  color: #555555;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 300;
  position: absolute;
  left: 350px;
  top: 95px;
  width: 266px;
}
.group-1000015022 {
  flex-shrink: 0;
  width: 250px;
  height: 250px;
  position: static;
}
.rectangle-223003 {
  background: #f5f5f5;
  border-radius: 20px;
  width: 290px;
  height: 200px;
  position: absolute;
  left: 666px;
  top: 50px;
}
.frame-12611571673 {
  background: #f5f5f5;
  border-radius: 50px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 692px;
  top: 0px;
}
.group3 {
  height: auto;
  position: absolute;
  left: 0.94px;
  top: 1.87px;
  overflow: visible;
}
.enterprises-seeking-reliable-cross-border-bookkeeping-support {
  color: #555555;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 300;
  position: absolute;
  left: 683px;
  top: 95px;
  width: 266px;
}
.group-1000015023 {
  flex-shrink: 0;
  width: 250px;
  height: 250px;
  position: static;
}
.rectangle-223004 {
  background: #f5f5f5;
  border-radius: 20px;
  width: 290px;
  height: 200px;
    margin: 50px 0 0 65px;  
  max-width: 105%;
  
}
.frame-12611571674 {
  background: #f5f5f5;
  border-radius: 50px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 1025px;
  top: 0px;
}
.group4 {
  width: 96.48%;
  height: 84.85%;
  position: absolute;
  right: 1.76%;
  left: 1.76%;
  bottom: 7.57%;
  top: 7.57%;
  overflow: visible;
}
.finance-and-audit-firms-who-are-in-need-of-additional-support {
    color: #555555;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 300;
  position: absolute;
  left: 1006px;
  top: 95px;
  width: 266px;
      /* keep text contained */
 

}




.rectangle-22301 {
  background: #f5f5f5;
  width: 1440px;
  height: 520px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2452px;
}
.group-1000015027 {
  position: absolute;
  inset: 0;
}
/* .why-choose-us {
  color: #000000;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 50px;
  line-height: 95px;
  font-weight: 300;
  position: absolute;
  left: 70px;
  top: 2527px;
  width: 1300px;
} */
.frame-1261157186 {
  display: flex;
  flex-direction: row;
  gap: 29px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  position: absolute;
  left: 70px;
  top: 2672px;
}
.frame-1261157183 {
  background: #ffffff;
  border-radius: 20px;
  padding: 10px 12px 10px 12px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 490px;
  height: 200px;
  position: relative;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),
    0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 4px 2px 0px rgba(0, 0, 0, 0.05),
    0px 7px 3px 0px rgba(0, 0, 0, 0.01), 0px 11px 3px 0px rgba(0, 0, 0, 0);
}
.image-172 {
  flex-shrink: 0;
  width: 150px;
  height: 150px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.frame-1261157182 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 259px;
  position: relative;
}
.global-reach-local-understanding {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 22px;
  line-height: 40px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.serving-clients-across-multiple-industries-worldwide {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 60px;
}
.frame-1261157185 {
  background: #ffffff;
  border-radius: 20px;
  padding: 10px 12px 10px 12px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 490px;
  height: 200px;
  position: relative;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),
    0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 4px 2px 0px rgba(0, 0, 0, 0.05),
    0px 7px 3px 0px rgba(0, 0, 0, 0.01), 0px 11px 3px 0px rgba(0, 0, 0, 0);
}
.image-229 {
  flex-shrink: 0;
  width: 150px;
  height: 150px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.frame-12611571822 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 230px;
  position: relative;
}
.accurate-transparent {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 22px;
  line-height: 40px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.financial-clarity-you-can-trust {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  position: relative;
}
.secure-confidential {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 22px;
  line-height: 40px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.your-data-is-safe-with-us {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  position: relative;
}
.frame-1261157304 {
  background: #ffffff;
  border-radius: 20px;
  padding: 10px 12px 10px 12px;
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 490px;
  height: 200px;
  position: relative;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),
    0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 4px 2px 0px rgba(0, 0, 0, 0.05),
    0px 7px 3px 0px rgba(0, 0, 0, 0.01), 0px 11px 3px 0px rgba(0, 0, 0, 0);
}
.image-230 {
  flex-shrink: 0;
  width: 201px;
  height: 201px;
  position: relative;
  object-fit: cover;
}
.offshore-seamless-support {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 22px;
  line-height: 40px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.high-quality-offshore-finance-support-at-a-fraction-of-the-cost {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  position: relative;
  width: 241px;
}
.frame-1261157184 {
  background: #ffffff;
  border-radius: 20px;
  padding: 10px 12px 10px 12px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 490px;
  height: 200px;
  position: relative;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),
    0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 4px 2px 0px rgba(0, 0, 0, 0.05),
    0px 7px 3px 0px rgba(0, 0, 0, 0.01), 0px 11px 3px 0px rgba(0, 0, 0, 0);
}
.image-1722 {
  flex-shrink: 0;
  width: 201px;
  height: 180px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 201/180;
}
.time-saving-cost-effective {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 22px;
  line-height: 40px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.focus-on-your-business-while-we-handle-the-numbers {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 60px;
}
.frame-1261157307 {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1300px;
  position: absolute;
  /*left: 0px;*/
  
 
  top: 1247px;
}
.our-services {
  color: #000000;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 50px;
  line-height: 95px;
  font-weight: 300;
  position: relative;
  align-self: stretch;
  padding-left: 70px;
}
.frame-1261157306 {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;

 
    margin: 50px 0 0 -20px;  
  max-width: 105%;

  
}
.frame-1261157305 {
  display: flex;
  flex-direction: row;
  gap: 42px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
   /*left: -70px; */
 
}
.group-1000015029 {
  flex-shrink: 0;
  width: 286px;
  height: 450px;
  position: static;
}
.frame-1261157189 {
  background: #3cac62;
  border-radius: 20px;
  width: 286px;
  height: 450px;
  position: absolute;
  right: 1014px;
  top: 0px;
  overflow: hidden;
}
.image-173 {
  width: 254px;
  height: 250px;
  position: absolute;
  left: 50px;
  top: 220px;
  object-fit: cover;
  aspect-ratio: 254/250;
}
.day-to-day-bookkeeping {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 700;
  position: absolute;
  left: 24px;
  top: 24px;
  width: 247px;
}
.keep-your-financial-records-updated-and-accurate {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 600;
  position: absolute;
  left: 24px;
  top: 104px;
  width: 235px;
}
.group-1000015030 {
  flex-shrink: 0;
  width: 286px;
  height: 450px;
  position: static;
}
.frame-12611571892 {
  background: #f5f5f5;
  border-radius: 20px;
  width: 286px;
  height: 450px;
  position: absolute;
  left: 338px;
  top: 0px;
  overflow: hidden;
}
.image-1732 {
  width: 253px;
  height: 249px;
  position: absolute;
  left: 50px;
  top: 221px;
  object-fit: cover;
  aspect-ratio: 253/249;
}
.accounts-payable-receivable {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 700;
  position: absolute;
  left: 362px;
  top: 24px;
  width: 247px;
}
.never-miss-a-payment-or-collection {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  position: absolute;
  left: 362px;
  top: 104px;
  width: 199px;
}
.group-1000015032 {
  flex-shrink: 0;
  width: 286px;
  height: 450px;
  position: static;
}
.frame-12611571893 {
  background: #f5f5f5;
  border-radius: 20px;
  width: 286px;
  height: 450px;
  position: absolute;
  left: 676px;
  top: 0px;
  overflow: hidden;
}
.image-1733 {
  width: 245px;
  height: 245px;
  position: absolute;
  left: 50px;
  top: 223px;
  object-fit: cover;
  aspect-ratio: 1;
}
.bank-reconciliation {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 700;
  position: absolute;
  left: 700px;
  top: 24px;
  width: 247px;
}
.spot-errors-and-maintain-accurate-balances {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  position: absolute;
  left: 700px;
  top: 104px;
  width: 235px;
}
.group-1000015031 {
  flex-shrink: 0;
  width: 286px;
  height: 450px;
   position: static;
 
  
}
.frame-12611571894 {
  background: #f5f5f5;
  border-radius: 20px;
  width: 286px;
  height: 450px;
  position: absolute;
  left: 1014px;
  top: 0px;
  overflow: hidden;
}
.image-1734 {
  border-radius: 200px 200px 0px 0px;
  width: 249px;
  height: 250px;
  position: absolute;
  left: 50px;
  top: 227px;
  object-fit: cover;
  aspect-ratio: 249/250;
}
.payroll-management {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 700;
  position: absolute;
  left: 1038px;
  top: 24px;
  width: 247px;
}
.ensure-your-team-gets-paid-on-time-every-time {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  position: absolute;
  left: 1038px;
  top: 104px;
  width: 235px;
}
.frame-1261157191 {
  display: flex;
  flex-direction: row;
  gap: 100px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-1000015033 {
  flex-shrink: 0;
  width: 286px;
  height: 450px;
  position: static;
}
.frame-12611571895 {
  background: #f5f5f5;
  border-radius: 20px;
  width: 286px;
  height: 450px;
  position: absolute;
  right: 386px;
  top: 0px;
  overflow: hidden;
}
.image-1735 {
  width: 250px;
  height: 250px;
  position: absolute;
  left: 50px;
  top: 216px;
  object-fit: cover;
  aspect-ratio: 1;
}
.financial-reporting {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 700;
  position: absolute;
  left: 24px;
  top: 24px;
  width: 201px;
}
.get-clear-insights-into-your-business-performance {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  position: absolute;
  left: 24px;
  top: 104px;
  width: 235px;
}
.group-1000015035 {
  flex-shrink: 0;
  width: 286px;
  height: 450px;
  position: static;
}
.frame-12611571896 {
  background: #f5f5f5;
  border-radius: 20px;
  width: 286px;
  height: 450px;
  position: absolute;
  left: 386px;
  top: 0px;
  overflow: hidden;
}
.image-174 {
  width: 250px;
  height: 250px;
  position: absolute;
  left: 49px;
  top: 200px;
  object-fit: cover;
}
.tax-compliance-advisory {
  color: #4d4d4d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 26px;
  line-height: 35px;
  font-weight: 700;
  position: absolute;
  left: 410px;
  top: 24px;
  width: 247px;
}
.meet-your-local-and-international-tax-obligations-with-confidence {
  color: #555555;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  position: absolute;
  left: 410px;
  top: 104px;
  width: 235px;
}
.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-us {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.services {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.technology {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.who-we-help2 {
  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;
}
.frame-1261157313 {
  background: #ffffff;
  padding: 25px 40px;   /* smaller padding */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1250px;        /* smaller width */
  height: 70px;         /* smaller height */
  margin: 0 auto;       /* center instead of absolute */
  position: absolute;

}
.image-243 {
  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: center;
  flex-shrink: 0;
  position: relative;
}
.about-us2 {
  color: #555555;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  cursor: pointer;
}
.frame-1261156995 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.services2 {
  color: #555555;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  cursor:pointer;
}
.frame2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.group5 {
  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;
}
.technology2 {
  color: #555555;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  cursor: pointer;
}
.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;
  cursor: pointer;
}
.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;
}



/* ===== 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;
  }
}*/


/* Main container */
.mm-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 80px;
  gap: 60px;
}

/* Left side - content */
.mm-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mm-heading {
  font-size: 38px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
}

.mm-heading .highlight {
  color: #0074d9; /* accent color */
}

.mm-text {
  font-size: 18px;
  line-height: 1.6;
  color: #555;
}

/* Right side - image */
.mm-image {
  flex: 1;
  display: flex;
  justify-content: center;
}

.mm-image img {
  width: 100%;
  max-width: 500px;
  height: auto;
}

/* ✅ Responsive layout for smaller screens */
/*@media (max-width: 992px) {
  .mm-section {
    flex-direction: column;
    text-align: center;
    padding: 40px 20px;
  }

  .mm-image {
    margin-top: 30px;
  }

  .mm-heading {
    font-size: 30px;
  }

  .mm-text {
    font-size: 16px;
  }
}*/




.who-we-help-container1 {
  display: flex;
  flex-direction: row;
  /* gap: 33px; */
  align-items: center;
  justify-content: space-between;   
  flex-wrap: wrap;           /* ✅ allow wrapping on small screens */
  position: relative;
  width: 100%;  

}

/* 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: 175px;
    height: auto;
  }

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

  .mm-button {
    padding: 10px 16px;
    font-size: 14px;
    
  }
}