.elementor-2368 .elementor-element.elementor-element-c9db32d{--display:flex;--background-transition:0.3s;}.elementor-2368 .elementor-element.elementor-element-d2876cb .premium-cf7-container .wpcf7-form label, .elementor-2368 .elementor-element.elementor-element-d2876cb .premium-cf7-container .wpcf7-form .wpcf7-quiz-label{display:inline-block;}.elementor-2368 .elementor-element.elementor-element-d2876cb .premium-cf-head{align-items:center;}/* Start custom CSS for premium-contact-form, class: .elementor-element-d2876cb */.purple-submit-button{
    background: #9376B0 !important
}

/*don't look at my code this way, it was my first serious work and I never met some of things I  had to do here... and do you remember your first work?*/
.wpcf7 form {
    position: relative;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    /*justify-content: center;*/
    
    
}

.purple-submit-button{
    width: 60%;
    margin-left: 20%;
    margin-right: 20% 
}
@media screen and (max-width: 900px) {

.wpcf7 form>p {
    margin-bottom: 1.2em;
    min-width: 90%; 
}
input{
    border: solid 1px lightgray;
    background: #F9FAFB
}


.wpcf7 input, select{
    max-width: 75vw;
    min-width: 74.99999999vw;
    margin-left: 5vw;
}
.purple-submit-button{
    width: 0;
    margin-left: 0;
    margin-right: 0
}

}
.wpcf7 .wpcf7-form-control-wrap{
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*padding-left: 0vw;*/
}
.purple-submit-button{
    text-transform: none !important
}/* End custom CSS */