@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

html,body,h1,h2,h3,h4,h5,p,strong,ul,li,a,.btn{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
h1,h2,h3,h4,h5{
  font-weight: 500;
}
strong{
  font-weight: 500;
}

.btn-pink{
  background-color: #bd1c83 !important;
  color:#FFF !important;
}

.bg-blue{
  background: #1f8abb;
}
.slick-next{
  right:25px;
}

.slick-prev{
  left:25px;
  z-index:999;
}

.single-item div{
  position: relative;
}
.slider-content{
  position: absolute !important;
  bottom:30px;
  text-align: center;
  width:100%;
  color:#FFF !important;
  z-index: 999;
  text-transform: capitalize;
}
.slider-content h3{
  font-size:18px;
}
@media (min-width:1024px){
    .slick-next:before, .slick-prev:before{
        font-size:40px;
    }
    .slick-next{
        right:40px;
    }
}