html, body {
  margin: 0;              
  padding: 0;              
  overflow-x: hidden;        
  overflow-y: auto;          
         
  box-sizing: border-box;    
}



    body {
      display: flex;
      flex-direction: column;
      
    }
    .content {
      flex: 1;
      
    }
    .equal-button {
        width: 100%;
        max-width: 300px; 
        height: 35px;    
        display: block;
        text-align: center;
    }

    img.responsive-img {
      width: 100%;
      height: 100vh;
      object-fit: cover; 
      object-position: center; 
  }
  
  @media only screen and (max-width: 1468px) { 
    img.responsive-img {
        object-fit: cover; 
        object-position: center top; 
        width: 100%;
        height: 140vw;
    }
  }
  @media only screen and (max-width: 768px) { 
      img.responsive-img {
          object-fit: cover; 
          object-position: center top; 
          width: 100%;
          height: 140vw;
      }
    }
      @media only screen and (max-width: 468px) { 
        img.responsive-img {
            object-fit: cover; 
            object-position: center top; 
            width: 100%;
            height: 140vw;
        }   
  }
   .imgkap {
     float: left;
   }
   
   .textkap {
     float: right;
   }
  

   .btn {
    border-radius: 5px; 
    background: linear-gradient(to right, #ebd157, #e4ad01);
    font-weight: 750;
    font-size: 16px;
    font-family: Inter, sans-serif;
    border: 1px solid  #ebd157 ;
    }

    .btn2 {
      border-radius: 5px;
      background: linear-gradient(to right, #ebd157, #e4ad01);
      font-weight: 750;
      font-size: 0px;
      margin: 0;
      font-family: Inter, sans-serif;
      border: 1px solid #ebd157;
      padding: 0; 
      display: center;
      align-items: center;
      justify-content: center; 
      width: 130%;
      height: 0%; 
    }
    .flag-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
    }
    
  
    .btn:hover {
      border-radius: 5px; 
      background: linear-gradient(to right,#e4ad01, #ebd157);
      font-weight: 750;
      font-size: 16px;
      font-family: Inter, sans-serif;
      border: 1px solid  #ebd157;
      }

      @media (max-width: 768px) {
        .btn {
            padding: 8px 16px;
            font-size: 15px;
            border-radius: 4px;
        }
    }
    
    @media (max-width: 480px) {
        .btn {
            padding: 6px 12px;
            font-size: 15px;
            border-radius: 3px;
        }
    }

    .custom-hr {
      border: none; 
      height: 3px; 
      border-radius: 5px; 
      background-color: #ffffff; 
      width: 50%; 
      margin: 0 auto; 
  }

      .text-white:hover {
        background: #080300;
      }

      .navbar-toggler {
        border: 2px solid #ebd157;
      }
      .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='gold' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }
      .sticky-navbar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020; 
    }
    li {
      color:white;
      font-family: Inter, sans-serif;
      line-height: 1.5;
      font-size: 16px;
      padding: 5px;
    }
    .bg-custom-dark {
      background-color: #060200 !important;
  }

  .kontener .btnnachodzacy {
    position: absolute;
    top: 500px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 25px;
    cursor: pointer;
}
@media (max-width: 1400px) {
  .kontener .btnnachodzacy {
      top: 130%;
      padding: 8px 16px;
          font-size: 18px;
          border-radius: 4px;
  }
  
}

@media (max-width: 1280px) {
  .kontener .btnnachodzacy {
      top: 120%;
      padding: 8px 16px;
          font-size: 18px;
          border-radius: 4px;
  }
  
}
@media (max-width: 1048px) {
  .kontener .btnnachodzacy {
      top: 120%;
      padding: 8px 16px;
          font-size: 18px;
          border-radius: 4px;
  }
  
}
@media (max-width: 1024px) {
  .kontener .btnnachodzacy {
      top: 120%;
      padding: 8px 16px;
          font-size: 18px;
          border-radius: 4px;
  }
  
}

@media (max-width: 912px) {
    .kontener .btnnachodzacy {
        top: 110%;
        padding: 8px 16px;
            font-size: 12px;
            border-radius: 4px;
    }
    
}

@media (max-width: 768px) {
  .kontener .btnnachodzacy {
      top: 120%;
      padding: 8px 16px;
          font-size: 8px;
          border-radius: 4px;
  }
  
}

@media (max-width: 540px) {
  .kontener .btnnachodzacy {
      top: 110%;
      padding: 8px 16px;
          font-size: 8px;
          border-radius: 4px;
  }
  
}
@media (max-width: 480px) {
  .kontener .btnnachodzacy {
      top: 100%;
      padding: 2px 16px;
          font-size: 8px;
          border-radius: 4px;
  }
 
}
.partner-logo {
  margin-left: 1.2%; 
  margin-right: 1.2%; 
}
.partner-logo2 {
  margin: 5px;
  margin-left: 2.5%; 
  margin-right: 2.5%; 
}

.partner-logo3 {

  margin-left: 2.8%; 
  margin-right: 2.8%; 
}
.ticker-wrapper {
  overflow: inherit; 
  white-space: nowrap;
  width: 100vw;
  position:fixed; 

  
}

.img-ticker {
  display: inline-block;
  animation: ticker-kf 40s linear infinite;
  min-width: 100%;
  
}

.img-ticker img {
  width: max-content;
  height: 70px;
  display: inline-block;
  margin-right: 5px;
  
}

@keyframes ticker-kf {
0% {
  transform: translate3d(2%, 1s, 1);
}

100% {
  transform: translate3d(-50%, 0, 0);
}
}

.ticker-wrapper2 {
  overflow: hidden; 
  white-space: nowrap; 
  width: 100vw; 
  position:relative;

  
}

.img-ticker2 {
  display: inline-block;
  animation: ticker-kf2 70s linear infinite;
  display: flex;
  margin: 0;
}

.img-ticker2 img {
  width: auto;
  height: 288px; 
  display: inline-block;
  
}

@keyframes ticker-kf2 {
0% {
  transform: translate3d(-50%, 0, 0);
}

100% {
  transform: translate3d(0, 0, 0);
}
}

.ticker-wrapper3 {
  overflow: hidden; 
  white-space: nowrap; 
  width: 100vw; 
  position: relative;
}

.img-ticker3 {
  display: inline-block;
  animation: ticker-kf3 75s linear infinite;
  margin: 0;
  display: flex;
}

.img-ticker3 img {
  width: auto;
  height: 288px; 
  display: inline-block;
}

@keyframes ticker-kf3 {
0% {
  transform: translate3d(0, 0, 0);
}

100% {
  transform: translate3d(-50%, 0, 0);
}
}
.overlay-text {
  
  position: absolute;
  top: 210px;
  width: 100%;
  
  color: white; 
  font-weight: 900;
  font-family: Inter, sans-serif;
  line-height: 1.1; 
 
  z-index: 10;
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
  font-size: 10rem; 
}
.poverlay {
  top: 400px; 
  line-height: 1.2; 
 
  font-family: Inter, sans-serif;

  font-weight: 400;
  font-size: 1.3rem;
  max-width: 800px;
  text-shadow: 0px 0px 1px black, 0 0 0em black, 0 0 0.1em black;
}

@media (max-width: 1480px) {

  .overlay-text {
    position: absolute;
    top: 205px; 
  
    font-size: 7rem;
    color: white; 
    font-weight: 900;
    z-index: 10;
  }
  .poverlay {
      
    font-size: 15px; 
    text-shadow: #000000 2px 1px;
  }
}
  @media (max-width: 1280px) {

    .overlay-text {
      position: absolute;
      top: 205px; 
    
      font-size: 7rem;
      color: white; 
      font-weight: 900;
      z-index: 10;
    }
    .poverlay {
        
      font-size: 15px; 
      text-shadow: #000000 2px 1px;
    }
  }
  @media (max-width: 1048px) {

    .overlay-text {
      position: absolute;
      top: 205px; 
   
      font-size: 5rem;
      color: white; 
      font-weight: 900;
      z-index: 10;
    }
    .poverlay {
        
      font-size: 15px; 
      text-shadow: #000000 2px 1px;
    }
  }
  @media (max-width: 1024px) {

    .overlay-text {
      position: absolute;
      top: 205px; 
     
      font-size: 6.5rem;
      color: white; 
      font-weight: 900;
      z-index: 10;
    }
      .poverlay {
        
        font-size: 15px; 
        text-shadow: #000000 2px 1px;
      }
    }
    @media (max-width: 912px) {

      .overlay-text {
        position: absolute;
        top: 155px; 
       
        font-size: 5.7rem;
        color: white; 
        font-weight: 900;
        z-index: 10;
      }
        .poverlay {
          
          font-size: 15px; 
          text-shadow: #000000 2px 1px;
        }
      }
      @media (max-width: 768px) {

        .overlay-text {
          position: absolute;
          top: 155px; 
       
          font-size: 5rem;
          color: white; 
          font-weight: 900;
          z-index: 10;
        }
          .poverlay {
            
            font-size: 10px; 
            text-shadow: #000000 2px 1px;
          }
        }
      @media (max-width: 698px) {

        .overlay-text {
          position: absolute;
          top: 155px; 
       
          font-size: 4.3rem;
          color: white; 
          font-weight: 900;
          z-index: 10;
        }
          .poverlay {
            
            font-size: 10px; 
            text-shadow: #000000 2px 1px;
          }
        }
        
      @media (max-width: 540px) {

        .overlay-text {
          position: absolute;
          top: 125px; 
          
          font-size: 3rem;
          color: white; 
          font-weight: 900;
          z-index: 10;
        }
          .poverlay {
            
            font-size: 12px; 
            text-shadow: #000000 2px 1px;
          }
        }
      @media (max-width: 480px) {
        .overlay-text {
          position: absolute;
          top: 105px; 
       
          font-size: 3em;
          color: white; 
          font-weight: 900;
          z-index: 10;
        }
          .poverlay {
            
            font-size: 6xpx; 
            text-shadow: #000000 2px 1px;
          }
      }

      .afterparty {
        text-align: justify;
        line-height: 1.6;
    }
    .justified-text {
      text-align: justify;
  }