@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
		@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');
		@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

		:root {
			--font1: 'Heebo', sans-serif;
			--font2: 'Fira Sans Extra Condensed', sans-serif;
			--font3: 'Roboto', sans-serif;

			--btnbg: #ffcc00;
			--btnfontcolor: rgb(61, 61, 61);
			--btnfontcolorhover: rgb(255, 255, 255);
			--btnbghover: #ffc116;
			--btnactivefs: rgb(241, 195, 46);


			--label-index: #960796;
			--danger-index: #5bc257;
		/* PAGINATE */
			--link-color: #000;
			--link-color-hover: #fff;
			--bg-content-color: #ffcc00;

		}

		.container-fluid {
			max-width: 1400px;

		}

		.card {
			background: #fff;
			box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
			transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
			border: 0;
			border-radius: 1rem;
		}

		.card-img,
		.card-img-top {
			border-top-left-radius: calc(1rem - 1px);
			border-top-right-radius: calc(1rem - 1px);
		}


		.card h5 {
			overflow: hidden;
			height: 80px;
			font-weight: 500;
			font-size: 1rem;
		}

		.card h5 a {
		  color: black;
		  text-decoration: none;
		} 

		.card-img-top {
			width: 100%;
			min-height: 250px;
			max-height: 250px;
			object-fit: contain;
			padding: 30px;
		}

		.card h2 {
			font-size: 1rem;
		}


		.card1:hover {
			transform: scale(1.02);
			box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
		}

		/* Centered text */
		.label-top {
			position: absolute;
			background-color: var(--label-index);
			color: #fff;
			top: 8px;
			right: 8px;
			padding: 5px 10px 5px 10px;
			font-size: .7rem;
			font-weight: 600;
			border-radius: 3px;
			text-transform: uppercase;
		}
	
		.top-right {
			position: absolute;
			top: 24px;
			left: 24px;

			width: 90px;
			height: 90px;
			border-radius: 50%;
			font-size: 1rem;
			font-weight: 900;
			background: #8bc34a;
			line-height: 90px;
			text-align: center;
			color: white;
		}

		.top-right span {
			display: inline-block;
			vertical-align: middle;
			/* line-height: normal; */
			/* padding: 0 25px; */
		}

		.aff-link {
			/* text-decoration: overline; */
			font-weight: 500;
		}

		.over-bg {
			background: rgba(53, 53, 53, 0.85);
			box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
			backdrop-filter: blur(0.0px);
			-webkit-backdrop-filter: blur(0.0px);
			border-radius: 10px;
		}
		.bold-btn {

			font-size: 1rem;
			font-weight: 500;
			padding: 5px 50px 5px 50px;
		}
		.box .btn {
			font-size: 1.5rem;
		}

		@media (max-width: 1025px) {
			.btn {
				padding: 5px 40px 5px 40px;
			}
		}
		@media (max-width: 250px) {
			.btn {
				padding: 5px 30px 5px 30px;
			}
		}

		.price-hp {
			font-size: 1rem;
			font-weight: 600;
			color: darkgray;
		}

		.amz-hp {
			font-size: .7rem;
			font-weight: 600;
			color: darkgray;
		}