@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
* {
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  font-family: var(--font-secondary) !important;
}
ul {
  list-style: none !important;
}
.container {
  max-width: 75% !important;
}
a {
  text-decoration: none !important;
}

.icon-chervon-left {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-top: 0;
  border-right: 0;
  transform: rotate(45deg);
}
.icon-chervon-right {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-top: 0;
  border-right: 0;
  transform: rotate(225deg);
}
.icon-chervon-bottom {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
}

.icon-chervon-top {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-top: 0;
  border-right: 0;
  transform: rotate(134deg);
}

.slick-prev {
  position: absolute;
  z-index: 1;
  top: 45%;
  left: 3%;
  transform: translateX(-45%);
  outline: none;
  border: none;
  opacity: 0.7;
}
.slick-next {
  position: absolute;
  z-index: 1;
  top: 45%;
  right: 0.5%;
  transform: translateX(-45%);
  outline: none;
  border: none;
  opacity: 0.7;
}
.slick-dots {
  position: absolute;
  bottom: 0;
  left: 48%;
  transform: translateX(-48%);
  display: flex;
  gap:10px
}
.slick-dots > li > button {
  font-size: 0;
  width: 13px;
  height: 13px;
  border-radius: 20px;
  border: none;
}

.slick-dots > li.slick-active > button {
  background-color: var(--hover-primary);
}

@media (max-width: 1360px) {
  .container {
    max-width: 90% !important;
  }
}

 /* @media (max-width: 954px) {
  .container {
    max-width: 80% !important;
  }
} */