@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

  @font-face {
    font-family: 'Merienda';
    src: url('Merienda-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
  }

:root{
    --teal:#2ec1ac;
    --teal_hover:#279e8c;
}

*{
    font-family:'Poppins';
}

.h-font{
    font-family:'Merienda', cursive;
}

.swiper {
    width:100%;
    height:500px;
}

.custom-bg{
    background-color: var(--teal);
    border:1px solid var(--teal);
}

.custom-bg:hover{
    background-color:var(--teal_hover);
    border-color:var(--teal_hover);
}

.h-line{
    width:150px;
    margin:0 auto;
    height: 1.7px;
}

.custom-alert{
    position:fixed;
    top:75px;
    right:25px;
    z-index: 250;
}