/* apply for all screen */
body {
    background-color: #f5f5f4;
    font-family: 'Baloo 2', cursive;
}
header {
    /*background-image: linear-gradient(180deg, #fb76fb, #fcd3fc);*/
    color: #040072;
}
#bottom-nav{
      /*background-image: linear-gradient(180deg, #fb76fb, #fcd3fc);*/
    color: #040072;
}
nav{
    /*background-image: linear-gradient(180deg,#fcd3fc, #fb76fb);*/

    color: #040072;
}
 /* Alternatively, custom scrollbar-hide utility */
 .scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-item {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease-in-out;
}
.carousel-item.active {
    display: block;
    position: relative;
}

/* Large screen */
@media (min-width: 993px) {
 nav{
        display: none;
    }
    .top-menu {
        display: block;
    }
}
/* medium screen */
@media (max-width: 992px) {
    nav{
        display: block;
    }
    .top-menu {
        display: none;
    } 
}
/* small screen */
@media (max-width: 767px) { 
    nav{
        display: block;
    } 
    .top-menu {
        display: none;
    }
}