.elementor-4757 .elementor-element.elementor-element-4ba6bffa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4757 .elementor-element.elementor-element-4ba6bffa:not(.elementor-motion-effects-element-type-background), .elementor-4757 .elementor-element.elementor-element-4ba6bffa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.northcode.me/wp-content/uploads/2025/06/distraught-man-making-a-phone-call-after-moving-into-a-new-home-.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4757 .elementor-element.elementor-element-4ba6bffa > .elementor-background-overlay{background-color:var( --e-global-color-bad06d6 );opacity:0.46;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4757 .elementor-element.elementor-element-4ba6bffa > .elementor-container{min-height:400px;}.elementor-4757 .elementor-element.elementor-element-4ba6bffa{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-113px;margin-bottom:0px;padding:4em 0em 0em 0em;}.elementor-4757 .elementor-element.elementor-element-3bd903dc{text-align:center;}.elementor-4757 .elementor-element.elementor-element-3bd903dc .elementor-heading-title{font-family:"Droid Arabic Kufi", Sans-serif;font-size:54px;font-weight:700;line-height:1.3em;color:var( --e-global-color-9c8be4d );}.elementor-4757 .elementor-element.elementor-element-2540e7f8{overflow:hidden;padding:8em 0em 2em 0em;}.elementor-4757 .elementor-element.elementor-element-5934fa8e{text-align:center;}.elementor-4757 .elementor-element.elementor-element-5934fa8e .elementor-heading-title{font-family:"Droid Arabic Kufi", Sans-serif;font-size:40px;font-weight:700;line-height:1.3em;color:var( --e-global-color-bad06d6 );}.elementor-4757 .elementor-element.elementor-element-19981852 > .elementor-widget-container{margin:0px 250px 0px 250px;}.elementor-4757 .elementor-element.elementor-element-19981852{text-align:center;font-family:"Almarai", Sans-serif;color:var( --e-global-color-text );}.elementor-4757 .elementor-element.elementor-element-4cfe764{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overflow:hidden;}.elementor-4757 .elementor-element.elementor-element-e270d17 .elementor-icon-box-wrapper{text-align:right;}.elementor-4757 .elementor-element.elementor-element-e270d17{--icon-box-icon-margin:15px;}.elementor-4757 .elementor-element.elementor-element-e270d17.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-4757 .elementor-element.elementor-element-e270d17.elementor-view-framed .elementor-icon, .elementor-4757 .elementor-element.elementor-element-e270d17.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4757 .elementor-element.elementor-element-e270d17 .elementor-icon-box-title, .elementor-4757 .elementor-element.elementor-element-e270d17 .elementor-icon-box-title a{font-family:"Droid Arabic Kufi", Sans-serif;font-size:20px;}.elementor-4757 .elementor-element.elementor-element-e270d17 .elementor-icon-box-description{font-family:"Almarai", Sans-serif;font-size:16px;}.elementor-4757 .elementor-element.elementor-element-9771a47 .elementor-icon-box-wrapper{text-align:right;}.elementor-4757 .elementor-element.elementor-element-9771a47{--icon-box-icon-margin:15px;}.elementor-4757 .elementor-element.elementor-element-9771a47.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-4757 .elementor-element.elementor-element-9771a47.elementor-view-framed .elementor-icon, .elementor-4757 .elementor-element.elementor-element-9771a47.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4757 .elementor-element.elementor-element-9771a47 .elementor-icon-box-title, .elementor-4757 .elementor-element.elementor-element-9771a47 .elementor-icon-box-title a{font-family:"Droid Arabic Kufi", Sans-serif;font-size:20px;}.elementor-4757 .elementor-element.elementor-element-9771a47 .elementor-icon-box-description{font-family:"Almarai", Sans-serif;font-size:16px;}.elementor-4757 .elementor-element.elementor-element-6964cc3 .elementor-icon-box-wrapper{text-align:right;}.elementor-4757 .elementor-element.elementor-element-6964cc3{--icon-box-icon-margin:15px;}.elementor-4757 .elementor-element.elementor-element-6964cc3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-4757 .elementor-element.elementor-element-6964cc3.elementor-view-framed .elementor-icon, .elementor-4757 .elementor-element.elementor-element-6964cc3.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4757 .elementor-element.elementor-element-6964cc3 .elementor-icon-box-title, .elementor-4757 .elementor-element.elementor-element-6964cc3 .elementor-icon-box-title a{font-family:"Droid Arabic Kufi", Sans-serif;font-size:20px;}.elementor-4757 .elementor-element.elementor-element-6964cc3 .elementor-icon-box-description{font-family:"Almarai", Sans-serif;font-size:16px;}.elementor-4757 .elementor-element.elementor-element-4954c27{overflow:hidden;padding:3em 0em 0em 0em;}.elementor-bc-flex-widget .elementor-4757 .elementor-element.elementor-element-eda4c51.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4757 .elementor-element.elementor-element-eda4c51.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4757 .elementor-element.elementor-element-eda4c51 > .elementor-element-populated{padding:7% 7% 7% 7%;}.elementor-4757 .elementor-element.elementor-element-1c0e1bc{text-align:center;}.elementor-4757 .elementor-element.elementor-element-1c0e1bc .elementor-heading-title{font-family:"Droid Arabic Kufi", Sans-serif;font-size:40px;font-weight:700;line-height:1.3em;color:var( --e-global-color-bad06d6 );}.elementor-4757 .elementor-element.elementor-element-b8a72d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4757 .elementor-element.elementor-element-b8a72d1.elementor-element{--align-self:flex-start;}.elementor-4757 .elementor-element.elementor-element-cc29a04{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4757 .elementor-element.elementor-element-cc29a04 iframe{height:70vh;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-4757 .elementor-element.elementor-element-eda4c51{width:100%;}.elementor-4757 .elementor-element.elementor-element-542ffcf{width:100%;}}@media(max-width:1024px){.elementor-4757 .elementor-element.elementor-element-4ba6bffa > .elementor-container{min-height:320px;}.elementor-4757 .elementor-element.elementor-element-3bd903dc .elementor-heading-title{font-size:48px;}.elementor-4757 .elementor-element.elementor-element-2540e7f8{padding:5em 0em 1em 0em;}.elementor-4757 .elementor-element.elementor-element-5934fa8e .elementor-heading-title{font-size:34px;}.elementor-4757 .elementor-element.elementor-element-19981852 > .elementor-widget-container{margin:0px 80px 0px 80px;padding:0px 0px 0px 0px;}.elementor-4757 .elementor-element.elementor-element-4cfe764{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4757 .elementor-element.elementor-element-4954c27{padding:1em 0em 0em 0em;}.elementor-4757 .elementor-element.elementor-element-1c0e1bc .elementor-heading-title{font-size:34px;}.elementor-4757 .elementor-element.elementor-element-b8a72d1 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-4757 .elementor-element.elementor-element-4ba6bffa > .elementor-container{min-height:300px;}.elementor-4757 .elementor-element.elementor-element-4ba6bffa{padding:4em 0em 2em 0em;}.elementor-4757 .elementor-element.elementor-element-3bd903dc{text-align:center;}.elementor-4757 .elementor-element.elementor-element-3bd903dc .elementor-heading-title{font-size:44px;}.elementor-4757 .elementor-element.elementor-element-2540e7f8{padding:4em 0em 1em 0em;}.elementor-4757 .elementor-element.elementor-element-5934fa8e .elementor-heading-title{font-size:32px;}.elementor-4757 .elementor-element.elementor-element-19981852 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4757 .elementor-element.elementor-element-4cfe764{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4757 .elementor-element.elementor-element-1c0e1bc .elementor-heading-title{font-size:32px;}.elementor-4757 .elementor-element.elementor-element-b8a72d1 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS *//* Custom styles for the form */
/* Container for the entire form */
.custom-form-container {
    background-color: rgba(255, 255, 255, 0.95); /* Slightly transparent white background */
    border-radius: 15px; /* Rounded corners for the form container (as seen in screenshot) */
    padding: 30px; /* Padding inside the form container */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    width: 100%; /* Make the form container 100% width of its parent */
    box-sizing: border-box; /* Include padding in the width calculation */
}

/* Grouping for each form field (e.g., input + label if any) */
.custom-form-container .form-group {
    margin-bottom: 10px; /* Reduced space between form groups/fields */
}

/* Styling for all input, select, and textarea elements with .form-control class */
.custom-form-container .form-control {
    /* General input styling */
    text-align: right;
    border: 1px solid #ddd !important; /* Force thin, light grey border */
    border-radius: 8px !important; /* Force rounded corners for fields */
    padding: 10px 15px; /* Adjust padding */
    height: 50px; /* Consistent height for input fields */
    width: 100%; /* Ensure input fields take 100% width of their container */
    box-sizing: border-box; /* Include padding in the width calculation */
    font-size: 1rem; /* Ensure consistent font size */
    font-family:"Droid Arabic Kufi", Sans-serif;
    color: #333; /* Darker text color for better readability */
    /* Add transition for a smoother look, though not strictly required by screenshot */
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}


/* IMPORTANT: Override Bootstrap's default focus styles */
/* Applying !important to ensure these styles take precedence */
.custom-form-container .form-control:focus {
    border-color: #ddd !important; /* Maintain light grey border on focus */
   
    box-shadow: none !important; /* Remove any default focus shadow */
    outline: none !important; /* Remove the default outline */
}

/* Specific style for the textarea to remove resize handle and set min-height */
.custom-form-container textarea.form-control {
    height: auto; /* Allow textarea to adjust its height based on content/rows */
    min-height: 80px !important; /* Force minimum height for the textarea */
    resize: none !important; /* Force disable resizing handle for the textarea */
}

/* Placeholder text styling */
.custom-form-container .form-control::placeholder {
   font-family:"Droid Arabic Kufi", Sans-serif;
    color: #999; /* Placeholder text color */
    opacity: 1; /* Ensure placeholder is not transparent on Firefox */
}

/* Submit button styling */
.custom-form-container .btn-custom-dark {
    background-color: #000; /* Black background for the submit button */
    color: #fff; /* White text for the submit button */
    border: none;
    border-radius: 8px; /* Rounded corners for the button */
    padding: 12px 0; /* Adjust padding */
    font-size: 1.1em;
    font-weight: 600; /* Make the text a bit bolder */
    width: 100%; /* Full width button */
    margin-top: 10px; /* Add a little space above the button */
    cursor: pointer; /* Indicate it's clickable */
    font-family: "Droid Arabic Kufi", Sans-serif;
    transition: background-color 0.3s ease; /* Smooth transition for hover */
}

.custom-form-container .btn-custom-dark:hover {
    background-color: #333; /* Slightly darker black on hover */
}

/* Optional: Wrapper for positioning the form on the page */
.form-wrapper {
    display: flex;
    justify-content: center; /* Center the form horizontally */
    align-items: center; /* Center the form vertically */
    min-height: 30vh; /* Use min-height to ensure it takes full viewport height */
    padding: 20px; /* Example padding for the wrapper if needed */
    /* If you have a background image for your main page, uncomment and set this */
    /* background-image: url('your-background-image.jpg'); */
    background-size: cover;
    background-position: center;
}

/* The parent container that dictates the form's overall width */
.my-form-parent-container {
    width: 450px; /* Current preferred width - adjust this value as needed */
    max-width: 95%; /* Ensures it doesn't get too wide on very large screens */
    box-sizing: border-box;
}


.form-control{
    font-family:'Droid-Arabic-Kufi';}/* End custom CSS */