:root {
  /* Main Headings
  1. Poppins Bold (Main Headings)
Desktop: 36px – 48px
Tablet: 28px – 36px
Mobile: 22px – 28px
Line Height: 1.2 – 1.3
2. Source Sans Pro SemiBold (Subheadings)
Desktop: 24px – 32px
Tablet: 20px – 26px
Mobile: 18px – 22px
Line Height: 1.3 – 1.4
3. Source Sans Pro Regular (Descriptions / Body Text)
Desktop: 16px – 20px
Tablet: 14px – 18px
Mobile: 12px – 16px
Line Height: 1.5 – 1.6

Favicon - MM Logo
 */
  --font-main: 'Poppins', sans-serif;
  --size-main-d: 2.25em; /* 36px */
  --size-main-d-lg: 3rem; /* 48px */
  --size-main-t: 1.75em; /* 28px */
  --size-main-t-lg: 2.25em; /* 36px */
  --size-main-m: 1.375em; /* 22px */
  --size-main-m-lg: 1.75em; /* 28px */
  --line-main: 1.2;
  --line-main-lg: 1.3;

  /* Subheadings */
  --font-sub: 'Source Sans Pro', sans-serif;
  --size-sub-d: 1.5em; /* 24px */
  --size-sub-d-lg: 2em; /* 32px */
  --size-sub-t: 1.25em; /* 20px */
  --size-sub-t-lg: 1.625em; /* 26px */
  --size-sub-m: 1.125em; /* 18px */
  --size-sub-m-lg: 1.375em; /* 22px */
  --line-sub: 1.3;
  --line-sub-lg: 1.4;
  --font-weight-sub: 800;
  /* Body Text */
  --font-body: 'Source Sans Pro', sans-serif;
  --size-body-d: 1em; /* 16px */
  --size-body-d-lg: 1.25em; /* 20px */
  --size-body-t: 0.875em; /* 14px */
  --size-body-t-lg: 1.125em; /* 18px */
  --size-body-m: 0.75em; /* 12px */
  --size-body-m-lg: 1em; /* 16px */
  --line-body: 1.5;
  --line-body-lg: 1.6;
  --font-weight-body: 400;
}
.intro-title {
  text-align: center;
 
  color: #0A0A0A;
   margin-bottom: 0;
}
.carousel h2 , .how-we-work h2 ,.our-business h1 , .intro-title , .caption h2  , .company-title , .belief , .core, .our-project.container .text-center  {
  font-family: var(--font-main);
  font-size: var(--size-main-d-lg);
}
/* Default (Desktop) */
.title{
  font-size: var(--size-sub-m);
  line-height: 1;
}
.company-desc {
  text-align: justify;
}
 .heroz h1, .caption h2  , .company-title , .intro  -title {
  font-family: var(--font-main);
  font-size: var(--size-main-d-lg);
  font-weight: bold;
  line-height: var(--line-main-lg);
}
 .company-description , .row .text-center {
  font-family: var(--font-main);
  font-size: var(--size-sub-d);
 text-align: justify;
  line-height: 1.6;
}
.how-we-work p, .our-business p , .caption p, .card-text , .timeline-event p ,.timeline-section p ,, .text-content  {
  font-family: var(--font-body);
  font-size: var(--size-body-d-lg);
  line-height: var(--line-body-lg);
  text-align: justify;
  color: #0A0A0A;
}
.our-business .serial {
  text-align: justify;
  max-width: 1200px;
}

@media (min-width: 1020px) {
.how-we-work p  {
 padding: 0 20%;
}
}
.heroz p{
font-size: var(--size-main-d);  }
.heroz a, .timeline-event h3 ,.feature-card h3 {
  font-size: var(--size-sub-d);  
}
.our-business hr {
  margin: 20px 0;
}
.feature-card p { 
  font-family: var(--font-body);
  font-size: var(--size-body-d-lg);
  line-height: var(--line-body-lg);
}

.card-title {
  font-family: var(--font-sub);
  font-size: var(--size-sub-d);
  font-weight: var(--font-weight-sub);
  line-height: var(--line-sub-lg);
}

/* Tablet */
@media (max-width: 1020px) {
  .how-we-work h2, .our-business h1, .heroz h1, .caption h2 , .timeline-event h3 , .company-title, .intro-title  {
    font-size: var(--size-main-t-lg);
  }

  .how-we-work p, .our-business p, .heroz p, .caption p, .card-text,.timeline-event p ,.timeline-section p  , .company-description{
    font-size: var(--size-body-t-lg);
  }

  .card-title,  {
    font-size: var(--size-sub-t-lg);
  }
}

/* Mobile */
@media (max-width: 768px) {
  .how-we-work h2, .our-business h1, .heroz h1, .caption h2 , .company-title ,.core , .intro-title , .dropdown__menu  {
    font-size: var(--size-main-m);
  }

  .how-we-work p, .our-business p, .heroz p, .caption p,.timeline-event p, ,.timeline-section p, .card-text, .company-description
  , .dropdown__link {
    font-size: var(--size-body-m);
  }

  .card-title  , .timeline-event h3 ,  {
    font-size: var(--size-sub-m);
   
  }
}
 
/*------------------ ABOUt TEXT------------------------- */
/*------------------ ABOUt TEXT------------------------- */
/*------------------ ABOUt TEXT------------------------- */
.timeline-event h3{
  margin: 0;
 
  flex: 1;
}

.timeline-event p{
  margin:  0px 10px;
}
.timeline-answer p {
  margin: 0;
  
}
/*------------------ AIR TEXT------------------------- */
/*------------------ AIR TEXT------------------------- */
/*------------------ AIR TEXT------------------------- */

.text-center-p {
  text-align: center;
}

@media (max-width: 768px) {
 
  .text-center-p::before {
    content: "Tap for more details";
  }
 
}

@media (min-width: 769px) {
  .text-center-p::before {
    content: "Click to Learn More";
  }
 
}