.Integrations_banner_outer {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}


.Integrations_banner_outer .connected-banner {
/*   background-image: url('https://atlassystems.com/hubfs/Atlas-System-2024/Home%20Page/cms-banner-bg.jpg'); /* Replace with your banner image path */ */
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  padding: 90px 20px; /* Adjust for height */
  text-align: center;
  color: #fff;
}
  .Integrations_banner_outer .connected-banner h1 {
   
    /* margin-bottom: 12px; */
    font-family: Inter !important;
    font-weight: 600 !important;
    font-size: 48px !important;
    line-height: 56px !important;
    color: #fff !important;
    text-align: center !important;
}
.Integrations_banner_outer .connected-banner p {
    max-width: 600px;
    margin: 0 auto !important;
    font-family: Inter !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #F5F5F5 !important;
    margin-top: 20px !important;
}
@media (max-width: 768px) {
  .Integrations_banner_outer .connected-banner {
    height: 300px;
    padding: 20px 0;
    border-radius: 8px!important;
    background-position: center;
    background-size: cover;
  }


  .Integrations_banner_outer .connected-banner h1 {
    font-size: 22px !important;
    line-height: 26px !important;
  }
  .Integrations_banner_outer .connected-banner {
  
    padding: 32px 0px;
    
}
  .Integrations_banner_outer .connected-banner p {
    font-size: 18px !important;
    line-height: 25px !important;
    margin-top: 16px !important;
}
}