top primary bg adapt the bg color of its sibling element

blocks/portfolio-banner.php

-<section class="background-dark pb-60 PD-TOP-SECTION makura-new">
+<section class="bg-primary pb-60 PD-TOP-SECTION makura-new">
   <div class="container">
     <div class="row justify-content-between">
       <div class="col-lg-7  title-wrapper">

dev/sass/base/_makura-new.scss

@@ -191,6 +191,22 @@ footer {
 	}
 }
 
+.none {
+	+ .top-primary {
+		&::before {
+			background-color: $white;
+		}
+	}
+}
+
+.background-dark {
+	+ .top-primary {
+		&::before {
+			background-color: $background-dark;
+		}
+	}
+}
+
 @media (min-width: 768px) {
 	.makura-new {
 		.section-title {

dev/sass/pages/_portfolio.scss

@@ -21,6 +21,9 @@
 			font-weight: 400;
 			margin: 0;
 		}
+		a {
+			color: $white;
+		}
 	}
 	.client-logo-wrapper {
 		margin-bottom: 48px;
@@ -34,7 +37,8 @@
 			margin-bottom: 16px;
 			text-transform: uppercase;
 			letter-spacing: -0.6px;
-			opacity: 0.5;
+			opacity: 0.7;
+			color: $white;
 		}
 	}
 	.open-in-new-tab {
@@ -433,8 +437,8 @@
 
 //FINAL-THOUGHT-SECTION
 .FINAL-THOUGHT-SECTION {
-	.share-article{
-		p{
+	.share-article {
+		p {
 			color: $background-dark;
 		}
 	}