.slider-wrapper {
    position: relative;
    overflow: hidden;
}

.slides-container {
    height: calc(100vh - 6rem);
    width: 100%;
    display: flex;
    overflow: scroll;
    scroll-behavior: smooth;
}

.slide {
    width: 100%;
    height: 100%;
    flex: 1 0 100%;
}

.content{
  width:80%;
  top: 50%;
  left: 7%;
  transform: translateY(-50%);
}


@media (min-width: 992px) {
    .content{
        width:40%;
    }
}



.content h1 {
    font-family: 'Nasalization', sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #ffffff;  
}

.content p {
    margin-top: 25px;
    font-size: 18px;
    color: #fdfdfd;
    font-weight: 400;
    line-height: 24.4px; 
}

.content button {
   background-color: #239066;
   color:#ffffff;
   font-size: 18px;
   font-weight: 500;
   padding: 10px 15px;
}

.content button:hover{
    background-color: #038b57;
    color:#ffffff; 
}

.slides-container {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

/* WebKit */
.slides-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}