/*
Theme Name: Hello Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-child
*/

/* Add your custom styles below */
body {
    background-color: #ffffff;
}


/* Product Selector */
.product_item_selector ul { 
    list-style:none;
    padding:0px; 
    margin:0px; 
} 


.product_item_selector ul li { 
    display:flex;
    column-gap:10px;
    align-items:center;
    color: #183E4B;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:15px;
}

.product_item_selector a {
    display:flex;
    justify-content:space-between;
    color: #183E4B !important;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom:15px;
}


.product_item_selector ul li input[type="checkbox"] { 
    width:16px; 
    height:16px; 
    border-radius: 2px;
    border: 1px solid #D9D9D9;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    cursor: pointer
}

.product_item_selector ul li input[type="checkbox"]:checked {
    background: #02A0DF; /* yellow */
    border-color: #02A0DF;
}

/* Product Grid */
.product_listing ul { 
    list-style:none;
    padding: 0px;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 58px;

}
.product_listing li { 
     width:100%;
}

.product_listing .image_wrapper { 
    position:relative;
    border-radius: 3.507px;
    background-color: #F0F0F0;
    overflow: hidden;
}
.product_listing .image_wrapper img { width: 100%; height:100%; object-fit: cover; }

.product_listing .image_wrapper .expand { 
    position:absolute;
    right: 10px;
    top:10px; 
}

.product_listing li h3.item_name  {
    color:  #183E4B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    text-transform: capitalize;
    margin-bottom:5px;
    font-family: "Inter", Sans-serif;
    
}

.product_listing  li span.details { 
    color: #183E4B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    text-transform: capitalize;
    display:block;
    margin-bottom:10px;
}

.product_listing  li .item_links { display:flex; }

.product_listing .item_links { display:flex; justify-content: space-between; margin-bottom:11px; }

.product_links {
    color: #3FB7E6 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    text-decoration: underline !important;
    text-transform: capitalize;
    line-height: 150%; /* 21px */
        text-decoration-line: underline !important;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        text-transform: capitalize;
}


.quote_btn {
    border-radius: 5px !important;
    border: 1px solid #02A0DF !important;
    display: flex !important;
    padding: 5px 35px !important;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #02A0DF !important;
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    background-color: #fff !important;
    text-transform: uppercase;
}

.show_results { 
    color: #515151;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:0px;
}

.show_categories { 
    color: #232323;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom:0px;
}


/*Sortable view*/
.sort_by { display:flex; align-items:center; column-gap: 8px; max-width:460px; width:100%;  } 
.sort_by .sort { display:flex; align-items: center; margin-left:16px; width:100%; max-width:65px; }
.sort_by .sort a { padding: 8px 10px; display:flex; }
.sort_by .sort a.active {
border-radius: 0 2px 2px 0;
border-top: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
background: #02A0DF;
}
.sort_by .sort a img { width:18px; height:18px; }
.sort_by  .text {
    width: 100%;
    max-width: 80px;
    color: #515151;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    
}
.sort-select {
    border: 1px solid #D7D7D7;
    background-color: #F7F7F7;
    color: #515151;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width:277px;
    outline:none;
    
}

.sort-select.w_bg  { background-color:#fff !important;}
.sort-select.width-110 {  width:110px; } 

.view_products_link {
    color: #3FB7E6 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display:flex;
    column-gap:6px; 
    font-family: "Inter", Sans-serif;

    
}
/* Category Listing */

.category_listing ul { 
    list-style:none;
    padding: 0px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   row-gap: 32px;
   column-gap: 24px;

}
.category_listing li { 
     width:100%;
}

.category_listing .image_wrapper { 
    position:relative;
    border-radius: 8px;
    background-color: #F0F0F0;
    height:260px;
    overflow: hidden;
}
.category_listing .image_wrapper img { width: 100%; height:100%; object-fit: cover; }


.category_listing li h3.item_name  {
    color:  #232323;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    text-transform: capitalize;
    margin-bottom:5px;
    
}

.category_listing  li span.details { 
    color: #5A5A5A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    text-transform: capitalize;
    display:block;
    font-family: "Inter", Sans-serif;
    margin-bottom:10px;
}

/* Single Product Layout */