:root {
  --themeColor: rgb(30 58 138);
}
.socialMedia {position: fixed; top: 50%; transform: translateY(-50%); right: 0px; display: block; padding: 0; background: var(--themeColor); color: #fff; font-size: 16px; text-decoration: none; border-radius: 4px; z-index: 100;}
.socialMedia a {display: block; padding: 12px 20px; color: #fff; font-size: 16px; text-decoration: none; border-radius: 4px;}

.hsliderwrap {position: absolute; height: 100%; top: 0; left: 0; width: 100%;}
.hsliderwrap .bx-wrapper {border: 0;}

.docpopup p {margin-bottom: 10px;}

@media only screen and (max-width: 1023px) {
  .bookAppointmentBtn {position: fixed; top: calc(100vh - 80px); right: 20px;}
}

/* Dropdown menu styles */
.dropdown-menu {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.group:hover .dropdown-menu {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 640px) {
  .blink-banner.bl {left: auto !important; right: 15px !important; bottom: 96px;}
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.blink {
    animation: blink 2s infinite;
}

.opd20 {width: 100%; max-width: 480px;}