.pro_hero{
    background:  url(expert_img/ex1.png) no-repeat no-repeat center center/cover;
    padding: 5rem 5rem;
    width: auto;
    height: 30rem;
}
.pro_hero h1{
    font-size: 4rem;
    text-align: center;
    text-shadow: 4px 7px 9px rgb(1, 1, 94);
    color: rgb(128, 0, 32);
    background-color: rgb(240, 239, 234);
    mix-blend-mode: darken;
    font-weight: bolder;
    padding: 2rem;
}
.main-cont-pro{
    background-color: white;
    padding: 3rem 5rem;
}
.main-cont-pro h1{
    font-size: 2.5rem;
    padding: 2rem;
}
.main-cont-pro .sub-cont{
    background-image: linear-gradient(to bottom right,white,rgb(192, 192, 255));
    padding: 3rem 5rem;
}
.main-cont-pro .sub-cont h2{
    font-size: 2rem;
}
.main-cont-pro .sub-cont h2{
    font-size: 1.7rem;
}
.main-cont-pro .sub-cont p{
    font-size: 1.3rem;
}
.main-cont-pro .sub-cont a{
    text-decoration: none;
}
.main-cont-pro .sub-cont a:hover{
    color: red;

}