.ctwSteps {
    display: flex;
    gap: 2em;
    position: relative;
    margin: 32px 0;
}
.ctwSteps .options {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    min-width: 190px;
}
.ctwSteps .ctwStepsContent {
    display: grid;
    gap: 2em;
    grid-template-columns: repeat(3, 1fr);
    counter-reset: section;
    flex-wrap: wrap;
}
.ctwStepsContent > div {background: #fff;padding: 32px;border-radius: 8px;filter: drop-shadow(0px 8px 8px #44444415);}
.ctwStepsContent > div .icon {
    background: #ce364a14;
    padding: 11px;
    display: inline-flex;
    margin-block: 16px;
    border-radius: 30px;
}
.ctwStepsContent > div .icon img{
}
.ctwStepsContent > div h3 {
    margin: 0;
    font-size: 17px;
    line-height: 150%;
}
.ctwStepsContent > div h3:before {
   /* Increment the value of section counter by 1 */
   content:  counter(section) ". ";
   counter-increment: section;
   color: var(--starbuyColourThree);
   font-size: 26px;
}

@media (max-width: 1024px) {
    .ctwSteps .ctwStepsContent {grid-template-columns: repeat(2, 1fr)}
    .ctwStepsContent > div { padding:16px}
    .ctwStepsContent > div h3 {font-size: 15px}
    .ctwStepsContent > div h3:before {font-size: 17px;}
    .ctwSteps { gap:0em}
    .ctwSteps .ctwStepsContent { gap:1em}
}

@media (max-width: 768px) {
    .ctwSteps {flex-direction:column}
    .ctwSteps .ctwStepsContent {grid-template-columns: repeat(1, 1fr)}
}

.newAcc { display:flex; gap:2em; margin:0 0 32px 0}
.newAcc > div { flex-basis:50%}
.newAcc .accordianHeader {padding: 21px 0;}
.newAcc .accordianHeader > span.fa-unsorted:before, .newAcc .accordianHeader > span.fa-unsorted:after {background: var(--starbuyColourThree);}
.newAcc .accordianBox  {float: left !important;}


@media (max-width: 768px) {
    .newAcc  {flex-direction:column}
    .newAcc > div { flex-basis:100%}
}