/*
Theme Name: CleanPro
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: NoorSoft Solutions Team
Description: CleanPro is a lightweight, modern, and minimalist WordPress theme built to work seamlessly with the Elementor page builder. Designed with performance, simplicity, and flexibility in mind, it provides a clean and reliable foundation for creating fast, responsive, and fully customizable websites. The theme is free and open-source, making it easy to adapt for a wide range of projects. With Elementor’s drag-and-drop functionality, users can design unique layouts effortlessly while maintaining excellent speed and usability. Its clean structure and flexible design make CleanPro an ideal choice for both beginners and experienced web creators.
Version: 2.0.0
*/

section#comments {
    max-width: 1170px;
    margin: auto;
    padding-bottom: 50px;
}
.blog-img img {
    height: 250px !important;
    object-fit: cover;
}
input#submit {
    background: #429770;
    color: #fff;
    border-color: #429770;
}
textarea#comment {
    resize: none;
}
.contact_form .name_contact p {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.contact_form p label {
    display: block;
    font-family: "Roboto", sans-serif;
    color: #344054;
}
.contact_form .name_contact p span.wpcf7-form-control-wrap {
    width: 50%;
}
.contact_form .name_contact p span.wpcf7-form-control-wrap input, .contact_form textarea {
    border: 0px solid #C4C6C8 !important;
    border-radius: 6px !important;
    margin-top: 10px;
    font-family: 'Outfit';
    font-size: 18px;
    font-weight: 300;
}
.contact_form input#submit_cont {
    background-color: #429770;
    border-radius: 6px;
    color: #fff;
    border: 2px solid #429770;
    margin-top: 10px;
    width: 100%;
    max-width: 166px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}
.page-header {
    display: none;
}
.head-btn a {
    width: 131px;
    height: 46px !important;
    line-height: 46px !important;
    border-radius: 4px;
    background-color: #429770;
    border: 1px solid #429770;
    color: #fff !important;
    text-align: center;
    display: block !important;
}
.head-btn a:hover {
    color: #429770 !important;
}
.head-btn {
    margin-right: 0px !important;
}
@media screen and (max-width: 1024px) {
  .head-btn a {
    width: unset;
    height: unset !important;
    line-height: unset !important;
    border-radius: unset;
    background-color: unset;
    border: unset;
    color: #000 !important;
    text-align: unset;
 }
}
@media screen and (max-width: 767px) {
  .contact_form .name_contact p {
    flex-flow: column;
 }
}