@font-face { font-weight: 400; font-family: 'SpaceMono'; src: url('../../assets/fonts/SpaceMono-Italic.ttf') format('truetype'); font-style: italic; font-display: swap }
@font-face { font-weight: 400; font-family: 'SpaceMono'; src: url('../../assets/fonts/SpaceMono-Regular.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 700; font-family: 'SpaceMono'; src: url('../../assets/fonts/SpaceMono-Bold.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 700; font-family: 'SpaceMono'; src: url('../../assets/fonts/SpaceMono-BoldItalic.ttf') format('truetype'); font-style: italic; font-display: swap }

*{ font-family: "SpaceMono"!important; }
.wrap{ width: 430px; margin: 0 auto; }
html { scroll-behavior: smooth; }

body{
  margin: 0;
  padding: 0; 
  background-color: rgba(254, 245, 233, 1);
  overflow-x: hidden; /* Ýany tarapdan scroll aýyrmak üçin */
}
.bg {
  position: fixed; /* Fixed – hereketlenmez */
  top: 0;
  left: 0;
  width: 100%; /* Doly ekran eni */
  height: 100%; /* Doly ekran beýni */
  background-image: url('../../images/noise.jpg'); /* Suratyň yolyňyzy buraya goýuň */
  background-size: cover; /* 100% doly öwrenýär, gymyldamaz */
  background-position: center; /* Orta bilen merkezleşdirýär */
  background-repeat: no-repeat; /* Gaýtalanma däl */
  z-index: -1; /* Mazmunyň arka tarapynda bolmaly */
}
.content {
  position: relative; /* Mazmunyň üstünde bolmaly */
  z-index: 1; /* Suratdan öňe çykaryş */
  width: 100%; /* Opşirimaly en */
  margin: 0 auto; /* Merkezleşdirmek */
  min-height: 200vh; /* Scroll test etmek üçin uzynlyk */
  background: rgba(255, 255, 255, 0); /* Opşirimaly okylyş üçin (isteg bolsa aýyr) */
}
.orange{
  color: #FA4616;
}

.line{
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 35px 0;
  position: relative;
}
.line div{
  background-color: #FA4616;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: -5px auto 0 auto;
}
.main ul p{
  position: absolute;
  font-size: 20px;
  line-height: 120%;
  color: white;
  text-align: center;
  left: 0;
  right: 0;
  margin: -65px auto 0 auto;
}

.technology ul p{
  position: absolute;
  font-size: 20px;
  line-height: 120%;
  color: white;
  left: 19px;
  bottom: 25px;
}

.meetings video{
  /* border-radius: 20px; */
}
.meetings video:nth-child(2){
  margin: 50px 25px 0 25px;  
}
.meetings video:last-child{
  margin: 0 0 0 25px;  
}

.scroll-section, .scroll-section2, .scroll-section3 {
  position: relative;
  /* Uzynlygy JS-de hasaplanýar */
}
.slider-container, .slider-container2, .slider-container3 {
  position: sticky;
  top: 100px;
  height: 622px;
  overflow: hidden;
}
.slider, .slider2, .slider3 {
  display: flex;
  /* position: absolute; */
  top: 0;
  left: 0;
  height: 622px;
  z-index: -1;
  /* will-change: transform;  */
  /* Hereketi ýumşak etmek üçin */
  /* Transition aýyryldy, scroll mukdaryna göni bagly */
}
.slide, .slide2, .slide3 {
  width: 403px;
  height: 622px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3em;
  color: white;
}
.slide img, .slide2 img, .slide3 video{
  border-radius: 20px;
  width:95%; 
  height:95%; 
  object-fit:cover;
  margin-left: 25px;
}

.word-container {
  margin: 10px 0;
  color: #FA4616;
  text-align: center;
  position: relative;
}

.word {
  position: absolute;
  opacity: 0;
  animation: fade 4s infinite;
}

.word:nth-child(1) {
  animation-delay: 0s; /* Birinji söz derrew başlaýar */
}

.word:nth-child(2) {
  animation-delay: 2s; /* Ikinji söz 2 sekuntdan soň */
}

@keyframes fade {
  0% { opacity: 0; }
  20% { opacity: 1; }
  40% { opacity: 1; }
  60% { opacity: 0; }
  100% { opacity: 0; }
}
video{
  pointer-events: none; /* Videonýň üstüne basylmagyny ýapýar */
}