html,


      body {
        position: relative;
        height: 100%;
      }
    
  
      body {
        background: #FF8D29!important;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }
      
    

    
      
      .cut-1 {
        height: 50%;
      background-color: #000000;
        width: 100%;
        position: fixed;
        top: 0;
        border-radius: 0px 0px 22px 22px;
    }
    .logo img {
    max-width: 300px;
    margin: auto;
    display: block;
    margin-top: 32px;
    
}


      html,

      body {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      

      .swiper {
        width: 240px;
        height: 320px;
      }
      .swiper span{
        margin: auto;
        position: absolute;
        max-width: 183px;
        text-align: center;
      }
      .swiper-slide>span a {
        text-decoration: none;
        color: white;
        text-shadow: 0px 1px 19px black;
    }

      .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        border: 8px solid white;
        border-bottom: 25px solid white;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        box-shadow: 10px 15px 19px #00000021;
    }
    

    .swiper-slide>img{
      max-height: 120%;
    }
    .bg-dark-img{
        background-color:black;
        width:100%;
        height:100%;
        opacity:0.6;
        position:absolute;
    }
    
    .btn-primary-custom{
    background-color:#FFCD38!important;
    border-color:#FFCD38!important;
    color:black!important;
    box-shadow: rgb(255 70 0 / 70%) -3px 6px 13px;
}   
      .fa-instagram {
    color: black;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: 250px;
}