* {
    font-family: "Poppins";
    margin: 0;
    padding: 0;
}

:root {
    --link-primary: #0C4D9E;
    --link-primary-hover: #1458ac;
    --light: #ffffff;
    --dark-shade: #323232;
}

nav.navbar {
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.body {
    height: 100vh !important;
}

.nav-link {
    color: black;
}

.nav-link.active {
    color: var(--link-primary) !important;
    font-weight: 600;
}
nav{
    background-color: red !important;
}
a.login,
a.signup {
    border-radius: 4px;
    width: 129px;
    height: 56;
}
a.login{
    background-color: var(--light) !important;
    color: var(--dark-shade);
    border: 1.5px solid var(--link-primary);
}
a.login:hover{
    background-color: var(--link-primary);
    transition: .2s ease-in;
}
a.signup{
    background-color: var(--link-primary);
}
/* .hero-container {
    width: 100%;
    min-height: 100vh;
    overflow: auto;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/vendor/icheck/skins/square/hero-image.jpg);
    background-position: center;
    background-size: cover;

} */
.hero-inner {
    width: 100%;
    height: 100%;
}

button.search {
    width: 100px;
    height: 40px;
    background-color: var(--link-primary);
    overflow: auto;
}

.form-control#search {
    width: 70%;
    height: 40px;
    overflow: auto
}

.form-search {
    width: auto !important;
    height: 100%;
    background-color: var(--light);
    border-radius: 4px;
    padding: 50px 20px 50px 20px !important;
}

.description-inner {
    font-size: 14px;
}

.lower {
    color: var(--link-primary);
    margin-top: 15px
}

/* .search-btn{
    background-color: var(--link-primary);
} */

.button-86 {
    all: unset;
    width: 100px;
    height: 30px;
    font-size: 16px;
    background: transparent;
    border: none;
    position: relative;
    color: var(--light);
    cursor: pointer;
    z-index: 1;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-86::after,
.button-86::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -99999;
    transition: all .4s;
}

.button-86::before {
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    background: var(--link-primary);
    border-radius: 10px;
}

.button-86::after {
    transform: translate(10px, 10px);
    width: 35px;
    height: 35px;
    background: var(--link-primary-hover);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 50px;
}

.button-86:hover::before {
    transform: translate(5%, 20%);
    width: 110%;
    height: 110%;
}

.button-86:hover::after {
    border-radius: 10px;
    transform: translate(0, 0);
    width: 100%;
    height: 100%;
}

.button-86:active::after {
    transition: 0s;
    transform: translate(0, 5%);
}
.location{
    width: 200px;
    height: 40px;
}
.business-icon{
    color: var(--link-primary)
}
.results-container{
    width: 100%;
    height: auto;
    overflow-y: scroll;
    /* background-color: red; */
}
.results-container::-webkit-scrollbar {
    display: none;
  }
.results-container{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.fake-content{
    width: 100;
    height: 15px;
    margin-bottom: 7px;
    background-color: rgb(211, 209, 209);
    border-radius: 2px;
}
.fake-content-container{
    animation: blinker 3s linear infinite;
}
@keyframes blinker {
    50% {
      opacity: 0;
    }
  }

.results-card{
    width: 100%;
    height: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    /* background-color: red; */
}
.medicine{
    color: var(--link-primary);
}
.med-description{
    max-width: auto
}
.error{
    width: 100%;
    height: auto;
}