.elementor-409185 .elementor-element.elementor-element-197e91b{--display:flex;--min-height:253px;--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;}.elementor-409185 .elementor-element.elementor-element-197e91b:not(.elementor-motion-effects-element-type-background), .elementor-409185 .elementor-element.elementor-element-197e91b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(133deg, #0D1821 0%, #344966 100%);}.elementor-409185 .elementor-element.elementor-element-33046c8 > .elementor-widget-container{margin:050px 0px 0px 050px;}.elementor-409185 .elementor-element.elementor-element-33046c8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;color:#FFFFFF;}.elementor-409185 .elementor-element.elementor-element-65e5869 > .elementor-widget-container{margin:-17px 0px 0px 50px;}.elementor-409185 .elementor-element.elementor-element-65e5869{color:#FFFFFF;}.elementor-409185 .elementor-element.elementor-element-f91fbd0{--display:flex;}.elementor-409185 .elementor-element.elementor-element-2477ac1 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-409185 .elementor-element.elementor-element-73cbc6e{--display:flex;--min-height:253px;--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;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-409185 .elementor-element.elementor-element-73cbc6e:not(.elementor-motion-effects-element-type-background), .elementor-409185 .elementor-element.elementor-element-73cbc6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-409185 .elementor-element.elementor-element-563cd12 > .elementor-widget-container{margin:050px 0px 0px 050px;}.elementor-409185 .elementor-element.elementor-element-563cd12 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;color:#0D1821;}.elementor-409185 .elementor-element.elementor-element-1c9c927 > .elementor-widget-container{margin:-17px 0px 0px 50px;}.elementor-409185 .elementor-element.elementor-element-1c9c927{font-family:"Poppins", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-409185 .elementor-element.elementor-element-6e1b302a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-409185 .elementor-element.elementor-element-6e1b302a:not(.elementor-motion-effects-element-type-background), .elementor-409185 .elementor-element.elementor-element-6e1b302a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-409185 .elementor-element.elementor-element-44083fb7{padding:40px 20px 60px 20px;}.elementor-409185 .elementor-element.elementor-element-16806c7c{text-align:center;}.elementor-409185 .elementor-element.elementor-element-15d8ba9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-409185 .elementor-element.elementor-element-6e1b302a{--grid-auto-flow:row;}.elementor-409185 .elementor-element.elementor-element-15d8ba9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-409185 .elementor-element.elementor-element-6e1b302a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-409185 .elementor-element.elementor-element-15d8ba9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-69b23ffb *//*
  How to use this CSS:
  1. Copy all the code from this file.
  2. In your WordPress dashboard, go to "Appearance" -> "Customize".
  3. Find the "Additional CSS" section.
  4. Paste this code into the box and click "Publish".
*/

/* --- General Form Styling & Container --- */
/* Targets the container that Contact Form 7 wraps around your form. */
.wpcf7-form {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff; /* White background card */
    padding: 1.5rem;           /* Spacing inside the form container (reduced from 2rem) */
    border-radius: 0.5rem;     /* Rounded corners */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    box-sizing: border-box;
    height: 100%; /* Helps ensure it fills the column height */
}

/* --- Labels --- */
.wpcf7-form label {
    display: block;
    font-weight: 500; /* medium weight */
    color: #374151;   /* gray-700 */
    margin-bottom: 0.25rem; /* 4px */
}

/* --- Input Fields (Text, Email, Text Area) --- */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 0.6rem 0.8rem; /* Reduced vertical and horizontal padding */
    border: 1px solid #d1d5db; /* border-gray-300 */
    border-radius: 0.375rem; /* 6px */
    font-size: 1rem;
    color: #111827; /* text-gray-900 */
    background-color: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box; /* Ensures padding doesn't affect width */
    margin-bottom: 0.75rem; /* Adds space between fields (reduced from 1rem) */
}

/* --- Focus State for Inputs --- */
/* Style for when a user clicks into a field */
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
    outline: none;
    border-color: #6EC1E4; /* Your custom blue color */
    box-shadow: 0 0 0 3px rgba(110, 193, 228, 0.3);
}

/* --- Text Area Specifics --- */
.wpcf7-form-control.wpcf7-textarea {
    min-height: 80px; /* Reduced from 100px */
    resize: vertical;
}

/* --- Submit Button --- */
.wpcf7-form-control.wpcf7-submit {
    display: inline-block;
    width: 100%;
    padding: 0.6rem 1rem; /* Reduced vertical padding */
    border: none;
    border-radius: 0.375rem;
    background-color: #6EC1E4; /* Your custom blue color */
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600; /* semibold */
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

/* --- Submit Button Hover State --- */
.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #5aa8d1; /* A slightly darker blue */
}/* End custom CSS */