.elementor-270 .elementor-element.elementor-element-24dafac{--display:flex;--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-270 .elementor-element.elementor-element-ad7c882 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-270 .elementor-element.elementor-element-ad7c882{padding:5px 0px 5px 9px;width:var( --container-widget-width, 74.216% );max-width:74.216%;--container-widget-width:74.216%;--container-widget-flex-grow:0;background-color:#000000;border-radius:31px 31px 31px 31px;}.elementor-270 .elementor-element.elementor-element-ad7c882.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-270 .elementor-element.elementor-element-c604eb8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#010000;}.elementor-270 .elementor-element.elementor-element-c604eb8{padding:5px 0px 5px 9px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;background-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-270 .elementor-element.elementor-element-c604eb8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-270 .elementor-element.elementor-element-92abec6{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-270 .elementor-element.elementor-element-8928ee0{--display:flex;--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;}@media(max-width:767px){.elementor-270 .elementor-element.elementor-element-ad7c882{text-align:center;width:var( --container-widget-width, 246.675px );max-width:246.675px;--container-widget-width:246.675px;--container-widget-flex-grow:0;}}/* Start custom CSS for shortcode, class: .elementor-element-185b854 *//* remove CF7 auto spacing */
.formm br { display: none; }
.formm p { margin: 0; }

/* main container */
.formm {
  margin: auto;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  font-family: Arial, sans-serif;
}

/* ================= HEAD (NAME) ================= */
.head1 {
  display: flex;
  gap: 20px;
}

.head1 .this {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.head1 label {
  font-weight: 600;
  margin-bottom: 5px;
}

.head1 input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* ================= LOCATION ================= */
.head2 {
  border: 1px solid #dce3ea;
  border-radius: 8px;
  padding: 15px;
  margin: 20px 0;
  background: #f8fbff;
}

.texppart {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.icon {
  font-size: 22px;
}

.textpart {
  width: 100%;
}

.textpart h4 {
  margin: 0;
  font-size: 16px;
}

.textpart p {
  margin: 0;
  font-size: 13px;
  color: #666;
}

/* city state zip */
.states p {
  display: flex;
  gap: 10px;
  width: 100%;
}

.states input,
.states select {
  flex: 1;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* ================= FIELDS ================= */
.otherfilesd label {
  display: block;
  margin-top: 15px;
  font-weight: 600;
}

.otherfilesd input,
.otherfilesd textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-top: 5px;
}

.otherfilesd textarea {
  height: 100px;
  resize: none;
}

/* upload */
input[type="file"] {
  padding: 10px;
  background: #f5f5f5;
}

/* ================= BUTTONS ================= */
.lowersection {
  text-align: center;
  margin-top: 20px;
}

.buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 15px 0;
}

.buttons button,
.buttons input {
  flex: 1;
  padding: 10px;
  border: none;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
}

/* colors */
.btn1 { background: #2ecc71; }
.btn2 { background: #1877f2; }
.btn3 { background: #000; }

/* ================= FINAL BUTTON ================= */
.hoa-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  background: linear-gradient(180deg, #ff2a2a, #c40000);
  color: #fff;

  border: none;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  margin-bottom: 20px;
}
.hoa-btn .main {
    /* background-color: #2d2d2d; */
    padding: 15px 40px;
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    /* box-shadow
Attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional 'inset' keyword. Omitted lengths are 0; omitted colors are a user agent chosen color.

Widely available across major browsers (Baseline since January 2018)
Learn more

Don't show
: 0 2px 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -2px 5px rgba(0, 0, 0, 0.8); */
}
.btn-text {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #ff2a2a, #c40000);
  color: #fff;
}

.btn-text .main{
  font-size: 18px;
  font-weight: 700; 
  color: #fff; box-shadow: none;
}

.btn-text .sub {
  font-size: 13px;
  opacity: 0.9;
}
.thisis{
    font-size: 10px;
    font-weight: 100;
    color: grey;
}

/* ================= MOBILE ================= */
@media (max-width: 767px) {

  .head1 {
    flex-direction: column;
  }

  .head1 .this {
    width: 100%;
  }

  .states p {
    flex-direction: column;
  }

  .buttons {
    flex-direction: column;
  }

  .buttons button,
  .buttons input {
    width: 100%;
  }

  .textpart h4 { font-size: 14px; }
  .textpart p { font-size: 12px; }
}/* End custom CSS */