
.hero-header_2 {
    /* height: 400px; */
    background: url(/static/img/web/tlps1.jpeg) center center no-repeat;
    background-size: cover;
    background: #354f8e;
    background: -webkit-linear-gradient(0deg, #354f8e 0%, #13c5dd 100%);
    background: linear-gradient(0deg, #354f8e 0%, #13c5dd 100%);
    border-radius: 25% 25% 25% 25% / 25% 25% 25% 25%;
}
 
.hospital-title {
    padding: 18px 10px;
    font-size: 20px;
    font-weight: 600;
    font-family: Exo, Tahoma;
    color: #142a54;
}
.dep-about, .hospital-buttons a {
    width: 33.33333%;
    float: left;
    text-align: center;
    background: #102040;
    color: #fff;
    padding: 15px 0;
    font-size: 12px;
}
.dep-about:hover, .hospital-buttons a:hover {
    background: #0b1831;
    transition: all .5s ease;
}
.dep-about {
    background: #142a54;
    cursor: pointer;
    transition: all .5s ease;
}
.dep-about-content {
    position: absolute;
    bottom: 56px;
    width: 100%;
    left: -100%;
    opacity: 0;
    transition: all .5s ease;
}
.dep-about:hover .dep-about-content {
    left: 0;
    opacity: 1;
    transition: all .5s ease;
}
.dep-about-content a {
    float: left;
    width: 33.3333%;
    background: #fff;
    color: #112140;
    font-size: 16px;
    padding-top: 8px;
    transition: all .5s ease;
}
.dep-about-content a:hover, .dep-about-content a:hover span, .dep-about-content a:nth-child(even):hover {
    transition: all .5s ease;
    color: #fff;
}
.dep-about-content a:nth-child(even) {
    background: #f3f3f3;
}
.dep-about-content a:nth-child(even):hover {
    background: #102040;
}
.dep-about-content a span {
    display: block;
    font-size: 12px;
    line-height: 5px;
    margin-top: 8px;
    font-family: Exo, Tahoma;
    font-weight: 100;
}
 
 