.card-custom {
      border: none;
     
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
      padding: 20px 40px;
      position: relative;
      background: #fff;
    }

    .card-custom-body {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      gap: 15px;
    }
.trust-score-card {
  max-width: 180px;
  margin: auto;
  background: #fff;
  padding: 12px 10px;
}
.trust-score-card h6 {
  color: #08323a;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 8px;
}
.trust-score-card p {
  font-size: 11px;
  line-height: 1.3;
  margin-bottom: 0;
}
.trustpilot-stars {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.trustpilot-stars svg {
  display: block;
}
    .card-custom-rank {
      position: absolute;
      width: 42px;
      height: 42px;
      border: 2px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      color: #000;
      font-family: Inter, sans-serif;
      font-size: 16px;
      font-weight: 400;
      left: -20px;
      top: 80px;
      background: #fff;
    }

    .badge-popular {
      background: #e9f3ff;
      color: #007bff;
      font-size: 12px;
      font-weight: 600;
      padding: 5px 10px;
      border-bottom-right-radius: 50px;
      border-top-right-radius: 50px;
      position: absolute;
      top: 15px;
      left: 0;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }

    .brand-logo img {
      width: 140px;
      height: auto;
    }

    .brand-details {
      flex: 1;
    }

    .features-list {
      padding-left: 0;
      margin-bottom: 0;
    }

    .rating-box {
      text-align: right;
      display: flex;
      gap: 10px;
      align-items: center;
      position: relative;
     
    }

    .rating-item {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .rating-text {
      color: #053A43;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: -1px;
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .rating-text i {
      font-size: 12px;
      color: #053A43;
    }

    .rating-stars {
      color: #FFD700;
      font-size: 16px;
    }

    .rating-value {
      font-size: 20px;
      font-weight: 700;
      border-radius: 5px;
      background: #053A43;
      color: #fff;
      padding: 4px 10px;
      display: inline-block;
    }

    .rating-popup {
      display: none;
      position: absolute;
      top: 110%;
      right: 0;
      background: #fff;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
      border-radius: 8px;
      padding: 10px 0;
      width: 260px;
      z-index: 999;
    }

    .rating-popup.active {
      display: block;
      animation: fadeIn 0.2s ease-in-out;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(-4px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .rating-popup-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 16px;
      border-bottom: 1px solid #f2f2f2;
    }

    .rating-popup-item:last-child {
      border-bottom: none;
    }

    .rating-popup-item .info {
      display: flex;
      flex-direction: column;
      font-size: 13px;
      color: #555;
    }

    .rating-popup-item .info strong {
      font-size: 14px;
      color: #053A43;
    }

    .rating-popup-score {
      background: #053A43;
      color: #fff;
      font-weight: 700;
      border-radius: 5px;
      padding: 4px 10px;
      font-size: 13px;
    }

    .visit-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .btn-view {
      border-radius: 5px;
      background: #053A43;
      color: #fff;
      padding: 8px 16px;
      font-weight: 600;
      text-decoration: none;
    }

    .btn-view:hover {
      background: #0056b3;
      color: #fff;
    }

    .features-list {
      margin-top: 8px;
    }

    .features-list li {
  font-size: 14px;
  color: #666;
  list-style: none;
  padding-left: 22px;
  position: relative;
  margin-bottom: 5px;
}

.features-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
	color: #666;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%666' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

.trustpilot-section-divider {
  width: 1px;
  background: #E9E9E9;
  margin: 0 10px;
  align-self: stretch;
}



.trustpilot-title {
        color: #053A43;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 162.5% */
      }
    @media(max-width:768px) {
      .rating-box {
        text-align: left;
        margin-top: 15px;
      }
      .card-custom-body {
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        gap: 15px;
      }
      .trustpilot-section-divider{
        display: none;
      }

      .card-custom-header {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        gap: 15px;
        border-bottom: 1px solid #f4f4f4;
        padding-bottom: 10px;
      }

      .badge-popular {
        top: 0;
        left: 0;
        padding: 5px 10px;
      }
      
      .card-custom {
        padding: 30px 25px;
      }
   

      .card-custom-rank {
        position: relative;
        width: 26px;
        height: 26px;
        border-width: 1px;
        top: unset;
        left: unset;
        font-size: 14px;
      }

      .rating-stars {
        font-size: 12px;
      }

      .rating-text {
        font-size: 12px;
      }

      .rating-value {
        font-size: 12px;
        padding: 6px 10px;
      }
    }