.elementor-6353 .elementor-element.elementor-element-332bd011{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:180px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-6353 .elementor-element.elementor-element-332bd011:not(.elementor-motion-effects-element-type-background), .elementor-6353 .elementor-element.elementor-element-332bd011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bitbytetechnology.com/wp-content/uploads/2026/03/Contact-Us-Have-cool-project-get-in-touch-1.png");background-position:center left;background-size:cover;}.elementor-6353 .elementor-element.elementor-element-285fa50f{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6353 .elementor-element.elementor-element-488ff168{text-align:left;}.elementor-6353 .elementor-element.elementor-element-488ff168 .elementor-heading-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#020202;}.elementor-6353 .elementor-element.elementor-element-418eeadd{text-align:left;}.elementor-6353 .elementor-element.elementor-element-418eeadd .elementor-heading-title{font-size:55px;font-weight:800;text-transform:capitalize;color:#00ADB5;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6353 .elementor-element.elementor-element-682d74a5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-size:25px;font-weight:500;}.elementor-6353 .elementor-element.elementor-element-22a373b{--display:flex;}.elementor-6353 .elementor-element.elementor-element-cc2995c{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-6353 .elementor-element.elementor-element-cc2995c:not(.elementor-motion-effects-element-type-background), .elementor-6353 .elementor-element.elementor-element-cc2995c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBE5EC;}.elementor-6353 .elementor-element.elementor-element-14a2189{padding:0px 0px 30px 0px;text-align:center;}.elementor-6353 .elementor-element.elementor-element-14a2189 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#00ADB5;}.elementor-6353 .elementor-element.elementor-element-60bb2be .bdt-ep-accordion-item + .bdt-ep-accordion-item{margin-top:2px;}.elementor-6353 .elementor-element.elementor-element-60bb2be .bdt-ep-title-text{justify-content:flex-start;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px) and (min-width:768px){.elementor-6353 .elementor-element.elementor-element-285fa50f{--width:90%;}}@media(max-width:1024px){.elementor-6353 .elementor-element.elementor-element-332bd011{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:70px;--padding-bottom:70px;--padding-left:40px;--padding-right:40px;}.elementor-6353 .elementor-element.elementor-element-285fa50f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6353 .elementor-element.elementor-element-418eeadd{text-align:center;}.elementor-6353 .elementor-element.elementor-element-418eeadd .elementor-heading-title{font-size:50px;}.elementor-6353 .elementor-element.elementor-element-682d74a5{text-align:center;}}@media(max-width:767px){.elementor-6353 .elementor-element.elementor-element-332bd011:not(.elementor-motion-effects-element-type-background), .elementor-6353 .elementor-element.elementor-element-332bd011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-6353 .elementor-element.elementor-element-332bd011{--padding-top:40px;--padding-bottom:40px;--padding-left:25px;--padding-right:25px;}.elementor-6353 .elementor-element.elementor-element-285fa50f{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6353 .elementor-element.elementor-element-418eeadd{text-align:left;}.elementor-6353 .elementor-element.elementor-element-418eeadd .elementor-heading-title{font-size:35px;}.elementor-6353 .elementor-element.elementor-element-682d74a5{text-align:left;}}




/* Start custom CSS for shortcode, class: .elementor-element-a6d5346 *//* --- Contact Form 7 Modern Styling --- */

/* 1. Container and Row Spacing */
.custom-cf7-form {
    max-width: 100%;
    margin: 0 auto;
}

.custom-cf7-form .form-field {
    margin-bottom: 20px; /* Spacing between rows */
}

/* 2. Input and Textarea Styling */
.custom-cf7-form input[type="text"],
.custom-cf7-form input[type="email"],
.custom-cf7-form input[type="tel"],
.custom-cf7-form textarea {
    width: 100%;
    padding: 14px 18px;
    /* Custom Border: #00adb5 at 2px thickness */
    border: 2px solid #00adb5; 
    border-radius: 6px;
    font-size: 16px;
    color: #333;
    background-color: #ffffff;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 3. Focus State (When user clicks into a field) */
.custom-cf7-form input:focus,
.custom-cf7-form textarea:focus {
    /* Slightly glows with your brand color when active */
    box-shadow: 0 0 10px rgba(0, 173, 181, 0.2);
    background-color: #fff;
    outline: none;
    border-color: #00adb5; 
}

/* 4. Textarea Height */
.custom-cf7-form textarea {
    height: 180px;
    resize: vertical;
}

/* 5. Placeholder Text Color */
.custom-cf7-form ::placeholder {
    color: #888;
    opacity: 0.8;
}

/* 6. Centered Submit Button Area */
.custom-cf7-form .submit-area {
    text-align: center; 
    width: 100%;
    padding-top: 10px;
    clear: both;
}

.custom-cf7-form input[type="submit"] {
    background-color: #00adb5; /* Matches your border color */
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 50px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    display: inline-block;
}

/* 7. Button Hover State */
.custom-cf7-form input[type="submit"]:hover {
    background-color: #00898f; /* Slightly darker shade for hover */
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 173, 181, 0.3);
}

.custom-cf7-form input[type="submit"]:active {
    transform: translateY(0);
}

/* 8. Success/Error Message Styling */
.wpcf7-response-output {
    margin: 20px 0 0 0 !important;
    padding: 15px !important;
    border: 2px solid #00adb5 !important;
    border-radius: 6px !important;
    text-align: center;
}/* End custom CSS */