.our_services .services-image {
		height: 400px;
		width: 100%;
		border: 1px solid black
	}

	.our_services .choose_us {
		width: 100%;
		position: relative;
		height: 400px;
		padding: 0
	}

	.our_services .image {
		width: 100%;
		height: 400px;
		object-fit: cover
	}

	.our_services .text {
		position: absolute;
		top: 20%;
		left: 60%;
		text-align: center;
		color: white;
		font-weight: bolder;
		z-index: 2;
		height: 260px;
		width: 30%
	}

	.our_services .text2 {
		position: absolute;
		top: 30%;
		left: 35%;
		text-align: center;
		color: white;
		font-weight: bolder;
		z-index: 2;
		height: auto;
		width: 39%;

		h3 {
			font-size: 20px !important;
			text-align: center
		}
	}

	.our_services .imm {
		width: 100%;
		height: 100%
	}

	.our_services .cover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 1
	}

	.our_services.first-product {
		width: 100%;
		height: auto;
		background-color: #f5f5dc;
		display: flex
	}

	.our_services .image-container {
		width: 35%;
		height: auto;
		border: 2px solid black
	}

	.our_services .discription-part {
		border: 2px solid blue;
		width: 65%;
		height: auto;
		margin-top: 60px
	}

	.our_services .circle-container {
		width: 130px;
		height: 130px;
		border: 2px solid rgba(108, 111, 159, 0.8);
		border-radius: 50%;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
		box-shadow: 0 0 15px 5px rgba(255, 105, 180, 0.6);
		box-shadow: 0 0 15px 5px rgba(105, 115, 255, 0.8);
		box-shadow: 0 0 35px 8px rgba(108, 111, 159, 0.8);
		background-color: rgba(108, 111, 159, 0.8)
	}

	.our_services .circle-containerr:hover {
		box-shadow: 0 0 55px 20px rgba(105, 115, 255, 0.8);
		box-shadow: 0 0 55px 25px rgba(105, 115, 255, 0.8)
	}

	.our_services .cards {
		height: 300px;
		width: 28%;
		margin: 0 10px;
		overflow: hidden;
		padding: 10px;
		margin-bottom: 35px;
		transition: transform .3s, box-shadow .3s
	}

	.our_services .cards:hover {
		transform: scale(1.05);
		box-shadow: 0 0 2px 1px rgba(105, 115, 255, 0.8);
		box-shadow: 0 0 2px 2px rgba(181, 181, 184, 0.8);
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
	}

	.our_services .txt {
		margin: auto;
		text-align: center;
		margin: 10px 0
	}

	.our_services .underline {
		margin: auto;
		border: 2px solid rgba(61, 69, 176, 0.8);
		width: 70%
	}

	.our_services .cards-holder {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 7px;
		height: 300px
	}

	.our_services .imageses {
		width: 90%;
		height: 300px;
		margin: 15px auto;

		img {
			width: 100%;
			height: 240px
		}
	}

	.our_services .product-container1 {
		width: 100%;
		height: auto;
		display: flex;
		background-color: #efeac4;
		background-color: #fefef3;
		margin-top: 20px;
		justify-content: space-between;
		padding: 25px 30px 0 30px;
		overflow-x: hidden;
		margin-bottom: 5px
	}

	.our_services .imagesesss {
		width: 25%;
		height: 320px !important;

		img {
			width: 100%;
			height: 100%
		}
	}

	.our_services .texttt {
		width: 50%;
		height: auto;
		margin: auto;
		text-align: left
	}

	.textt {
		text-align: left
	}

	.our_services .circle-containers-div {
		width: 63%;
		height: auto
	}

	.our_services .product-container2 {
		width: 100%;
		height: auto;
		display: flex;
		background-color: #f5f5dc;
		margin-top: 0;
		justify-content: space-between;
		padding: 10px 30px
	}

	.our_services .imag {
		width: 35%;
		height: 280px;

		img {
			width: 100%;
			height: 280px
		}
	}

	.our_services .quantity-container {
		display: flex;
		align-items: center;
		gap: 5px;
		margin: auto !important;
		margin-top: 0 !important;
		margin-bottom: 12px !important;
		width: 28%
	}

	.our_services .quantity-btn {
		background-color: green;
		color: white;
		border: 0;
		border-radius: 5px;
		width: 30px;
		height: 25px;
		font-size: 18px;
		cursor: pointer
	}

	.our_services .quantity-btn:hover {
		background-color: darkgreen
	}

	.our_services .quantity-input {
		width: 35px;
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 5px;
		height: 25px
	}

	.our_services .cart-btn {
		background-color: green;
		color: white;
		border: 0;
		border-radius: 5px;
		padding: 3px 10px;
		font-size: 14px;
		cursor: pointer;
		margin-left: 10px
	}

	.our_services .cart-btn:hover {
		background-color: darkgreen
	}

	.our_services .underlinee {
		margin: auto;
		border-bottom: 2px solid blue;
		width: 45%;
		margin-bottom: 10px
	}

	@media(max-width:576px) {
		.our_services .choose_us {
			width: 100% !important;
			height: 500px;
			flex-direction: column !important
		}

		.our_services .choose_us .image {
			width: 100%;
			height: 500px !important
		}

		.our_services .choose_us .cover {
			width: 100%;
			height: 500px !important
		}

		.our_services .choose_us .text2 {
			margin: 170px 0 !important;
			width: 100%;
			margin-left: -40px !important;
			text-align: center !important
		}

		.our_services .choose_us .text {
			width: 100%;
			height: auto;
			margin: 50px 0;
			margin-left: -258px !important;
			border: 1px solid red
		}

		.our_services .choose_us .text img {
			margin: -150px 0 0 0 !important;
			width: 100% !important;
			height: 300px;
			margin: auto !important;
			margin-top: -150px !important;
			margin-left: 24px !important
		}

		.our_services .product-container1 {
			flex-direction: column;
			height: auto;
			width: 100%
		}

		.our_services .imagesesss,
		.texttt {
			width: 80% !important;
			margin: auto;

			p {
				width: 90% !important
			}
		}

		.our_services .product-container2 {
			flex-direction: column;
			height: auto;
			width: 100%
		}

		.our_services .imag,
		.circle-containers-div {
			width: 100% !important;
			height: auto
		}

		.our_services .cards-holder {
			flex-direction: column !important;
			height: auto !important;
			width: 100%
		}

		.our_services .cards {
			width: 100% !important;

			p {
				width: 60%;
				margin: auto
			}
		}

		.our_services .underline {
			width: 40%
		}

		.our_services .quantity-container {
			width: 100%;
			flex-direction: column;
			height: auto
		}

		.our_services .quantity-container2,
		.quantity-container1 {
			width: 100%;
			width: auto;
			margin-bottom: 10px
		}

		.our_services .imagesess {
			width: 60%;
			height: 200px;
			height: auto !important;

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

		.our_services .circle-containerr {
			width: 130px;
			height: 130px;
			border: 2px solid rgba(108, 111, 159, 0.8);
			border-radius: 50%;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: auto;
			box-shadow: 0 0 15px 5px rgba(255, 105, 180, 0.6);
			box-shadow: 0 0 15px 5px rgba(105, 115, 255, 0.8);
			box-shadow: 0 0 35px 8px rgba(108, 111, 159, 0.8);
			background-color: rgba(108, 111, 159, 0.8)
		}

		.our_services .circle-containerr:hover {
			box-shadow: 0 0 55px 20px rgba(105, 115, 255, 0.8);
			box-shadow: 0 0 55px 25px rgba(105, 115, 255, 0.8)
		}

		.our_services .cards {
			height: 300px;
			width: 15%;
			margin: auto;
			margin: 0 10px;
			overflow: hidden;
			padding: 10px;
			margin-bottom: 35px;
			transition: transform .3s, box-shadow .3s
		}
	}

	.our_services .product-container1 {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		padding: 20px;
		opacity: 0;
		transform: translateY(50px);
		transition: opacity 1s ease, transform 1s ease
	}

	.our_services .product-image {
		height: 380px;
		width: 50%;
		object-fit: cover;
		transform: translateX(-100%);
		transition: transform 1.2s ease
	}

	.our_services .texttt {
		width: 70%;
		height: 350px;
		text-align: left;
		margin: auto;
		opacity: 0;
		transform: translateX(100%);
		transition: transform 1.2s ease, opacity 1.2s ease
	}

	.our_services .product-title {
		text-align: center;
		font-weight: bolder;
		color: darkgreen
	}

	.our_services .underlinee {
		width: 90px;
		height: 3px;
		background-color: darkblue;
		margin: 10px auto;
		transform: scaleX(0);
		transition: transform .8s ease
	}

	.our_services .product-description {
		text-align: center;
		font-size: 16px;
		line-height: 1.6
	}

	.our_services .show {
		opacity: 1;
		transform: translateY(0)
	}

	.our_services .show .product-image {
		transform: translateX(0)
	}

	.our_services .show .texttt {
		opacity: 1;
		transform: translateX(0)
	}

	.our_services .show .underlinee {
		transform: scaleX(1)
	}

	.our_services .product-container2 {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		padding: 20px;
		opacity: 0;
		transform: translateY(50px);
		transition: opacity 1s ease, transform 1s ease
	}

	.our_services .imag {
		opacity: 0;
		transform: translateY(-50px);
		transition: opacity 1.2s ease, transform 1.2s ease
	}

	.our_services .cards-holder {
		display: flex;
		gap: 20px;
		opacity: 0;
		transform: translateY(50px);
		transition: opacity 1.2s ease, transform 1.2s ease
	}

	.our_services .cards {
		background-color: #f9f9f9;
		border-radius: 12px;
		padding: 20px;
		width: 250px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		transform: translateY(30px);
		opacity: 0;
		transition: transform .6s ease, opacity .6s ease, box-shadow .5s ease
	}

	.our_services .cards:hover {
		transform: translateY(0);
		box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2)
	}

	.our_services .circle-container img {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		object-fit: cover
	}

	.our_services .txt h5 {
		margin-top: 10px;
		color: darkgreen
	}

	.our_services .txt p {
		font-size: 14px;
		color: #555;
		line-height: 1.5
	}

	.our_services .underline {
		width: 65px;
		height: 2px;
		border-bottom: 1px solid darkgreen;
		margin: 5px 0;
		transform: scaleX(0);
		transition: transform .5s ease;
		margin: auto
	}

	.our_services .cards:hover .underline {
		transform: scaleX(1);
		margin: auto
	}

	.our_services .show {
		opacity: 1;
		transform: translateY(0)
	}

	.our_services .show .imag {
		opacity: 1;
		transform: translateY(0)
	}

	.our_services .show .cards-holder {
		opacity: 1;
		transform: translateY(0)
	}

	.our_services .show .cards:nth-child(1) {
		opacity: 1;
		transform: translateY(0);
		transition-delay: .2s
	}

	.our_services .show .cards:nth-child(2) {
		opacity: 1;
		transform: translateY(0);
		transition-delay: .4s
	}

	.our_services .show .cards:nth-child(3) {
		opacity: 1;
		transform: translateY(0);
		transition-delay: .6s
	}

	.containerr {
		overflow-x: auto;
		padding: 1rem;
		background-color: #fff;
		border-radius: 1rem;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		margin-top: 2.5rem;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto
	}

	h2 {
		font-size: 1.75rem;
		font-weight: 600;
		margin-bottom: 1rem;
		color: #047857
	}

	p {
		margin-bottom: 1.5rem;
		color: #374151;
		font-size: 1rem
	}

	table {
		width: 100%;
		border-collapse: collapse;
		font-size: .875rem;
		background-color: white;
		border: 1px solid #d1d5db;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
		border-radius: .75rem;
		overflow: hidden
	}

	thead {
		background-color: #d1fae5
	}

	th,
	td {
		text-align: left;
		padding: .75rem 1rem;
		border-bottom: 1px solid #d1d5db;
		color: #1f2937
	}

	tbody tr:nth-child(even) {
		background-color: #f9fafb
	}

	.highlight-box {
		margin-top: 2rem;
		background-color: #ecfdf5;
		padding: 1.5rem;
		border-radius: 1rem;
		text-align: center;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05)
	}

	.highlight-box h3 {
		font-size: 1.25rem;
		font-weight: 600;
		color: #047857;
		margin-bottom: .5rem
	}

	.highlight-box p {
		margin-bottom: 1rem;
		color: #374151
	}

	.highlight-box button {
		background-color: #047857;
		color: white;
		padding: .75rem 1.5rem;
		border: 0;
		border-radius: 9999px;
		cursor: pointer;
		font-size: 1rem;
		transition: background-color .3s
	}

	.highlight-box button:hover {
		background-color: #065f46
	}