/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author: UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/* =========================================================
   Clever Energy Boilers - Global Stylesheet
   ========================================================= */

/* =========================================================
   Global typography
   ========================================================= */
h1,
h2,
h3 {
  text-transform: capitalize !important;
}

h1,
h2,
h3,
h4,
.nationwide_network_row .wpb_text_column p,
.inclusions_row_two_left p,
.inclusions_row_two_right p,
.boiler_package_title,
.boiler_cover_row p,
.mega_menu_intro_sentence,
.payment_methods_inner p,
.service_hero_left h1,
.bc-blog-cta__inner p,
.bc-blog-cta__inner h3,
.team_row h2,
.inclusions_list_wrapper p,
.ceb-journey-step-content p {
  text-wrap: pretty;
}

main .wpb_text_column p a,
.blog_post_hero .post_taxonomy a,
nav.g-breadcrumbs a,
.grid_author_name a.post-author-name.fn,
.single-post a.post-author-name.fn {
  text-decoration: underline;
}

.laptoponly {
  display: none;
}


/* =========================================================
    About us page
      ========================================================= */
.faqs_tabs button.w-tabs-item {
  font-size: 15px;
}


.faqs_tabs .w-tabs-list-h {
  flex-wrap: wrap;
}

.light_green_textbox ul li a {
  text-decoration: underline;
}

.where_it_began {
  border-radius: 40px;
  box-shadow: 0px 40px 0px 0px var(--color-alt-content-bg-grad) !important;
}

.about_accreds_row {
  border-radius: 0px 0px 40px 40px;
}


/* =========================================================
      Quote options modal
      ========================================================= */
.quote_options_modal .w-popup-box-content {
  border-radius: 40px;
  padding: 0px;
  background: transparent;
}

.quote_options_modal .clever_hero_row {
  border-radius: 40px !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.quote_modal_outer .w-popup-box-content {
  background: transparent;
}

.w-popup-box .clever_hero_row {
  border-radius: 40px !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}


/* =========================================================
      Trustpilot & Checkatrade review badges
      ========================================================= */

/* Google reviews badge */
.google_badge .rpi-flx.rpi-col8 {
  align-items: center !important;
  flex-direction: row !important;
}

.google_badge .wp-google-based {
  color: var(--color-content-text) !important;
  font-weight: 600;
  font-family: var(--font-family, inherit) !important;
}

.google_badge .wp-google-powered {
  display: none;
}

.google_badge .grw-header-inner.rpi-flx.rpi-row12 {
  padding: 0px !important;
  margin: 0px !important;
}

.on_google {
  margin-left: 4px !important;
}

.review_badges_row {
  text-align: center;
}

body {
  --star-gap: 0px !important;
  --rpi-star-size: 16px !important;
}

span.rpi-stars {
  font-size: 18px !important;
}

.trustpilot_badge,
.checkatrade_badge,
.google_badge {
  background: var(--color-content-bg-alt);
  padding: 6px 12px;
  border-radius: 12px;
  display: inline-flex;
  margin: auto;
}

.review_badges_row .g-cols {
  grid-gap: 20px;
}

.trustpilot_badge a,
.checkatrade_badge a {
  text-decoration: none !important;
  color: var(--color-content-text) !important;
}

.review_badges_row {
  font-size: 14px;
  padding-top: 40px !important;
  padding-bottom: 0px !important;
}

.trustpilot_disclaimer {
  color: #9c9c9c;
  font-size: 10px;
  margin-top: 5px;
}

.trustpilot_logo img,
.trustpilot_badge img,
.checkatrade_logo img,
.google_badge_logo img {
  max-width: 120px;
}

@media only screen and (max-width: 1449px) and (min-width: 768px) {
  .review_badges_row .g-cols {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
  }

  .review_badges_row {
    font-size: 13px;
  }
}

/* =========================================================
      Shared image styling
      ========================================================= */
.image_on_right img,
.boilers_hero_img_col {
  border-radius: 0 60px 0 60px;
}

.image_on_left img {
  border-radius: 60px 0px 60px 0px;
}

.service_why_choose img,
.blog_post_featured_img img,
.keeping_nation_warm img,
.boiler_cover_row img,
.footer_accreds img,
.certification_logos_grid img {
  border-radius: 16px;
}

.footer_accreds_grid img,
.trust_logos_carousel img,
.service_hero_right,
.faq_img_col,
.contact_installer_left,
.single_post_author_row .wpb_column.vc_column_container,
.team_row .w-person,
.team_member_wrapper,
.contact_right,
button.w-tabs-section-header,
.w-tabs.accordion>div>.w-tabs-section,
.three_steps_mobile_box .vc_column-inner,
.mega_menu_box .w-grid-item-h,
.three_options_inner .wpb_column.vc_column_container.has-link,
.blog_subscribe_row,
.blog_post_featured_img img,
.boiler_cover_row img,
.payment_methods_inner .vc_column_container {
  border-radius: 12px;
}

/* =========================================================
      Global button styling
      ========================================================= */

/* =========================================================
      Contact Form 7 styling
      ========================================================= */
p.form_label_text {
  margin-bottom: 8px;
  font-weight: bold;
  padding-top: 8px;
}

.page-id-1682 .wpcf7-form-control.wpcf7-file::before {
  content: "Choose File";
  position: absolute;
  left: 0;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: var(--color-alt-content-secondary);
  border-radius: 12px;
  padding: 1px 8px;
}

.installer_form input.wpcf7-form-control.wpcf7-submit.has-spinner,
.contact_right input.wpcf7-form-control.wpcf7-submit.has-spinner {
  width: 100%;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: var(--color-alt-content-primary);
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background: #1f8022 !important;
}

/* =========================================================
      FAQ page tabs
      ========================================================= */
.faqs_tabs button.w-tabs-item {
  border: 2px solid #4caf50;
  font-weight: 600;
}

.faqs_tabs button.w-tabs-item.active {
  background: var(--color-alt-content-primary) !important;
  color: #fff !important;
  font-weight: 600;
}

.faqs_tabs .w-tabs-list-h {
  grid-gap: 15px;
}

/* =========================================================
      Service pages
      ========================================================= */
.faqs_tabs .w-tabs-section-content {
  background: var(--color-content-bg-alt);
  padding: 40px 20px;
  border-radius: 30px;
}

.faqs_tabs .w-tabs-list-h {
  margin-bottom: 40px;
}

.four_products_inner h4 {
  margin-bottom: 8px;
}

.four_products_inner p {
  padding-left: 20px;
  padding-right: 20px;
}

.accordion_block .vc_column_container {
  padding: 0px !important;
}

.service_quote_modal .w-popup-box-content {
  padding-top: 60px !important;
}

.interested_in_section {
  margin-bottom: 40px;
}

.interested_in_section p {
  font-weight: bold;
}


.w-grid-none.type_message {
  background: white;
}

 

span.wpcf7-not-valid-tip {
  margin-top: 8px;
  font-weight: bold;
}

.cf_contact_details_section {
  margin-bottom: 30px;
}

.service_quote_modal button.w-popup-closer {
  position: absolute;
  mix-blend-mode: normal;
}

.service_quote_modal button.w-popup-closer {
  background: var(--color-alt-content-primary);
  color: white !important;
  border-radius: 100%;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 10px;
}

.service_quote_modal .w-popup-box-title {
  color: #043638;
  background: var(--color-content-bg-alt) !important;
}

.service_quote_modal .w-popup-box-title {
  border-radius: 0px;
}

.service_quote_modal input.wpcf7-form-control.wpcf7-submit.has-spinner {
  width: 100%;
  font-size: 18px;
}

.service_quote_modal .w-popup-box-content {
  border-radius: 0px;
  padding: 30px;
}

.quote_form_container input.wpcf7-form-control.wpcf7-submit.has-spinner {
  width: 100%;
}

.cf_row_twocols_select.nobottomborder {
  border-bottom: 0px !important;
}

.cf_select_col select,
.cf_select_col .wpcf7-form-control.wpcf7-select {
  width: 100%;
  height: 50px;
  padding: 0 45px 0 16px;
  /* extra room on the right for arrow */
  line-height: 1.2;
  border: 1px solid #0b4a53;
  border-radius: 10px;
  box-sizing: border-box;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'><path d='M5 7.5L10 12.5L15 7.5' stroke='%230b4a53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px;
}

.service_why_choose_item:last-of-type {
  border-bottom: 0px;
}

.inclusions_list_left,
.inclusions_list_right {
  border: 2px dashed rgb(255 255 255 / 0.25) !important;
  border-radius: 16px;
  padding: 20px;
}

.inclusions_list_wrapper h4 {
  margin-bottom: 8px;
}

.inclusions_list_wrapper p {
  font-size: 14px;
}

.inclusions_list_wrapper img {
  max-width: 100px;
  border-radius: 12px;
}

.payment_methods_row,
.installation_whats_included {
  border-radius: 40px;
}

.payment_methods_inner p a {
  color: #60bb46;
}

.payment_methods_inner p a:hover {
  color: #0095da !important;
}

.payment_methods_inner h3 {
  margin-bottom: 12px;
}

.payment_methods_inner p {
  margin-bottom: 12px;
}

.payment_methods_inner img {
  max-width: 125px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.payment_methods_inner strong {
  color: #60bb46;
}

.payment_methods_smallprint p {
  font-size: 12px;
}

.rep_example p {
  font-size: 11px !important;
  opacity: 0.5;
}

.service_why_choose_item {
  border-bottom: 2px dashed #0436381f;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.light_green_textbox {
  background: var(--color-content-bg-alt);
  border-radius: 30px;
  padding: 40px 20px;
}

.service_brands_grid img {
  width: 150px;
  height: auto;
  margin: auto;
  display: table;
}

.service_brands_grid {
  max-width: 800px;
  margin: auto;
}

.boiler_types_inner .vc_column_container {
  background: var(--color-content-bg-alt);
  border-radius: 0px 60px 0px 0px;
  padding: 40px 20px;
}

.boiler_types_inner img {
  max-width: 200px;
  margin: auto;
  display: table;
  margin-bottom: 40px;
}

.boiler_types_inner h3 {
  margin-bottom: 12px;
}

.boiler_types_inner p {
  font-size: 14px;
}

.boiler_types_inner a.w-btn {
  font-size: 14px;
}

.four_products_inner a.w-btn {
  font-size: 14px;
  margin-top: 20px;
}

.four_products_inner .vc_column_container {
  background: var(--color-content-bg-alt);
  border-radius: 0px 60px 0px 0px;
  padding-top: 20px;
  padding-bottom: 40px;
}

.four_products_inner h4,
.four_products_inner .w-btn-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

.four_products_inner img {
  margin-bottom: 40px;
  filter: drop-shadow(-9px 6px 8px rgb(0, 0, 0, 0.15));
}

.inclusions_row_one .vc_column-overlay {
  background: linear-gradient(0deg,
      color(srgb 0.02 0.21 0.22 / 1),
      color(srgb 0.02 0.21 0.22 / 0.4)) !important;
}

.inclusions_modal .w-popup-box-content {
  border-radius: 0 0 16px 16px;
}

.inclusions_row_one p,
.inclusions_row_two_left p,
.inclusions_row_two_right p {
  font-weight: 600;
}

.inclusions_row_two_left,
.inclusions_row_two_right {
  background: #2f3c7d;
  border-radius: 16px;
  padding: 20px 20px 40px;
}

.inclusions_row_two_left img,
.inclusions_row_two_right img {
  display: table;
  max-width: 250px;
  margin: 0 auto 20px;
}

.inclusions_row_one .vc_column_container {
  min-height: 500px;
  border-radius: 60px 0px 0px 0px;
}

.inclusions_row_one .wpb_text_column {
  max-width: 700px;
  margin: auto;
  text-wrap: pretty;
}

.service_page_hero {
  background: var(--color-alt-content-bg);
}

.service_hero_left {
  background: #fff;
  padding: 20px 40px;
  border-radius: 16px;
}

.service_hero_left h1 {
  margin-bottom: 16px;
}

.service_brands_grid .w-gallery-item,
.boiler_brands_grid .w-gallery-item {
  aspect-ratio: auto !important;
}

.page-id-16 .inclusions_row_one .vc_column_container {
  background-position: 50% 25% !important;
}

/* =========================================================
      Homepage hero
      ========================================================= */
.clever_hero_row,
.bc-map-card__bg {
  background: linear-gradient(69.88deg, #60bb46 2.47%, #1d398d 98.44%);
}

.simple_gradient_titlebar {
  background: linear-gradient(69.88deg, #60bb46 2.47%, #1d398d 98.44%);
  border-radius: 0px 0px 40px 40px;
}

.clever_hero_row {
  padding-top: 120px !important;
  border-radius: 0 0 40px 40px;
}

.clever_hero_products_row {
  margin-bottom: 30px !important;
}

.clever_hero_products_row .vc_column_container {
  border: 2px dashed rgb(255 255 255 / 0.25);
  border-radius: 16px;
  padding: 6px 12px;
  font-size: 18px;
  font-family: Jost;
}

.clever_hero_products_row .vc_column_container:hover {
  border: 2px dashed #fff;
}

.clever_hero_row .vc_column-inner h3 {
  color: #fff;
}

.clever_hero_products_row .vc_column-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 20px;
}

/* =========================================================
      Why Trust Clever Energy Boilers Row
      ========================================================= */
.why_trust_clever {
  border-radius: 40px;
}

.why_trust_clever .owl-item {
  text-align: center;
}

@media only screen and (max-width: 1380px) and (min-width: 768px) {

  .why_trust_clever button.owl-next,
  .blogs_row button.owl-next {
    right: -40px;
  }

  .why_trust_clever button.owl-prev,
  .blogs_row button.owl-prev {
    left: -40px;
  }
}

/* =========================================================
      Reviews Carousel Row
      ========================================================= */
.color_alternate button.owl-next:hover,
.color_alternate button.owl-prev:hover {
  color: var(--color-content-secondary) !important;
}

.reviews_row .usg_post_content_1 {
  font-size: 24px;
  font-weight: 600;
}

.reviews_row .w-grid-item-h p {
  text-wrap: pretty;
}

.reviews_row .us_testimonial_author {
  margin-top: 30px;
}

.reviews_row .us_testimonial_author span.w-post-elm-value {
  font-weight: 400 !important;
}

.reviews_row {
  border-radius: 40px;
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
  .reviews_row .w-grid-item-h p {
    max-width: 700px !important;
    margin: auto;
  }
}

/* =========================================================
      Payment options page
      ========================================================= */
.payment_options_page_methods .payment_methods_inner .vc_column_container {
  background: var(--color-content-bg-alt);
  border: 0px;
}

/* =========================================================
      Refer a friend page
      ========================================================= */
.refer_friend_form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  width: 100%;
}

.refer_friend_form .cf_row_twocols_select.nobottomborder {
  margin-bottom: 0px;
}

/* =========================================================
      Informational Row
      ========================================================= */
.clever_care_logo_badge {
  display: table;
  margin: auto;
  border-radius: 30px;
  background: white;
  padding: 16px;
  width: 220px;
  height: auto;
}


.informational_row_one .vc_column_container {
  border-radius: 30px;
}

.informational_row_one .vc_column_container,
.informational_row_two .vc_column_container,
.informational_row_three .vc_column_container {
  background: var(--color-content-bg-alt);
  border-radius: 30px;
  padding: 40px 20px;
}

/* =========================================================
      Sticky CTA on bottom bar
      ========================================================= */
.sticky-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 600;
}

div#energy-sticky-row {
  position: fixed;
  bottom: 0;
  left: 0;
  right: auto;
  z-index: 100;
  width: 100%;
  color: #fff;
  background: var(--color-content-primary);
  box-shadow: 0 4px 9px #000;
  padding-top: 12px;
  padding-bottom: 12px;
}

div#energy-sticky-row:hover {
  background: var(--color-alt-content-secondary);
}

#energy-sticky-close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 10px 12px;
  font-size: 22px;
  line-height: 1;
}

a.sticky-quote-btn {
  display: inline-block;
  background: #fff;
  color: #1f1f1f;
  padding: 12px 24px;
  border-radius: 30px;
}

a:hover.sticky-quote-btn {
  background: #1f1f1f;
  color: #fff;
}

/* =========================================================
      Simplified quote pages
      ========================================================= */
.need_help_cta_row {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.quote_launchpad_container {
  padding-bottom: 100px !important;
}

.quote_launchpad_container .wpb_column.vc_column_container {
  background: #fff;
  border-radius: 16px;
  padding: 40px 20px 60px;
}

/* =========================================================
      Blog floating CTA
      ========================================================= */
span.cta_product_label {
  color: var(--color-content-link);
}

.bc-blog-cta {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 2;
  width: 300px;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.bc-blog-cta.hide {
  opacity: 0;
  transform: translateY(-10px);
}

.bc-blog-cta h3 {
  font-size: 20px;
  padding-right: 10px;
  text-transform: none !important;
  margin-bottom: 12px;
}

.bc-blog-cta p {
  font-size: 14px;
}

.bc-blog-cta__inner a.w-btn {
  font-size: 14px;
}

.bc-blog-cta__inner {
  padding: 20px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--color-content-border);
  box-shadow: 3px 4px 9px rgb(0 0 0 / 0.25);
}

.bc-blog-cta__title {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.25;
}

.bc-blog-cta__subtitle {
  margin: 0 0 16px;
  font-size: 15px;
  opacity: 0.85;
}

.bc-blog-cta__button {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 12px;
  text-decoration: none;
  background: #6c1c78;
  color: #fff;
  font-weight: 700;
}

.bc-blog-cta__button:hover {
  opacity: 0.92;
}

.bc-blog-cta__close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
  opacity: 0.6;
}

.bc-blog-cta__close:hover {
  opacity: 1;
}

/* =========================================================
      About page
      ========================================================= */
.team_member_wrapper {
  background: var(--color-content-secondary);
  padding: 20px;
  color: #fff;
}

.team_member_wrapper strong {
  display: inline-block;
  background: #2f3c7d;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px;
  padding: 4px 18px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.team_member_wrapper h4 {
  margin-bottom: 8px;
  font-weight: bold;
  color: #fff;
}

.team_member_wrapper p,
.single_post_author_row .post-author-info,
.author_bio_only .post-author-info,
.blog_subscribe_row p {
  font-size: 14px;
}

.team_member_wrapper p:first-of-type {
  margin-bottom: 8px;
}

.team_member_wrapper img {
  min-width: 100px;
  border-radius: 100%;
}

.environment_row,
.environment_row h2 {
  color: #fff;
}

.team_row .w-person {
  padding: 20px;
}

/* =========================================================
      Contact page
      ========================================================= */
.contact_installer_row {
  padding-top: 0 !important;
}

.contact_right {
  background: var(--color-content-bg-alt);
  padding: 20px;
}

.contact_page_phone {
  align-items: center !important;
}

.contact_page_phone p {
  font-size: 16px;
  font-weight: 600;
}

.contact_page_phone a {
  color: var(--color-content-text);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.contact_page_phone span {
  font-size: 14px;
}

/* =========================================================
      Blog author page
      ========================================================= */
.author_grid .post-author-name,
.author_grid h2 {
  font-size: 24px;
  font-weight: 600;
}

.author_grid .post-author-name {
  font-family: var(--h1-font-family);
}

/* =========================================================
      Single blog post template
      ========================================================= */
.blog_post_hero_top {
  border-radius: 0px 0px 40px 40px;
}

.blog_post_content th {
  background: var(--color-alt-content-bg-grad);
  color: white;
  border: 1px solid var(--color-alt-content-bg-grad) !important;
}

.blog_post_content tr:nth-child(even) {
  background: var(--color-alt-content-bg-alt);
}

.single-post div#energy-sticky-row {
  display: none !important;
}

.blog_subscribe_row {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.blog_subscribe_row h3 {
  margin-bottom: 8px;
}

.blog_subscribe_row p a {
  color: #fff;
}

.blog_subscribe_row input {
  color: var(--color-content-text) !important;
}

.newsletter_form {
  display: flex;
  grid-gap: 20px;
  align-items: center;
}

.newsletter_form p,
.newsletter_form span.wpcf7-form-control-wrap {
  margin: 0;
}

.newsletter_form span.wpcf7-spinner {
  position: absolute;
}

.single_post_author_row {
  padding-top: 20px !important;
  padding-bottom: 60px !important;
}

.related_posts,
.blog_post_content_container section:first-of-type {
  padding-top: 0 !important;
}

.single_post_author_row .post_author img {
  border: 0 !important;
}

.single_post_author_row .post-author-meta::before {
  content: "Written by: " !important;
  margin-right: 2px;
  font-size: 20px !important;
  font-weight: 600;
}

.single_post_author_row a.post-author-name.fn,
.single_post_author_row a:hover.post-author-name.fn {
  display: inline-block !important;
}

.single_post_author_row .w-post-elm.post_author.vcard.author.with_ava.avapos_left {
  align-items: flex-start;
}

.single_post_author_row a.post-author-name.fn {
  color: var(--color-content-text);
  font-size: 20px;
  font-weight: 600;
}

.single_post_author_row a:hover.post-author-name.fn {
  color: var(--color-content-link);
  display: block;
}

.single_post_author_row .post-author-ava img {
  width: 100px;
}

.blog_post_hero .post-author-ava img {
  width: 64px;
}

.single-post .blog_post_hero .post_author,
.single-post .blog_post_hero time,
.blog_post_hero .post_taxonomy,
.grid_author_name a.post-author-name.fn,
.grid_posted_on,
.grid_updated_on {
  font-size: 14px;
}

.single-post .post-author-ava {
  width: auto;
}

.single-post .blog_post_hero .post-author-meta::before {
  content: "Written by";
}

/* .single-post .post_author img {
  border: 2px solid #6c1c78;
} */

.author_bio_only a.post-author-name.fn,
.blog_archive_bio .post-author-name,
.blog_archive_hero .post-author-meta {
  display: none;
}

.author_bio_only .post-author-meta::before {
  display: none;
}

.author_bio_only .post-author-info {
  line-height: 1.5;
  margin-top: 20px;
}

/* =========================================================
      Blog post hero
      ========================================================= */
.blog_post_hero,
.blog_archive_hero {
  padding-bottom: 0 !important;
}

.blog_post_hero span.w-post-elm-before {
  display: block;
  font-weight: bold;
}

.blog_post_content_container {
  padding-top: 0 !important;
}

.blog_post_content_container section {
  padding-left: 0;
  padding-right: 0;
}

.blogs_grid .blog_grid_content,
.related_posts .blog_grid_content {
  background: var(--color-alt-content-bg-alt);
  height: 100%;
}

/* =========================================================
      Footer
      ========================================================= */
.footer_top_row {
  box-shadow: 0 -40px 0 0 var(--color-content-bg-alt);
  border-radius: 40px 40px 0 0;
  padding-bottom: 0 !important;
}

.footer_bottom_row {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
}

.footer_contact_text_format,
footer nav li a,
footer span.w-iconbox-title {
  font-size: 14px;
}

.footer_accreds_row {
  padding-bottom: 1.5rem !important;
}

.blogs_row {
  background: var(--color-content-bg-alt);
  border-radius: 40px 40px 0 0;
}

.footer_top_row span.w-socials-item-link-hover {
  background: #fff;
  color: #2f3c7d !important;
}

.footer_top_row a.w-socials-item-link {
  background: var(--color-content-secondary) !important;
  color: #fff !important;
}

.fca_text,
.footer_copyright,
.footer_angelo_link {
  font-size: 12px;
}

.footer_top_row h4 {
  margin-bottom: 16px;
}

.footer_logo {
  width: 225px;
  filter: brightness(200);
}

.footer_socials a {
  font-size: 18px;
}

.footer_card_logos {
  max-width: 150px;
}

.footer_policy_menu .menu {
  display: grid !important;
  width: 100%;
}

footer nav li a:hover {
  color: var(--color-footer-link-hover) !important;
}

/* =========================================================
      Blog archive / grid
      ========================================================= */

.blogs_row button.owl-next,
.blogs_row button.owl-prev {
  background: transparent !important;
}

.blogs_row button.owl-next:hover,
.blogs_row button.owl-prev:hover {
  color: var(--color-content-link) !important;
}

.blogs_row a.w-btn.us-btn-style_5,
.blogs_grid a.w-btn.us-btn-style_5 {
  font-size: 14px;
  display: inline-block;
  margin-top: 20px;
}

.blog_post_hero_top nav.g-breadcrumbs a {
  color: #fff;
}

.blog_category_menu a {
  background: var(--color-content-link);
  color: #fff !important;
  border-radius: 30px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
}

.blog_category_menu a:hover {
  background: var(--color-content-link-hover);
}

.post-author-info {
  font-size: inherit;
}

nav.g-breadcrumbs {
  font-size: 12px;
}

nav.g-breadcrumbs a {
  color: var(--color-content-text);
}

nav.g-breadcrumbs a:hover,
.grid_author_name a:hover.post-author-name {
  color: var(--color-content-link);
}

.grid_author_name a:hover.post-author-name.fn {
  color: var(--color-content-link-hover) !important;
}

.grid_author_name {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 3px;
  font-size: 12px;
}

.grid_author_name::before {
  content: "By";
}

.grid_author_name .post-author-meta {
  flex-grow: 0;
  width: auto;
}

.blogs_row .post_taxonomy a,
.blogs_grid .post_taxonomy a {
  background: var(--color-content-secondary);
  display: inline-block;
  color: #fff !important;
  font-size: 10px;
  padding: 6px 12px;
  border-radius: 30px;
  font-weight: 600;
}

.grid_posted_on span.w-post-elm-before,
.grid_updated_on span.w-post-elm-before {
  font-weight: 400;
}

.grid_cat_badges {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 5px;
}

.grid_posted_on,
.grid_updated_on {
  font-weight: 600;
}

.grid_updated_on {
  margin-bottom: 8px;
}

.grid_posted_on {
  margin-bottom: 0;
}

.blogs_excerpt {
  font-size: 14px;
  line-height: 1.5;
}

.blogs_row .w-grid-item-h,
.blogs_grid .w-grid-item-h {
  border-radius: 0 60px 0 0;
}

.blogs_row h3,
.blogs_grid h3 {
  font-weight: 600;
}

.blogs_row h3 a,
.blogs_grid h3 a {
  color: var(--color-content-text);
}

.blogs_row h3 a:hover,
.blogs_grid h3 a:hover,
.grid_author_name a:hover.post-author-name.fn {
  color: var(--color-content-secondary);
}

.blogs_row .w-grid-item-h,
.blogs_grid .w-grid-item-h {
  padding: 0 !important;
}

.blogs_row h3,
.blogs_grid h3 {
  margin-top: 20px;
}

.blog_grid_content {
  padding: 20px;
}

/* =========================================================
      FAQ sections
      ========================================================= */
.faq_img_col {
  min-height: 300px;
}

.faq_still_need_help h4,
.three_steps_mobile_box h4 {
  margin-bottom: 8px;
}

.faq_still_need_help a.w-btn {
  margin-top: 24px;
}

/* =========================================================
      Accordions
      ========================================================= */
button.w-tabs-section-header {
  background: transparent;
  font-weight: 600;
  transition: none;
}

.w-tabs.accordion>div>.w-tabs-section {
  border: 1px solid var(--color-alt-content-bg);
  margin-bottom: 20px;
}

button.w-tabs-section-header.active,
button.w-tabs-section-header.active:hover,
button.w-tabs-section-header.active:focus {
  background: var(--color-alt-content-bg) !important;
  color: #fff !important;
  border-radius: 12px 12px 0 0;
  transition: none;
}

button.w-tabs-section-header:focus,
button.w-tabs-section-header:hover {
  background: transparent !important;
}

.accordion .w-tabs-section-content {
  background: white;
  border-radius: 0px 0px 12px 12px;
}

.w-tabs-sections.icon_plus>div>.w-tabs-section-header .w-tabs-section-control:after {
  height: 2px;
}

.w-tabs-sections.icon_plus>div>.w-tabs-section-header .w-tabs-section-control:before {
  width: 2px;
}

/* =========================================================
      Payment methods
      ========================================================= */
.payment_options_dark_bg button:hover {
  background: transparent !important;
  border: 2px solid white !important;
}

.payment_options_dark_bg button {
  border: 2px solid transparent !important;
}

 
.payment_methods_inner .vc_column_container {
  background: #fff;
  border: 1px solid #dac6dd;
  color: var(--color-content-text);
  padding: 20px;
}

.payment_methods_inner h3 {
  color: var(--color-content-text) !important;
}

.payment_methods_inner p, .payment_methods_inner li {
  font-size: 14px;
}

.payment_methods_inner ul {
  margin-left: 20px;
}

.payment_options_dark_bg {
  border-radius: 40px;
  background: var(--color-alt-content-bg-grad);
}

.payment_options_dark_bg h2,
.payment_options_dark_bg p {
  color: white;
}

.payment_options_dark_bg .payment_methods_inner p {
  color: var(--color-content-text);
}

.payment_options_dark_bg .payment_options_page_methods .payment_methods_inner .vc_column_container {
  background: white;
}

/* =========================================================
      Animated UK map
      ========================================================= */
.bc-map-card {
  position: relative;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  border-radius: 60px 0 60px 0;
  overflow: hidden;
  isolation: isolate;
}

.bc-map-card__bg,
.bc-marker-layer {
  position: absolute;
  inset: 0;
}

.bc-uk-img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 20px;
  object-fit: contain;
  opacity: 1;
  filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.18));
  pointer-events: none;
}

.bc-marker-layer {
  z-index: 2;
}

.bc-marker {
  position: absolute;
  display: grid;
  gap: 10px;
  align-items: start;
  pointer-events: none;
  will-change: transform, opacity;
  transform: translate3d(-50%, -100%, 0);
}

.bc-pin {
  position: relative;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: #0095da;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);
  will-change: transform, opacity;
}

.bc-avatar {
  width: 46px;
  height: 46px;
  padding: 6px;
  object-fit: cover;
}

.bc-label {
  justify-self: start;
  background: rgba(255, 255, 255, 0.92);
  color: #111;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  will-change: transform, opacity;
}

.bc-marker.is-entering {
  opacity: 0;
  transform: translate3d(-50%, calc(-100% + 14px), 0) scale(0.985);
}

.bc-marker.is-entered {
  opacity: 1;
  transform: translate3d(-50%, -100%, 0) scale(1);
  transition:
    opacity 700ms ease,
    transform 850ms cubic-bezier(0.2, 0.9, 0.2, 1);
}

.bc-marker.is-exiting {
  opacity: 0;
  transform: translate3d(-50%, calc(-100% - 10px), 0) scale(0.975);
  transition:
    opacity 550ms ease,
    transform 650ms ease;
}

/* =========================================================
      Popup styling
      ========================================================= */
.w-popup-box-title {
  border-radius: 12px 12px 0 0;
  background: var(--color-alt-content-primary);
  color: #fff;
  font-weight: 600;
}

.w-popup-box-content {
  border-radius: 16px;
}

/* =========================================================
      Owl navigation controls
      ========================================================= */
.color_alternate button.owl-next,
.color_alternate button.owl-prev {
  background: transparent !important;
}

/* =========================================================
      Header & navigation
      ========================================================= */
.mega_menu_linkbox {
  background: var(--color-content-bg-alt);
  border-radius: 12px;
  padding: 20px;
}

.about_mega_inner_row_two .vc_column-inner {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
  grid-gap: 15px;
}

.mega_box_content_wrapper {
  padding: 120px 20px 20px 20px;
}

a.level_1 {
  z-index: 150 !important;
}

.mega_menu_linkbox .w-iconbox-title {
  margin-top: 0 !important;
}

ul.w-nav-list.level_2 {
  background: #fff !important;
  margin-top: -18px;
  box-shadow: none !important;
  border-radius: 0 0 30px 30px;
}

header nav a {
  font-weight: 600;
}

.header_logo,
.header_quote_btn,
.w-nav-icon.style_hamburger_1,
header .opened a.level_1 {
  z-index: 999;
}

/* =========================================================
      Mega menu
      ========================================================= */
.mega_menu_container {
  padding-left: 20px;
  padding-right: 20px;
}

.mega_menu_container h4 {
  font-weight: 600;
}

.mega_menu_container .g-cols {
  grid-gap: 1rem;
}

.mega_menu_linkbox {
  align-items: center !important;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mega_menu_linkbox h4 {
  font-size: 18px;
}

.mega_menu_linkbox p {
  font-size: 13px;
}

.mega_menu_linkbox a {
  font-weight: normal;
}

.mega_menu_box h4 {
  margin-bottom: 5px !important;
}

.mega_render_container .w-grid-item-h {
  border: 1px solid #dac6dd;
  transition: 0.3s;
}

.mega_render_container .w-grid-item-h:hover {
  background: #6d1c79;
}

.mega_render_container .w-grid-item-h:hover h4,
.mega_render_container .w-grid-item-h:hover p {
  color: #fff !important;
  transition: 0.3s;
}

.mega_menu_render {
  position: absolute;
  top: 20px;
  left: auto;
  right: auto;
  width: 100%;
  text-align: center;
}

.mega_menu_render img {
  width: 60% !important;
  margin: auto;
}

/* =========================================================
      Three steps mobile boxes
      ========================================================= */
.three_steps_mobile_box .vc_column-inner {
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.three_steps_mobile_box img {
  border-radius: 12px 12px 0 0;
}

.three_steps_mobile_box .wpb_text_column {
  padding: 20px;
}

.three_steps_mobile_box h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

/* =========================================================
      Large screens
      ========================================================= */
@media only screen and (min-width: 1501px) {
  .hero_img img {
    padding: 50px;
  }
}

/* =========================================================
      Laptop scaling
      ========================================================= */
@media only screen and (max-width: 1399px) and (min-width: 1025px) {
  .popular_packages_row .owl-carousel {
    padding-left: 40px;
    padding-right: 40px;
  }

  .popular_packages_row button.owl-next {
    right: -30px;
  }

  .popular_packages_row button.owl-prev {
    left: -30px;
  }
}

@media only screen and (max-width: 1380px) and (min-width: 1200px) {
  a.level_1 {
    font-size: 14px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  a#header-quote {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
  header ul.w-nav-list.level_1.hover_simple {
    width: 100%;
    margin: auto;
    border-radius: 0px 0px 30px 30px;
    margin-top: -40px;
    padding-top: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  header a.level_1 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .mega_menu_container {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* =========================================================
      Above tablet styling 
      ========================================================= */
@media only screen and (min-width: 1025px) {
  .page-id-2416 .suitable_for_solar_row {
    padding-top: 0px !important;
}

  .page-id-1444 .suitable_for_solar_row, .page-id-2639 .boiler_servicing_row {
    padding-top: 0px !important;
  }

  .page-id-1210 .suitable_for_solar_row {
    padding-top: 0px !important;
  }

  .boiler_types_row {
    padding-top: 0px !important;
  }

  .suitable_for_solar_row {
    padding-top: 100px !important;
    padding-bottom: 0px !important;
  }

  .battery_now_row {
    padding-bottom: 100px !important;
  }

  .reward_explainer {
    max-width: 960px;
    margin: auto;
  }

  .award_winning {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .service_quote_modal .cf_select_col p {
    font-size: 14px;
  }

  .service_quote_modal form {
    max-width: 1200px;
    margin: auto;
  }

  .boilers_hero_img_col {
    min-height: 500px;
  }

  .heat_pump_servicing_row {
    padding-bottom: 0px !important;
  }

  .boiler_upgrade_row {
    padding-top: 0px !important;
  }

  .heat_pump_servicing_row {
    padding-top: 0px !important;
  }

  .boiler_upgrade_row,
  .service_quote_form_row,
  .awards_grid_row {
    padding-bottom: 100px !important;
  }

  .boiler_types_inner .wpb_text_column {
    min-height: 148px;
  }

  .top_brands_row {
    padding-top: 100px !important;
  }

  .service_areas_container .nationwide_network_row,
  .central_heating_row {
    padding-bottom: 100px !important;
  }

  .service_areas_container .nationwide_network_row,
  .central_heating_row {
    padding-top: 0px !important;
  }

  .w-image.google_badge_logo.align_none {
    margin: 0px;
  }

  .google_badge .wp-google-based {
    font-size: 14px;
  }

  .reviews_row button.owl-prev,
  .reviews_row button.owl-next {
    top: -40px;
  }

  .informational_row_one .vc_column_container {
    min-height: 450px;
  }

  .reviews_row .w-grid-item-h p {
    max-width: 900px;
    margin: auto;
  }

  .page-id-8 .nationwide_network_row {
    padding-bottom: 100px;
  }

  .megamenu_box_intro {
    font-size: 14px;
  }

  .footer_accreds_row,
  .clever_about_row {
    padding-top: 100px !important;
  }

  .clever_hero_products_row .vc_column-inner img {
    max-width: 72px;
  }

  .clever_hero_products_row,
  .also_include_wrapper {
    grid-gap: 30px !important;
  }

  .environment_content {
    max-width: 800px;
    margin: auto;
  }

  .service_why_choose {
    padding-bottom: 0 !important;
  }

  .service_packages_row.popular_packages_row {
    padding-bottom: 20px !important;
  }

  .service_hero_right {
    min-height: 600px;
  }

  li#menu-item-1557 {
    display: none;
  }

  .page-id-8 .nationwide_network_row,
  .only_boiler_company {
    padding-top: 0 !important;
  }

  header ul.w-nav-list.level_2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .blog_subscribe_row {
    max-width: 1280px;
    margin: auto;
  }

  .footer_policy_menu .menu {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 12px;
  }

  .hideabovetablet {
    display: none !important;
  }
}

/* =========================================================
      Tablet only
      ========================================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

  .contact_content_container .g-cols {
    grid-template-columns: repeat(1, 1fr) !important;
}

  .suitable_for_solar_row {
    padding-top: 80px !important;
  }

  .battery_now_row {
    padding-bottom: 80px !important;
  }

  .awards_grid .w-gallery-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .heat_pump_servicing_row {
    padding-top: 80px !important;
  }

  .heat_pump_servicing_row {
    padding-top: 80px !important;
  }

  .top_brands_row,
  .boiler_types_row {
    padding-top: 80px !important;
  }

  .central_heating_row,
  .service_faqs_container {
    padding-bottom: 80px !important;
  }

  .additional_service_content_container {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .four_products_inner {
    grid-template-columns: repeat(2, 1fr) !important;
    max-width: 600px;
    margin: auto;
  }

  .boilers_hero_img_col {
    min-height: 600px;
  }

  .home_informational_row {
    padding-top: 60px !important;
    padding-bottom: 80px !important;
  }

  .home_informational_row h2.w-iconbox-title {
    font-size: 24px;
  }

  .ceb-journey-step-content p {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .ceb-journey-step-box h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .ceb-journey-step-box {
    padding: 18px;
  }

  .ceb-journey-step-box {
    border-radius: 40px 0px 40px 0px;
  }

  .ceb-journey-step-label {
    font-size: 13px;
  }

  .clever_process_container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .clever_process_container {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .informational_row_one .wpb_column {
    min-height: 350px;
  }

  .reviews_row .w-grid-item-h p {
    max-width: 500px;
    margin: auto;
    font-size: 22px;
  }

  .reviews_row button.owl-prev,
  .reviews_row button.owl-next {
    top: -40px;
  }

  .megamenu_box_intro {
    font-size: 14px;
  }

  .mega_menu_container .w-grid-item-h {
    max-height: 225px;
  }

  .clever_hero_row .l-section-h.i-cf {
    padding-top: 20px !important;
  }

  .clever_hero_row {
    padding-bottom: 60px !important;
  }

  .clever_hero_row .g-cols,
  .blog_subscribe_row .g-cols,
  .blog_post_hero_top .g-cols {
    grid-template-columns: repeat(1, 1fr);
  }

  .clever_hero_products_row {
    grid-gap: 15px !important;
    grid-template-columns: repeat(2, 1fr) !important;
    margin-bottom: 15px !important;
  }

  .clever_hero_products_row img {
    max-width: 64px;
  }

  .clever_about_row {
    padding-top: 80px !important;
    padding-bottom: 0 !important;
  }

  .clever_about_row .g-cols,
  .nationwide_network_row .g-cols,
  .boiler_cover_row .g-cols,
  .keeping_nation_warm .g-cols,
  .service_why_choose .g-cols {
    grid-gap: 3rem;
    align-items: flex-start;
  }

  .trustpilot_disclaimer {
    font-size: 9px;
  }

  .about_mega_inner_row_two {
    grid-gap: 60px !important;
  }

  header ul.w-nav-list.level_1.hover_simple {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mega_menu_linkbox {
    margin-left: 0 !important;
  }

  .about_mega_inner_row_one,
  .about_mega_inner_row_two,
  .payment_methods_inner,
  .product_mega_container .g-cols {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .mega_menu_container {
    padding-left: 0;
    padding-right: 0;
  }

  .service_hero_left {
    padding: 20px;
  }

  .service_hero_left h1 {
    font-size: 28px;
  }

  .service_hero_left p,
  .service_hero_left span,
  .service_hero_left a.w-btn,
  .sticky-content,
  .also_include_wrapper button,
  a#sticky-quote-btn {
    font-size: 14px;
  }

  .service_page_hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .service_hero_right {
    min-height: 400px;
  }

  .blog_subscribe_row {
    max-width: calc(100% - 60px);
    margin: auto;
  }

  .popular_packages_row .w-grid.type_carousel .w-grid-list {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .popular_packages_row button.owl-next {
    right: -30px;
  }

  .popular_packages_row button.owl-prev {
    left: -30px;
  }

  .certification_logos_grid .w-gallery-list {
    grid-template-columns: repeat(2, 1fr);
    max-width: 250px;
  }

  .three_steps_mobile {
    margin-bottom: 60px;
    padding-top: 80px !important;
  }

  header a.level_1 {
    padding-left: 15px !important;
  }

  .nation_warm_one {
    padding-top: 80px !important;
    padding-bottom: 0 !important;
  }

  .only_boiler_company,
  .nationwide_network_row {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .environment_row .g-cols {
    grid-template-columns: none;
  }

  .footer_top_row .g-cols {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
  }

  .footer_policy_menu .menu {
    grid-template-columns: repeat(3, 1fr);
  }

  .footer_policy_menu .menu a {
    font-size: 12px;
  }

  .three_steps_mobile_box .vc_column-inner {
    height: 100%;
  }

  .whats_included_inner {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-gap: 24px !important;
    gap: 20px;
  }

  .whats_included_inner> :nth-child(3) {
    grid-column: 1 / -1;
  }

  .whats_included_right {
    padding-bottom: 60px;
  }

  div#order-cutoff {
    font-size: 12px;
  }

  .also_include_wrapper {
    grid-gap: 20px;
  }

  section.bc-local-map {
    padding-top: 0;
  }

  main a.w-btn.us-btn-style_1 {
    font-size: 15px;
  }
}

/* =========================================================
      Below tablet
      ========================================================= */
@media only screen and (max-width: 1024px) {
  .w-nav.type_mobile .menu-item>a.w-btn {
    padding: 12px 24px !important;
    text-align: center;
    display: inline-block;
  }

  .hidebelowtablet {
    display: none !important;
  }

  .bc-steps__inner {
    flex-direction: column;
  }

  .bc-steps__left,
  .bc-steps__right {
    width: 100%;
  }

  .bc-steps__image {
    height: 420px;
  }

  .bc-steps__pin-container,
  .bc-steps__pin-wrapper {
    height: auto;
  }
}

/* =========================================================
      Desktop only
      ========================================================= */
@media only screen and (min-width: 768px) {
  .service_quote_modal .w-popup-box-title {
    text-align: center;
  }

  .aircon_products_inner {
    max-width: 800px;
    margin: auto;
  }

  .refer_hero_img_col {
    min-height: 400px;
  }

  .quote_form_container .wpcf7-submit,
  .refer_friend_form .wpcf7-submit {
    font-size: 18px !important;
  }

  .cf_row_twocols_select {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px dashed rgb(4, 54, 56, 0.25) !important;
  }

  .cf_row_twocols_select {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* Two equal columns */
    gap: 30px;
    /* Grid gap */
  }

  .cf_select_col {
    display: flex;
    flex-direction: column;
    /* Stack paragraph and select */
  }

  .cf_select_col p {
    margin-bottom: 10px;
    /* Space between text and select */
  }

  .cf_row_twocols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }

  .payment_methods_smallprint p {
    max-width: 675px;
    margin-left: auto;
    margin-right: auto;
  }

  .informational_row_one,
  .informational_row_two {
    margin-bottom: 3rem !important;
  }

  .informational_row_one p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .contact_installer_left {
    border-radius: 16px;
    min-height: 350px;
  }

  .become_installer_hero .service_hero_right {
    min-height: 450px;
  }

  .inclusions_row_one {
    margin-bottom: 40px !important;
  }

  .inclusions_row_two {
    margin-bottom: 80px !important;
    grid-gap: 40px !important;
  }

  .footer_top_row nav li {
    margin-bottom: 16px !important;
  }

  .footer_accreds {
    max-width: 200px;
  }

  .certification_logos_grid {
    max-width: 500px;
  }

  .helpline_row .vc_column_container {
    min-height: 600px;
  }

  .boiler_cover_row {
    padding-top: 0 !important;
  }

  .hideondesktop {
    display: none !important;
  }

  .bc-menu-overlay {
    backdrop-filter: blur(4px);
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 109;
  }

  body.bc-menu-open .bc-menu-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .l-header {
    position: relative;
    z-index: 111;
  }

  body.bc-menu-open {
    overflow: hidden;
  }

  header li a,
  header .opened a.level_1 {
    border-radius: 30px;
  }

  header .opened a.level_1 {
    background: var(--color-content-secondary) !important;
    color: #fff !important;
  }
}

/* =========================================================
      Mobile only styling
      ========================================================= */
@media only screen and (max-width: 767px) {
  .trustpilot_badge iframe {
    height: auto !important;
    max-height: 100px;
  }
  .page-id-2416 .suitable_for_solar_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
}

.page-id-2416 .battery_now_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
}

  .page-id-2639 .boiler_servicing_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .page-id-2639 .central_heating_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .page-id-1444 .suitable_for_solar_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .page-id-1444 .battery_now_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .page-id-1210 .suitable_for_solar_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .page-id-1210 .battery_now_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .heat_pump_servicing_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .suitable_for_heat_pump {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .boiler_upgrade_row {
    padding-top: 0px !important;
    padding-bottom: 60px !important;
  }

  .suitable_for_solar_row {
    padding-top: 60px !important;
  }

  .battery_now_row {
    padding-bottom: 60px !important;
  }

  .award_winning {
    padding-top: 0px !important;
  }

  .faqs_tabs button.w-tabs-item {
    font-size: 12px;
  }

  .faqs_tabs .w-tabs-list-h {
    grid-gap: 8px;
  }

  .service_quote_modal .w-popup-box-title {
    padding-right: 80px !important;
    text-wrap: pretty;
  }

  .service_quote_modal button.w-popup-closer {
    width: 48px !important;
    height: 48px !important;
  }

  .contact_content_container .g-cols {
    grid-gap: 3rem !important;
  }

  .refer_hero_img_col {
    min-height: 250px !important;
  }

  .cf_contact_details_section {
    margin-bottom: 30px;
  }

  .cf_row_twocols {
    margin-bottom: 14px;
  }

  .cf_row_twocols_select {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    margin-bottom: 20px;
  }

  .cf_select_col p {
    margin-bottom: 8px;
  }

  .service_quote_modal button.w-popup-closer {
    top: 15px;
  }



  .boiler_upgrade_row,
  .awards_grid_row {
    padding-bottom: 60px !important;
  }

  .service_why_choose_item h4 {
    font-size: 18px;
  }

  .light_green_textbox h2 {
    font-size: 22px;
  }

  .inclusions_list_wrapper {
    grid-gap: 12px;
  }

  .inclusions_list_left,
  .inclusions_list_right {
    padding: 12px;
  }

  .inclusions_list_wrapper {
    align-items: flex-start;
  }

  .inclusions_list_row {
    grid-gap: 30px !important;
  }

  .inclusions_list_spacer {
    height: 30px !important;
  }

  .inclusions_list_wrapper img {
    max-width: 80px;
  }

  .inclusions_list_wrapper h4 {
    font-size: 18px;
  }

  .top_brands_row,
  .boiler_types_row {
    padding-top: 80px !important;
  }

  .central_heating_row,
  .service_faqs_container {
    padding-bottom: 60px !important;
  }

  .additional_service_content_container {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .four_products_inner .vc_column_container {
    text-align: center;
  }

  .four_products_inner img {
    display: table;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .boilers_hero_img_col {
    min-height: 330px;
  }

  .google_badge .rpi-flx.rpi-col8 {
    text-align: center !important;
    display: block !important;
  }

  .google_badge .wp-google-based {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  }

  .blogs_row h2 {
    text-align: center;
  }

  .blogs_row .owl-carousel {
    margin: auto !important;
    max-width: calc(100% - 20px);
  }

  .blogs_row button.owl-next {
    right: -50px !important;
  }

  .blogs_row button.owl-prev {
    left: -50px !important;
  }

  main a.w-btn,
  main button.w-btn {
    font-size: 15px;
  }

  .home_informational_row .w-iconbox-icon {
    font-size: 24px !important;
  }

  .home_informational_row h2.w-iconbox-title {
    font-size: 24px;
  }

  .informational_row_one .wpb_column {
    padding: 40px 20px !important;
  }

  .informational_row_one {
    margin-bottom: 28px !important;
  }

  .informational_row_two {
    grid-gap: 28px !important;
    margin-bottom: 28px !important;
  }

  .reviews_row .owl-nav {
    top: -40px !important;
  }

  .reviews_row .usg_post_content_1 {
    padding: 0px 40px;
    font-size: 18px;
  }

  .reviews_row button.owl-prev,
  .reviews_row button.owl-next {
    font-size: 36px !important;
  }

  .reviews_row button.owl-prev {
    left: -25px;
  }

  .reviews_row button.owl-next {
    right: -25px;
  }

  .review_badges_inline_row {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 15px !important;
  }

  .why_trust_clever {
    padding-bottom: 80px !important;
    padding-top: 60px !important;
  }

  .why_trust_clever h2 {
    margin-bottom: 15px;
  }

  .why_trust_clever img {
    max-width: 125px;
  }

  .why_trust_clever .owl-nav {
    position: relative;
  }

  .footer_accreds_grid .w-gallery-list {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .clever_about_row {
    padding-bottom: 60px !important;
    padding-top: 40px !important;
  }

  .trustpilot_badge,
  .checkatrade_badge,
  .google_badge {
    min-height: 120px;
  }

  .checkatrade_badge .trustpilot_review_count {
    width: 100%;
  }

  .clever_hero_products_row .vc_column_container {
    font-size: 18px;
  }

  .clever_hero_products_row .vc_column_container img {
    max-width: 50px;
  }

  .clever_hero_products_row {
    grid-gap: 10px !important;
    margin-bottom: 10px !important;
  }

  .clever_hero_row {
    padding-top: 40px !important;
    padding-bottom: 32px !important;
  }

  .clever_hero_row h1 {
    font-size: 28px;
  }

  .trustpilot_logo img,
  .trustpilot_badge img,
  .checkatrade_logo img,
  .google_badge_logo img {
    max-width: 100px;
  }

  .trustpilot_badge,
  .checkatrade_badge,
  .google_badge {
    display: block;
  }

  .wpb_text_column.trustpilot_disclaimer {
    font-size: 9px;
  }

  .review_badges_row .g-cols {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .review_badges_row {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-canvas {
    overflow: visible !important;
  }

  .mega_menu_intro_sentence {
    display: none;
  }

  .heating_mega_container .g-cols,
  .solar_mega_container .g-cols,
  .about_mega_inner_row_one {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 8px !important;
  }

  .mega_menu_container h4 {
    font-size: 18px;
  }

  .mega_box_content_wrapper {
    padding: 40px 8px 8px 8px;
  }

  .mega_menu_linkbox {
    margin-left: 0 !important;
  }

  .single-post nav.g-breadcrumbs {
    margin-bottom: 3rem;
  }

  .contact_installer_left,
  .become_installer_hero .service_hero_right {
    border-radius: 16px;
    min-height: 250px;
  }

  .faqs_tabs .w-tabs-list-h {
    flex-wrap: wrap;
  }

  .inclusions_row_one .vc_column_container {
    min-height: 400px;
  }

  .solar_calculator_container {
    padding: 40px 20px;
  }

  .inclusions_row_two {
    margin-bottom: 60px !important;
    grid-gap: 30px !important;
  }

  .inclusions_row_two_left img,
  .inclusions_row_two_right img {
    max-width: 200px;
  }

  .inclusions_row_one {
    padding-bottom: 30px;
  }

  .service_brands_grid img {
    width: 115px;
  }

  .service_hero_right {
    min-height: 300px;
  }

  .service_hero_left {
    padding: 20px;
  }

  .service_hero_left a.w-btn,
  .also_include_wrapper button {
    font-size: 14px;
  }

  .service_hero_left h1 {
    font-size: 26px;
  }

  .service_brands_grid .w-gallery-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
  }

  .popular_packages_row .owl-carousel .owl-dots.disabled,
  .popular_packages_row .owl-carousel .owl-nav.disabled {
    display: flex;
  }

  .popular_packages_row .owl-carousel.arrows-disabled_hide>.owl-nav button.disabled {
    visibility: visible;
  }

  .service_packages_row.popular_packages_row {
    padding-top: 60px !important;
    padding-bottom: 20px !important;
  }

  .service_brands_grid {
    max-width: 350px;
  }

  .need_help_cta_row h4 {
    font-size: 16px;
  }

  .bc-blog-cta {
    width: 100%;
    bottom: 0;
    top: auto;
  }

  .bc-blog-cta__inner {
    border-radius: 0;
    padding: 12px 30px !important;
  }

  .bc-blog-cta__inner a.w-btn,
  a#sticky-quote-btn,
  .blog_category_menu li a {
    font-size: 12px;
  }

  .bc-blog-cta__inner p {
    font-size: 12px;
  }

  .bc-blog-cta__inner h3 {
    font-size: 20px;
    padding-right: 20px;
  }

  .footer_accreds {
    max-width: 150px;
  }

  .popular_packages_row {
    padding-bottom: 100px !important;
  }

  .certification_logos_grid {
    max-width: 250px;
  }

  header ul.w-nav-list.level_1.hover_simple {
    min-height: 100vh;
    max-height: none !important;
  }

  .three_steps_mobile_box {
    grid-gap: 24px !important;
  }

  .three_steps_mobile {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .page-id-8 .nationwide_network_row {
    padding-top: 0 !important;
  }

  .w-nav.type_mobile .menu-item>a.w-btn {
    margin-left: 0;
  }

  .quote_modal_outer .w-popup-box-content {
    padding: 20px !important;
  }

  .quote_modal_outer section {
    padding: 0;
  }

  .sticky-content {
    gap: 15px;
    padding-left: 10px;
    justify-content: flex-start;
    font-size: 13px;
  }

  .blog_category_menu ul {
    grid-gap: 20px;
  }

  .blog_category_menu li {
    margin: 0 !important;
  }

  .team_member_wrapper {
    display: block;
  }

  .team_member_wrapper img {
    min-width: 0 !important;
    max-width: 100px;
    margin-bottom: 20px;
  }

  .team_row {
    padding-top: 60px !important;
  }

  .nation_warm_one {
    padding-top: 60px !important;
    padding-bottom: 0 !important;
  }

  .only_boiler_company,
  .nationwide_network_row,
  .clever_process_container {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .homeowners_count p {
    font-size: 12px;
    text-align: left !important;
  }

  .blog_post_featured_img,
  .blog_hero_top_spacer {
    margin-bottom: 20px;
  }

  .blog_post_hero_inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .blogs_row {
    padding-bottom: 80px !important;
  }

  .footer_top_row {
    padding-top: 60px !important;
  }

  .footer_top_row .g-cols {
    grid-gap: 60px !important;
  }

  .footer_policy_menu .menu {
    grid-template-columns: repeat(2, 1fr);
    display: grid !important;
    grid-gap: 8px;
  }

  .footer_policy_menu .menu a,
  .footer_copyright,
  .footer_angelo_link {
    font-size: 11px;
  }

  /* Mobile grid gaps */
  .nationwide_network_row .g-cols,
  .boiler_cover_row .g-cols,
  .keeping_nation_warm .g-cols,
  .service_why_choose .g-cols,
  .clever_about_row .g-cols,
  .clever_installers_row .g-cols,
  .boiler_servicing_row .g-cols,
  .central_heating_row .g-cols,
  .heat_pump_servicing_row .g-cols,
  .suitable_for_heat_pump .g-cols,
  .boiler_upgrade_row .g-cols,
  .award_winning .g-cols,
  .suitable_for_solar_row .g-cols,
  .battery_now_row .g-cols {
    grid-gap: 2rem;
  }

  section.bc-local-map {
    padding: 0;
  }

  .bc-local-map__inner {
    width: 100%;
  }

  .boiler_cover_row {
    padding-top: 0 !important;
    padding-bottom: 60px !important;
  }

  .boiler_brands_grid {
    margin-bottom: 20px;
  }

  .boiler_brands_grid img {
    width: 100px;
    height: auto;
    margin: auto;
  }

  .boiler_item_content_mobile {
    padding: 20px;
  }

  .boiler_package_img_mobile {
    width: 200px;
    margin-top: 20px;
  }

  .hideonmobile {
    display: none !important;
  }

  .also_include_wrapper {
    display: flex;
    grid-gap: 24px;
  }

  .also_include_wrapper button {
    padding-left: 15px;
    padding-right: 15px;
  }

  .whats_included_bottom .w-popup.w-btn-wrapper.align_none {
    margin: 0;
  }

  .the_boilers_carousel .w-grid-item-h {
    height: 100% !important;
  }

  .bc-steps {
    display: none;
  }

  .the_boilers_carousel {
    margin-bottom: 80px;
    margin-top: 0 !important;
  }

  .mega_menu_container {
    padding: 0;
  }

  .mega_menu_box .w-grid-item-h {
    max-height: 180px;
  }

  .mega_menu_render img {
    margin: 0;
    max-width: 100px;
    padding-left: 20px;
  }

  .bc-label {
    font-size: 12px;
    padding: 7px 10px;
  }

  .bc-pin {
    width: 48px;
    height: 48px;
  }

  .bc-avatar {
    width: 36px;
    height: 36px;
  }
}

/* =========================================================
      Header breakpoints
      ========================================================= */
@media only screen and (min-width: 600px) {
  .at_middle .l-subheader-h {
    background: #fff;
    border-radius: 30px;
    padding: 20px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
only screen and (min-width: 601px) and (max-width: 767px) {
  header ul.w-nav-list.level_1.hover_simple {
    width: 100%;
    margin: auto;
    margin-top: -28px;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    border-radius: 0 0 12px 12px;
  }
}