.op_testimonial__1[data-color-theme="Dark_Purple"][data-theme-switch="Dark"]{
    --background-color_1: #2D033B;
    --background-color_2:linear-gradient(to bottom , #C147E9 , #69088a);
    --color:white;
    --rating:gold;
}
.op_testimonial__1[data-color-theme="Dark_Purple"][data-theme-switch="Light"]{
    --background-color_1: transparent;
    --background-color_2:#e1e1e1;
    --color:black;
    --rating:gold;
    --box-shadow:0 0 10px rgb(0 , 0 , 0 , .1);
}
.op_testimonial__1{
    width: 98vw;
    height:100vh;
    display: flex;
    padding-bottom: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--background-color_1);
}
.op_testimonial__1 > .op_testimonial_wrapper{
    width: 100%;
    position: relative;
}
.op_testimonial__1 > .op_testimonial_wrapper > :is(.op_testimonial__1_arrow_left , .op_testimonial__1_arrow_right){
    position: absolute;
    font-size: 50px;
    top: 50%;
    color: var(--color);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 2;
}
.op_testimonial__1 > .op_testimonial_wrapper > :is(.op_testimonial__1_arrow_left){
   left: 20px;
}
.op_testimonial__1 > .op_testimonial_wrapper > :is(.op_testimonial__1_arrow_right){
   right: 20px;
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    overflow: scroll;
    scroll-snap-type: X mandatory;
    scroll-behavior: smooth;
    padding-block: 10px;
    width: 100%;
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner::-webkit-scrollbar{
    height: 0;
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards:before{
    content: "";
    position: absolute;
    inset: 0;
    background: var(--background-color_2);
    z-index: -1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    opacity: .5;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    box-shadow: var(--box-shadow);
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards{
    position: relative;
    isolation: isolate;
    width: 400px;
    height: 300px;
    /* background: var(--background-color_2); */
    flex-shrink: 0;
    scroll-snap-align: center;
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(4 , 1fr);
    place-items: center;
    padding-block: 10px;
    padding-inline: 10px;
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial__profile{
    width: 75px;
    height: 75px;
    background-image: var(--profile);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    grid-column: 1/2;
    grid-row: 1/3;
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial_name{
    color: var(--color);
    grid-column: 2/5;
    grid-row: 1/2;
    width: 100%;
    text-align: left;
    margin: 0;
    padding-left: 10px;
    margin-top: auto;
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial__content{
    width: 100%;
    height: 180px;
    text-align: center;
    overflow-y: scroll;
    padding-inline: 15px;
    padding-block-end: 50px;
    color: var(--color);
    grid-column: 1/-1;
    line-height: 1.6;
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial__content::-webkit-scrollbar{
    width: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial__content::-webkit-scrollbar-thumb{
    background-color: var(--color);
}
.op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial__rating{
    margin-bottom: auto;
    margin-right: auto;
    width: 150px;
    height: 20px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    place-items: center;
    color: var(--rating);
    grid-column: 2/-1;
    grid-row: 2/3;
}
@media(width <= 800px){
    .op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards{
        width: 300px;
        height: 450px;
    }
    .op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial__content{
        height: 300px;
    }
    .op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial__content::-webkit-scrollbar{
        width: 2px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .op_testimonial__1 > .op_testimonial_wrapper > .op_testimonial_inner > .op_testimonial_cards > .op_testimonial__profile{
        width: 50px;
        height: 50px;
        grid-column: 1/2;
        grid-row: 1/3;
    }
    .op_testimonial__1 > .op_testimonial_wrapper > :is(.op_testimonial__1_arrow_left){
        left: 5px;
        font-size: 35px;
     }
     .op_testimonial__1 > .op_testimonial_wrapper > :is(.op_testimonial__1_arrow_right){
        right: 5px;
        font-size: 35px;
     }
     .op_testimonial__1{
        width: 100vw;
    }
}