.elementor-43493 .elementor-element.elementor-element-1dc21bb{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-43493 .elementor-element.elementor-element-1dc21bb:not(.elementor-motion-effects-element-type-background), .elementor-43493 .elementor-element.elementor-element-1dc21bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(230deg, #167094 0%, #19B8BA 100%);}.elementor-43493 .elementor-element.elementor-element-1dc21bb::before, .elementor-43493 .elementor-element.elementor-element-1dc21bb > .elementor-background-video-container::before, .elementor-43493 .elementor-element.elementor-element-1dc21bb > .e-con-inner > .elementor-background-video-container::before, .elementor-43493 .elementor-element.elementor-element-1dc21bb > .elementor-background-slideshow::before, .elementor-43493 .elementor-element.elementor-element-1dc21bb > .e-con-inner > .elementor-background-slideshow::before, .elementor-43493 .elementor-element.elementor-element-1dc21bb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.techabyte.xyz/wp-content/uploads/2026/04/dark-stone-desk-texture-with-concrete-background-high-resolution-top-view-table-with-copy-space-idea-advertising-banner-product-article-1.webp");--background-overlay:'';}.elementor-43493 .elementor-element.elementor-element-06fad3b{text-align:center;}.elementor-43493 .elementor-element.elementor-element-06fad3b .elementor-heading-title{font-size:42px;font-weight:700;color:var( --e-global-color-214f406 );}.elementor-43493 .elementor-element.elementor-element-e7eb749 > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-43493 .elementor-element.elementor-element-e7eb749{text-align:center;}.elementor-43493 .elementor-element.elementor-element-e7eb749 .elementor-heading-title{font-size:18px;font-weight:400;color:#F5F5F5E8;}.elementor-43493 .elementor-element.elementor-element-dd3f3ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-43493 .elementor-element.elementor-element-cbd029e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-43493 .elementor-element.elementor-element-9a691a1{--display:flex;--min-height:800px;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-43493 .elementor-element.elementor-element-9a691a1:not(.elementor-motion-effects-element-type-background), .elementor-43493 .elementor-element.elementor-element-9a691a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-214f406 );}.elementor-43493 .elementor-element.elementor-element-d5d14c4 > .elementor-widget-container{margin:-81px 0px 0px 0px;}.elementor-43493 .elementor-element.elementor-element-d5d14c4{text-align:center;}.elementor-43493 .elementor-element.elementor-element-d5d14c4 img{width:89px;}.elementor-43493 .elementor-element.elementor-element-997e94d{text-align:center;}.elementor-43493 .elementor-element.elementor-element-997e94d .elementor-heading-title{line-height:2.4lh;}.elementor-43493 .elementor-element.elementor-element-3232e52{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-43493 .elementor-element.elementor-element-99864d2{--display:flex;--flex-direction:column;--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;--justify-content:center;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-214f406 );--border-color:var( --e-global-color-214f406 );--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-43493 .elementor-element.elementor-element-36351c5 .elementor-heading-title{font-size:28px;color:var( --e-global-color-214f406 );}.elementor-43493 .elementor-element.elementor-element-02a58fa .elementor-heading-title{font-size:16px;line-height:1.1lh;color:#F5F5F5;}.elementor-43493 .elementor-element.elementor-element-54f3152{--display:flex;--flex-direction:column;--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;--justify-content:center;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-214f406 );--border-color:var( --e-global-color-214f406 );--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-43493 .elementor-element.elementor-element-ddb890b .elementor-heading-title{font-size:28px;color:var( --e-global-color-214f406 );}.elementor-43493 .elementor-element.elementor-element-6f63d83 .elementor-heading-title{font-size:16px;line-height:1.1lh;color:#F5F5F5;}.elementor-43493 .elementor-element.elementor-element-403ba3d{--display:flex;--flex-direction:column;--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;--justify-content:center;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-214f406 );--border-color:var( --e-global-color-214f406 );--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-43493 .elementor-element.elementor-element-282c2d7 .elementor-heading-title{font-size:28px;color:var( --e-global-color-214f406 );}.elementor-43493 .elementor-element.elementor-element-c9ba0e3 .elementor-heading-title{font-size:16px;line-height:1.1lh;color:#F5F5F5;}.elementor-43493 .elementor-element.elementor-element-38ce3ce{--display:flex;--flex-direction:column;--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;--justify-content:center;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-43493 .elementor-element.elementor-element-d5cd629 .elementor-heading-title{font-size:28px;line-height:1.5lh;color:var( --e-global-color-214f406 );}@media(max-width:767px){.elementor-43493 .elementor-element.elementor-element-06fad3b > .elementor-widget-container{padding:0px 12px 0px 12px;}.elementor-43493 .elementor-element.elementor-element-06fad3b .elementor-heading-title{line-height:2.5lh;}.elementor-43493 .elementor-element.elementor-element-e7eb749 > .elementor-widget-container{padding:0px 12px 0px 12px;}.elementor-43493 .elementor-element.elementor-element-e7eb749 .elementor-heading-title{line-height:1.2lh;}.elementor-43493 .elementor-element.elementor-element-dd3f3ff{--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-43493 .elementor-element.elementor-element-cbd029e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-43493 .elementor-element.elementor-element-9a691a1{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-43493 .elementor-element.elementor-element-d5d14c4 > .elementor-widget-container{margin:-68px -68px -68px -68px;}.elementor-43493 .elementor-element.elementor-element-d5cd629 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-8e6f05c *//* Container Layout */
.custom-proposal-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 24px;
    font-family: inherit;
}

/* Make Textarea and Button span both columns */
.custom-proposal-form .full-width {
    grid-column: 1 / -1;
}

/* Label Styling */
.custom-proposal-form label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
}

/* Input, Select, and Textarea Styling */
.custom-proposal-form input[type="text"],
.custom-proposal-form input[type="email"],
.custom-proposal-form input[type="url"],
.custom-proposal-form input[type="tel"],
.custom-proposal-form select,
.custom-proposal-form textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    background-color: #ffffff;
    font-size: 15px;
    color: #333333;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.01);
}

/* Focus state for inputs */
.custom-proposal-form input:focus,
.custom-proposal-form select:focus,
.custom-proposal-form textarea:focus {
    outline: none;
    border-color: #2b76e5;
}

/* Placeholder Styling */
.custom-proposal-form ::-webkit-input-placeholder { color: #888888; font-weight: 400; }
.custom-proposal-form ::-moz-placeholder { color: #888888; font-weight: 400; }
.custom-proposal-form :-ms-input-placeholder { color: #888888; font-weight: 400; }

/* Select Dropdown specific styling */
.custom-proposal-form select {
    cursor: pointer;
    color: #333; /* Darker text for selected item */
}
.custom-proposal-form select:invalid {
    color: #888888; /* Gray color for the placeholder option */
}

/* Submit Button Styling */
.custom-proposal-form .wpcf7-submit {
    width: 100%;
    background-color: #2b76e5; /* Matches the vibrant blue */
    color: #ffffff;
    padding: 16px;
    font-size: 18px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
}

.custom-proposal-form .wpcf7-submit:hover {
     background-color: #2b26e5 !important; 
}

.custom-proposal-form .wpcf7-submit:hover {
    background-color: #1e5bb0; /* Slightly darker on hover */
}

/* Hide annoying CF7 validation borders until triggered */
.wpcf7 form .wpcf7-response-output {
    margin: 20px 0 0 0;
    border-radius: 4px;
}

/* Mobile Responsiveness - Stacks fields on smaller screens */
@media (max-width: 768px) {
    .custom-proposal-form {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}



/* --- FIXES FOR GAPS AND SELECT FIELD --- */

/* 1. Fix the large gap between labels and fields */
.custom-proposal-form .form-field label {
    margin-bottom: 5px !important; 
}

/* Hide the invisible line breaks that CF7 automatically generates */
.custom-proposal-form .form-field br {
    display: none !important;
}

/* 2. Fix the skewed/cut-off Select Field */
.custom-proposal-form select {
    height: 50px !important; /* Force a consistent height */
    padding-top: 0 !important; /* Remove top padding to stop text push-down */
    padding-bottom: 0 !important; /* Remove bottom padding */
    line-height: 50px !important; /* Vertically center the text perfectly */
}

/* Standardize the other inputs to match the fixed select field height */
.custom-proposal-form input[type="text"],
.custom-proposal-form input[type="email"],
.custom-proposal-form input[type="url"],
.custom-proposal-form input[type="tel"] {
    height: 50px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}




/* --- MODERN SELECT FIELD FIX --- */

.custom-proposal-form select {
    /* 1. Turn off the default browser arrow */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    /* 2. Match the nicely rounded corners of your other fields */
    border-radius: 6px !important; 

    /* 3. Add a custom, modern dropdown arrow using an SVG */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    
    /* 4. Position the new arrow perfectly away from the right edge */
    background-position: right 16px center !important; 
    background-size: 16px !important; 
    
    /* 5. Make sure the text doesn't overlap the new arrow */
    padding-right: 40px !important; 
    padding-left: 16px !important;
    
    /* Ensure the background stays white */
    background-color: #ffffff !important;
}

/* Ensure the other inputs perfectly match this exact border-radius */
.custom-proposal-form input[type="text"],
.custom-proposal-form input[type="email"],
.custom-proposal-form input[type="url"],
.custom-proposal-form input[type="tel"],
.custom-proposal-form textarea {
    border-radius: 6px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dc21bb */.pix-main-intro-placeholder {
    display: none !important;
}

#content {
    padding-top: 0px !important;
}
@media (max-width: 1024px) {
  .pix-main-intro.pix-intro-1.bg-gradient-primary-light {
    display: none !important;
  }
}/* End custom CSS */