updated the bugfixes

dev/sass/base/_base.scss

@@ -1025,6 +1025,7 @@ ul {
 
 .blog-side-bar {
 	display: block;
+	z-index: 2;
 
 	&.show {
 		transform: unset;
@@ -1039,19 +1040,67 @@ ul {
 	}
 
 	@media (max-width: 1023.98px) {
-		position: fixed;
-		display: none;
-		top: 0;
-		width: 100%;
-		left: 0;
-		padding: 2.875rem;
-		overflow-y: scroll;
-		background-color: #fff;
-		height: 100vh;
-		z-index: 1111;
-		-webkit-transition: all 0.3s ease;
-		transition: all 0.5s ease;
-		transform: translateY(100%);
+		// position: fixed;
+		// // display: none;
+		// top: 0;
+		// width: 100%;
+		// left: 0;
+		// padding: 2.875rem;
+		// overflow-y: scroll;
+		// background-color: #fff;
+		// height: 100vh;
+		// z-index: 1111;
+		// -webkit-transition: all 0.3s ease;
+		// transition: all 0.5s ease;
+		// transform: translateY(100%);
+
+		h6,
+		.category-list {
+			position: fixed;
+			top: 50vh;
+			left: 0;
+			z-index: 2;
+		}
+		h6 {
+			box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
+			border-radius: 4px 4px 0 0;
+			padding: 8px 16px;
+			transform: rotate(90deg);
+			transform-origin: left bottom;
+			background-color: $primary;
+			color: $white !important;
+			font-size: 1rem !important;
+			word-spacing: 4px;
+
+			&.remove {
+				opacity: 0;
+				visibility: hidden;
+				transform: translateX(-100%);
+			}
+		}
+
+		.category-list {
+			border-radius: 8px;
+			padding: 16px;
+			box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
+			opacity: 0;
+			visibility: hidden;
+			transform: translateX(-100%);
+			max-height: 240px;
+			overflow: auto !important;
+			background-color: $white;
+			max-width: 75%;
+
+			ul {
+				overflow: visible !important;
+			}
+
+			&.active {
+				opacity: 1;
+				visibility: visible;
+				transform: translateX(0);
+			}
+		}
 
 		.blog-filter-bar-close {
 			display: block;

dev/sass/base/_custom_base.scss

@@ -277,6 +277,19 @@
 		}
 	}
 }
+.breadcrumb-background-dark {
+	+ section {
+		margin-top: -2px;
+	}
+}
+.general-breadcrumb {
+	.breadcrumb-item {
+		&::before {
+			content: "";
+			background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.79425 5.64963L9.44083 5.00205L9.43891 5.00012L8.78656 4.34481L6.9873 2.53739L4.72042 0.258301L2.44199 2.54899L0.640807 4.3564L0.00192476 5.00012L0 5.00205L0.64658 5.64963L2.44584 7.45898L4.72042 9.74193L6.99307 7.45898L8.79425 5.64963Z' fill='%23121526'/%3E%3C/svg%3E%0A");
+		}
+	}
+}
 
 // 1.9: Form Group
 .form-group {
@@ -822,7 +835,7 @@
 		padding: 1.125rem 1rem;
 		color: #000;
 		font-family: $body-font;
-		font-size: 0.875rem;
+		font-size: 16px;
 		font-weight: 400;
 		letter-spacing: -0.3px;
 		resize: none;

dev/sass/base/_makura-new.scss

+html {
+	&:has(body.modal-open) {
+		overflow: hidden;
+		max-height: 100vh;
+	}
+
+	body.modal-open {
+		max-height: 100vh;
+		overflow: hidden;
+	}
+}
+
 footer {
 	position: relative;
 	z-index: 1;

dev/sass/pages/_blog.scss

@@ -80,6 +80,7 @@
 				font-size: 1.125rem;
 				display: flex;
 				position: relative;
+				z-index: 1;
 				flex-direction: column;
 				padding-left: 18px;
 				margin-bottom: 1.25rem;

dev/sass/pages/_index.scss

@@ -443,6 +443,15 @@ input[type="number"] {
 
 	.row {
 		margin-bottom: 6rem;
+
+		&:has(.title-wrapper) {
+			margin-bottom: 0;
+		}
+
+		.title-wrapper {
+			margin-bottom: 3rem;
+		}
+
 		&:last-child {
 			margin-bottom: 0;
 		}
@@ -503,6 +512,7 @@ input[type="number"] {
 					margin-bottom: 1rem;
 				}
 				ul {
+					row-gap: 12px;
 					li {
 						margin-right: 1.25rem;
 						img {

dev/sass/pages/_responsive.scss

@@ -10,6 +10,12 @@
 			}
 		}
 	}
+
+	.WORKS-ON-WORK-SECTION {
+		.row {
+			--bs-gutter-y: 20px;
+		}
+	}
 }
 
 @media (max-width: 767.98px) {
@@ -121,8 +127,14 @@
 		padding: 0 0 1rem 0 !important;
 		.nav-pills {
 			padding: 1.5rem 1.5rem 0 1.5rem;
+			flex-wrap: nowrap;
+			overflow: auto;
 			li {
 				margin-bottom: 1rem;
+				a,
+				button {
+					text-wrap: nowrap;
+				}
 			}
 		}
 		&.py-80 {
@@ -633,7 +645,7 @@
 
 		.customer-feedback .feedback-wrapper p {
 			max-height: unset;
-			overflow: unset;
+			// overflow: unset;
 			line-height: unset;
 		}
 	}
@@ -781,8 +793,8 @@
 	.CONTACT {
 		&.TOP-BANNER-SECTION {
 			.image-wrapper img {
-				height: 10rem;
-				width: 10rem;
+				height: 18rem;
+				width: 75%;
 				margin-bottom: 2rem;
 			}
 			.left-text-wrapper {