@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

* {
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}
html {
  scroll-behavior: smooth;
}

.slick-prev,
.slick-next {
  z-index: 50;
}

.slick-prev:before,
.slick-next:before {
  color: #000; /* visible color */
  font-size: 30px;
}

.card-shape {
  max-height: 220px;
  border: 2px solid white;
  backdrop-filter: blur(16px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
.gradient-text {
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.scoop-shape {
  clip-path: polygon(
    0px 0%,

    /* top-left (straight) */ calc(100% - 50px) 0%,
    /* start top-right scoop */ 100% 25%,

    100% 100%,

    /* bottom-right (straight) */ 50px 100%,
    /* start bottom-left scoop */ 0% 75%
  );
}

.scoop-shape-btn {
  clip-path: polygon(
    0px 0%,

    /* top-left (straight) */ calc(100% - 10px) 0%,
    /* start top-right scoop */ 100% 25%,

    100% 100%,

    /* bottom-right (straight) */ 10px 100%,
    /* start bottom-left scoop */ 0% 75%
  );
}