.hero{
    background-image: url('../images/programs-bg.png');
}
.hero-title-paths{
    position: absolute;
    left: 50%;
    /* right: 50%; */
    top: 50%;
    transform: translate(-50%, -50%);
  
    color: #95457B;
    text-align: center;
    font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.program-title{
    color: rgba(91, 20, 68, 0.70);
text-align: center;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.program-image{
    /* width: 75%; */
    /* height: 200px; */
    /* width: 562px; */

}
.program-image img{
    height: 350px ;
    width: 75%;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);


}
.program-content{
    color: rgba(91, 20, 68, 0.60);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 20px;
background: url("../images/program-bg.png") lightgray 50% / cover no-repeat;
padding: 20px;
/* height: 350px; */
/* height: 50rex; */
/* overflow: hidden; */

}
.program{
    padding-top: 30px;
  }

 
@media (max-width: 576px) { 
   .program-image img{
       height:250px !important;
   }
    
    .hero{height: 400px;}
    .hero-title-paths{
      font-size: 30px;
    }
.program-title{
    font-size: 24px;
}
.program-content{
    font-size: 20px;
    /* height: fit-content; */
}
}


@media (min-width: 768px) { 
    .program{
        height: 100%;
    }
    .program-title{
        font-size: 26px;
    }
    .program-content{
        font-size: 22px;
        /* height: 490px; */
        /* height: 65%; */
    }
 }