<div class="banner-wrapper">
    <div class="banner-container">
        <div class="banner-image-wrapper">
            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Category+Advisor+Resources.png" alt="" class="banner-img">
        </div>
        <div class="banner-content-container">
            <div class="banner-heading">
                Welcome Category Advisors! 
            </div>
            <div class="banner-descirption">
                This learning path contains a collection of resources, materials, and information related to the Category Advisor Program and is designed to support and assist you with the advisorship. 
            </div>
            <div class="banner-descirption">
                This page and the resources are for use by current category advisors only and cannot be shared.
            </div>
        </div>
    </div>
</div>

<style>
    .banner-wrapper {
        padding: 10px;
        border-radius: 10px;
    }
    .banner-img {
        width: 100%;
    }
    .banner-container {
        display: flex;
        align-items: center;
        gap: 40px;
        background: #001E60;
        padding: 20px;
        border-radius: 10px;
    }
    .text-center {
        text-align: center;
    }
    .banner-heading {
        font-size: 20px;
        font-weight: 600;
    }
    .banner-descirption {
        font-size: 20px;
    }
    .bold-text {
        font-weight: 700;
    }
    .deatils-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .banner-image-wrapper {
        width: 40%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .banner-content-container {
        width: 60%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    @media only screen and (max-width: 900px) { 
    .banner-container {
    flex-direction: column;
  }
}
@media only screen and (max-width: 500px) { 
    .banner-descirption{
        font-size: 17px;
  }
}
</style>