Merge pull request #2320 from biswajit-sarkar-007/biswajit-sarkar-007…

…/overlapping-fix/issue#2319

Overlapping Fix of placeholder with button

assets/css/index.css

@@ -528,7 +528,7 @@ font-weight: 700;
 color: white;
 }
 
-
+/* 
 
 .subscribe-form input {
 padding: 10px 15px;
@@ -543,6 +543,7 @@ display: flex;
 
 .subscribe-form input::placeholder {
 color: #aaaaaac5;
+ 
 }
 .subscribe-form input:hover {
   border: none;
@@ -564,7 +565,61 @@ transition: background-color 0.3s ease;
 .unique-main-btn:hover {
 background-color: #e67600;
 }
+  */
+
+
+
+  /* Form container styling */
+.subscribe-form {
+  display: flex;
+  flex-direction: column;
+  align-items:  start;
+  gap: 10px;
+}
+
+#unique-subscribe-form {
+  display: flex;
+  gap: 10px;
+}
+
+/* Input and Button styles */
+#unique-news-email {
+  padding: 10px 15px;
+  width: 100%;
+  border: none;
+  border-radius: 5px;
+  font-size: 16px;
+  color: #333;
+  box-sizing: border-box;
+  right: 70px;
+}
+
+#unique-news-email::placeholder {
+  color: #aaaaaac5;
+}
+
+#unique-news-email:hover {
+  box-shadow: 1px -1px 10px #0048ff;
+}
+
+.unique-main-btn {
+  background-color: #ff8c00;
+  color: white;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 16px;
+  transition: background-color 0.3s ease;
+}
+
+.unique-main-btn:hover {
+  background-color: #e67600;
+}
 
+
+
+
 /* Popup Message */
 .unique-popup-message {
 padding: 15px;