@font-face {
        font-family: "Inter-Regular";
        font-weight: normal;
        font-style: normal;
        font-display: swap;
        src: url("public/fonts/Inter-Regular.ttf") format("truetype"), 
        url("public/fonts/Inter-Regular.eot") format("eot"), 
        url("public/fonts/Inter-Regular.svg#Inter-Regular") format("svg"), 
        url("public/fonts/Inter-Regular.woff") format("woff"); 
      }
      @font-face {
        font-family: "Inter-Medium";
        font-weight: 500;
        font-style: normal;
        font-display: swap;
        src: url("public/fonts/Inter-Medium.ttf") format("truetype"), 
        url("public/fonts/Inter-Medium.eot") format("eot"), 
        url("public/fonts/Inter-Medium.svg#Inter-Medium") format("svg"), 
        url("public/fonts/Inter-Medium.woff") format("woff"); 
      }
      @font-face {
        font-family: "Inter-Bold";
        font-weight: bold;
        font-style: normal;
        font-display: swap;
        src: url("public/fonts/Inter-Bold.ttf") format("truetype"), 
        url("public/fonts/Inter-Bold.eot") format("eot"), 
        url("public/fonts/Inter-Bold.svg#Inter-Bold") format("svg"), 
        url("public/fonts/Inter-Bold.woff") format("woff"); 
      }
      @font-face {
        font-family: "Inter-ExtraBold";
        font-weight: bold;
        font-style: normal;
        font-display: swap;
        src: url("public/fonts/Inter-ExtraBold.ttf") format("truetype"), 
        url("public/fonts/Inter-ExtraBold.eot") format("eot"), 
        url("public/fonts/Inter-ExtraBold.svg#Inter-ExtraBold") format("svg"), 
        url("public/fonts/Inter-ExtraBold.woff") format("woff"); 
      }                  

      @font-face {
        font-family: "Inter-Light";
        font-weight: 300;
        font-style: normal;
        font-display: swap;
        src: url("public/fonts/Inter-Light.ttf") format("truetype"), 
        url("public/fonts/Inter-Light.eot") format("eot"), 
        url("public/fonts/Inter-Light.svg#Inter-Light") format("svg"), 
        url("public/fonts/Inter-Light.woff") format("woff"); 
      }  
      
    input:focus-visible {
      outline: none !important; 
    }
    .bg2{
      background: linear-gradient(180deg, #FFF 30.15%, #EBF3FB 100%);
    }
    .bg3{
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.17%, rgba(255, 255, 255, 0.19) 110.84%);
      background-blend-mode: plus-lighter;
    }
    .bg-card2.active{
      border-radius: 60px;
      border: 3px solid #FAD611;
      background: radial-gradient(65.55% 29.62% at 50% 107.67%, #ffd90029 0%, rgba(0, 32, 42, 0.00) 100%), radial-gradient(98.34% 44.44% at 50% 107.67%, #6A5A05 0%, rgba(0, 32, 42, 0.00) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.00) 41.04%, rgba(255, 255, 255, 0.19) 110.84%), linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.20) 100%);
      background-blend-mode: plus-lighter, plus-lighter, plus-lighter, normal;
      box-shadow: 1px 1px 0.5px -3.5px rgba(255, 255, 255, 0.20) inset, -1px -2px 1px -2px #B3B3B3 inset, 0px 0px 0px 1px #999 inset;
      backdrop-filter: blur(50px);
    }       
      .bg-radiant{
        border-radius: 100px;
        background: radial-gradient(65.55% 29.62% at 50% 107.67%, #14779F 0%, rgba(0, 32, 42, 0.00) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.17%, rgba(255, 255, 255, 0.19) 110.84%);
        background-blend-mode: plus-lighter, plus-lighter;
        box-shadow: 1px 1px 0.5px -3.5px rgba(255, 255, 255, 0.20) inset, -1px -1px 1px -2px #B3B3B3 inset, 0px 0px 0px 1px #999 inset;
        backdrop-filter: blur(50px);
      }
      .bg-slider{
        border-radius: 32px;
        box-shadow: 1px 1px 0.5px -3.5px rgba(255, 255, 255, 0.20) inset, -1px -2px 1px -2px #B3B3B3 inset, 0px 0px 0px 1px #999 inset;
        backdrop-filter: blur(50px);
      }
      .bg-list{
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.06) 20.43%, rgba(255, 255, 255, 0.06) 80.07%, rgba(255, 255, 255, 0.02) 100%);
        background-blend-mode: plus-lighter;
      }
      .text-gradiant{
        background: radial-gradient(136.4% 102.21% at 36.37% 100%, rgba(255, 255, 255, 0.60) 0%, #FFF 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      body{
        font-family: 'Inter-Regular', sans-serif !important;
      }

      .font-bold{
        font-family: 'Inter-Bold', sans-serif !important;
      }
      .font-extrabold{
        font-family: 'Inter-ExtraBold', sans-serif !important;
      }
      .font-medium{
        font-family: 'Inter-Medium', sans-serif !important;
      } 
      .font-light{
        font-family: 'Inter-Light', sans-serif !important;
      }

      @keyframes marquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }
      .animate-marquee {
        display: inline-block;
        min-width: 200%;
        animation: marquee 18s linear infinite;
      }

       .bg-card{
        border-radius: 120px;
        border: 1.4px solid var(--Stroke---CC-2, rgba(150, 162, 254, 0.60));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.17%, rgba(255, 255, 255, 0.19) 110.84%);
        background-blend-mode: plus-lighter;
        box-shadow: 1px 1px 0.5px -3.5px rgba(255, 255, 255, 0.20) inset, -1px -2px 1px -2px #B3B3B3 inset, 0px 0px 0px 1px #999 inset;
        backdrop-filter: blur(50px);
      }     

      .bg-speaker{
        border-radius: 1000px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) -5.17%, rgba(255, 255, 255, 0.00) 95.51%);
        background-blend-mode: plus-lighter;
      }      

      .bg-card2{
        border-radius: 60px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.20) 100%);

        box-shadow: 1px 1px 0.5px -3.5px rgba(255, 255, 255, 0.20) inset, -1px -2px 1px -2px #B3B3B3 inset, 0px 0px 0px 1px #999 inset;
        backdrop-filter: blur(50px);
      }
      .custom-hr{
        border-top: 1px solid rgba(255, 255, 255, 0.00);
      }