:root {
    --heading:2.8125rem;
    --section-heading:2.125rem;
    --subheading:1.25rem;
    --description:1rem;
    --primary-color:#3540F4;
    --secondary-color:#91D6B9;
    --background-dark:#000D52;
    --background-light:#FFFFFF;
    --background-light-pink:#FFF3F2;
    --background-light-green:#F4FBF8;
    --background-light-blue:#E5E7EE;
}
@media screen and (max-width:767px){
    :root {
    --heading:calc(2.8125rem * 0.8);
    --section-heading:calc(2.125rem * 0.8);
    --subheading:calc(1.25rem * 0.95);
    --description:1rem;
}
}
/* Globals */

.section-heading_cp {
    font-size:var(--heading);
    margin-bottom:16px;
    line-height:1.25;
    text-align:center;
}
.homepage .section-heading_cp {
    margin-bottom:0!important;
}


.btn.btn-primary.dark-mode {
    border:1px solid var(--secondary-color);
    background-color:var(--secondary-color);
    color:var(--background-dark);
    padding:10px 16px;
    display:flex;
    justify-content:center;
}
.btn.btn-secondary.dark-mode {
    border:1px solid var(--secondary-color);
    background-color:transparent;
    color:var(--secondary-color);
    padding:10px 16px;
    display:flex;
    justify-content:center;
}
a.link.dark-mode {
    color:var(--secondary-color);
}
/* New homepage modules */
.homepage-hero_cp {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:stretch;
}
.homepage-hero_cp .section-heading_cp {
    text-align:left;
}

.homepage-hero_cp-text-block-wrapper {
    width:40%;
    background:#000D52;
    padding:2.5rem;
    display:flex;
    justify-content:center;
}
.homepage-hero_cp-text-block {
    color:#FFFFFF;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    gap:2.5rem;
    max-width:25.625rem;
}
.homepage-hero_cp-text-block .btn {
   /* width:calc(50% - 1.25rem);*/
}
.homepage-hero_cp-text-block h1, .homepage-hero_cp-text-block p {
    color:#FFF;
}
.homepage-hero_cp-text-block p {
    font-size:var(--subheading);
}
.homepage-hero_cp-text-block a.link {
    font-size:1rem;
    text-decoration:underline;
    text-underline-offset:0.3rem;
}

.button-row_cp {
    display:flex;
    flex-flow:row wrap;
    gap:1.5rem;
}
.homepage-hero_cp-happy-customers {
    width:60%;
}
.homepage-hero_cp-image {
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:cover;
    object-position:right;
}
@media screen and (max-width: 1023px) {
    .homepage-hero_cp {
        flex-direction:column;
    }
    .homepage-hero_cp-happy-customers, .homepage-hero_cp-text-block-wrapper {
        width:100%;
    }
    .homepage-hero_cp-image {
        width:100%;
        height:auto;
    }
    .homepage-hero_cp-text-block { 
        max-width:none;
        gap:1.5rem;
    }
    .homepage-hero_cp-text-block a.link {
        margin-top:1rem;
    }
}
@media screen and (max-width: 767px) {
    .homepage-hero_cp-text-block-wrapper {
        padding:2.5rem 1.25rem;
    }
    .homepage-hero_cp-text-block { 
        
    }
}
/* Homepage hacks */
.homepage-carousel {display:none;}

/* Homepage circles */
.why-choose-us-summary_cp {
    background:var(--background-light-green);
}
.why-choose-us-summary_cp .row {
    justify-content:center;
}

.why-choose-us-summary_cp .sub-heading {
    font-size:var(--subheading);
}
.why-choose-us-summary_cp .sub-heading {
    margin-bottom:32px;
}
.why-choose-us-summary_cp .circle-list {
    gap:20px;
    max-width:unset;
}
.why-choose-us-summary_cp .circle-item .unit {
    font-size:80%;
}
.why-choose-us-summary_cp .circle-item {
    width:215px;
    height:215px;
    margin-bottom:unset;
}
.why-choose-us-summary_cp .circle-item .number {
    margin-top:20px;
}
.why-choose-us-summary_cp .circle-item .description {
    width:unset;
}

@media screen and (min-width: 1220px) {
    .why-choose-us-summary_cp {
       /* padding-top:80px; */
    }
}

/* Sales campaign pricing */
.pricing-v2 .camp-sales-campaigns .section-heading {
    margin-top:16px;
    margin-bottom:0;
}
.camp-sales-container .camp-row {
    justify-content:center;
}
.camp-sales-campaigns .row {
    justify-content:center;
}
.camp-sales-campaigns .i-am-seller-landlord .heading, 
.camp-sales-campaigns .selling-by-property-type .heading, 
.camp-sales-campaigns .i-am-seller-landlord .heading.intro-text {
    font-size:var(--subheading);
}

#homepage-second-half #what-campaign-costs {
    padding-top: 32px !important;
}

@media screen and (min-width: 1220px) {
    .camp-sales-campaigns .camp-sales-container .campaign-item {
        width: calc(100% / 3 - 19px);
    }
    #homepage-second-half #what-campaign-costs {
        padding-top:0 !important;
    }
}

/* Sales & Rent Comparison Tables */
section.sale-pricing-table, section.rental-pricing-table {
    width:100%;
    max-width:1200px;
    margin-top:24px;
}
.campaign-mobile-header .campaign-image {display:none !important;}
@media screen and (min-width: 768px) {
    .campaign-mobile-header .campaign-info-card {
        width: 100%;
    }
}
@media screen and (max-width:500px) {
    .sale-pricing-table.home .container, .rental-pricing-table.home .container {
    margin-left:unset;
    margin-right:unset;
}
}


/*
    Key messages header
*/
.key-messages-header {
    flex-wrap:nowrap;
    height:56px;
}
.key-messages-header div {
    line-height:1.1;
    padding:4px 16px;
    box-sizing:border-box;
}
.key-messages-header .separator {
    padding:0;
}

/* Trustpilot */
.trust-pilot_cp .row.trust-pilot {
    align-items:center;
    gap:1rem;
}

.trust-pilot_cp {
    background:var(--background-light-green);
}
.trust-pilot_cp .row.trust-pilot {
    justify-content:center;
}
.trust-pilot_cp h3 {
    text-align:center;
    font-size:var(--section-heading);
}
.trust-pilot_cp .row.trust-pilot_cp-testimonials {
    justify-content:space-between;
    gap:2rem;
    margin:80px auto;
}
.trust-pilot_cp-testimonial {
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    background:var(--background-light);
    width:calc(100% / 3 - 1.3333rem);
    padding:2rem;
    gap:1rem;
}
.trust-pilot_cp-testimonial p {
    margin-bottom:0;
}
.trust-pilot_cp-stars {
    height:24px;
    width:auto;
}
.trust-pilot_cp-review-title {
    font-weight:bold;
}
.trust-pilot_cp-review {
    flex-grow:1;
}
.trust-pilot_cp-reviewer-name {
    opacity:0.5;
}
@media screen and (max-width:1023px){
    .trust-pilot_cp .row.trust-pilot_cp-testimonials {
        flex-direction:column;
    }
    .trust-pilot_cp-testimonial {
        width:100%;
    } 
}
/*Customer Reviews */
#homepage-second-half .customer-reviews {
    padding:80px 0;
}

/*DIY brands */
.diy-brands_cp {
    padding:80px 0;
}
.diy-brands_cp--logos-only {
    padding: 24px 0;
}
.diy-brands_cp--logos-only .trustpilot-widget {
    margin-bottom: 14px;
}
.diy-brands_cp .row {
    justify-content:center;
}
.diy-brands_cp h3, .diy-brands_cp p {
    text-align:center;
}
.diy-brands_cp--logos-only p {
    text-wrap: balance
}
.diy-brands_cp--logos-only p sup {
    font-size: 24px !important;
    color: #162261;
    font-weight: 700;
}
.diy-brands_cp--logos-only p.diy-brands_cp--logos-only__highlight::before,
.diy-brands_cp--logos-only p.diy-brands_cp--logos-only__highlight::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background: var(--secondary-color);
    margin: 16px auto;
}
.diy-brands_cp .row.diy-brands_cp-images {
    flex-flow:row wrap;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
    gap:1rem;
}
.diy-brands_cp-bmp {
    height:36px;
    width:auto;
}
.diy-brands_cp-rp, .diy-brands_cp-ee, .diy-brands_cp-rediy  {
    height:40px;
    width:auto;
}
.diy-brands_cp-aiab {
    height:52px;
    width:auto;
}
.diy-brands_cp-smpn {
    height:58px;
    width:auto;
}
@media screen and (max-width:1099px) {
    .diy-brands_cp .row.diy-brands_cp-images {
    justify-content:center;
}
}
/* Pricing compare table */
.campaign-mobile-header .campaign-selections .campaign-name {
    width:50%;
}
.sale-pricing-table .col-1.compare-cell.feature, .rental-pricing-table .col-1.compare-cell.feature {
    padding: 8px 0;
}
@media screen and (min-width: 500px) {
    .campaign-mobile-header .campaign-selections .campaign-name {
        width:50%;
    }
}
@media screen and (min-width: 1280px) {
    .sale-pricing-table .col-1 {
        width: 40%;
    }
    .sale-pricing-table .col-2, .sale-pricing-table .col-3, .sale-pricing-table .col-4, .sale-pricing-table .col-5, .sale-pricing-table .col-2.active, .sale-pricing-table .col-3.active, .sale-pricing-table .col-4.active, .sale-pricing-table .col-5.active {
        width:30%;
    }
}

/*Contact us */
.contact textarea {
    width: 100%;
    max-width:100%;
    margin-bottom: 24px;
    padding: 15px 30px;
    border: 0;
    color: #3540f4;
}
.contact textarea::placeholder {
  color: #3540f4;
  opacity: 1; /* Firefox */
}

.contact textarea::-ms-input-placeholder { /* Edge 12 -18 */
  color: #3540f4;
}

/* Hiding ACT from conveyancing */
.convey-pack-section .state.act, .mob-convey-pack-section .accordion-item.js-accordion-item:last-child {
    display:none;
}

/* Hiding NT from conveyancing */
.convey-pack-section .state.nt, .mob-convey-pack-section .accordion-item.js-accordion-item:nth-last-child(2) {
    display:none;
}

.sale-pricing-table .accordion-heading, .sale-pricing-table .accordion-heading h5, .sale-pricing-table .accordion-content p, .rental-pricing-table .accordion-heading, .rental-pricing-table .accordion-heading h5, .rental-pricing-table .accordion-content p {
    font-size:1rem;
} 
.accordion-heading, .accordion-heading h5, .accordion-content p {
    font-size:1rem;
}
.sale-pricing-table .accordion-item.is-open .accordion-content, .sale-pricing-table .accordion-item .component-accordion .accordion-item.is-open .accordion-content, .sale-pricing-table .accordion-item.is-open .accordion-content p, .sale-pricing-table .accordion-item .component-accordion .accordion-item.is-open .accordion-content p, .rental-pricing-table .accordion-item.is-open .accordion-content, .rental-pricing-table .accordion-item .component-accordion .accordion-item.is-open .accordion-content, .rental-pricing-table .accordion-item.is-open .accordion-content p, .rental-pricing-table .accordion-item .component-accordion .accordion-item.is-open .accordion-content p {
    font-size:1rem;
}

/** Sep 27 2024 Updates */
/*.homepage-hero_cp.homepage-hero_cp--slim {*/
/*    height: ;*/
/*}*/

.carousel-center-mode-section.desktop,
.carousel-center-mode-section.mobile {
    padding: 0;
}

.camp-sales-campaigns .section-heading_cp {
    margin-bottom: 0;
}

#what-campaign-costs.camp-sales-campaigns .camp-sales-container .campaign-item {
    margin-top: 32px;
}

.steps .see-details {
    position: relative;
    aspect-ratio: 3 / 2;
    height: auto;
    background-color: transparent;
}

.steps .see-details .other-benefits-image {
    height: 100%;
    background-position: center;
}
.how-it-works-include-sold-section_cp .steps .step-item.step-item--simple {
    margin-left: -2.5%;
}
.how-it-works-include-sold-section_cp .steps .step-item.step-item--simple  .svg-icon { 
    color: rgba(53,64,244,.7)
}
.how-it-works-include-sold-section_cp--mod.how-it-works-include-sold-section_cp .display-one {
    min-height: 64px;
}
.camp-sales-campaigns .campaign-item.basic-plus .name {
    background: var(--background-dark);
    color: var(--background-light);
}
.trust-pilot_cp.trust-pilot_cp--mod h3 {
    text-align:center;
    font-size:1.125rem;
    margin-bottom: 0;
    font-weight: 500;
    text-wrap: balance;
}
.trust-pilot_cp.trust-pilot_cp--mod {
    padding: 24px 0;
}
@media screen and (min-width: 1220px) {
    .trust-pilot_cp.trust-pilot_cp--mod h3 {
        font-size:1.125rem;
        line-height: 1.33333;
    }
}


/** videos section */
.container.container--grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(7, 1fr);
    gap: 40px;
}

.container.container--grid.container--grid--sm {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.bmp__video-description {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    display: -ms-grid;
    display: grid;
    place-content: center;
}

.bmp__video-wrapper {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    aspect-ratio: 3 / 2;
    position: relative;
    background-size: cover;
    background-position: center;
}

.bmp__video-wrapper span.inline-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    cursor: pointer;
}

.bmp__video-wrapper span.inline-play .svg-icon {
    width: 100px;
    height: 100px;
    color: rgba(53,64,244,.7);
}

.bmp__video-description h3.section-heading.display-one {
    text-align: inherit;
}

.bmp__video-section {
   position: relative; 
   top: 24px;
}

.bmp__video-section.bmp__video--grey-bg {
    background: #f5f5f6;
}

.bmp__video-section .bmp__video-wrapper .white-popup, .home-modal-wrapper--mod .white-popup {
    height: 100%;
    display: block;
}

.bmp__video-section .bmp__video-wrapper .mfp-wrap {
    display: block;
}

.bmp__video-item .bmp__video-wrapper {
    margin-bottom: 20px;
}

.bmp__video-item .bmp__video-wrapper {
    margin-bottom: 20px;
}

.bmp__video-item h3.section-heading.display-one {
    font-size: 24px;
    line-height: 1.2;
}

.bmp__video-item {
    text-align: center;
}

.bmp__video-wrapper .how-it-works .pop-up-content video,
.home-modal-wrapper--mod.how-it-works .pop-up-content video {
    aspect-ratio: 1920 / 1080;
    max-width: 1024px;
    height: auto;
    width: 100%;
}

@media (max-width: 991px) {
    .container.container--grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .bmp__video-description, .bmp__video-wrapper {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
    .container.container--grid.container--grid--sm {
        -ms-grid-columns: 1fr 32px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px
    }
    .bmp__video-wrapper .how-it-works svg.svg-icon.hlClose,
    .how-it-works.home-modal-wrapper--mod svg.svg-icon.hlClose {
        top: 70px;
        right: 10px;
    }
}

@media (max-width: 767px) {
    .container.container--grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 500px;
    }
}


@media (max-width: 500px) {
    .container.container--grid.container--grid--sm {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.container.container--flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}

.container.container--flex .bmp__video-wrapper {
    width: 320px;
}

@media (max-width: 991px) {
    .bmp__video-description h3.section-heading.display-one {
        font-size: 1.5rem;
        line-height: 1.25
    }
    .container.container--flex {
        gap: 20px
    }
}

.article-section-wrapper .cta-item .heading {
    font-size: 1.125rem;
    line-height: 1.5
}