.sec-areamap
{
	background:transparent linear-gradient(180deg, #F1F8EF 0%, rgb(241 248 239 / 70%) 100%) 0% 0%;
}
.areamap-wrap
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;

	& .areamap{
			width:650px;
	}
	& .areamap iframe{
		height:460px;
	} 
	& .areamap-content{
			width:calc(100% - 650px);
		 padding-left:180px;
	}
	& ul.area-ul {
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
		margin:25px 0 0 0;
	}
	& ul.area-ul li{
		width:50%;
		margin-bottom:12px;
		padding-left:20px;
		position:relative;
		color: var(--secondary);
    font-size: 18px;
    line-height: 1;
	}
	& ul.area-ul li:before{
		position:absolute;
		content:"";
		background-image:url('../images/map-marker-icon.svg');
		width:10px;
		height:13px;
		left:0;
		margin-top:2px;
	}

}

.area-ul > li > a:hover ,
.area-ul > li.active { 
	color: var(--theme) !important;
}
.search-suburb.search-box
{
	  width:560px;
   position: relative;
}
.search-suburb.search-box input[type="search"] {
    height: 50px;
    border-radius:0px;
    width: 100%;
    outline: 0;
    border: 0;
    padding: 10px 110px 10px 15px;
    color: var(--secondary);
    font-size: 18px;
    font-weight: normal;
    font-family: var(--font-body-family);
}
.search-suburb.search-box .button-theme {
    min-width:50px;
    position: absolute;
    top: 0;
    right: 0;
    padding:10px;
    border: 0;
    height: 100%;
    margin-right: -1px;
}


/**/
#suburb-missing-popup {
    width: 1130px;
	   background-color:#F3F9F7;
	    padding: 50px 60px;
}
.popup-body {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.popup-body .pop-up-left {
    width: 50%;
    
    padding-right: 60px;
}
.popup-body .pop-up-right {
    width: 50%;
    padding-left: 60px;
	border-left: 1px solid #85C676;
}
.popup-body .pop-up-left .title {
    margin-bottom: 40px;
}
.popup-body .contact-wrap img {
    margin-right: 5px;
    width: 14px;
    height: 14px;
}
.popup-body .contact-wrap{
	    margin-bottom: 15px;
}
.popup-body .ft-text {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    line-height: 1.12;
    position: relative;
    padding-left: 25px;
}
.popup-body .contact-wrap img {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
	    margin-top: 2px;
}
.submit_btn{
	position:relative;
}
.popup-body .contact-wrap a:hover{
	color:var(--theme);
}
.popup-body .form-group.width50
{
	    padding-left:5px;
    padding-right: 5px;
}
.popup-body .row {
    margin-left: -5px;
    margin-right: -5px;
}
.popup-body .form-group{
	margin-bottom:10px;
}
.popup-body .form-control{
	height:44px;
}
.popup-body .fbottom .f-text {
    margin: 20px 0;
}
.popup-body .fbottom .f-text p{
	font-size:16px;
	line-height:1.1;
}
.popup-body [class*="heading-"] {
    margin-bottom: 30px;
}

.back-pain-page .sec-relief {
    background: transparent linear-gradient(180deg, #F1F8EF 0%, #F1F8EF1A 100%) 0% 0%;
    padding: 100px 0;
}

.back-pain-page .relief-wrap .relief-content{
    background-color:#FFFFFF;
}
@media (max-width: 1599.98px) {
	.areamap-wrap {
		& .areamap-content {
			width: calc(50% - 20px);
			padding-left: 0px;
		}
		& .areamap {
			width: calc(50% - 20px);
		}
	}
}

@media (max-width: 1439.98px) {
	.back-pain-page .sec-relief{
		padding:80px 0;
	}
}


@media (max-width: 1199.98px) {
	#suburb-missing-popup{
		    padding: 40px 30px;
	}
	.popup-body .pop-up-left{
		padding-right:30px;
	}
	.popup-body .pop-up-right{
		padding-left:30px;
	}
}

@media (max-width: 991.98px) {

	.areamap-wrap {
		flex-wrap: wrap;
		gap: 30px;
		& .areamap-content {
			width: calc(100%);
			padding-left: 0px;
		}
		& .areamap {
			width: calc(100%);
		}
	}
	.areamap-wrap {
		& ul.area-ul li {
			width: 33.33%; 
		}
	}
.popup-body [class*="heading-"] {
    margin-bottom: 20px;
}
	
	.back-pain-page .sec-relief{
		padding:60px 0;
	}
	
}

@media (max-width: 767.98px) {
	.search-suburb.search-box {
		width: 400px;
		position: relative;
		max-width: 100%;
	}
	.popup-body .pop-up-left {
        padding-right: 0;
		width:100%;
		order:2;
    }
	    .popup-body .pop-up-right {
        width: 100%;
        border-left: 0;
        padding-left: 0;
						order:1;
						margin-bottom:20px;
    }
}

@media (max-width: 575.98px) {

	.areamap-wrap {
		& ul.area-ul li {
			width: 50%; 
		}
	}

	.search-suburb.search-box {
		width: 90vw; 
	}
	.back-pain-page .sec-relief{
		padding:40px 0;
	}
}