.u-section-1 {
  background-image: linear-gradient(
      0deg,
      rgba(0, 5, 178, 0.5),
      rgba(0, 5, 178, 0.5)
    ),
    url("images/lovepik-business-construction-background-image_402010019.jpg");
  background-position: 50% 22.38%;
}

.u-section-1 .u-sheet-1 {
  min-height: 299px;
}

.u-section-1 .u-text-1 {
  font-weight: 700;
  margin: 150px auto 60px;
}

@media (max-width: 1399px) {
  .u-section-1 .u-sheet-1 {
    min-height: 258px;
  }

  .u-section-1 .u-text-1 {
    font-size: 2.25rem;
  }
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 213px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 163px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 122px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 77px;
  }

  .u-section-1 .u-text-1 {
    font-size: 1.5rem;
  }
}
.u-section-2 .u-sheet-1 {
  min-height: 659px;
}

.u-section-2 .u-layout-wrap-1 {
  margin-top: 60px;
  margin-bottom: 37px;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 562px;
}

.u-section-2 .u-container-layout-1 {
  padding: 0 30px 30px;
}

.u-section-2 .u-text-1 {
  margin: 30px 3px 0 0;
}

/* .u-section-2 .u-list-1 {
    width: 459px;
    margin: 32px auto 0;
  } */

.u-section-2 .u-repeater-1 {
  grid-auto-columns: 100%;
  grid-template-columns: repeat(1, 100%);
  min-height: 385px;
  grid-gap: 0px;
}

.u-section-2 .u-list-item-1 {
  background-image: none;
}

.u-section-2 .u-container-layout-2 {
  padding: 20px 30px 15px;
}

.u-section-2 .u-icon-1 {
  height: 22px;
  width: 22px;
  margin: 0 auto 0 0;
}

.u-section-2 .u-text-2 {
  font-weight: 700;
  text-transform: uppercase;
  margin: -22px 1px 0 40px;
}

.u-section-2 .u-text-3 {
  margin: 20px 1px 0;
}

.u-section-2 .u-list-item-2 {
  background-image: none;
}

.u-section-2 .u-container-layout-3 {
  padding: 20px 30px 15px;
}

.u-section-2 .u-icon-2 {
  height: 22px;
  width: 22px;
  margin: 0 auto 0 0;
}

.u-section-2 .u-text-4 {
  font-weight: 700;
  text-transform: uppercase;
  margin: -22px 1px 0 40px;
}

.u-section-2 .u-text-5 {
  margin: 20px 1px 0;
}

.u-section-2 .u-list-item-3 {
  background-image: none;
}

.u-section-2 .u-container-layout-4 {
  padding: 20px 30px 15px;
}

.u-section-2 .u-icon-3 {
  height: 22px;
  width: 22px;
  margin: 0 auto 0 0;
}

.u-section-2 .u-text-6 {
  font-weight: 700;
  text-transform: uppercase;
  margin: -22px 1px 0 40px;
}

.u-section-2 .u-text-7 {
  margin: 20px 1px 0;
}

.u-section-2 .u-layout-cell-2 {
  min-height: 562px;
}

.u-section-2 .u-container-layout-5 {
  padding: 0px !important;
}

.u-section-2 .u-form-1 {
  height: 416px;
  margin: 0 0 0 32px;
}

.u-section-2 .u-form-group-2 {
  margin-left: 0;
}

.u-section-2 .u-btn-1 {
  background-image: none;
}

@media (max-width: 1399px) {
  .u-section-2 .u-sheet-1 {
    min-height: 599px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 479px;
  }

  .u-section-2 .u-text-1 {
    margin-right: 0;
  }

  /* .u-section-2 .u-list-1 {
      width: 396px;
    } */

  .u-section-2 .u-repeater-1 {
    grid-template-columns: 100%;
  }

  .u-section-2 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-2 .u-text-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-4 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-2 .u-text-5 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-6 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-2 .u-text-7 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 479px;
  }

  .u-section-2 .u-form-1 {
    width: 700px;
    margin-left: 0;
  }

  .u-section-2 .u-btn-1 {
    --radius: 10px;
  }
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 429px;
  }

  .u-section-2 .u-layout-wrap-1 {
    position: relative;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 395px;
  }

  /* .u-section-2 .u-list-1 {
      width: 316px;
    } */

  .u-section-2 .u-layout-cell-2 {
    min-height: 395px;
  }

  .u-section-2 .u-form-1 {
    width: 567px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 352px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 100px;
  }

  /* .u-section-2 .u-list-1 {
      width: 228px;
    } */

  .u-section-2 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-2 .u-form-1 {
    width: 420px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 484px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 378px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 41px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-top: 9px;
    padding-bottom: 10px;
  }

  .u-section-2 .u-form-1 {
    width: 320px;
  }
}

/* Container for the form */
.u-container-layout.u-valign-top.u-container-layout-5 {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

/* General form styles */
.u-form.u-form-1 {
  font-family: Arial, sans-serif;
  color: #333333;
}

.ff-el-group {
  margin-bottom: 20px;
}

.ff-el-input--label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.ff-el-form-control {
  width: 100%;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

.ff-el-form-control:focus {
  border-color: #007bff;
  outline: none;
}

/* Submit button styling */
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
  background-color: #ff4b2b;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style:hover {
  background-color: #e6411f;
}

/* Error message styles */
.ff-errors-in-stack {
  color: #ff0000;
  margin-top: 10px;
}

/* Responsive styling */
@media (max-width: 768px) {
  .u-container-layout.u-valign-top.u-container-layout-5 {
    padding: 20px;
  }

  .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
    width: 100%;
    padding: 12px;
  }
}
/* Container layout adjustments */
.u-layout-cell-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Align form elements in a single row */
.custom-expanded form fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  align-items: center;
}

.ff-el-group {
  flex: 1 1 20%;
  min-width: 200px; /* Adjust the minimum width of input boxes */
}

.ff-el-input--label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
}

.ff-el-input--content {
  width: 100%;
}

.ff-el-form-control {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  color: #000; /* Ensure text color is set to black (or any visible color) */
  background-color: #fff; /* Ensure background color is set to white */
  box-sizing: border-box;
}

/* Treat the submit button like an input field */
.ff_submit_btn_wrapper {
  flex: 1 1 auto;
  min-width: 150px;
  display: flex;
  justify-content: center;
}

.ff-btn-submit {
  padding: 10px 20px;
  background-color: #e74c3c;
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}

.u-section-8 {
  background-color: #fff; /* Adjust background color if needed */
  padding: 20px 0; /* Add vertical padding */
}

.u-repeater-1 {
  display: flex;
  justify-content: space-between; /* Ensure even spacing between the logos */
  align-items: center; /* Vertically center logos */
  flex-wrap: wrap; /* Allow wrapping if necessary on smaller screens */
}

.u-repeater-item {
  flex: 1; /* Ensure each logo takes up equal width */
  max-width: 20%; /* Max width of 20% to match the 5 logos in one row */
  text-align: center; /* Center logos horizontally */
  margin: 10px; /* Add spacing between the logos */
}

.u-container-layout {
  display: flex;
  justify-content: center; /* Center image inside the container */
  align-items: center;
  padding: 10px; /* Optional padding */
}

.u-image {
  max-width: 100%; /* Ensure logos are responsive */
  height: auto; /* Maintain aspect ratio */
}

@media (max-width: 768px) {
  .u-repeater-item {
    max-width: 45%; /* Adjust for smaller screens (2 logos per row) */
  }
}

@media (max-width: 480px) {
  .u-repeater-item {
    max-width: 90%; /* Adjust for very small screens (1 logo per row) */
  }
}

#fluentform_4 {
  padding: 30px;
}
.contact-info-text {
  margin-inline: 40px !important;
}
.contact-info-text + p {
  margin-inline: 40px !important;
}
#fluentform_4 {
  padding: 0px !important;
}