/* banner start here */
.banner-overlay{background-image: url(../img/banner/page-title.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 375px;}

.banner-sub{
width: 100%;
display: flex;
height:100%;
align-items: center;
justify-content: center;
flex-direction: column;
transition: all .5s;
background-position: center;
background-size:0% 100%;
background-repeat: no-repeat;}

.banner-sub:hover{background-image: linear-gradient(rgba(0, 0, 0, 0.123), rgba(0, 0, 0, 0.192));
background-size: 100% 100%;}




.banner-sub h2{    font-family: 'montserrat';
    color: white;
    font-weight: bold;
    font-size: 55px;
text-align:center;}

.banner-c{display:inline-flex;
background-color: #FFFFFF21;
padding: 10px 30px 10px 30px;
font-size: 12px;
color: #FFFFFF;
font-weight: 400;
text-transform: uppercase;
align-items: center;
justify-content: center;
font-family: 'Rubik';
letter-spacing: 1px;
margin-top: 10px;}

.banner-c a{text-decoration: none;
color: #FFFFFF;
margin-right: 10px;
transition: all 1s;

}

.banner-c a:hover{color: orangered;}

.banner-c h3{margin-left: 10px;
font-weight: 400;}

@media(max-width:600px){
    .banner-sub h2{font-size: 30px;
    line-height:45px;
}
}

/* banner start here */