@font-face {
  font-family: "Karla"; /* name you’ll use */
  src: url("../font/Karla-VariableFont_wght.ttf") format("woff2"),
  url("../font/Karla-Italic-VariableFont_wght.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Karla", sans-serif;
}

.header .clipPath_first {
  clip-path: polygon(0 0, 100% 0, 39% 100%, 0 48%);
}

.header .clipPath_second {
  clip-path: polygon(0 0, 75% 0%, 100% 0, 100% 100%, 40% 0, 0 100%);
}


.footer-clip .clipPath_first{
  clip-path: polygon(60% 0, 0% 100%, 100% 100%);
}

.footer-clip .clipPath_second{
  clip-path: polygon(0 0, 54% 79%, 100% 0, 100% 100%, 0 99%, 0% 50%);
}


.path1{
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.path2{
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}



.slick-prev, .slick-next {
  z-index: 50;
  width: 40px;
  height: 40px;
  background-color: black; /* visible over red */
  border-radius: 50%;
}

.slick-prev:before, .slick-next:before {
  color: #000;  /* arrow icon color */
  font-size: 20px;
}

.slick-track{
  /*margin-left: 20px;*/
  display: flex !important;
  gap: 30px;
}