button#myBtn {
  position: fixed;
  right: -53px;
  top: 46vh;
  z-index: 99;
  transform: rotate(-90deg);
  background: #F3E255;
  border: 0;
  border-radius: 18px 18px 0px 0px;
  padding: 8px 26px;
  font-size: 16px;
  color: #191E25;
  font-weight: 400;
  cursor: pointer;
}


/**** Get a Quote form css ****/
.hub-form .project-details-heading h2, .hub-form .project-details-heading h4 {
  margin: 0;
}
.hub-form .form-division p {
  color: #191e25;
  font-size: 16px;
  line-height: 22px !important;
}
.hub-form.modal p {
  margin: 0;
}
.budget-wrap .header {
  position: static;
}
.hub-form.modal{
  z-index:999;
}

.hub-form .project-details-heading-block {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  width: 100%;
}

.hub-form .project-details-heading {
  width: calc(100% - 46px);
}

.hub-form .form-division{
  width: 46px;
}

.hub-form .modal-content {
  padding: 20px 100px;
  width: 100%;
  max-width: 1160px;
  background-color:#EDEDED ;
  position: relative;
  z-index: 9;
}

.hub-form .modal-content:before {
  content: "";
  width: 100%;
  position: absolute;
  background-color: #fff;
  height: 86px;
  left: 0;
  top: 0;
  z-index: -1;
}

.hub-form .hs-form-field {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
  margin-top: 30px;
  align-items: center;
  padding: 9px 0;
  position: relative;
}
.hub-form .hs-form-field ul.no-list.hs-error-msgs.inputs-list {
  height: 1px;
  overflow: hidden;
  background: red;
  margin-top: 0px;
  width: 100%;
  position: absolute;
  bottom: -1px;
}

.hub-form .hs-form-field.hs_budget__ {
  border-bottom:0;
}

.hub-form .hs-form-field label{
  width: 250px;
  font-size: 18px;
}
:focus {
  outline: none;
}
.hub-form .hs-form-field .input{
  width: calc(100% - 250px);
}

.hub-form .hs-form-field .hs-input {
  border: 0;
  background: transparent;
  cursor:pointer;
  font-size:18px;
  color:rgba(0,0,0,.5);
  padding:0 15px;
  width: 100%;
  font-family: 'Optima';
}

.hub-form .budget-wrap {
  margin-bottom: 30px;
  margin-top: 5px;
}

.hub-form .hs-form-field select.hs-input {
  background: url(http://pinpoint.thirdfloordesign.net/wp-content/uploads/2021/02/arrow-down.png) no-repeat right 15px center;
}
.hub-form .budget-wrap .content {
  margin-top: 4px;
}
.hub-form .hs-form-field input{
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
}

.hub-form .hs-form-field select.hs-input + span{
  font-size:14px;
  color:red;
}

/* Chrome, Safari, Edge, Opera */
.hub-form input[type=number]::-webkit-outer-spin-button,
.hub-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.hub-form .hs-form-field input[type=number] {
  -moz-appearance: textfield;
}
.hub-form .hs-form-field select {
  -webkit-appearance: none;
  appearance: none;
}
/*
.hub-form input[type=range] {
-webkit-appearance: none;
height: 2px;
min-height: auto !important;
padding: 0 !important;
width: 100%;
margin: 10px 0 30px;
background-color: transparent !important;
border: 0;

}

.hub-form input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
box-sizing: content-box;
border: 2px solid #3A6353;
height: 26px;
width: 26px;
border-radius: 18px;
background-color: #fff;
cursor: ew-resize;
margin-top: -13px;
}

.hub-form input[type=range]::-moz-range-thumb {
border: 2px solid #3A6353;
height: 26px;
width: 26px;
border-radius: 18px;
background-color: #fff;
cursor: ew-resize;
margin-top: -13px;
}

.hub-form input[type=range]::-ms-thumb {
display: inline-block;
border: 2px solid #3A6353;
height: 26px;
width: 26px;
border-radius: 18px;
background-color: #fff;
cursor: ew-resize;
margin-top: 5px; /* note: different margin-top for IE 
} 

.hub-form input[type=range]::-webkit-slider-runnable-track {
height: 2px;
border-color: transparent;
color: transparent;
background-color: #ddd;	
}

.hub-form input[type=range]::-moz-range-track {
height: 2px;
background-color: #ddd;	
}

.hub-form input[type=range]::-ms-track {
border-color: transparent;
color: transparent;
height: 2px;
background-color: #ddd;	
}

.hub-form input[type=range]::-ms-fill-lower {
background-color: #286452;	
}

.hub-form input[type=range]::-moz-range-progress {
background-color: #286452;	
}

.hub-form input[type=range]::-ms-tooltip {
display: none;
}
*/
.hub-form  .hs-richtext{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hub-form .next-button, .hub-form .prev-button{
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  background-color: #286452;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #286452;
  color: #fff;
  border-radius: 50px;
  padding: 5px 30px;
  min-width: 140px;
  cursor: pointer;
  text-align: center;
}

.hub-form .hs_about_your_project{
  margin-bottom:30px;
}

.hub-form .close {
  color: #aaa;
  float: right;
  font-size: 42px;
  font-weight: 100;
  margin-right: -60px;
  margin-top: -20px;
  font-weight: 300;
  cursor: pointer;
  line-height: 71.4px;
}
/* modal style starts */
.hub-form h3.form-title {
  margin: 0;
}
.hub-form .hs-form-field label {
  font-weight: bold;
  position: relative;
  top: -4px;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* modal style ends */


/* budget style starts here */

*,:after,:before{box-sizing:border-box}
.pull-left{float:left}
.pull-right{float:right}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}

div#slider-range {
	background: #212131;
	height: 5px;
	border-radius: 5px;
}
div#slider-range {
	background: #212131;
	height: 5px;
	border-radius: 5px;
	position: relative;
}
div#slider-range span.ui-slider-handle {
	width: 28px;
	height: 28px;
	cursor: pointer;
	margin-top: -14px;
	position: absolute;
	border-radius: 50%;
	display: inline-block;
	background: #ededed;
	border: 2px solid #286452;
}
div#slider-range .ui-slider-range.ui-corner-all.ui-widget-header {
	position: absolute;
	height: 100%;
	background: #286452;
}
div#slider-range {
	background: #212131;
	height: 5px;
	border-radius: 5px;
	position: relative;
	margin: 50px 0;
}
div#slider-range span.ui-slider-handle span {
	position: absolute;
	top: -33px;
	font-size: 18px;
	color: #292942;
	left: -29px;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	background: #ededed;
	min-width: 70px;
}
div#slider-range:before {
	position: absolute;
	font-size: 18px;
	color: #292942;
	left: -10px;
	margin: auto;
	display: flex;
	justify-content: center;
	content: '£1000';
	bottom: -35px;
}
div#slider-range:after {
	position: absolute;
	font-size: 18px;
	color: #292942;
	right: -10px;
	margin: auto;
	display: flex;
	justify-content: center;
	content: '£20000';
	bottom: -35px;
}
.hub-form .hs-form-field.hs_what_is_your_budget .input {
	display: none;
}
.hub-form .hs-form-field.hs_what_is_your_budget {
	border-bottom: 0;
}
.hub-form .hs-form-field.hs_what_is_your_budget > label {
	margin-bottom: 0;
}
.submitted-message {
  margin: 50px 0;
  font-size: 20px;
  line-height: 28px !important;
  font-family: 'Optima';
  font-weight: 400;
}
.submitted-message p{
  font-size: 20px;
  line-height: 28px !important;
}
.submitted-message strong {
  font-size: 33px;
  line-height: 35px !important;
  font-family: 'Founders Grotesk';
  font-weight: 500;
  display: block;
}
.modal.hub-form form ul.inputs-list.multi-container {
    padding: 0 !important;
    list-style: none;
}
.modal.hub-form input[type=checkbox] {
    border: 2px solid #000;
    background: transparent;
    text-align: center;
    height: 23px !important;
    width: 25px !important;
    padding: 0 !important;
  position: relative;
}
.modal.hub-form input[type=checkbox]:after {
    content: "";
    opacity: 0;
    display: block;
    left: 5px;
    top: 2px;
    position: absolute;
    width: 7px;
    height: 13px;
    border: 3px solid #000;
    border-top: 0;
    border-left: 0;
    transform: rotate(30deg);
}
.modal.hub-form input[type=checkbox]:checked:after {
    opacity: 1;
}
.modal.hub-form li.hs-form-checkbox label span {
    color: #292942;
    font-weight: normal;
    padding-left: 10px;
    vertical-align: top;
}
.modal.hub-form form ul.inputs-list.multi-container {
    padding: 0 !important;
    list-style: none;
    position: absolute;
    background: #EDEDED;
    width: 100%;
    border: 1px solid #000;
    padding: 20px 18px !important;
	    z-index: 9;
      box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}
.modal.hub-form .hs_service_type .input {
    position: relative;
}
.modal.hub-form .slidecheckbox {
    background: url(https://wordpress-550152-1766340.cloudwaysapps.com/wp-content/uploads/2021/02/arrow-down.png) no-repeat right 15px center;
    cursor: pointer;
    font-size: 18px;
    color: rgba(0,0,0,.5);
    padding: 0 15px;
}
.modal.hub-form .slidecheckbox.closemulti {
    background: none !important;
    position: relative;
}
.modal.hub-form .slidecheckbox.closemulti:before {
    content: "×";
    position: absolute;
    top: -6px;
    right: 0;
    color: #191e25;
    font-weight: normal;
    cursor: pointer;
    font-size: 30px;
}
@media screen and (min-width: 1025px){
  button#myBtn {
    transform: rotate(0deg) !important;
    padding: 0;
    right: -9px;
    border-radius: 0;
    background-color: transparent;
  }
}
@media screen and (max-width: 1024px){
  button#myBtn::before {
    content: 'Get a Quote';
  }
  button#myBtn {
    transform: rotate(0deg);
    right: 0;
    width: 100%;
    top: auto;
    bottom: 0;
    font-size: 18px;
    padding: 10px 26px;
    font-family: 'Optima';
  }
  button#myBtn img {
    display: none;
  }
}
/* budget style ends here */
@media(max-width:767px){
  .hub-form .hs-form-field label,.hub-form .hs-form-field .hs-input{
    font-size:16px;
  }
}

@media(max-width:640px){
  .hub-form .hs-form-field label {
    width: 200px;
  }
  .hub-form .hs-form-field .input {
    width: calc(100% - 200px);
  }
  .hub-form .modal-content{
    padding:20px;
  }
}

@media(max-width:480px){
  .hub-form .hs-form-field label,.hub-form .hs-form-field .hs-input{
    font-size:13px;
  }
  .hub-form .hs-form-field .input,.hub-form .hs-form-field label {
    width: 100%;
  }
  .hub-form .hs-form-field input,.hub-form .hs-form-field select{
    padding-left:0;
  }
}


/*replacing code*/
.services-section-posts h6.eael-entry-title a{
  letter-spacing: normal;
}
.service-detail-icon-section .icon-text-gap img.attachment-full.size-full {
  width: unset !important;
}
.rangeslider__handle {
  background: #ededed;
  border: 2px solid #286452;
}
.rangeslider:before {
  content: '';
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin-top: -14px;
  position: absolute;
  background: #ededed;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #286452;
  z-index: 9;
  top: 14px;
  left: 0;
}
.hub-form .hs_budget__.hs-form-field .hs-input {
  display: none;
}
span.pull-left {
  position: relative;
  top: 2px;
  left: 2px;
}
.bottom-submission-block {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 160px;
}
.hub-form .hs_submit.hs-submit {
  text-align: center;
  margin-top: 0;
  position: absolute;
  bottom: 20px;
  right: 100px;
}
.next-fields.prev-button {
  color: #191E25;
  background-color: transparent;
  transition: all .3s ease-in-out;
}
.next-fields.prev-button:hover {
  color: #fff;
  background-color: #286452;
}
form .actions input.hs-button.primary.large {
  line-height: 20px;
  padding: 6.5px 10px;;
  height: auto;
}
.hub-form .hs-form-field label {
  font-weight: bold;
}
.hub-form .close {
  color: #191E25;
}
.hs_error_rollup {
  display: none;
}
.hub-form form .actions input.hs-button.primary.large {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 5px 8px;
  background-color: #286452;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #286452;
  border-radius: 40px 40px 40px 40px;
  opacity: 1;
  height: auto;
  width: 140px;
  color: #fff;
  font-family: 'Optima';
  cursor:pointer;
}
@media screen and (max-width: 767px){
  .hub-form .modal-content {
    padding: 20px 30px;
  }
  .bottom-submission-block {
    align-items: flex-start;
    padding: 0;
    flex-direction: column;
  }
  .hub-form .hs_submit.hs-submit {
    right: 30px;
  }
  .next-fields.prev-button {
    margin-top: 20px;
  }
  .hub-form .close {
    margin-right: 0;
  }
  .budget-wrap + div p {
    width: 100%;
    margin-bottom: 20px !important;
    text-align: left;
  }
  .budget-wrap + div .next-fields.next-button {
    margin-right: 0;
    margin-left: auto;
  }
  .hub-form .form-division {
    position: absolute;
    top: 25px;
    left: 20px;
  }
  .hub-form .project-details-heading-block {
    width: 100%;
  }  
	div#slider-range span.ui-slider-handle span {
		left: auto;
	}
	div#slider-range span.ui-slider-handle:not(:last-child) span {
		left: 0;
		right: auto;
	}
	div#slider-range:before {
		left: 0;
	}
	div#slider-range:after {
		right: 0;
	}
}

@media screen and (max-width: 480px){
  .hub-form .next-button, .hub-form .prev-button {
    min-width: 120px;
  }
  form .actions input.hs-button.primary.large {
    width: 120px !important;
  }
}