/**
* Template Name: Ninestars - v4.10.0
* Template URL: https://bootstrapmade.com/ninestars-free-bootstrap-3-theme-for-creative/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/*--------------------------------------------------------------
body {
font-family: "Open Sans", sans-serif;
color: #212529;
}

a {
color: #eb5d1e;
text-decoration: none;
}

a:hover {
color: #ef7f4d;
text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-primary {
font-family: "Raleway", sans-serif;
}
--------------------------------------------------------------*/

body {
	background-image: linear-gradient(to bottom, #ffffff, #EBEBEB);
}


.btn-krebs-1 {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.2rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1.5rem;
	--bs-btn-font-weight: 600;
	--bs-btn-line-height: 1.5;

	--bs-btn-color: #fff;
	--bs-btn-bg: #2175A3;
	--bs-btn-border-color: #2175A3;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #18587a;
	--bs-btn-hover-border-color: #18587a;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #18587a;
	--bs-btn-active-border-color: #18587a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #b5bfc4;
	--bs-btn-disabled-border-color: #b5bfc4;
}

.btn-krebs-2 {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.2rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1.5rem;
	--bs-btn-font-weight: 600;
	--bs-btn-line-height: 1.5;

	--bs-btn-color: #2175A3;
	--bs-btn-bg: #8fa9b8;
	--bs-btn-border-color: #8fa9b8;
	--bs-btn-hover-color: #2175A3;
	--bs-btn-hover-bg: #82a3b5;
	--bs-btn-hover-border-color: #82a3b5;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #2175A3;
	--bs-btn-active-bg: #18587a;
	--bs-btn-active-border-color: #18587a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #b5bfc4;
	--bs-btn-disabled-border-color: #b5bfc4;
}

/* blue text, white background */
.btn-krebs-3 {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.2rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1.5rem;
	--bs-btn-font-weight: 600;
	--bs-btn-line-height: 1.5;

	--bs-btn-color: #799cb0;
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #8fa9b8;
	--bs-btn-hover-color: #2175A3;
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: #2175A3;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #2175A3;
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: #fff;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #fff;
	--bs-btn-disabled-border-color: #fff;
}

/* white text, light blue background */
.btn-krebs-4 {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.1rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1.2rem;
	--bs-btn-font-weight: 600;
	--bs-btn-line-height: 1.5;

	--bs-btn-color: #f7f7f7;
	--bs-btn-bg: #5B9BD5;
	--bs-btn-border-color: #5B9BD5;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4c86ba;
	--bs-btn-hover-border-color: #4c86ba;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #2175A3;
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: #fff;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #fff;
	--bs-btn-disabled-border-color: #fff;
}
.btn-krebs-cart-1 {
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-padding-y: 0rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 600;
	--bs-btn-line-height: 1.5;

	--bs-btn-color: #fff;
	--bs-btn-bg: #2175A3;
	--bs-btn-border-color: #2175A3;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #18587a;
	--bs-btn-hover-border-color: #18587a;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #18587a;
	--bs-btn-active-border-color: #18587a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #b5bfc4;
	--bs-btn-disabled-border-color: #b5bfc4;
	--bs-btn-border-radius: 0 !important; /* Override Bootstrap's border radius */
}

.btn-krebs-cart-2 {
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-padding-y: 0rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 600;
	--bs-btn-line-height: 1.5;

	--bs-btn-color: #2175A3;
	--bs-btn-bg: #8fa9b8;
	--bs-btn-border-color: #8fa9b8;
	--bs-btn-hover-color: #2175A3;
	--bs-btn-hover-bg: #82a3b5;
	--bs-btn-hover-border-color: #82a3b5;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #2175A3;
	--bs-btn-active-bg: #18587a;
	--bs-btn-active-border-color: #18587a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #b5bfc4;
	--bs-btn-disabled-border-color: #b5bfc4;
	--bs-btn-border-radius: 0 !important; /* Override Bootstrap's border radius */
}

.cart_popup {
  	display: none;
  	position: fixed;
  	top: 20%;
  	left: 50%;
	opacity: 1;
  	transform: translate(-50%, -50%);
  	background-color: #2175A3;
  	padding: 10px;
  	border-radius: 10px;
  	color: #fff;
  	z-index: 999;
}
s
.cart_popup-content {
  font-size: 20px;
}


.nav-link {
	font-size: 1.5rem;
	font-weight: 600;
	--bs-navbar-active-color: #1F77A9;
	--bs-nav-link-padding-x: 1.5rem;
	--bs-nav-link-padding-y: 0.5rem;
	--bs-nav-link-font-weight: ;
	--bs-nav-link-color: #5F5F5F;
	--bs-nav-link-hover-color: #1F8CC7;
	--bs-nav-link-disabled-color: #b5bfc4;
}




/* .bg-light{background-color:#f8f9fa!important} */
.bg-light{background-color:#ffffff!important}



.product-card {
	--bs-card-border-width: 0px;
	--bs-card-border-radius: 1.5rem;	
}



@media (min-width: 1200px) {
	#homeImg {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	.maincard {
		width: 1200px;
	}
	.product-card-img {
		display: block;
		margin-left: 5px;
		margin-right: 5px;

		max-height:180px;
		max-width:150px;
		height:auto;
		width:auto;
	}


	@media (min-width:401px) and (max-width:1199px) {
		.product-card-img {
			margin-top: 5px;
			display: block;
			margin-left: 5px;
			margin-right: 5px;

			max-height:150px;
			max-width:150px;
			height:auto;
			width:auto;
		}
	}

	@media (max-width:400px) {
		.maincard {
			width: 100px;
		}
		.product-card-img {
			margin-top: 5px;
			display: block;
			margin-left: auto;
			margin-right: auto;

			max-height:150px;
			max-width:150px;
			height:auto;
			width:auto;
		}
	}
	/*

}

	@media (min-width: 576px) {
	.maincard {
	width: 576px;
	border-radius: 0.375rem;
}

}