.smart-search-results{

   position: relative;

    flex-wrap: wrap;

	    padding: 0 var(--padfw);

	    padding-top: 35px !important;

	display:none;

	transition: all 0.3s;

	    box-shadow: 0 4px 5px -3px #434343;

  }

  .search-bar-container{

	  display:flex;

  }

  

  #smart-search-input {

	  border: solid 1px rgb(213 216 232 / 60%);

	  border-top-right-radius:5px;

	  border-bottom-right-radius:5px;

	  border-top-left-radius:0px;

	  border-bottom-left-radius:0px;

	   width:90%;

  }

  #smart-search-category{

	  border: solid 1px rgb(213 216 232 / 60%);

	   border-top-left-radius:5px;

	  border-bottom-left-radius:5px;

	   border-top-right-radius:0px;

	  border-bottom-right-radius:0px;

     width:10%;

	     padding-left: 15px;

		 margin-right:-1px;

  }

  

  

  .smart-search-inner{

    flex-wrap: wrap;

max-width: 1200px !important;

    overflow: hidden;

    padding-top: 35px !important;

    display: flex;

	margin:auto;

  }

  

  .banner img{

	  Width:100%!important;

	  max-width:100%!important;

	  height:auto!important;

  }

  

  .all-banner-container{

	  display: flex;

    justify-content: space-between;

    width: 100%;

	margin-bottom:50px;

	gap:5%;

	align-items: end;

  }

  

.search-banner {  

 background-color: #f8f9fa; /* Adjust as needed */

    padding: 10px;

    text-align: center;

    border: 1px solid #ddd; /* Adjust as needed */

    box-shadow: 0 4px 5px -3px rgba(0, 0, 0, 0.1);

    position: absolute; /* Ensure absolute positioning */

    z-index: 9999;

    width: auto; /* Width is dynamically set in JS */

    transition: all 0.3s ease; /* Smooth transition for showing/hiding */

	top: 70px!important;

	border-radius:5px;

	}

	

	

  .smart-search-results .column {

    _width: calc(33.33% - 20px);

    margin: 10px;

       flex: 1;

 

  }

  

  #speech-to-text-button {

    background: url('../assets/img/mic.svg') no-repeat center;

    background-size: contain;

    width: 20px;

    height: 30px;

    border: none;

    cursor: pointer;

	right: inherit;

}



  _.smart-search-results a span {

    font-size: 16px;

    

}

.smart-search-results h3 {

    font-size: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #DAE4E4;

}

  .smart-search-results ul {

    list-style: none;

    padding: 0;

    margin: 0;

  }

  .smart-search-results {

    position: fixed;

    _top: var(--header);

	  top: 0;

    z-index: 99;

    left: 0;

    width: 100%;

    background-color: #ffffff;

	    max-height: calc(100vh - 240px);

    overflow: auto;

}

.sticky_header #smart-search-results{

	_top: var(--headerFixed) !important;

}

 .smart-search-results .products ul li {

    border-bottom: 1px solid #D9D9D9;

}



.smart-search-results ul li:first-child {

    padding-top: 0;

}



.smart-search-results ul li {padding: 10px 0;}

.smart-search-results .products ul li:last-child {

    border: none;

}

  

  .smart-search-results a {

    text-decoration: none;

    color: var(--smart-text-color) !important;

    display: flex;

    align-items: flex-start;

	  transition:all 0.2s;

}

.smart-search-results ul li a:hover{

	 color: var(--smart-secondary-color) !important;

} 

  .smart-search-results img {

      width: 115px;

    height: 139px;

    margin-right: 10px;

    object-fit: contain;

  }

.smart-search-results .column ul {

    overflow: auto;

    height: 100%;

	padding-right: 5px;

}



.smart-search-results .column {

    height: 100%;

}

.highlighted {

  color:var(--smart-secondary-color); 

    font-weight: bold;

}

.loader {

    border: 4px solid rgba(0, 0, 0, 0.3);

    border-top: 4px solid var(--smart-secondary-color);

    border-radius: 50%;

    width: 40px;

    height: 40px;

    animation: spin 0.6s linear infinite;

    font-size: 0;

    margin: auto;

    margin-bottom: 20px;

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}

.no-results {

    margin: auto;

    margin-bottom: 20px;

    font-size: 17px;

}

.close-btn {

    width: 33px;

    height: 33px;

    position: absolute;

    cursor: pointer;

    top: 20px;

    right: 40px;

    background-color: var(--smart-title-color);

    display: flex;

    align-items: center;

    justify-content: center;

}

.close-in-wrapper{

	position: relative;

	width: 25px;

	height: 25px;

	

}

.close-in-wrapper::before {

    transform: rotate(45deg);

}

.close-in-wrapper::before, .close-in-wrapper::after {

    content: '';

    position: absolute;

    width: 25px;

    height: 2px;

    top: 50%;

    left: 0;

    background-color: #ffffff;

    display: block;

    transform-origin: center;

    margin-top: -1px; /* Vertically center the pseudo-elements */

}

.close-in-wrapper::after {

    transform: rotate(-45deg);

}





 /* Apply styles to the entire scrollbar */

    .smart-search-results .column ul::-webkit-scrollbar {

      width: 5px; /* Set the width of the scrollbar */

    }



    /* Apply style to the track (the area behind the thumb) */

    .smart-search-results .column ul::-webkit-scrollbar-track {

      background: #E0E0E0; /* Change the track color */

    }



    /* Apply style to the scrollbar thumb (the draggable handle) */

    .smart-search-results .column ul::-webkit-scrollbar-thumb {

      background: var(--smart-title-color); /* Change the color of the thumb */

      border-radius: 5px; /* Round the corners of the thumb */

    }



    /* Apply style to the scrollbar thumb when hovering over it */

    .smart-search-results .column ul::-webkit-scrollbar-thumb:hover {

      background: var(--smart-title-color); /* Change the color of the thumb on hover */

    }		/* Example CSS for Template 2 */.template2-categories {    /* Styles for categories section */}.template2-products {    /* Styles for products section */}.template2-popular-products {    /* Styles for popular products section */}.template2-products img {    /* Styles for product images */}.close-btn {    /* Styles for close button */}

	

	

	.topMenuNavbar.fixed .header_search_cont {

    display: none;

}

.cd-dropdown-wrapper-search {

    display: flex;

}



.topMenuNavbar.fixed .cd-dropdown-wrapper-search .header_search{

 display: block;

}



.cd-dropdown-wrapper-search .header_search {

    margin-left: 20px;

    _min-width: 225px;

    font-size: 13px;

    display: none;

}

.header_search_fixed_cont {



    min-width: 238px;

}

.header_search_cont {

    padding-left: 35px;

    padding-right: 35px;

        padding-top: 14px;

    padding-bottom: 14px;

        position: relative;

    z-index: 99;

}

.header_search {

    position: relative;

    max-width: 550px;

    margin: auto;

}

.header_search input {

    border: none;

    border-bottom: 1px solid #F47B3B;

    width: 100%;

    padding-left: 10px;

    background-image: url(../img/search.png);

    background-size: auto;

    background-repeat: no-repeat;

    background-position: 99% center;

    min-height: 40px;

    transition: all 500ms;

}

.header_search.active-search input,

.header_search_fixed_cont.active-search  input{

  border-bottom: solid 4px #F47B3B;

  background-image: url(../img/search_active.png);

  background-size: auto;

  background-repeat: no-repeat;

  background-position: 0% center;

  padding-left: 30px;

  transition: all 500ms;

}





.smart-search-results .column.template1 {

    _width: calc(33.33% - 20px);

    margin: 10px;

    flex: 1;

    padding-left: 35px;

    padding-right: 35px;

    margin-left: 0;

    margin-right: 0;

}



.template1 h3{

	font-size: 18px;

    border-bottom: 1px solid #787878;

    padding-bottom: 5px;

    margin-bottom: 15px;

	color: black;

	font-weight: 500;

}



.template1.categories ul li{

	font-size: 16px;

    margin-bottom: 10px;

	padding:0;

}



.template1 ul li a{

	

	font-weight: 500;

	

}



.template1.products ul li{

	background-color: #fff;

    padding: 5px;

    margin-bottom: 10px;

}



.template1.products ul li a{

	color: #000;

	font-size:14px;

	font-weight: 500;

}

.template1.popular-products ul li{

	font-size: 16px;

    margin-bottom: 10px;

	padding:0;

	font-weight: 500;

}



.template1-close-wrapper::before, .template1-close-wrapper::after {

    content: '';

    position: absolute;

    width: 12px;

    height: 2px;

    top: 50%;

    left: calc(50% - 6px);

    background-color: #ffffff;

    display: block;

    transform-origin: center;

    margin-top: -1px;

    margin: auto;

}



.template1-close-results {

    width: 40px;

    height: 30px;

    position: absolute;

    cursor: pointer;

    top: 20px;

    right: 40px;

    background-color: var(--smart-title-color);

    display: flex;

    align-items: center;

    justify-content: center;

}



.template1-active .smart-search-results {

    background-color: #ececec; /* Set the desired background color */

	margin-top:10px;

	max-height: calc(100vh - 240px);

	overflow: auto;

	

}



.template1-active .smart-search-results img{

	    width: auto;

    max-width: 115px;

    height: 139px;

    margin-right: 10px;

    object-fit: cover;

	

}



.template1-active .smart-search-results ul {

	max-height:350px!important;

}



.see-all-results-container {

    text-align: center;

   

    width: 100%;

    display: block;

    margin-bottom: 50px;

    margin-top: 50px;

}



/* Button styling */

.see-all-results-btn {

    padding: 10px 20px;

    background-color: transparent; /* Change to desired color */

    color:var(--smart-text-color)!important;

    border: none;

    border-radius: 5px;

    cursor: pointer;

    font-size: 16px;

}



.see-all-results-btn:hover {

    color: var(--smart-secondary-color) ; /* Hover color */

}



/* Apply styles to the entire scrollbar */

   .template1-active .smart-search-results::-webkit-scrollbar {

      width: 5px; /* Set the width of the scrollbar */

    }



    /* Apply style to the track (the area behind the thumb) */

  .template1-active  .smart-search-results::-webkit-scrollbar-track {

      background: #E0E0E0; /* Change the track color */

    }



    /* Apply style to the scrollbar thumb (the draggable handle) */

   .template1-active .smart-search-results::-webkit-scrollbar-thumb {

      background: var(--smart-title-color); /* Change the color of the thumb */

      border-radius: 5px; /* Round the corners of the thumb */

    }



    /* Apply style to the scrollbar thumb when hovering over it */

  .template2-active  .smart-search-results::-webkit-scrollbar-thumb:hover {

      background: var(--smart-title-color); /* Change the color of the thumb on hover */

    }

	

	

	.template2-active .smart-search-results::-webkit-scrollbar {

      width: 5px; /* Set the width of the scrollbar */

    }



    /* Apply style to the track (the area behind the thumb) */

  .template2-active  .smart-search-results::-webkit-scrollbar-track {

      background: #E0E0E0; /* Change the track color */

    }



    /* Apply style to the scrollbar thumb (the draggable handle) */

   .template2-active .smart-search-results::-webkit-scrollbar-thumb {

      background: var(--smart-title-color); /* Change the color of the thumb */

      border-radius: 5px; /* Round the corners of the thumb */

    }



    /* Apply style to the scrollbar thumb when hovering over it */

  .template2-active  .smart-search-results::-webkit-scrollbar-thumb:hover {

      background: var(--smart-title-color); /* Change the color of the thumb on hover */

    }

	

	.product-price{

	text-align: right;



    margin-top: 20px;

	}

	

	.product-price .woocommerce-Price-amount bdi{

	font-size:14px;

	color:var(--smart-text-color);

	}

	

	.product-desc{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

		width:100%

	}