.my_bg_primary{
    background-color: #168056b9;
}

.my-hero{
    background-color: #68f5a741;
    background-image: url("/static/img/public/academic-programs.webp");
    color: white;
    background-size: cover;

    background-blend-mode: multiply; 

    padding-top: 200px;
    padding-bottom: 200px;
}

.my-hero .container{
    max-width: 960px;
    margin-left: auto;
    margin-right: auto ;
    padding-left: 1rem;
    padding-right: 1rem;
}

.vertical-line {
    height: 100px; /* Adjust the height as needed */
    width: 1px; /* Width of the line */
    background-color: black; /* Color of the line */
    margin: 0 auto; /* This centers the line if it's inside a container */
}

.diff-right-darkness {

    background-color: rgba(0, 0, 0, 0.4);
}