.elementor-3443 .elementor-element.elementor-element-f0014a6{--display:flex;--margin-top:-62px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3443 .elementor-element.elementor-element-6c3a95d{--display:flex;}.elementor-3443 .elementor-element.elementor-element-101c577 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3443 .elementor-element.elementor-element-101c577{text-align:center;}.elementor-3443 .elementor-element.elementor-element-101c577 .elementor-heading-title{font-family:"Tajawal", Sans-serif;color:#003366;}.elementor-3443 .elementor-element.elementor-element-1de53d5 > .elementor-widget-container{margin:30px 0px 0px 0px;}/* Start custom CSS */.page-title .bread-crumb {
    display: none;
}

/* Set the direction of the form and its content to RTL */
 .gform_wrapper {
 direction: RTL;
 font-family: "Tajawal", sans-serif; /* Apply Tajawal font globally */
}

/* Flip the labels to the right side of the fields */
.gform_wrapper .gfield_label {
 text-align: right;
 font-family: "Tajawal", sans-serif; /* Ensure the label uses the Tajawal font */
}

/* Adjust text alignment inside input fields */
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
 text-align: right;
 font-family: "Tajawal", sans-serif; /* Ensure inputs use the Tajawal font */
}

/* Align field descriptions to the right */
.gform_wrapper .gfield_description {
 text-align: right;
 font-family: "Tajawal", sans-serif; /* Ensure descriptions use the Tajawal font */
}

/* Adjust button alignment to be on the right side */
.gform_wrapper .gform_footer input[type="submit"] {
 text-align: right;
 font-family: "Tajawal", sans-serif; /* Ensure the button uses the Tajawal font */
}

/* Optional: Specific classes for different font weights */
.tajawal-extralight {
 font-family: "Tajawal", sans-serif;
 font-weight: 200;
 font-style: normal;
}

.tajawal-light {
 font-family: "Tajawal", sans-serif;
 font-weight: 300;
 font-style: normal;
}

.tajawal-regular {
 font-family: "Tajawal", sans-serif;
 font-weight: 400;
 font-style: normal;
}

.tajawal-medium {
 font-family: "Tajawal", sans-serif;
 font-weight: 500;
 font-style: normal;
}

.tajawal-bold {
 font-family: "Tajawal", sans-serif;
 font-weight: 700;
 font-style: normal;
}

.tajawal-extrabold {
 font-family: "Tajawal", sans-serif;
 font-weight: 800;
 font-style: normal;
}

.tajawal-black {
 font-family: "Tajawal", sans-serif;
 font-weight: 900;
 font-style: normal;
}

 /* Style for the entire heading section */
.gform_heading {
 margin-bottom: 20px; /* Add some space below the heading section */
}
/* Hide the title text but keep its space */
.gform_title {
    visibility: hidden;
}


/* Style for the section title in Gravity Forms */
.gsection_title {
  font-family: "Tajawal", sans-serif; /* Apply the Tajawal font (if needed) */
  font-weight: 700; /* Set font weight to bold */
  font-size: 28px; /* Adjust the font size as needed */
  text-align: right; /* Align the title to the right (RTL) */
  color: #333; /* Adjust the text color */
  margin-top: 20px; /* Space above the section title */
  margin-bottom: 10px; /* Space below the section title */
}

/* Optional: You can add more styles like background, padding, etc. */
.gsection_title {
  background-color: #f2f2f2; /* Add background color */
  padding: 10px; /* Add some padding around the title */
  border-radius: 5px; /* Optional: Add rounded corners to the background */
}
/* Style for the specific Next Button with ID gform_next_button_2_9 */
#gform_submit_button_2,
#gform_next_button_2_9 {
  font-family: "Tajawal", sans-serif; /* Apply Tajawal font */
  font-weight: 900 !important; /* Set font weight */
  font-size: 25px !important; /* Adjust font size */
  background-color: #007bff; /* Set background color (blue) */
  color: white; /* Set text color to white */
  border: none; /* Remove default border */
  padding: 12px 24px; /* Add padding to make the button larger */
  border-radius: 5px; /* Rounded corners */
  cursor: pointer; /* Show pointer cursor when hovered */
  transition: background-color 0.3s ease; /* Smooth background transition */
}

/* Hover effect for the specific Next Button */
#gform_next_button_2_9:hover {
  background-color: #0056b3; /* Change background color on hover */
}

/* Focus effect for the specific Next Button */
#gform_next_button_2_9:focus {
  outline: none; /* Remove default focus outline */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.6); /* Add a custom focus effect */
}

/* Active effect for the specific Next Button */
#gform_next_button_2_9:active {
  background-color: #004085; /* Darken the background color on click */
}


#gform_submit_button_2,
#gform_next_button_2_9 {
    background: linear-gradient(to right, #200354, #380690); /* Gradient primary color */
    color: white; /* Text color */
    font-size: 25px !important;
    font-weight: bold;
    padding: 12px 24px;
    border: none;
    border-radius: 8px; /* Rounded corners */
    cursor: pointer;
    width: 100%; /* Full width */
    max-width: 300px; /* Max width */
    text-align: center;
    display: block;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Soft shadow */
}

#gform_submit_button_2:hover,
#gform_next_button_2_9:hover {
    background: linear-gradient(to right, #380690, #200354); /* Invert gradient on hover */
    transform: scale(1.05); /* Slight zoom effect */
}

#gform_submit_button_2:active,
#gform_next_button_2_9:active {
    transform: scale(0.98); /* Click effect */
}

#gform_previous_button_2 {
    background: linear-gradient(to right, #ff8c00, #ff6600); /* Orange gradient */
    color: white; /* Text color */
    font-size: 25px !important;
    font-weight: bold;
    padding: 12px 24px;
    border: none;
    border-radius: 8px; /* Rounded corners */
    cursor: pointer;
    width: 100%; /* Full width */
    max-width: 300px; /* Max width */
    text-align: center;
    display: block;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Soft shadow */
}

#gform_previous_button_2:hover {
    background: linear-gradient(to right, #ff6600, #ff8c00); /* Invert gradient on hover */
    transform: scale(1.05); /* Slight zoom effect */
}

#gform_previous_button_2:active {
    transform: scale(0.98); /* Click effect */
}

.gform-page-footer.gform_page_footer.top_label {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers horizontally */
    justify-content: center; /* Centers vertically */
    text-align: center;
    width: 100%;
}

.gfield_label.gform-field-label {
    font-size: 18px; /* Adjust size as needed */
    font-weight: bold; /* Makes text bold */
}

.gfield_label.gform-field-label,
.gform-field-label.gform-field-label--type-sub {
    font-size: 18px; /* Adjust as needed */ 
    font-weight: bold; /* Makes text bold */
}

/* Increase size of text inputs, select fields, and textareas */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea,
.gform_wrapper select {
    font-size: 22px !important;  /* Bigger text */
    padding: 10px !important;  /* Spacing */
    height: 50px !important;  /* Adjust height */
}

/* Style dropdowns */
.gform_wrapper select {
    width: 100% !important;  
    border: 2px solid #ccc !important;  
    border-radius: 5px !important;  
    background-color: #fff !important;  
}

/* Increase size of radio buttons */
.gform_wrapper input[type="radio"],
.gform_wrapper input[type="checkbox"] {
    transform: scale(1.5) !important;  /* Make them bigger */
    margin-right: 10px !important;  /* Space between button and label */
   
}

/* Ensure labels are aligned properly */
.gform_wrapper .gfield-choice-label {
    font-size: 22px !important;  /* Bigger text for radio/checkbox labels */
    vertical-align: middle !important;  
}

/* Style file upload input */
.gform_wrapper input[type="file"] {
    font-size: 18px !important;
    padding: 12px !important;
    border: 2px solid #ccc !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    width: 100% !important;
    cursor: pointer !important;
    outline: none !important; /* Prevents unwanted focus outline */
    box-sizing: content-box !important;
}

/* Improve the file input container */
.gform_wrapper .ginput_container_fileupload {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important; /* Ensures content stays centered */
    border: 2px dashed #0073aa !important;
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important; /* Smooth transition */
}

/* Hover effect for better user interaction */
.gform_wrapper .ginput_container_fileupload:hover {
    background-color: #e3f2fd !important;
    border-color: #005580 !important;
}

/* Ensure text in labels is larger */
.gform_wrapper .gform-field-label,
.gform_wrapper .gform-field-label--type-inline {
    font-size: 20px !important; /* Increased for better readability */
    font-weight: bold !important;
    color: #333 !important;
}

/* Additional improvements for radio & checkbox labels */
.gform_wrapper .gchoice_label {
    font-size: 20px !important;
}

/* Make buttons uniform and responsive */
.gform_wrapper input[type="submit"],
.gform_wrapper input[type="button"] {
    font-size: 18px !important;
    padding: 12px 20px !important;
    border-radius: 6px !important;
    border: none !important;
    background-color: #0073aa !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: background 0.3s ease-in-out !important;
}

.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="button"]:hover {
    background-color: #005580 !important;
}
#gform_confirmation_message_2
   {
    background-color: #f0f9ff; /* Light blue background */
    border: 2px solid #0073e6; /* Blue border */
    color: #004085; /* Dark blue text */
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    width: 80%;
    margin: 20px auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}/* End custom CSS */