changes

public/source/css/custom.css

@@ -0,0 +1,125 @@
+.ending {
+  padding: 80px 0;
+}
+
+.ending .last-picture {
+  text-align: center;
+}
+
+.ending .last-picture img {
+  width: 20%;
+  margin: 30px;
+}
+
+.ending .last-text {
+  margin-top: 18px;
+  margin-bottom: 30px;
+  text-align: center;
+}
+
+.ending .last-text h3 {
+  font-size: 48px;
+  font-weight: 750;
+  line-height: 1.2;
+  color: #3b78af;
+  margin-bottom: 14px;
+  max-width: 380px;
+  margin: 0 auto;
+}
+
+.ending .last-text p {
+  color: #000;
+  margin: 40px 0;
+  margin-bottom: 30px;
+}
+
+.whatsapp-icon {
+    position: fixed;
+    bottom: 105px; /* Adjust the distance from the bottom */
+    right: 30px;  /* Adjust the distance from the right */
+    z-index: 1000; /* Ensures it stays on top of other elements */
+}
+
+.whatsapp-icon img {
+    width: 65px;  /* Adjust the size as needed */
+    height: 65px; /* Adjust the size as needed */
+}
+
+.ending .last-text a {
+  margin-top: 5px;
+  border: 1px solid #3b78af;
+  padding: 15px;
+  font-weight: 400;
+  letter-spacing: 1px;
+  color: #FFFFFF;
+  background-color: #3b78afe0;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: 290px;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border-radius: 30px;
+  text-transform: uppercase;
+  font-size: 14px;
+}
+
+.ending .last-text a:hover {
+  background: transparent;
+  color: #3b78af;
+  font-weight: 400;
+  text-decoration: none;
+}
+
+.ending .last-text a i {
+  margin-left: 10px;
+}
+
+.consulation-form div {
+     padding-bottom: 4px !important;
+}
+
+
+/* Make the intl-tel-input container take full width */
+.iti {
+    display: block !important;
+    width: 100%;
+
+}
+
+/* Make the input inside take full width */
+.iti__selected-dial-code,
+.iti__flag-container {
+    float: left;
+    height: 100%;
+    padding-top: 5px;
+
+}
+
+/* Input field inside the container */
+.iti__country-list,
+.iti__input {
+    box-sizing: border-box;
+}
+
+/* Optional: spacing below input like other fields */
+.phone-number {
+    margin-top: 0.25rem;
+}
+
+.contact-us-form .iti .iti__selected-dial-code {
+    padding-top: 12px !important; /* override for taller inputs */
+}
+
+.appointment-form-field .iti .iti__selected-dial-code {
+    padding-top: 2px !important; /* override for taller inputs */
+}
+
+
+
+
+