.area-wrap {
  display: flex;
  padding: 20px 0 0 0;
  flex-wrap: wrap;

  & .area-block {
    width: 100%;

    & .heading-22 {
      margin-bottom: 30px;
    }
  }
}


.area-wrap .area-block:not(:last-child) {
  border-bottom: 1px solid #d7d4e0;
  padding-bottom: 40px;
  margin-bottom: 40px;
}



ul.area-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;

  & li {
    line-height: 1;
    font-size: 18px;
    font-weight: normal;
    color: var(--theme);
    padding-left: 25px;
    position: relative;
			 margin-bottom: 15px;
  }
  & li:before {
    position: absolute;
    content: "";
    background: url("../images/svg/map-marker.svg") no-repeat 0 0;
    width: 13px;
    height: 16px;
    left: 0;
    top: 0;
  }
  & li:last-child {
    	margin-bottom:0px;
  }
	 & li:hover,& li.active
			{
				color:var(--aquablue);
	}
}

.area-block {
  & ul.area-ul {
    column-count: 5;
    column-gap: 30px;
  }
}

.map-wrap iframe {
  height: 600px;
  border-radius: 30px;
  border: 1px solid var(--theme);
}
.team-support:after {
  position: absolute;
  content: "";
  background-color: var(--lightgray);
  height:calc(36% + 50px);
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -2;
}

/* -- area banner  ---*/
.suburb-search-form input[type="search"] {
  border: 2px solid var(--white);
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
  height: 56px;
  width: calc(100% - 116px);
  padding: 20px;
  border-radius: 14px;
  background-color: transparent;
	 
}
.suburb-search-form input[type="search"]::placeholder {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
}
.suburb-search-form {
  display: flex;
  flex-wrap: wrap;
  max-width: 500px;
  justify-content: space-between;
  margin-bottom: 40px;
	column-gap:20px;
  margin-top: 35px;

  & .button {
    text-transform: uppercase;
  }
}

.area-page .inner-banner [class*="heading-"] {
  margin-top: auto;
  margin-bottom: 20px;
}
.suburb-page .block-form {
  background: var(--lightgray);
  border-radius: 30px;
  padding: 50px;
}
.area-page .bottom-curve{margin-bottom:-260px;}
.suburb-search-form input[type="search"]:focus{border-color: var(--aquablue);}
.suburbpage .sec-area .area-wrap{margin-bottom:40px;}
.suburb-search-form .ui-autocomplete{
	z-index:11;
  height: 350px;
  overflow-y: scroll;

  & li{
    font-size: 16px;
  }
}
.suburb-search-form .ui-autocomplete li{
	margin-bottom:0;
}
.suburb-search-form .ui-autocomplete li .ui-menu-item-wrapper {padding: 6px 10px;}

.area-page .team-support.pb-100{
  padding-bottom: 0;
}
.suburb-page .sec-area .area-wrap .area-ul{
    column-count: 3;
    column-rule: 1px solid #d7d4e0;
    column-gap: 150px;
}
.suburb-page .sec-area .area-block.area-blockbig{
  border-top:1px solid #d7d4e0;
  padding-top: 40px;
}
.suburb-page .inner-banner .inner-banner-mid h1.heading-60{
  font-size: 44px;
  max-width: 550px;
}

.suburbpage .bottom-curve {
    bottom: -250px;
}
body.fancybox-active{
    position: fixed;
    top: 0;
    width: 100%;
}

#search-dlt-icon::-webkit-search-cancel-button {
    filter: brightness(0) invert(1);
}

/* =========== Media Quer ================ */

@media screen and (max-width:1599.98px){
	.area-wrap{
		flex-wrap:wrap;
	}
	.area-block {
		& ul.area-ul {
				column-gap:15px;
		}
	}
  .suburb-search-form{
    column-gap: 10px;

    & .button{
      padding: 17px 20px;
    }
  }
}

@media screen and (max-width:1439.98px){

	.suburb-search-form input[type="search"]{width: calc(100% - 88px);}
  .suburb-page .sec-area .area-block.area-blockbig{width: 100%;}
}

@media screen and (max-width:1199.98px) {
  .suburb-page .block-form {padding: 40px;}
  .suburb-page .inner-banner .inner-banner-mid h1.heading-60{font-size: 24px;max-width: 100%;}

  .area-block {
      & ul.area-ul {
          column-count: 4;
      }
  }
}

@media screen and (max-width:991.98px) {
  .suburb-page .block-form {
    padding: 30px;
  }
		ul.area-ul{
		    column-count: 4;
    		column-gap: 10px;
			}
	.area-wrap .area-block:not(:last-child) {
    padding-bottom:30px;
		margin-bottom: 30px;
	 }
	 .area-wrap {
			 padding:0;
			 & .area-block {
					padding:0;
					width:100%;
					margin-bottom:30px;
					& .heading-22{
						margin-bottom:18px;
					}
			}
				& .area-block:last-child{
					margin-bottom:0;
				}
		}
	 ul.area-ul {
				& li {
						margin-bottom: 12px;
            padding-left: 18px;
				}
	 }

  .suburb-page .sec-area .area-wrap .area-ul{
        column-gap: 100px;
  }

  .area-block {
      & ul.area-ul {
          column-count: 3;
          column-gap: 10px;
      }
  }

}

@media screen and (max-width:767.98px){
	.map-wrap iframe{height:480px;}
	.area-block {
       & ul.area-ul {
           column-count: 2;
           column-gap: 10px;
       }
   }
  
  .suburb-page .sec-area .area-wrap .area-ul{column-count: 2;}
}

@media screen and (max-width:575.98px) {
  .suburb-page .block-form {padding: 20px;border-radius:20px;}
	.map-wrap iframe{height:360px;border-radius:20px;}
  .suburb-search-form{margin-top: 0;}
	.suburb-search-form input[type="search"] {width: calc(100% - 80px);}
	.suburb-search-form{column-gap:10px;margin-bottom: 0;}
  .suburb-page .sec-area .area-block.area-blockbig ul.area-ul{column-count: 1;}
  .suburb-page .sec-area .area-wrap .area-block.area-blockbig ul.area-ul {column-gap: 40px;column-count: 2;}


  ul.area-ul {
    & li:before{
        background-size: 10px;
        width: 11px;
        height: 14px;
    }
      & li {
          font-size: 16px;
          padding-left: 15px;
      }
  }
}