.elementor-4826 .elementor-element.elementor-element-7659799{margin-top:50px;margin-bottom:50px;}.elementor-4826 .elementor-element.elementor-element-34af7b3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4826 .elementor-element.elementor-element-e947254{text-align:center;}.elementor-4826 .elementor-element.elementor-element-e947254 .elementor-heading-title{font-weight:700;color:var( --e-global-color-accent );}.elementor-4826 .elementor-element.elementor-element-bfd0a1b > .elementor-widget-container{margin:40px 0px 0px 0px;}@media(max-width:767px){.elementor-4826 .elementor-element.elementor-element-1dabf70 > .elementor-widget-container{margin:30px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-1dabf70 */.button-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.total-rating-wrap .total-rating{
    display: flex;
    gap: 5px;
    font-size:18px;
    margin-top: 10px;
}
.total-rating-wrap{
    font-size:20px;
    font-weight: 700;
    color: var(--e-global-color-primary);
    
}
.total-rating-wrap .icons-wrap{
    display: flex;
    align-items: center;
}
.total-rating-wrap .total-rating span{
    opacity: 0.7;
    font-size:16px;
}
.total-rating-wrap i{
    color:#f7b500 ;
}
.star {
  font-size: 35px;
  color: #ccc;
  cursor: pointer;
  margin: 0 3px;
  transition: color 0.3s;
}
.star.filled { color: #f7b500; }
.custom-success {
  padding: 10px;
  border: 1px solid green;
  border-radius: 5px;
  background: #e9f9e9;
  color: green;
}
.popup-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.7);
      z-index: 999;
      justify-content: center;
      align-items: center;
    }
    .popup-box {
      position: relative;
      background: #fff;
      width: 640px;
      height: 353px;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    }
    .popup-close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 22px;
      font-weight: bold;
      color: #333;
      cursor: pointer;
    }
    @media (max-width: 767px) {
      .popup-box {
        width: 100%;
        max-width: 100%;
        height: 353px;
        border-radius: 0;
      }
    }
   button#openPopup {
        background-color: var(--e-global-color-accent);
        padding: .5rem 1rem;
    color: var(--e-global-color-00df441);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 5px 5px 5px 5px;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfd0a1b */.testimonials{
    display: grid;
    grid-template-columns: repeat(3, calc((100%/3) - 15px));
    gap: 20px;
}
.review-card {
  background: #eee;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 0;
}
.review-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;  
  margin-bottom: 10px;
  justify-content: space-between;
}
.verified{
    display: flex;
    align-items: center;
    gap: 3px;
}
.stars {
  display: flex;
  gap: 2px;
}
.stars i {
  color: #f5ba2c;
  font-size: 15px;
}
.review-content {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 15px;
}
.review-footer{
  display: flex;
  align-items: center;
  gap: 0px;
  justify-content: space-between;
   width: 100%;
   margin-top: auto;
}
.review-footer .platform{
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.review-footer .platform .tooltip{
  gap: 10px;
  font-size:11px;
  font-weight: 600;
  position: absolute;
  top: calc(-100% - 10px) ;
  left: 50%;
  translate:-50%;
  width:110px;
  border-radius: 6px;
  background: #666;
  color: white;
  padding: 4px 4px;
  box-sizing: border-box;
  text-align: center;
  visibility: hidden;
  opacity: 0;
    transition: .3s ease;
    box-shadow: 0 0 10px #0002;
    cursor: pointer;
}
.review-footer .platform .tooltip:after{
    position: absolute;
    content: "";
    top: 100%;
    left: 50%;
    translate: -50%;
    width:0;
    height: 0;
    border-top: 5px solid #666;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.review-footer .platform:hover .tooltip{
    visibility: visible;
    opacity: 1;
}
.review-footer .user{
  display: flex;
  align-items: center;
  gap: 10px;
}
.review-footer .icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
}
.review-footer .icon img {
    border-radius: 50%;
}
.review-footer .name {
  font-weight: 600;
  color: #2a2a2a;
  font-size: 15px;
}
.review-footer .location {
  font-size: 12px;
  color: #777;
}
@media(max-width:1024px){
        
    .testimonials{
        grid-template-columns: repeat(2, calc((100%/2) - 10px));
    }
}
@media(max-width:767px){
    .testimonials{
        grid-template-columns: repeat(1, 100%);
    }
}/* End custom CSS */