@import url("https://fonts.googleapis.com/css?family=Mona+Sans:500,700,600,400");
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Mona+Sans:500,700,600,400");

:root{
  --bg:#ffffff;
  --text:#0f1724;
  --muted:#6b7280;
  --accent:#0ea5a4; /* teal/turquoise from your PDF */
  --accent-dark:#059e9d;
  --card:#fbfdfe;
  --maxw:1200px;
  --radius:12px;
  --gap:1.25rem;
  --fw:'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-family: 'Mona Sans', Helvetica;
}


*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: 'Mona Sans', Helvetica;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
  font-size:16px;
}
.partnerships {
  background: linear-gradient(90deg, #0a4237, #033b2c);
  color: #fff;
  padding: 60px 20px;
  text-align: center;
}

.partnerships-container {
  /*max-width: 1200px;*/
  margin: 0 auto;
}

.partnerships h2 {
  font-size: 50px;
  margin-bottom: 8px;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;

}


.partnerships p {
  margin-bottom: 40px;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}

.partners-logos {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.partners-logos img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.partners-logos img:hover {
  opacity: 1;
  transform: scale(1.05);
}


/* Wrapper */
.wrap{
  width:calc(100% - 2rem);
  max-width:var(--maxw);
  margin:0 auto;
  padding:2rem 0;
}

.wrapAboutUS{
  width:calc(100% - 2rem);
  max-width:var(--maxw);
  margin:0 auto;
  padding:2rem 0;
}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85));
  border-bottom:1px solid #e9eef0;
  backdrop-filter:blur(4px);
}

.header-inner{
  display:flex;
  gap:var(--gap);
  align-items:center;
  justify-content:space-between;
}


.mission-vision-section {
  font-family: 'Mona Sans', Helvetica;
  padding: 2rem;
  color: #fff;
}

.mv-container {
  display: flex;
  gap: 2rem;
  align-items: stretch;
  margin-bottom: 4rem;
  padding:2rem;
}

.mv-image img {
  /*width: 500px;*/
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.mv-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}

.mv-box {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: linear-gradient(135deg, #0f5647, #04392c);
  padding: 1.8rem;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/*icons */
.mv-icon {
  flex-shrink: 0;
  width:60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
  overflow: hidden;
   display: flex;
   align-items: center;
  justify-content: center;
}

.mv-icon-contactUs {
  flex-shrink: 0;
  width:85px;
  height: 85px;
  border-radius: 50%;
  background-color: white;
  overflow: hidden;
   display: flex;
   align-items: center;
  justify-content: center;
}

.mv-text h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.mv-text p {
  font-size: 1rem;
  line-height: 1.6;
  color: #e8e8e8;
}

/* --- Industries Section --- */
.industries-section {
  text-align: center;
}

.industries-section h2 {
  color: #111;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.industry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  justify-items: center;
}

.industry-card {
  background: linear-gradient(135deg, #0f5647, #04392c);
  color: #fff;
  padding: 1.5rem 2rem;
  border-radius: 12px;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s ease;
  max-width: 300px;
}

.industry-card:hover {
  transform: translateY(-4px);
  background: linear-gradient(135deg, #12725d, #055b46);
}



/* Header container */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 80px;
  background-color: #fff;
  font-family: "Poppins", Arial, sans-serif;
}

/* Logo section */
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo img {
  width: auto;
  height: auto;
}

.logo-text h1 {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  color: #1b1b1b;
  letter-spacing: 2px;
}

.logo-text p {
  font-size: 0.8rem;
  letter-spacing: 6px;
  margin: 0;
  color: #555;
  text-transform: uppercase;
}

/* Navigation */
.navbar ul {
  list-style: none;
  display: flex;
  gap: 60px;
  margin: 0;
  padding: 0;
}

.navbar li {
  position: relative;
}

.navbar a {
  text-decoration: none;
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 400;
}

/* Active link underline */
.navbar li.active a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #144c45; /* green underline */
  border-radius: 3px;
}

/* Hover effect */
.navbar a:hover {
  color: #144c45;
}


/* Hero */
.hero{
  padding:3.2rem 0;
  background:linear-gradient(180deg, rgba(14,165,164,0.03), rgba(14,165,164,0.01));
}
.hero.small{padding:1.8rem 0}

.hero-grid{
  display:grid;
  /*grid-template-columns:1fr 440px;*/
  grid-template-columns: repeat(3, 1fr);
  gap:2rem;
  align-items:start;
}

.effortless-business-transformation h1{
  font-size:3.1rem;
  margin:0 0 .5rem;
  line-height:1.05;
}

.Our-services-Header h1{
  font-size: 3.1rem;
    margin: 0 0 .5rem;
    line-height: 1.05;
    background-color: transparent;
    color: #1d1d1d;
    font-family: 'Mona Sans', Helvetica;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
}

.lead{color:var(--muted); margin:0 0 1rem}
.accent{color:var(--accent);
  font-weight: 2.rem;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-weight: 700;
}
.hero-image{width:100%;border-radius:12px;display:block}
.hero-ctas{margin:1rem 0}
.key-points{margin-top:1rem;color:var(--muted);list-style:disc;padding-left:1.1rem}

/* Cards */
.card{
  background:var(--card);
  border-radius:var(--radius);
  padding:1rem;
  box-shadow: 0 6px 20px rgba(15,23,36,0.04);
}

/* Our approach */

.approach-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  grid-template-rows: auto auto;
}

.approach-card {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 20px;
  /*transition: background 0.3s ease;*/
}

.approach-card-1st{
   background: #F3F3F3;
  border-radius: 12px;
  padding: 20px;
}

.approach-card-OurServices {
  background: #DDDDDD;
  border-radius: 12px;
  padding: 20px;
  /*transition: background 0.3s ease;*/
}

.approach-card:hover {
  background: rgba(0, 0, 0, 0.35);
}

.approach-card-OurServices:hover {
  background: #DDDDDD;
}

.approach-card-OurServices h3{
    font-size: 30px;
  margin-bottom: 8px;
  font-weight: bold;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  color: black;
}

.approach-card h3 {
  font-size: 40px;
  margin-bottom: 8px;
  font-weight: bold;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  color: #ffffff;
}

.approach-card p {
  color: #c0d2c8;
  font-size: 0.9rem;
  line-height: 1.5;
}

.approach-card.vertical {
  grid-row: span 4; 
}

.approach-card-1st.vertical{
  grid-row: span 4; 
}

.approach-card-1st h3 {
  font-size: 40px;
  margin-bottom: 8px;
  font-weight: bold;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  color: black;
}

.approach-text {
  flex: 1;
}

.approach-text h2 {
  font-size: 2rem;
  margin-bottom: 15px;
}

.approach-text p {
  color: #b5c3b8;
  line-height: 1.6;
}

/* Services grid */
.cards-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1rem;
}
.hero-grid-OurServices{
  display:grid;
  /*grid-template-columns:1fr 440px;*/
  grid-template-columns: repeat(2, 1fr);
  gap:2rem;
  align-items:start;
}
/*.service-card{
  background:#fff;
  border-radius:12px;
  padding:1rem;
  border:1px solid #eef2f6;
  display:flex;
  flex-direction:column;
  gap:.6rem;
}

.service-card img{width:100%;height:160px;object-fit:cover;border-radius:8px}*/


.service-card {
  background: white;
  padding: 20px;
  border-radius: 10px;
}

.service-card img {
  width: 92px;
  height: 92px;
  margin-bottom: 10px;
}

.service-card.tall {
  grid-row: span 2; 
  background: #004d40;
  color: #fff;
}
.service-card.tall h3 {
  grid-row: span 2; 
  background: #004d40;
  color: #fff;
}
.service-card.vertical {
  grid-column: span 2; 
}
.service-card h3 {
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  width: calc(100% + 2px);
}


.smart-banking {
  padding: 80px 20px;
  background: #fff;
  color: #222;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

.smart-banking h2{
--z-index: 44;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.experts{
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-size:24px;
  font-style: normal;
  font-weight: 600;
  height: 34px;
  letter-spacing: 0.00px;
  line-height: 25px;
  opacity: 1;
  position: relative;
  margin-top: 5rem;
  left: 0px;
}

.experience
{
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-size:24px;
  font-style: normal;
  font-weight: 600;
  height: 34px;
  letter-spacing: 0.00px;
  line-height: 25px;
  opacity: 1;
  position: relative;
  margin-top: 5rem;
  left: 0px;
}

.clients
{
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-size:24px;
  font-style: normal;
  font-weight: 600;
  height: 34px;
  letter-spacing: 0.00px;
  line-height: 25px;
  opacity: 1;
  position: relative;
  margin-top: 5rem;
  left: 0px;
}
.incidents
{
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-size:24px;
  font-style: normal;
  font-weight: 600;
  height: 34px;
  letter-spacing: 0.00px;
  line-height: 25px;
  opacity: 1;
  position: relative;
  margin-top: 5rem;
  left: 0px;
}
.banking-container {
  max-width: 1200px;
  margin: 0 auto;
}
.banking-container2 {
  /*max-width: 1200px;*/
  padding: 2rem 2rem;
  display: flex;
  justify-content: center;
  align-items: flex;
  background-color: #fff;
}
.banking-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}
.banking-content2 {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  align-items: flex-start;
  justify-content: center;
  gap: 2.5rem; /*40px*/
  max-width: 1200px;
  width: 100%;
}

.banking-image img {
  width: 100%;
  max-width: 500px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  display: block;
  object-fit: cover;
}
.cta-section {
  background: linear-gradient(90deg, #0f5647 0%, #042d25 100%);
  text-align: center;
  color: #fff;
  padding: 5rem 2rem;
  font-family: 'Mona Sans', Helvetica;
}

.cta-section h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.cta-section p {
  font-size: 1.1rem;
  color: #d4d4d4;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.cta-button {
  background-color: #fff;
  color: #04392c;
  border: none;
  padding: 0.9rem 2rem;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cta-button:hover {
  background-color: #e8f2ef;
  transform: translateY(-2px);
}

.partner-Logos{
  max-width: '1200px';
  width: '100%';
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 6fr));
}
.banking-text {
  display: flex;
  flex-direction: column;
  /*align-items: flex-start;*/
/*    flex: 1;*/
  min-width: 320px;
  flex-direction: column;
  gap: 1.5rem;
}

.banking-text2 {
  flex: 1;
  min-width: 320px;
  text-align: -webkit-center;
}
.banking-text h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #0f172a;
}

.banking-text2 .digitalise-consultin {
  color: #1d1d1d;
  /*margin-bottom: 24px;*/
  line-height: 1.6;
}

.mission-tabs {
  --z-index: 46;
  display: inline-flex;
  grid-template-columns: repeat(2,1fr);
  justify-content: start;
  align-items: center;
    background-color: #f3f3f3;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 20px;
  height: 100%;
  opacity: 1;
  position: relative;
  padding: 4px;
  width: fit-content;
  gap: 40px;
}



.mission-tabs button {
  border: none;
/*  padding: 10px 24px;*/
  padding: 0.7rem 1.5rem;
  border-radius: 40px;
  font-size: 1rem;
  cursor: pointer;
  background: transparent;
  color: #333;
  transition: all 0.3s ease;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}


.mission-tabs button.active {
  background: #064e3b;
  color: #fff;
  border-radius: 40px;
}

.mission-tabs button:hover {
  opacity: 0.9;
}

.mission-text {
  color: #333;
  margin-bottom: 15px;
   --z-index: 50;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0.00px;
  line-height: 25px;
  opacity: 1;
  text-align: left;
  width: 100%;
}

.stats {
  display: grid;
 grid-template-columns: repeat(4,1fr);
  justify-content: center;
  align-items: center;
  gap: 1rem;
  /*text-align: center;*/
  margin-top: 1rem;
  height: fit-content;
  line-height: 4rem;
}


.groupStat h3 {
  --z-index: 0;
  background-color: transparent;
  color: #125948;
  font-family: 'Mona Sans', Helvetica;
  font-size: 60px;
  font-style: normal;
  opacity: 1;
  position: absolute;
  white-space: nowrap;
}

/*.stat p .experts{
  --z-index: 1;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}*/

.groupStat {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: relative;
  min-width: 150px;
  align-items: center;
}

@media (max-width: 900px) {
  .banking-content {
    flex-direction: column;
    text-align: center;
  }
  .mission-tabs {
    margin: 0 auto 20px;
  }
  .stats {
    justify-content: center;
  }
}

.services-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.services-header h2 {
  font-size: 40px;
   background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

 

.services-header p {
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 27px;
  opacity: 1;
  position: relative;
  text-align: justify;
  width: 100%;
}

 


.view-allServices-btn {
  align-self: flex-end;
  background-color: #004d40;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 20px;
  cursor: pointer;
}


.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  gap: 20px;
}


/* Section helpers */
.section{padding:2.25rem 0;background-color:#f3f3f3}
.sectionAboutUs{padding:2.25rem 0;
  background-color:#115242;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  margin: auto;
}
.sectionAboutUs-OurServices{padding:2.25rem 0;
  background-color:#F3F3F3;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  margin: auto;
}
.section.light{background:#fbfcfd}
.section .section-head{margin-bottom:1rem}
.muted{color:var(--muted)}

/* Two-column layout */
.two-col{display:grid;grid-template-columns:1fr 360px;gap:1.5rem}

/* Reasons list */
.reasons{list-style:none;padding:0}
.reasons li{margin:0.6rem 0;color:var(--muted)}

/* Partner grid */
.partner-grid{display:flex;gap:1rem;margin-top:.75rem;flex-wrap:wrap}
.partner{background:#fff;padding:.6rem 1rem;border-radius:10px;border:1px solid #eef2f6}

/* Stats 
.stats{display:flex;gap:1rem;flex-direction:column;align-items:stretch}
.stats .stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}
.stats strong{font-size:1.4rem;color:var(--accent-dark)}*/

/* Service list (detailed) */
.service-list{display:grid;gap:1rem}
.service-detail{display:grid;grid-template-columns:200px 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:12px;background:#fff;border:1px solid #eef2f6}
.service-detail img{width:100%;height:120px;object-fit:cover;border-radius:8px}

/* CTA strip */
.cta-strip{padding:0 0;margin-top:1rem;border-top:1px solid rgba(14,165,164,0.04);font-family: 'Mona Sans', Helvetica;}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}

/* Footer */


.site-footer{border-top:1px solid #e9eef0;background:#E3E3E3;padding:2rem 0;margin-top:2rem}

.container-center-horizontal .site-footer{
  border-top:1px solid #e9eef0;
  background:#E3E3E3;
  padding:2rem 0;
  margin-top:2rem}


.footer-grid{display:grid;
  grid-template-columns:1fr repeat(3,1fr);
  gap:2rem;align-items:start;
  width: 100%;
  background-color: #E3E3E3;
}

.footer-grid h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.footer-grid p {
  font-size: 1.1rem;
  color: #d4d4d4;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.site-footer a{color:var(--muted);text-decoration:none;display:block;margin:.25rem 0}

.navFooter h4{
  font-weight: 2rem !important;
  font-style: normal;
}


/* Forms */
.contact-form label{display:block;margin-bottom:0.75rem;font-weight:600;color:var(--muted)}
.contact-form input, .contact-form textarea{
  width:100%;padding:.6rem;border:1px solid #e6eef2;border-radius:8px;margin-top:.35rem;font-size:.95rem;background:#fff
}
.form-actions{margin-top:1rem;text-align:left}

/* Buttons & links */
.btn{
  display:inline-block;padding:.6rem .9rem;border-radius:10px;border:1px solid #e6eef2;text-decoration:none;font-weight:700;background:transparent;color:var(--text)
}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn.outline{background:transparent;border:2px solid rgba(14,165,164,0.12);color:var(--accent-dark)}
.link{color:var(--accent);text-decoration:none;font-weight:600}

/* Responsive helpers */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}



/* Old @media files
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .wrap{width:calc(100% - 1.5rem)}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .two-col{grid-template-columns:1fr}
  .service-detail{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .cards-grid{grid-template-columns:1fr}
  .menu-toggle{display:inline-block}
  .main-nav{position:fixed;right:0;top:64px;background:#fff;flex-direction:column;padding:1rem;border-left:1px solid #eef2f6;display:none;min-width:220px}
  .main-nav.open{display:flex}
  .hero-left h1{font-size:1.6rem}
  .grid-3{grid-template-columns:1fr}
}
*/


/* New Production Ready Digitalize Styling */


/* make sure all images shrink proportinally inside parent container */


/*auto-animated screen indexScreen*/



.indexScreen {
  background-color: #ffffff;
  height: auto;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  /*width: 100%; max-width: 1920px;*/
}

.indexScreenServices {
  background-color:transparent;
  height: auto;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  color: white;
  /*width: 100%; max-width: 1920px;*/
}

.rectangleBgDiv {
  --z-index: 1;
  -webkit-backdrop-filter: blur(13px) brightness(83%);
  backdrop-filter: blur(13px) brightness(83%);
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  width: 100%; max-width: 1920px;
}

.ourServicesHeader {text-align: center;
   font-weight: 700;
   color: #ffffff;
   position: relative;
   margin-top: 15rem;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-size: 70px;
  letter-spacing: 0.00px;
  line-height: 80px;
  opacity: 1;
  }

.ourServicesHeader h1{text-align: center;
   font-weight: 700;
   color: #ffffff;
   position: relative;
   margin-top: 15rem;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-size: 70px;
  letter-spacing: 0.00px;
  line-height: 80px;
  opacity: 1;
  }

  .ourServicesHeader p{
text-align: center;
   font-weight: 200;
   color: #ffffff;
   position: relative;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-size: 20px;
  letter-spacing: 0.00px;
  line-height: 80px;
  opacity: 1;
  }
.mainServices{
  width: 100%;
}

.digitalise-consultin-OurServices {
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  width: auto;
}

/* Accordion */
.accordion {
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 20px;
  position: relative;
  padding: 14px 40px 14px 14px;
  font-family: 'Mona Sans', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

.active, .accordion:hover {
  background: rgba(0, 0, 0, 0.25);
  color:white;
}

.panel {
  padding: 0 18px;
  display: none;
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
}

.sectionServices{padding:2.25rem 0;
  background-color:#115242;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  margin: auto;
  border-radius: 20px;
}

.accordion::after {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
}

.accordion.active::after {
  position: absolute;

}

.accordion-icon-arrowUp{
      max-width: 100%;
    height: auto;
    object-fit: cover;
    width: 14px;
    height: 14px;
    display: inline;
}

/* Hide the up arrow initially */
.arrow.up {
  display: none;
}

/* When active, show the up arrow instead */
.accordion.active .arrow.up {
  display: inline;
}

.accordion.active .arrow.down {
  display: none;
}
.icon {
  position: absolute;
  top: 10px;
  right: 14px;
  display: inline-flex;
  align-items: center;
}
/* End Accordion */

.indexScreen .rectangle-269-C61RwL {
  --z-index: 0;
  background-color: #f3f3f3;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 100%; max-width: 1920px;
}

.indexScreen .rectangle-261-C61RwL {
  --z-index: 1;
  background: linear-gradient(123.57deg, #125948 11.7%, #04120e 96.96%);
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 100%; max-width: 1920px;
}

.indexScreen .rectangle-277-C61RwL {
  --z-index: 2;
  background: linear-gradient(137.64deg, #125948 4.23%, #04120e 112.33%);
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 100%; max-width: 1920px;
}

.indexScreen .rectangle-278-C61RwL {
  --z-index: 3;
  background: linear-gradient(129.52deg, #125948 9.03%, #04120e 102.44%);
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 100%; max-width: 1920px;
}

.effortless-business-transformation {
  --z-index: 4;
  background-color: transparent;
  color: #125948;
  font-family: "Mona Sans", Helvetica;
  font-size: clamp(1rem, 35px, 70px);
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  width: auto;
}

.span-Effortless {
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-weight: 700;
}



.indexScreen .span1-GdHAuq {
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-weight: 700;
}

.indexScreen .we-connect-your-syst-C61RwL {
  --z-index: 5;
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 13px, 27px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: 676px;
}

.groupHerobtn {
  --z-index: 6;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  width: 260px;
}

.rectanglebtn {
  --z-index: 0;
  background-color: #125948;
  border-radius: 32px;
  height: 64px;
  opacity: 1;
  position: relative;
  width: 200px;
}

.learn-more {
  --z-index: 1;
  bottom: calc(32.69% - 12px);
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 13px, 27px);
  font-style: normal;
  font-weight: 400;
  height: 64px;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 260px;
  color: white;
}

.indexScreen .rectangle-283-C61RwL {
  --z-index: 7;
  background: linear-gradient(167.9deg, #125948 -25.54%, #04120e 173.66%);
  background-color: transparent;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-279-C61RwL {
  --z-index: 8;
  background-color: #ffffff;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-282-C61RwL {
  --z-index: 9;
  background-color: #ffffff;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 1088px;
}

.indexScreen .rectangle-280-C61RwL {
  --z-index: 10;
  background-color: #ffffff;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.our-services-wrap .indexScreen{
  --z-index: 11;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 25px, 50px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  white-space: nowrap;
  width: 1124px;
}

.employee-working-marketing-setting {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/employee-working-marketing-setting@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 100%; max-width: 1920px;
  height: 600px;
  vertical-align: top;
}

.AboutUs-Header-setting {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/man-suit-is-holding-tablet-front-car-with-graph-it@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 100%; max-width: 1920px;
  height: 600px;
  vertical-align: top;
  backdrop-filter: blur(10px);
  background-size: cover;
  background-position: center;
}

.ContactUs-Header-setting{
  
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-386@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 100%; max-width: 1920px;
  height: 600px;
  vertical-align: top;
  backdrop-filter: blur(10px);
  background-size: cover;
  background-position: center;
}

.our-approach-wrap
{
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 25px, 50px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.indexScreen .dC61RwLigitalise-consultin- {
  --z-index: 12;
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 13px, 27px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: 1024px;
}

.indexScreen .group-254-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 260px;
}

.indexScreen .rectangle-207-FEOR7v {
  --z-index: 0;
  background-color: #125948;
  border-radius: 32px;
  height: 100%;
  
  opacity: 1;
  position: relative;
  
  width: 100%;
}

.indexScreen .view-services-FEOR7v {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(32.69% - 12px);
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 13px, 27px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  right: calc(48.98% - 79px);
  text-align: center;
  white-space: nowrap;
  width: 162px;
}

.indexScreen .core-banking-payments-modernization-C61RwL {
  --z-index: 14;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  white-space: nowrap;
  width: 709px;
}

.indexScreen .ellipse-45-C61RwL {
  --z-index: 15;
  background-color: #125948;
  border-radius: 46px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 92px;
}

.indexScreen .digital-banking-transformation-C61RwL {
  --z-index: 16;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  white-space: nowrap;
  width: 436px;
}

.ellipse {
  --z-index: 17;
  background-color: #125948;
  border-radius: 46px;
  height: 102px;
  opacity: 1;
  position: relative;
  width: 100%;
}

/*.digitalise-consultin {
  --z-index: 18;
  background-color: transparent;
  font-family: 'Mona Sans', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  width: 436px;
}*/

.indexScreen .address-C61RwL {
  --z-index: 19;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: 988px;
}

.indexScreen .group-258-C61RwL {
  --z-index: 20;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 436px;
}

.indexScreen .corporate-treasury-8EkmII {
  --z-index: 0;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  top: calc(47.17% - 38px);
  width: calc(100% + 2px);
}

.indexScreen .ellipse-44-8EkmII {
  --z-index: 1;
  background-color: #125948;
  border-radius: 46px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 92px;
}


.indexScreen .api-open-banking-enablement-C61RwL {
  --z-index: 21;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: 436px;
}

.indexScreen .ellipse-44-C61RwL {
  --z-index: 22;
  background-color: #ffffff;
  border-radius: 46px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 92px;
}


.indexScreen .rectangle-273-C61RwL {
  --z-index: 24;
  -webkit-backdrop-filter: blur(41px) brightness(91%);
  backdrop-filter: blur(41px) brightness(91%);
  background-color: transparent;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-275-C61RwL {
  --z-index: 25;
  -webkit-backdrop-filter: blur(41px) brightness(91%);
  backdrop-filter: blur(41px) brightness(91%);
  background-color: transparent;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-274-C61RwL {
  --z-index: 26;
  -webkit-backdrop-filter: blur(41px) brightness(91%);
  backdrop-filter: blur(41px) brightness(91%);
  background-color: transparent;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-276-C61RwL {
  --z-index: 27;
  -webkit-backdrop-filter: blur(41px) brightness(91%);
  backdrop-filter: blur(41px) brightness(91%);
  background-color: transparent;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .simplified-transformation-C61RwL {
  --z-index: 28;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  white-space: nowrap;
  width: 436px;
}

.indexScreen .operational-resilience-C61RwL {
  --z-index: 29;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  white-space: nowrap;
  width: 436px;
}

.indexScreen .agile-delivery-C61RwL {
  --z-index: 30;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  white-space: nowrap;
  width: 436px;
}

.indexScreen .customer-centric-design-C61RwL {
  --z-index: 31;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  white-space: nowrap;
  width: 436px;
}

.indexScreen .modular-phased-depl-C61RwL {
  --z-index: 32;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: 436px;
}

.indexScreen .built-in-automation-C61RwL {
  --z-index: 33;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: 436px;
}

.indexScreen .iterative-implementa-C61RwL {
  --z-index: 34;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: 436px;
}

.indexScreen .tailored-digital-exp-C61RwL {
  --z-index: 35;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: 436px;
}

.indexScreen .group-256-C61RwL {
  --z-index: 36;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 538px;
}


.indexScreen .our-approach-2Nxv7x {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 25px, 50px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: 332px;
}

.indexScreen .group-257-C61RwL {
  --z-index: 37;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 1002px;
}

.indexScreen .rectangle-124-H8gp6p {
  --z-index: 0;
  background-color: #ffffff;
  border-radius: 10px;
  bottom: 0px;
  height: auto;
  opacity: 1;
  position: relative;
  right: calc(49.92% - 196px);
  width: 393px;
}

.schedule-consultation-rectangle {
  --z-index: 1;
  background-color: #ffffff;
  border-radius: 10px;
  bottom: 0px;
  height: auto;
  opacity: 1;
  position: relative;
  right: calc(49.92% - 196px);
}

.indexScreen .ready-to-transform-your-business-H8gp6p {
  --z-index: 2;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 25px, 50px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  top: -15px;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.indexScreen .lets-discuss-how-ou-H8gp6p {
  --z-index: 3;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  top: calc(48.57% - 45px);
  width: calc(100% - 108px);
}

.schedule-a-consultation {
  background-color: #ffffff;
  border-radius: 10px;
  bottom: 0px;
  height: 64px;
  opacity: 1;
  position: absolute;
  right: calc(49.92% - 196px);
  width: 393px;
}
/*
.indexScreen .topMenuWrap {
 display: flex;
  align-items: center;
} */
.indexScreen .topMenuWrap { /* the element was nav.topMenuWrap */
  gap: 60px;
   display: flex;
  align-items: center;
}

/* Top menu */
.homeButton {
  /*--z-index: 0;*/
  background-color: transparent;
  color: #000000;
  font-family: 'Mona Sans', Helvetica;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  /*position: relative;*/
  text-align: center;
  white-space: nowrap;
  height: 38px;
}

.indexScreen .about-us-button {
  --z-index: 1;
  background-color: transparent;
  color: #000000;
  cursor: pointer;
  font-family: 'Mona Sans', Helvetica;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  height: 38px;
  left: calc(10.52% - 35px);
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;

}

.indexScreen .services-menuBtn {
  --z-index: 2;
  background-color: transparent;
  color: #000000;
  cursor: pointer;
  font-family: 'Mona Sans', Helvetica;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  right: calc(5.11% - 33px);
  text-align: center;
  height: 38px;
  white-space: nowrap;
}

.indexScreen .contact-us-menuBtn{
  --z-index: 3;
  background-color: transparent;
  color: #000000;
  cursor: pointer;
  font-family: 'Mona Sans', Helvetica;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  right: -2px;
  text-align: center;
  white-space: nowrap;
  height: 38px;
}

.indexScreen .activeBtn {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/line-5@1x.png);
  background-size: 100% 100%;
  bottom: -3px;
  height: auto;
  left: -3px;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: auto;
}

.indexScreen .logo {
  --z-index: 39;
  background-color: transparent;
  background-image: url(../img/path-324-1@1x.png);
  background-size: 100% 100%;
  height: 112px;
  left: 140px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 80px;
  width: 87px;
}

.indexScreen .logoWrap {
  --z-index: 40;
  background-color: transparent;
  opacity: 1;
  position: relative;

   display: flex;
  align-items: center;              /* centers text with logo image */
  gap: 0.75rem;                     /* spacing between logo and text */
}

/* End Top menu */

.indexScreen .path-325-1W1u5Q {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-325-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 27px;
}

.indexScreen .rectangle-248-1W1u5Q {
  --z-index: 1;
  background-color: #1d1d1d;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 8px;
}

.indexScreen .path-326-1W1u5Q {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-326@1x.png);
  background-size: 100% 100%;
  height: auto;
  left: calc(21.29% - 6px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 30px;
}

.indexScreen .rectangle-249-1W1u5Q {
  --z-index: 3;
  background-color: #1d1d1d;
  height: auto;
  left: calc(34.36% - 3px);
  opacity: 1;
  position: relative;
  
  width: 8px;
}

.indexScreen .path-327-1W1u5Q {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-327-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  left: calc(43.08% - 11px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 25px;
}

.indexScreen .path-328-1W1u5Q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/path-328-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(44.53% - 13px);
  
  width: 30px;
}

.indexScreen .path-329-1W1u5Q {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/path-329-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(31.69% - 6px);
  
  width: 20px;
}

.indexScreen .rectangle-250-1W1u5Q {
  --z-index: 7;
  background-color: #1d1d1d;
  height: auto;
  opacity: 1;
  position: relative;
  right: calc(24.22% - 2px);
  
  width: 8px;
}

.indexScreen .path-330-1W1u5Q {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/path-330-6@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: 30px;
  
  width: 25px;
}

.indexScreen .path-331-1W1u5Q {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/path-331-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: 0px;
  
  width: 22px;
}

.indexScreen .path-332-1W1u5Q {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/path-332-1@1x.png);
  background-size: 100% 100%;
  bottom: 0px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 11px;
}

.indexScreen .path-333-1W1u5Q {
  --z-index: 11;
  background-color: transparent;
  background-image: url(../img/path-333-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 11px;
}

.indexScreen .path-334-1W1u5Q {
  --z-index: 12;
  background-color: transparent;
  background-image: url(../img/path-334-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  left: calc(24.20% - 2px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 9px;
}

.indexScreen .path-335-1W1u5Q {
  --z-index: 13;
  background-color: transparent;
  background-image: url(../img/path-335-1@1x.png);
  background-size: 100% 100%;
  bottom: 0px;
  height: auto;
  left: calc(35.66% - 3px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 9px;
}

.indexScreen .path-336-1W1u5Q {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/path-336-3@1x.png);
  background-size: 100% 100%;
  bottom: 0px;
  height: auto;
  left: calc(46.97% - 4px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 9px;
}

.indexScreen .path-337-1W1u5Q {
  --z-index: 15;
  background-color: transparent;
  background-image: url(../img/path-337-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(41.90% - 3px);
  width: 7px;
}

.indexScreen .path-338-1W1u5Q {
  --z-index: 16;
  background-color: transparent;
  background-image: url(../img/path-338-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(32.11% - 3px);
  width: 9px;
}

.indexScreen .rectangle-251-1W1u5Q {
  --z-index: 17;
  background-color: #1d1d1d;
  bottom: 1px;
  height: auto;
  opacity: 1;
  position: relative;
  right: 23.26%;
  width: 1px;
}

.indexScreen .path-339-1W1u5Q {
  --z-index: 18;
  background-color: transparent;
  background-image: url(../img/path-334-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: 31px;
  width: 9px;
}

.indexScreen .path-340-1W1u5Q {
  --z-index: 19;
  background-color: transparent;
  background-image: url(../img/path-340@1x.png);
  background-size: 100% 100%;
  bottom: 0px;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: 0px;
  width: 11px;
}

.indexScreen .group-284-C61RwL {
  --z-index: 41;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 100%; max-width: 1920px;
}

.indexScreen .rectangle-233-cwYx7I {
  --z-index: 0;
  background: linear-gradient(139.1deg, rgba(255, 255, 255, 0.67) -10.3%, rgba(55, 55, 55, 0) 108.25%);
  background-color: transparent;
  height: 100%;
  
  opacity: 0.67;
  position: relative;
  
  width: 100%;
}

.indexScreen .x2025-integration-pr-cwYx7I {
  --z-index: 1;
  background-color: transparent;
  bottom: 21px;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 10px, 20px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  right: calc(49.91% - 432px);
  text-align: center;
  width: 866px;
}

.indexScreen .group-220-cwYx7I {
  --z-index: 2;
  background-color: transparent;
  height: auto;
  left: calc(41.62% - 126px);
  opacity: 1;
  position: relative;
  
  width: 303px;
}

.indexScreen .services-uxnn8F {
  --z-index: 0;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 20px, 40px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  top: -20px;
  white-space: nowrap;
  width: calc(100% - 6px);
}

.indexScreen .integration-analys-uxnn8F {
  --z-index: 1;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  
  width: calc(100% + 2px);
}

.indexScreen .group-221-cwYx7I {
  --z-index: 3;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  right: 140px;
  
  width: 611px;
}

.indexScreen .company-WCTTIU {
  --z-index: 0;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 20px, 40px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  top: -20px;
  white-space: nowrap;
  width: 297px;
}

.indexScreen .about-uscareerscontact-WCTTIU {
  --z-index: 1;
  background-color: transparent;
  bottom: 8px;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  width: 235px;
}

.indexScreen .place-WCTTIU {
  --z-index: 2;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 20px, 40px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  right: -2px;
  text-align: left;
  top: -20px;
  white-space: nowrap;
  width: 207px;
}

.indexScreen .privacy-policyterms-of-service-WCTTIU {
  --z-index: 3;
  background-color: transparent;
  bottom: 8px;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  right: 0px;
  text-align: left;
  width: 207px;
}

.indexScreen .line-4-cwYx7I {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/line-4-1@1x.png);
  background-size: 100% 100%;
  bottom: 79px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: calc(100% - 280px);
}

.indexScreen .transforming-busines-cwYx7I {
  --z-index: 5;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: left;
  top: calc(48.49% - 43px);
  width: 398px;
}

.indexScreen .group-261-cwYx7I {
  --z-index: 6;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 387px;
}

.indexScreen .path-324-t1qpNI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-324-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 87px;
}

.indexScreen .group-260-t1qpNI {
  --z-index: 1;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  right: 0px;
  top: calc(50.00% - 27px);
  width: 267px;
}

.indexScreen .path-325-zITaGe {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-325-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 27px;
}

.indexScreen .rectangle-248-zITaGe {
  --z-index: 1;
  background-color: #1d1d1d;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 8px;
}

.indexScreen .path-326-zITaGe {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-326-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  left: calc(21.29% - 6px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 30px;
}

.indexScreen .rectangle-249-zITaGe {
  --z-index: 3;
  background-color: #1d1d1d;
  height: auto;
  left: calc(34.36% - 3px);
  opacity: 1;
  position: relative;
  
  width: 8px;
}

.indexScreen .path-327-zITaGe {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-327-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  left: calc(43.08% - 11px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 25px;
}

.indexScreen .path-328-zITaGe {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/path-328-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(44.53% - 13px);
  
  width: 30px;
}

.indexScreen .path-329-zITaGe {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/path-329-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(31.69% - 6px);
  
  width: 20px;
}

.indexScreen .rectangle-250-zITaGe {
  --z-index: 7;
  background-color: #1d1d1d;
  height: auto;
  opacity: 1;
  position: relative;
  right: calc(24.22% - 2px);
  
  width: 8px;
}

.indexScreen .path-330-zITaGe {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/path-330-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: 30px;
  
  width: 25px;
}

.indexScreen .path-331-zITaGe {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/path-331-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: 0px;
  
  width: 22px;
}

.indexScreen .path-332-zITaGe {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/path-332-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 11px;
}

.indexScreen .path-333-zITaGe {
  --z-index: 11;
  background-color: transparent;
  background-image: url(../img/path-333-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 11px;
}

.indexScreen .path-334-zITaGe {
  --z-index: 12;
  background-color: transparent;
  background-image: url(../img/path-334-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  left: calc(24.20% - 2px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 9px;
}

.indexScreen .path-335-zITaGe {
  --z-index: 13;
  background-color: transparent;
  background-image: url(../img/path-335-1@1x.png);
  background-size: 100% 100%;
  bottom: 0px;
  height: auto;
  left: calc(35.66% - 3px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 9px;
}

.indexScreen .path-336-zITaGe {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/path-336-1@1x.png);
  background-size: 100% 100%;
  bottom: 0px;
  height: auto;
  left: calc(46.97% - 4px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 9px;
}

.indexScreen .path-337-zITaGe {
  --z-index: 15;
  background-color: transparent;
  background-image: url(../img/path-337-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(41.90% - 3px);
  width: 7px;
}

.indexScreen .path-338-zITaGe {
  --z-index: 16;
  background-color: transparent;
  background-image: url(../img/path-338-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(32.11% - 3px);
  width: 9px;
}

.indexScreen .rectangle-251-zITaGe {
  --z-index: 17;
  background-color: #1d1d1d;
  bottom: 1px;
  height: auto;
  opacity: 1;
  position: relative;
  right: 23.26%;
  width: 1px;
}

.indexScreen .path-339-zITaGe {
  --z-index: 18;
  background-color: transparent;
  background-image: url(../img/path-334-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: 31px;
  width: 9px;
}

.indexScreen .path-340-zITaGe {
  --z-index: 19;
  background-color: transparent;
  background-image: url(../img/path-340-1@1x.png);
  background-size: 100% 100%;
  bottom: 1px;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: 0px;
  width: 11px;
}

.indexScreen .mainHomeDiv2 {
  --z-index: 42;
  background-color: transparent;
  /*background-image: url(../img/mask-group-2@1x.png);
  background-size: 100% 100%;*/
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
    width: 398px;
}

.indexScreen .mainHomeDiv {
  --z-index: 43;
  background-color: transparent;
  /*background-image: url(../img/mask-group-1@1x.png);
  background-size: 100% 100%;*/
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 398px;
}

.rectangleOurMissionVisionContainer {
  --z-index: 46;
  background-color: #f3f3f3;
  border-radius: 55px;
  height: auto;
  opacity: 1;
  position: relative;
  width: 700px;
}

.indexScreen .rectangle-267-C61RwL {
  --z-index: 47;
  background: linear-gradient(128.05deg, #125948 9.76%, #04120e 100.96%);
  background-color: transparent;
  border-radius: 55px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 329px;
}

.indexScreen .our-mission-C61RwL {
  --z-index: 48;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 16px, 33px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: auto;
}

.indexScreen .our-vision-C61RwL {
  --z-index: 49;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 16px, 33px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: auto;
}

.indexScreen .group-251-C61RwL {
  --z-index: 51;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 874px;
}

.indexScreen .text-1-hqtlkN {
  --z-index: 0;
  background-color: transparent;
  color: #125948;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 30px, 60px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  right: calc(48.48% - 55px);
  text-align: center;
  
  white-space: nowrap;
  width: 114px;
}

.indexScreen .technical-experts-hqtlkN {
  --z-index: 1;
  background-color: transparent;
  bottom: 22px;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 24px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.indexScreen .group-248-At7v60 {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(33.16% - 38px);
  opacity: 1;
  position: relative;
  
  width: 114px;
}

.indexScreen .experience-Lgv6dN {
  --z-index: 0;
  background-color: transparent;
  bottom: 22px;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 24px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.indexScreen .text-2-Lgv6dN {
  --z-index: 1;
  background-color: transparent;
  color: #125948;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 30px, 60px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: calc(50.00% - 39px);
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: 78px;
}

.indexScreen .group-247-At7v60 {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: relative;
  right: calc(40.52% - 59px);
  
  width: 146px;
}

.indexScreen .happy-clients-2cFlM7 {
  --z-index: 0;
  background-color: transparent;
  bottom: 22px;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 24px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.indexScreen .number-2cFlM7 {
  --z-index: 1;
  background-color: transparent;
  color: #125948;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 30px, 60px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: calc(100% - 42px);
}

.indexScreen .group-246-At7v60 {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: relative;
  right: 0px;
  
  width: 224px;
}

.indexScreen .incident-outstanding-57MxKa {
  --z-index: 0;
  background-color: transparent;
  bottom: 22px;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 24px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.indexScreen .number-57MxKa {
  --z-index: 1;
  background-color: transparent;
  color: #125948;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 30px, 60px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: calc(50.00% - 18px);
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: 36px;
}

.indexScreen .tran-mau-tri-tam-qw-al909k-ti-y-unsplash-C61RwL {
  --z-index: 52;
  background-color: transparent;
  background-image: url(../img/tran-mau-tri-tam-qwal909ktiy-unsplash@1x.png);
  background-size: 100% 100%;
  border-radius: 20px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 674px;
}

.strategic-partnershipsSection{
  --z-index: 53;
  background-color: transparent;
  color: #ffffff;
  height: auto;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}


.digitalise-consultin{
  background-color: transparent;
  color: #373737;
  font-family: 'Mona Sans', Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 27px;
  opacity: 1;
  position: relative;
  text-align: center;
  width: 100%;
}

.groupOracleSection {
  --z-index: 55;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  width: 100%;
}

.groupOracleWrap {
  --z-index: 0;
  background-color: transparent;
 /* background-image: url(../img/group-34@1x.png);
  background-size: 100% 100%;*/
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 100%;
}

.groupMicrosoftSection {
  --z-index: 56;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  width: 215px;
}

.microsoftwrap {
  --z-index: 0;
  background-color: transparent;
  /*background-image: url(../img/group-39@1x.png);
  background-size: 100% 100%;*/
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 100%;
}

.groupOpenTextSection {
  --z-index: 57;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  width: 100%;
}

.groupOpenTextWrap {
  --z-index: 0;
  background-color: transparent;
  /*background-image: url(../img/group-238-1@1x.png);
  background-size: 100% 100%;*/
  height: 100%;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 100%;
}

.groupInfoSysSection {
  --z-index: 58;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  width: 100%;
}

.groupInfoSysWrap {
  --z-index: 0;
  background-color: transparent;
  /*background-image: url(../img/group-240-1@1x.png);
  background-size: 100% 100%;*/
  height: 100%;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 100%;
}

.group-F5Section {
  --z-index: 59;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  width: 100%;
}

.group-F5Wrap {
  --z-index: 0;
  background-color: transparent;
  /*background-image: url(../img/group-242-1@1x.png);
  background-size: 100% 100%;*/
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 100%;
}

.groupFortinetSection {
  --z-index: 60;
  background-color: transparent;
  height: auto;
  opacity: 1;
  position: relative;
  width: 256px;
}

.groupFortinetWrap {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/group-244-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 100%;
}

.indexScreen .rectangle-288-C61RwL {
  --z-index: 61;
  background: linear-gradient(144.2deg, #125948 -0.8%, #04120e 122.7%);
  background-color: transparent;
  border-radius: 0px 0px 20px 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-285-C61RwL {
  --z-index: 62;
  background-color: #f3f3f3;
  border-radius: 55px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 322px;
}

.indexScreen .why-choose-us-C61RwL {
  --z-index: 63;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 500;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: auto;
}

.indexScreen .what-sets-us-apart-C61RwL {
  --z-index: 64;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 25px, 50px);
  font-style: normal;
  font-weight: 700;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: auto;
}

.indexScreen .rectangle-237-C61RwL {
  --z-index: 65;
  background-color: #f3f3f3;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-290-C61RwL {
  --z-index: 66;
  background-color: #f3f3f3;
  border-radius: 20px;
  height: auto;
  left: -412px;
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-287-C61RwL {
  --z-index: 67;
  background-color: #f3f3f3;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .rectangle-289-C61RwL {
  --z-index: 68;
  background-color: #f3f3f3;
  border-radius: 20px;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .luke-chesser-jku-tr-j4v-k00-unsplash-C61RwL {
  --z-index: 69;
  background-color: transparent;
  background-image: url(../img/luke-chesser-jkutrj4vk00-unsplash@1x.png);
  background-size: 100% 100%;
  border-radius: 20px 20px 0px 0px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .x20919-C61RwL {
  --z-index: 70;
  background-color: transparent;
  background-image: url(../img/20919-1@1x.png);
  background-size: 100% 100%;
  border-radius: 20px 20px 0px 0px;
  height: auto;
  left: -412px;
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .ales-nesetril-ex_p4-aa-bxbs-unsplash-C61RwL {
  --z-index: 71;
  background-color: transparent;
  background-image: url(../img/ales-nesetril-ex-p4aabxbs-unsplash@1x.png);
  background-size: 100% 100%;
  border-radius: 20px 20px 0px 0px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .sajad-nori-z8ez-iyc1o-ga-unsplash-C61RwL {
  --z-index: 72;
  background-color: transparent;
  background-image: url(../img/sajad-nori-z8eziyc1oga-unsplash@1x.png);
  background-size: 100% 100%;
  border-radius: 20px 20px 0px 0px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .x20919-VMr6Om {
  --z-index: 73;
  background-color: transparent;
  background-image: url(../img/20919-1@1x.png);
  background-size: 100% 100%;
  border-radius: 20px 20px 0px 0px;
  height: auto;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 536px;
}

.indexScreen .group-196-C61RwL {
  --z-index: 74;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 66px;
}

.indexScreen .ellipse-23-iw3v6J {
  --z-index: 0;
  background-color: #c2c2c2;
  border-radius: 7px;
  height: 100%;
  left: calc(50.00% - 7px);
  opacity: 1;
  position: relative;
  
  width: 14px;
}

.indexScreen .ellipse-24-iw3v6J {
  --z-index: 1;
  background-color: #dfdfdf;
  border-radius: 5px;
  height: calc(100% - 4px);
  opacity: 1;
  position: relative;
  right: calc(19.64% - 2px);
  
  width: 10px;
}

.indexScreen .ellipse-26-iw3v6J {
  --z-index: 2;
  background-color: #dfdfdf;
  border-radius: 5px;
  height: calc(100% - 4px);
  left: calc(19.64% - 2px);
  opacity: 1;
  position: relative;
  
  width: 10px;
}

.indexScreen .ellipse-25-iw3v6J {
  --z-index: 3;
  background-color: #dfdfdf;
  border-radius: 3px;
  height: auto;
  opacity: 1;
  position: relative;
  right: 0px;
  top: calc(50.00% - 3px);
  width: 6px;
}

.indexScreen .ellipse-27-iw3v6J {
  --z-index: 4;
  background-color: #dfdfdf;
  border-radius: 3px;
  height: auto;
  
  opacity: 1;
  position: relative;
  top: calc(50.00% - 3px);
  width: 6px;
}

.indexScreen .group-201-C61RwL {
  --z-index: 75;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 155px;
}

.indexScreen .rectangle-92-LQA9zj {
  --z-index: 0;
  background: linear-gradient(191.47deg, #29bd98 -60.14%, #22a081 171.11%);
  background-color: transparent;
  border: 2px solid;
  border-color: #125948;
  border-radius: 32px;
  height: 100%;
  
  opacity: 1;
  position: relative;
  
  width: 65px;
}

.indexScreen .rectangle-93-LQA9zj {
  --z-index: 1;
  background: linear-gradient(191.47deg, #29bd98 -60.14%, #22a081 171.11%);
  background-color: transparent;
  border: 2px solid;
  border-color: #125948;
  border-radius: 32px;
  height: 100%;
  opacity: 1;
  position: relative;
  right: 0px;
  
  width: 65px;
}

.indexScreen .path-1-LQA9zj {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-1-1@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.73% - 1px);
  height: auto;
  left: calc(16.46% - 3px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 21px;
}

.indexScreen .path-2-LQA9zj {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/path-2@1x.png);
  background-size: 100% 100%;
  height: auto;
  left: calc(15.42% - 2px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  top: calc(50.00% - 9px);
  width: 12px;
}

.indexScreen .path-1-E7lSgx {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-1-1@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.73% - 1px);
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(16.46% - 3px);
  width: 21px;
}

.indexScreen .path-2-E7lSgx {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/path-2-1@1x.png);
  background-size: 100% 100%;
  height: auto;
  object-fit: cover;
  opacity: 1;
  position: relative;
  right: calc(15.42% - 2px);
  top: calc(50.00% - 9px);
  width: 12px;
}

.indexScreen .regulatory-insight-C61RwL {
  --z-index: 76;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: 426px;
}

.indexScreen .regulatory-insight-VMr6Om {
  --z-index: 77;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: -356px;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: 426px;
}

.indexScreen .digital-banking-expertise-C61RwL {
  --z-index: 78;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: 426px;
}

.indexScreen .africa-ready-solutions-C61RwL {
  --z-index: 79;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: 426px;
}

.indexScreen .africa-ready-solutions-VMr6Om {
  --z-index: 80;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 15px, 30px);
  font-style: normal;
  font-weight: 600;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  white-space: nowrap;
  width: 426px;
}

.indexScreen .deep-understanding-o-C61RwL {
  --z-index: 81;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  width: 426px;
}

.indexScreen .deep-understanding-o-VMr6Om {
  --z-index: 82;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: -356px;
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  width: 426px;
}

.indexScreen .proven-expertise-in-C61RwL {
  --z-index: 83;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  width: 426px;
}

.indexScreen .scalable-solutions-d-C61RwL {
  --z-index: 84;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  width: 426px;
}

.indexScreen .scalable-solutions-d-VMr6Om {
  --z-index: 85;
  background-color: transparent;
  color: #1d1d1d;
  font-family: 'Mona Sans', Helvetica;
  font-size: clamp(1rem, 12px, 25px);
  font-style: normal;
  font-weight: 400;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: auto;
  opacity: 1;
  position: relative;
  text-align: center;
  
  width: 426px;
}

.indexScreen .rectangle-291-C61RwL {
  --z-index: 86;
  background: linear-gradient(90deg, #ffffff 27.76%, rgba(255, 255, 255, 0) 97.16%);
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 634px;
}

.indexScreen .rectangle-292-C61RwL {
  --z-index: 87;
  background: linear-gradient(-90deg, #ffffff 27.76%, rgba(255, 255, 255, 0) 97.16%);
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 634px;
}

.indexScreen .group-287-C61RwL {
  --z-index: 88;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 58px;
}

.indexScreen .group-285-dxpL0E {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/group-285@1x.png);
  background-size: 100% 100%;
  height: 100%;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 100%;
}

.indexScreen .group-289-C61RwL {
  --z-index: 89;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 62px;
}

.indexScreen .group-288-jgn3mV {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/group-288@1x.png);
  background-size: 100% 100%;
  height: 100%;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 100%;
}

.indexScreen .group-291-C61RwL {
  --z-index: 90;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 58px;
}

.indexScreen .group-290-A2f579 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/group-290@1x.png);
  background-size: 100% 100%;
  height: 100%;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 100%;
}

.indexScreen .group-293-C61RwL {
  --z-index: 91;
  background-color: transparent;
  height: auto;
  
  opacity: 1;
  position: relative;
  
  width: 56px;
}

.indexScreen .group-292-xlHGDl {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/group-292@1x.png);
  background-size: 100% 100%;
  height: 100%;
  
  object-fit: cover;
  opacity: 1;
  position: relative;
  
  width: 100%;
}


/* New Production Ready Digitalize Styling */