body {
    font-family: 'Work Sans', sans-serif;
}
#mainimgarea img{
    width:100%;
    margin-top:-20px;
}

        #cnow img{
            width:100%;
            margin-top:30px;
            
        }
      .xsrch{
          width:70%;
      }
      .page-link{
          padding:3px;
      }
      
 .header-container {
      position:absolute;
      top:0px;
      height:140px;
      width:100%;
      justify-content: center;
      align-items: center;
      background-color: lightsteelblue;
      box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); 
      background-image: url(images/decorativestoneonlineheader.jpg);
      background-position: top;
      background-size: contain;
      background-repeat: no-repeat;
      color: white; /* Set text color to contrast with background */
    }
    
    .center-column{
       box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);   
    }
    
#navbarholder{
    height:auto;
    width:100%;
    text-align:center;
    margin-top:142px;
    background:none;
}

    #lsideholder{
    
        background-color:lightsteelblue;
        border-style:solid;
        border-color:white;
        width:100%;
        margin-left:5px;
        padding-right:5px;
        padding:17px ;
        
    }
   

    #display-container{
        width:100%;
        text-align:center;
        padding-right:10px;
        
    }
    .spacer11{
        height:20px;
    }
    .item-color{
     border-style:solid;
     border-width:1px;
        
    }
    
    .bb3{
        float:right;
        margin-right:20%;
        color:white;
        font-weight:bold;
        
        
    }
    
    #autosuggestholder{
        width:100%;
        text-align:center;
        background:none;
        height:100px;
        
    }
  .suggestion-list {
            border: 1px solid #ccc;
            max-height: 150px;
            overflow-y: auto;
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .suggestion-list li {
            padding: 8px;
            cursor: pointer;
        }
        .suggestion-list li:hover {
            background-color: #f0f0f0;
        }
        
        #search{
            width:40%;
            border-radius:3px;
            border-color:blue;
        }
        
      .autosearchrow {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
   background-color: #f9f9f9; 
 
    margin-bottom: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
   .autosearchrow:hover {
        background-color:#93C572;
   }
.image-container {
    width: 28%;
    padding-right: 15px;
}

.search-image {
      border-width: 2px;
    max-width: 130px;
    min-height: 130px;
    border-style: solid;
    min-width: 130px;
    max-width: 130px;
    width: 130px;
    height: 130px;
    border-radius: 3px;
}

.textholder {
        margin-left: 35px;
    line-height: 1.2;
    background: none;
    font-size: 1.2rem;
    width: 72%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.namerow {
    margin-left:35px;
    font-size:1.1rem;
    padding:7px;
    background:none;
    
}


.pricerow {
    margin-left:35px;
    font-size:1.1rem;
    padding:7px;
    background:none;
    
}

.sizerow {
    margin-left:35px;
    font-size:1.1rem;
    padding:7px;
    background:none;
    
}

.details {
    color: #555;
}
    .form-group {
            margin-bottom: 20px;
        }
        label {
            display: block;
            margin-bottom: 15px;
            font-weight: bold;
            color: #333;
        }
        select {
    width: 100%;
    font-weight: bold;
    padding: 6px;
   
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #93C572;
    font-size: 1rem;
    color: #333;
        }
     /*   select:focus {
            outline: none;
            border-color: #007bff;
            box-shadow: 0 0 0 2px rgba(0,123,255,.25);
        }*/
         .custom-dropdown {
            position: relative;
            width: 100%;
            font-family: Arial, sans-serif;
        }

        .dropdown-header {
            padding: 10px;
            background-color: #f8f8f8;
            border: 1px solid #ddd;
            cursor: pointer;
            user-select: none;
        }

        .options-container {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background-color: white;
            border: 1px solid #ddd;
            border-top: none;
            max-height: 300px;
            overflow-y: auto;
            z-index: 1000;
        }

        .option {
            padding: 10px;
            cursor: pointer;
        }

        .option:hover {
            background-color: #f0f0f0;
        }

        .option.selected {
            background-color: blue;
            color: white;
        }

        #warning {
            color: red;
            font-size: 1.3rem;
            font-weight: bold;
            margin-top: 10px;
        }
#allcategory{
    
    min-height:300px;
}
  .price-slider-container {
    width: 90%;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

.price-slider {
    width: 100%;
    height: 10px; /* Adjusted height for better dragging */
    background: #ddd;
    position: relative;
    margin: 20px 0;
}

.price-slider .ui-slider-range {
    height: 100%;
    position: absolute;
    background: #4CAF50;
}

.price-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4CAF50;
    position: absolute;
    margin-left: -10px;
    margin-top: -8px;
    cursor: pointer;
}

#price-range {
    text-align: center;
    margin-top: 10px;
}