/*
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****************/
.center_about {
  padding-top: 40px;
  padding-bottom: 70px;
  background: #f4f4f4;
}

.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) */
}
.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;
}
.cat_1i1 p {
  color: #f4f4f4;
}
.cat_1im:hover .cat_1i1 {
  display: block;
  cursor: pointer;
}
.rmg {
  margin-top: 40px;
}
.about_page_t {
  margin-bottom: 40px;
}
#about_page {
  padding-bottom: 40px;
}
/*********************product_end****************/

/*********************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;
  }
  #about_page {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1200px) {
}
@media (min-width: 1201px) and (max-width: 1310px) {
}