.search-dropdown
{
    list-style-type: none;
    border: 1px solid rgb(206, 202, 202);
    max-height: 300px;
    overflow-x: hidden;
    position: absolute;
}

.search-dropdown li
{
    cursor: pointer;
}

.search-dropdown li:hover {
    background-color: rgb(233, 232, 232);
    color: black;
}

.search-dropdown {
    z-index: 999; 
}

#search-article-dropdown {
    z-index: 999;
    width:100%;
    border: 1px solid rgb(206, 202, 202);
    border-radius: 7px;
}

#search-category-dropdown {
    margin-left: -23px;
}

/*Shimmer effect */

.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    color: transparent;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Loader */

.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid gray;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Slider nav links */

.nav-link:hover:not(.nav-link:focus, .nav-item a.active) {
    background-color: #eee;
    color: #0079a7;
    transition: padding .18s ease;
}

.nav-link:focus, .nav-item a.active {
    background-color: #007db8;
    outline: 1px dashed rgb(255, 255, 255) !important;
    outline-offset: -3px;
    color: white !important;
}

/* Form Controls */

.form-control {
    padding: 11px 12px;
}

/* Contact Us (Header) */
#header-contact-us:hover{
    background-color: rgba(0, 0, 0, 0.08);
    color: #fff !important;
}

#header-contact-us {
    background-color: transparent;
    border: 1px solid #ffffff70;
    padding: 9px 34px; 
    display: block;
    border-radius: 20px;
    font-weight: 700;
    width: 167px;
}

#parent-header-contact-us {
    /* position: absolute; */
    /* margin-top: 13px; */
    /* margin-left: 100px; */

    width: 240px;
}

/* SVG in sub menu (Header) */
.wsmenu-list .wsmegamenu svg
{
    min-width: 20px !important;
    color: rgb(213 27 95) !important;
}

/* Simple icon in sub menu (Header) */
.wsmenu-list .wsmegamenu i
{
    min-width: 20px !important;
    color: rgb(213 27 95) !important;
    font-size: 15px !important;
    padding-top: 3px !important;
}

/* Desktop */
/* Header: Media query */
@media screen and (min-width:992px) {
    #parent-header-contact-us {
        position:  unset !important;

        /* right: 2px !important; */
    }

    #header-contact-us {
        color: black !important;
        border-color: #c95b5b !important;
    }

    #header-contact-us:hover{
        background-color: #d90647 !important;
        color: #fff !important;
    }

    .wsmenu-list {
        background: none !important;
    }

    .faq{
        width: 700px;
        /* min-width:600px; */
    }
}

/* Mobile */
/* Sidebar: Media query */
@media screen and (max-width:991px) {
    .wsmenu-list {
        background: linear-gradient(45deg, #6c5ce7, #a363d9) !important;
        min-height: 90% !important;
    }

    nav.wsmenu {
        /* background: linear-gradient(45deg, #6c5ce7, #a363d9) !important;
        width: 240px !important;
         */
    }

    .wsmenu>.wsmenu-list>li>a{
        width: 100%;
        border-bottom-color: #ffffff70;
    }

    .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before{
        border-color: white;
    }

    .faq{
        width: 100%;
    }

    #parent-header-contact-us {
        padding-left: 33px;
        position: absolute !important;
        background: #6c5ce7 !important;
        height: 10% !important;
        transition: all 0.25s ease-in-out !important;
    }
}

/* Dyamic content: TAGS */
.dynamic-content img {
    border-radius: 7px;
    width: 100%;
    height: 100%;
}

/* Button */

.disable-focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.theme-gradient-btn, .theme-gradient-btn:active {
    background: linear-gradient(45deg, #6c5ce7, #a363d9) !important;
    color: white;
    width: 100%;
    padding: 9px;
}

.theme-gradient-btn:hover, .theme-gradient-btn:focus, .theme-gradient-btn:disabled {
    opacity: 0.8;
}

.theme-default-btn, .theme-default-btn:active {
    background: #d90647;
    color: white;
    width: 100%;
    padding: 9px;
}

.theme-default-btn:hover, .theme-default-btn:focus, .theme-default-btn:disabled {
    opacity: 0.8;
}

/* FAQ */
.faq {
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 8px;
    margin-bottom: 14px;
}

/* Custom breakpints */

.c-text-25 {
    font-size: 25px !important;
}

.c-text-20 {
    font-size: 20px !important;
}

@media screen and (max-width:575px) {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-size: 24px !important;
    }
}

@media screen and (max-width:768px) {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-size: 28px;
    }
}

@media screen and (min-width:576px) {
    .c-text-sm-30 {
        font-size: 30px !important;
    }
}

@media screen and (min-width:768px) {
    .c-text-md-35 {
        font-size: 35px !important;
    }
}

/* Custom Blur Classes */

.page-blur {
    filter: blur(10px);
    user-select: none;
    overflow: hidden;
    cursor: progress;
}

/* Page Loader */
.page-loader {
    width: 80px;
    height: 50px;
    position: relative;
  }
  
  .page-loader-text {
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    color: #C8B6FF;
    animation: text_713 3.5s ease both infinite;
    font-size: .8rem;
    letter-spacing: 1px;
  }
  
  .page-load {
    background-color: #9A79FF;
    border-radius: 50px;
    display: block;
    height: 16px;
    width: 16px;
    bottom: 0;
    position: absolute;
    transform: translateX(64px);
    animation: loading_713 3.5s ease both infinite;
  }
  
  .page-load::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #D1C2FF;
    border-radius: inherit;
    animation: loading2_713 3.5s ease both infinite;
  }
  
  @keyframes text_713 {
    0% {
      letter-spacing: 1px;
      transform: translateX(0px);
    }
  
    40% {
      letter-spacing: 2px;
      transform: translateX(26px);
    }
  
    80% {
      letter-spacing: 1px;
      transform: translateX(32px);
    }
  
    90% {
      letter-spacing: 2px;
      transform: translateX(0px);
    }
  
    100% {
      letter-spacing: 1px;
      transform: translateX(0px);
    }
  }
  
  @keyframes loading_713 {
    0% {
      width: 16px;
      transform: translateX(0px);
    }
  
    40% {
      width: 100%;
      transform: translateX(0px);
    }
  
    80% {
      width: 16px;
      transform: translateX(64px);
    }
  
    90% {
      width: 100%;
      transform: translateX(0px);
    }
  
    100% {
      width: 16px;
      transform: translateX(0px);
    }
  }
  
  @keyframes loading2_713 {
    0% {
      transform: translateX(0px);
      width: 16px;
    }
  
    40% {
      transform: translateX(0%);
      width: 80%;
    }
  
    80% {
      width: 100%;
      transform: translateX(0px);
    }
  
    90% {
      width: 80%;
      transform: translateX(15px);
    }
  
    100% {
      transform: translateX(0px);
      width: 16px;
    }
  }