/*
Template Name:BMGIE
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/

/*********************translate****************/
/* Add this to your CSS file or <style> tag */

.goog-te-combo {
  width: 200px;
  height: 30px;
  font-size: 20px;
  background-color: #000;
  color: #f0f0f0;
}
.goog-te-gadget-simple span {
  color: #c1bbd1 !important;
}
.goog-logo-link {
  display: none !important;
}
.goog-te-gadget {
  margin-top: 5px;
  height: 35px !important;
  overflow: hidden;
}

/*********************translate****************/

/*********************product_detail****************/
.center_about {
  padding-top: 40px;
  padding-bottom: 70px;
  background: #f4f4f4;
}

.product_grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px; /* Offset for gutters */
  margin-right: -15px; /* Offset for gutters */
}
.product_item {
  flex: 0 0 33.333%; /* Three items per row */
  max-width: 33.333%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px; /* Space between rows */
}
.cat_1i img {
  width: 100%; /* Ensures the image scales with its container */
  height: auto; /* Maintains the aspect ratio */
  display: block; /* Removes extra space below the image */
  object-fit: cover; /* Ensures the image covers the container without distortion (optional) */
  transition: transform 0.3s ease-in-out;
}
.cat_1im {
  position: relative;
  overflow: hidden; /* Ensures no content spills outside the container */
}
.cat_1i1 {
  background: #0000009e;
  padding: 20px 15px;
  position: absolute;
  top: 0;
  height: 100%;
  padding-top: 16%;
  display: none;
}
.cat_1i1 span i {
  color: #ffbb5a;
  font-size: 40px;
}
.cat_1i1 h3 {
  color: #fff;
  font-size: 20px; /* Explicitly set font size */
  margin: 0; /* Remove default margins */
}
.cat_1i1 p {
  color: #f4f4f4;
  font-size: 12px; /* Explicitly set font size */
  line-height: 1.5; /* Improve readability */
}
.cat_1im:hover .cat_1i1 {
  display: block;
  cursor: pointer;
}
.cat_1 {
  margin-bottom: 200px;
}
#blog {
  padding-top: 30px;
  padding-bottom: 40px;
}
.blog_left_1 h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.blog_left_1 h4 a {
  color: #000;
}
.blog_left_1 p {
  margin-top: 15px;
}
.blog_left_1 p a {
  color: #999;
}
.blog_left_1 p a:hover {
  color: #000;
}

/*********************product_detail_end****************/

/*********************consultation****************/
.consultation_1_li p {
  margin-bottom: 10px;
}
.consultation_1_li {
  margin-bottom: 15px;
}
.consultation_1_li input .form-control {
  height: 45px;
  font-size: 16px;
}

/*********************search bar_ beginn****************/
/* Styling for the dropdown container */
/* Dropdown container */
.suggestions-dropdown {
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  width: 73%; /* Match the width of the search bar */
  max-height: 200px; /* Limit height for scrollability */
  overflow-y: auto; /* Add scroll if content overflows */
  z-index: 1000; /* Ensure it appears above other elements */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for better visibility */
}

/* Dropdown list */
.suggestions-dropdown ul {
  list-style: none; /* Remove default bullet points */
  margin: 0;
  padding: 0;
}

/* Dropdown items */
.suggestions-dropdown ul li {
  padding: 8px 12px; /* Add padding for spacing */
  cursor: pointer; /* Change cursor to pointer for interactivity */
  transition: background-color 0.3s ease; /* Smooth hover effect */
  font-size: 14px; /* Adjust font size for readability */
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden; /* Hide overflowing text */
  text-overflow: ellipsis; /* Add ellipsis for long text */
}

/* Hover effect */
.suggestions-dropdown ul li:hover {
  background-color: #f0f0f0; /* Highlight on hover */
}

/* Optional: Add a separator line between suggestions */
.suggestions-dropdown ul li:not(:last-child) {
  border-bottom: 1px solid #eee; /* Add a thin separator line */
}
.suggestions-dropdown ul li {
  display: block !important; /* Force vertical stacking */
}
/*********************search bar_end****************/

@media screen and (max-width: 767px) {
  .cat_1im {
    margin-top: 10px;
  }
  #blog {
    text-align: center;
    padding-bottom: 0;
  }
  .comment_1 .text_1_box {
    width: 100%;
  }
  .product_item {
    flex: 0 0 100%; /* One item per row */
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .blog_left_1 h3 {
    font-size: 24px;
  }
  .product_item {
    flex: 0 0 50%; /* Two items per row */
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
}
@media (min-width: 1201px) and (max-width: 1310px) {
}