#navbarWrapper {
	display: none!important;
}

#topFilterContainer {
	margin-top: 64px;
}

#resultsFilter {
	padding-top: 16px;
	padding-bottom: 16px;
}

body {
    
    background-color: rgb(247 248 248 / 1)!important;
}

.modalSelectBtn {
	cursor: pointer;
}

.call-us-boiler {
    background-color: #015f83;
    color: #fff;
    padding: 48px!important;
}

.call-us-boiler-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.call-us-need-help-wrapper {

}

.steps-call-us svg path {
	fill: black!important;
}

.need-help-line {
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
}

.call-us-boiler-ctas a {
    border-radius: 100px;
    background-color: #fff;
    color: black!important;
  	border: 1px solid transparent;
    padding: 8px 16px;
    display: flex;
    text-decoration: none;
    max-width: 250px;
    text-align: center;
    justify-content: center;
  	transition: 0.3s ease-in-out;
}

.call-us-boiler-ctas a:hover {
	background-color: #015f83;
  	border: 1px solid #fff;
  	color: #fff!important;
}

@media (max-width: 992px) {
    .call-us-boiler-ctas {
        margin-top: 48px;
    }
}

.call-us-need-help-wrapper h3 {
    margin-top: 32px;
    font-size: 36px;
  	color: #fff!important;
}

.restart-container {
    padding: 24px 0;
}

.results-container {
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid black;
}

.results-container h1 {
    font-size: 32px;
}

.filter-brands {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 12px;
    margin-bottom: 12px;
    
}

@media (max-width: 1023px) {
    .filter-brands {
        overflow-x: scroll;
    }
}

.restartQuoteBtn {
	background-color: rgb(229 231 235 / 1);
    border-radius: 50px;
    border: none;
    padding: 6px 18px;
	transition: 0.3s ease-in-out;
	display: flex;
	align-items: center;
}

.restartQuoteBtn:hover {
	background-color: rgb(197 197 197);
}

.restartQuoteBtn span {
	padding: 8px 4px 8px 8px;
}

.hide-pagination {
  display: none !important;
}


.filterBtn {
    background-color: rgb(229 231 235 / 1);
    border-radius: 50px;
    border: none;
    padding: 6px 12px;
	transition: 0.3s ease-in-out;
}

.filterBtn:hover {
	background-color: rgb(197 197 197);
}

.sorted-by-filter {
    background-color: rgb(229 231 235 / 1);
    border-radius: 50px;
    padding: 6px 18px 6px 18px;
    position: relative;
	transition: 0.3s ease-in-out;
}

.sorted-by-filter:hover {
	background-color: rgb(197 197 197);
}

.sorted-by-filter button {
    border: none;
    background-color: transparent;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    padding: 8px 4px 8px 8px;
}

.select-caret {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}


/* results render  */

.boiler-item {
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    border: 6px solid transparent;
}

.boiler-item.featured {
    border: 6px solid #015f83;
}

.feature-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.pill {
    border-radius: 50px;
    padding: 6px 10px;
    background-color: #DEF0F5A8;
    font-size: 14px;
}

.boiler-info {
    display: flex;
    gap: 16px;
    width: 100%;
}

.boiler-image {
	height: 100%!important;
	text-align: center;
}

.boiler-image img {
	height: 100%!important;
	width: auto!important;
	object-fit: cover;
	object-position: center center;
}

@media (max-width: 767px) {
    .boiler-info {
        flex-direction: column;
    }
    .boiler-image-wrapper, .boiler-features-wrapper {
        width: 100%!important;
    }
    .features-list, .warranty-feature {
        padding-left: 16px!important;
    }
    .boiler-image img {
        max-width: 300px!important;
    }
    .boiler-image {
        text-align: center;
    }
}

@media (max-width: 576px) {
	.boiler-image img {
		max-width: 100%!important;
	}
}

.boiler-image-wrapper {
    position: relative;
    width: 50%;
    background-color: #f1efef;
    border-radius: 16px;
}

.boiler-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 300px;
}

.boiler-logo img {
    position: absolute;
    left: 24px;
    bottom: 12px;
    max-width: 80px!important;
    width: 100%;
    height: auto;
}

.boiler-features-wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.kw-info {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
   
}

.kw-info span {
    border-radius: 12px;
    background-color: #015f83;
  	color: #fff;
    padding: 4px 10px;
    font-size: 14px;
    margin-right: 8px;
}

.kw-info i {
    font-size: 16px;
    cursor: pointer;
}

.warranty-feature {
    display: flex;
    margin-bottom: 6px;
    font-size: 16px;
    align-items: center;
}

.warranty-feature i {
    margin-right: 8px;
  	color: #015f83;

}

.features-list {
    padding: 0;
    margin: 0;
}

.features-list li {
    display: flex;
    /* align-items: center; */
    margin-bottom: 6px;
}

.features-list li i {
    margin-right: 8px;
    margin-top: 6px;
    
}

.features-list li i::before {
   color: #015f83;
}


.features-list li span {
	font-size: 14px;
}

/* costs  */

.costs-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    margin: 8px 0;
    background-color: #f1efef;
    border-radius: 16px;
}

.fixed-price p {
    margin-bottom: 0;
    font-size: 12px;
}

.fixed-price span {
    font-size: 16px;
}

.monthly-price {
	display: none;
}

.monthly-price p {
    margin-bottom: 0;
    font-size: 12px;
}

.monthly-price span {
    font-size: 16px;
}

/* choices  */

.select {
    padding: 10px 6px 10px 32px;
    background-color: #015f83;
    border-radius: 50px;
    margin-bottom: 8px;
  	border: 1px solid transparent;
  	color: #fff;
  	transition: 0.3s ease-in-out;
}

.select:hover {
	border: 1px solid #015f83;
  	background-color: #fff;
  	color: #000;
}	

.select-inner {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
    align-items: center;
}

.select-icon {
    border-radius: 100px;
    background-color: white;	
  	color: black!important;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
}

.select-icon i {
    font-size: 24px;
}

.more-details {
    padding: 10px 6px 10px 32px;
    background-color: #DEF0F5A8;
    border-radius: 50px;
  	cursor: pointer;
  	border: 1px solid transparent;
  	transition: 0.3s ease-in-out;
}

.more-details:hover {
	  background-color: #d6e7eb;
}

.more-details-inner {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
    align-items: center;
  	
}

.more-details-icon {
    border-radius: 100px;
    background-color: white;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
}

.more-details-icon i {
    font-size: 24px;
}

/* suggest boiler modal + overlay  */

body.suggest-modal-open {
    overflow: hidden;
}

.suggestOverlay {
    background-color: rgb(27, 27, 27, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: fixed;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
    inset: 0;
    display: none;
}

.suggestOverlay.suggestActive {
    display: block;
}

.suggestModalWrapper {
    min-height: 100%;
    display: flex;
    padding: 1rem;
    justify-content: center;
}

.suggest-boiler-info {
    max-width: 560px;
    width: 100%;
    background-color: #f1efef;
    border-radius: 16px;
    padding: 2rem;
}

@media (max-width: 576px) {
    .suggestModal {
        max-width: 95%;
    }
    .suggest-boiler-info {
        padding: 1rem;
    }
    .suggest-need-help a {
        padding: 0!important;
    }
}

.suggest-modal-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.suggest-modal-body {
    margin-top: 24px;
}

.suggest-upper-wrapper {
    border-radius: 16px;
    background-color: #fff;
    padding: 1rem;
}

.suggest-boiler-title {
    text-align: center;
    
}

.suggest-boiler-title h4 {
    font-weight: bold;
}

.suggest-boiler-image {
    text-align: center;
    margin-top: 24px;
}

.suggest-boiler-image img {
    text-align: center;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 160px;
}

.suggest-why-recommended {
    display: flex;
    padding: 16px;
    margin-top: 16px;
    justify-content: space-between;
    gap: 16px;
    background-color: rgb(240 253 244);
    border-radius: 16px;
}

.suggest-why-recommended svg {
    max-width: 24px;
    min-width: 24px;
    width: 100%;
    height: auto;
    fill: green;
}

.suggest-need-help {
    margin-top: 24px;
}

.suggest-need-help a {
    margin-top: 16px;
    padding: 8px 24px;
    display: flex;
    text-decoration: none;
}

.suggest-need-help a svg {
    max-width: 40px;
    min-width: 40px;
    width: 100%;
    height: auto;
}

.suggest-call-us-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;
    padding: 8px 16px;
    background-color: white;
    border-radius: 100px;
  	border: 1px solid transparent;
  	transition: 0.3s ease-in-out;
}

.suggest-call-us-wrapper:hover {
	border: 1px solid #015f83;
}

.suggest-call-us-wrapper svg path {
	fill: #015f83;
}

.suggest-call-us p {
    font-size: 14px;
    color: black;
    margin-bottom: 0;
}

.suggest-call-us span {
    border-bottom: 1px solid #015f83;
    color: #015f83;
    font-weight: bold;
}

/* more details modal  */

body.moreDetails-modal-open {
    overflow: hidden;
}

.moreDetailsOverlay {
    background-color: rgb(27, 27, 27, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: fixed;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
    inset: 0;
    display: none;
}

.moreDetailsOverlay.moreDetailsActive {
    display: block;
}

.moreDetailsModalWrapper {
    min-height: 100%;
    display: flex;
    padding: 1rem;
    justify-content: center;
}

.more-details-boiler-info {
    max-width: 760px;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    padding: 2rem;
    position: relative;
}


@media (max-width: 767px) {
    .more-details-boiler-info {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }
    .moreDetailsModalWrapper {
        padding: 0!important;
    }
    .more-details-upper-body {
        flex-direction: column-reverse;
    }
    .upper-body-boiler-info, .upper-body-boiler-img {
        width: 100%!important;
    }
    .upper-body-boiler-img {
        text-align: center;
    }
    .upper-body-boiler-img img {
        max-width: 250px!important;
    }
    .more-details-pricing {
        margin-bottom: 16px;
    }
    .more-details-lower-body {
        flex-direction: column;
    }
    .more-details-lower-boiler-img, .more-details-lower-boiler-info {
        width: 100%!important;
    }
    .more-details-lower-boiler-img img {
        max-width: 250px!important;
    }
    .approvals-img {
        justify-content: center;
    }
    .approvals-img img {
        max-width: 80px!important;
    }
    .more-details-lower-boiler-img {
        text-align: center;
    }
    .more-details-specifications {
        flex-direction: column;
    }
    .more-details-specifications .specs, .more-details-specifications .dimensions {
        width: 100%!important;
    }
    .included-price {
        display: none;
    }
    .included-info {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 576px) {
    .more-details-boiler-info {
        padding: 1rem!important;
    }
}

.more-details-modal-head {
    display: flex;
    justify-content: end;
    margin-bottom: 16px;
}

.more-details-modal-body .upper-body-boiler-info .choices {
	padding-top: 16px;
}

.more-details-upper-body {
    display: flex;
    gap: 16px;
}

.upper-body-boiler-info {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.upper-body-boiler-info h4 {
    margin-bottom: 16px;
}

.more-details-recommended {
    padding: 16px 0;
    margin-bottom: 16px;
    border-top: 1px solid rgb(221 221 221);
    border-bottom: 1px solid rgb(221 221 221);
    text-align: center;
    
}

.more-details-recommended p {
    background-color: #f1efef;
    width: 100%;
    margin-bottom: 0;
    border-radius: 8px;
}

.more-details-pricing {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    background-color: #f1efef;
    border-radius: 8px;
}

.more-details-pricing p {
    margin-bottom: 0;
}

.upper-body-boiler-img {
	display: flex;
    width: 50%;
    background-color: #f1efef;
    border-radius: 16px;
	text-align: center;
}

.upper-body-boiler-img img {
    width: auto;
	max-height: 300px;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.more-details-lower-body {
    background-color: #f1efef;
    padding: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
    border-radius: 16px;
    display: flex;
    gap: 16px;
}

.more-details-lower-boiler-img {
    width: 50%;
	text-align: center;
}

.more-details-lower-boiler-img img {
    width: auto;
	max-height: 300px;
    max-width: 100%;
    height: auto;
}

.approvals-img {
    display: flex;
    flex-flow: wrap;
}

.approvals-img img {
    width: 100%;
    max-width: 80px;
    height: auto;
}

.more-details-lower-boiler-info {
    width: 50%;
}

.more-details-lower-pills {
    display: flex;
    gap: 16px;
    flex-flow: wrap;
}

.lower-pill {
    background-color: #015f83;
	color: #fff;
    padding: 4px 12px;
    border-radius: 100px;
    display: flex;
    align-items: center;
}

.lower-pill p {
    margin-bottom: 0;
	font-size: 12px!important;
}

/* specs  */

.more-details-specifications {
    margin-bottom: 24px;
    display: flex;
    gap: 16px;
}

.specs {
    width: 50%;
    background-color: #f1efef;
    border-radius: 16px;
    padding: 1rem;
}

.specs h4 {
    margin-bottom: 32px;
}

.specs .specs-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.specs .specs-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(221 221 221);
    margin-bottom: 16px;
    padding: 8px 0;
}

.specs .specs-list li p {
    margin-bottom: 0;
}

.dimensions {
    width: 50%;
    background-color: #f1efef;
    border-radius: 16px;
    padding: 1rem;
}

.dimensions .boiler-dimensions-wrapper {
    background-color: #fff;
    border-radius: 16px;
    padding: 8px;
    display: flex;
    align-items: center;
}

.boiler-dimensions-img img {
    width: 100%;
    max-width: 80px;
    height: auto;
}

/* whats included  */

.more-details-whats-included {

}

.openMoreIncludedModalBtn {
	margin-top: 8px;
    width: 100%;
    padding: 12px 24px !important;
    background-color: #015f83 !important;
    border-radius: 4px !important;
    text-decoration: none;
    color: #fff !important;
    border: 1px solid #015f83 !important;
    font-weight: 700 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out !important;
}

.openMoreIncludedModalBtn:hover {
	background-color: white !important;
    color: black !important;

}


.more-details-whats-included h3 {
    margin-bottom: 32px;
}

.included-wrapper {
    margin-bottom: 24px;
}

.included-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.included-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgb(221 221 221);
}

.included-info {
    display: flex;
    gap: 24px;
    align-items: center;
}

.included-info img {
    width: 100%;
    max-width: 80px!important;
    height: auto;
  	background: #f1efef;
  	border-radius: 16px;
  	padding: 4px;
	aspect-ratio: 1/1;
	object-fit: contain;
}

.included-info span {
    font-weight: bold;
    font-size: 22px;
}

.included-price span {
    font-weight: 600;
}

.included-price span.price {
    font-weight: bold;
    font-size: 20px;
}


/* sticky install  */
.sticky-install-wrapper {
    position: sticky;
    position: -webkit-sticky;
    z-index: 100;
    border-radius: 16px;
    border: 1px solid rgb(221 221 221);
    bottom: 32px;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
}

.sticky-install-wrapper.showSticky {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}

.sticky-install {
    background-color: #fff;
    border-radius: 16px;
    padding: 1rem;
}

.sticky-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sticky-inner p {
    font-size: 24px;
    font-weight: bold;
}

/* more need help  */

.more-details-need-help {
    margin-top: 24px;
    margin-bottom: 24px;
}

.more-details-need-help a {
    margin-top: 16px;
    padding: 8px 0;
    display: flex;
    text-decoration: none;
}

.more-details-need-help a svg {
    max-width: 40px;
    min-width: 40px;
    width: 100%;
    height: auto;
}

.more-details-call-us-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;
    padding: 8px 16px;
    background-color: #fff;
    border-radius: 100px;
	border: 1px solid #015f83;
    transition: 0.3s ease-in-out;
}

.more-details-call-us-wrapper:hover {
	border: 1px solid #015f83;
	background-color: #fbfbfb;
}

.more-details-call-us-wrapper svg path {
	fill: #015f83;
	
}

.more-details-call-us p {
    font-size: 14px;
    color: black;
    margin-bottom: 0;
}

.more-details-call-us span {
    border-bottom: 1px solid #015f83;
    color: #015f83;
    font-weight: bold;
}

/* pagination  */

.pagination-show-more-results {
    margin-top: 64px;
	margin-bottom: 64px;
    
}

.more-installation-packages-heading {
    font-size: 40px;
    margin-bottom: 24px;
}

.show-more-pagination-btn button {
    border-radius: 100px;
    padding: 8px 16px;
    background-color: #015f83;
    color: white;
    border: 1px solid transparent;
	transition: 0.3s ease-in-out;
}

.show-more-pagination-btn button:hover {
	color: black;
	background-color: #fff;
	border: 1px solid #015f83;
}




/* and more modal  */

.moreIncludedOverlay {
    background-color: rgb(27, 27, 27, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: fixed;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    z-index: 1100;
    inset: 0;
    display: none;
}

.moreIncludedOverlay.moreDetailsActive {
    display: block;
}

.moreIncludedModalWrapper {
    min-height: 100%;
    display: flex;
    padding: 1rem;
    justify-content: center;
}

.more-included-info {
    max-width: 512px;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    padding: 2rem;
    position: relative;
}

.more-included-head {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.more-included-list ul {
    padding: 0;
    padding-bottom: 16px;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #f1efef;
}

.more-included-list ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 16px;
}

.more-included-list ul li i {
    font-size: 20px;
}

.more-included-list ul li p {
    margin-bottom: 0;
}

.not-included-list {
    margin-top: 24px;
}

.not-included-list ul {
    padding: 0;
    padding-bottom: 16px;
    margin: 0;
    list-style-type: none;
}

.not-included-list ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.not-included-list ul li p {
    margin-bottom: 0;
}

.not-included-list ul li i {
    font-size: 20px;
}

.included-have-question {
    background-color: #f1efef;
    border-radius: 16px;
    padding: 12px;
    display: flex;
    flex-direction: column;
} 

.included-have-question a {
	color: black!important;
}


/* close buttons  */

.close-more-details-modal-btn, .close-suggest-modal-btn, .closeMoreIncludedModalBtn {
	background: #015f83;
	display: flex;
	align-items: center;
	line-height: normal;
	padding: 8px 12px;
	color: #fff;
	border: 1px solid transparent!important;
	transition: 0.3s ease-in-out;
}

.close-more-details-modal-btn:hover, .close-suggest-modal-btn:hover, .closeMoreIncludedModalBtn:hover {
	background: #fff;
	border: 1px solid #015f83!important;
	color: #000;
}
/* end of close buttons */