:root {
  --white-100: hsl(206, 5%, 100%);
  --white-200: hsl(206, 5%, 90%);
  --white-300: hsl(206, 5%, 80%);
  --white-400: hsl(206, 5%, 65%);
  --white-500: hsl(206, 5%, 45%);
  --black-100: hsl(210, 20%, 10%);
  --black-200: hsl(210, 20%, 8%);
  --black-300: hsl(210, 20%, 6%);
  --black-400: hsl(210, 20%, 4%);
  --black-500: hsl(210, 20%, 1%);
}




.slider-section a,
.slider-section button {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: none;
  outline: none;
  background: none;
}

.slider-section img {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.section.slider-section {
  margin: 0 auto;
  padding-block: 0rem;
}

.slider-section .container {
  max-width: 100% !important;
  height: auto;
  margin-inline: auto;
  padding-inline: 1.25rem;
}

.swiper-button-next::after, .swiper-button-prev::after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 1rem;
  width: 2rem;
  height: 2rem;
  opacity: 0.75;
  border-radius: 50%;
  color: var(--white-100);
  background: var(--black-300);
}
.swiper-pagination-bullet{
  background: #ffffff !important;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1)  !important;
}
.link-button {
  position: absolute;
  z-index: 999;
  bottom: 20px !important;
  left: 20px;

}
.link-button ul{
  display: flex;
  gap: 10px;
}
.link-button ul li{
  background-color: #fff;
  border-radius: 15px;
}
.link-button ul li a{
  font-size: 30px;
  padding: 10px;
  width: 100%;
  display: block;
}
.link-button ul li:hover{
  background: #a80000;  
}
.link-button ul li:hover a, .link-button ul li a:hover{
  color: #fff;
}

@media only screen and (max-width: 500px){  
  .link-button ul li a{
    font-size: 18px;
    padding: 8px;
  }
  .swiper-button-prev, .swiper-button-next{
    display: none;
  }
  .project-one{
    padding: 50px 0px 50px;
  }
}