.stick-card-section {
padding: 32px; /* 2em */
color: #000000;
font-family: "Poppins", sans-serif !important;
    width: 75% !important;
    /* background: #000 !important; */
}

/* .scroll-cards__item{
    width: 75% !important;
} */

.stick-card-section .wrapper {
max-width: 1600px; /* 100em */
margin: 0 auto;
}

.stick-card-section .scroll-cards {
counter-reset: card;
position: relative;
display: block;
padding-bottom: 10vh;
}

.stick-card-section .scroll-cards>.scroll-cards__item+.scroll-cards__item {
margin-top: 10vh;
}

.stick-card-section .scroll-cards h3 {
position: sticky;
top: 128px; /* 8rem */
margin: 0 0 8px; /* 0.5em */
}

/* .stick-card-section .scroll-cards .scroll-cards-p {
position: sticky;
top: 184px;
margin: 0 0 4.8px;
} */

.stick-card-section .scroll-cards__item {
--offset: 8px; /* 0.5em */
color: #000;
position: sticky;
top: max(16vh, 160px); /* max(16vh, 10em) */
border-radius: 5px;
padding: 24px 24px; /* 1.5em 1.5em */
min-height: 304px; /* 19em */
background: #fff;
box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
}

.stick-card-section h2 {
font-size: 20px; /* 1.25em */
text-transform: uppercase;
margin: 0;
}

.stick-card-section p {
font-size: 20px; /* 1.25em */
line-height: 1.5;
}

.stick-card-section .scroll-cards__item:nth-of-type(0) {
transform: translate(calc((0 - 0) * var(--offset)), calc((0 - 1) * var(--offset)));
}

.stick-card-section .scroll-cards__item:nth-of-type(1) {
transform: translate(calc((1 - 1) * var(--offset)), calc((6 - 1) * var(--offset)));
}

.stick-card-section .scroll-cards__item:nth-of-type(2) {
transform: translate(calc((2 - 2) * var(--offset)), calc((7 - 1) * var(--offset)));
}

.stick-card-section .scroll-cards__item:nth-of-type(3) {
transform: translate(calc((3 - 3) * var(--offset)), calc((8 - 1) * var(--offset)));
}

.stick-card-section .scroll-cards__item:nth-of-type(4) {
transform: translate(calc((4 - 4) * var(--offset)), calc((9 - 1) * var(--offset)));
}

.stick-card-section .scroll-cards__item:nth-of-type(5) {
transform: translate(calc((5 - 5) * var(--offset)), calc((10 - 1) * var(--offset)));
}

@media screen and (min-width: 320px) {

.stick-card-section .scroll-cards h3 {
font-size: 20px; /* 3em */
}
/*
.stick-card-section .scroll-cards-p{
font-size: .8rem;
top: 20px;
} */

.stick-card-section .scroll-cards__item {
--offset: 20px; /* 1.25em */
max-width: 1600px; /* 100em */
}

.stick-card-section .scroll-cards__item {
--offset: 10px; /* 0.5em */
color: #000;
position: sticky;
top: max(16vh, 215px); /* max(16vh, 10em) */
border-radius: 15px;
padding: 24px 24px; /* 1.5em 1.5em */
min-height: 250px; /* 19em */
background: #fff;
box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
}

.stick-card-section h2 {
font-size: 25px; /* 1.25em */
margin-bottom: 10px;
}

.stick-card-section p {
font-size: 1.2rem; /* 1.25em */
line-height: 1.5;
}



}


@media screen and (min-width: 592px) {

.stick-card-section .scroll-cards h3 {
  font-size: 25px; /* 3em */
  margin: 0 0 0;
}

/* .stick-card-section .scroll-cards-p{
  font-size: 1rem;
  top: 50px;
  margin: 0 0 0;
} */

.stick-card-section .scroll-cards__item {
  --offset: 15px; /* 1em */
  padding-left: 80px; /* 5em */
}

.stick-card-section .scroll-cards__item:before {
  counter-increment: card;
  content: "0" counter(card);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px; /* 2.75em */
  height: 44px; /* 2.75em */
  background: #f09;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 20px; /* 1.25em */
  top: 20px; /* 1.25em */
  font-weight: bold;
}
}

@media screen and (min-width: 992px) {

.stick-card-section .scroll-cards h3 {
  font-size: 35px; /* 3em */
  margin: 0 0 0;
}

/* .stick-card-section .scroll-cards-p{
  font-size: 1rem;
  top: 20px;
  margin: 0 0 0;
} */

.stick-card-section .scroll-cards__item {
  --offset: 10px; /* 1.25em */
  max-width: 1600px; /* 100em */
}
}


.spaced-list li{
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (max-width: 900px){

    .stick-card-section {
        width: 100% !important;
    }

    .scroll-cards__item{
        width: 100% !important;
    }

    .stick-card-section .scroll-cards__item {
        --offset: 20px; /* 0.5em */
    }
}