.suggestions-list {
    border: 1px solid #ddd;
    background: #fff;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: 45px;
    display: none;
}

.suggestion-item {
    padding: 8px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: #f0f0f0;
}
.see-all-industries
{
background-image: url("front/images/Rectangle%2045.png");
background-position: center center;
background-repeat: no-repeat;
}
.testimonial-author .author-rating
{
    background-image:url("front/images/Rectangle%2044.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.info-item-1 .info-text
{
    background-image:url("front/images/Ellipse%205.png");
    background-position:-10px -20px;
    background-repeat: no-repeat;
}
.info-item-2 .info-text
{
    background-image:url("front/images/Ellipse%205%20(1.html).png");
    background-position:-10px -20px;
    background-repeat: no-repeat;
}
.why-us-container {
text-align: center;
width: 70%;
padding: 50px 20px;
background-color: #fff;
margin: 0 auto;
background-image: url("front/images/Vector%204.png");
background-size: contain; /* Adjust this as needed, could also be 'contain' */
background-position: top center; /* Adjust this based on the exact position you want */
background-repeat: no-repeat; /* Ensure it doesn't repeat */
position: relative; /* To position other elements within */
}
.guarantee-box
{
background-image: url("front/images/image%20(38.html).png");
background-size:cover;
background-position: center center; /* Adjust this based on the exact position you want */
background-repeat: no-repeat; /* Ensure it doesn't repeat */
}
.accordion-button::after {
    content: '';
    background-image: url("front/images/line-angle-down-icon%20(1.html) 1 (1).png"); /* Change this to the correct path */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px; /* Set the width to fit your image */
    height: 12px; /* Set the height to fit your image */
    right: 10px;
    top: 50%;
}

.accordion-button.collapsed::after {
    background-image: url("front/images/line-angle-down-icon%20(1.html) 1.png"); /* Change this to the correct path */
    transform: none; /* Remove the rotate if unnecessary */
    width: 12px; /* Set the width to fit your image */
    height: 12px; /* Set the height to fit your image */
    right: 10px;
}
.productPageDescriptionReadMoreWrap p
{
    font-weight:400 !important;
}
.sale-banner
{
    background:#107B5D;
}


 .sticky-navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    @media(max-width: 991px){
        html, body {
            overflow-x: hidden;
        }
    }
    @media(max-width: 991px){
        html,body{
            overflow-x: hidden;
        }
        .navbar .form-control{
            max-width: 100%;
        }
        #industrydropdown{
            width: 100%;
        }
        .custom-height{
            height: 200px;
            overflow-y: auto;
        }
        .shapes-dropdown-menu {
            display: none;
            width: 250px;
        }
        .shapes-dropdown-menu.show {
            display: block;
        }
        .search-input{
            width: 280px;
        }

    }





  .youtube-video img {
    display: block;
    width: 100%;
    height: auto;
}
 .custom-boxes-section {
/*background-color:#E3EDF6;*/
background-image:url('public/homepage_images/boxit-home-banner.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
height:450px;
/*background-color:#FFF;*/
padding: 50px 0;
}
.custom-boxes-section .btn-secondary
{
    position:relative;
    top:310px;
    left:42px;
}
.recycable a 
{
    text-decoration:none;
}
.recycable-heading
{
    font-size:20px !important;
}
.recycable img 
{
    width:280px !important;
    height:300px;
}
.shapes-style-section img 
{
    height:auto;
}

/* Prevent overflow caused by slider */
.homepage-banner-slider,
.banner-slide {
    overflow: hidden;
    padding:0px !important;
}

/* Ensure image fits properly */
.banner-slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.p-information
{
    background-color:#107B5D;
    
}
.p-information span 
{
    color:#fff;
}
#read-more-link,
#read-less-link {
    display: inline-block;
    list-style: none;
    text-decoration: underline;
}
.prouct-sub-heading h2
{
    font-size:28px !important;
}