/* ==========================================================
   CONSULTING HOSPITALS
========================================================== */

.hospital-section {

    background: #f8fbff;

}

.hospital-section .section-subtitle {

    display: inline-block;

    color: #0d6efd;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-bottom: 10px;

}

.hospital-section .section-title {

    font-size: 38px;

    font-weight: 700;

    color: #0b2b50;

    margin-bottom: 15px;

}

.hospital-section .section-description {

    max-width: 750px;

    margin: auto;

    color: #6c757d;

    line-height: 1.8;

}


/* ==========================================================
   CARD
========================================================== */

.hospital-card {

    background: #ffffff;

    border-radius: 20px;

    padding: 35px 30px;

    text-align: center;

    box-shadow: 0 8px 30px rgba(0,0,0,.08);

    transition: all .35s ease;

    border: 1px solid #edf2f7;

    height: 100%;

}

.hospital-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 18px 40px rgba(13,110,253,.18);

}


/* ==========================================================
   LOGO
========================================================== */

.hospital-logo {

    width: 90px;

    height: 90px;

    margin: 0 auto 25px;

    border-radius: 50%;

    background: linear-gradient(135deg,#0d6efd,#42a5f5);

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}

.hospital-logo img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    background: #fff;

    padding: 8px;

}

.hospital-logo i {

    color: #fff;

    font-size: 42px;

}


/* ==========================================================
   TITLE
========================================================== */

.hospital-card h4 {

    font-size: 24px;

    font-weight: 700;

    color: #0b2b50;

    margin-bottom: 10px;

}

.hospital-type {

    display: inline-block;

    background: #eaf4ff;

    color: #0d6efd;

    padding: 6px 14px;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 600;

    margin-bottom: 20px;

}


/* ==========================================================
   ADDRESS
========================================================== */

.hospital-address {

    color: #666;

    line-height: 1.7;

    min-height: 70px;

    margin-bottom: 12px;

}

.hospital-address i {

    color: #0d6efd;

    margin-right: 8px;

}


/* ==========================================================
   PHONE
========================================================== */

.hospital-phone {

    font-weight: 600;

    color: #212529;

    margin-bottom: 20px;

}

.hospital-phone i {

    color: #198754;

    margin-right: 8px;

}


/* ==========================================================
   FACILITIES
========================================================== */

.facility-list {

    display: flex;

    flex-direction: column;

    gap: 10px;

    margin-bottom: 25px;

}

.facility-list span {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    font-size: 15px;

    color: #495057;

}

.facility-list i {

    color: #198754;

}


/* ==========================================================
   BUTTONS
========================================================== */

.hospital-card .btn {

    border-radius: 30px;

    padding: 10px 22px;

    font-weight: 600;

}

.hospital-card .btn-primary {

    background: #0d6efd;

    border-color: #0d6efd;

}

.hospital-card .btn-primary:hover {

    background: #0b5ed7;

}

.hospital-card .btn-outline-primary:hover {

    color: #fff;

}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:991px){

    .hospital-section .section-title{

        font-size:32px;

    }

}

@media (max-width:767px){

    .hospital-card{

        padding:30px 20px;

    }

    .hospital-section .section-title{

        font-size:28px;

    }

}