/* #form > div > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-2f746bc.shadow-box > div > div {
    max-width: 500px;
}
#form > div > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-2f746bc.shadow-box > div {
    justify-content: center;
} */

.c3dgence-contact-form {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 2rem;
    font-family: 'Boxed_Regular', Arial, Helvetica, sans-serif;
    color: #535353;
}

@media only screen and (min-width: 1145px) {
    .c3dgence-contact-form-title {
        margin-left: 2rem;
    }
    .c3dgence-contact-form + p .wpcf7-submit {
        margin-left: 2rem;
    }
}

@media only screen and (min-width: 390px) and (max-width: 990px) {
     .c3dgence-contact-form + p .wpcf7-submit {
        margin-left: 2rem;
    }
}

@media only screen and (min-width: 1145px) and (max-width: 1280px) {
    .c3dgence-contact-form .codedropz-upload-handler {
        margin-left: .5em
    }
}


@media only screen and (max-width: 992px) {

    .wpcf7-form .c3dgence-contact-form input, .wpcf7-form .c3dgence-contact-form textarea {
        width: 100%;
    }
}

/* @media only screen and (min-width: 1200px) {
    .c3dgence-contact-form .codedropz-upload-wrapper {
        transform: translateX(-12px);
    }
} */

.c3dgence-contact-form .codedropz-upload-container {
    padding: unset;
}

.c3dgence-contact-form .codedropz-upload-inner h3 {
    font-size: 25px;
}

.c3dgence-contact-form  .codedropz-upload-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (min-width: 1280px) {
    .c3dgence-contact-form  .codedropz-upload-inner {
        width: 30vw;
    }
}

.titleh2 .elementor-widget-container div.c3dgence-contact-form .codedropz-upload-inner,
div.c3dgence-contact-form .codedropz-upload-inner {
    padding: 20px !important;
}


.c3dgence-contact-form__input {
    padding: 10px;
    /* width: 100%; */
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    background-color: #f1f1f1;
    border: none;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.c3dgence-contact-form__input:focus {
    background: #f2f2f2;
}

.c3dgence-contact-form .dnd-upload-counter {
    display: none !important;
}


@media only screen and (min-width: 1280px) {
    .c3dgence-contact-form__select {
        width: 30vw;
    }
}


.c3dgence-contact-form__select {
    padding: 10px;
    border: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color: #fff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 16%);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

/* @media only screen and (min-width: 992px) {
    .c3dgence-contact-form .c3dgence-contact-form__submit-container {
        width: 100%;
    }
} */


.c3dgence-contact-form .wpcf7-submit {
    background: #d41124 !important;
    padding: 10px 18px !important;
    border: none !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: all .45s cubic-bezier(.25,1,.33,1) !important;
    -webkit-transition: all .45s cubic-bezier(.25,1,.33,1) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    transform: translateX(2vw);
}


/*drag n drop box stylization */

.page-id-32687 #wpcf7-f35205-p32687-o1 > form > div.c3dgence-contact-form > div > span > div > div > div > div > span, 
.page-id-32687 .cd-upload-btn{
    color: #d41124!important;
}

.c3dgence-contact-info {
    margin-top: 50px;
    text-align: center;
    display: flex !important;
    flex-direction: column;
}


.titleh2 .elementor-widget-container div.c3dgence-contact-form h2:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form h1:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form h3:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form h4:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form  h5:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form h6:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form  p:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form  span:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form  div:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info h2:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info h1:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info h3:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info h4:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info  h5:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info h6:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info  p:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info  span:before, 
.titleh2 .elementor-widget-container div.c3dgence-contact-info div:before {
    display: none !important;
}

.titleh2 .elementor-widget-container div.c3dgence-contact-form , 
.titleh2 .elementor-widget-container div.c3dgence-contact-form h1, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form h3, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form h4, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form  h5, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form h6, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form  p, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form  span, 
.titleh2 .elementor-widget-container div.c3dgence-contact-form  div{
    padding: 0 !important; 
}

.titleh2 .elementor-widget-container div.c3dgence-contact-form  div,  div.c3dgence-contact-form div {
    display: flex;
}

@media only screen and (min-width: 1280px) {
    .c3dgence-contact-form label {
        width: 30vw;
    }
}