.flex_layout.procedure_slider {
  max-width: 100%;
  margin-top: clamp(
    60px,
    60px + (150 - 60) * ((100vw - 350px) / (1290 - 350)),
    150px
  );
  margin-bottom: clamp(
    80px,
    80px + (200 - 80) * ((100vw - 350px) / (1290 - 350)),
    200px
  );
  height: fit-content;
  overflow: hidden;
}

/* .flex_layout.procedure_slider::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: fit-content;
  height: 100%;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
} */

.flex_layout.procedure_slider .pk-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(
    20px,
    20px + (45 - 20) * ((100vw - 350px) / (1290 - 350)),
    45px
  );
}

.flex_layout.procedure_slider .pk-heading h2 {
  font-weight: 500;
  color: var(--white);
}

.flex_layout.procedure_slider .pk-swiper__nav {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.flex_layout.procedure_slider .pk-swiper__nav .pk-swiper-btn {
  position: unset;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--purple);
}
.flex_layout.procedure_slider .pk-swiper__nav .swiper-button-prev::after,
.flex_layout.procedure_slider .pk-swiper__nav .swiper-button-next::after {
  content: '';
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
}

.flex_layout.procedure_slider .pk-swiper__nav .swiper-button-prev::after {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.4845%207.98585L16.2422%207.98585L16.2422%209.23684L2.48923%209.23684L9.38464%2016.4964L8.9729%2017.4915L-0.000123201%208.6066L8.49018%200.0771459C8.84039%20-0.216645%209.4367%200.408849%209.46983%200.626825C9.56448%201.18124%203.11867%206.8865%202.4845%207.98111L2.4845%207.98585Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M0.708009%208.60473L8.74805%200.528564C8.76342%200.537714%208.78153%200.547174%208.79981%200.56079C8.83657%200.588206%208.87122%200.621186%208.90235%200.653564C8.88231%200.680566%208.8592%200.71129%208.83203%200.745361C8.67773%200.938838%208.44328%201.19883%208.14551%201.51099C7.55234%202.13282%206.74273%202.9253%205.90234%203.74243C5.06523%204.55638%204.19802%205.39438%203.50195%206.09595C3.15387%206.44678%202.84398%206.76807%202.59961%207.03833C2.36517%207.29761%202.16083%207.54245%202.05176%207.73071L1.98438%207.84692L1.98438%208.48559L15.7422%208.4856L15.7422%208.73657L1.32422%208.73657L2.12695%209.5813L8.79883%2016.6057L8.7959%2016.6125L0.708009%208.60473Z%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E');
}

.flex_layout.procedure_slider .pk-swiper__nav .swiper-button-next::after {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.7577%209.50561H0V8.25462H13.753L6.85755%200.995103L7.26929%200L16.2423%208.88485L7.75201%2017.4143C7.4018%2017.7081%206.80549%2017.0826%206.77236%2016.8646C6.67771%2016.3102%2013.1235%2010.605%2013.7577%209.51034V9.50561Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}

.flex_layout.procedure_slider .pk-swiper {
  overflow: visible;
}

.flex_layout.procedure_slider .pk-item {
  height: auto;
  padding: 90px 45px;
  text-align: center;
  color: var(--white);
  border-radius: 15px;
  border: 0.74px solid rgba(225, 234, 232, 0.25);
  background: rgba(225, 234, 232, 0.1);
  backdrop-filter: blur(22px);
}

.flex_layout.procedure_slider .pk-item h3 {
  font-size: clamp(
    21px,
    21px + (30 - 21) * ((100vw - 350px) / (1290 - 350)),
    30px
  );
  font-weight: 600;
  font-style: italic;
  margin-bottom: 16px;
}

.flex_layout.procedure_slider .swiper-pagination {
  position: relative;
  margin-top: 35px;
}

.flex_layout.procedure_slider .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  border: 1px solid var(--purple);
  background: transparent;
}
.flex_layout.procedure_slider
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: var(--purple);
}

@media screen and (min-width: 768px) {
}
@media screen and (min-width: 990px) {
  .flex_layout.procedure_slider .pk-item {
    color: var(--white);
    border-radius: 15px;
    /* aspect-ratio: 340/430; */
    border: 0.74px solid rgba(225, 234, 232, 0.25);
    background: rgba(225, 234, 232, 0.1);
    backdrop-filter: blur(22px);
  }
}