/*------------------------------------------------------------------
* Project:        Swasthye

-------------------------------------------------------------------
- // TABLE OF CONTENTS // -

========================================================================


 # Landing Page
 ===============================================

 7) Specialists

/*Meet Specialists*/

section.specialist{
    padding-bottom: 104px;
}

section.specialist.team, section.specialist.team1{padding-bottom: 50px;}

.row.specialist-slider{
    z-index: 2;
    margin: 0 -15px;
}
.row.specialist-slider .slick-slide{margin-bottom: 15px;}

.special-main{
    text-align: center;
    overflow: hidden;
    transition: all ease-in-out 0.5s;
    border-radius: 10px 0;
    overflow: hidden;
    box-shadow: 0 0 15px 0 rgba(41,61,88,.1);
}
.special-image{
    position: relative;
    overflow: hidden;
}
.special-content{
    padding: 15px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 15px;
    text-align: left;
    transition: all ease-in-out 0.5s;
    border-radius: 0 10px 0 0;
}

.special-content h4{margin-bottom: 5px;}

.special-links{
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    z-index: 1;
    opacity: 0;
    transition: all ease-in-out 0.5s;
}
.special-links li{
    display: inline-block;
    margin: 0 10px;
    transition: all ease-in-out 0.5s;
    font-size: 20px;
    background: #fff;
    height: 40px;
    width: 40px;
    line-height: 2;
    border-radius: 10px;
}
.special-links li a{
    color: #00a3c8;
}

.special-links li:hover{
    transform: scale(1.2);
}

.special-item:hover .special-links{
    opacity: 1;
    top: 40%;
}
.special-item .color-overlay {
    bottom: -316px;
    top: inherit;
    opacity: 0.8;
    background: linear-gradient(to top, #1db9a0 0%, #4d94c400 100%);
}

.special-item:hover .color-overlay{
    bottom: 0;
}

section.fact-area{
    background: #033b4a;
}

.fact-area::before {
    position: absolute;
    content: "";
    background-image: url(../images/map.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    background-position: center center;
    background-attachment: fixed;
}

.fact-content{
    padding-left: 50px;
}

.single-fact h1 {
    color: #1db9a0;
    float: left;
    font-size: 56px;
    margin-right: 20px;
}

section.specialist.team1 .special-main{border-bottom: 2px solid #1db9a0;}

section.specialist.team1 .special-content{position: relative; text-align: center; left: 0;}

section.specialist.team1 .special-item .color-overlay{background:linear-gradient(to right, #1DB9A0 0%, #4d94c4 100%);}

section.specialist.team1 .special-image{border-radius: 50%; height: 220px; width: 220px; margin: 0 auto; margin-top: 20px;}

section.specialist.team1  .special-item:hover .special-links{top: 50%;}


@media(max-width: 991px){
    section.specialist{padding-top: 72px;}
}

@media(max-width: 767px){
    .fact-content{padding-left: 0;}
}

@media(max-width: 567px){
    section.fact-area .section-title h1{font-size: 32px;}
    .single-fact{text-align: center;}
    .single-fact h1{float: none; margin-right: 0;}
}