/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
input[type=number] {
/* Для Firefox */
-moz-appearance: textfield !important;
/* Стандартизированное свойство (будущий стандарт) */
appearance: textfield !important;
}

/* Для WebKit-браузеров */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important; 
margin: 0 !important;
}


/* Add your custom styles here */
form input,
form textarea,
form input:hover,
form textarea:hover,
form textarea:focus,
form textarea:focus{
    outline: none;
    box-shadow: none;
}
form .wpcf7-not-valid{
    border-color: #dc3232;
    color: #9b2a2a;
}
form label b,
form .wpcf7-not-valid::placeholder{
    color: #dc3232;;
}
form label b{
    font-weight: 400;
}
form .d-flex{
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}
form .d-flex>p{
    width: 50%;
}

.gradient-animated {
  background: linear-gradient(90deg, #FFFFFF, #FFA37B, #836DD6, #C27587);
  background-size: 300% 100%;
  animation: gradientMove 6s ease-in-out infinite;
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wpcf7-spinner{
    margin: 0 !important;
}
.wpcf7-response-output{
    padding: 20px 10px !important;
}
ul {
    padding-left: 24px;
}
ul li{
    margin-bottom: 11px;
}
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media (max-width:500px){
    form .d-flex{
        flex-wrap: wrap !important;
    }
    form .d-flex>p{
        width: 100% !important;
    }
}