.header-paragraph {
    max-width: 700px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
 .features-section{
    padding: 60px var(--padding-section);
  }

  .features-heading{
    margin-bottom: 10px;
  }
  
  .features-paragraph {
      margin-bottom: 40px;
  }

  .features-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3vw;   
   }

  .features-content {
    width: calc(100% / 2 - 3vw);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(10px, 1.32vw, 20px);
   }
   
   .features-image {
       width: 35%;
   }
    .features-subheading{
        margin-bottom: 2px;
        color: var(--color-green);
    }
    .features-text{
        color: var(--color-black);
    }
    
    .methodologies-section {
        margin: 120px var(--padding-section);
    }
    .methodology-text {
        margin-top: 20px;
    }
    
    .methodologies-heading {
        margin-bottom: 12px;
    }
.methodologies-wrapper {
    display: flex;
    flex-direction: row;
    gap: 3vw;
    flex-wrap: wrap;
    padding: 60px 0;
}

.methodology-wrapper {
    width: calc((100vw - 5vw - 2 * var(--padding-section)) /2);
    display: flex;
    flex-direction: row;
    gap: clamp(10px, 1.32vw, 20px);
}

.methodology-heading {
    font-size: 200px;
    line-height: 200px;
    color: var(--color-yellow);
}

.methodology-subheading {
    color: var(--color-green);
}

.timeline-section {
    padding: 0 0 70px var(--padding-section);
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.timeline-content {
    margin-top: 35px;
}

.timeline-heading {
    margin-bottom: 20px;
}

.timeline-paragraph {
    font-size: 22px;
    line-height: 26px;
}

.timeline-image-wrapper {
    flex-shrink: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    overflow: hidden;
     width: calc(50vw - 20px - var(--padding-section));
}

.timeline-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

 @media only screen and (max-width: 769px) {
        .features-wrapper {
            flex-direction: column;
            gap: 25px;   
        }
        .features-content {
            width: 100%;
            gap: 10px;
        }
            .methodologies-section {
        margin: 120px var(--padding-section) 60px var(--padding-section);
    }
        .methodology-wrapper {
    width: 100%;
    flex-direction: column;
    gap: 10;
}
.methodologies-wrapper {

    gap: 30px;
}
        .timeline-section {
    padding-bottom: 40px;
    flex-direction: column;
}
.timeline-content {
    order: 1;
}
.timeline-image-wrapper {
    order: 0;
    margin-right: var(--padding-section);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: calc(100vw - 2 * var(--padding-section));
}
        .timeline-paragraph {
    font-size: 18px;
    line-height: 22px;
}

    }