.ccr-wrapper{width:100%!important;box-sizing:border-box!important}
.ccr-title{color:#061c3d!important;font-weight:700!important;font-size:56px!important;line-height:1.2!important;letter-spacing:-2%!important;text-align:left!important;margin-top:0!important;margin-bottom:20px!important}
.ccr-subtitle{width:60% !important;color:#061c3d!important;margin-bottom:50px!important;margin-left:2px!important;text-align:left!important;font-weight:300!important;font-size:20px!important;line-height:28px!important;letter-spacing:0%!important}
.ccr-controls-wrapper{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:5px!important}
.ccr-header-content{text-align:left!important}
.ccr-header{display:flex!important;align-items:center!important;gap:0!important;margin-bottom:16px!important}
.ccr-image{margin-right:14px!important;width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important}
.ccr-carousel{position:relative!important;box-sizing:border-box!important;width:100%!important;padding:0!important}
.ccr-track{display:flex!important;transition:transform .6s ease-in-out!important;gap:35px!important;margin:0!important;will-change:transform!important}
.ccr-viewport{width:100%!important;box-sizing:border-box!important;padding-left:0!important;padding-right:0!important;overflow: hidden !important;}
.ccr-item{flex-shrink:0!important;box-sizing:border-box!important;padding:32px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;transition:transform .3s ease,background .3s ease!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:20px!important;opacity:1!important; display:flex !important; justify-content: space-between !important;}
.ccr-item:hover{transform:none !important;background:#fff!important}
.ccr-item .ccr-name{font-weight:500!important;font-size:16px!important;color:#061c3d!important;line-height:24px!important;letter-spacing:0%!important;margin:.5rem!important}
.ccr-item .ccr-company{font-weight:400!important;font-size:14px!important;color:#42526b!important;line-height:20px!important;margin:.5rem!important;margin-bottom:16px!important}
.ccr-item .ccr-comment{font-weight:300!important;font-size:18px!important;color:#061c3d!important;line-height:26px!important;letter-spacing:0%!important;margin-bottom:20px!important;margin-top:-30px!important}
.ccr-stars{color:#f80!important;letter-spacing:0px!important;margin-bottom:10px!important;gap:24px!important;margin-top:-20px!important}
.ccr-stars .star{color:#ddd!important}
.ccr-stars .star.filled{color:#f80!important}
.ccr-stars .star.star:not(.filled){opacity:.3;filter:grayscale(100%)}
.ccr-img-prev{margin-bottom:1rem!important;width:200px!important;max-width:none!important;margin-right:15px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important}
.ccr-carousel-controls{display:flex!important;gap:16px!important;position:relative!important;z-index:10!important;margin-top:2rem!important;margin-right:0.5rem !important;}
.ccr-carousel-btn{background:#f1eadf!important;color:#845f43!important;padding-bottom:0px!important;border:none!important;width:46px!important;height:46px!important;border-radius:50%!important;cursor:pointer!important;font-size:25px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .3s,transform .2s!important}
.ccr-carousel-btn:hover{background:#845f43!important;color:#fff!important;transform:scale(1.1)!important}

/* ✅ MOBILE (≤575px) – 1 CARD */
@media (max-width:576px){
  .ccr-wrapper{padding:0!important}
  .ccr-carousel{width:100%!important;overflow:hidden!important;padding:0!important}
  .ccr-track{width:100%!important;gap:20px!important;padding:2rem 0 !important;}
  .ccr-item{flex:0 0 100%!important;padding:22px!important;height:auto!important;margin:0!important}
  .ccr-image{width:40px!important;height:40px!important}
  .ccr-name{font-size:13px!important}
  .ccr-company{font-size:10px!important}
  .ccr-comment{font-size:12px!important;line-height:1.2!important;margin-top:15px!important}
  .ccr-stars .star.filled{width:20px!important}
  .ccr-title{font-size:26px!important;margin-bottom:10px!important}
  .ccr-subtitle{font-size:16px!important;margin-bottom:25px!important;line-height:1!important;width:90%!important}
  .ccr-carousel-btn{width:35px!important;height:35px!important;font-size:22px!important;display:flex !important;justify-content:center !important;align-items:center !important;}
 .ccr-carousel-controls{margin-right:2rem!important}
}

/* ✅ SMALL TABLETS (576px–767px) – 2 CARDS (compact) */
@media (min-width:576px) and (max-width:767px){
  .ccr-carousel{padding:0!important}
  .ccr-track{gap:20px!important}
  .ccr-item{flex:0 0 calc(50% - 10px)!important;padding:22px!important}
  .ccr-item .ccr-comment{font-size:14px!important;line-height:20px!important;margin-top:-10px!important}
  .ccr-title{font-size:34px!important;margin-bottom:14px!important}
  .ccr-subtitle{font-size:17px!important;margin-bottom:30px!important;width:90%!important}
}

/* ✅ LARGE TABLETS (768px–1024px) – 2 CARDS (spacious) */
@media (min-width:768px) and (max-width:1024px){
  .ccr-carousel{padding:0!important}
  .ccr-track{gap:25px!important}
  .ccr-item{flex:0 0 calc(50% - 12px)!important;padding:24px!important}
  .ccr-item .ccr-comment{font-size:15px!important;line-height:22px!important;margin-top:-10px!important}
  .ccr-title{font-size:38px!important;margin-bottom:16px!important}
  .ccr-subtitle{font-size:18px!important;margin-bottom:35px!important;width:100%!important}
}

/* ✅ DESKTOP (≥1025px) – 3 CARDS */
@media (min-width:1025px){
  .ccr-item{flex:0 0 calc(33.333% - 15px)!important;padding:28px!important}
}