.training-button {
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 26px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            padding: 12px 24px;
            background-color: #FFFFFF;
         border: 1px solid #66AB5C;
            border-radius: 200px;
            text-decoration: none;
            color: white;
            display: flex;
            align-items: center;
            max-width: 230px;
            transition: max-width 0.3s ease-in-out, padding-right 0.3s ease-in-out;
            overflow: hidden;
            white-space: nowrap;
            margin-top: 40px;
            color: #66AB5C;
        }

        .training-button .link-arrow {
            opacity: 0;
            margin-left: 10px;
            transition: opacity 0.3s ease-in-out;
        }

        .training-button:hover {
            max-width: 261px;
            padding-right: 30px;
          text-decoration:none;
        }

        .training-button:hover .link-arrow {
            opacity: 1;
        }

        .over-title {
            font-family: Poppins;
            font-size: 18px;
            font-weight: 400;
            line-height: 28px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: #66AB5C;
        }

        .banner-title h2 {
            font-family: Poppins;
            font-size: 36px;
            font-weight: 600 !;
            line-height: 46px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color:white;
        }
        .niche-banner {
            align-items: center;
            padding: 60px 0px 60px 60px;
            max-width: 1240px;
            margin: auto;
           gap: 70px;
            display: flex;
            background-color: #1C2E69;
            border-radius: 48px;
        }
.banner-desc p{

    margin-top: 25px;
    font-family: Roboto;
font-size: 20px;
font-weight: 400;
line-height: 32px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #FFFFFF;
}


@media screen and (max-width:780px) {
 .niche-banner {
          flex-direction: column;
    padding: 46px 25px;
   padding-right:0;

  }
  
  .banner-img {
       width: 100%;
    display: flex
;
    justify-content: end; 
  }
  
    .banner-img img {
          margin: inherit !important;
 margin-left: auto !important;
  }
  
  .banner-text {
    padding-right:24px;
}
  
  
  @media screen and (max-width:780px) {
   .img-w {
     width: 100%; 
} 
  }