From 2401499cd79547e75bf88245b2f578a33bf9598c Mon Sep 17 00:00:00 2001
From: Sourabh782 <sourabhsinghrawat782@gmail.com>
Date: Tue, 30 Jul 2024 19:05:37 +0530
Subject: [PATCH] fixed Language selection UI in Footer section to match with
 site's UI

---
 footer.css | 19 +++++++++++++++++++
 index.html |  5 +++--
 2 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 footer.css

diff --git a/footer.css b/footer.css
new file mode 100644
index 00000000..3c1209ed
--- /dev/null
+++ b/footer.css
@@ -0,0 +1,19 @@
+.goog-te-combo{
+    background: #5074cf;
+    color: white;
+    height: 40px;
+    border-radius: 70px;
+    padding: 10px;
+    border: #1457ff;
+    backdrop-filter: blur(20px);
+    font-size: medium;
+    font-weight: 400;
+}
+
+.goog-te-combo option{
+    background: #9fbaff;
+    height: 40px;
+    margin-top: 5px;
+    font-size: medium;
+    color: black;
+}
diff --git a/index.html b/index.html
index 727a40d8..19717aaa 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,7 @@
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
   <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="footer.css">
   <link rel="stylesheet" href="./Image-Gallery/style.css">
   <link rel="stylesheet" href="./Image-Gallery/stylecaptions.css">
   <link rel="stylesheet" href="explore.css">
@@ -1730,8 +1731,8 @@ <h4>Contact Us</h4>
           </div>
 
         </div>
-        <div style="padding: 32px; background-color: #9fbaff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
-          <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 20px; color: #333;">Select Language:</label>
+        <div style="padding: 32px; background-color: transparent; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+          <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 20px; color: white;">Select Language:</label>
           <div id="google_translate_element" style="display: inline-block; margin-top: 10px; padding: 20px; border: 1px solid #ff9fcf; border-radius: 5px; background-color: #fff;"></div>
       </div>