*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    font-size: 62.5%;
    font-family: nimbus-sans,ryo-gothic-plusn, sans-serif;
font-weight: 400;
font-style: normal;
font-feature-settings: "palt";

}
body{
    overflow: hidden;
}
.over{
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 100000;
    background-color: white;
}
.over_img{
    position: absolute;
    width: 16vw;
    height: auto;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}
h1{
    font-size: 2.8rem;
    letter-spacing: -0.02rem;
    font-weight: normal;
    color: white;
}
.mmn_content{
    width: 100vw;
    height: 100vh;
   overflow: hidden;

}
.mmn_content_head{
    position: absolute;
    width: 100vw;
    height: 60px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    padding-left: 40px;
}
.mmn_logo{
    height: 40px;
    margin-right: 20px;
}
.slider{
    position: absolute;
    width: 100vw;
    height: 100vh
}
.slide{
    width: 100vw;
    height: 100vh
}
.slide_image{
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
.slide_logo{
    width: 16vw;
    height: auto;
    z-index: 1000;
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.slick-dots{
    height: 45px !important;
    bottom: 0px !important;
    
}

.slick-dots li{
    width: 25% !important;
    height: 30px !important;
    margin: 0 !important;
}
.slick-dots li button::before{
    height: 60px !important;
    width: 100% !important;
    opacity: 0.5 !important;
    font-size: 30px;
    transition: font-size .25s;
}
.slick-dots li button{
    height: 30px !important;
    width: 100% !important;
}
.slick-dots .slick-active button[aria-label="1 of 4"]::before{
    color: #EBDDC0 !important;
    opacity: 1 !important;
    font-size: 45px;
}
.slick-dots .slick-active button[aria-label="2 of 4"]::before{
    color: #196850 !important;
    opacity: 1 !important;
    font-size: 45px;

}
.slick-dots .slick-active button[aria-label="3 of 4"]::before{
    color: #9BC144 !important;
    opacity: 1 !important;
    font-size: 45px;

}
.slick-dots .slick-active button[aria-label="4 of 4"]::before{
    color: #DE502A !important;
    opacity: 1 !important;
    font-size: 45px;

}
@media screen and (max-width: 520px) {
    .slide_logo{
        width: 50vw;
    }
    .mmn_content_head{
        padding-left: 10px;

    }
    h1{
        font-size: 2rem;
    }
    
}