.elementor-6446 .elementor-element.elementor-element-6c54f300{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.05;--border-radius:60px 60px 60px 60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6446 .elementor-element.elementor-element-6c54f300:not(.elementor-motion-effects-element-type-background), .elementor-6446 .elementor-element.elementor-element-6c54f300 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4FF;}.elementor-6446 .elementor-element.elementor-element-6c54f300::before, .elementor-6446 .elementor-element.elementor-element-6c54f300 > .elementor-background-video-container::before, .elementor-6446 .elementor-element.elementor-element-6c54f300 > .e-con-inner > .elementor-background-video-container::before, .elementor-6446 .elementor-element.elementor-element-6c54f300 > .elementor-background-slideshow::before, .elementor-6446 .elementor-element.elementor-element-6c54f300 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6446 .elementor-element.elementor-element-6c54f300 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6446 .elementor-element.elementor-element-54209d1 .elementor-button{background-color:#34B189;font-size:25px;fill:#FFFFFF;color:#FFFFFF;box-shadow:-10px 10px 30px 0px rgba(0, 0, 0, 0.15);border-radius:0px 20px 0px 20px;padding:25px 25px 25px 25px;}.elementor-6446 .elementor-element.elementor-element-54209d1 .elementor-button:hover, .elementor-6446 .elementor-element.elementor-element-54209d1 .elementor-button:focus{background-color:#FFFFFF;color:#635DFF;}.elementor-6446 .elementor-element.elementor-element-54209d1{width:auto;max-width:auto;top:-13px;}body:not(.rtl) .elementor-6446 .elementor-element.elementor-element-54209d1{right:0%;}body.rtl .elementor-6446 .elementor-element.elementor-element-54209d1{left:0%;}.elementor-6446 .elementor-element.elementor-element-54209d1 .elementor-button:hover svg, .elementor-6446 .elementor-element.elementor-element-54209d1 .elementor-button:focus svg{fill:#635DFF;}.elementor-6446 .elementor-element.elementor-element-65b9cb92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-6446 .elementor-element.elementor-element-65b9cb92::before, .elementor-6446 .elementor-element.elementor-element-65b9cb92 > .elementor-background-video-container::before, .elementor-6446 .elementor-element.elementor-element-65b9cb92 > .e-con-inner > .elementor-background-video-container::before, .elementor-6446 .elementor-element.elementor-element-65b9cb92 > .elementor-background-slideshow::before, .elementor-6446 .elementor-element.elementor-element-65b9cb92 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6446 .elementor-element.elementor-element-65b9cb92 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}#elementor-popup-modal-6446 .dialog-widget-content{animation-duration:0.9s;background-color:rgba(255, 255, 255, 0);}#elementor-popup-modal-6446{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6446 .dialog-message{width:1200px;height:auto;}@media(min-width:768px){.elementor-6446 .elementor-element.elementor-element-65b9cb92{--content-width:1200px;}}@media(max-width:1024px){.elementor-6446 .elementor-element.elementor-element-6c54f300{--min-height:40vh;}.elementor-6446 .elementor-element.elementor-element-54209d1 .elementor-button{font-size:22px;padding:25px 18px 25px 25px;}#elementor-popup-modal-6446 .dialog-message{padding:0% 5% 0% 5%;}}@media(max-width:767px){.elementor-6446 .elementor-element.elementor-element-6c54f300{--min-height:85vh;}.elementor-6446 .elementor-element.elementor-element-54209d1 .elementor-button{font-size:22px;padding:20px 20px 20px 25px;}#elementor-popup-modal-6446 .dialog-message{padding:5% 5% 0% 5%;}}/* Start custom CSS for html, class: .elementor-element-f191447 *//* --- Shared avatar sizing knobs --- */
:root{
  --avatar-size: 64px;     /* desktop */
  --avatar-size-md: 56px;  /* tablet  */
  --avatar-size-sm: 48px;  /* mobile  */
}

/* --- 1) Make any avatar in the POPUP circular + fixed --- */
/* Covers: <img class="testimonial-avatar"> and the fallback trustpilot image even without the class */
.tp-review-modal img.testimonial-avatar,
.tp-review-modal img[src*="trustpilot-review-standard-size-profile-pic"]{
  width: var(--avatar-size);
  height: var(--avatar-size);
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}

/* If you place the image inside a wrapper, this guarantees the crop even if global img CSS interferes */
.tp-review-modal .avatar-frame{
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 9999px;
  overflow: hidden;
  flex: 0 0 var(--avatar-size);
}

/* --- 2) Align header content in the popup like the cards --- */
/* Works whether or not you remembered to add "with-avatar". Uses :has() for robustness. */
.tp-review-modal .testimonial-header.with-avatar,
.tp-review-modal .testimonial-header:has(img){
  display: grid;
  grid-template-columns: 1fr var(--avatar-size); /* text | avatar */
  grid-template-rows: auto auto auto;
  column-gap: 16px;
  row-gap: 2px;
  align-items: start;
}

/* Explicit placement (same as cards) */
.tp-review-modal .testimonial-header .testimonial-name{ grid-column:1; grid-row:1; margin:0 0 2px; }
.tp-review-modal .testimonial-header .testimonial-date{ grid-column:1; grid-row:2; margin:0; }
.tp-review-modal .testimonial-header .testimonial-stars{ grid-column:1; grid-row:3; margin:0; justify-self:start; }
.tp-review-modal .testimonial-header img{ grid-column:2; grid-row:1 / span 3; align-self:start; }

/* --- 3) Responsive sizes in the popup to match the cards --- */
@media (max-width: 768px){
  .tp-review-modal img.testimonial-avatar,
  .tp-review-modal img[src*="trustpilot-review-standard-size-profile-pic"],
  .tp-review-modal .avatar-frame{
    width: var(--avatar-size-md);
    height: var(--avatar-size-md);
  }
  .tp-review-modal .testimonial-header.with-avatar,
  .tp-review-modal .testimonial-header:has(img){
    grid-template-columns: 1fr var(--avatar-size-md);
    column-gap: 14px;
  }
}

@media (max-width: 480px){
  .tp-review-modal img.testimonial-avatar,
  .tp-review-modal img[src*="trustpilot-review-standard-size-profile-pic"],
  .tp-review-modal .avatar-frame{
    width: var(--avatar-size-sm);
    height: var(--avatar-size-sm);
  }
  .tp-review-modal .testimonial-header.with-avatar,
  .tp-review-modal .testimonial-header:has(img){
    grid-template-columns: 1fr var(--avatar-size-sm);
    column-gap: 12px;
  }
}/* End custom CSS */