body {
   width: 100vw;
   background-color: #050801;
   margin: 0;
   padding: 0;
   overflow-x: hidden;
   /* Keep this if needed */
   font-optical-sizing: auto;
   color: #fff;
   font-size: 100%;
   font-family: "Montserrat", serif;
   font-weight: 400;
   position: static;
   font-family: 'Montserrat', sans-serif;
   /* Ensure overflow is not hidden */
}


.hero {
   height: 100vh;
   background-size: cover;
   background-position: center;  
   padding-top: 15%;
}
a {
   text-decoration: none;
   color: #fff;
}
h1.glass-gradient,
a.glass-gradient,
h2.glass-gradient {
   background: linear-gradient(135deg,#8acce0 0%,#79e0ff 33%,#4bcae0 66%,#2ab2c4 100%);
   -webkit-background-clip:text;
   background-clip:text;
   color:transparent;
   filter:drop-shadow(0 0 6px rgba(255,255,255,.35));
 }

 .display-big {
   font-size: 15rem;
   font-weight: 700;
   opacity: 0.8;

 }
 .display-medium {
   font-size: 10rem;
   font-weight: 700;
   opacity: 0.8;

 }
 @media  screen and (max-width: 767.98px) {
  .display-medium {
   font-size: 14px;
  }  
  
  .display-big {
   font-size: 5rem;
   margin-block: 15px;
  }
 }


 .choice-left {


  opacity: 0.8; 
  text-decoration: none;
  text-align: end !important;

 }
 .choice-right {
  

  opacity: 0.8; 
  text-decoration: none;
  text-align: start !important;

 }

video {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}


/* about */

.about img {
   width: 100%;
}
.about p,
.about a {
   font-size: larger;
   color: #fff;
   text-decoration: none;
}




.card {
   border : none !important;
}
.card-body {
   background-color: #050801;
   font-size: larger;
}
.card-body h5 {
   background: linear-gradient(135deg,#8acce0 0%,#79e0ff 33%,#4bcae0 66%,#2ab2c4 100%);
   -webkit-background-clip:text;
   background-clip:text;
   color:transparent;
   filter:drop-shadow(0 0 6px rgba(255,255,255,.35));
}


.test {
   height: 100vh;
   background-color: #050801;
}

.honey {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: -9998;
   background: url('/static/img/honey.png') center/cover no-repeat;
   pointer-events: none; /* nie przeszkadza w klikaniu */
 }
 
 .overlay {
   position: absolute;
   inset: 0;
   z-index: 9999;
   background-color: rgba(0, 0, 0, 1); /* prawie pełne zaciemnienie */
   mask-image: radial-gradient(circle at -999px -999px, transparent 0px, black 200px);
   -webkit-mask-image: radial-gradient(circle at -999px -999px, transparent 0px, black 200px);
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   pointer-events: none;
 }
 

 
 .about_tab{ margin-block: 10vh;}

.about_tab .col-md-4{
   height: 35vh;
   overflow: hidden;
   
}
 .about_tab .col-md-4 img {
   object-fit: cover;

 }



@media screen and (max-width: 767.98px) {
   .small-btn {
      display: none !important;
   }
}