/* Styles for the Services Mega Menu */
/* Styles for the Services Mega Menu */

.products-menu-grid {
    display: grid;
	/*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
	grid-template-columns: repeat(4, 1fr);
   /* grid-template-columns: repeat(4, 1fr); *//* 4 grid items per row */
    gap: 10px; /* Adjust the gap between grid items */
}

.company-menu-grid {
    display: grid;
	/*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
	grid-template-columns: repeat(5, 1fr);
   /* grid-template-columns: repeat(4, 1fr); *//* 4 grid items per row */
    gap: 10px; /* Adjust the gap between grid items */
}

.service-menu-grid-item {
    position: relative; /* Add position for pseudo-element */
    display: flex;
    flex-direction: column;
/*    align-items: center!important;*/
    text-align: center;
    text-decoration: none;
    /*background-color: #000; *//* Adjust background color as needed */
    padding: 20px;
    border-radius: 0px;
    overflow: hidden; /* Hide overflow caused by border animation */
   /* border: 1px solid #e90317!important;*/
/*	background-size: cover!important;
    background-position: center center!important;
	object-position: center center;*/
	border-radius:0px;
	min-height:120px;
}
/*
.service-menu-grid-item:after { 
background: rgba(0, 0, 0, 0.35) !important;
	content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 100%;
}

*/
.services-menu-grid a { 
color:#293868;
}

.products-menu-grid a { 
color:#293868;
}



.service-menu-grid-item:hover {
 /*   border: 1px solid #e90317!important;*/
    
    opacity: 1; /* Show the border on hover */
}

.service-menu-grid-item:hover { 
 /*   transform: scale(1.01);
    transition: all .2s ease-in-out;*/
}

@keyframes border-animation {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
    }
}

.product-grid-menu-image {
  border-radius: 0 !important;
  background-size: cover;
  background-position: center;
  width: 110px;
  object-fit: cover;
  overflow: hidden;
  margin-bottom: 10px;
height: 80px;
text-align:center;
	margin: 0 auto;
  aspect-ratio: 4 / 3; /* Standard way to set aspect ratio */
  -webkit-aspect-ratio: 4 / 3; /* For older Safari versions */
}

.product-grid-menu-image img {
 height: 80px;
width: 110px;
  border-radius: 0 !important;
  object-fit: cover;
	text-align:center;
  aspect-ratio: 4 / 3; /* Standard aspect-ratio */
  -webkit-aspect-ratio: 4 / 3; /* For older Safari versions */
}

h4.product-menu-title  {
    font-size: 16px!important; /* Adjust font size as needed */
    margin: auto 0;
	z-index:99;
	padding-top:5px;
}

.service-menu-highlight-text {
    font-size: 14px; /* Adjust font size as needed */
    color: #ffffff; /* Text color */
}

.product-menu-button { 
font-size:14px;
}

.product-menu-button svg {
    display: inline-block;
	height: 12px;
}





/*PRODUCTS GRID */



.products-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
}

.product-grid-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding:5px;
	border-radius:0.0rem;
}

.product-grid-item:hover {
/*background-color: #f2f2f2;*/
/*	transform: translateY(-5px);*/
   /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);*/
}

.product-grid-image {
    background-color: #f2f2f2;
    border-radius: 0.0rem;
    background-size: cover;
    background-position: center;
   /* height: 270px;*/
    width: 100%;
	background-color:#f2f2f2;
	object-fit: cover;
	overflow: hidden!important;
	aspect-ratio: 4 / 3!important; 
	
}



.product-grid-image img {
	background-color:#f2f2f2;
	object-fit: cover;
	aspect-ratio: 4 / 3!important; 
}

.product-grid-image img:hover {
transform: scale(1.2);
	overflow: hidden;
	 -webkit-transition: transform 1.05s ease-in-out;
    -moz-transition:transform 1.05s ease-in-out;
    -ms-transition:transform 1.05s ease-in-out;
}

.product-grid-content {
    padding: 15px 0;
    text-align: center;
}

.product-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
	margin-top: 10px;
}

.product-excerpt {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
	font-weight:400;
}

.product-button {
    color: #293868;
    text-decoration: underline;
    padding: 10px 15px;
    border-radius: 0px;
    display: inline-block;
    transition: background-color 0.3s ease;
	font-size:16px;
}

.product-button:hover {

}

.product-button svg {
    display: inline-block;
	height: 15px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .products-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .products-grid-container {
        grid-template-columns: 1fr;
    }
}



/*TAXONOMY GRID */ 



/*TAXONOMY TERMS GRID */

/*TAXONOMY FEATURED GRID */

.taxonomy-featured-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
}
.taxonomy-grid-featured-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding:5px;
	border-radius:0.0rem;
}

.taxonomy-grid-featured-item:hover {
 /*   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);*/
}

.taxonomy-grid-image {
background-color: #f2f2f2;
    border-radius: 0.0rem;
    background-size: cover;
    background-position: center;
   /* max-height: 250px;*/
    width: 100%;
	background-color:#f2f2f2;
	object-fit: cover;
	overflow: hidden!important;
	aspect-ratio: 4 / 3!important; 
}

.taxonomy-grid-image img {
	background-color:#f2f2f2;
	object-fit: cover;
}

.taxonomy-grid-image img:hover {
    transform: scale(1.1);
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -ms-transition: transform 1s ease-in-out;
}

.taxonomy-grid-content {
   padding: 15px 0;
    text-align: center;
}

.taxonomy-grid-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #293868;
}

.taxonomy-grid-description {
    font-size: 16px;
    color: #666;
    margin-bottom: 15px;
    font-weight: 400;
}

.taxonomy-grid-title a {
    color: #293868;
    text-decoration: none;
    transition: color 0.3s ease;
}

.taxonomy-grid-title a:hover {
    color: #f2f2f2;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .taxonomy-featured-grid {
         grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .taxonomy-featured-grid {
         grid-template-columns: repeat(1, 1fr);
    }
	
}