.testimonials {
    max-width: 95%;
    margin: auto;
    padding: 15px;
    text-align: center;
    position: relative;
}
.stories #sub-heading{
    text-align: center;
      font-size: 1.2vw;
      color: #2c2c2c;
      font-style: italic;
      padding: 1rem;
  }
.scroller {
    overflow-x: hidden;
    display: flex;
    scroll-snap-type: x mandatory;
}
.item {
    min-width: 100%;
    scroll-snap-align: center;
    background-color: white;
    margin-bottom: 10px;
    padding: 0 50px;
}
.item img {
    margin: 15px auto -60px;
    width: 130px;
    height: 125px;
    /*border: solid 1px #ffffff;*/
    border-radius: 15px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%);
    z-index: 2;
}
.card-story {
    background-color: rgb(237, 242, 247);
    padding: 80px 40px 40px;
    border-radius: 10px;
    /*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);*/
    box-shadow: inset 0 4px 15px 2px rgb(0 0 0 / 10%);
    z-index: 1;
    font-size: 1.4vw;
}
.card-story p {
    font-style: italic;
    line-height: 1.6;
}
#para-story{
    font-size: 3rem;
}
.card-story span {
    display: block;
    margin-top: 20px;
    font-style: italic;
    color: #0b3a5de8;
    letter-spacing: 0.05em;
    font-weight: 500;
}
.testimonials .btn {
    position: absolute;
    top: 50%;
    margin-top: 20px;
    height: 3vw;
    width: 3vw;
    border-radius: 50px;
    /* background-color: rgba(95, 106, 117, 0.3); */
    background-color: rgb(32 33 34 / 30%);
    z-index: 1;
    line-height: 3vw;
    text-align: center;
    color: white;
    font-weight: bold;
}
.testimonials .btn:hover{
    background: #0b395d;
    cursor: pointer;
    box-shadow: inset 0 -0.5px 9px 2px rgb(0 0 0 / 43%);
}
.testimonials .btn.next {
    right: -15px;
}
.testimonials .btn.prev {
    left: -15px;
}
#symbol-top{
    font-family: auto;
    font-size: 8rem;
    margin-right: 100%;
    margin-top: -6rem;
    color: rgba(128, 128, 128, 0.705);
}
#symbol-bottom{
    font-family: auto;
    font-size: 8rem;
    margin-left: 96%;
    margin-bottom: -5rem;
    color: rgba(128, 128, 128, 0.705);
}
@media screen and (max-width: 480px) {
    .item {
        padding: 0 30px;
    }
    .card-story {
        padding: 80px 30px 30px;
    }
}
@media screen and (max-width: 880px) {
    .item img {
        width: 85px;
        margin-bottom: -39.5px;
        height: 80px;
        border-radius: 10px;
    }
    #symbol-bottom {
        font-size: 8rem;
        margin-left: 90%;
    }
    .stories #sub-heading{
        font-size: 13px;
    }
    .testimonials .btn {
        line-height: 30px;
        height: 30px;
        top: 40%;
        width: 30px;
    }
    .card-story {
        font-size: 3vw;
    }
    .testimonials .btn.prev {
        left: 5px;
    }
    .testimonials .btn.next {
        right: 5px;
    }
}