*, body{
    padding: 0px;
    margin: 0px;
}

.herocard{
    
    padding: 30px 20px;
    border-radius: 15px;
    margin-bottom: 15px;
}
.herocardimg {
    width: 50px;
}

.thumbnailcard{
    
    border: 1px solid #ceb7b7;
    border-radius: 15px;
    height: 300px;
    padding-top: 30px;
    transition: .3s;
    
}

.thumbnailcard:hover{
    box-shadow: 0px 15px 0px #b2b2ef;
}

.thumbnailcard img{
    width: 150px;
}

.thumbnailcard h4{
    font-size: 20px;
}





.thumbnailcarddoctor{
    
    border: 1px solid #ceb7b7;
    border-radius: 15px;
    height: 300px;
    padding-top: 30px;
    transition: .3s;
    
}

.thumbnailcarddoctor:hover{
    box-shadow: 0px 15px 0px #b2b2ef;
}

.thumbnailcarddoctor img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.thumbnailcarddoctor h4{
    font-size: 20px;
}


::selection {
    color: #fff;
    background-color: #005AEE;
}

/* ======================== */
/* Just Copy The Code Below */

/* ------------- */
/* Content Style */
/* ------------- */

.icon-card {
    position: relative;
    width: 270px;
    height: 270px;
    padding: 30px;
    border-radius: 10px;
    font-family: 'neuzeit-grotesk', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1em;
    line-height: 1.2;
    color: #fff;
    box-shadow: 0 40px 40px -20px #8fc7d544;
}

.icon-card.blue{
    background-color: #005AEE;
}
.icon-card.green{
    background-color: #00ee6e;
}
.icon-card.red{
    background-color: #ee00b7;
}
.icon-card.bsct{
    background-color: #eec000;
}
.icon-card.skyb{
    background-color: #00aeee;
}
.icon-card img {
    position: relative;
    left: 100%;
    transform: translateX(-100%);
    width: 70px;
}

.icon-card .card-content {
    margin-top: 30px;
}

.icon-card h6 {
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 2px;
}

.icon-card p {
    margin-top: 10px;
    color: #ffffffdd;
}

.icon-card.animation {
    animation: ReBounce 300ms ease-in-out;
}

/* Just Copy The Code Above */
/* ======================== */


/* ----------- */
/* UI Designer */
/* ----------- */

.designer {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    font-weight: 400;
    color: #46a2b9;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    transition: 300ms;
}

.designer a {
    text-decoration: none;
    color: #23515d;
}

a{
    text-decoration: none;
}

body:hover .designer {
    opacity: 1;
}


/* --------- */
/* Animation */
/* --------- */

@keyframes ReBounce {
    0% {
        width: 270px;
        height: 270px;
        padding: 30px;
    }
    10% {
        width: 280px;
        height: 280px;
        padding: 35px;
    }
    55% {
        width: 260px;
        height: 260px;
        padding: 25px;
    }
    100% {
        width: 270px;
        height: 270px;
        padding: 30px;
    }
}



.worldmap {
    margin-top: 50px;
    height: 450px;
    background-image: url(../img/ico/world-map.33fbb87.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    
}