.ecard-container {
    background: #ffffff;
    max-width: 500px;
    position: relative;
}

.dr-name h2 {
    /* font-family: 'Helvetica'; */
    color: #2556a2;
    font-size: 1.75rem;
    text-transform: capitalize;
    font-weight: bold;
}

.dr-degree h2,
.dr-spec h2 {
    color: #001836;
    /* font-family: 'Helvetica'; */
    font-size: 1rem !important;
}

.top-shapes {
    position: relative;
    top: 0px;
    left: 0px;
    width: 23rem;
}

.top-shapes img {
    width: 100%;
}

.bottom-cropper {
    position: relative;
    /* right: 0px; */
    width: 100%;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 
.bottom-cropper img {
    width: 100%;
} */

.dr-img {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.dr-image {
    position: relative;
    width: 13rem;
    height: auto;
    overflow: hidden;
    /* border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 6px solid #308cc4;
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/8px 8px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0%/8px 8px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100%/8px 8px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100%/8px 8px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat,
            linear-gradient(90deg, #75edf5 0%, rgba(17,101,143,0.67) 20%, rgba(79,163,208,0.67) 83%, #48abe0 100%);
border-radius: 6px;
/* padding: 9px; */
box-sizing: border-box;
}

.dr-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
    border-radius: 50%; 
}


/* .dr-name,
.dr-degree,
.dr-spec {
    margin-left: 1rem;
} */

.border-bottom {
    width: 10rem;
    height: 0.25rem;
    background-color: #13ccef;
    /* margin-left: 1rem; */
    width: 100%;
    position: relative;
    top:5rem;
}
.name-box {
    position: relative;
    margin-top: 0.5rem;
    left: 1.5rem;
}
.visit-us{
    position: relative;
    margin-top: 2.75rem;
    /* font-family: 'Poppins-Regular'; */
    font-size: 0.9rem;
    bottom: 0rem;
    left: 1.5rem;
}

.clinic-timings{
    position: relative;
    margin-right: 1rem;
    /* font-family: 'Poppins-Regular'; */
    font-size: 0.8rem;
    left: 1.5rem;
   
}

.qr-image{
    width: 5rem;
    height: 5rem;
    position: relative;
    /* bottom: 5rem; */
    left: 1.5rem;
}

.qr-image .image-box{
    width: 100%;
    position: relative;
}

.visit-us span{
    font-weight: bold;
}

.image-box{
    position: relative;
}

.qr{
    position: absolute !important;
    left: 0.40rem;
    top: 0.40rem;
    height: 68px !important;
    width: 68px !important;  
}