.elementor-827 .elementor-element.elementor-element-447ac0b1:not(.elementor-motion-effects-element-type-background), .elementor-827 .elementor-element.elementor-element-447ac0b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.webiee.com/wp-content/uploads/2024/01/bgcontact.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-827 .elementor-element.elementor-element-447ac0b1 > .elementor-container{max-width:1440px;}.elementor-827 .elementor-element.elementor-element-447ac0b1 > .elementor-background-overlay{opacity:0.96;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-827 .elementor-element.elementor-element-447ac0b1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:35px 0px 80px 0px;}.elementor-827 .elementor-element.elementor-element-2e86206a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-827 .elementor-element.elementor-element-2e86206a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:16px;}.elementor-827 .elementor-element.elementor-element-2e86206a > .elementor-element-populated, .elementor-827 .elementor-element.elementor-element-2e86206a > .elementor-element-populated > .elementor-background-overlay, .elementor-827 .elementor-element.elementor-element-2e86206a > .elementor-background-slideshow{border-radius:4px 4px 4px 4px;}.elementor-827 .elementor-element.elementor-element-2e86206a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;text-align:center;padding:40px 40px 40px 40px;}.elementor-827 .elementor-element.elementor-element-2e86206a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-827 .elementor-element.elementor-element-5bcc0762 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:40px;color:#292930;}.elementor-827 .elementor-element.elementor-element-5f709a48{font-family:"Inter", Sans-serif;font-size:18px;color:#292930;}@media(max-width:767px){.elementor-827 .elementor-element.elementor-element-447ac0b1{margin-top:-240px;margin-bottom:0px;padding:235px 0px 40px 0px;}}@media(min-width:1025px){.elementor-827 .elementor-element.elementor-element-447ac0b1:not(.elementor-motion-effects-element-type-background), .elementor-827 .elementor-element.elementor-element-447ac0b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-6c723f0a *//* Contact Form 7 Styles
---------------------------------*/


.wpcf7-form {
    width: 100%; /* Adjust the width of the form */
    margin-left: 50px;
    padding: 20px; /* Add some padding around the form */
    background-color: #fff; /* Background color of the form */
    border-radius: 10px; /* Rounded corners for the form */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Shadow effect */
    color: #292930;
    font-family: 'Nunito';
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
    text-align: left;
    margin: auto;
    display: table;
    font-weight: 400;
}


/* Input Fields */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea {

    background-color: #fff; /* Background color */
    border: 1px solid #DCDCDC; /* Border style */
    font-family: 'Inter', sans-serif; /* Font family */
    color: #555555; /* Text color */
    padding: 15px; /* Padding inside the input */
    margin-bottom: 10px;
}

.wpcf7-text:focus {
    border-color: #666666; /* Example: Change border color when focused */
    outline: none; /* Removes the default focus outline */
}

.wpcf7-select {
    background-color: #fff; /* Background color */
    border: 1px solid #DCDCDC; /* Border style */
    font-family: 'Inter', sans-serif; /* Font family */
    color: #999999; /* Text color */
    padding: 10px; /* Padding inside the input */
}

.wpcf7-textarea {
    background-color: #fff; /* Background color */
    border: 1px solid #DCDCDC; /* Border style */
    font-family: 'Inter', sans-serif; /* Font family */
    color: #555555; /* Text color */
   
    padding: 10px; /* Padding inside the input */
}

.wpcf7-textarea:focus {
    border-color: #DCDCDC; /* Example: Change border color when focused */
    outline: none; /* Removes the default focus outline */
}

.wpcf7-form-control::placeholder { /* Selector for all CF7 form fields */
    color: #999999; /* Change #yourColorCode to your desired color */
}

.wpcf7-submit {
    background: #292930; /* Background color */
    color: #fff; /* Text color */
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    border: none;
    margin-top: 15px;
    transition: transform 0.3s ease; /* Smooth transition for the transform property */
}

.wpcf7-list-item-label {
    font-family: 'Inter';
    color: #555555;
    font-size: 18px;
}

.wpcf7-submit:hover,
.wpcf7-submit:active,
.wpcf7-submit:focus {
    transform: scale(1.05); /* Slightly increase the scale of the button */
    background: #FFDC60; /* Maintains the background color */
    color: #292930; /* Maintains the text color */
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    border: none;
    outline: none; /* Removes outline on focus for aesthetics */
}



.wpcf7-list-item-label {
    font-family: 'Inter';
    font-size: 16px;
}

.wpcf7-list-item-label a {
    color: #F7D845; 
}

/* Styles for Tablets */
@media only screen and (max-width: 1024px) {
    .wpcf7 {
        max-width: 600px; /* Slightly smaller width for tablet */
        margin-left: 30px; /* Adjust margin */
        padding: 15px; /* Adjust padding */
    }
   
}

/* Styles for Mobile Devices */
@media only screen and (max-width: 768px) {
.wpcf7 {
     max-width: 100%; /* Full width on mobile */
    margin-left: 0px; /* Reduced margin */
    padding: 10px; /* Reduced padding */
    }

.wpcf7-form {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    }

.wpcf7-list-item-label {
    font-size: 14px; /* Smaller font size for mobile */
    }

    
}/* End custom CSS */