/*Testimonial slider*/
.section-featured-customer p { margin: 0;}
.section-featured-customer p.quote {margin: 0 0 1rem; font-size: 1rem; line-height: 26px;}
.section-featured-customer p.name {margin-bottom: 0.125rem; font-weight: bold;color: #000;}
.section-featured-customer p.profile {margin-bottom: 0; font-weight: normal;color: #616161;}
.section-featured-customer .avatar { max-width: 48px; height: auto; border-radius: 50%;}
.section-featured-customer .carousel-inner {padding: 40px 0 80px; }
.section-featured-customer .quote-box { background: #fff; display: flex; flex-direction: column; justify-content: space-between;height: 100%; margin: 0 28px 0 0; padding: 1.5rem; border: 2px solid #4911D8; border-radius: 8px; text-align: left;}
.row-flex{display: flex}
.vert-center {align-items: center;}
.quotes .customer-slider:after {position: absolute; top: 0; width: 10rem; height: 100%; content: ""; z-index: 1; right: 0; background: linear-gradient(to left, #FFFFFF 0%, transparent 100%); }
.bg-gray .quotes .customer-slider:after {background: linear-gradient(to left, #f6f6f6 0%, transparent 100%); }

.slider-nav .slick-prev, .slider-nav .slick-next { font-size: 0; line-height: 0; z-index: 2;display: block; width: 20px; height: 20px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slider-nav .slick-prev { right: 48px; text-shadow: none; opacity: 1; width: 32px; height: 32px; content: ''; background-color: #000000; -webkit-mask: url(/static/cdgs/images/carousel-arrow-left.svg) center / cover no-repeat; mask: url(/static/cdgs/images/carousel-arrow-left.svg) center / cover no-repeat; background-image: none; }
.slider-nav .slick-prev:hover { background-color: #0067CB; -webkit-mask-image: url(/static/cdgs/images//carousel-arrow-left.svg); mask-image: url(/static/cdgs/images/carousel-arrow-left.svg); }
.slider-nav .slick-next { right: 0; text-shadow: none; opacity: 1; width: 32px; height: 32px; content: ''; background-color: #000000; -webkit-mask: url(/static/cdgs/images/carousel-arrow-right.svg) center / cover no-repeat; mask: url(/static/cdgs/images/carousel-arrow-right.svg) center / cover no-repeat; background-image: none; }
.slider-nav .slick-next:hover { background-color: #0067CB; -webkit-mask-image: url(/static/cdgs/images/carousel-arrow-right.svg); mask-image: url(/static/cdgs/images/carousel-arrow-right.svg); }
.slider-nav .slick-arrow[aria-disabled='true'] { opacity: 0.2; }
.slider-nav .slick-arrow[aria-disabled='true']:hover { opacity: 0.2; background-color: #000000; }
.quotes .slick-dotted, .quotes .slick-slider { margin-bottom: 0; }
.custom-dots { bottom: 0; display: block; padding-left: 0; margin: 0; list-style: none; text-align: left; }
.slick-dots { margin: 0; padding: 0; line-height: 8px;}
.slick-dots li {position: relative; padding: 0; background-color: #D5D5D5; margin: 0 2px; border: 1px solid #D5D5D5; width: 8px; height: 8px; display: inline-block; text-indent: -999px; cursor: pointer; border-radius: 10px; }
.slick-dots li.slick-active { background-color: #4911D8; border: 1px solid #4911D8; width: 8px; height: 8px; }
.slick-dots button { visibility: hidden; }
.quotes .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.quotes .slick-track { display: flex; }
.quotes .slick-track:before, .slick-track:after { display: table; content: ''; }
.quotes .slick-track:after { clear: both; }
.quotes .slick-loading .slick-track { visibility: hidden; }
.quotes .slick-slide { display: none; float: left; min-height: 1px; height: auto; }
[dir='rtl'] .quotes .slick-slide { float: right; }
.quotes .slick-slide img { display: block; }
.quotes .slick-slide.slick-loading img { display: none;}
.quotes .slick-slide.dragging img { pointer-events: none;}
.quotes .slick-initialized .slick-slide { display: flex; align-items: stretch;}
.quotes .slick-loading .slick-slide { visibility: hidden; }
.quotes .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.quotes.slider-nav .slick-arrow.slick-hidden { display: none; }
.item.carousel-item.flex.quotes .slick-slide:last-child { opacity: 0.5; }
.item.carousel-item.flex.quotes .slick-slide.slick-active:last-child { opacity: 1; }
.carousel-top { text-align: left; }
.carousel-top h2 { margin: 0;}
.carousel-bottom { z-index: 2; width: 100%; position: absolute;bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center;}
.slider-nav { position: relative; display: flex; margin-top: 10px }
.slider-nav .slick-arrow { margin: 6px; }
.features-ratings { padding: 44px 0 0; border-top: 1px solid #DEDEDE; }
/* .section-featured-customer .quotes { margin-bottom: 64px; } */

.badges .badges__rating-item img { max-width: 100px; max-height: 20px; width: auto; }
.top-rated .item,.badges__rating-item { display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 0 10px; }
.top-rated h2 {font-size: 32px;line-height: 1.2;font-weight: 500;margin: 0;}
.badges-logo {min-height:80px; margin-top: 24px; display:flex;align-items:center; justify-content: center;}
.badges-logo img { max-width: 123px; max-height: 80px;}
.badges__rating-item .rating { font-size: 12px; white-space: nowrap; }

@media (min-width: 992px) {
	.carousel-top { padding: 0 86px 0 220px; }
    .section-featured-customer .quotes {min-height: 460px; background: url("/static/cdgs/product_content/cdgs/2026/featured-customer/featured-customer-banner-1.png") no-repeat; background-size: 404px auto;background-position: 15px center; }
    .quotes-container { width: 100%; max-width: 80%; margin-left: 20%; }
    .carousel-bottom { width: 100%; padding: 0 86px 0 172px; position: absolute;bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center;}
    .quotes .customer-slider { padding-right: 150px;}
    .quotes .slick-list { overflow: visible; }
}
@media (min-width: 768px) {
    .carousel-top { text-align: left; display: flex; align-items: center; justify-content: space-between;}
    .carousel-top h2 { margin: 0;}
    .slider-nav { margin-top: 0 }
}
@media (min-width: 1400px) {
	.carousel-top { padding: 0 86px 0 172px; }
}