.home_rent_section { color:#fff; padding:70px 0; }
.home_rent_section.light-bg {color: #000;}
.home_rent_section .title h2 { color:#fff; text-transform: inherit; text-align:center; margin-bottom:40px; }
.home_rent_section .title h2 .filter-dropdownwrap { display:inline-block; position:relative; padding: 7px 30px 7px 10px; background: #fff; color: #346c35; z-index:999; }

.home_rent_section .title .filter-dropdownwrap span.filter_title { position: relative; cursor:pointer; padding-right:7px; }
.home_rent_section .title .filter-dropdownwrap span.filter_title:after { position: absolute; content: ""; border-top: 3px solid #346c35; border-left: 3px solid #346c35; width: 12px; height: 12px; transform: rotate(225deg); top: 10px; right: -14px; transition:all 0.3s ease; }
.home_rent_section .title .filter-dropdownwrap.open span.filter_title:after { transform: rotate(45deg); top: 15px; }
.home_rent_section .title .filter-dropdownwrap .options_box { position: absolute; background: #fff; left: 0; right: 0; top: 100%; padding: 0 10px; }
.home_rent_section .title .filter-dropdownwrap .options_box ul { list-style: none; padding: 0; margin: 0; }
.home_rent_section .title .filter-dropdownwrap .options_box ul li a { display: inline-block; vertical-align: top; width: 100%; padding: 10px 0; text-align: left; color: #346c35; }
.home_rent_section .title .filter-dropdownwrap .options_box ul li:last-child a { border-top: 1px solid #346c35; }
.home_rent_section .title .filter-dropdownwrap .options_box ul li { font-size: 30px; line-height: 34px; font-family: 'Concept'; }

.home_rent_section .icon-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.home_rent_section .icon-content .box { display: flex; align-items: flex-start; }
.home_rent_section .icon-content .box .icon { width: 35px; margin-top: 4px; }
.home_rent_section .icon-content .box .content { width: calc(100% - 35px); padding-left: 20px; font-size: 18px; line-height: 1.2; }
.home_rent_section .icon-content .box .icon img { width: 100%; }

.number_slider { margin: 50px 0; display: flex; justify-content: space-between; gap: 15px; }
.number_slider .number_box { opacity: 0.2; }
.number_slider .number_box:not(:last-child) { width: 100%; }
.number_slider .number_box .number_inner { display: flex; font-family: 'Concept'; margin-bottom:2px; align-items: flex-end; }
.number_slider .number_box .num_left { text-align: center; width: 55px; }
.number_slider .number_box .num_right { width: calc(100% - 55px); padding-left: 10px; }
.number_slider .number_box .num_per { font-size: 22px; }
.number_slider .number_box .number { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-top: 10px; border: 2px solid #D5D5D5; border-radius: 100px; transition: all 0.3s ease; }
.number_slider .number_box .border { position: relative; }
.number_slider .number_box .border span { position: absolute; left: 0; right: 0; bottom: 23px; line-height: 0; display: inline-block; vertical-align: top; width: 100%; }
.number_slider .number_box .border .second { border: 1px solid #D5D5D5; }

.number_slider .number_box.is-complete, .number_slider .number_box.is-active { opacity: 1; }
.number_slider .number_box.is-complete .number { 
  border: none;
  background: url('https://8073039.fs1.hubspotusercontent-na1.net/hubfs/8073039/Website%20Assets/green-checkmark.svg') center center; 
  background-size: cover;
  color: #fff;
}
.number_slider .number_box.is-complete .number span {display: none;}
.number_slider .number_box.is-active .number { background-color: #fff; color: #000; }
.number_slider .number_box.is-complete .border .first, .number_slider .number_box.is-active .border .first { border: 3px solid #346C35; width: 50%; bottom: 21px; }
{#
.number_slider .number_box.is-active .border .second { opacity:0.2; }
#}
.number_slider .number_box.is-complete .border .first { width:100%; }


.property_box { text-align: center; display: none;}

#fra-form-steps[step="1"] .property_box[step="1"] {display: block;}

.property_box .pro_title h4 { margin-bottom:40px; }
.property_box .pro_list { display:grid; grid-template-columns:repeat(3,1fr); gap:25px }
.property_box .pro_list.col1 {grid-template-columns:repeat(1,1fr);}
.property_box .pro_list.col2 {grid-template-columns:repeat(2,1fr);}
.property_box .pro_list.col4 {grid-template-columns:repeat(4,1fr);}
.property_box .pro_box { background:#fff; border-radius:5px; padding:25px; box-shadow: 0 0px 20px rgb(0 0 0 / 20%); transition:all 0.3s ease; cursor: pointer;}
.property_box .pro_box:hover { transform:translateY(-10px); background: #346C35; color: #fff;}
.property_box .pro_box.selected {background: #346C35; color: #fff;}
.property_box .pro_box:hover h4,
.property_box .pro_box:hover h5,
.property_box .pro_box:hover p,
.property_box .pro_box.selected h4,
.property_box .pro_box.selected h5,
.property_box .pro_box.selected p {color: #fff;}

.property_box .pro_box .content p { margin:5px 0 0; }

.wrapper-btn { padding-top: 30px; text-align: center; display: flex; align-items: center; justify-content: center;}
.wrapper-btn a {margin: 10px;}

.prev-btn a {  border-radius: 8px; border: 2px solid #000000; background: #fff; color: #000; font-family: 'Concept';  min-width: 190px; display: inline-block; vertical-align: top; padding: 15px 30px; font-size: 20px; }
.prev-btn a:hover { background: #fff; color: #000; }

.next-btn a {  border-radius: 8px; border: 2px solid #346C35; background: #346C35; color: #fff; font-family: 'Concept';  min-width: 190px; display: inline-block; vertical-align: top; padding: 15px 30px; font-size: 20px; }
.next-btn a:hover { background: #346C35; color: #fff; }

.next-btn.disabled a {opacity: 50%; cursor: default;}

.error-additional {display: none; margin-top: 30px;}

.pro_box h4 { font-size: 24px; line-height: 28px; margin: 0; }
.pro_box h5 { font-size: 16px; margin: 0; }
.pro_box .content {padding: 15px 0 0;}
.pro_box .content p { font-size: 16px; line-height: 20px; }






@media (max-width:991px) {
  .home_rent_section .icon-content .box .content { font-size: 20px; width: calc(100% - 25px); padding-left: 15px; }
  .home_rent_section .icon-content .box .icon { width: 25px; }
  .property_box .pro_box { padding: 20px; }

}

@media (max-width:767px) {
  .home_rent_section { padding: 40px 0; }
  .home_rent_section .icon-content { grid-template-columns: 1fr; gap: 15px; }
  .home_rent_section .icon-content .box { justify-content: center; }
  .home_rent_section .icon-content .box .icon { width: auto; margin-top: -3px; }
  .home_rent_section .icon-content .box .content { font-size: 16px; width: auto; }

  .number_slider { padding: 0 60px; }
  .number_slider .number_box .num_left { position: relative; z-index: 99; }
  .number_slider .number_box .num_right { display: none; }
  .number_slider .number_box .number_inner { justify-content: center; position: relative; }
  .number_slider .number_box .number_inner:after, .number_slider .number_box .number_inner:before {  position: absolute;  content: "";  width: 42%;  height: 2px;  background: #fff;  bottom: 19px;  left: 0; }
  .number_slider .number_box .number { width: 40px; height: 40px; margin: 5px auto 0; }
  .number_slider .number_box .number_inner:before { left: auto; right: 0; }

  .number_slider .slick-arrow { font-size: 0; border: 2px solid #fff; background: transparent; width: 40px; height: 40px; border-radius: 40px; position: absolute; bottom: 2px; left: 0; }
  .number_slider .slick-arrow:after { position: absolute; content: ""; border-left: 2px solid #fff; border-top: 2px solid #fff; width: 10px; height: 10px; transform: rotate(-45deg); top: 13px; left: 15px; }
  .number_slider .slick-arrow.slick-next:after { transform: rotate(135deg); left: 11px; }
  .number_slider .slick-arrow.slick-next { left: auto; right: 0; }
  .number_slider .slick-arrow.slick-disabled { opacity: 0.2; pointer-events: none; }


  .property_box .pro_list { grid-template-columns: 1fr; gap: 15px; }
}

@media (max-width:575px) {
  .number_slider .number_box .number_inner:after, .number_slider .number_box .number_inner:before { width:30%; }
}

.fra_form_wrapper form {max-width: 100%;}
.fra_form_wrapper .hs-fieldtype-radio,
.fra_form_wrapper .hs-fieldtype-textarea,
.fra_form_wrapper .hs-submit {display: none;}
#fra-form-steps[step="1"] .prev-btn {display: none;}