@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --primaryColor: #101a25;
  --secondaryColor: #9cee69;
  --white: #ffffff;
  --darkBlueColor: #0f332f;
  --doplyColor: #85f5bf;
}
@media (prefers-color-scheme: dark) {
  :root {
    --secondaryColor: #9cee69;
    --primaryColor: #101a25;
  }
}

body {
  color: var(--white);
  background: var(--primaryColor);
  font-family: "Sora", sans-serif;
}

.container {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.swiper-pagination-bullet {
  height: 10px !important;
  width: 10px !important;
  background: #fff !important;
  opacity: 0.5 !important;
}
.swiper-pagination-bullet-active {
  background: var(--secondaryColor) !important;
  opacity: 1 !important;
}
.swiper-scrollbar-drag {
  background: transparent !important;
}
.swiper-pagination {
  bottom: -1% !important;
}
.swiper {
  padding-bottom: 36px !important;
}

.client_wrapper .item p.client_word {
  min-height: 120px;
}



@media (max-width:767px){
   .container {
    padding-left: 1rem;
    padding-right: 1rem;
   }
    
}