/*
=========================================================
   HELCU — DOCTOR PROFILE CARD
========================================================= */


/*
=========================================================
   BASE — MOBILE FIRST
   0px → 767.98px
=========================================================
*/

.hc-profile-card {

    position: relative;

    width: 100%;

    max-width: 100%;

    margin: 0 auto;

    overflow: hidden;

    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid rgba(0, 0, 0, 0.08);

    border-radius: 16px;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.08);

}


/*
---------------------------------------------------------
   Card Body
---------------------------------------------------------
*/

.hc-profile-body {

    width: 100%;

    box-sizing: border-box;

}


/*
---------------------------------------------------------
   Card Bottom / Footer
---------------------------------------------------------
*/

.hc-profile-bottom {

    width: 100%;

    box-sizing: border-box;

}


/*
---------------------------------------------------------
   Child Elements
---------------------------------------------------------
*/

.hc-profile-card img {

    max-width: 100%;

}


.hc-profile-card button,
.hc-profile-card a {

    box-sizing: border-box;

}


/*
=========================================================
   TABLET
   768px → 1199.98px
=========================================================
*/

@media (min-width: 768px) {

    .hc-profile-card {

        max-width: 430px;

        border-radius: 18px;

        box-shadow:
            0 5px 22px rgba(0, 0, 0, 0.09);

    }

}


/*
=========================================================
   DESKTOP
   1200px+
=========================================================
*/

@media (min-width: 1200px) {

    .hc-profile-card {

        max-width: 460px;

        border-radius: 20px;

        box-shadow:
            0 6px 26px rgba(0, 0, 0, 0.10);

    }

}