New contact form with friendlycaptcha

public/css/style.css

@@ -58,7 +58,7 @@ body {
 .btn {
   display: block;
   width: calc(100% - 78px);
-  padding: 10px 39px 10px 39px;
+  padding: 10px 39px;
   border-radius: 3px;
   background-image: linear-gradient(to right, #0f259d, #5ba8f4);
   font-family: Nunito, serif;
@@ -74,21 +74,6 @@ body {
 .btn:hover, .btn:active {
   color: #fff;
 }
-.btn.auto_width {
-  width: fit-content;
-  margin: 0 auto;
-}
-.btn.fit_content {
-  width: fit-content;
-}
-.btn.btn_facebook_share {
-  background-image: none;
-  background-color: #0f259d;
-}
-.btn.btn_twitter_x_share {
-  background-image: none;
-  background-color: #5ba8f4;
-}
 
 div.pp_default .pp_content_container .pp_left,
 div.pp_default .pp_content_container .pp_right,
@@ -172,6 +157,43 @@ div.pp_default .pp_close:hover {
   color: #666;
 }
 
+.contant-form .form-group {
+  display: flex;
+  margin-bottom: 10px;
+}
+.contant-form .form-group label {
+  width: 160px;
+}
+.contant-form .form-group input, .contant-form .form-group textarea {
+  flex-grow: 1;
+}
+.contant-form .action_button {
+  margin-top: 10px;
+  cursor: pointer;
+}
+.contant-form .form-control-file::file-selector-button {
+  display: block;
+  width: calc(100% - 78px);
+  padding: 10px 39px;
+  border-radius: 3px;
+  background-image: linear-gradient(to right, #0f259d, #5ba8f4);
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 0.93;
+  text-align: center;
+  color: #fff;
+  margin-bottom: 10px;
+  text-decoration: none;
+  text-transform: uppercase;
+  width: fit-content;
+  margin-bottom: 0;
+  cursor: pointer;
+}
+.contant-form .form-control-file::file-selector-button:hover, .contant-form .form-control-file::file-selector-button:active {
+  color: #fff;
+}
+
 .header {
   height: 111px;
 }
@@ -303,18 +325,6 @@ div.pp_default .pp_close:hover {
   margin-left: -10px;
 }
 
-.submenu li.selected a {
-  color: #0f259d !important;
-}
-
-.mobile-menu .submenu li.selected a,
-.mobile-menu .submenu li:hover a,
-.mobile-menu .submenu li.hover a {
-  color: white !important;
-  background: linear-gradient(to right, #0f259d, #5ba8f4);
-}
-
-
 .top_menu_container, .menu_mobile_container {
   height: 50px;
   max-width: 1170px;
@@ -1282,6 +1292,9 @@ div.pp_default .pp_close:hover {
 .post_container .post_body h3 {
   font-size: 15px;
 }
+.post_container .post_body div.text {
+  margin-bottom: 20px;
+}
 .post_container .post_body blockquote {
   border-left: 3px solid #5ba8f4;
   margin-left: 0;
@@ -1299,9 +1312,6 @@ div.pp_default .pp_close:hover {
   line-height: 3.17;
   color: #585858;
 }
-.post_container .post_body div.text {
-  margin-bottom: 20px;
-}
 .post_container .post_body .post_details {
   margin: 0;
   padding: 0;