@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Work+Sans:wght@800&display=swap');

		* {
		    padding: 0;
		    margin: 0;
		    box-sizing: border-box
		}

		body {
		    padding: 15px;
		    background-color: rgba(210,180,140, 0.9);
		}

		.container {
		    margin: 20px auto;
		    max-width: 70%;
		    background-color: white;
		    padding: 0
		}

		.form-control {
		    height: 25px;
		    width: 150px;
		    border: none;
		    border-radius: 0;
		    font-weight: 800;
		    padding: 0 0 5px 0;
		    background-color: transparent;
		    box-shadow: none;
		    outline: none;
		    border-bottom: 2px solid #ccc;
		    margin: 0;
		    font-size: 14px;
		}
		.form-control:focus {
		    box-shadow: none;
		    border-bottom: 2px solid #ccc;
		    background-color: transparent
		}

		.form-control2 {
		    font-size: 14px;
		    height: 20px;
		    width: 55px;
		    border: none;
		    border-radius: 0;
		    font-weight: 800;
		    padding: 0 0 5px 0;
		    background-color: transparent;
		    box-shadow: none;
		    outline: none;
		    border-bottom: 2px solid #ccc;
		    margin: 0
		}

		.form-control2:focus {
		    box-shadow: none;
		    border-bottom: 2px solid #ccc;
		    background-color: transparent
		}

		.form-control3 {
		    font-size: 14px;
		    height: 20px;
		    width: 30px;
		    border: none;
		    border-radius: 0;
		    font-weight: 800;
		    padding: 0 0 5px 0;
		    background-color: transparent;
		    box-shadow: none;
		    outline: none;
		    border-bottom: 2px solid #ccc;
		    margin: 0
		}

		.form-control3:focus {
		    box-shadow: none;
		    border-bottom: 2px solid #ccc;
		    background-color: transparent
		}

		p {
		    margin: 0;
			font-size: 20px;
			
		}

		img {
		    width: 100%;
		    height: 100%;
		    object-fit: fill
		}

		.text-muted {
		    font-size: 14px
		}

		.textmuted {
		    color: #6c757d;
		    font-size: 13px
		}

		.fs-14 {
		    font-size: 14px
		}

		.btn.btn-primary {
		    width: 150px;
		    height: 40px;
		    border-radius: 10px;
		    background-color: green;
		    border: none;
		    font-weight: 600
		}
		.btn.btn-success {
		    width: 100px;
		    height: 40px;
		    border-radius: 10px;
		    border: none;
		    font-weight: 600;
			float: right;
		}
		.btn.btn-success:hover .fas {
		    transform: translateX(10px);
		    transition: transform 0.5s ease;
		}
		.btn.btn-primary:hover .fas {
		    transform: translateX(-10px);
		    transition: transform 0.5s ease
		}
		.fw-900 {
		    font-weight: 900
		}

		::placeholder {
		    font-size: 12px
		}

		.ps-30 {
		    padding-left: 30px
		}

		/* .h4 {
		    font-family: 'Work Sans', sans-serif !important;
		    font-weight: 800 !important
		}

		.textmuted,
		h5,
		.text-muted {
		    font-family: 'Poppins', sans-serif
		} */
		p .edit{
			width: 100px;
			height: 40px;
			font-size: 20px;
			border: none;
		}
		input[type="number"]{
			text-align: right;
		}
		input[type="text"]{
			width: 150%;
		}
		.detail{
			width: 100%;
		}
		.buy{
			width: 100%;
		}
		.h4, h4 {
			font-size: 30px;
		}
        .row {
			--bs-gutter-x: 1.5rem;
			--bs-gutter-y: 0;
			display: flex;
			flex-wrap: wrap;
			padding-right: 10px;
		}