html {
        scrollbar-color: #e98700 #1c1b1b;
        scrollbar-width: thin;
        scroll-behavior: smooth;
      }
      .material-symbols-outlined {
        font-variation-settings:
          "FILL" 0,
          "wght" 300,
          "GRAD" 0,
          "opsz" 24;
      }
      .frosted-obsidian {
        background: rgba(19, 19, 19, 0.8);
        backdrop-filter: blur(20px);
      }
      .text-glow {
        text-shadow: 0 0 20px rgba(233, 135, 0, 0.2);
      }
      .gold-gradient-bg {
        background: radial-gradient(circle at center, rgba(233, 135, 0, 0.1) 0%, rgba(19, 19, 19, 1) 70%);
      }


      /*------------------------------------
	Preloader
------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    width: 100vw;
    height: 100vh;
    background: #1c1b1b;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#preloader img {
    max-width: 550px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px 20px;
}

.custom-loader {
    height: 4px;
    width: 130px;
    background: linear-gradient(#e98700), linear-gradient(#e98700), #fff;
    background-size: 60% 100%;
    background-repeat: no-repeat;
    animation: p6 1.5s infinite;
    border-radius: 5px;
}

@keyframes p6 {
    0% {
        background-position: -150% 0, -150% 0
    }
    66% {
        background-position: 250% 0, -150% 0
    }
    100% {
        background-position: 250% 0, 250% 0
    }
}


#wpp-float-fade {
    z-index: 999 !important;
    position: fixed;
    bottom: 33px;
    right: 33px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0 0 15px rgb(0 0 0 / 8%);
    border-radius: 50px;
     transition: 0.3s ease-in-out;
}

#wpp-float-fade:hover {
     box-shadow: 0 0 30px rgba(23, 23, 23, 0.4);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
     transition: 0.3s ease-in-out;
}

#wpp-float-fade img {
    width: 60px;
    height: 60px;
}