body{
  overflow-x: hidden;
}

.machine-learning-container {
    width: 100%;
    display: flex;
    overflow: auto;
    min-height: 100vh;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
  }
  .machine-learning-banner {
    width: 100%;
    height: 300px;
    /* margin-top: 75px; */
    /* display: flex; */
    align-items: center;
    padding-top: var(--dl-space-space-fourunits);
    padding-left: var(--dl-space-space-threeunits);
    padding-right: var(--dl-space-space-threeunits);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-fourunits);
    justify-content: space-between;
    background-image: linear-gradient(to right, #c2e59c 0%, #64b3f4 100%);
    
  }
  .machine-learning-container1 {
    gap: var(--dl-space-space-unit);  
    display: flex;
    margin-top: var(--dl-space-space-unit);
    align-items: center;
    flex-direction: column;
  }
  .machine-learning-text {
    width: 918px;
    height: 57px;
    font-size: 30px;
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
  }
  .machine-learning-text01 {
    max-width: var(--dl-size-size-maxwidth);
    text-align: center;
    margin-bottom: var(--dl-space-space-twounits);
  }
  .machine-learning-hero {
    width: 100%;
    display: flex;
    padding: var(--dl-space-space-threeunits);
    max-width: var(--dl-size-size-maxwidth);
    min-height: 80vh;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .machine-learning-container2 {
    width: 672px;
    display: flex;
    margin-right: var(--dl-space-space-threeunits);
    padding-right: var(--dl-space-space-threeunits);
    flex-direction: column;
  }
  .machine-learning-text05 {
    font-size: 25px;
    max-width: 450px;
    line-height: 1.3;
  }
  .machine-learning-section {
    color: rgb(255, 105, 0);
    margin-top: var(--dl-space-space-twounits);
    text-transform: capitalize;
  }
  .machine-learning-text06 {
    margin-top: var(--dl-space-space-twounits);
    line-height: 1.8;
    margin-bottom: var(--dl-space-space-twounits);
  }
  .machine-learning-image {
    width: 755px;
    height: 490px;
    margin-top: var(--dl-space-space-fiveunits);
    object-fit: cover;
  }
  .machine-learning-text17 {
    font-size: 25px;
    max-width: 650px;
    align-self: center;
    text-align: center;
    line-height: 1.3;
  }
  .machine-learning-hero1 {
    width: 100%;
    display: flex;
    padding: var(--dl-space-space-threeunits);
    max-width: var(--dl-size-size-maxwidth);
    min-height: 80vh;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .machine-learning-image1 {
    width: 452px;
    height: 480px;
    margin-top: 0px;
    object-fit: cover;
    margin-bottom: 80px;
  }
  .machine-learning-container3 {
    width: 672px;
    display: flex;
    margin-right: var(--dl-space-space-threeunits);
    padding-right: var(--dl-space-space-threeunits);
    flex-direction: column;
  }
  .machine-learning-section1 {
    color: rgb(255, 105, 0);
    align-self: flex-start;
    margin-top: var(--dl-space-space-twounits);
    text-transform: capitalize;
  }
  .machine-learning-text18 {
    margin-top: var(--dl-space-space-twounits);
    text-align: left;
    line-height: 1.8;
    margin-bottom: var(--dl-space-space-twounits);
  }
  .machine-learning-text22 {
    color: #ff6900;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
  }
  .machine-learning-text23 {
    color: var(--dl-color-gray-black);
    letter-spacing: 2px;
  }
  .machine-learning-text28 {
    color: #ff6900;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
  }
  .machine-learning-text29 {
    line-height: 2;
  }
  .machine-learning-text31 {
    color: #ff6900;
  }
  .machine-learning-text35 {
    color: #ff6900;
  }
  .machine-learning-text39 {
    color: #ff6900;
  }
  .machine-learning-text43 {
    color: #ff6900;
  }
  @media(max-width: 991px) {
    .machine-learning-container1 {
      gap: var(--dl-space-space-twounits);
    }
    .machine-learning-text01 {
      width: 100%;
    }
    .machine-learning-hero {
      flex-direction: column;
    }
    .machine-learning-container2 {
      align-items: center;
      margin-right: 0px;
      margin-bottom: var(--dl-space-space-twounits);
      padding-right: 0px;
    }
    .machine-learning-text05 {
      text-align: center;
    }
    .machine-learning-text06 {
      text-align: center;
      padding-left: var(--dl-space-space-threeunits);
      padding-right: var(--dl-space-space-threeunits);
    }
    .machine-learning-text17 {
      text-align: center;
    }
    .machine-learning-hero1 {
      flex-direction: column;
    }
    .machine-learning-container3 {
      align-items: center;
      margin-right: 0px;
      margin-bottom: var(--dl-space-space-twounits);
      padding-right: 0px;
    }
    .machine-learning-text18 {
      text-align: center;
      padding-left: var(--dl-space-space-threeunits);
      padding-right: var(--dl-space-space-threeunits);
    }
  }
  @media(max-width: 767px) {
    .machine-learning-banner {
      padding-left: var(--dl-space-space-twounits);
      padding-right: var(--dl-space-space-twounits);
    }
    .machine-learning-container1 {
      gap: var(--dl-space-space-fourunits);
    }
    .machine-learning-text {
      width: 600px;
    }
    .machine-learning-text01 {
      padding-left: var(--dl-space-space-unit);
      padding-right: var(--dl-space-space-unit);
    }
    .machine-learning-hero {
      padding-left: var(--dl-space-space-twounits);
      padding-right: var(--dl-space-space-twounits);
    }
    .machine-learning-text06 {
      padding-left: var(--dl-space-space-unit);
      padding-right: var(--dl-space-space-unit);
    }
    .machine-learning-image {
      width: 80%;
    }
    .machine-learning-hero1 {
      padding-left: var(--dl-space-space-twounits);
      padding-right: var(--dl-space-space-twounits);
    }
    .machine-learning-image1 {
      width: 80%;
    }
    .machine-learning-text18 {
      padding-left: var(--dl-space-space-unit);
      padding-right: var(--dl-space-space-unit);
    }
  }
  @media(max-width: 479px) {
    .machine-learning-banner {
      padding-top: var(--dl-space-space-threeunits);
      padding-left: var(--dl-space-space-unit);
      padding-right: var(--dl-space-space-unit);
      padding-bottom: var(--dl-space-space-threeunits);
    }
    .machine-learning-container1 {
      gap: var(--dl-space-space-fourunits);
    }
    .machine-learning-text {
      width: 360px;
      margin-bottom: 30px;
    }
    .machine-learning-text01 {
      width: auto;
    }
    .machine-learning-hero {
      padding-top: var(--dl-space-space-twounits);
      padding-left: var(--dl-space-space-unit);
      padding-right: var(--dl-space-space-unit);
      padding-bottom: var(--dl-space-space-twounits);
    }
    .machine-learning-container2 {
      margin-bottom: var(--dl-space-space-unit);
    }
    .machine-learning-section {
      color: rgb(255, 105, 0);
    }
    .machine-learning-text06 {
      width: 400px;
      align-self: center;
      text-align: left;
    }
    .machine-learning-hero1 {
      /* flex-wrap: wrap; */
      flex-direction: column-reverse;
      padding-top: var(--dl-space-space-twounits);
      padding-left: var(--dl-space-space-unit);
      padding-right: var(--dl-space-space-unit);
      padding-bottom: var(--dl-space-space-twounits);
    }
    .machine-learning-container3 {
      margin-bottom: var(--dl-space-space-unit);
    }
    .machine-learning-section1 {
      color: rgb(255, 105, 0);
      align-self: center;
    }
    .machine-learning-text18 {
      width: 400px;
      align-self: center;
      text-align: left;
    }
  }