.card-custom {
      border-radius: 1rem;
      box-shadow: 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px rgb(0 0 0 / 0.06);
      position: relative;
      padding: 1.5rem;
    animation-delay: 0.1s;
animation: fadeInUp 0.6s ease-out;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(226, 232, 240, 0.8);
}
    .card-custom .logo-square {
      width: 64px;
      height: 64px;
      border-radius: 0.125rem;
      object-fit: cover;
    }

    .rating-stars i {
      color: #fbbf24; /* Tailwind yellow-400 */
      margin-right: 0.125rem;
    }
    .rating-text {
      font-weight: 600;
      font-size: 0.75rem;
      color: #111827; /* Tailwind gray-900 */
      margin-left: 0.5rem;
    }
    .subtitle {
      font-size: 0.875rem;
      color: #6b7280; /* Tailwind gray-500 */
      margin-top: 0.25rem;
        margin-bottom: 10px;
}
    .description {
      font-size: 0.875rem;
      color: #111827;
      margin-top: 1rem;
      line-height: 1.4;
    }
    .info-row {
      font-size: 0.875rem;
      color: #4b5563; /* Tailwind gray-600 */
      margin-top: 1rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem 1.5rem;
    }
    .info-item {
      display: flex;
      align-items: center;
      gap: 0.25rem;
    }
    .info-item i {
    color: var(--accent);
    min-width: 16px;
    text-align: center;
    margin-right: 5px;
}
    .info-item .extra-count {
      color: #9ca3af;
      margin-left: 0.25rem;
    }
    /*.score-circle {*/
    /*  position: absolute;*/
    /*  top: 1.5rem;*/
    /*  right: 1.5rem;*/
    /*  width: 40px;*/
    /*  height: 40px;*/
    /*  border-radius: 50%;*/
    /*  border: 2px solid var(--accent);*/
    /*  color: var(--accent);*/
    /*  font-weight: 600;*/
    /*  font-size: 0.875rem;*/
    /*  display: flex;*/
    /*  align-items: center;*/
    /*  justify-content: center;*/
    /*  user-select: none;*/
    /*}*/
    .bookmark-btn {
      position: absolute;
      bottom: 1.5rem;
      right: 1.5rem;
      color: #9ca3af;
      background: transparent;
      border: none;
      font-size: 1.125rem;
      cursor: pointer;
      transition: color 0.2s ease;
    }
    .bookmark-btn:hover {
      color: #4b5563;
    }
    
    .card-custom:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: var(--accent);
}
h3.fw-semibold.text-dark {
    font-size: 1.375rem;
margin-bottom: 10px;
}
.info-item img {
    width: 15px;
}
.highlights.for_our_new-listing ul li i {
    display: none;
}
.highlights.for_our_new-listing .highlights-grid {
    display: flex;
    gap: 0.40rem;
}
.highlights.for_our_new-listing .highlight-item {
    display: block;
    list-style: none;
    padding: 3px 5px !important;
    font-size: 14px;
        position: relative;
    top: 5px;
}

    section.all_dv.cities_restoration {
    padding-bottom: 70px;
}
   
    /* Minimal styles: sirf ring draw karta hai */
.score-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #ff6a00;
    font-weight: 600;
    position: absolute;
    right: 50px !important;
}

/* Ring (border) — center cut-out, sirf arc fill dikhayega */
.score-circle::before{
  content:"";
  position:absolute; inset:0; border-radius:50%;
  padding:3px;                     /* border ki thickness */
  background: conic-gradient(currentColor 0 var(--angle,0deg),
                              transparent var(--angle,0deg) 360deg);
  /* center ko kaatne ke liye mask (reliable) */
  -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
    section.card-custom .row {
    align-items: center;
}
    .highlights.for_our_new-listing ul {
        overflow-x: auto;
    white-space: pre;
}

/* target specific container */
.highlights.for_our_new-listing ul {
    scrollbar-width: thin;
    scrollbar-color: #cc5200;
    padding-bottom: 8px !important;
}

/* Chrome, Edge, Safari */
    .highlights.for_our_new-listing ul::-webkit-scrollbar {
  height: 6px !important;      /* horizontal scroll height */
  width: 6px !important;       /* vertical scroll width */
}

    .highlights.for_our_new-listing ul::-webkit-scrollbar-track {
  background: #f0f0f0;  /* track background */
  border-radius: 10px;
}

    .highlights.for_our_new-listing ul::-webkit-scrollbar-thumb {
  background: #ff6600;  /* thumb (moving part) color */
  border-radius: 10px;
}

    .highlights.for_our_new-listing ul::-webkit-scrollbar-thumb:hover {
  background: #cc5200;  /* hover color */
}
section.card-custom .for_our_circle {
    position: relative;
}
    
    
    
    
    
    
    
    
    
    
    @media (max-width: 576px) {
      .score-circle {
    position: absolute;
    top: 5%;
    right: 8%;
}
section.card-custom .for_our_circle {
    position: static;
}
      }    
    @media (min-width: 576px) {
      .card-custom {
        display: flex;
        gap: 1.5rem;
        padding: 1.5rem 2rem;
      }

      .card-content {
        flex: 1;
      }
      .logo-wrapper {
        flex-shrink: 0;
      }
      .description {
        margin-top: 0.75rem;
      }
    }