.hsptl-detail-banner {
    height: 350px;
    overflow: hidden;
    background-color: #f1f1ef
}

.hsptl-detail-ban-image {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: 10px 0
}

.hsptl-banner-content-area {
    padding: 20px
}

.hsptl-banner-content-area h1 {
    font-size: 34px
}

.call-con-btn {
    color: #01357e;
    padding: 8px 20px;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none
}

.call-con-btn:active,
.call-con-btn:hover,
.call-con-btn:visited {
    text-decoration: none;
    color: #000
}

.hsptl-address {
    color: #5c5b5d;
    font-size: 20px
}

.hsptl-get-direction {
    text-decoration: none;
    color: #01357e;
    display: inline-block;
    margin: 10px 0
}

.hsptl-get-direction:active,
.hsptl-get-direction:hover,
.hsptl-get-direction:visited {
    text-decoration: none;
    color: #01357e
}

.hsptl-detail-bandirec {
    display: flex;
    align-items: center
}

.hsptl-tabs {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    margin-bottom: 20px
}

.hsptl-detail-nav-row .hsptl-detail-nav-col {
    border-right: 1px solid #000
}

.hsptl-detail-nav-row {
    padding: 10px 0
}

.hsptl-detail-nav-row .hsptl-detail-nav-col:nth-last-child(1) {
    border-right: 0
}

.hsptl-link-bar {
    text-decoration: none;
    color: #01357e;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    align-items: center
}

.hsptl-link-bar:hover {
    text-decoration: none;
    color: #01357e
}

.hsptl-overview-title {
    font-size: 42px;
    font-weight: 400
}

.hsptl-overview-desc p {
    color: #000
}

.hsptl-overivew-logo {
    height: 80px
}

.hsptl-book-appointment-area {
    background-image: url(../images/banners/book-app-banner.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    position: relative
}

.hsptl-book-app-title {
    font-size: 32px;
    color: #fff;
    font-weight: 500
}

.hsptl-book-app-desc {
    color: #fff
}

.hsptl-book-app-btn {
    text-decoration: none;
    color: #fff;
    padding: 10px 15px;
    border: 2px solid #fff;
    border-radius: 0;
    margin-top: 10px;
    display: inline-block;
    transition: .5s
}

.hsptl-book-app-btn:active,
.hsptl-book-app-btn:hover,
.hsptl-book-app-btn:visited {
    text-decoration: none
}

.hsptl-book-app-btn:hover {
    background: #fff;
    color: #000
}

.hsptl-facility-area {
    padding-top: 48px;
    padding-bottom: 30px
}

.hsptl-facility-crsl-card-area {
    background: #fff;
    padding: 20px;
    border-radius: 0;
    transition: .7s;
    margin: 0 20px
}

.hsptl-facility-crsl-title {
    line-height: 24px !important;
    font-size: 21px;
    font-weight: 500;
    margin: 15px 0;
    color: #01357e;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hsptl-facility-crsl-dscp {
    line-height: 24px;
    font-size: 18px;
    color: #141638;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px
}

.hsptl-facility-crsl-read-more {
    text-decoration: none;
    display: inline-block;
    padding-top: 10px;
    color: #00b6bd;
}

.hsptl-facility-crsl-card-area:hover .hsptl-facility-crsl-read-more {
    margin-left: 10px
}

.hsptl-facility-img {
    height: 200px;
    width: 100%;
    max-width: 100%;
    object-fit: cover
}

.media-carousal .nm-sm-card {
    margin: 15px 10px;
    box-shadow: 0 6px 20px #70707022
}

.hspt-detail-cont-area {
    background-color: #f2f2f2;
    padding: 20px
}

@media only screen and (min-device-width:769px) and (max-device-width:1024px) {
    .hsptl-link-bar {
        padding: 0 20px
    }
}

@media only screen and (max-width:768px) {
    .hsptl-detail-ban-image {
        object-position: center
    }

    .hsptl-facility-crsl-title {
        line-height: 30px !important;
        height: 60px;
        font-size: 24px
    }

    .hsptl-link-bar {
        padding: 0 5px
    }

    .hsptl-banner-content-area h1,
    .hsptl-overview-title {
        font-size: 26px
    }

    .hsptl-address,
    .hsptl-facility-crsl-dscp {
        font-size: 16px
    }

    .doc-card-descrp p:first-child,
    .doc-learn-more,
    .hsptl-link-bar,
    .splt-doc-qual {
        font-size: 14px
    }

    .hsptl-detail-nav-row .hsptl-detail-nav-col {
        border-right: 0
    }

    .hsptl-detail-banner {
        height: auto
    }
}

@media only screen and (max-width:540px) {
    .call-con-btn {
        padding-left: 0
    }

    .hsptl-detail-bandirec {
        display: initial
    }

    .hsptl-detail-banner {
        height: initial
    }

    .hsptl-facility-crsl-title {
        height: initial
    }

    .hsptl-detail-ban-image {
        height: auto;
        object-position: center
    }

    .hsptl-banner-content-area h1 {
        font-size: 24px
    }

    .hsptl-detail-nav-row .hsptl-detail-nav-col {
        border-right: 0
    }

    .hsptl-book-app-title {
        font-size: 24px
    }
}

@media only screen and (max-width:370px) {

    .hsptl-book-app-title,
    .hsptl-overview-title {
        font-size: 24px
    }

    .hsptl-book-app-desc,
    .hsptl-facility-crsl-dscp,
    .hsptl-overview-desc,
    .nm-read-more {
        font-size: 14px
    }

    .hsptl-facility-crsl-title {
        font-size: 18px
    }
}

.hosptlBannerCarousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
}