From cdf975337c8748a81da7a6849e3d902300875a5f Mon Sep 17 00:00:00 2001
From: Tima12052 <161930891+Tima12052@users.noreply.github.com>
Date: Sat, 1 Feb 2025 10:19:01 +0200
Subject: [PATCH] 123

---
 src/img/rent-a-yacht-now/symbol-defs.svg  |  2 +-
 src/partials/rent-a-yacht-now.html        |  8 ++--
 src/sass/components/rent-a-yacht-now.scss | 52 +++++++++++++++++------
 3 files changed, 44 insertions(+), 18 deletions(-)

diff --git a/src/img/rent-a-yacht-now/symbol-defs.svg b/src/img/rent-a-yacht-now/symbol-defs.svg
index 73a26d4..fbda3a8 100644
--- a/src/img/rent-a-yacht-now/symbol-defs.svg
+++ b/src/img/rent-a-yacht-now/symbol-defs.svg
@@ -1,7 +1,7 @@
 <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
 <symbol id="icon-Arrow-2-Stroke" viewBox="0 0 58 32">
-<path fill="#f6f5ef" style="fill: currentColor" d="M40 2.144l17.6 13.856-17.6 13.856v-11.456h-40v-4.8h40v-11.456z"></path>
+<path fill="#f6f5ef" style="fill: var(--color1, #f6f5ef)" d="M40 2.144l17.6 13.856-17.6 13.856v-11.456h-40v-4.8h40v-11.456z"></path>
 </symbol>
 <symbol id="icon-x" viewBox="0 0 32 32">
 <path fill="none" stroke="#f6f5ef" style="stroke: var(--color1, #f6f5ef)" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="4" stroke-width="1.7333" d="M24 8l-16 16"></path>
diff --git a/src/partials/rent-a-yacht-now.html b/src/partials/rent-a-yacht-now.html
index 5609128..41e30f2 100644
--- a/src/partials/rent-a-yacht-now.html
+++ b/src/partials/rent-a-yacht-now.html
@@ -11,10 +11,10 @@ <h1 class="rayn1">Rent a yacht now</h1>
         </div>
         <div>
             <ul class="liststylenone rsu1">
-                <li><p class="fn1">Full Name</p><input class="pdd" type="text"><hr class="git"></li>
-                <li><p class="fn2">Email</p><input class="pdd" type="email"><hr class="git"></li>
-                <li><p class="fn3">Phone number</p><input class="pdd" type=""><hr class="git"></li>
-                <li><p class="fn4">Comment</p><textarea class="pdd" name="" id=""></textarea><hr class="git"></li>
+                <li class="smowripididi1"><p class="fn1">Full Name</p><input class="pdd" type="text"><hr class="git"></li>
+                <li class="smowripididi2"><p class="fn2">Email</p><input class="pdd" type="email"><hr class="git"></li>
+                <li class="smowripididi3"><p class="fn3">Phone number</p><input class="pdd" type=""><hr class="git"></li>
+                <li class="smowripididi4"><p class="fn4">Comment</p><input class="pdd" type="text"><hr class="git"></li>
             </ul>
             <button class="btn-open" data-modal-open>Send <svg class="rdddbs2">
                     <use href="../img/rent-a-yacht-now/symbol-defs.svg#icon-Arrow-2-Strok"></use>
diff --git a/src/sass/components/rent-a-yacht-now.scss b/src/sass/components/rent-a-yacht-now.scss
index ea33a32..c35e37b 100644
--- a/src/sass/components/rent-a-yacht-now.scss
+++ b/src/sass/components/rent-a-yacht-now.scss
@@ -17,6 +17,7 @@
     }
 
     .pdd {
+        color: #F6F5EF;
         border: none;
         background-color: #11131F;
     }
@@ -136,13 +137,12 @@
         justify-content: center;
         align-items: center;
         gap: 16px;
+    }
 
-        .rdddbs2 {
-            width: 18px;
-            height: 8.66px;
-            fill: #F6F5EF;
-        }
-
+    .rdddbs2 {
+        width: 18px;
+        height: 8.66px;
+        fill: #F6F5EF;
     }
 
     .btn {
@@ -224,7 +224,27 @@
 }
 
 
-@media screen and (max-width: 400px) {
+@media screen and (min-width: 300px) {
+
+    .smowripididi1 {
+        width: 335px;
+        height: 33px;
+    }
+
+    .smowripididi2 {
+        width: 335px;
+        height: 33px;
+    }
+
+    .smowripididi3 {
+        width: 335px;
+        height: 33px;
+    }
+
+    .smowripididi4 {
+        width: 335px;
+        height: 75px;
+    }
 
     .btn-open {
         background-color: #00000000;
@@ -244,13 +264,12 @@
         justify-content: center;
         align-items: center;
         gap: 16px;
+    }
 
-        .rdddbs2 {
-            width: 18px;
-            height: 8.66px;
-            fill: #F6F5EF;
-        }
-
+    .rdddbs2 {
+        width: 18px;
+        height: 8.66px;
+        fill: #F6F5EF;
     }
 
     .git {
@@ -360,4 +379,11 @@
         border-radius: 20px;
         background-color: #1F212D;
     }
+
+    .pdd {
+        color: #F6F5EF;
+        border: none;
+        background-color: #11131F;
+    }
+
 }
\ No newline at end of file