.blue{
	color:#00009A;
}

.bg-blue{
	background-color:#00009A;
}


.background-section {
    background-image: url('/static/images/hero_background.png'); 
    background-color:#00009A;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: contain;
    color: white;
}

.card-container {
    display: flex;
    padding: 16px;
    gap: 8px;
}

.card-container img{
   object-fit: contain; 
}

.card-link {
    text-decoration: none; /* Remove underline from link */
    color: inherit; /* Inherit text color */
}

.card-link:hover {
    text-decoration: none; /* Maintain no underline on hover */
}

.delete-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

.login-container, .signup-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    flex:1;
}

.login-form, .signup-form{
    width: 100%;
    max-width: 400px;
    padding: 20px;
    margin: 20px 0;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.contact-form{
    width: 100%;
    max-width: 800px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.account-section {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body {min-height: 100vh; display: flex; flex-direction: column;}
.main-content {flex: 1;justify-content: center;}
.category-list h5 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.category-image {height: 210px; display: flex; justify-content: center; align-items: center;}
.category-image img {max-width: 100%; max-height: 210px;}
.product-list h5 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height:48px;}
.product-image {height: 210px; display: flex; justify-content: center; align-items: center;}
.product-image img {max-width: 100%; max-height: 210px;}
.product-list-desc {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.rfq-page select {color:#08c;font-weight:bold;width: 240px;}
.product-page .list-price {text-decoration: line-through;}
.product-page .unit-price {font-weight: bolder;}

@media (max-width: 768px) {
	.logo {width: 120px;}
	.navbar {padding-top: 0; padding-bottom:0;}
	.navbar-toggler {border-color: transparent; box-shadow: none !important;}
	.navbar-nav {flex: 1; justify-content: space-evenly;}
	.spec-item > div {width: 100%;}
}