*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
  }
  
@font-face {
    font-family: "Elgoc-Thin";
    src: url(font/Elgoc-Thin.ttf);
}

@font-face {
    font-family: "Romie-Regular";
    src: url(font/Romie-Regular.otf);
}

@font-face {
    font-family: "Poppins-Light";
    src: url(font/Poppins-Light.ttf);
}

@font-face {
    font-family: "Zodiak-Thin";
    src: url(font/Zodiak-Thin.otf);
}

@font-face {
    font-family: "Zodiak-ThinItalic";
    src: url(font/Zodiak-ThinItalic.otf);
}



/* Hide scrollbar for Chrome, Safari and Opera */
    body::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
    body {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

/* carousel */
    .carousel-inner {
        background-color: black;
    }
    .carousel-inner img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
      
    .carousel-inner img:hover  {
        opacity: 40%;
        transition: opacity 0.3s ease;
    }