/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.elementor-kit-8 {
  color: #082808;
}
#field_2_20,
#field_2_21 {
  font-size: 14px;
  line-height: 1;
}
p.gform_required_legend {
  display: none;
}
/* Make Gravity Forms checkboxes circular */
#gform_wrapper_2 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
}

/* Add checkmark effect */
#gform_wrapper_2 input[type="checkbox"]:checked {
  border: 0;
}
#gform_wrapper_2 input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: #8baa8d;
  border-radius: 50%;
}
.gform_wrapper.gravity-theme .gform_page_footer {
  display: flex;
  gap: 20px;
  padding: 30px 0 0 0;
}
.gform_wrapper.gravity-theme .gform_page_footer button.flexitype-btn-wrapper {
  gap: 10px;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #082808;
  background-color: #ffffff;
}
.gform_wrapper.gravity-theme
  .gform_page_footer
  button.flexitype-btn-wrapper::before {
  background-color: rgb(255, 255, 255);
}
.gform_wrapper.gravity-theme
  .gform_page_footer
  button.flexitype-btn-wrapper
  .flexi-text {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  color: var(--e-global-color-primary);
}
.gform_wrapper.gravity-theme
  .gform_page_footer
  button.flexitype-btn-wrapper
  .flexi-icon {
  background-color: rgb(139, 170, 141);
}
.gform_wrapper.gravity-theme
  .gform_page_footer
  button.flexitype-btn-wrapper
  .flexi-icon
  svg
  path {
  fill: var(--e-global-color-primary);
}
.gform_wrapper.gravity-theme
  .gform_page_footer
  button.flexitype-btn-wrapper:hover
  .flexi-icon {
  background-color: rgb(167, 192, 162);
}
.gform_wrapper.gravity-theme
  .gform_page_footer
  button.flexitype-btn-wrapper:hover
  .flexi-icon
  svg
  path {
  fill: rgb(244, 112, 9);
}

.gform_wrapper.gravity-theme .gfield input.large::placeholder,
.gform_wrapper.gravity-theme .gfield textarea.small::placeholder {
  color: #082808;
}
.gform_wrapper.gravity-theme .gfield input.large {
  height: 50px;
  padding: 13px 15px;
}
.gform_wrapper.gravity-theme .gfield textarea.small {
  padding: 13px 15px;
  border-radius: 20px;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label {
  color: #082808;
  line-height: normal;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label a {
  color: #082808;
}
.gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  border-radius: 40px;
  color: #000000;
  border: 0;
  box-shadow: 23px 24px 50px -27px rgba(0, 0, 0, 0.1);
}

#field_2_13 {
  margin-top: 20px;
}

.gform_wrapper.gravity-theme
  .gform_page_footer
  .gform_next_button.gform-theme-button,
a.private-button {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  padding: 0 30px 0 0;
  color: #082808;
  font-size: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='28' viewBox='0 0 34 28' fill='none'%3E%3Cpath d='M0.705824 12.9776L30.9464 12.9776L19.1738 1.20502C19.0415 1.07264 18.9671 0.893096 18.9671 0.705884C18.9671 0.518672 19.0415 0.339127 19.1738 0.206748C19.3062 0.0743692 19.4858 -1.27763e-06 19.673 -1.27763e-06C19.8602 -1.27763e-06 20.0397 0.0743692 20.1721 0.206748L33.1496 13.1843C33.282 13.3167 33.3564 13.4962 33.3564 13.6834C33.3564 13.8706 33.282 14.0502 33.1496 14.1825L20.1721 27.1601C20.0397 27.2925 19.8602 27.3668 19.673 27.3668C19.4858 27.3668 19.3062 27.2925 19.1738 27.1601C19.0415 27.0277 18.9671 26.8482 18.9671 26.6609C18.9671 26.4737 19.0415 26.2942 19.1738 26.1618L30.9464 14.3892H0.705825C0.613137 14.3892 0.521357 14.371 0.435724 14.3355C0.350092 14.3 0.272283 14.248 0.206743 14.1825C0.141202 14.117 0.0892131 14.0391 0.0537429 13.9535C0.0182727 13.8679 1.5803e-05 13.7761 1.5803e-05 13.6834C1.5803e-05 13.5907 0.0182732 13.4989 0.0537434 13.4133C0.0892136 13.3277 0.141202 13.2499 0.206743 13.1843C0.272283 13.1188 0.350092 13.0668 0.435724 13.0313C0.521357 12.9959 0.613136 12.9776 0.705824 12.9776Z' fill='%23082808'%3E%3C/path%3E%3C/svg%3E");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: right center;
}

.gform_wrapper.gravity-theme
  .gform_page_footer
  .gform_previous_button.gform-theme-button {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  padding: 0 0 0 30px;
  color: #082808;
  font-size: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='28' viewBox='0 0 34 28' fill='none'%3E%3Cpath d='M32.6506 14.3892L2.41001 14.3892L14.1826 26.1618C14.315 26.2942 14.3893 26.4737 14.3893 26.6609C14.3893 26.8482 14.315 27.0277 14.1826 27.1601C14.0502 27.2925 13.8707 27.3668 13.6835 27.3668C13.4962 27.3668 13.3167 27.2925 13.1843 27.1601L0.206796 14.1826C0.0744257 14.0502 6.21523e-05 13.8706 6.12462e-05 13.6834C6.16887e-05 13.4962 0.0744253 13.3167 0.206796 13.1843L13.1843 0.20675C13.3167 0.0743711 13.4962 7.88087e-07 13.6835 7.7755e-07C13.8707 7.67014e-07 14.0502 0.074371 14.1826 0.20675C14.315 0.339129 14.3893 0.518673 14.3893 0.705886C14.3893 0.893098 14.315 1.07264 14.1826 1.20502L2.41001 12.9776L32.6506 12.9776C32.7433 12.9776 32.8351 12.9959 32.9207 13.0313C33.0064 13.0668 33.0842 13.1188 33.1497 13.1843C33.2152 13.2499 33.2672 13.3277 33.3027 13.4133C33.3382 13.4989 33.3564 13.5907 33.3564 13.6834C33.3564 13.7761 33.3382 13.8679 33.3027 13.9535C33.2672 14.0391 33.2152 14.117 33.1497 14.1825C33.0842 14.248 33.0064 14.3 32.9207 14.3355C32.8351 14.371 32.7433 14.3892 32.6506 14.3892Z' fill='%23082808'/%3E%3C/svg%3E");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.basic-form .nice-select {
  position: relative;
  border-radius: 24px;
  border: 0px solid #d1d3e6;
  background-color: #ffffff;
  padding: 0 12px;
  color: #000000;
  height: 50px;
  font-size: 18px;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  line-height: 50px;
  font-weight: 300;
  box-shadow: 23px 24px 50px -27px rgba(0, 0, 0, 0.1);
}
.basic-form .nice-select .icon-arrow-down {
  width: 18px;
  display: inline-block;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%232e5d78' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M0.256 8.606c0-0.269 0.106-0.544 0.313-0.75 0.412-0.412 1.087-0.412 1.5 0l14.119 14.119 13.913-13.912c0.413-0.412 1.087-0.412 1.5 0s0.413 1.088 0 1.5l-14.663 14.669c-0.413 0.413-1.088 0.413-1.5 0l-14.869-14.869c-0.213-0.213-0.313-0.481-0.313-0.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 20px;
  top: 16px;
}
.basic-form .nice-select.large {
  width: 100%;
}
.basic-form .nice-select .icon-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 10px;
  width: 29px;
  height: 29px;
  background-color: #2d4751;
  border: 1px solid #2d4751;
  border-radius: 1000px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.basic-form .nice-select:after {
  display: none;
}
.basic-form .nice-select .list {
  margin-top: 0;
  width: 100%;
  padding: 0;
  border-radius: 20px;
  background-color: #fff;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: none;
}
.basic-form .nice-select .option {
  color: #082808;
  padding: 10px 12px;
  border-radius: 0;
  font-weight: 300;
}
.basic-form .nice-select .option:hover,
.basic-form .nice-select .option.focus,
.basic-form .nice-select .option.selected.focus {
  background-color: #faf8f4;
}
.basic-form .nice-select:active,
.basic-form .nice-select.open,
.basic-form .nice-select:focus {
  border-color: #082808;
}

.basic-form .nice-select .icon-button > span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.basic-form .nice-select .icon-button > span.arrow-down:after {
  content: "";
  display: block;
  width: 8px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 13'%3E%3Cpath fill='%23ffffff' d='M4.3,12.2a.7.7,0,0,0,.9,0L9.4,8a.7.7,0,0,0,0-.9.6.6,0,0,0-.9,0L4.8,10.8,1.1,7.1a.6.6,0,0,0-.9,0A.6.6,0,0,0,.2,8ZM4.1,0V11.7H5.4V0Z' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
.basic-form .nice-select .icon-button > span.close-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.5' height='19.5' viewBox='0 0 19.5 19.5'%3E%3Cpath d='M18.7,18.7.8.8' fill='none' stroke='%232d4751' stroke-linecap='round' stroke-width='1.5'/%3E%3Cpath d='M.8,18.8l9-9,9-9' fill='none' stroke='%232d4751' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  opacity: 0;
  -webkit-transform: scale(0.8) rotate(5deg);
  -ms-transform: scale(0.8) rotate(5deg);
  transform: scale(0.8) rotate(5deg);
}
.basic-form .nice-select:hover .icon-button > span.arrow-down:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 13'%3E%3Cpath fill='%232d4751' d='M4.3,12.2a.7.7,0,0,0,.9,0L9.4,8a.7.7,0,0,0,0-.9.6.6,0,0,0-.9,0L4.8,10.8,1.1,7.1a.6.6,0,0,0-.9,0A.6.6,0,0,0,.2,8ZM4.1,0V11.7H5.4V0Z' /%3E%3C/svg%3E");
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}
.basic-form .nice-select.open .icon-button > span.arrow-down:after {
  opacity: 0;
}
.basic-form .nice-select.open .icon-button {
  background-color: #fff;
  border-color: #d1d3e6;
}
.basic-form .nice-select.open .icon-button > span.close-icon:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.basic-form .nice-select:hover .icon-button {
  background-color: #ffffff;
  border-color: #d1d3e6;
}
.basic-form .nice-select.open .list {
  width: calc(100% + 2px);
  left: -1px;
}
.basic-form .nice-select .list > li:first-of-type {
  display: none;
}

/* Stepper Progress Bar Styles */
.stepper-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  margin: 0 0 40px -100px;
  padding: 0 20px;
  box-sizing: border-box;
}

.stepper-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
}

/* Connecting line */
.stepper-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 35px;
  left: calc(50% + 40px);
  width: calc(100% - 80px);
  height: 1px;
  background-color: #082808;
}

/* Circle */
.step-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #faf8f4;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Step number */
.step-number {
  font-size: 28px;
  font-weight: 700;
  color: #082808;
}

/* Step name/label */
.step-name {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #082808;
  text-align: center;
  max-width: 120px;
}

/* Completed state */
.stepper-item.completed .step-circle {
  background-color: #a7c0a2;
}

.stepper-item.completed .step-checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f47009;
}

.stepper-item.completed .step-checkmark svg {
  width: 32px;
  height: 32px;
}

/* Active state */
.stepper-item.active .step-circle {
  background-color: #faf8f4;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.stepper-item.active .step-name {
  font-weight: 600;
}

/* Responsive - Tablet */
@media (max-width: 1024px) {
  .stepper-wrapper {
    max-width: 700px;
    padding: 0 15px;
  }

  .step-circle {
    width: 60px;
    height: 60px;
  }

  .step-number {
    font-size: 24px;
  }

  .stepper-item.completed .step-checkmark svg {
    width: 28px;
    height: 28px;
  }

  .stepper-item:not(:last-child)::after {
    top: 30px;
    left: calc(50% + 35px);
    width: calc(100% - 70px);
  }

  .step-name {
    font-size: 14px;
    max-width: 100px;
  }
}

/* Responsive - Mobile */
@media (max-width: 767px) {
  .stepper-wrapper {
    padding: 0 10px;
    margin-bottom: 30px;
  }

  .step-circle {
    width: 45px;
    height: 45px;
  }

  .step-number {
    font-size: 18px;
  }

  .stepper-item.completed .step-checkmark svg {
    width: 22px;
    height: 22px;
  }

  .stepper-item:not(:last-child)::after {
    top: 22px;
    left: calc(50% + 26px);
    width: calc(100% - 52px);
  }

  .step-name {
    font-size: 11px;
    margin-top: 8px;
    max-width: 70px;
    line-height: 1.3;
  }
}

/* Responsive - Small Mobile */
@media (max-width: 480px) {
  .step-circle {
    width: 38px;
    height: 38px;
  }

  .step-number {
    font-size: 16px;
  }

  .stepper-item.completed .step-checkmark svg {
    width: 18px;
    height: 18px;
  }

  .stepper-item:not(:last-child)::after {
    top: 19px;
    left: calc(50% + 22px);
    width: calc(100% - 44px);
  }

  .step-name {
    font-size: 10px;
    max-width: 60px;
  }
}
