.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}


.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
    background-color: #2f4c52;
    border-radius: 20px;
    padding: 15px;
    color: #ffffff !important;
}

.splide__slide img {
    vertical-align: bottom
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}


.reviews-slide .img-fluid {
    height: auto;
    max-width: 130px !important
}

.testimonials {
    padding: 55px 0 10px;
    position: relative
}

/*.testimonials:after {*/
/*    background: linear-gradient(280deg, #fff 10%, transparent);*/
/*    bottom: -102px;*/
/*    content: "";*/
/*    height: 412px;*/
/*    margin: auto;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    width: 395px*/
/*}*/

.testimonials.home-testi:before,
.testimonials.home-testi:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -250px;
    margin: auto;
    width: 395px;
    height: 350px;
    pointer-events: none;
    z-index: 2;
}

.testimonials:before,
.testimonials:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -250px;
    margin: auto;
    width: 395px;
    height: 350px;
    pointer-events: none;
    z-index: 2;
}

/* RIGHT edge (aapka existing) */
.testimonials:after {
    right: 0;
    left: auto;
    background: linear-gradient(to left, #fff 10%, transparent);
}

/* LEFT edge (mirror) */
.testimonials:before {
    left: 0;
    right: auto;
    background: linear-gradient(to right, #fff 10%, transparent);
}


.testimonials .border-t {
    margin: 0 0 53px
}

.testimonials .h1,
.testimonials p {
    display: block;
    text-align: center
}

.testimonials p {
    /*margin-bottom: 50px !important*/
}

.testimonials .container-fluid {
    margin: 50px 0;
    padding-left: 0%
}

.testimonials .container-fluid .splide__arrow {
    background: #58888c;
    border: 0;
    border-radius: 50%;
    box-shadow: -1px 0 9px hsla(0, 14%, 54%, .588);
    height: 44px;
    opacity: 1;
    padding: 0;
    width: 43px;
    z-index: 3
}

.testimonials .container-fluid .splide__arrow svg {
    fill: #fff;
    width: 1em
}

.testimonials .container-fluid .splide__arrow--prev {
    left: 0;
    margin: auto
}

.testimonials .container-fluid .splide__arrow--next {
    margin: auto;
    right: 0
}

.testimonials .container-fluid .splide__list .splide__slide .reviews {
    display: flex;
    gap: 20px;
    padding: 0 8px 0 20px;
    margin-top: 0 !important;
    align-items: center;
}

.testimonials .container-fluid .splide__list .splide__slide .reviews .content p {
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left;
    color: #ffffff !important
}

.testimonials .container-fluid .splide__list .splide__slide .reviews .content .name {
    font-size: 18px;
    font-weight: 700
}

.testimonials .container-fluid .splide__list .splide__slide .reviews .content .genre {
    font-size: 14px
}

@media (min-width: 1900px) {

    .testimonials:before,
    .testimonials:after {
        height: 350px;
        width: 565px
    }

    .testimonials .container-fluid .splide__arrow--prev {
        left: 325px
    }

    .testimonials .container-fluid .splide__arrow--next {
        right: 325px
    }
}

@media (min-width: 1800px) and (max-width:1900px) {

    .testimonials:before,
    .testimonials:after {
        height: 350px;
        top: 89px;
        width: 515px
    }

    .testimonials .container-fluid .splide__arrow--prev {
        left: 285px
    }

    .testimonials .container-fluid .splide__arrow--next {
        right: 285px
    }
}

@media (min-width: 1700px) and (max-width:1800px) {

    .testimonials:before,
    .testimonials:after {
        height: 275px;
        width: 495px
    }

    .testimonials .container-fluid .splide__arrow--prev {
        left: 250px
    }

    .testimonials .container-fluid .splide__arrow--next {
        right: 250px
    }
}

@media (min-width: 1499px) and (max-width:1700px) {

    .testimonials:before,
    .testimonials:after {
        height: 350px;
        width: 435px
    }

    .testimonials .container-fluid .splide__arrow--prev {
        left: 190px
    }

    .testimonials .container-fluid .splide__arrow--next {
        right: 190px
    }
}

@media (min-width: 1299px) and (max-width:1400px) {

    .testimonials:before,
    .testimonials:after {
        height: 350px
    }

    .testimonials .container-fluid .splide__arrow--prev {
        left: 145px
    }

    .testimonials .container-fluid .splide__arrow--next {
        right: 145px
    }
}

@media (min-width: 1199px) and (max-width:1300px) {

    .testimonials:before,
    .testimonials:after {
        content: none
    }

    .testimonials .container-fluid .splide__arrow--prev {
        left: 20px
    }

    .testimonials .container-fluid .splide__arrow--next {
        right: 20px
    }
}

@media (min-width: 991px) and (max-width:1199px) {

    .testimonials:before,
    .testimonials:after {
        content: none
    }

    .testimonials .container-fluid .splide__arrow--prev {
        left: 0px
    }

    .testimonials .container-fluid .splide__arrow--next {
        right: 0
    }
}

@media (max-width: 992px) {

    .testimonials.home-testi:before,
    .testimonials.home-testi:after {
        content: none;   
    }

    .testimonials:before,
    .testimonials:after {
        content: none
    }

    .testimonials .container-fluid {
        margin: auto;
        padding: 0 0 40px;
        width: 75%
    }

    .testimonials .container-fluid .splide__arrow--next,
    .testimonials .container-fluid .splide__arrow--prev {
        top: 160px
    }

    .testimonials .container-fluid .splide__list .splide__slide .reviews {
        display: block;
        padding: 0
    }

    .testimonials .container-fluid .splide__list .splide__slide .reviews img {
        display: block;
        margin: auto
    }

    .testimonials .container-fluid .splide__list .splide__slide .reviews .content p {
        margin-bottom: 12px !important;
        margin-top: 25px;
        padding: 0 25px !important;
        text-align: center
    }
}

@media (max-width: 768px) {
    .testimonials .container-fluid {
        width: 90%
    }
}