:root{
    --primary-blue: #3f63ad;
    --primary-bg: #f2f3f5;
    --primary-green: #09ab09;
  }
  

    .compare-now{
        border-radius: 3px !important;
        transition: 0.3s ease;
        padding: 10px 16px;
        cursor: not-allowed;
        pointer-events: none;
        background: #d97706;
        opacity: .5;
      }
    .compare-now.active{
      opacity: 1;
      cursor: pointer;
      pointer-events: auto;
      }

    .compare-now.active:hover{
        background: #e78719;
      }

      .aside-com-btn{
        color: var(--primary-blue) !important;
        border: 1px solid var(--primary-blue) !important;
        transition: .3s ease;
        background: transparent !important;
      }
      .aside-com-btn:hover{
        color: white !important;
        background: var(--primary-blue) !important;
      }

      .compare-row>div{
        position: relative;

      }
      .compare-row> div:first-child::before{
        content: "VS";
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--primary-bg);
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-weight: 500;
        z-index: 10;
      }
      .compare-list-close{
        transition: .3s ease;
      }
      .compare-list-close:hover{
        color: #1c1c1c;
      }
      .compare-list-img{
        transition: .3s ease;
        height: 10rem;
      }
      .compare-list-img:hover{
        transform: scale(1.05);
      }

      .review-popup{
        transition: transform 0.3s ease !important;
        transform: translate(-50%, 100%);
      }
      
        .review-popup.hidden {
          transform: translate(-50%, 100%);
          /* opacity: 0; */
        }
        
        .review-popup.visible {
          transform: translate(-50%, 0);
          /* opacity: 1; */
        }
.modalProductItem img,
.modalProductItem h6 {
  transition: .3s ease;
}

.modalProductItem:hover img {
  transform: scale(1.05);
}

.modalProductItem:hover h6 {
  color: var(--primary-blue) !important;
}
.compareSearchModal input::placeholder{
  font-size: 14px;
  color: #848484;
  font-weight: 300;
}
.compareSearchModal .modalProductItem:hover{
  background-color: #eceeee !important;
}

.add-product-btn{
  min-height: 180px;
}
.add-product-btn-inside.active{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}