#navigation,.comments-box__title,.review_txt,.seeMoreComments,.text-center {
    text-align:center
}
.d-flex {
    display:flex;
    align-items:center;
    gap:10px
}
h1.small-title.text-center {
    font-size:35px
}
.star_img {
    width:100%;
    max-width:245px;
    margin:0 auto;
    display:block;
    padding:.5rem 0
}
.review_txt {
    color:#888;
    font-size:1.65rem;
    line-height:1.2;
    font-weight:500;
    text-transform:capitalize
}
.mt-50 {
    margin:50px 0 0
}
.subTitle {
    color:#354459;
    font-size:45px
}
.seeMoreComments {
    color:#999;
    width:95%;
    max-width:375px;
    margin:0 auto;
    padding:15px;
    border-radius:5px;
    background:linear-gradient(0deg,#e8e8e8 0,#fdfdfd 100%);
    border:1px solid #d7d7d7;
    font-weight:700;
    outline:0;
    font-family:inherit;
    font-size:14px;
    cursor:pointer
}
#navigation .pagination {
    justify-content:center
}
#nextBtn,#prevBtn {
    border:1px solid #ddd;
    padding:10px 20px;
    color:#5f6368;
    cursor:pointer;
    max-width:fit-content;
    width:100%;
    background-color:#fff
}
button#prevBtn:disabled,button#prevBtn[disabled] {
    border:1px solid #f8f8f8;
    background-color:#ededed;
    color:#b9b9b9
}
.mb-15 {
    margin-bottom:15px
}
.u-name {
    font-size:20px
}
.comments-box__title {
	margin-top: 2em;
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: 1em;
	background: linear-gradient(90deg, #005F78 0%, #41AD8B 100%);
	background-clip: border-box;
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-family: "Merriweather", serif;
}
.comments-box__heading {
    font-style:italic;
    margin-top:.7em;
    margin-bottom:.7em;
    font-size:22px;
    font-weight:700;
    line-height:1.3
}
.user-img {
    max-width:45px
}
.comments-box {
    margin-bottom:20px;
    border:1px solid #e3dede;
    padding:20px;
    overflow:hidden;
    border-radius:20px;
    background:#fcfcfc
}
.comments-box.active:before,.dis-mbl,.hide-box {
    display:none
}
.comments-box-wrapper {
    background-color:#fff
}
.vartfiy-txt {
    color:#229b17;
    font-weight:400;
    margin-left:26px;
    font-size:20px;
    position:relative
}
.vartfiy-txt:before {
    content:'';
    background-image:url('../images/verified.png');
    height:20px;
    width:21px;
    position:absolute;
    background-size:contain;
    left:-22px;
    background-repeat:no-repeat
}
.star-img {
    max-width:90px
}
.verified-img {
    max-width:20px
}
.testimonials-section p {
    font-size:20px;
    line-height:1.5;
    margin-bottom:20px;
    color:#000
}
.comments-box__details {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-size:14px;
    margin-top:2em
}
.comments-box__details .u-actions {
    -ms-flex-order:3;
    order:3;
    margin:1em auto 0;
    width:100%
}
.comments-box__details .u-actions .hint {
    color:#4d4d4d
}
.comments-box__details .u-actions__wrapper {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:1em
}
.comments-box__details .u-actions__wrapper img {
    max-width:15px;
    margin:0 auto
}
.comments-box__details .u-actions__wrapper .btn {
    position:relative;
    border:1px solid #bcbdc2;
    padding:8px 20px;
    background:linear-gradient(to bottom,#f7f8fa,#e7e9ec);
    color:#5c5c5c;
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
    border-radius:5px;
    font-family:inherit;
    -ms-flex:100%;
    flex:100%;
    cursor:pointer;
    font-size:20px!important
}
.comments-box__details .u-actions__wrapper .btn:not(.btn__helpful) {
    all:unset;
    -ms-flex:auto;
    flex:auto;
    all:unset;
    position:relative;
    color:#666166;
    -ms-flex:auto;
    flex:auto;
    text-align:center;
    cursor:pointer;
    font-size:25px
}
.comments-box__details .u-actions__wrapper .btn:not(:first-child):before {
    content:'';
    background-color:#a7a4a4;
    position:absolute;
    height:80%;
    width:1px;
    left:-7px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.comments-box__details .u-rating {
    -ms-flex-order:1;
    order:1;
    max-width:135px
}
.comments-box__details .u-name {
    -ms-flex-order:2;
    order:2;
    font-weight:700
}
.navigation .see-more-comments {
    display:none;
    color:#00758e;
    width:87%;
    margin:0 auto;
    padding:10px 0;
    background:0 0;
    border:1px solid #000;
    font-weight:700;
    outline:0;
    font-size:22px;
    cursor:pointer;
    font-style:italic;
    font-family:Nunito-Regular,sans-serif;
    text-align:left;
    border-width:1px 0
}
.navigation .see-more-comments.active {
    display:block
}
.navigation .see-more-comments svg {
    margin-right:10px;
    vertical-align:sub
}
.navigation .pagination {
    font-size:18px;
    margin:20px auto;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    -ms-flex-pack:center;
    gap:10px
}
.navigation .pagination__item {
    border:1px solid #ddd;
    padding:10px 15px;
    color:#989898;
    cursor:pointer
}
.mb-50 {
    margin-bottom:50px
}
.navigation .pagination__item.disabled {
    background-color:#f0f0f0;
    color:#c8c8c8;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.navigation .pagination__item.active {
    background-color:#f0f0f0;
    border-color:#ddd
}
.navigation .pagination__item:first-child,.navigation .pagination__item:last-child {
    border:1px solid #ddd;
    border-radius:5px;
    display:block!important
}
.navigation .pagination__item:first-child:before {
    content:'<'
}
.navigation .pagination__item:last-child:after {
    content:'>'
}
@media only screen and (min-width:370px) {
    .comments-box__details .u-actions__wrapper {
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .comments-box__details .u-actions__wrapper .btn__helpful {
        -ms-flex:auto;
        flex:auto
    }
}
@media only screen and (min-width:576px) {
    .comments-box__details {
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .comments-box__details .u-actions {
        width:auto
    }
    .comments-box__details .u-name {
        -ms-flex-order:4;
        order:4
    }
    .navigation .see-more-comments {
        width:100%
    }
}
@media only screen and (min-width:768px) {
   .comments-box__title {
	font-size: 50px;
}
    .comments-box {
        padding:42px 35px
    }
    .comments-box__details .u-actions {
        -ms-flex-order:2;
        order:2;
        margin:0;
        width:auto
    }
    .comments-box__details .u-actions__wrapper {
        gap:1.5em
    }
    .comments-box__details .u-actions__wrapper .btn:not(:first-child):before {
        left:-12px
    }
}
.testimonials-section .current,.testimonials-section .page-link {
    border:1px solid #ddd;
    border-radius:5px;
    background-color:transparent!important;
    border-color:#ddd!important;
    padding:10px 20px;
    color:#989898!important;
    box-shadow:none!important;
    font-family:Nunito-Regular,sans-serif;
    font-weight:500
}
.simple-pagination .prev:first-child:before {
    content:' <'
}
.simple-pagination .next:first-child:after {
    content:' >'
}
.simple-pagination .next,.simple-pagination .prev {
    padding:10px 30px!important
}
.simple-pagination {
    margin-top:20px!important
}
@media (max-width:1024px) {
    .comments-box__heading {
        font-size:26px
    }
    .comments-box p,.u-name {
        font-size:23px
    }
    .comments-box__details .u-actions__wrapper .btn {
        font-size:23px!important
    }
}
@media (max-width:1256px) {
.comments-box__title {
	font-size: 40px;
}
}

@media (max-width:768px) {
    section.testimonials-section {
        padding:0 30px
    }
    .comments-box__title {
	font-size: 28px;
}
.testicontent p {
	font-size: 19px;
}
.user-imgv1 {
	max-width: 116px;
}
.testimonial-box .row {
	gap: 19px;
}
.testicontent img {
	width: 100%;
	max-width: 300px;
}
.testimonial-box h5 {
	font-size: 22px;
	margin-bottom: 10px;
}
.should-by-row .should-by-row__img {
	max-width: 350px !important;
}
.footer-logo {
	width: 100%;
	max-width: 200px;
	margin-bottom: 10px;
}
}
@media (max-width:500px) {
    .mb-50 {
        margin-bottom:30px
    }
    .subTitle {
        color:#354459;
        font-size:33px
    }
    .testimonial-box .row {
	gap: 19px;
	flex-direction: column;
}
    section.testimonials-section {
        padding:0 20px
    }
    .comments-box__heading {
        font-size:18px;
        line-height:1.5
    }
    .navigation .pagination {
        font-size:14px;
        margin-left:10px
    }
    .navigation .see-more-comments,.u-name {
        font-size:20px
    }
    .comments-box__details .u-actions__wrapper .btn:not(.btn__helpful) {
        flex:inherit
    }
    .user-img {
        max-width:40px
    }
    .testimonials-section p {
        font-size:17px
    }
    .u-name {
        align-self:center
    }
    .vartfiy-txt {
        font-size:16px!important
    }
    .star-img {
        max-width:140px
    }
    .dis-mbl {
        display:block
    }
    .dis-dsk {
        display:none
    }
    .col-dir {
        flex-direction:column
    }
    .col-12 {
        flex:100%
    }
    .col-6 {
        flex:50%
    }
    .comments-box__details .u-actions__wrapper {
        flex-wrap:wrap!important
    }
    .comments-box__details .u-actions__wrapper .btn {
        font-size:17px!important
    }
    .d-flex {
        align-items:flex-start
    }
    .comments-box__details {
        margin-top:0
    }
    .comments-box__details .u-actions {
        margin:0;
        width:100%
    }
    .simple-pagination .next,.simple-pagination .prev {
        padding:10px 20px!important
    }
}
@media (max-width:390px) {
    .subTitle {
        font-size:28px
    }
}
@media (max-width:320px) {
    section.testimonials-section {
        padding:0 15px
    }
}