@font-face {
    src: url(/static/fonts/Magistral-ExtraBold.ttf);
    font-family: magistral-eb;
    }

@font-face {
    src: url(/static/fonts/Magistral-Bold.ttf);
    font-family: magistral-b;
    }

@font-face {
    src: url(/static/fonts/Magistral-Medium.ttf);
    font-family: magistral-m;
    } 

@font-face {
    src: url(/static/fonts/Magistral-Light.ttf);
    font-family: magistral-l;
    } 

@font-face {
    src: url(/static/fonts/Magistral-MediumItalic.ttf);
    font-family: magistral-mi;
    } 

@font-face {
    src: url(/static/fonts/Magistral-LightItalic.ttf);
    font-family: magistral-li;
    } 

.magistral-eb {
    font-family: magistral-eb;
}

.magistral-b {
    font-family: magistral-b;
}
    
.magistral-m {
    font-family: magistral-m;
}

.magistral-l {
    font-family: magistral-l;
}

.magistral-mi {
    font-family: magistral-mi;
}

.magistral-li {
    font-family: magistral-li;
}

.image-cover-basic {
    width: 100%; 
    height: 100%; 
    -o-object-fit: cover;
       object-fit: cover; 
  }



.loaderContainer {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}


.loaderContainer.loaderHidden {
    animation: fadeOutLoader 0.7s;
    animation-fill-mode: forwards;
}

@keyframes fadeOutLoader {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}