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

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

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

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

       

        .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-banner3 {
          
            align-items: center;
            padding: 80px 0px 80px 60px;
            max-width: 1240px;
            margin: auto;
           gap: 70px;
            display: flex;
            background-color: #1C2E69;
          background-image:url("https://43906742.fs1.hubspotusercontent-na1.net/hubfs/43906742/Group%20346.png");
            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%; 
} 
    .banner-title h2 {
      text-align:center
    }
    
    .banner-text {
    padding-right:0;
  }
      
    .niche-banner3 {
     padding:30px; 
    }
    .training-buttonp {
     margin:auto; 
    }
    
  }