@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;700;900&display=swap');



html {font-family:"Poppins", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

ul,li{list-style:  none}

html,body {margin:0px}

.a-clean {color: inherit !important;text-decoration: none !important;}

.opacity-half {opacity: 0.5 !important;}




.padding-h-16 {padding-inline: 16px !important;}

.letter-spacing-4 {letter-spacing: 4px !important;}

.letter-spacing-1 {letter-spacing: 1px !important;}



.animate-height {height: 0%;}

.text-primary {color:#1e87f0 !important}

.indecator-trigger:hover > .animate-height { animation: animate-height 0.3s ease-out;animation-fill-mode: forwards;}


.z-index-2 {z-index: 2;}

.text-huge {font-size: 45px;}

.text-big {font-size: 34px;}

.background-transparent {background-color: transparent !important;}

* {transition: background 0.5s ease-out;}




.pointer {cursor: pointer;}

.loading-overlay {
    position: absolute !important;
    width: 100%;
    animation-name: loading;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-fill-mode: forwards;
     /* animation-direction: alternate;  */
    z-index: 9999;
    height: 100%;
 
}


@keyframes animate-height {
    0% {height: 0px;}
    100% {height: 100%;}
  }



@keyframes loading {
   0%{

    clip-path: circle(0.0% at 50% 100%);
    }

    50% {
        clip-path: circle(111.5% at 49% 100%);
    }

    51% {
        clip-path: circle(112.4% at 48% 0);;
    }

   100% {
  height: 0px !important;
  display: none;
    clip-path:circle(0.0% at 48% -90%);
  
    }
    
}