.diamondCard-structure {
    display: none;
    /* position: absolute; */
 }
 
 .diamondCard-image {
     width: 100%;
     overflow: hidden;
     /* border-radius: 5px; */
     position: relative;
     height: 148px;
     display: flex;
 }
 
 .diamondCard-image img {
     max-height: 100%;
     max-width: 100%;
     object-fit: contain;
     background: #c8c8c8;
 }
 img.diamondCard-company-img {
    max-height: 100%;
    max-width: 100%;
    background: unset;
    object-fit: unset;
}
 .apiRoute-hot-deals {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     justify-content: center;
     width: 100%;
     height: 100%;
     position: relative;
 }
 
 .diamondCard-details-title-shape {
     text-align: right;
     /* font-size: 20px; */
     font-weight: 400;
 }
 
 .diamondCard-details {
     padding: 15px 10px 15px 10px;
     text-transform: capitalize;
     font-weight: 700;
     font-size: 13px;
     display: flex;
     justify-content: space-between;
     flex-direction: row-reverse;
 }
 .diamondCard-details-subtitle {
     display: none;
 }
 .diamondCard-tag {
     background-color: #d6ffe2;
     position: absolute;
     bottom: 5px;
     left: 5px;
     padding: 7px 10px 6px 10px;
     border-radius: 5px;
     font-weight: 700;
     color: #1B6F34;
     display: flex;
     align-items: center;
     gap: 7px;
     font-size: 11px;
     display: none;
 }
 
 .diamondCard-tag-sign {
     background-color: #1B6F34;
     border-radius: 100px;
     padding: 3px;
 }
 .diamondCard-structure:nth-of-type(1) {
     top: 200px;
     left: -100px;
     display:block;
 }
 .diamondCard-structure:nth-of-type(2) {
     top: 70px;
     left: 95px;
     display:block;
 }
 .diamondCard-structure:nth-of-type(3) {
     top: 274px;
     left: 95px;
     display:block;
 }
 .diamondCard-structure:nth-of-type(4) {
     top: 330px;
     left: 292px;
     display:block;
 }
 .diamondCard-structure:nth-of-type(5) {
     top: 124px;
     left: 292px;
     display:block;
 }
 .diamondCard-structure:nth-of-type(6) {
     top: 70px;
     left: 486px;
     display:block;
 }
 .diamondCard-structure:nth-of-type(7) {
     top: 279px;
     left: 486px;
     display:block;
 }
.diamondCard-structure:nth-of-type(8),.diamondCard-structure:nth-of-type(9) {
    
     display:block;
 }

 .diamondCard-image.loading-placeholder {
     width: 186px;
     height: 143px;
     background-color: white;
 }
 
 .loading-diamond-card .diamondCard-details {
     height: 51px;
     padding: 0px;
 }
 
 .diamondCard-structure.loading-diamond-card {}
 
 span.diamondCard-details-title-shape.loading-placeholder {
     width: 20px;
     height: 19px;
     background-color: #e8e8e8;
     border-radius: 5px;
 }
 
 .loading-diamond-card .diamondCard-details-title {
     display: flex;
     gap: 15px;
     align-items: center;
     padding: 0px 11px 0px 11px;
 }
 
 span.diamondCard-details-title-shape.loading-placeholder:nth-of-type(1) {
     width: 20px;
 }
 span.diamondCard-details-title-shape.loading-placeholder:nth-of-type(2) {
     width: 20px;
 }
 span.diamondCard-details-title-shape.loading-placeholder:nth-of-type(3) {
     width: 25px;
 }
 span.diamondCard-details-title-shape.loading-placeholder:nth-of-type(4) {
     width: 55px;
 }
 .loading-diamond-image-placeholder {
     width: 100%;
     height: 100%;
     background-color: #e8e8e8;
     border-radius: 5px 5px 0px 0px;
     padding: 17px;
     box-sizing: border-box;
 }
 
 
 
 .loading-placeholder {
     background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
     background-size: 200% 100%;
     animation: loading 1.5s infinite;
 }
 @keyframes loading {
   0% { background-position: 200% 0; }
   100% { background-position: -200% 0; }
 }
 .fade-in {
     opacity: 0;
     animation: fadeIn 0.5s ease-in forwards;
   }
   
   @keyframes fadeIn {
     from { opacity: 0; }
     to { opacity: 1; }
   }
 
 @keyframes floating {
     0% { transform: translate(0, 0); }
     25% { transform: translate(2px, 1px); }
     50% { transform: translate(-1px, 2px); }
     75% { transform: translate(-2px, 1px); }
     100% { transform: translate(0, 0); }
 }
 
 .diamondCard-structure:not(.loading-diamond-card) {
     /* opacity: 0; */
     animation: fadeIn 0.5s ease-in forwards,
                floating 6s ease-in-out infinite;
 }
 
 .diamondCard-structure:nth-of-type(1) {
     animation-delay: 0s, 0s;
 }
 
 .diamondCard-structure:nth-of-type(2) {
     animation-delay: 0.2s, 1s;
 }
 
 .diamondCard-structure:nth-of-type(3) {
     animation-delay: 0.4s, 2s;
 }
 
 .diamondCard-structure:nth-of-type(4) {
     animation-delay: 0.6s, 1.5s;
 }
 
 .diamondCard-structure:nth-of-type(5) {
     animation-delay: 0.8s, 0.5s;
 }
   
 
 .diamondCard-wrapper {
     transition: all .3s ease;
     /* transform: scale(1.02); */
 }
 
 .diamondCard-wrapper {
    width: 215px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    overflow: hidden;
    background-color: F9F9F9;
    /* position: absolute; */
    cursor: pointer;
}

.diamondCard-wrapper {
    width: 186px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    overflow: hidden;
    background-color: F9F9F9;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* When any card is hovered, dim all cards */
.apiRoute-hot-deals:has(.diamondCard-wrapper:hover) .diamondCard-wrapper {
    opacity: 0.6;
    transform: scale(0.98);
}

/* Restore the hovered card */
.apiRoute-hot-deals .diamondCard-wrapper:hover {
    opacity: 1 !important;
    transform: scale(1.02)!important;
    z-index: 1;
}
.diamondCard-details-title-price {
    font-size: 21px;
    margin-top: -6px;
}

.diamondCard-details-title {
    position: relative;
    top: 0px;
}
.diamondCard-company {
    position: absolute;
    bottom: 7px;
    right: 6px;
    width: 32%;
    height: 16px;
}
.diamondCard-structure:nth-of-type(3) .diamondCard-company,.diamondCard-structure:nth-of-type(4) .diamondCard-company,.diamondCard-structure:nth-of-type(5) .diamondCard-company,.diamondCard-structure:nth-of-type(6) .diamondCard-company,.diamondCard-structure:nth-of-type(7) .diamondCard-company,.diamondCard-structure:nth-of-type(8) .diamondCard-company,.diamondCard-structure:nth-of-type(9) .diamondCard-company {
    /* display: none; */
}

.diamondCard-structure:nth-of-type(1) .diamondCard-tag,.diamondCard-structure:nth-of-type(2) .diamondCard-tag {
    display: flex;
}

/*.diamondCard-structure:nth-of-type(3) .diamondCard-tag,.diamondCard-structure:nth-of-type(4) .diamondCard-tag,.diamondCard-structure:nth-of-type(5) .diamondCard-tag,.diamondCard-structure:nth-of-type(6) .diamondCard-tag,.diamondCard-structure:nth-of-type(7) .diamondCard-tag,.diamondCard-structure:nth-of-type(8) .diamondCard-tag*/