*{
    font-family: 'Open Sans', sans-serif;
}
body{
    font-size: 14px;
}
/* Custom scrollbar css start */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccd3e5;
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a2adc8;
}
/* Custom scrollbar css end */
.login{
    background-image: url(../image/login-bg.jpg);
    background-size: 50% 100%;
    background-position: left;
    background-repeat: no-repeat;
    height: 100vh;
}
.login-btn{
    background-image: linear-gradient(to right, #179F7B, #1FC798);
    color: #ffffff;
}
.custom-primary-btn{
    background-color: #782878;
    color: #ffffff;
    font-size: 14px;
    padding: 0.5rem 1.5rem;
}
.custom-primary-btn:hover{
    background-color: #681c68;
    color: #ffffff;
}
.custom-primary-outline-btn{
    border-color: #782878;
    color: #782878;
    font-size: 14px;
    padding: 0.5rem 1.5rem;
}
.custom-primary-outline-btn:hover{
    border-color: #782878;
    background-color: #f6f6f6;
    color: #782878;
    font-size: 14px;
    padding: 0.5rem 1.5rem;
}
.errors li{
    list-style: none;
    width: 100%;
    text-align: center;
}
.errors ul{
    padding-left: 0;
    margin-bottom: 0;
}
.mobile-menu{
    font-size: 30px;
    color: #782878;
}
.navbar-nav .nav-item .nav-link.active{
    color: #782878;
    font-weight: 600;
}
.content-area{
    min-height: 83vh
}
.search-header .background-bar{
    width: 100%;
    min-height: 80px;
    background: #f3f3f4;
}
.seach-input-field{
    display: flex;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    top: -2rem;
    left: 50%;
    transform: translateX(-50%);
}
.seach-input-field .fa-magnifying-glass{
    position: absolute;
    top: 50%;
    left: 1.5rem;
    color: #8e8e8e;
    transform: translateY(-50%);
}
.seach-input-field .search{
    padding: 1rem 3.5rem;
    padding-right: 8rem;
}
.seach-input-field .seach-divider{
    height: 1.5rem;
    border: 1px solid #9e9e9e;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7.5rem;
}
.seach-input-field .search-type{
    width: 18%;
    border: 0;
    position: absolute;
    right: 0;
    height: 100%;
    outline: none;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 14px;
}
.search-result-container h4{
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}
.analytics .likes, .analytics .views{
    color: #767676;
    font-size: 12px;
}
.analytics .likes .fas:hover{
    cursor: pointer;
}
.analytics .likes .fas:hover, .analytics .views .fas:hover{
    color: #EA4C89;
}
.library-image .hover-content{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35%;
    display: flex;
    align-items: center;
    background-image: linear-gradient(to top, rgba(0,0,0,0.77), rgba(0,0,0,0));
    color: #fff;
    /* transform: translateY(200%); */
    transition: opacity 300ms ease;
    padding: 0 2rem;
    border-radius: 4px;
    opacity: 0;
}
.library-image:hover .hover-content{
    opacity: 1;
}
.footer{
    background: #f3f3f3;
    font-size: 12px;
    margin-top: 20px;
}
.image-tags div{
    display: inline-block;
    border: 1px solid #ababab;
    border-radius: 2rem;
    padding: 5px 12px;
    font-size: 0.70rem;
    color: #555555;
    margin: 4px;
}