html {
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;    
    font-size: 100%
}

/* FIX: image from smaudience appear randomly within the web site. It causes a white gap. It does not have an ID or a class name*/
img {
    display: list-item;
}

*,
*:before,
*:after {
    box-sizing: inherit
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: overlay;
}

body {
    margin: 0;
    font: 16px/1 sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

p,
div,
h1,
h2,
h3,
h4 {
    color: #162261;
}

h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul {
    margin: 0;
    padding: 0
}

.widgetHeading {
    display: block;
}

main,
li {
    display: block
}

h1,
h2,
h3,
h4 {
    font-size: inherit
}

strong {
    font-weight: 700
}

a,
button {
    color: inherit;
    transition: .3s
}

a {
    text-decoration: none
}

button {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: none;
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border: 0
}

:focus {
    outline: 0
}

img {
    max-width: 100%;
    height: auto;
    border: 0
}


/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */

article,
aside,
footer,
header,
nav,
section {
    display: block
}

audio,
video {
    display: inline-block
}

img {
    border-style: none
}

svg {
    will-change: transform, fill, stroke;
    transition: all 150ms ease-in-out
}


svg * {
    fill: currentColor
}


svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: 'DM Sans', sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

input[type=button],
input[type=submit] {
    width: auto !important;
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

canvas {
    display: inline-block
}

[hidden] {
    display: none
}

body {
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
    color: #000D52;
    background-color: #fff
}

h1 {
    margin-top: 0;
    color: #000D52;
    -webkit-font-smoothing: antialiased;
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 10px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
}

@media screen and (min-width: 1220px) {
    h1 {
        font-size: 45px;
        line-height: 1.24444;
    }
}

h2 {
    margin-top: 0;
    color: #000D52;
    -webkit-font-smoothing: antialiased;
    font-size: 1.625rem;
    line-height: 1.23077;
    margin-bottom: 24px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
}

@media screen and (min-width: 1220px) {
    h2 {
        font-size: 2rem;
        line-height: 1.25;
        margin-bottom: 56px
    }
}


h3 {
    margin-top: 0;
    color: #000d52;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 1.27273;
    margin-bottom: 16px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    display: block;
    width: 100%;
}

@media screen and (min-width: 1220px) {
    h3 {
        font-size: 1.5rem;
        line-height: 1.33333;
        margin-bottom: 24px
    }
}

/* Display 1*/
h3.section-heading {
    font-weight: 700;
    text-align: center;
}

h4 {
    margin-top: 0;
    color: #000D52;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 8px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 34px;
    letter-spacing: 0.18px;
}

@media screen and (min-width: 1220px) {
    h4 {
        font-size: 1.125rem;
        line-height: 1.33333;
        margin-bottom: 8px
    }
}

h5 {
    margin-top: 0;
    color: #000D52;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 16px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
}

@media screen and (min-width: 1220px) {
    h5 {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 24px
    }
}

h6 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.14286;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: #77777a
}

/* Display style */

/* Display 1*/
.display-one,
.display-one a{
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 700;
    margin-bottom: 24px;
}

@media screen and (min-width: 1220px) {
    .display-one,
    .display-one a {
        font-size: 2.13rem;
        line-height: 1;
        margin-bottom: 24px;
    }
}


/* Display 2 */
.display-two {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-style: normal;
    font-weight: 700;
    color: #000D52;
    margin-bottom: 24px;
}

@media screen and (min-width: 1220px) {
    .display-two {
        font-size: 2.13rem;
        line-height: 2.8125rem;
        margin-bottom: 24px;
    }
}

p {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 24px;
    color: #000D52;
}

p:last-child {
    margin-bottom: 0px;
}

small,
.small {
    font-size: .8125rem;
    line-height: 1.84615
}

p strong,
p bold,
bold,
strong {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
}


h1 i,
h2 i,
h3 i,
h4 i,
h1 italic,
h2 italic,
h3 italic,
h4 italic,
h1 em,
h2 em,
h3 em,
h4 em {
    font-weight: 700;
}

strong,
bold {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
}

blockquote,
.quote {
    font-size: 1.5rem;
    line-height: 1.33333;
    margin-bottom: 24px;
    color: #50748a
}

sup {
    position: relative;
    top: -2px;
    left: 2px;
}

/* Sections */
.section {
    padding: 16px 0
}

.page-header-section {
    position: relative;
    padding: 0px;
}

.content-section {
    position: relative;
    padding: 40px 0
}

@media (min-width: 1220px) {
    .content-section {
        position: relative;
        padding: 40px 0
    }
}

section.breadcrumb {
    margin-top: 40px;
    margin-bottom: 0px;
    padding: 0px;
}

section.breadcrumb ul.breadcrumb {
    margin-bottom: 0px;
}

@media (min-width: 1220px) {
    section.breadcrumb {
        margin-top: 40px;
        margin-bottom: 0px;
        padding: 0px;
    }
}

/* Breadcrumb */
ul.breadcrumb {
    display: flex;
    align-items: flex-end;
    font-size: 15px;
    color: #757575;
    letter-spacing: 0.18px;
    line-height: 18px;
}

.breadcrumb-item::before {
    content: ">";
    margin-left: 5px;
    margin-right: 5px;
}


.breadcrumb-item:first-child::before {
    content: "";
    margin-left: 0px;
    margin-right: 0px;
}

ul {
    margin-bottom: 24px;
}

ol {
    padding-left: 12px;
    margin-bottom: 24px;
}

.component-tile-container ol {
    margin-left: 20px;
}

ol li {
    position: relative;
    counter-increment: step-counter;
}

ol li::before {
    content: counter(step-counter) ".";
    position: absolute;
    left: -30px;
    font-weight: normal;
}

ol ol {
    list-style: lower-alpha;
    list-style-type: lower-alpha;
    margin-bottom: 10px;
}

ol li ol li {
    position: relative;
    counter-increment: lowerAlphaListStyle;
}

ol li ol li::before {
    content: counter(lowerAlphaListStyle, lower-alpha) ".";
    position: absolute;
    left: -30px;
    font-weight: normal
}

ol ol ol {
    margin-bottom: 10px;
    list-style: lower-roman;
    list-style-type: lower-roman;
}


ol li ol li ol li {
    position: relative;
	counter-increment: lowerRomanListStyle;	
}


ol li ol li ol li::before {
    content: counter(lowerRomanListStyle, lower-roman) ".";
    position: absolute;
    left: -30px;
    font-weight: normal;
}

ol ol ol ul,
ol ol ol ol{
    margin-bottom: 10px;
    list-style: disc;
    list-style-type: disc;
    margin-left: 30px;
}

ol li ol li ol li ul li,
ol li ol li ol li ol li{
    position: relative;
}

ol li ol li ol li ul li::before,
ol li ol li ol li ol li::before{
    position: absolute;
    left: -30px;
    content: '•';
    font-weight: normal
}

.error:not(:empty) {
    color: #FE887C;
    margin-bottom: 40px;
}

.contact .right-col a,
.faq-accordion-section a,
.short-content-page .main-content .main-text a,
.short-content-page .main-content .main-text1 a,
.long-content-page .main-content .main-text1 a,
.long-content-page .main-content .main-text2 a {
    color: #3540F4;
}

.contact .right-col a.btn-primary,
.faq-accordion-section a.btn-primary,
.short-content-page .main-content .main-text a.btn-primary,
.short-content-page .main-content .main-text1 a.btn-primary,
.long-content-page .main-content .main-text1 a.btn-primary,
.long-content-page .main-content .main-text2 a.btn-primary {
    color: #fff;
}

.thank-you-book-a-call .social-media-share,
.page-not-found .social-media-share{
    display: none;
}

.reference-row {
    padding-top: 50px;
}


.reference-row,
.reference-row p{
    font-family: DM Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.18px;
    color: #757575;
}


.short-content-page .reference-row ul li:not(.breadcrumb-item),
.long-content-page .reference-row ul li:not(.breadcrumb-item) {
    color: #757575;
}

.responsive-table,
.short-content-page table,
.long-content-page table {
    margin-top: 30px;
    margin-bottom: 50px;
    border: 0px none;
    border-collapse: collapse;
}

.responsive-table .header-row{
    display: flex;
}

.responsive-table .header-row,
.short-content-page table th,
.long-content-page table th{
    font-weight: 700;
    background-color: #E0E0E0;
    text-align: left;
}

.responsive-table .header-row, 
.responsive-table .row,
.short-content-page table td,
.long-content-page table td,
.short-content-page table th,
.long-content-page table th{
    padding-top: 17px;
    padding-bottom: 17px;
    border: none;
    border-bottom: 1px solid #E8EAF6;
}

.short-content-page table td,
.long-content-page table td,
.short-content-page table th,
.long-content-page table th {
    padding: 17px 20px;
}

.responsive-table, .short-content-page table td, 
.long-content-page table td {
    vertical-align: top;
}

.responsive-table .left-col, .responsive-table .right-col {
    display: block;
    width: calc(50% - 20px);
    padding: 0px 20px;
}

.responsive-table .left-col {
    margin-right: 20px;
}

.responsive-table .right-col {
    margin-left: 20px;
}


/* Slick carousel */
.slick-container {
    height: 60%;
}

div[aria-hidden=true] {
    display: none;
}

.slick-slider, .slick-list, .slick-track {
    height: 100%;
}

.slider-container {
    position: relative
}

.slider-container .slick-initialized .slick-slide {
    display: block
}

.slider-container .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0;
    transition: opacity 500ms linear !important;
    z-index: 0 !important
}

.slider-container .slick-slide.slick-active { 
    z-index: 1 !important
}

.slider-container .slick-slider {
    overflow: hidden;
}

.carousel-background-image {
    width: 100%;
    height: 610px;
    background-size: cover;
}

.slider-container .slider-image-container {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background: #edecea;
    padding-bottom: 56.25%
}

.slider-container .slider-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.carousel-indicators {
    width: 100%;
    margin-top: 20px;
}

.slick-dots {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 8px;
    z-index: 99;
    margin: 0;
    list-style-type: none;
    text-align: center;
    transition: 0.3s opacity
}

.component-slider:hover .slick-dots {
    opacity: 1
}

.slick-dots > li {
    margin: 0;
    padding: 0;
    display: inline-block
}

.slick-dots > li::before {
    display: none
}

.slick-dots li {
    position: relative;
    width: 8px;
    height: 8px;
    margin-right: 16px
}

.slick-dots li:last-of-type {
    margin-right: 0
}

.slick-dots button {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #d8d9d6;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    transition: box-shadow 0.3s ease, background-color 0.3s ease
}

.slick-dots button:active,
.slick-dots button:focus {
    outline: none
}

.slick-active > button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d8d9d6
}

.dots-outside .slick-dots {
    bottom: -30px
}

.dots-left .slick-dots {
    left: 8px;
    -webkit-transform: none;
    transform: none
}

.dots-right .slick-dots {
    left: auto;
    right: 8px;
    -webkit-transform: none;
    transform: none
}

@-webkit-keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.btn {
    display: inline;
    padding: 10px 50px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.btn-primary {
    border: 1px solid #3540F4;
    border-radius: 5px;
    background-color: #3540F4;
}

.btn-secondary {
    border: 1px solid #3540F4;
    border-radius: 5px;
    background-color: #fff;
    color: #3540F4;
}

.btn-tertiary {
    border: 1px solid #91D6B9;
    border-radius: 5px;
    background-color: #91D6B9;
    color: #000D52;
}

.btn-salmon {
    border: 1px solid #91D6B9;
    border-radius: 5px;
    background-color: #91D6B9;
    color: #000D52;
}

.btn-rounded {
    border-radius: 80px !important;
}

.btn-shadow {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.no-padding {
    padding: 0 !important
}

.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-top-padding {
    padding-top: 0 !important
}

.no-bottom-padding {
    padding-bottom: 0 !important
}

.no-vertical-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

/*
    Menu
*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: none
}

hr {
    height: 1px;
    border: unset;
    background: #f6f5f4;
    margin-bottom: 77px;
}

.header {
    position: fixed;
    width: 100%;
    z-index: 1500;
}

.header .logo {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0;
    text-decoration: none;
}

.header-container {
    position: fixed;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 20px;
    background-color: #91D6B9;
    z-index: 5;
    flex-direction: row-reverse;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s linear 0s;
    height: 64px;
}

.header-container.contained {
    margin-right: auto;
    margin-left: auto;
    padding: 0 16px;
    max-width: calc(1200px + (16px * 2))
}

.header-sticky-container {
    overflow: hidden
}

.header-nav-link {
    color: #000D52;
}

body.sell header .pricing,
body.rent header .pricing_rent,
body.why-choose-us header .why-choose-us,
body.how-it-works header .how-it-works,
body.buy-property header .listings,
body.rent-property header .listings,
body.buy-property_properties header .listings,
body.buy-property_details header .listings,
body.rent-property_properties header .listings,
body.buy header .buy,
body.lease-rent-your-property header .listings,
body.support header .support,
body.help header .support,
body[class^="blog_"] header .support,
body.contact header .contact {
    font-weight: 700;
} 

@media (max-width: 1220px) {
    .header .logo {
        padding: 10px 0
    }
}

@media (min-width: 768px) {
    .header-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1220px) {
    .header-container {
        padding: 0px 20px;
        flex-direction: row;
        height: 84px;
    }

    .header.is-sticky {
        position: fixed;
    }

        .header.is-sticky .header-sticky-container {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            overflow: visible
        }

    .header-container {
        background-color: #91D6B9;
        padding: 20px 24px;
    }

        .header-container > * {
            position: relative;
            z-index: 2
        }
}


@media (min-width: 1460px) {
    .header-container {
        padding: 0px 86px;
    }
}

.header-menu-primary .btn {
    padding: 10px 20px;
    margin-right: 20px;
}

.header-menu-primary .btn:last-child {
    margin-right: 0px;
}

.header-menu-search,
.header-menu-back-btn {
    display: none
}

.header-menu-primary {
    list-style: none;
    padding: 0;
    margin: 0
}

.header-menu-primary li {
    padding: 0
}

.header-menu-primary > li {
    display: block;
    font-family: 'DM Sans', sans-serif;
    margin-bottom: 0
}

.header-menu-primary > li .is-active {
    font-family: 'DM Sans', sans-serif;
    padding-right: 20px;
}

.header-menu-primary a:hover{
    text-decoration: none;
}

.header-menu-primary {
    font-size: 18px
}

.header-nav-sub {
    display: none
}

.header-nav-link-icon {
    display: none
}

.header-nav-item .svg-icon.icon-search {
    color: transparent
}


.header-menu-primary .header-nav-item .phone-number strong {
    font-weight: 700 !important;
    font-size: 19px;
}

.header-menu .separator {
    margin-right: 15px;
}

@media (max-width: 1220px) {
    .header-menu-primary {
        display: none;
    }

    .header-menu {
        position: fixed;
        bottom: 0;
        left: -99%;
        width: calc(100% - 50px);
        top: 0px;
        padding-bottom: 64px;
        height: 100%;
        overflow-y: auto;
        background: #fff;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s linear 0s;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
    }

    .is-open-menu .header-container {
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 13, 82, 0.8);
    }


    .is-open-menu .header-menu {
        transform: translate3d(calc(100% - 38px * -1), 0, 0);
    }

    .is-open-submenu .header-menu .header-menu-back-btn {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0.5s
    }

    .is-open-submenu .header-menu .header-nav-sub-cont.is-active {
        z-index: 1
    }

    .is-open-submenu .header-menu .header-nav-sub-cont.is-active .header-nav-sub {
        opacity: 1;
        transform: translate(0%, 0);
        transform: translate3d(0%, 0, 0);
        transition-delay: 1s
    }

    .is-open-submenu .header-menu .is-inactive {
        transform: translate(-100%, 0);
        transform: translate3d(-100%, 0, 0);
        transition-delay: 0s
    }

    .is-open-submenu .header-menu .header-menu-secondary,
    .is-open-submenu .header-menu .header-menu-social {
        pointer-events: none;
        opacity: 0
    }

    .header-menu-search-input {
        height: 66px;
        margin: 0;
        color: #fff;
        border: none;
        background: #50748a
    }

    .header-menu-search-input::-webkit-input-placeholder {
        color: #fff
    }

    .header-menu-search-input:-moz-placeholder {
        color: #fff
    }

    .header-menu-search-input::-moz-placeholder {
        color: #fff
    }

    .header-menu-search-input:-ms-input-placeholder {
        color: #fff
    }

    .header-nav {
        overflow: hidden
    }

    .header-menu-primary {
        font-size: 18px
    }

    .header-nav-sub-cont {
        position: relative;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0.5s;
    }

    .header-nav-sub {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
        display: block;
        opacity: 0;
        transform: translate(100%, 0);
        transform: translate3d(100%, 0, 0);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s linear;
        transition-delay: 0s;
    }

    .header-nav-item {
        margin: 0;
    }

    li.header-nav-item--btn {
        padding: 10px 16px;
    }

    .header-nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 16px;
        min-height: 66px;
        border-bottom: 1px solid #edecea;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 1s;
        transform: translate(0, 0);
        transform: translate3d(0, 0, 0);
    }

    .header-nav-link:hover,
    .header-nav-link:focus {
        background: #f6f5f4;
        border-color: #f6f5f4
    }

    .header-nav-link:hover .header-nav-link-icon,
    .header-nav-link:focus .header-nav-link-icon {
        transform: translateX(8px)
    }

    .header-nav-link-icon {
        display: block;
        margin-left: auto;
        color: #50748a
    }

    .header-menu-secondary,
    .header-menu-social {
        transition: opacity 0.2s linear
    }

    .header-menu-secondary {
        margin-top: 16px;
        font-size: 16px
    }

    .header-menu-secondary a {
        display: block;
        padding: 5px 16px;
        color: #50748a
    }

    .header-menu-social {
        display: block;
        padding: 5px 16px
    }
}

@media (min-width: 1220px) {
    .header-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        width: 100%;
        background: transparent
    }

    .header-menu-primary {
        display: block
    }

    .header-menu-primary > li{
        display: inline-block;

    }
    .header-menu-primary > li .header-nav-link,
    .header-menu-primary > li .header-nav-has-children {
        margin: 11px 0px;
        padding: 5px 0px;
        text-align: center;
        display: block;
    }

    .header-menu-primary > li .header-nav-link.pricing {
        width: 69px;
        display: flex;
    }

    .header-menu-primary > li .header-nav-link.why-choose-us {
        width: 113px;
    }

    .header-menu-primary > li .header-nav-link.how-it-works {
        width: 130px;
    }

    /* Formerly known as listing now called View properties */
    .header-menu-primary > li .header-nav-link.listings {
        width: 138px;
        display: flex;
    }

    .header-menu-primary > li .header-nav-link.support {
        width: 65px;
    }

    .header-menu-primary > li .header-nav-link.contact {
        width: 100px;
    }

    .header-menu-primary > li:first-child {
        margin-left: 0
    }

    .header-menu-primary > li {
        vertical-align: middle
    }

    .header-menu-social {
        display: none
    }

    .header-nav-has-children,
    .header-nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-menu-search-btn {
        padding: 20px;
    }

    .header-menu-search-btn.is-open {
        background: #edecea;
    }

    .header-menu-primary {
        font-size: 15px;
    }
}

.mobile-menu-accordion {
    font-family: 'DM Sans', sans-serif;
}

.mobile-menu-accordion .mobile-menu-logo-close-bar {
    background-color: #91D6B9;
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}

.mobile-menu-logo-close-bar .header-hamburger {
    padding: 0px !important;
}

.mobile-menu-logo-close-bar .logo {
    margin-top: 7px;
    margin-bottom: 7px;
}

.mobile-menu-logo-close-bar span.header-hamburger-box {
    top: 20px;
}

.mobile-menu-logo-close-bar .logo,
.mobile-menu-logo-close-bar .header-hamburger {
    display: inline-block !important;
}

.mobile-menu-accordion .accordion-item.is-open .accordion-heading {
    background-color: #50748a;
}

.mobile-menu-accordion .accordion-heading {
    background: #50748a;
}

.accordion-item.is-open .mobile-menu-accordion .accordion-heading .mobile-menu-accordion .accordion-heading:focus {
    background-color: #50748a;
}

.component-accordion-widget .accordion-item.is-open .accordion-content a {
    border-bottom: 0px none;
}

.component-accordion.js-accordion.component-accordion-widget .accordion-content {
    padding: 20px;
}

.mobile-menu-accordion .accordion-heading:hover {
    background: #50748a;
}

.mobile-menu-accordion .accordion-heading .svg-icon {
    color: #fff;
}

.mobile-menu-accordion .accordion-item.is-open .accordion-content {
    padding: 0;
}

.mobile-menu-accordion .accordion-item.is-open .accordion-content a {
    background: #7ea8ad;
    font-family: 'DM Sans', sans-serif;
}

.mobile-menu-accordion .accordion-title {
    font-family: 'DM Sans', sans-serif;
    color: #fff;
}

.mobile-menu-accordion-static-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.mobile-menu-accordion .btn {
    display: inline-block;
    text-align: center;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    height: 66px;
    line-height: 43px;
    font-size: 20px;
}

.mobile-menu-accordion .btn-login {
    background-color: transparent;
    color: #3B76F8;
    border: 1px solid #3B76F8;
}

.mobile-menu-accordion .btn-login:hover {
    background-color: #3B76F8;
    color: #fff;
    border: 1px solid #3B76F8;
}

.mobile-menu-accordion .btn-sign-up {
    background-color: #FE887C;
    color: #fff;
    border: 1px solid #FE887C;
}

.mobile-menu-accordion .btn-sign-up:hover {
    background-color: #fff;
    color: #FE887C;
    border: 1px solid #FE887C;
}

.mobile-menu-accordion-static-list li {
    padding: 0;
}

.mobile-menu-accordion-static-list li {
    padding-top: 25px;
}

.mobile-menu-accordion-static-list li::before {
    display: none;
}

.mobile-menu-accordion-static-link {
    display: block;
    background: #fff;
    border-bottom: 0px none;
    font-weight: 700;
    font-family: 'DM Sans', sans-serif;
    color: #685EF4;
}

.mobile-menu-accordion-static-list li {
    padding: 8px 30px;
    margin-top: 10px;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.15px;
    color: #000D52;
}

.mobile-menu-accordion-static-text {
    margin: 0;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.15px;
    color: #000D52;
}


.mobile-menu-phone {
    display: block;
    width: calc(100% - 30px);
}

.mobile-menu-phone a.phone-number {
    text-align: right;
    width: 100%;
    display: block;
    font-size: 24px;
}

.logo .desktop {
    display: none;
}

.logo .mobile {
    display: block;
}


@media (min-width: 1320px) {
    .logo .desktop {
        display: block;
        width: 219px
    }

    .logo .mobile {
        display: none;
    }
}

@media (min-width: 1220px) {

    .mobile-menu-accordion {
        display: none;
    }

    .mobile-menu-phone {
        display: none;
        width: 0px;
    }
}

.header-hamburger {
    position: relative;
    z-index: 1;
    padding: 16px 26px 16px 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: none;
    margin: 0;
    overflow: visible;
}

.header-hamburger:hover {
    background-color: transparent;
}
.header-hamburger:hover .header-hamburger-inner,
.header-hamburger:hover .header-hamburger-inner::before,
.header-hamburger:hover .header-hamburger-inner::after {
    background-color: #333e48;
}
.header-hamburger-box {
    width: 18px;
    height: 12px;
    display: inline-block;
    position: relative;
}
.header-hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
}
.header-hamburger-inner,
.header-hamburger-inner::before,
.header-hamburger-inner::after {
    width: 18px;
    height: 2px;
    background-color: #000D52;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.header-hamburger-inner::before,
.header-hamburger-inner::after {
    content: "";
    display: block;
}
.header-hamburger-inner::before {
    top: -5px;
}
.header-hamburger-inner::after {
    bottom: -5px;
}

.is-open-menu .header-hamburger--squeeze {
    background-color: transparent;
}


.is-open-menu .header-hamburger--squeeze .header-hamburger-inner::before {
    transform: translateY(0.1em) translateX(-0.3em) rotate(135deg) scaleX(0.6);
}

.is-open-menu .header-hamburger--squeeze .header-hamburger-inner::after {
    transform: translateY(-0.1em) translateX(-0.3em) rotate(-135deg) scaleX(0.6);
}

.is-open-menu .header-container {
    flex-direction: row;
    justify-content: flex-start;
}

.is-open-menu .header-hamburger {
    padding: 16px;
    padding-left: 26px;
    display: none;
}

.is-open-menu .logo,
.is-open-menu .header-hamburger {
    display: none;
}

@media (min-width: 1220px) {
    .header-hamburger {
        display: none;
        padding: 24px
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    max-width: 1230px;
}

.wide-container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 60px;
}

.menu-wide-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1300px) {
    .menu-wide-container {
        padding-left: 100px;
        padding-right: 100px;
        display: flex;
        flex-direction: row;
    }

    .property-listing .menu-wide-container {
        max-width: 1720px;
    }

    .support .menu-wide-container {
        flex-direction: column;
    }

    .property-details .menu-wide-container {
        max-width: 1614px;
    }
}

.header-menu-primary .js-pricing .js-child-pricing-menu,
.header-menu-primary .js-listings .js-child-listings-menu {
    background-color: #fff;
    position: absolute;
    display: none;
    z-index: 1044;
    width: 170px;
}

.header-menu-primary .js-listings .js-child-listings-menu {
    width: 178px;
}

.header-menu-primary .js-pricing:hover .js-child-pricing-menu,
.header-menu-primary .js-listings:hover .js-child-listings-menu {
    display: block;
    animation: fade-in 1s;
}

.header-menu-primary .js-pricing:not(:hover) .js-child-pricing-menu.did-fade-in,
.header-menu-primary .js-listings:not(:hover) .js-child-listings-menu.did-fade-in {
    display: block;
    animation: fade-out 1s;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.mobile-menu-accordion-static-list .js-child-pricing-menu,
.mobile-menu-accordion-static-list .js-child-listings-menu {
    display: none;
    margin-bottom: 0px;
}

.header-menu-primary .js-child-pricing-menu .row,
.header-menu-primary .js-child-listings-menu .row{
    padding: 10px 20px;
}

.header-menu-primary .js-child-pricing-menu .row:hover,
.header-menu-primary .js-child-listings-menu .row:hover{
    background-color: #E8EAF6;
}

.header-menu-primary .js-child-pricing-menu .row:first-child,
.header-menu-primary .js-child-listings-menu .row:first-child{
    border-bottom: 2px solid #E8EAF6;
}

.header-menu-primary .js-pricing .svg-icon,
.header-menu-primary .js-listings .svg-icon {
    width: 12px;
    height: 10px;
    margin-left: 6px;
}


.mobile-menu-accordion-static-list .js-pricing .svg-icon, 
.mobile-menu-accordion-static-list .js-listings .svg-icon {
    width: 20px;
    height: 20px;
    margin-left: 13px;
    margin-top: 5px;
    color: #000D52;
}

.header-menu-primary .js-pricing:hover .svg-icon,
.header-menu-primary .js-listings:hover .svg-icon,
.mobile-menu-accordion-static-list .js-pricing:hover .svg-icon,
.mobile-menu-accordion-static-list .js-listings:hover .svg-icon {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.header-menu-primary .js-pricing .pricing .item,
.header-menu-primary .js-listings .listings .item {
    padding-bottom: 6px;
    border-bottom: 2px solid #91D6B9;
    margin-top: 8px;
}

.header-menu-primary .js-listings:hover .listings .item {
    padding-bottom: 6px;
    border-bottom: 2px solid #3540F4;
}

.mobile-menu-accordion-static-link.js-pricing,
.mobile-menu-accordion-static-link.js-listings {
    display: flex;
}

/*
    Key messages header
*/
.key-messages-header,
.mobile-key-messages-header {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000D52;
    color: #fff;
    height: 56px;
}

.key-messages-header div,
.mobile-key-messages-header div {
    color: #fff;
    width: calc(25% - 1px);
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 32px;
    align-items: center;
    font-size: 14px;
}

.key-messages-header div {
    display: none;
}

.mobile-key-messages-header {
    width: 100%;
    overflow: hidden;
}

.mobile-key-messages-header div {
    width: 100%;
}

.key-messages-header .separator {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #000D52;
    display: block;
    width: 1px;
    height: 100%;
}

.key-messages-header div svg,
.key-messages-header div img,
.mobile-key-messages-header div svg,
.mobile-key-messages-header div img {
    margin-right: 20px;
}

.mobile-key-messages-header .slick-slide {
    line-height: 32px;
    display: flex;
}

.key-messages-header .svg-icon,
.mobile-key-messages-header .svg-icon {
    color: #91D6B9;
    width: 32px;
    height: 32px;
}

.key-messages-header .save-money-icon,
.mobile-key-messages-header .save-money-icon {
    width: 32px;
    height: 32px;
}

.key-messages-header .expert-help-icon,
.mobile-key-messages-header .expert-help-icon {
    width: 20px;
    height: 28px;
}

.key-messages-header .home-listing-icon,
.mobile-key-messages-header .home-listing-icon,
.key-messages-header .rea-domain-icon,
.mobile-key-messages-header .rea-domain-icon {
    width: 32px;
    height: 32px;
}

.mobile-key-messages-header {
    display: flex;
    position: fixed;
    top: 64px;
    width: 100%;
    height: 48px;
}

.campaign-comparison .highlight {
    color: #91D6B9;
}

.key-messages-header {
    display: none;
    height: 0px;
}

@media screen and (min-width: 1220px) {
    .mobile-key-messages-header {
        display: none;
        height: 0px;
    }

    .key-messages-header {
        display: flex;
        position: fixed;
        top: 84px;
        width: 100%;
        height: 52px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .key-messages-header div {
        display: flex;
    }
}

@media screen and (min-width: 1400px) {
    .key-messages-header div {
        font-size: 16px;
    }
}

/*
    Pop-up
*/
svg.svg-icon.hlClose {
    position: fixed;
    top: 45px;
    right: 85px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: #fff;
    z-index: 999;
}

.mfp-wrap {
    top: 64px;
    left: 0;
    width: 100%;
    height: calc(100% - 64px);
    z-index: 2000;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    border-left: 40px solid rgba(26, 37, 99, 0);
    border-right: 40px solid rgba(26, 37, 99, 0);
    border-top: 30px solid rgba(26, 37, 99, 0);
    border-bottom: 30px solid rgba(26, 37, 99, 0);
    background-color: rgba(26, 37, 99, 0.95)
}

@media (min-width: 1220px) {
    .mfp-wrap {
        top: 0px;
        height: 100%;
    }
}

/*
    Carousel
*/
.homepage-carousel,
.homepage-carousel .carousel-inner,
.homepage-carousel .carousel-left-col {
    position: relative;
    top: 0px;
    height: 280px;
    overflow: hidden;
}

.homepage-carousel {
    height: initial;
    display: flex;
    flex-direction: column;
}

.homepage-carousel .carousel-left-col {
    background: rgba(254, 136, 124, 0.05);
    min-height: 384px;
    padding: 24px;
}

.homepage-carousel .carousel-right-col {
    height: initial;
    position: relative;
    padding: 24px;
}

.homepage-carousel .carousel-text {
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    display: flex;
    flex-direction: column;
    max-width: 327px;
    overflow: visible;
    text-align: center;
}

.homepage-carousel .savings-calculator .heading {
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
}

.homepage-carousel .btn-carousel {
    background-color: #3540F4;
    border-radius: 36px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.15px;
    text-align: center;
    width: 225px;
    height: 48px;
    color: #fff;
}

.homepage .carousel-indicators {
    margin-top: 20px;
    margin-bottom: 0px;
}

@media (min-width: 1220px) {
    .homepage .carousel-indicators {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.homepage .carousel-indicators .slick-dots li {
    position: relative;
    width: 8px;
    height: 8px;
    margin-right: 32px;
    margin-bottom: 2px;
}

.homepage .carousel-indicators .slick-dots button {
    width: 16px;
    height: 16px;
    background-color: rgba(53, 64, 244, 0.2);
}

.homepage .carousel-indicators .slick-active > button,
.homepage .slick-slide:nth-child(2).slick-active .carousel-indicators .slick-dots li:nth-child(2) button,
.homepage .slick-slide:nth-child(3).slick-active .carousel-indicators .slick-dots li:nth-child(3) button,
.homepage .slick-slide:nth-child(4).slick-active .carousel-indicators .slick-dots li:nth-child(4) button {
    background-color: #3540F4;
    box-shadow: initial;
}

.homepage-carousel .btn-carousel {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}

div#home-actual-carousel {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.homepage-carousel .savings-calculator {
    max-width: 818px;
    margin-left: initial;
    margin-right: initial;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    justify-content: space-between;
    height: 100%;
}

.homepage-carousel.slider-container .slick-initialized .slick-slide {
    display: flex;
}

.homepage-carousel .savings-calculator .btn-carousel,
.pricing-v2 .savings-calculator .btn-carousel{
    background-color: #91D6B9;
    color: #000D52;
}

@media (min-width: 728px) {
    .homepage-carousel {
        height: initial;
    }

    .homepage-carousel .carousel-left-col {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 384px;
        padding: 34px;
    }

    .homepage-carousel .carousel-right-col {
        width: 100%;
        height: initial;
        padding: 34px;
    }

    .homepage-carousel .carousel-text {
        font-size: 45px;
        line-height: 56px;
        max-width: 640px;
        display: flex;
        flex-direction: column;
    }

    .homepage-carousel .savings-calculator .heading {
        font-size: 45px;
        line-height: 56px;
    }

    .homepage-carousel .btn-carousel {
        margin-top: 24px;
        margin-bottom: 34px;
    }
}

@media (min-width: 1220px) {
    .homepage-carousel.slider-container .slick-initialized .slick-slide {
        display: flex;
    }

    .homepage-carousel {
        background-color: #000D52;
        height: 690px;
        display: flex;
        flex-direction: row;
    }

    .homepage-carousel .slide-item {
        display: flex;
        flex-direction: row;
        background-color: #000D52;
        color: #fff;
    }

    .homepage-carousel .carousel-left-col {
        width: 40%;
        min-width: 576px;
        display: flex;
        flex-direction: column;
        background-color: #000D52;
        height: 100%;
        padding: 40px;
    }

    .homepage-carousel .carousel-right-col {
        width: 60%;
        min-width: calc(1220px - 576px);
        height: 100%;
        display: flex;
        padding: 40px;
    }

    .homepage-carousel .savings-calculator {
        margin-left: auto;
        margin-right: auto;
    }

    .homepage-carousel .carousel-text {
        font-size: 45px;
        font-weight: 700;
        line-height: 56px;
        color: #fff;
        max-width: 525px;
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
    }

    .homepage-carousel .savings-calculator .heading {
        font-size: 45px;
        line-height: 56px;
    }

    .homepage-carousel .btn-carousel {
        margin-top: 35px;
        margin-bottom: 30px;
        background-color: #91D6B9;
        color: #000D52;
        margin: auto;
    }

    .homepage .carousel-indicators {
        display: flex;
    }

    .homepage .carousel-indicators .slick-dots button {
        background-color: rgba(255, 255, 255, 0.38);
    }

    .homepage .carousel-indicators .slick-active > button,
    .homepage .slick-slide:nth-child(2).slick-active .carousel-indicators .slick-dots li:nth-child(2) button,
    .homepage .slick-slide:nth-child(3).slick-active .carousel-indicators .slick-dots li:nth-child(3) button,
    .homepage .slick-slide:nth-child(4).slick-active .carousel-indicators .slick-dots li:nth-child(4) button {
        background-color: #fff;
    }
}

@media (min-width: 1454px) {
    .homepage-carousel {
        height: 610px;
    }

    .homepage-carousel .carousel-right-col {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.homepage .campaign-what-we-do {
    padding-top: 40px;
    padding-bottom: 0px;
}

.homepage .campaign-what-we-do .heading {
    text-align: center;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    justify-content: center;
    display: block;
}

@media (min-width: 728px) {
    .homepage .campaign-what-we-do {
        padding-top: 64px;
    }

    .homepage .campaign-what-we-do .heading {
        font-size: 45px;
        line-height: 56px;
    }
}

@media (min-width: 1220px) {
    .homepage .campaign-what-we-do {
        padding-top: 64px;
        padding-bottom: 80px;
    }

    .homepage .campaign-what-we-do .heading {
        font-size: 56px;
        line-height: 72px;
        letter-spacing: -0.5px;
    }
}

@media (min-width: 1440px) {
    .homepage .campaign-what-we-do {
        padding-top: 64px;
        padding-bottom: 76.8px;
    }
}

.homepage .feature-dots {
    background-color: rgba(254, 136, 124, 0.05);
}

/*
    We save you money
*/

.campaign-what-we-do {
    background: rgba(254, 136, 124, 0.05);
}

.save-money-calculator .left-col.we-save-you-money {
    background: rgba(254, 136, 124, 0.05);
}

.save-money-calculator .left-col,
.save-money-calculator .right-col {
    width: 100%;
    padding: 24px;

}

.save-money-calculator .left-col {
    padding-bottom: 50px;
}

.save-money-calculator .right-col {
    position: relative;
}

.savings-calculator .btn-primary,
.savings-calculator .btn-secondary {
    font-size: 14.4px;
    margin-top: 27px;
    display: inline-block;
}

.savings-calculator .button-row {
    padding: 0px;
}

.savings-calculator .button-row .left-col,
.savings-calculator .button-row .right-col {
    padding: 0px;
}

.savings-calculator .button-row .btn:first-child {
    margin-right: 16.6px;
}

.savings-calculator .button-row .btn {
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 10px 30px;
    margin-bottom: 0px;
    margin-top: 35px;
}

.save-money-calculator .button-row .right-col:before {
    background-color: transparent !important;
}

.save-money-calculator .right-col:before,
.homepage-carousel .carousel-right-col:before{
    display: block;
    content: '';
    background-color: rgba(0,13,82, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.rent-pricing .save-money-calculator .right-col:before {
    display: initial;
    content: initial;
    background-color: transparent;
    width: initial;
    height: initial;
    position: initial;
    top: initial;
    left: initial;
}

.savings-calculator .min-spend {
    margin-top: 10px;
    display: none;
}


.savings-calculator .min-spend.show {
    display: block;
}

.rent-pricing .save-money-calculator {
    display: none;
}

@media screen and (min-width: 768px) {
    .save-money-calculator .left-col {
        padding-bottom: 0px;
    }

    .save-money-calculator .we-save-you-money,
    .save-money-calculator .savings-calculator {
        max-width: 576px;
        margin: auto;
    }

    .save-money-calculator .left-col,
    .save-money-calculator .right-col {
        max-width: initial;
        width: 100%;
    }

    .savings-calculator .button-row .btn {
        font-size: 20px;
        width: calc(50% - 8.3px);
    }
}

@media screen and (min-width: 1220px) {
    .campaign-what-we-do {
        background: #fff;
    }

    .save-money-calculator .left-col.we-save-you-money {
        background: #fff;
        padding-left: 0px;
    }

    .save-money-calculator .left-col,
    .save-money-calculator .right-col {
        max-width: initial;
        width: 50%;
        padding: 56px;
    }

    .save-money-calculator .we-save-you-money {
        max-width: 571px;
        margin: initial;
        margin-left: auto;
    }

    .save-money-calculator .savings-calculator {
        max-width: 525px;
        margin: initial;
        margin-right: auto;
    }

    .rent-pricing .save-money-calculator {
        display: block;
    }

    .pricing-v2 .save-money-calculator .we-save-you-money,
    .pricing-v2 .save-money-calculator .savings-calculator {
        max-width: 540px;
    }

    .save-money-calculator .left-col,
    .save-money-calculator .right-col {
        width: 50%;
    }
}

.save-money-calculator .container:first-child {
    padding: 0px;
    max-width: initial;
}

@media screen and (min-width: 1366px) {
    .we-save-you-money {
        max-width: 625px;
        margin-left: auto;
    }

    .savings-calculator {
        max-width: 625px;
        margin-right: auto;
    }
}

.we-save-you-money .heading,
.savings-calculator .heading,
.we-partner-with-you .heading {
    font-size: 2.13rem;
    line-height: 1.5;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: left;
    display: block;
    margin-bottom: 16px;
}

.we-save-you-money .description,
.savings-calculator .description {
    display: block;
}

.savings-calculator .heading,
.savings-calculator .description,
.savings-calculator p {
    color: #fff;
}

.we-save-you-money ul {
    margin-bottom: 32px;
}

.we-save-you-money .heading {
    display: none;
}

@media screen and (min-width: 768px) {
    .we-save-you-money .heading,
    .save-money-calculator .heading,
    .we-partner-with-you .heading {
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        letter-spacing: 0px;
        text-align: left;
    }

    .we-save-you-money ul {
        margin-bottom: 32px;
    }
}

@media screen and (min-width: 1366px) {
    .we-save-you-money .heading,
    .save-money-calculator .heading,
    .we-partner-with-you .heading {
        font-family: DM Sans;
        font-size: 2.13rem;
        line-height: 1.5;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0px;
        text-align: left;
    }

    .we-save-you-money .heading {
        display: block;
    }

    .we-save-you-money ul {
        margin-bottom: 72px;
    }
}


.we-save-you-money li {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.18px;
    color: #000D52;
    margin-bottom: 20px;
    display: flex;
}

.we-save-you-money p,
.savings-calculator p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.18px;
    margin-bottom: 32px;
    text-align: left;
}

.we-save-you-money li.circle-dollar:before {
    content: "";
    display: inline-block;
    height: 40px;
    width: 40px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC 40OCAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40OCAyMCAxMCAyMEMxNS41MiAyMCAyMCAxNS41M iAyMCAxMEMyMCA0LjQ4IDE1LjUyIDAgMTAgMFpNMTAgMThDNS41OSAxOCAyIDE0LjQxIDIgMTBD MiA1LjU5IDUuNTkgMiAxMCAyQzE0LjQxIDIgMTggNS41OSAxOCAxMEMxOCAxNC40MSAxNC40MSA xOCAxMCAxOFpNMTAuMzEgOS4xNEM4LjU0IDguNjkgNy45NyA4LjIgNy45NyA3LjQ3QzcuOTcgNi 42MyA4Ljc2IDYuMDQgMTAuMDcgNi4wNEMxMS40NSA2LjA0IDExLjk3IDYuNyAxMi4wMSA3LjY4S DEzLjcyQzEzLjY3IDYuMzQgMTIuODUgNS4xMSAxMS4yMyA0LjcxVjNMOC45IDNWNC42OUM3LjM5 IDUuMDEgNi4xOCA1Ljk5IDYuMTggNy41QzYuMTggOS4yOSA3LjY3IDEwLjE5IDkuODQgMTAuNzF DMTEuNzkgMTEuMTcgMTIuMTggMTEuODYgMTIuMTggMTIuNThDMTIuMTggMTMuMTEgMTEuNzkgMT MuOTcgMTAuMDggMTMuOTdDOC40OCAxMy45NyA3Ljg1IDEzLjI1IDcuNzYgMTIuMzNINi4wNEM2L jE0IDE0LjAzIDcuNCAxNC45OSA4LjkgMTUuM1YxN0gxMS4yNFYxNS4zM0MxMi43NiAxNS4wNCAx My45NiAxNC4xNyAxMy45NyAxMi41NkMxMy45NiAxMC4zNiAxMi4wNyA5LjYgMTAuMzEgOS4xNFo iIGZpbGw9IiMzNTQwRjQiLz4KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 18px;
    position: relative;
    top: 5px;
    left: 2px;
}

.we-save-you-money li.smile:before {
    content: "";
    display: inline-block;
    height: 48px;
    width: 48px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUgMT EuNzU5OEMxNi4zMjg0IDExLjc1OTggMTcgMTEuMDg4MiAxNyAxMC4yNTk4QzE3IDkuNDMxMzQgM TYuMzI4NCA4Ljc1OTc3IDE1LjUgOC43NTk3N0MxNC42NzE2IDguNzU5NzcgMTQgOS40MzEzNCAx NCAxMC4yNTk4QzE0IDExLjA4ODIgMTQuNjcxNiAxMS43NTk4IDE1LjUgMTEuNzU5OFoiIGZpbGw 9IiMzNTQwRjQiLz4KPHBhdGggZD0iTTguNSAxMS43NTk4QzkuMzI4NDMgMTEuNzU5OCAxMCAxMS 4wODgyIDEwIDEwLjI1OThDMTAgOS40MzEzNCA5LjMyODQzIDguNzU5NzcgOC41IDguNzU5NzdDN y42NzE1NyA4Ljc1OTc3IDcgOS40MzEzNCA3IDEwLjI1OThDNyAxMS4wODgyIDcuNjcxNTcgMTEu NzU5OCA4LjUgMTEuNzU5OFoiIGZpbGw9IiMzNTQwRjQiLz4KPHBhdGggZD0iTTEyIDE2Ljc1OTh DMTAuNTIgMTYuNzU5OCA5LjI1IDE1Ljk0OTggOC41NSAxNC43NTk4SDYuODhDNy42OCAxNi44MD k4IDkuNjcgMTguMjU5OCAxMiAxOC4yNTk4QzE0LjMzIDE4LjI1OTggMTYuMzIgMTYuODA5OCAxN y4xMiAxNC43NTk4TDE1LjQ1IDE0Ljc1OThDMTQuNzUgMTUuOTQ5OCAxMy40OCAxNi43NTk4IDEy IDE2Ljc1OThaTTExLjk5IDIuNzU5NzdDNi40NyAyLjc1OTc3IDIgNy4yMzk3NyAyIDEyLjc1OTh DMiAxOC4yNzk4IDYuNDcgMjIuNzU5OCAxMS45OSAyMi43NTk4QzE3LjUyIDIyLjc1OTggMjIgMT guMjc5OCAyMiAxMi43NTk4QzIyIDcuMjM5NzcgMTcuNTIgMi43NTk3NyAxMS45OSAyLjc1OTc3W k0xMiAyMC43NTk4QzcuNTggMjAuNzU5OCA0IDE3LjE3OTggNCAxMi43NTk4QzQgOC4zMzk3NyA3 LjU4IDQuNzU5NzcgMTIgNC43NTk3N0MxNi40MiA0Ljc1OTc3IDIwIDguMzM5NzcgMjAgMTIuNzU 5OEMyMCAxNy4xNzk4IDE2LjQyIDIwLjc1OTggMTIgMjAuNzU5OFoiIGZpbGw9IiMzNTQwRjQiLz 4KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 18px;
    position: relative;
    top: 2px;
}

.we-save-you-money li.phone:before {
    content: "";
    display: inline-block;
    height: 38px;
    width: 38px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQwNz MgMTMuMDE5NUwxMy44NjczIDEyLjcyOTVDMTMuMjU3MyAxMi42NTk1IDEyLjY1NzMgMTIuODY5N SAxMi4yMjczIDEzLjI5OTVMMTAuMzg3MyAxNS4xMzk1QzcuNTU3MjkgMTMuNjk5NSA1LjIzNzI5 IDExLjM4OTUgMy43OTcyOSA4LjU0OTUzTDUuNjQ3MjkgNi42OTk1M0M2LjA3NzI5IDYuMjY5NTM gNi4yODcyOSA1LjY2OTUzIDYuMjE3MjkgNS4wNTk1M0w1LjkyNzI5IDIuNTM5NTNDNS44MDcyOS AxLjUyOTUzIDQuOTU3MjkgMC43Njk1MzEgMy45MzcyOSAwLjc2OTUzMUgyLjIwNzI5QzEuMDc3M jkgMC43Njk1MzEgMC4xMzcyODcgMS43MDk1MyAwLjIwNzI4NyAyLjgzOTUzQzAuNzM3Mjg3IDEx LjM3OTUgNy41NjcyOSAxOC4xOTk1IDE2LjA5NzMgMTguNzI5NUMxNy4yMjczIDE4Ljc5OTUgMTg uMTY3MyAxNy44NTk1IDE4LjE2NzMgMTYuNzI5NVYxNC45OTk1QzE4LjE3NzMgMTMuOTg5NSAxNy 40MTczIDEzLjEzOTUgMTYuNDA3MyAxMy4wMTk1WiIgZmlsbD0iIzM1NDBGNCIvPgo8L3N2Zz4=');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 18px;
    position: relative;
    top: 6px;
}

.we-save-you-money li.pencil:before {
    content: "";
    display: inline-block;
    height: 36px;
    width: 36px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjA2ID YuMDJMMTEuOTggNi45NEwyLjkyIDE2SDJWMTUuMDhMMTEuMDYgNi4wMlpNMTQuNjYgMEMxNC40M SAwIDE0LjE1IDAuMSAxMy45NiAwLjI5TDEyLjEzIDIuMTJMMTUuODggNS44N0wxNy43MSA0LjA0 QzE4LjEgMy42NSAxOC4xIDMuMDIgMTcuNzEgMi42M0wxNS4zNyAwLjI5QzE1LjE3IDAuMDkgMTQ uOTIgMCAxNC42NiAwWk0xMS4wNiAzLjE5TDAgMTQuMjVMMCAxOEgzLjc1TDE0LjgxIDYuOTRMMT EuMDYgMy4xOVoiIGZpbGw9IiMzNTQwRjQiLz4KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 18px;
    position: relative;
    top: 5px;
}

.we-save-you-money li.crossed-dollar:before {
    content: "";
    display: inline-block;
    height: 44px;
    width: 44px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNTAwMD YgMy45QzEwLjI4MDEgMy45IDEwLjk0MDEgNC43NSAxMS4wMDAxIDZIMTMuMjEwMUMxMy4xNDAxI DQuMjggMTIuMDkwMSAyLjcgMTAuMDAwMSAyLjE5VjBMNy4wMDAwNiAwVjIuMTZDNi42MTAwNiAy LjI0IDYuMjUwMDYgMi4zNyA1LjkwMDA2IDIuNTJMNy40MTAwNiA0LjAzQzcuNzMwMDYgMy45NSA 4LjEwMDA2IDMuOSA4LjUwMDA2IDMuOVpNMS40NzAwNiAwLjkyTDAuMDYwMDU4NiAyLjMzTDMuNT AwMDYgNS43N0MzLjUwMDA2IDcuODUgNS4wNjAwNiA4Ljk5IDcuNDEwMDYgOS42OEwxMC45MjAxI DEzLjE5QzEwLjU4MDEgMTMuNjggOS44NzAwNiAxNC4xIDguNTAwMDYgMTQuMUM2LjQ0MDA2IDE0 LjEgNS42MzAwNiAxMy4xOCA1LjUyMDA2IDEySDMuMzIwMDZDMy40NDAwNiAxNC4xOSA1LjA4MDA 2IDE1LjQyIDcuMDAwMDYgMTUuODNWMThIMTAuMDAwMVYxNS44NUMxMC45NjAxIDE1LjY3IDExLj gzMDEgMTUuMyAxMi40NjAxIDE0LjczTDE0LjY4MDEgMTYuOTVMMTYuMDkwMSAxNS41NEwxLjQ3M DA2IDAuOTJaIiBmaWxsPSIjMzU0MEY0Ii8+Cjwvc3ZnPg==');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 18px;
    position: relative;
    top: 6px;
}

.rent-pricing .we-save-you-money li.crossed-dollar:before {
    height: 65px;
    width: 65px;
}

.we-save-you-money li.tick:before {
    content: "";
    display: inline-block;
    height: 36px;
    width: 36px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDAuNz U5NzY2QzQuNDggMC43NTk3NjYgMCA1LjIzOTc3IDAgMTAuNzU5OEMwIDE2LjI3OTggNC40OCAyM C43NTk4IDEwIDIwLjc1OThDMTUuNTIgMjAuNzU5OCAyMCAxNi4yNzk4IDIwIDEwLjc1OThDMjAg NS4yMzk3NyAxNS41MiAwLjc1OTc2NiAxMCAwLjc1OTc2NlpNMTAgMTguNzU5OEM1LjU5IDE4Ljc 1OTggMiAxNS4xNjk4IDIgMTAuNzU5OEMyIDYuMzQ5NzcgNS41OSAyLjc1OTc3IDEwIDIuNzU5Nz dDMTQuNDEgMi43NTk3NyAxOCA2LjM0OTc3IDE4IDEwLjc1OThDMTggMTUuMTY5OCAxNC40MSAxO C43NTk4IDEwIDE4Ljc1OThaTTEzLjg4IDcuMDQ5NzdMOCAxMi45Mjk4TDYuMTIgMTEuMDQ5OEM1 LjczIDEwLjY1OTggNS4xIDEwLjY1OTggNC43MSAxMS4wNDk4QzQuMzIgMTEuNDM5OCA0LjMyIDE yLjA2OTggNC43MSAxMi40NTk4TDcuMyAxNS4wNDk4QzcuNjkgMTUuNDM5OCA4LjMyIDE1LjQzOT ggOC43MSAxNS4wNDk4TDE1LjMgOC40NTk3N0MxNS42OSA4LjA2OTc3IDE1LjY5IDcuNDM5NzcgM TUuMyA3LjA0OTc3QzE0LjkxIDYuNjU5NzcgMTQuMjcgNi42NTk3NyAxMy44OCA3LjA0OTc3WiIg ZmlsbD0iIzM1NDBGNCIvPgo8L3N2Zz4= '); background-size: contain;
    background-repeat: no-repeat;
    margin-right: 18px;
    position: relative;
    top: 2px;
    left: 2px;
}

.savings-calculator .calculator-row {
    display: flex;
}

.savings-calculator .calculator-row .left-col,
.savings-calculator .calculator-row .right-col {
    padding: 0px;
}


.savings-calculator .calculator-row input,
.savings-calculator .calculator-row select {
    height: 52px;
    width: 100%;
    border-radius: 4px;
    border: 0px none;
    background-color: #fff;
    position: relative;
    padding: 16px;
    margin-bottom: 20px;
}

.savings-calculator .calculator-row select {
    padding-top: 14px;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjE3NSAwLj Y1ODMyNUw1IDQuNDc0OTlMOC44MjUgMC42NTgzMjVMMTAgMS44MzMzM0w1IDYuODMzMzNMMCAxL jgzMzMzTDEuMTc1IDAuNjU4MzI1WiIgZmlsbD0iIzM1NDBGNCIvPgo8L3N2Zz4=');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(1em + 7px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
}

.savings-calculator .field-label {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.18px;
    color: #fff;
    margin-bottom: 4.5px;
    position: relative;
}

.savings-calculator .cond {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.18px;
    color: #fff;
}

.savings-calculator .recommended-campaign {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.18px;
    color: #FFFFFF;
    margin-bottom: 24px;
    display: block;
}

.savings-calculator .recommended-campaign .highlight {
    font-size: 16px;
    text-decoration: underline;
}

.savings-calculator .total-saved {
    margin-top: 7px;
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 40px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
}

.highlight {
    color: #91D6B9;
}

.homepage-carousel .savings-calculator .calculator-row,
.homepage-carousel .savings-calculator .button-row {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px) {

    .homepage-carousel .savings-calculator .calculator-row,
    .homepage-carousel .savings-calculator .button-row {
        flex-direction: row;
    }

    .save-money-calculator .left-col {
        padding-top: 16px;
        padding-bottom: 58px;
    }

    .save-money-calculator .right-col {
        padding: 48px;
    }

    .savings-calculator .calculator-row .left-col,
    .savings-calculator .calculator-row .right-col {
        width: 50%;
    }

    .savings-calculator .calculator-row .left-col {
        padding-right: 8.25px;
    }

    .savings-calculator .calculator-row .right-col {
        padding-left: 8.25px;
    }

    .savings-calculator .calculator-row input,
    .savings-calculator .calculator-row select {
        margin-bottom: 0px;
    }

    .we-save-you-money p,
    .savings-calculator p {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.15px;
        margin-bottom: 32px;
        text-align: left;
    }

    .we-save-you-money li {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.18px;
        margin-bottom: 16px;
        display: flex;
    }

    .savings-calculator .recommended-campaign {
        font-size: 18px;
        line-height: 25.2px;
        letter-spacing: 0.15px;
        color: #FFFFFF;
        margin-bottom: 35px;
    }

    .savings-calculator .recommended-campaign .highlight {
        font-size: 18px;
    }

    .savings-calculator .total-saved {
        margin-top: 33px;
        margin-bottom: 6px;
        font-size: 40.5px;
        line-height: 54px;
        color: #FFFFFF;
        display: block;
        font-weight: normal;
    }

    .savings-calculator .total-saved .highlight {
        font-weight: bold;
    }
}

@media screen and (min-width: 1220px) {
    .campaign-what-we-do {
    }

    .save-money-calculator .left-col,
    .save-money-calculator .right-col {
        padding: 48px 56px;
    }

    .we-save-you-money p,
    .savings-calculator p {
        font-size: 1.35rem;
        line-height: 2.025rem;
        letter-spacing: 0.18px;
        margin-bottom: 72px;
        text-align: left;
    }

    .savings-calculator p {
        margin-bottom: 32px;
    }

    .we-save-you-money li {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.15px;
        margin-bottom: 16px;
        display: flex;
    }
}

.pricing .image-explanation-text-section p {
    margin-bottom: 0px;
}

.pricing .image-explanation-text-section h3.section-heading.display-one {
    text-align: center;
}

@media (min-width: 1220px) {
    .pricing .image-explanation-text-section h3.section-heading.display-one {
        text-align: left;
    }
}

.pricing .image-explanation-text-section .left-col {
    margin-bottom: 0px;
}

.pricing .image-explanation-text-section .right-col {
    display: none;
}

@media (max-width: 1220px) {
    .pricing .image-explanation-text-section ul.tick-bullet li:before {
        content: '';
        height: 17px;
        width: 17px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNzY0ID kuMDI5TDEuMjA2OTkgNS40NzE5OUwwIDYuNjc4OTlMNC43NjQgMTEuNDQzTDE1IDEuMjA2OTlMM TMuNzkzIDBMNC43NjQgOS4wMjlaIiBmaWxsPSIjRkU4ODdDIi8+Cjwvc3ZnPg==');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        margin-top: 5px;
        padding-right: 10px;
    }
}

@media (min-width: 1220px) {
    .pricing .image-explanation-text-section .right-col {
        display: block;
    }
}

.pricing ul.tick-bullet {
    margin-bottom: 0px;
}

.pricing .mfp-wrap {
    display: none;
}

@media (min-width: 1220px) {
    .pricing .mfp-wrap {
        display: block;
    }
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0px;
    box-sizing: border-box;
}

.mfp-preloader {
    display: none;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-hide {
    display: none !important
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    height: 100%;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.white-popup {
    position: relative;
    background: transparent;
    width: 100%;
    height: 100%;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-content {
    padding-top: 112px;
}

@media (min-width: 1220px) {
    .page-content {
        padding-top: 136px;
    }
}

.mobile-row {
    display: block;
}
@media screen and (min-width: 1110px) {
    .mobile-row {
        display: none;
    }
}

/*
    Pop up link
*/
.see-details {
    cursor: pointer
}

/* -----------------------------------------*/
/* Zoom */
/* -----------------------------------------*/

.zoom {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

/* -----------------------------------------*/
/* video */
/* -----------------------------------------*/
.videowrapper .btn-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 0 auto;
    width: 56px;
    height: 56px;
    border: none;
    border-radius: 50%;
    color: #3540F4;
}


.videowrapper {
    overflow: hidden;
    height: 100%;
}

.responsiveIframe {
    position: relative;
    height: 100%;
    top: 0px;
}

.responsiveIframe .ratio {
    display: block;
    width: 100%;
    height: 100%;
}

.responsiveIframe #kmYouTubePlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube-media-atom__overlay {
    background-position: 49% 49%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
    height: 100%;
    position: absolute;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.vjs-big-play-button {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 1.5;
}

.youtube-media-atom__play-button {
    cursor: pointer;
    display: inline-block;
    user-select: none;
    line-height: 1.5;
    overflow: hidden !important;
    text-align: center;
    transition-delay: 0s, 0s;
    transition-duration: 0.3s, 0.3s;
    transition-property: transform, -webkit-transform;
    z-index: 2;
    background-color: rgba(0,0,0,0.25);
    width: 100%;
    height: 100%;
}


.youtube-media-atom__play-button .btn-play,
.youtube-media-atom__play-button .btn-play svg.svg-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}

.how-it-works .youtube-media-atom__play-button .btn-play,
.how-it-works .youtube-media-atom__play-button .btn-play svg.svg-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    color: rgba(53,64,244,0.7);
}


.youtube-video-player,
.youtube-video-player img,
.youtube-video-player .youtube-media-atom__overlay {
    max-height: 500px;
}


/*
    Homepage
*/

.homepage .carousel,
.homepage .carousel-inner {
    width: 100%;
    height: 610px;
    overflow: hidden;
    position: relative;
}

.homepage .carousel-inner .inner {
    position: relative;
}

.carousel-item,
.carousel-item-mobile {
    cursor: pointer;
}

.homepage .carousel-item,
.homepage .carousel-item-mobile {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat !important;
    height: 610px;
    z-index: 1;
}

.homepage button.slick-prev.slick-arrow,
.homepage button.slick-next.slick-arrow {
    display: none !important;
}

.homepage .slider-container .slick-slider {
    max-height: 610px;
}

.homepage .slick-slide div {
    margin: 0px;
    background-size: cover !important;
    cursor: pointer;
    margin: auto;
}

.homepage .carousel-item {
    display: none;
}

.homepage .carousel-item-mobile {
    display: block;
}

.homepage .overlay-text {
    position: absolute;
    top: 0px;
    padding-top: 90px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
    max-width: initial;
}


.homepage .slick-dots {
    display: flex;
    justify-content: center;
}

@media screen and (min-width:1350px) {
    .homepage .slick-dots {
        display: flex;
        justify-content: center;
    }
}

/* Generic anchor */

.homepage .slider-container .generic-anchor-link,
.hero-banner .generic-anchor-link {
    position: absolute;
    left: calc(50% - 12px);
    bottom: 30px;
    z-index: 2;
    cursor: pointer;
}



@media screen and (min-width: 700px) {
    .homepage .overlay-text {
        max-width: 70%;
    }
}


@media screen and (min-width:1350px) {
    .homepage .overlay-text {
        padding: 0 6%;
        padding-top: 80px;
        max-width: 900px;
    }
}

@media screen and (min-width: 550px) {
    .homepage .carousel-item {
        display: block;
    }

    .homepage .carousel-item-mobile {
        display: none;
    }

    .homepage .btn-primary {
        width: initial;
        text-align: left;
    }
}

/*
    Hero banner
*/
.hero-banner {
    width: 100%;
    background-color: #DDDDD8;
}

.hero-banner .hero-banner-inner {
    width: 100%;
    height: 610px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    padding-top: 90px;
}

.hero-banner .hero-banner-inner {
    padding-top: 90px;
}

body.listings .hero-banner .hero-banner-inner {
    height: 560px;
}

.overlay-text {
    max-width: 70%;
    margin-left: 0px;
}

.overlay-text h2 {
    font-weight: 100;
    margin-bottom: 10px;
    font-size: 1.4rem;
    line-height: 1.3;
}
.hero-banner .overlay-text h2 {
    margin-top: 22px;
    margin-bottom: 47px;
}

.button-section {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}


@media screen and (min-width: 1220px) {
    .hero-banner .hero-banner-inner {
    }

    .overlay-text {
        margin-left: initial;
        max-width: 1000px;
        padding: 0 6%;
    }

    .button-section {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
    }
}

.hero-banner .overlay-text .btn {
    font-size: 1.2rem;
    margin-right: 40px;
    margin-bottom: 20px;
    width: 140px;
    text-align: center;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
}

@media screen and (min-width: 1220px) {
    .hero-banner .overlay-text .btn {
        margin-right: 50px;
        font-size: 1.5rem;
        padding: 10px 50px;
        width: auto;
    }
}

.hero-banner .overlay-text h1 {
    color: #000D52;
}

.component-slider .overlay-text h1,
.component-slider .overlay-text h2,
.component-slider .overlay-text h2.carousel-heading,
.component-slider .overlay-text .carousel-indicators,
.component-slider .overlay-text .btn {
    visibility: hidden;
    display: none;
}

.slick-active .overlay-text h2.carousel-heading {
    margin-top: 0;
    color: #000D52;
    -webkit-font-smoothing: antialiased;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 10px;
    padding-bottom: 8px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    visibility: visible;
    display: block;
}

.slick-active .overlay-text h1,
.slick-active .overlay-text h2,
.slick-active .overlay-text .carousel-indicators {
    visibility: visible;
    display: block;
}

.slick-active .overlay-text .btn {
    visibility: visible;
    display: inline-block;
}

@media screen and (min-width: 1220px) {
    .slick-active .overlay-text h2.carousel-heading {
        font-size: 2.8125rem;
        line-height: 1.24444;
        margin-bottom: 10px !important;
    }
}

.hero-banner .overlay-text h2 {
    font-size: 1.2rem;
    line-height: 1.45;
    color: #000D52;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .hero-banner .overlay-text h2 {
        font-size: 1.5rem;
        line-height: 1.45;
        margin-bottom: 40px !important;
    }
}

/*
    Pricing
*/

.camp-sales-campaigns h3.section-heading,
.rental-pricing-table h3.section-heading,
.rent-pricing h3.section-heading{
    text-align: center;
    margin-bottom: 0px;
}

/*
    Campaign
*/

.sales-campaigns p,
.sales-campaigns h3,
.rental-campaigns p,
.rental-campaigns h3 {
    text-align: center;
}

.sell .mfp-wrap,
.sell_rent .mfp-wrap {
    background-color: rgba(26, 37, 99, 0.92);
    border: 50px solid transparent;
    display: none;
}

.sell .white-popup,
.sell_rent .white-popup {
    background-color: rgba(26, 37, 99, 0);
    height: 1390px;
    display: none;
}

.sell_rent .white-popup {
    height: 1000px;
}

@media (min-width: 1220px) {
    .sell .mfp-wrap,
    .sell_rent .mfp-wrap {
        display: block;
    }

    .sell .white-popup,
    .sell_rent .white-popup {
        display: flex;
    }

    .sales-campaigns,
    .rental-campaigns {
        padding-bottom: 80px;
    }
}

section.sale-pricing-table,
section.rental-pricing-table {
    width: 1200px;
    display: block;
    margin: auto;
    background-color: #fff;
}

.pricing-table h3 {
    text-align: left !important;
    margin-bottom: 0px;
}

.compare-cell.compare-head {
    padding-bottom: 0px;
}

.campaign-item {
    width: 100%;
    margin-bottom: 34px;
    text-align: center;
    background-color: #FAFAFA;
    margin-top: 48px;
}

@media (min-width: 1220px) {
    .campaign-item {
        width: calc(100% / 4 - 25px);
        margin-top: 63px;
        margin-right: 25px;
    }

    .campaign-item.popular {
        width: calc(100% / 4);
    }

    .rental-campaigns .campaign-item {
        width: calc(100% / 2 - 12.5px);
        margin-right: 25px;
    }

    .rental-campaigns .campaign-item:nth-child(2),
    .campaign-item:last-child {
        margin-right: 0px;
    }
}

.campaign-item .details {
    padding: 20px 30px;
    font-size: 0.8rem;
}

.campaign-item .name {
    background-color: #91D6B9;
    padding: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-transform: uppercase;
}

.campaign-item .short-desc {
    color: #FE887C;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.25rem;
    font-size: 0.875rem;
}

.campaign-item .price {
    padding: 20px 0px;
    color: #333e48;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 2.8125rem;
}

.campaign-item .long-desc {
    color: #717171;
    margin-bottom: 30px;
    letter-spacing: 0.18px;
}

.campaign-item .see-inclusions {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.18px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: #3540F4;
    margin-top: 40px;
    margin-left: -12px;
}

.campaign-item .see-inclusions svg {
    position: relative;
    top: 1px;
    left: 15px;
}

@media (min-width: 1220px) {
    .campaign-item .long-desc {
        margin-bottom: 0px;
    }
}

.campaign-item .see-details {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 0.75rem;
    color: #6770F7;
    cursor: pointer;
    display: none;
}

.campaign-item .more-info-acccordion svg.svg-icon {
    width: 25px;
    height: 25px;
    position: relative;
    top: 7px;
}

.campaign-item .more-info-acccordion .accordion-more-info,
.campaign-item .more-info-acccordion .accordion-less-info {
    color: #3540F4;
    display: flex;
    cursor: pointer;
    letter-spacing: 0.18px;
}

.campaign-item .more-info-acccordion .accordion-more-info .accordion-title,
.campaign-item .more-info-acccordion .accordion-less-info .accordion-title{
    text-align: center;
    width: 100%;
    line-height: 2rem;
    color: #3540F4;
}

.campaign-item .more-info-acccordion .accordion-content,
.campaign-item .more-info-acccordion .accordion-less-info,
.campaign-item .more-info-acccordion.is-open .accordion-more-info {
    display: none;
}

.campaign-item .more-info-acccordion.is-open .accordion-content,
.campaign-item .more-info-acccordion.is-open .accordion-less-info,
.campaign-item .more-info-acccordion .accordion-more-info {
    display: block;
    margin-top: 30px;
}

.campaign-item .more-info-acccordion {
    margin-bottom: 10px;
}

.campaign-item .more-info-acccordion.is-open {
    margin-bottom: 0px;
}

.campaign-item .more-info-acccordion .accordion-content {
    margin-bottom: 30px;
}


.campaign-item .more-info-acccordion ul.tick-bullet {
    text-align: left;
    padding-left: 25px;
    letter-spacing: 0.18px;
}

.campaign-item .more-info-acccordion ul.tick-bullet li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNzY0ID kuMDI5TDEuMjA2OTkgNS40NzE5OUwwIDYuNjc4OTlMNC43NjQgMTEuNDQzTDE1IDEuMjA2OTlMM TMuNzkzIDBMNC43NjQgOS4wMjlaIiBmaWxsPSIjRkU4ODdDIi8+Cjwvc3ZnPg==");
    width: 15px;
    height: 11px;
}

.campaign-item .more-info-acccordion .accordion-content p {
    color: #000D52;
    margin-bottom: 12px;
    letter-spacing: 0.18px;
}

.campaign-item .more-info-acccordion .accordion-content p:last-child {
    margin-top: 12px;
    margin-bottom: 0px;
}

@media screen and (min-width: 1220px) {
    .campaign-item .see-details {
        display: block;
    }

    .campaign-item .more-info-acccordion {
        display: none;
    }
}

.campaign-item .select-button {
    background-color: #6770F7;
    padding: 10px;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
}

.campaign-item a {
    transition: .3s;
}

.campaign-item .popular {
    display: block;
}

.campaign-item .popular .name {
    background-color: #000D52;
    color: #fff;
}

.campaign-item .popular .details {
    background-color: #F5F5F5;
}

.campaign-item .popular .see-details {
    color: #3540F4;
}

.campaign-item .popular .select-button {
    display: block;
    background-color: #3540F4;
}

p.campaign-conditions {
    font-size: 0.8rem;
    color: #757575;
    text-align: left; 
}

/*
    Property listings
*/
.listings {
}

.tile.content-tile img {
    width: 640px;
    height: 480px;
}

.tile.content-tile .carousel-root {
    width: 640px;
    height: 480px;
}

/*
    Sales price comparisions
*/

.compare-table {
    display: block;
    cursor: pointer;
}

.compare-row {
    display: flex;
    border-bottom: 1px solid #E8EAF6;
}

.compare-border-row {
    border-bottom: 0px none;
}

.compare-cell {
    padding: 20px 0px;
    margin: 0px 6px;
}

.compare-cell:last-child{
    margin-right: 0px;
}

.compare-cell .name {
    background-color: #91D6B9;
    padding: 12px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.compare-cell .details {
    padding: 22px 10px;
    font-size: 0.8rem;
    background-color: #FAFAFA;
}

.compare-cell .short-desc {
    color: #FE887C;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    height: 45px;
}

.compare-cell .price {
    padding-bottom: 0px;
    color: #333e48;
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
}

.compare-head .details .price {
    color: #000D52;
}

.compare-cell {
    font-size: 0.8rem;
    text-align: center;
    background-color: #FAFAFA;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.compare-cell.compare-head,
.compare-cell.compare-head.active {
    padding-top: 0px;
}

.compare-head {
    display: block;

}

.accordion-heading,
.accordion-heading h5,
.accordion-content p {
    font-size: 0.8rem;
    text-align: left;
}

.sell .accordion-heading,
.sell .accordion-heading h5,
.sell .accordion-content p,
.sell_rent .accordion-heading,
.sell_rent .accordion-heading h5,
.sell_rent .accordion-content p {
    font-size: 0.8rem;
    text-align: left;
}


.accordion-heading h5{
    margin-bottom: 0px;
    font-weight: 400;
}

.accordion-content p {
    color: #757575;
}

.compare-cell.feature {
    background-color: #fff;
    margin-right: 7px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: left;
    padding-top: 22px;
}

.component-accordion {
    width: 100%;
}

.accordion-item.is-open .svg-icon {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}


.accordion-item.is-open .accordion-content,
.accordion-item .component-accordion .accordion-item.is-open .accordion-content {
    display: block;
}


.accordion-item.is-open .accordion-content {
    padding: 24px 20px;
    padding-top: 0px;
}

.sell .accordion-item.is-open .accordion-content,
.sell_rent .accordion-item.is-open .accordion-content {
    padding: 0px;
    padding-top: 10px;
}

.accordion-item.group.is-open .accordion-content {
    padding: 0px;
}


.accordion-item.is-open .accordion-content,
.accordion-item .component-accordion .accordion-item.is-open .accordion-content,
.accordion-item.is-open .accordion-content p,
.accordion-item .component-accordion .accordion-item.is-open .accordion-content p{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.18000000715255737px;
    text-align: left;
    color: rgba(0, 13, 82, 0.9);
}

.sell .accordion-item.is-open .accordion-content,
.sell .accordion-item .component-accordion .accordion-item.is-open .accordion-content,
.sell .accordion-item.is-open .accordion-content p,
.sell .accordion-item .component-accordion .accordion-item.is-open .accordion-content p,
.sell_rent .accordion-item.is-open .accordion-content,
.sell_rent .accordion-item .component-accordion .accordion-item.is-open .accordion-content,
.sell_rent .accordion-item.is-open .accordion-content p,
.sell_rent .accordion-item .component-accordion .accordion-item.is-open .accordion-content p {
    color: #757575;
    font-size: 0.8rem;
}

.accordion-item .accordion-content,
.accordion-item .component-accordion .accordion-content{
    display: none;
}

.accordion-heading {
    display: flex;
    cursor: pointer;
    flex-direction: row;
    justify-content: space-between;
}

.accordion-item .svg-icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    margin-left: 4px;
    background-color: transparent !important;
}

.compare-cell .svg-icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    margin-left: 4px;
    background-color: #000d52;
    border-radius: 15px;
    color: #fff;
    padding: 3px;
}

.compare-cell.feature .svg-icon {
    color: #333e48;
    top: -2px;
    position: relative;
}

.col-1.compare-cell.feature {
    margin-left: 0px;
    color: #000D52;
}

.compare-cell.active,
.compare-cell.active .name,
.compare-cell.active .details,
.compare-cell.active {
    cursor: pointer;
}


.compare-cell.active,
.compare-cell.active .details,
.compare-cell.active {
    background-color: #F1F3F9;
}

.compare-cell.active .name {
    background-color: #000D52;
    color: #fff;
}

.compare-cell-border-top2.active {
    border-top: 10px solid #fff;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
}



.compare-cell-border-top2.active:before {
    height: 10px;
    top: -10px;
    left: -19px;
    border-right: 5px solid #fff;
}

.compare-cell-border-top2.active:after {
    height: 10px;
    top: -10px;
    right: -20px;
    border-left: 5px solid #fff;
}

.compare-cell.compare-head.top {
    background-color: transparent;
}

.compare-cell.compare-head.bottom {
    background-color: transparent;
}

.camp-sales-campaigns .compare-cell.compare-head.bottom.active {
    top: 2px;
}

.sale-pricing-table .compare-head.active .name,
.rental-pricing-table .compare-head.active .name {
    background-color: #000D52;
}

.rental-pricing-table .compare-cell.compare-head.bottom.active {
    top: 2px;
}

.compare-cell.compare-head.top.active:before,
.compare-cell.compare-head.top.active:after {
    height: 6px;
    top: 4px;
}

.compare-cell.compare-head.bottom.active:before,
.compare-cell.compare-head.bottom.active:after {
    height: 0px;
}

.compare-cell.last.active:before,
.compare-cell.last.active:after {
    height: calc(100% + 12px);
}

.compare-cell.compare-head.bottom {
    height: 8px;
    padding-bottom: 0px;
}

.camp-sales-campaigns .col-1 {
    width: 28%;
}

.rental-pricing-table .col-1 {
    width: 50%
}

.camp-sales-campaigns .col-2,
.camp-sales-campaigns .col-3,
.camp-sales-campaigns .col-4,
.camp-sales-campaigns .col-5 {
    position: relative;
    width: 18%;
}

.camp-sales-campaigns .compare-head .btn,
.rental-pricing-table .compare-head .btn {
    display: block;
    width: 117px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 26px;
}


.camp-sales-campaigns .accordion-item .accordion-content,
.camp-sales-campaigns .accordion-item .component-accordion .accordion-content,
.camp-sales-campaigns .compare-cell .secondary-text {
    display: none;
}

.camp-sales-campaigns .compare-cell .secondary-text.is-open {
    display: block;
}

.rental-pricing-table .col-1 {
    width: 283px;
}

.rental-pricing-table .col-2,
.rental-pricing-table .col-3 {
    position: relative;
    width: 244px;
}

.campaign-item {
    height: calc(100% - 83px);
}

.campaign-item a {
    display: block;
}

.campaign-item .popular {
    border: 8px solid #fff;
    box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.31);
    border-radius: 3px;
    margin-top: -11px;
}

/*
    Dots
*/
.feature-dots {
    background-color: #F1F3F9;
}

.feature-dots.add-on {
    padding-bottom: 160px;
}

.feature-dots .intro {
    text-align: center;
    width: 100%;
    margin-bottom: 26px;
}

.feature-dots .btn {
    margin: auto;
    margin-top: 62px;
    margin-bottom: -30px;
    background-color: transparent;
}

@media screen and (min-width: 1220px) {
    .feature-dots .intro {
        margin-bottom: 60px;
    }

    .feature-dots .btn {
        margin-bottom: 0px;
    }
}

.feature-dots .feature {
    display: flex;
    /*margin-top: 30px;*/
}

.feature-dots.add-on.hide .feature {
    height: 360px;
    overflow: hidden;
}

.feature-dots.add-on.show .feature {
    height: initial;
}


.feature-dots.add-on .feature .arrow-down {
    height: 40px;
    width: 40px;
    position: absolute;
    left: calc(50% - 20px);
    bottom: 50px;
    z-index: 999;
    cursor: pointer;
}

@media screen and (min-width: 1220px) {
    .feature-dots.add-on .feature .arrow-down {
        bottom: 80px;
    }
}

.feature-dots.add-on .feature .arrow-down svg {
    height: 15px;
    width: 24px;
    color: #3540F4;
}

.rotateArrow {
    transform: rotate(180deg)
}

.feature .feature-item {
    width: calc(50% - 10px);
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.feature .feature-item:nth-last-child(-n+3) {
    margin-bottom: 0px;
}

.pricing-v2 .feature .feature-item:nth-last-child(-n+3) {
    margin-bottom: 60px;
}

.pricing-v2 .content-section.add-on {
    padding-bottom: 0px;
}

@media screen and (min-width: 1220px) {
    .feature .feature-item:nth-last-child(-n+5) {
        margin-bottom: 0px;
    }

    .feature .feature-item {
        width: calc(25% - 30px);
        margin-right: 40px;
    }

    .feature-dots.add-on .feature-item {
        width: calc(25% - 30px);
        margin-right: 30px;
    }

    .sell_rent .feature-dots.add-on .feature .feature-item,
    .rent-pricing .feature-dots.add-on .feature .feature-item {
        width: calc((100% / 3) - 20px);
        margin-right: 20px;
    }

    .feature .feature-item:last-child {
        margin-right: 0px;
    }
}

.feature .feature-item .icon {
    width: 90px;
    height: 90px;
    background-color: #000d52;
    border-radius: 50%;
    align-self: center;
    margin-bottom: 21px;
}

.feature .feature-item .title,
.feature .feature-item .description{
    text-align: center;
}

.feature .feature-item .icon-holder {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    align-self: center;
    margin-bottom: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-dots .theme-1 .icon-holder,
.feature-dots .theme-2 .icon-holder {
    background-color: transparent;
}

.icon-holder svg.feature-icon {
    width: 90px;
    height: 90px;
}

.feature-dots .theme-1 .icon-holder svg.feature-icon {
    color: #000d52;
}

.feature-dots .theme-2 .icon-holder svg.feature-icon {
    color: #fe887c;
}

.feature-dots .theme-2 .title {
    font-weight: 700;
}

.feature-dots .theme-2 .description {
    display: none;
}

.pricing-v2 .feature-dots .theme-1 .icon-holder {
    background-color: #000d52;
}


.pricing-v2 .feature-dots .theme-1 .icon-holder svg.feature-icon,
.pricing-v2 .feature-dots .theme-2 .icon-holder svg.feature-icon {
    color: #fff;
}

@media screen and (min-width: 1220px) {
    .feature-dots .theme-1 .icon-holder {
        background-color: #000d52;
    }

    .feature-dots .theme-2 .icon-holder {
        background-color: #FE887C;
    }

    .feature-dots .theme-1 .icon-holder svg.feature-icon,
    .feature-dots .theme-2 .icon-holder svg.feature-icon {
        color: #fff;
    }

    .feature-dots .theme-2 .title {
        margin-bottom: 20px;
    }

    .feature-dots .theme-2 .description {
        display: block;
    }
}

/*
    Carousel center mode
*/

.carousel-center-mode-section {
    background-color: #fff;
}

.homepage section.section.content-section.carousel-center-mode-section {
    margin-bottom: 0px;
}

.carousel-center-mode-section.desktop .container {
    max-width: initial;
    padding: 0px 100px;
}

.carousel-center-mode-section .slick-dots {
    text-align: center;
}

.carousel-center-mode-section .centre-carousel-indicators {
    width: 100%;
}

.carousel-center-mode-section .centre-carousel-indicators .slick-dots li {
    position: relative;
    width: 8px;
    height: 8px;
    margin-right: 32px;
}

.carousel-center-mode-section .centre-carousel-indicators .slick-dots button {
    width: 16px;
    height: 16px;
    background-color: #D9DCF0;
}

.carousel-center-mode-section .centre-carousel-indicators .slick-active > button {
    background-color: #3540F4;
    box-shadow: initial;
}

.carousel-center-mode-slider.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
}

.carousel-center-mode-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 10px;
    /* carousel color bg */
    /* background-color: #000D52; */
    /* border: 1px solid #000D52; */
    background-color: #f4fbf8;
    border: 1px solid #f4fbf8;
    border-radius: 5px;
    color: #fff;
    width: 455px;
    height: 350px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.carousel-center-mode-slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-bottom: 15px !important;
}
    
.carousel-center-mode-slider .slick-list:focus {
    outline: 0
}
    
.carousel-center-mode-slider .slick-list.dragging {
    cursor: pointer;
}

.carousel-center-mode-slider.slick-slider .slick-list,
.carousel-center-mode-slider.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.carousel-center-mode-slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.carousel-center-mode-slider .slick-track:after, 
.carousel-center-mode-slider .slick-track:before {
        display: table;
        content: ''
}
    
.carousel-center-mode-slider .slick-track:after {
    clear: both
}

.carousel-center-mode-slider .slick-loading .slick-track {
    visibility: hidden
}

.carousel-center-mode-slider.slick-initialized .slick-slide {
    display: block
}

.carousel-center-mode-slider .slick-loading .slick-slide {
    visibility: hidden
}

.carousel-center-mode-slider .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.carousel-center-mode-slider .slick-arrow.slick-hidden {
    display: none
}

.carousel-center-mode-wrap {
    position: relative;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.carousel-center-mode-slider .slick-slide.slick-center + .carousel-center-mode-slider .slick-slide{
    transform: "";
}

.carousel-center-mode-wrap:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.carousel-center-mode-slider {
    position: relative;
    z-index: 200;
    padding: 0 0px;
    margin: 0px auto;
    width: calc(100% - 238px);
}

.carousel-center-mode-section.mobile {
    margin-bottom: -15px;
}

.carousel-center-mode-section.mobile .item {
    transform: scale(1);
    z-index: 30;
    /* carousel color bg */
    /* background-color: #000D52; */
    background-color: #f4fbf8;
    margin-bottom: 12px;
    cursor: default;
}

.carousel-center-mode-section.mobile .container {
    padding: 0px;
}

.carousel-center-mode-section.mobile .item {
    margin-bottom: 36px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5));
    cursor: pointer;
    border-radius: 4px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}

.carousel-center-mode-section.mobile .item:last-child {
    margin-bottom: 15px;
}

.carousel-center-mode-slider {
    display: flex;
}

.carousel-center-mode-slider .slick-slide div {
    width: 100%;
    height: 100%;
}

.carousel-center-mode-slider .inner-content div.headings {
    width: 100%;
    color: #fff;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex-direction: column;
    padding: 44px 42.5px;
}

.carousel-center-mode-slider .inner-content div.headings h4.mainheading,
.carousel-center-mode-slider .inner-content div.headings p.subheading {
    /* carousel color text */
    /* color: #fff; */
    color: #000D52;
    width: 100%;
    display: block;
    font-weight: 100;
}

.carousel-center-mode-slider .inner-content div.headings p.subheading {
    font-size: 0.83125rem;
    line-height: 1.3125rem;
    letter-spacing: 0.18px;
}

    .carousel-center-mode-slider .inner-content div.headings h4.mainheading,
    .carousel-center-mode-wrap .inner-content div.headings h4.mainheading {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 30px;
        /* carousel color text */
        /* color: #fff;*/
        color: #000D52;
        font-weight: initial;
    }

.carousel-center-mode-slider .carousel-arrow.left.slick-arrow {
    left: 0px;
    width: 48px;
    height: 48px;
    top: calc(50% - 40px);
}

.carousel-arrow.slick-arrow .svg-icon {
    width: 48px;
    height: 48px;
    color: #3540F4;
    border: 2.5px solid #3540F4;
    border-radius: 50%;
    padding: 8px;
}

.carousel-arrow.right.slick-arrow .svg-icon {
    transform: rotate(180deg);
}

.carousel-center-mode-section.desktop {
    display: none;
}

.carousel-center-mode-section.mobile {
    display: block;
}


@media screen and (min-width: 1220px) {
    .carousel-center-mode-section.desktop {
        display: block;
    }

    .carousel-center-mode-section.mobile {
        display: none;
    }

    .carousel-center-mode-wrap .item .inner-content div.headings h4.mainheading,
    .carousel-center-mode-section.mobile .item .inner-content div.headings h4.mainheading {
        line-height: 60px;
    }

    .carousel-center-mode-wrap .item .inner-content div.headings {
        padding: 80px 90px;
    }

    .carousel-center-mode-wrap .item .inner-content div.headings h4.mainheading,
    .carousel-center-mode-section.mobile .item .inner-content div.headings h4.mainheading {
        font-size: 45px;
    }

    .carousel-center-mode-slider .inner-content div.headings h4.mainheading,
    .carousel-center-mode-wrap .inner-content div.headings h4.mainheading {
        font-size: 18px;
        line-height: 28px;

    }


}

.carousel-center-mode-wrap .inner-content {
    padding: 50px 30px;
}

.carousel-center-mode-wrap .subheading {
    /* carousel color text */
    /* color: #fff; */
    color: #000D52;
}

.carousel-center-mode-container {
    overflow: hidden;
    margin-bottom: 30px;
}

.carousel-center-mode-container .inner-content {
    display: flex;
    height: 100%;
}

.carousel-center-mode-container .carousel .carousel-item {
    visibility: visible;
    width: 650px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
	background-color: #404A7D;
    cursor: default;
	overflow:hidden;
	color: #fff;
	border-radius: 4px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	transition: none;
	opacity: 1 !important
}

.carousel-center-mode-container .carousel .carousel-item.active {
	background-color: #000D52;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	transition: none;
}

.carousel-center-mode-container .carousel .inner-content div.headings {
    padding: 80px 90px;
    width: 100%;
    color: #fff;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex-direction: column;
}

.carousel-center-mode-container .carousel .indicators {
    top: 440px;
}

.carousel-center-mode-container .carousel .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 24px 4px;
    background-color: black;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 50%;
	width: 16px;
    height: 16px;
    background-color: #D9DCF0;
	margin-right: 32px;
}

.carousel-center-mode-container .carousel .indicators .indicator-item.active {
	background-color: #3540F4;
}

.carousel-center-mode-container .carousel .carousel-item .inner-content div.headings h4.mainheading {
    font-size: 45px;
}

.carousel-center-mode-container .carousel .inner-content div.headings h4.mainheading, 
.carousel-center-mode-container .carousel .inner-content div.headings p.subheading {
    color: #fff;
    width: 100%;
    display: block;
    font-weight: 100;
}

.carousel-center-mode-container .carousel-arrow.left.slick-arrow {
    left: 0px;
    width: 48px;
    height: 48px;
    top: calc(50% - 40px);
}
.carousel-center-mode-container .slick-arrow {

    border: 1px solid red;
    width: calc(50% - 200px);
    height: 100%;
}
.carousel-arrow.left {
	margin-right: 30px;
}

.carousel-arrow.right {
	margin-left: 30px;
}
.carousel-center-mode-container .carousel-arrow.right.slick-arrow {
    right: 0px;
    width: 48px;
    height: 48px;
    top: calc(50% - 40px);
}

.carousel-arrow.right.slick-arrow .svg-icon {
    transform: rotate(180deg);
}

.carousel-arrow.slick-arrow .svg-icon {
    width: 48px;
    height: 48px;
    color: #3540F4;
    border: 2.5px solid #3540F4;
    border-radius: 50%;
    padding: 8px;
}

.carousel-center-section .left,
.carousel-center-section .right {
    float: initial !important;
    display: flex;
    align-items: center;
}

.carousel-center-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.carousel-center-mode-container .carousel .indicators {
    top: 440px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}
/*
    Other benefits
*/

.other-benefits-section,
.homepage-about-us-section,
.image-explanation-text-section {
    background-color: #fff;
}

.other-benefits-section .btn,
.image-explanation-text-section .btn {
    display: inline-block;
    width: auto;
    text-align: center;
}

.reverse {
    flex-direction: row-reverse !important;
}

.other-benefits-section .left-col,
.image-explanation-text-section .left-col,
.homepage-about-us-section .left-col{
    width: 100%;
    margin-right: 0px;
}

.other-benefits-section .left-col,
.image-explanation-text-section .left-col {
    margin-bottom: 24px;
}



.other-benefits-section .right-col,
.image-explanation-text-section .right-col,
.homepage-about-us-section .right-col {
    width: 100%;
    display: block;
    padding-top: 35px;
}

.how-it-works .image-explanation-text-section .right-col {
    padding-top: 0px;
}

.homepage-about-us-section .left-col p {
    margin-top: 25px;
    margin-bottom: 0px;
}

@media screen and (min-width: 1220px) {
    .homepage-about-us-section .left-col p {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.homepage-about-us-section .btn {
    margin-top: 35px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.image-explanation-text-section h3.section-heading.display-one {
    line-height: 1.25;
}

@media screen and (min-width: 1220px) {
    .how-it-works .other-benefits-image {
        min-height: 322px !important;
    }

    .other-benefits-section .left-col,
    .homepage-about-us-section .left-col,
    .image-explanation-text-section .left-col {
        width: calc(50% - 50px);
        margin-right: 50px;
    }

    .homepage-about-us-section .left-col {
        flex-direction: column;
        display: flex;
        justify-content: center;
    }

    .other-benefits-section .left-col,
    .image-explanation-text-section .left-col {
        margin-bottom: 0px;
    }

    .other-benefits-section .reverse .left-col,
    .homepage-about-us-section .reverse .left-col,
    .image-explanation-text-section .reverse .left-col {
        margin-left: 50px;
        margin-right: 0px;
    }

    .other-benefits-section .right-col,
    .homepage-about-us-section .right-col,
    .image-explanation-text-section .right-col {
        width: 50%;
        display: block;
    }

    .homepage-about-us-section .btn {
        margin-top: 0px;
        margin-bottom: 0px;
        width: auto;
    }
}

.homepage-about-us-section .left-col h3 {
    text-align: left;
    margin-bottom: 0px;
}

.other-benefits-section .left-col h3,
.image-explanation-text-section .left-col {
    text-align: left;
}

.image-explanation-text-section .display-one {
    text-align: left;
    margin-bottom: 25px;
}

.other-benefits-section .other-benefits-image,
.image-explanation-text-section .other-benefits-image,
.homepage-about-us-section .about-us-image {
    width: 100%;
    height: auto;
    min-height: initial;
}

@media screen and (min-width: 1220px) {
    .other-benefits-section .left-col h3,
    .image-explanation-text-section .left-col {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .other-benefits-section .other-benefits-image,
    .image-explanation-text-section .other-benefits-image,
    .homepage-about-us-section .about-us-image {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .image-explanation-text-section .other-benefits-image {
        width: 100%;
    }

    .conveyancing .other-benefits-image {
        min-height: 353px;
    }
}

ul.tick-bullet {
    position: relative;
    padding-left: 20px;
    display: block;
}

ul.tick-bullet li:before {
    content: '';
    height: 17px;
    width: 17px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOSAxNSIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjUxOT kgMTEuMjUxN0wyLjA4MTk5IDcuMDgxNzVMMC42NjY5OTIgOC40OTY3NUw2LjI1MTk5IDE0LjA4M TdMMTguMjUyIDIuMDgxNzVMMTYuODM3IDAuNjY2NzQ4TDYuMjUxOTkgMTEuMjUxN1oiIGZpbGw9 ImN1cnJlbnRDb2xvciIgLz4KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    margin-top: 5px;
    padding-right: 10px;
}

.image-explanation-text-section ul.tick-bullet li,
.homepage-about-us-section ul.tick-bullet li {
    margin-bottom: 8px;
    padding-left: 1em;
}

/*
    How it looks
*/

.how-it-looks {
}

.how-it-looks .row.desktop {
    display: block;
}

.how-it-looks .row.desktop {
    display: none;
}

.how-it-looks .container .container {
    padding: 0px;
}

@media screen and (min-width: 1220px) {
    .how-it-looks {
        background-color: #fff;
    }

    .how-it-looks .row.mobile {
        display: none;
    }

    .how-it-looks .row.desktop {
        display: block;
    }
}

.how-it-looks .intro {
    margin-bottom: 64px;
}

.how-it-looks .listings {
    background: #EFF9F5;
    border-top: 16px solid #91D6B9;
    padding-top: 24px;
    margin-right: 16px;
}

.how-it-looks .signboards {
    background: #FFE7E5;
    border-top: 16px solid #FE887C;
    padding-top: 24px;
}

.how-it-looks .brochures {
    background: #FBF3E1;
    border-top: 16px solid #E9C46A;
    padding-top: 24px;
    margin-right: 16px;
}


.how-it-looks .prof-photos {
    background: #EEEBF5;
    border-top: 16px solid #8E7DBE;
    padding-top: 24px;
    margin-right: 16px;
}

.how-it-looks .open-for-inspections {
    background: #EBF7F9;
    border-top: 16px solid #78CDD7;
    padding-top: 24px;
}



.how-it-looks .first-row {
    margin-bottom: 16px;
}


.how-it-looks .heading {
    font-family: DM Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #000D52;
    margin-bottom: 24px;
}

.mobile .listings img,
.mobile .signboards img,
.mobile .brochures img,
.mobile .prof-photos img,
.mobile .open-for-inspections img {
    margin: auto;
}


@media screen and (min-width: 1220px) {
    .how-it-looks .heading {
        font-family: DM Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.18px;
        color: #000D52;
        margin-bottom: 24px;
    }

    .how-it-looks .desktop .signboards img {
        position: relative;
        top: 1px;
    }
}

@media screen and (max-width: 1220px) {
    .how-it-looks .listings,
    .how-it-looks .signboards,
    .how-it-looks .brochures,
    .how-it-looks .prof-photos,
    .how-it-looks .open-for-inspections {
        width: 100%;
    }

    .mobile .listings,
    .mobile .signboards,
    .mobile .brochures,
    .mobile .prof-photos,
    .mobile .open-for-inspections {
        margin-right: 0px;
    }

    .mobile .listings,
    .mobile .signboards,
    .mobile .brochures,
    .mobile .prof-photos {
        margin-bottom: 16px;
    }
}

/*
    Telerik drop downs
*/
.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: content-box;
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    padding: 0;
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-static-header {
    padding: 1px 7px 1px 7px;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right;
}

.k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px;
}

.k-fieldselector .k-list .k-item, .k-item.k-drag-clue, .k-list-optionlabel, .k-listbox .k-item, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: content-box;
}

.k-list-scroller {
    position: relative;
    overflow: auto;
}

.k-list {
    height: auto;
}

.k-popup .k-list .k-item {
    padding-left: 40px;
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-static-header {
    padding: 1px 7px 1px 7px;
}

.k-fieldselector .k-list .k-item, .k-popup .k-list .k-item {
    min-height: 2em;
    line-height: 2em;
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-listbox .k-item, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid;
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0 4px;
}

.k-fieldselector .k-list .k-item, .k-item.k-drag-clue, .k-list-optionlabel, .k-listbox .k-item, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
}

.k-list-optionlabel, .k-popup .k-item {
    cursor: default;
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: content-box;
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding-right: 2em;
}

/*
    Property Listings
*/



.listing-overlay {
    width: 100%;
    max-width: initial;
    text-align: center;
    padding: 0px;
}

.listing-overlay h1 {
    text-align: left;
    display: block;
    width: 100%;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 2.125rem;
}

.listings .hero-banner .hero-banner-inner {
    padding-top: 37px;
    height: initial;
}

@media screen and (min-width: 1100px) {
    .listings .hero-banner .hero-banner-inner {
        height: 610px;
    }
}

.search-form-container {
    width: 100%;
    box-sizing: border-box;
    margin-top: 37px;
}

@media screen and (min-width: 1100px) {
    .listing-overlay h1 {
        text-align: center;
        margin-left: 0px;
        margin-right: 0px;
        font-size: 2.815rem;
    }

    .search-form-container {
        width: 920px;
        max-height: 200px;
        box-sizing: border-box;
        margin-top: 45px;
        margin-left: auto;
        margin-right: auto;
    }

    .search-panel .search-form-container {
        position: relative;
        top: 0px;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        margin-right: initial;
    }

    .listings .hero-banner .hero-banner-inner {
        padding-top: 90px;
    }

    .search-panel .search-form-container .search-input-container {
        padding: 0px;
        background: transparent;
    }

    .search-panel .k-popup .k-list {
        border: 1px solid red;
    }
}

/* Property Listing Search section */
.search-panel .search-form-container {
    margin-top: 0px;
    max-height: initial;
    box-sizing: initial;
}

.search-panel .search-form-container,
.search-panel .search-form-container form,
.search-panel .search-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 1100px) {
    .search-panel .search-form-container,
    .search-panel .search-form-container form,
    .search-panel .search-container {
        flex-direction: row;
    }

}

.search-form-container .search-inner-container {
    font-size: 0;
    /*width: 100%;*/
}

.k-list-optionlabel {
    display: none;
}

.search-form-container .search-inner-container .rui-select-list {
    font-size: 16px;
    font-size: 1rem;
}

.search-form-container .search-channel-container .rui-search-tab {
    float: left;
    background: #91D6B9;
    display: inline-block;
    width: 50%;
    padding: 13px 0;
    margin-right: 0px;
    line-height: 1;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: #000D52;
    font-size: 1.5rem;
    font-weight: 700;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

@media screen and (min-width: 1100px) {
    .search-form-container .search-channel-container .rui-search-tab {
        width: 145px;
        margin-right: 5px;
    }
}

.search-form-container .search-channel-container .rui-search-tab:hover {
    background: rgba(105, 118, 132, 0.8);
}

.search-form-container .search-channel-container .rui-search-tab.rui-search-tab-selected {
    position: relative;
}

.search-form-container .search-channel-container .rui-search-tab.rui-search-tab-selected,
.search-form-container .search-channel-container .rui-search-tab.rui-search-tab-selected:hover {
    background: rgba(0, 13, 82, 0);
    color: #fff;
}

@media screen and (min-width: 1100px) {
    .search-form-container .search-channel-container .rui-search-tab.rui-search-tab-selected,
    .search-form-container .search-channel-container .rui-search-tab.rui-search-tab-selected:hover {
        background: rgba(0, 13, 82, 0.9);
        color: #fff;
    }
}

.search-form-container .search-channel-container .rui-search-tab.recommended-tab:before {
    position: absolute;
    animation: 0.7s ease-in fade_in;
    padding-left: 44px;
    padding-bottom: 10px;
    top: -27px;
    left: 42px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 22px 6px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy43MDgzIDEuMjc4NzNDMTcuNjAzNSAxLjI0MjE4IDE2LjI2NjggMC44MTgxODIgMTQuNDE3MSAwLjgxODE4MkMxMi42OTAyIDAuODE4MTgyIDEwLjUxOSAxLjE4NzM2IDguNDc3NzggMi41ODcyOUM1LjA2NzM2IDQuOTI2NiAzLjA3Njc0IDkuNDIyNDcgMi41NjczNSAxNS45NTA2TDAuODI2MDExIDkuNzgwNjhDMC43NzE4MiA5LjU5NDI2IDAuNjA1NjM0IDkuNDY5OTkgMC40MjEzODUgOS40Njk5OUMwLjM4MTY0NSA5LjQ2OTk5IDAuMzQ1NTE3IDkuNDc3MyAwLjMwNTc3NyA5LjQ4ODI2QzAuMDgxNzg4IDkuNTU0MDYgLTAuMDQ4MjcwMyA5Ljc4Nzk5IDAuMDE2NzU4OSAxMC4wMTQ2TDIuMTg0NCAxNy42OTA1QzIuMjI3NzUgMTcuODQwMyAyLjM0Njk3IDE3Ljk1MzcgMi40OTg3MSAxNy45OTAyQzIuNjQ2ODMgMTguMDIzMSAyLjgwNTc5IDE3Ljk3MTkgMi45MDY5NCAxNy44NTVMNy45NjQ3NyAxMi4wMDY3QzguMTE2NSAxMS44Mjc2IDguMDk4NDQgMTEuNTYwNyA3LjkyNTAzIDExLjQwMzZDNy43NDgwMSAxMS4yNTAxIDcuNDg0MjggMTEuMjY4MyA3LjMyODkzIDExLjQ0MzhMMy40MDU1IDE1Ljk3OTlDMy45MDA0NSA5Ljc0MDQ3IDUuNzY4MjMgNS40NzEyMiA4Ljk1MTA1IDMuMjkyNzRDMTIuODQyIDAuNjI0NDU4IDE3LjQwNDggMi4wNzE5MSAxNy40NDgyIDIuMDg2NTNDMTcuNjcyMiAyLjE1OTYzIDE3LjkwNyAyLjAzOTAxIDE3Ljk3OTMgMS44MTIzOUMxOC4wNTE1IDEuNTg5NDIgMTcuOTI4NyAxLjM0ODE4IDE3LjcwODMgMS4yNzg3M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}

.search-form-container .search-channel-container .rui-search-tab.recommended-tab.property-value-tab:before {
    content: "Track your home";
}

.search-form-container .search-channel-container .rui-search-tab.recommended-tab.find-agents-tab:before {
    content: "Selling?";
}

.search-form-container .agent-select .rui-select,
.search-form-container .search-input-container .rui-input,
.search-form-container .search-input-container .rui-search-button {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

@media screen and (min-width: 1100px) {
    .search-panel .search-form-container .search-input-container .rui-search-button {
        display: none;
    }
}

.search-form-container .rui-search-container.list-visible .rui-input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.search-form-container .agent-select,
.search-form-container .search-input-container {
    display: inline-block;
    vertical-align: top;
}

.search-form-container .agent-select {
    width: 218px;
    color: #333f48;
}

.search-form-container .agent-select select.rui-select {
    height: 60px;
    font-size: 17px;
    font-size: 1.0625rem;
    padding-top: 0;
    padding-bottom: 0;
}

.search-form-container .agent-select .rui-select {
    padding: 0 12px 0 16px;
    border-radius: 0 0 0 2px;
    border-right: solid 1px #e1e4e6;
}

.search-form-container .agent-select .rui-icon-select-touch-friendly {
    margin-top: 29px;
}

.search-form-container .agent-select .rui-select-wrapper span {
    line-height: 60px;
    font-size: 17px;
    font-size: 1.0625rem;
}

.search-form-container .agent-select i.rui-icon {
    font-size: 14px;
    font-size: 0.875rem;
}

.search-form-container .agent-select .rui-select-menu {
    border-radius: 0 0 4px 4px;
    margin-top: 0;
    padding: 5px 0 10px 5px;
}

.search-form-container .search-input-container {
    width: 100%;
    background: rgba(0, 13, 82, 0.9);
    padding: 20px;
    padding-bottom: 0px;
    padding-top: 70px;
    display: block;
}

.search-panel .search-form-container .search-input-container {
    padding-top: 20px;
}

@media screen and (min-width: 1100px) {
    .search-panel .search-form-container .search-input-container {
        padding-top: 0px;
        display: flex;
    }
}

.search-form-container .search-input-container .search-icon {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    left: 11px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #565f73;
}

.search-form-container .search-input-container .rui-input {
    height: 60px;
    padding: 10px;
    line-height: 1;
    font-size: 18px;
    font-size: 1.125rem;
    border-radius: 0px;
    width: 100%;
    height: 60px;
    color: #3540F4;
    padding-left: 15px;
}

@media screen and (min-width: 1100px) {
    .search-form-container .search-input-container .rui-input {
        padding: 16px 30px;
    }

    .search-panel .search-form-container .search-input-container .rui-input {
        padding-left: 0px;
    }
}

.search-form-container .search-input-container .rui-input::-webkit-input-placeholder {
    color: #3540F4;
}

.search-form-container .search-input-container .rui-input:-moz-placeholder {
    color: #3540F4;
}

.search-form-container .search-input-container .rui-input::-moz-placeholder {
    color: #3540F4;
}

.search-form-container .search-input-container .rui-input:-ms-input-placeholder {
    color: #3540F4;
}

.search-form-container .rui-search-button {
    color: #fff;
    background: #3540F4;
    width: 100%;
    font-size: 1.125rem;
    border-radius: 0px;
    font-weight: 700;
    height: 60px;
    border-radius: 5px;
    cursor: pointer;
}

.search-form-container .rui-search-button.disabled {
    background: #757575;
    cursor:not-allowed;
}

.rui-search-button.mobile {
    display: block;
}

.rui-search-button.desktop {
    display: none;
}

.search-container input[type="checkbox"] + input[type="hidden"] + label {
    position: relative;
    display: block;
    padding-left: 30px;
    margin-bottom: 16px;
    height: 20px;
    line-height: 17px
}

.search-container input[type="checkbox"]:last-of-type + input[type="hidden"] + label {
    margin-bottom: 0
}

.search-container input[type="checkbox"]:not(:checked) {
    background-color: #fff;
}

.search-container input[type="checkbox"]:not(:checked),
.search-container input[type="checkbox"]:checked {
    position: absolute;
    width: 22px;
    height: 22px;
    z-index: 10;
    margin: 0;
    opacity: 0
}

.search-container input[type="checkbox"]:not(:checked) +  input[type="hidden"] + label::before,
.search-container input[type="checkbox"]:checked +  input[type="hidden"] + label::before{
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    left: 0;
    border: 1px solid #3540F4;
    border-radius: 0;
    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out
}

.search-container input[type="checkbox"]:not(:checked) + input[type="hidden"] +  label::before {
    border: 1px solid #3540F4;
    background-color: #fff;
    border-radius: 50%;
}

.search-container input[type="checkbox"]:checked +  input[type="hidden"] + label::before {
    border: 1px solid #3540F4;
    background-color: #3540F4;
    border-radius: 50%;
}

.search-container input[type="checkbox"]:not(:checked) + input[type="hidden"] +  label::before,
.search-container input[type="checkbox"]:checked +  input[type="hidden"] + label::before {
    width: 22px;
    height: 22px
}

.search-container input[type="checkbox"]:checked + input[type="hidden"] + label {
    position: relative
}

.search-container input[type="checkbox"]:checked + input[type="hidden"] +  label:after {
    position: absolute;
    top: 1.5px;
    left: 1px;
    content: "";
    background: transparent center no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8.733 15.932L4.5 11.693 3 13.123l5.733 5.721L21 6.586l-1.5-1.43z'/%3E%3C/svg%3E");
    background-size: cover;
    pointer-events: none;
    width: 13px;
    height: 13px;
}

@media screen and (min-width: 1100px) {
    
    .search-panel .search-container input[type="checkbox"]:checked + input[type="hidden"] + label::before {
        border: 1px solid #3540F4;
        background-color: #fff;
        border-radius: 50%;
    }


    .search-panel .search-container input[type="checkbox"]:checked + input[type="hidden"] + label:after {
        position: absolute;
        top: 1.5px;
        left: 1px;
        content: "";
        background: transparent center no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%233540F4' fill-rule='evenodd' d='M8.733 15.932L4.5 11.693 3 13.123l5.733 5.721L21 6.586l-1.5-1.43z'/%3E%3C/svg%3E");
        background-size: cover;
        pointer-events: none;
        width: 13px;
        height: 13px;
    }

}


.search-container .rui-input.surround input[type="checkbox"]:not(:checked) + input[type="hidden"] + label::before,
.search-container .rui-input.surround input[type="checkbox"]:checked + input[type="hidden"] + label::before {
    width: 15px;
    height: 15px;
}

.search-container .rui-input.surround input[type="checkbox"] + input[type="hidden"] + label {
    padding-left: 25px;
}

@media screen and (min-width: 1100px) {
    .search-form-container .search-input-container {
        display: flex;
        padding: 40px;
        padding-bottom: 80px;
        padding-top: 40px;
    }

    .search-form-container .rui-search-button {
        width: 220px;
    }

    .rui-search-button.mobile {
        display: none;
    }

    .rui-search-button.desktop {
        display: block;
    }

    .condition.surround-container {
        position: absolute;
        right: 40px;
        top: 7px;
    }

    .search-panel .condition.surround-container {
        position: relative;
        right: initial;
        top: initial;
    }

    .search-panel .search-container input[type="checkbox"] + input[type="hidden"] + label {
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 5px;
        height: initial;
        line-height: initial;
        font-size: 14px;
        color: #3540F4;
    }


}

.search-form-container .search-input-container .clear-text-container {
    right: 0;
    font-size: 14px;
    font-size: 0.875rem;
}

.search-form-container .agent-search {
    width: 527px;
}

.search-form-container .agent-search .rui-input {
    border-radius: 0;
}

.search-form-container h1 {
    font-weight: normal;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 12px;
    margin-top: 0;
}

.search-refinements-wrapper {
    display: block;
    justify-content: space-between;
    background: rgba(0, 13, 82, 0.9);
    position: relative;
    padding: 20px;
}

.search-refinements {
    color: #333f48;
    z-index: 0;
    display: block;
    width: 100%;
}

@media screen and (min-width: 1100px) {
    .search-refinements-wrapper {
        display: flex;
        padding: 0px;
    }

    .search-panel .search-refinements-wrapper {
        background: transparent;
        width: initial;
        margin-left: 13px;
    }

    .search-refinements {
        position: absolute;
        bottom: calc(40px - 17.5px);
        display: flex;
        padding: 0px 40px;
        font-size: 0.95rem;
    }

    .search-panel .search-refinements {
        position: relative;
        bottom: initial;
        padding: 0px;
        margin-right:20px;
        justify-content: flex-end;
    }
}

.search-refinements .condition {
    vertical-align: top;
    display: flex;
}

.search-refinements .condition .select-holder {
    position: relative;
    display: inline-block;
    text-align: left;
    background-color: #fff;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 100%;
    height: 40px;
}

.search-refinements .condition .rui-input.surround {
    position: relative;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    color: #fff;
}

.search-refinements .condition .select-holder:last-child {
    margin-right: 0px;
}

@media screen and (min-width: 1100px) {
    .search-refinements .condition .select-holder {
        background-color: transparent;
        margin-right: 0px;
        margin-bottom: 0px;
        width: initial;
        height: initial;
    }

    .search-panel .search-refinements .min.price.select-holder,
    .search-panel .search-refinements .max.price.select-holder,
    .search-panel .search-refinements .beds.select-holder,
    .search-panel .search-refinements .baths.select-holder,
    .search-panel .search-refinements .condition.property-select-holder {
        margin-right: 15px;
    }

    .search-panel .search-refinements .condition .select-holder {
        display: flex;
    }

    .search-refinements .condition .rui-input.surround {
        position: initial;
        display: initial;
        text-align: left;
        margin-bottom: initial;
        width: initial;
    }

    .search-panel .search-container .rui-input.surround input[type="checkbox"] + label {
        padding-left: 25px;
        color: blue;
        font-size: 14px;
        margin-left: 10px;
        margin-top: 3px;
        margin-right: 5px;
    }

}

.search-refinements .condition .rui-input {
    border: none;
    padding: 0;
    line-height: 1;
    height: 100%;
    color:#3540F4;
    background-color: transparent;
}

@media screen and (min-width: 1100px) {
    .search-refinements .condition .rui-input {
        border: none;
        padding: 0;
        line-height: 1;
        height: 100%;
        color: #fff;
        background-color: transparent;
    }
}

.search-refinements .rui-select-wrapper {
    position: relative;
    outline: 0;
    border-radius: 4px;
}

@media screen and (min-width: 1100px) {
    .search-refinements .rui-select-wrapper {
        align-self: center;
        align-content: center;
    }
}

.search-refinements .k-multiselect-wrap .k-input {
    min-width: initial;
}

.search-refinements .k-multiselect-clearable .k-multiselect-wrap {
    padding-right: 2em;
    border-color: transparent;
    cursor: pointer;
    min-width: 150px;
    border: 0px;
}

.search-refinements .k-list > .k-item.k-state-focused
,.search-refinements .k-treeview .k-in.k-state-focused {
    border-color: transparent;
}

.search-refinements .k-list-scroller {
    position: relative;
    overflow: auto;
    background-color: rgba(0, 13, 82, 0.9);
    color: #fff;
}

.search-refinements .property-type .k-widget.k-multiselect:before,
.search-refinements .k-dropdown-wrap .k-icon:before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxIDBMNi A0LjU4TDEwLjU5IDBMMTIgMS40MUw2IDcuNDFMMCAxLjQxTDEuNDEgMFoiIGZpbGw9IiMzNTQwR jQiLz4KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 9px;
    cursor: pointer;
    transition: all 0.1s;
    transform: rotate(180deg);
    color: #fff;
}

.search-refinements .property-type.k-content.rui-input {
    margin-right: 20px;
}

.search-panel .search-refinements .property-type.k-content.rui-input {
    margin-right: 28px;
}

.search-refinements .property-type.k-content.rui-input .k-multiselect:after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxIDBMNi A0LjU4TDEwLjU5IDBMMTIgMS40MUw2IDcuNDFMMCAxLjQxTDEuNDEgMFoiIGZpbGw9IiMzNTQwR jQiLz4KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    transition: all 0.1s;
    transform: rotate(180deg);
    color: #fff;
    display: inline-block;
}

@media screen and (min-width: 1100px) {
    .search-refinements .property-type.k-content.rui-input .k-multiselect:after {
        position: relative;
        right: -5px;
        top: 5px;
    }
}

.search-refinements .property-type .k-widget.k-multiselect:before {
    display: none;
}

.search-panel .search-refinements .property-type.k-content.rui-input .k-multiselect:after {
    display: none;
}

.search-panel .search-refinements .property-type .k-widget.k-multiselect:before {
    display: flex;
    right: 13px;
    top: 10px;
}

@media screen and (min-width: 1100px) {
    .search-panel .search-refinements .property-type .k-widget.k-multiselect:before {
        top: 0px;
    }
}

.search-refinements .k-state-focused:before {
    position: absolute;
    top: 14px !important;
}

@media screen and (min-width: 1100px) {
    .search-refinements .k-dropdown-wrap .k-icon:before {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC41OSA3Lj QxMDAzTDYgMi44MzAwM0wxLjQxIDcuNDEwMDNMMCA2LjAwMDAzTDYgMy40MzMyM2UtMDVMMTIgN i4wMDAwM0wxMC41OSA3LjQxMDAzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+');
    }

    .search-refinements .property-type.k-content.rui-input .k-multiselect:after {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC41OSA3Lj QxMDAzTDYgMi44MzAwM0wxLjQxIDcuNDEwMDNMMCA2LjAwMDAzTDYgMy40MzMyM2UtMDVMMTIgN i4wMDAwM0wxMC41OSA3LjQxMDAzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+');
    }
}

.search-refinements .k-dropdown-wrap .k-i-arrow-60-down:before {
    top: 12px;
}

@media screen and (min-width: 1100px) {
    .search-refinements .k-dropdown-wrap .k-i-arrow-60-down:before {
        top: 5px;
    }

    .search-panel .search-refinements .k-dropdown-wrap .k-i-arrow-60-down:before {
        top: 1px;
        right: 9px;
    }

    .search-panel .k-dropdown-wrap .k-select,
    .search-panel .k-numeric-wrap .k-select,
    .search-panel .k-picker-wrap .k-select {
        line-height: inherit;
        vertical-align: middle;
        -moz-box-sizing: border-box;
        text-align: center;
        width: initial;
        height: initial;
    }

    .search-panel .search-refinements .k-widget.k-multiselect:before {
        top: 5px;
    }
}

.search-panel .search-refinements .k-dropdown-wrap .k-i-arrow-60-down:before,
.search-panel .search-refinements .k-widget.k-multiselect:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxIDBMNi A0LjU4TDEwLjU5IDBMMTIgMS40MUw2IDcuNDFMMCAxLjQxTDEuNDEgMFoiIGZpbGw9IiMzNTQwR jQiLz4KPC9zdmc+');
}

.search-panel .k-dropdown-wrap,
.search-panel .k-numeric-wrap,
.search-panel .k-picker-wrap {
    padding-right: 1.5rem;
}

.search-refinements .k-dropdown-wrap.k-state-active .k-icon:before,
.search-refinements .k-widget.k-multiselect.k-state-focused:before {
    transform: rotate(0deg);
    top: 8px;
}

@media screen and (min-width: 1100px) {
    .search-refinements .k-dropdown-wrap.k-state-active .k-icon:before,
    .search-refinements .k-widget.k-multiselect.k-state-focused:before {
        transform: rotate(0deg);
        top: 8px;
    }

    .search-panel .search-refinements .k-widget.k-multiselect.k-state-focused:before {
        top: 3px !important;
    }
}

.search-refinements .k-widget.k-multiselect.k-state-border-up:before {
    transform: rotate(180deg);
    top: 8px !important;
}

.search-refinements .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close,
.search-refinements .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close {
    display: none;
}

.search-refinements .k-multiselect-wrap > .k-input {
    height: initial;
    padding: 0px;
    margin: 0px;
    min-height: initial;
    position: absolute;
    top: -3px;
    left: 0px;
}

.search-refinements .k-state-active .k-icon {
    top: 3px;
}

.search-refinements .k-widget.k-multiselect.k-multiselect-clearable {
    padding-left: 0px;
    display: flex; /* fixing */
}

.search-panel .search-refinements .k-widget.k-multiselect.k-multiselect-clearable {
    display: block;
}


.search-refinements .property-type .k-button {
    background-color: transparent;
    color: #3540F4;
    border: 0px none;
    top: 2px;
    padding-left: 18px;
}

.k-multiselect-wrap .k-input {
    text-indent: initial;
}


@media screen and (min-width: 1100px) {
    .search-refinements .property-type .k-button {
        color: #fff;
        width: 100%;
        text-align: left;
        padding-left: 0px;
    }

    .search-refinements .property-type .k-button span,
    .search-refinements .property-type .k-button span span {
        width: 100%;
    }

    .search-panel .search-refinements .property-type .k-button {
        color: #3540F4;
        font-size: 14px;
        width: initial;
        /*text-align: right;*/
        top: 2px;
        position: relative;
    }
}

.search-refinements .property-type .k-multiselect-wrap .k-select {
    display: none;
}

.search-refinements .property-type .k-multiselect-clearable .k-multiselect-wrap {
    min-width: 150px;
    padding-top: 7px;
}

@media screen and (min-width: 1100px) {
    .search-refinements .property-type .k-multiselect-clearable .k-multiselect-wrap,
    .search-panel .search-refinements .property-type .k-multiselect-clearable .k-multiselect-wrap {
        min-width: initial;
        padding: 0px;
        display: initial; 
    }

    .search-refinements .property-type .k-multiselect span {
        width: auto;
        display: inline;
        visibility: visible !important;
        position: relative !important;
        color: #fff !important;
        top: 3px !important;
        left: 0px !important;
    }

    .property-listing .search-refinements .property-type .k-multiselect span {
        color: #3540F4 !important;
        top: -2px !important;
    }

    .search-refinements .property-type .k-multiselect ul li span {
        top: 0px !important;
    }
}

span.k-icon.k-clear-value.k-i-close {
    display: none !important;
}

.search-refinements .condition.property-select-holder {
    display: block;
    background-color: #fff;
    margin-bottom: 20px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.search-refinements span.k-widget.k-dropdown {
    padding-top: 3px;
}

@media screen and (min-width: 1100px) {
    .search-refinements .condition.property-select-holder {
        height: 40px;
        background-color: transparent;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }

    .search-refinements span.k-widget.k-dropdown {
        padding-top: 0px;
    }

    .search-panel .search-refinements .condition.property-select-holder {
        left: 6px;
        top: 1.5px;
        position: relative;
        display: flex;
        height: 40px;
        align-self: center;
    }
}

.search-refinements .k-multiselect-wrap > .k-input,
.search-refinements .k-dropdown-wrap > .k-input {
    color: #3540F4;
    opacity: 1;
    display: block;
    padding-top: 8px;
    padding-left: 15px;
}

.search-refinements .k-multiselect-wrap > .k-input {
    padding-left: 11px;
}

.search-refinements .k-multiselect-wrap>.k-input:focus,
.search-refinements .k-dropdown-wrap>.k-input:focus,
.search-refinements .k-dropdown-wrap>.k-input:hover,
.search-refinements .k-state-hover>.k-input:hover{
    color: #3540F4;
}

.property-type .k-icon:before{
    display: none;
}

@media screen and (min-width: 1100px) {
    .search-refinements .k-multiselect-wrap > .k-input, .search-refinements .k-dropdown-wrap > .k-input {
        color: #fff;
        padding-left: 0px;
        padding-top: 4px;
    }

    .search-refinements .k-multiselect-wrap > .k-input {
        top: -3px;
    }

    .search-refinements .k-multiselect-wrap>.k-input:focus,
    .search-refinements .k-dropdown-wrap>.k-input:focus {
        color: #fff;
    }

    /* Property Listings */
    .search-panel .search-refinements .k-multiselect-wrap > .k-input,
    .search-panel .search-refinements .k-dropdown-wrap > .k-input {
        color: #3540F4;
        padding-left: 0px;
        font-size: 14px;
        padding: 0px;
        height: initial;
    }

    .search-panel .search-refinements .k-multiselect-wrap > .k-input {
        top: 0px;
    }

    .search-panel .search-refinements .property-type .k-button span {
        width: 100%;
    }

    .search-panel .search-refinements .k-multiselect-wrap>.k-input:focus,
    .search-panel .search-refinements .k-dropdown-wrap>.k-input:focus {
        color: #3540F4;
        font-size: 14px;
    }
}


.search-refinements .k-widget.k-multiselect {
    height: 35px;
    background-color: transparent;
}

.search-panel .search-refinements .k-widget.k-multiselect {
    height: 35px;
    background-color: transparent;
}

@media screen and (min-width: 1100px) {
    .search-panel .search-refinements .k-widget.k-multiselect {
        height: initial;
    }
}

.search-refinements .k-multiselect-wrap.k-state-border-down .k-button,
.search-refinements .k-multiselect-wrap.k-state-border-up .k-button,
.search-refinements .k-state-border-down > .k-multiselect-wrap .k-button,
.search-refinements .k-state-border-up > .k-multiselect-wrap .k-button,
.search-refinements .k-dropdown-wrap.k-state-default,
.search-refinements span.k-dropdown,
.search-refinements .k-widget.k-multiselect,
.search-refinements .k-multiselect-wrap.k-state-hover,
.search-refinements .k-state-hover > .k-multiselect-wrap,
.search-refinements .k-input, .k-multiselect-wrap,
.search-refinements .k-textarea,
.search-refinements .k-textarea > textarea,
.search-refinements .k-textbox,
.search-refinements .k-textbox > input,
.search-refinements .k-dropdown-wrap.k-state-default.k-state-active,
.search-refinements .k-picker-wrap.k-state-default.k-state-active {
    background-color: transparent;
    background: transparent;
    border-color: transparent;
    width: initial;
    display: block;
}

.k-popup {
    background-color: #fff;
}

#PropertyTypeList-list .k-popup.k-list-container {
    margin-top: 8px !important;
    border-radius: 5px !important;
    overflow: hidden;
}

@media screen and (min-width: 1100px) {
    #PropertyTypeList-list {
        width: 180px !important;
        height: 190px !important;
        overflow: hidden !important;
    }

    #MinPrice-list,
    #MinPrice-list .k-list-scroller,
    #MaxPrice-list,
    #MaxPrice-list .k-list-scroller,
    #MinBeds-list,
    #MinBeds-list .k-list-scroller,
    #MinBaths-list,
    #MinBaths-list .k-list-scroller{
        width: 180px !important;
    }

    #MinBeds-list,
    #MinBeds-list .k-list-scroller{
        height: 222px !important;
    }

    #MinBaths-list,
    #MinBaths-list .k-list-scroller {
        height: 208px !important;
    }

    #PropertyTypeList-list .k-list-scroller{
        overflow: hidden !important;
    }

    .buy_properties #PropertyType-list {
        position: relative;
        top: 22px
    }

}

.search-refinements .k-multiselect-wrap li {
    padding: 0px;
    margin: 0px;
}

.property-listing .main-heading-section {
    padding-top: 37px;
    padding-bottom: 37px;
}

.property-listing h1 {
    margin-bottom: 37px;
    font-size: 34px;
    line-height: 45px;
}

.property-listing h2 {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
}

.search-panel .menu-wide-container {
    padding-left: 0px;
    padding-right: 0px;
}

h2.sub-heading {
    font-size: 34px;
    line-height: 45px;
}


@media screen and (min-width: 1100px) {
    .property-listing .main-heading-section {
        padding-top: 40.8px;
        padding-bottom: 26.4px;
    }

    .search-panel .menu-wide-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .property-listing h1 {
        margin-bottom: 30px;
        font-size: 45px;
        line-height: 60px;
    }

    .property-listing h2 {
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0.18px;
        max-width: 1000px;
    }

    h2.sub-heading {
        font-size: 34px;
        line-height: 45px;
    }

}

@media screen and (min-width: 1300px) {
    .search-panel .menu-wide-container {
        padding-left: 100px;
        padding-right: 100px;
    }
}


.property-listing .main-heading-section h3.section-heading {
    text-align: left;
}

.search-panel {
    background: #E8EAF6;
    height: initial;
    margin-bottom: 60px;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}

.search-panel .menu-wide-container {
    display: flex;
    width: 100%;
}

.search-panel .filters-group {
    margin-left: auto;
    display: flex;
    align-self: center;
    align-items: center;
    display: block;
    width: 100%;
    z-index: 2;
}

@media screen and (min-width: 1100px) {
    .search-panel {
        background: #E8EAF6;
        height: 90px;
        margin-bottom: 62px;
        display: flex;
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .search-panel.show-suburb-tooltip {
        padding-top: 10px;
    }

    .search-panel .filters-group {
        display: flex;
        margin-left: initial;
        margin-right: auto;
        width: initial;
    }
}

@media screen and (min-width: 1820px) {
    .search-panel.show-suburb-tooltip {
        padding-top: 21px;
    }
}

.search-form-container button.btn.btn-update {
    display: none;
}

.search-panel .search-form-container button.btn.btn-update {
    border: 1px solid #3540F4;
    border-radius: 1px;
    color: #3540F4;
    background-color: #fff;
    font-size: 14px;
    padding: 0px;
    width: 98px;
    height: 36px;
    border-radius: 5px;
    display: none;
    cursor: pointer;
}

.search-panel .search-form-container button.btn.btn-update:disabled {
    background-color: #8A8A8A;
    border: 1px solid #000;
    color: #fff;
    cursor: not-allowed;
}

@media screen and (min-width: 1100px) {
    .search-panel .search-form-container button.btn.btn-update {
        display: block;
        position: relative;
        top: 2px;
        margin-right: 22px;
    }
}

.search-panel input#Location {
    border: 0px;
    color: #3540F4;
    width: 100%;
    top: -1px;
    position: relative;
    font-size: 1.125rem;
}

.listings .postcode_suburb,
.property-listing .postcode_suburb{
    display: none;
}

@media screen and (min-width: 1100px) {
    .search-panel input#Location {
        width: 220px;
        font-size: 14px;
        background-color: transparent;
        border-bottom: 1px solid #3540F4;
        padding: 0px;
        height: 40px;
        align-items: center;
        align-self: center;
    }
}

.search-panel input#Location::-webkit-input-placeholder,
.search-panel input#Location:-moz-placeholder,
.search-panel input#Location::-moz-placeholder,
.search-panel input#Location::-moz-placeholder {
    color: #3540F4;
}

.search-panel  ::placeholder { /* Most modern browsers support this now. */
    color: #3540F4;
}

.search-container {
    display: flex;
    flex-direction: column;
}


.search-container .mobile-search-panel {
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #3540F4;
}

.mobile-search-panel .btn.btn-secondary {
    display: flex;
    justify-content: space-evenly;
    width: 100px;
    padding-left: 0px;
    padding-right: 0px;
}


.search-panel .outer-search-container {
    display: none;
}

.search-panel .outer-search-container.is-open {
    display: block;
}

@media screen and (min-width: 1100px) {

    .search-panel .outer-search-container,
    .search-panel .outer-search-container.is-open {
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .search-container {
        flex-direction: column;
    }

    .search-container .mobile-search-panel {
        display: none;
    }
}

/*
    Pagination
*/

.bmp-pagination,
.bmp-pagination a {
    color: #3540F4;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.18px;
    margin: auto;
}

.bmp-pagination ul {
    display: flex;
    margin: auto;
    margin-top: 30px;
}

.svg-left-arrow,
.svg-right-arrow {
    width: 7.41px;
    height: 12px;
    position: relative;
    top: 1px;
}

.svg-left-arrow {
    right: 5px;
}

.svg-right-arrow {
    left: 5px;
}

.bmp-pagination ul li {
    margin-right: 20px;
}

/*
    Property Listing
*/
div#property-listing,
div#property-listing .scroll-more-progress-container,
div#sold-property-listing,
.property-listings-container,
.bmp-tiles,
.bmp-pagination {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.support .scroll-more-progress-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

div.ad-listing,
.prop-empty-container {
    display: flex;
    flex-wrap: wrap;
    width: 0px;
    display: none;
    flex-direction: column;
}

@media screen and (min-width: 1100px) {
    div#property-listing,
    div#sold-property-listing,
    div#property-listing .scroll-more-progress-container,
    .property-listings-container {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 354px);
    }

    div.ad-listing,
    .prop-empty-container {
        width: 300px;
        margin-left: 54px;
        display: flex;
    }
}

div#scrollformore {
    margin: auto;
    padding-top: 30px;
    cursor: pointer;
}

#scrollformore svg.svg-icon {
    width: 24px;
    height: 24px;
}

.scroll-more-progress-container {
    width: 100%;
    display: flex;
}

.property-listing div#half-page-item {
    background-color: #C2C2C2;
    width: 300px;
    height: 600px;
    display: flex;
    margin-bottom: 24px;
}

.property-listing div#mrec-item {
    background-color: rgba(0, 0, 0, 0.12);
    width: 300px;
    height: 250px;
    display: flex;
}

.property-listing div#half-page-item h3,
.property-listing div#mrec-item h3 {
    display: flex;
    align-self: center;
    justify-content: center;
}

.k-listview-content {
    display: flex;
    justify-content: flex-start;
    flex: 0 1 auto;
    flex-wrap: wrap;
}

.property-item {
    flex-basis: 100%;
    max-width: 100%;
    border: 1px solid #E8EAF6;
    margin-bottom: 24px;
    min-width: 247px;
    cursor: pointer;
    max-height: 426px;
}

.property-item,
.property-item .image {
    position: relative;
}


@media screen and (min-width: 700px) {
    .property-item {
        flex-basis: calc(100% / 2 - 15px);
        max-width: calc(100% / 2 - 15px);
        margin-right: 30px;
    }

    .property-item:nth-child(2n) {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1400px) {
    .property-item {
        flex-basis: calc(100% / 3 - 16px);
        max-width: calc(100% / 3 - 16px);
        margin-right: 24px;
        border: 1px solid #E8EAF6;
        margin-bottom: 24px;
        min-width: 247px;
        max-width: 370px;
    }

    .property-item:nth-child(2n) {
        margin-right: 24px;
    }

    .property-item:nth-child(3n) {
        margin-right: 0px;
    }
}

.property-item .image {
    width: 100%;
    height: 250px;
    display: block;
    position: relative;
    background-color: rgba(0, 0, 0, 0.02);
}

.slider {
    position: relative;
}

.slider .status,
.property-item .status {
    display: inline;
    padding: 2px 6px;
    position: absolute;
    top: 12px;
    left: 17px;
}

.slider .status{
    position: absolute;
    top: 14px;
    left: 16px;
    display: inline;
    z-index: 2;
    height: 28px;
}

.slider .status.Under.offer,
.property-item .status.Under.offer {
    background: #91D7B9;
}

.slider .status.New,
.property-item .status.New {
    background: #3540F4;
    color: #fff;
}

.slider .status.Sold,
.slider .status.Leased,
.property-item .status.Sold,
.property-item .status.Leased {
    background: #FE887C;
}

.property-item .info {
    padding: 15px;
}

.info-summary {
    width: 100%;
}

.prop-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 18px;
    font-size: 0.875rem;
}

.property-quick-info-mobile .prop-summary {
    justify-content: flex-start;
}

.prop-summary > * {
    display: flex;
    margin-right: 18px;
}

@media screen and (min-width: 500px) {
    .prop-summary > * {
        display: flex;
        margin-right: 25px;
    }
}

@media screen and (min-width: 1110px) {
    .prop-summary > * {
        margin-right: 0px;
    }
}

.property-item .price {
    font-size: 1.5rem;
    letter-spacing: 0.18px;
    line-height: 30px;
    margin-bottom: 16px;
    margin-top: 11px;
}

.prop-summary svg.feature-icon {
    color: #fe887c;
    width: 24px;
    height: 24px;
    margin-right: 14px;
}

.prop-summary svg.feature-icon {
    width: 21px;
    height: 21px;
}

div#progress {
    position: relative;
    top: initial;
    left: 0px;
    width: 100%;
    height: 200px;
}

.result-container .component-loader {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.component-loader {
    width: 70px;
    height: 70px;
    border: 10px solid #3540F4;
    border-right-color: transparent;
    border-radius: 50%;
    position: relative;
    animation: loader-rotate 1s linear infinite;
    margin: 0px auto;
    background-color: transparent;
}

/*
    Property Details
*/

.buy-property_details .mfp-wrap,
.rent-property_details .mfp-wrap {
    overflow: hidden !important;
    border-left: 0px none;
    border-right: 0px none;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    background-color: #1A2563;
}

.buy-property_details svg-icon.hlClose.close-delayed-auto-popup,
.rent-property_details svg-icon.hlClose.close-delayed-auto-popup {
    top: 10px;
    color: #B7B9BD;
}

.buy-property_details svg.svg-icon.hlClose.close-delayed-auto-popup,
.rent-property_details svg.svg-icon.hlClose.close-delayed-auto-popup {
    top: 10px;
}

@media screen and (min-width: 1000px) {
    .buy-property_details .mfp-wrap,
    .rent-property_details .mfp-wrap {
        border-bottom: 50px solid transparent;
        border-top: 50px solid transparent;
        background-color: rgba(26, 37, 99, 0.96);
    }
}

.buy-property_details .mfp-container,
.rent-property_details .mfp-container {
    background-color: transparent;
}

.buy-property_details .white-popup,
.rent-property_details .white-popup {
    background-color: transparent;
}

.buy-property_details svg.svg-icon.hlClose,
.rent-property_details svg.svg-icon.hlClose {
    color: #fff;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
}

@media screen and (min-width: 1200px) {
    .buy-property_details svg.svg-icon.hlClose,
    .rent-property_details svg.svg-icon.hlClose {
        top: 20px;
        right: 10px;
    }
}

@media screen and (min-width: 1400px) {
    .buy-property_details svg.svg-icon.hlClose,
    .rent-property_details svg.svg-icon.hlClose {
        top: 0px;
        right: 10px;
        width: 50px;
        height: 50px;
        position: absolute;
    }
}

.buy-property_details .carousel-control-next svg.svg-icon,
.rent-property_details .carousel-control-next svg.svg-icon {
    transform: rotate(180deg);
    right: 0px;
}

.buy-property_details .carousel-item,
.rent-property_details .carousel-item {
    position: relative;
    display: none;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #1A2563;
    background-size: contain;
    background-repeat: no-repeat;
}

.buy-property_details .carousel-item.active,
.rent-property_details .carousel-item.active{
    background-size: contain;
}

.buy-property_details .carousel-control-prev svg.svg-icon,
.buy-property_details .carousel-control-next svg.svg-icon,
.rent-property_details .carousel-control-prev svg.svg-icon,
.rent-property_details .carousel-control-next svg.svg-icon {
    fill: #fff;
    color: #fff;
    width: 48px;
    height: 48px;
    padding: 10px;
    position: absolute;
    top: calc(50% - 24px);
}

@media screen and (min-width: 600px) {
    .buy-property_details .carousel-item,
    .rent-property_details .carousel-item {
        background-size: cover;
    }
}

@media screen and (min-width: 1300px) {
    .buy-property_details .carousel-item,
    .rent-property_details .carousel-item {
        background-color: transparent;
    }

    .buy-property_details .carousel-control-prev svg.svg-icon,
    .buy-property_details .carousel-control-next svg.svg-icon,
    .rent-property_details .carousel-control-prev svg.svg-icon,
    .rent-property_details .carousel-control-next svg.svg-icon {
        border: 2px solid #fff;
        border-radius: 50%;
    }
}

.buy-property_details .white-popup .carousel,
.rent-property_details .white-popup .carousel {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    position: relative;
}

@media screen and (min-width: 1300px) {
    .buy-property_details .white-popup .carousel,
    .rent-property_details .white-popup .carousel {
        display: flex;
        width: 97%;
        justify-content: center;
    }
}

.buy-property_details .carousel-item-next,
.buy-property_details .carousel-item-prev,
.buy-property_details .carousel-item.active,
.rent-property_details .carousel-item-next,
.rent-property_details .carousel-item-prev,
.rent-property_details .carousel-item.active {
    display: block;
    width: 100%;
    height: 100% !important;
    align-self: center;
}

.buy-property_details .white-popup .carousel-inner,
.rent-property_details .white-popup .carousel-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
}

.buy-property_details .carousel-item-next,
.buy-property_details .carousel-item-prev,
.buy-property_details .carousel-item.active,
.rent-property_details .carousel-item-next,
.rent-property_details .carousel-item-prev,
.rent-property_details .carousel-item.active {
    height: auto !important;
}

@media screen and (min-width: 600px) {
    .buy-property_details .carousel-item-next,
    .buy-property_details .carousel-item-prev,
    .buy-property_details .carousel-item.active,
    .rent-property_details .carousel-item-next,
    .rent-property_details .carousel-item-prev,
    .rent-property_details .carousel-item.active {
        height: auto !important;
    }
}

@media screen and (min-width: 1300px) {
    .buy-property_details .carousel-item-next,
    .buy-property_details .carousel-item-prev,
    .buy-property_details .carousel-item.active,
    .buy-property_details .carousel-item img,
    .buy-property_details .white-popup .carousel-inner,
    .rent-property_details .carousel-item-next,
    .rent-property_details .carousel-item-prev,
    .rent-property_details .carousel-item.active,
    .rent-property_details .carousel-item img,
    .rent-property_details .white-popup .carousel-inner {
        width: 1212px !important;
        height: 909px !important;
    }
}

.buy-property_details .carousel-control-prev,
.buy-property_details .carousel-control-next,
.rent-property_details .carousel-control-prev,
.rent-property_details .carousel-control-next {
    display: block;
    width: 55px;
    position: absolute;
    top: calc(50% - 80px);
    left: 0px;
    height: 100px;
    z-index: 1;
    background-color: rgba(33,40,46,.5);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media screen and (min-width: 500px) {
    .buy-property_details .carousel-control-prev,
    .buy-property_details .carousel-control-next,
    .rent-property_details .carousel-control-prev,
    .rent-property_details .carousel-control-next {
        top: calc(50% - 50px);
    }
}

@media screen and (min-width: 1000px) {
    .buy-property_details .carousel-control-prev,
    .buy-property_details .carousel-control-next,
    .rent-property_details .carousel-control-prev,
    .rent-property_details .carousel-control-next {
        top: calc(50% - 50px);
    }
}

.buy-property_details .carousel-control-next,
.rent-property_details .carousel-control-next {
    left: initial;
    right: 0px;
    z-index: 2;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

@media screen and (min-width: 1300px) {
    .buy-property_details .carousel-control-prev,
    .buy-property_details .carousel-control-next,
    .rent-property_details .carousel-control-prev,
    .rent-property_details .carousel-control-next {
        display: block;
        width: 120px;
        position: relative;
        background-color: initial;
    }
}


.buy-property_details img.carousel-item.active,
.rent-property_details img.carousel-item.active {
    width: 100% !important;
    height: auto !important;
}


@media screen and (max-height: 800px) {
    .buy-property_details .mfp-wrap,
    .rent-property_details .mfp-wrap {
        border-bottom: 0px solid transparent;
        border-top: 0px solid transparent;
        top: 0px;
        height: 100%;
        z-index: 9999;
    }

    .buy-property_details svg.svg-icon.hlClose,
    .rent-property_details svg.svg-icon.hlClose {
        top: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
    }
}


.property-listing .main-heading-section .menu-wide-container {
    display: block;
}

.property-details {
    margin-bottom: 70px;
}

.property-details .main-heading-section {
    padding-top: 37px;
    padding-bottom: 37px;
    background-color: #E8EAF6;
    margin-bottom: 57px;
}

@media screen and (min-width: 1110px) {
    .property-details .main-heading-section {
        margin-bottom: 88px;
    }
}

.property-details .menu-wide-container {
    justify-content: space-around;
    display: block;
}

@media screen and (min-width: 1110px) {
    .property-details .menu-wide-container {
        justify-content: space-around;
        display: flex;
    }
}

@media screen and (min-width: 1630px) {
    .property-details .menu-wide-container {
        justify-content: initial;
    }
}

.property-details .main-heading-section h3.section-heading {
    text-align: left;
    font-weight: 400;
    margin-bottom: 0px;
}

.property-details .left-col {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0px;
}

@media screen and (min-width: 1110px) {
    .property-details .left-col {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 92px;
    }
}

@media screen and (min-width: 1630px) {
    .property-details .left-col {
        flex-basis: 1021px;
        max-width: 1021px;
        margin-right: 92px;
    }
}

.property-details .right-col {
    flex-basis: 100%;
    max-width: 100%;
    flex-direction: column;
    display: block;
}

@media screen and (min-width: 1110px) {
    .property-details .right-col {
        flex-basis: 300px;
        max-width: 300px;
        display: flex;
        flex-direction: column;
    }
}

.property-details .right-col .map {
    margin-top: 22px;
    margin-bottom: 22px;
}

.buy-property-details .carousel {
    cursor: pointer;
}

.buy-property-details .carousel-left .empty-slide-nav {
    background: rgba(0, 0, 0, 0.04);
}

.buy-property-details .carousel-left .slider,
.buy-property-details .carousel-left img {
    width: 100%;
    height: auto;
    position: relative;
}

.buy-property-details .carousel-left .total-items {
    position: absolute;
    bottom: 15px;
    left: calc(50% - 35px);
    width: 70px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    padding: 3px;
    font-size: 0.7rem;
    font-weight: 700;
    text-align: center;
}

.buy-property-details .left-col .total-items-desktop {
    font-size: 0.8rem;
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 12px;
    display: none;
}

@media screen and (min-width: 700px) {
    .buy-property-details .carousel-left .total-items {
        display: none;
    }

    .buy-property-details .left-col .total-items-desktop {
        display: block;
    }

    .buy-property-details .carousel-left .slider,
    .buy-property-details .carousel-left img {
        width: 100%;
        height: 491px;
    }
}

@media screen and (min-width: 1110px) {
    .buy-property-details .carousel-left .slider,
    .buy-property-details .carousel-left img {
        width: 100%;
        height: 491px;
    }
}

@media screen and (min-width: 1630px) {
    .buy-property-details .carousel-left .slider,
    .buy-property-details .carousel-left img {
        width: 100%;
        height: 491px;
    }
}

.property-details .carousel .carousel-left {
    height: 100%;
    flex-basis: 100%;
    max-width: 100%;
    display: block;
    margin: auto;
    justify-content: center;
}

@media screen and (min-width: 500px) {
    .property-details .youtube-video-player {
        height: 300px;
    }

    .property-details .carousel .carousel-left {
        height: 100%;
        flex-basis: 100%;
        max-width: initial;
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 700px) {
    .property-details .youtube-video-player {
        height: 398px;
    }

    .property-details .carousel .carousel-left {
        height: 491px;
        flex-basis: 100%;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        justify-content: space-between;
    }
}

@media screen and (min-width: 1110px) {
    .property-details .youtube-video-player {
        height: 398px;
    }

    .property-details .carousel .carousel-left {
        height: 491px;
        flex-basis: 100%;
        margin-right: 0px;
        display: flex;
    }
}

@media screen and (min-width: 110px) {
    .property-details .carousel .carousel-left {
        margin-top: -25px;
    }
}

@media screen and (min-width: 1630px) {
    .property-details .youtube-video-player {
        height: 472px;
    }

    .property-details .carousel .carousel-left {
        height: 491px;
        flex-basis: calc(100% - 256px);
        display: flex;
        margin-left: 0px;
    }
}

.property-details .carousel .carousel-left .slick-list {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 500px) {
    .property-details .carousel .carousel-left .slick-list {
        width: 300px;
        height: 100%;
    }
}

@media screen and (min-width: 700px) {
    .property-details .carousel .carousel-left .slick-list {
        width: 531px;
        height: 472px;
        margin: auto;
    }
}

@media screen and (min-width: 1630px) {
    .property-details .carousel .carousel-left .slick-list {
        width: 631px;
        height: 472px;
    }
}

.property-details .carousel-right .slider {
    width: 100%;
    height: 160px;
    overflow: hidden;
}

@media screen and (min-width: 1630px) {
    .property-details .carousel-right .slider {
        width: 246px;
        height: 157px;
        overflow: initial;
    }
}

.property-details .carousel {
    display: flex;
    justify-content: space-between;
}


.property-details .carousel .carousel-right {
    display: none;
}

@media screen and (min-width: 650px) {
    .property-details .carousel .carousel-right {
        flex-basis: 100%;
        width: 100%;
        position: relative;
        margin-top: 40px;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        overflow: hidden;
    }
}

@media screen and (min-width: 1630px) {
    .property-details .carousel .carousel-right {
        flex-basis: 246px;
        max-width: 246px;
        margin-top: 6px;
        overflow: hidden;
        height: 491px;
    }
}

.property-details .carousel .carousel-right .empty-slide-nav,
.property-details .carousel .carousel-right .slide-image {
    display: block;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.04);
}

.property-details .carousel-right .slick-track > * {
    width: calc(100% / 3 - 5px);
    height: 161px !important;
    margin-right: 10px;
    background-color: #EAEAEA;
}

.buy-property-details .slick-track {
    display: flex;
}

.property-details .carousel-right .slick-track > *:last-child {
    margin-right: 0px;
}

.property-details .carousel-right .more-media {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 4rem;
    line-height: 10rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
}

@media screen and (min-width: 1630px) {
    .buy-property-details .slick-track {
        display: block;
    }

    .property-details .carousel-right .slick-track > * {
        width: initial;
        margin-right: 0px;
    }
}


.property-details .carousel-right .slick-slide {
    margin: 0 8px;
}

.property-details .carousel-right  .slick-list {
    margin: 0 -8px;
}

.property-details .video-preview {
    position: relative;
}

.property-details .video-preview .btn-play {
    position: absolute;
    top: calc(50% - (56px / 2));
    left: calc(50% - (56px / 2));
}

.right-video-preview {
    position: relative;
}

.right-video-preview .btn-play {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}

.btn-play svg.svg-icon {
    width: 50px;
    height: 50px;
    color: rgba(255, 255, 255, 0.7);
}

.right-video-preview-cover {
    background-color: rgba(0,0,0,0.25);
    display: block;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 1630px) {
    .property-details .carousel-right .slick-track > * {
        margin-bottom: 10px;
        margin-right: 0px;
        height: 157px !important;
        width: 100%;
        overflow: hidden;
    }

    .property-details .carousel-right .slick-track > *:after {
        content: '';
        display: none;
        margin-right: 0px;
    }
}

.property-details .carousel-right .slick-list {
    padding: 0px !important
}

.property-details #propertyMap {
    width: 100%;
    height: 500px;
}

.property-details .row.upcoming-inspection {
    margin-top: 36px;
    display: block;
}

.white-popup .floorplan {
    margin: 100px;
    width: calc(100% - 200px);
}

.property-details .row.floorplan.desktop {
    display: none;
}

.property-details .row.floorplan.mobile {
    display: block;
}

@media screen and (min-width: 1100px) {
    .property-details .row.floorplan.desktop {
        display: block;
    }

    .property-details .row.floorplan.mobile {
        display: none;
    }

}

.property-details .accordion-heading,
.property-listing .accordion-heading {
    border: 1px solid #3540F4;
    padding: 19px 27px;
    height: 72px;
    align-items: center;
    justify-content: space-between;
}

.buy-property-details .accordion-heading h4,
.buy-property-details .accordion-heading .svg-icon,
.property-listing .accordion-heading h4,
.property-listing .accordion-heading .svg-icon {
    margin-bottom: 0px;
    color: #3540F4;
    font-size: 1rem;
}

.buy-property-details .accordion-content,
.property-listing .accordion-content {
    padding: 24px 27px;
    border: 1px solid #E8EAF6;
    color: #757575;
    font-size: 0.8rem;
}

.buy-property-details .accordion-item.is-open .accordion-content,
.property-listing .accordion-item.is-open .accordion-content {
    padding-top: 27px;
}

.carousel-arrow {
    width: 80px;
}

.carousel-arrow.slick-arrow.right .svg-icon.svg-desktop {
    transform: rotate(180deg);
}

.carousel-right .btn.btn-primary {
    position: absolute;
    bottom: -55px;
    padding: 0px;
    width: 100%;
    text-align: center;
    height: 36px;
    line-height: 32px;
    max-width: 682px;
}

@media screen and (min-width: 1630px) {
    .carousel-right .btn.btn-primary {
        bottom: 0px;
    }
}

.carousel-left .carousel-arrow.slick-arrow {
    left: 0px;
    width: 30px;
    display: block !important;
    position: relative;
}

@media screen and (min-width: 700px) {
    .carousel-left .carousel-arrow.slick-arrow {
        width: 40px;
    }
}

.carousel-arrow.slick-arrow .svg-icon.svg-mobile {
    width: 30px;
    height: 30px;
    color: #3540F4;
    border: 1px solid #3540F4;
    border-radius: 50%;
    padding: 6px 8px;
    top: calc(50% - 15px);
    position: relative;
}

.carousel-arrow.slick-arrow .svg-icon.svg-desktop {
    width: 40px;
    height: 40px;
    color: #3540F4;
    border: 2.5px solid #3540F4;
    border-radius: 50%;
    padding: 8px;
    top: calc(50% - 20px);
    position: relative;
}

@media screen and (min-width: 700px) {
    .carousel-left .carousel-arrow.slick-arrow {
        width: 48px;
    }

    .carousel-arrow.slick-arrow .svg-icon.svg-desktop {
        width: 48px;
        height: 48px;
        top: calc(50% - 20px);
    }
}

.property-details .view-all-desktop,
.property-details .view-all-mobile {
    display: none;
}

@media screen and (min-width: 700px) {
    .property-details .view-all-mobile {
        display: block;
        width: 682px;
        text-align: center;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1110px) {
    .property-details .view-all-desktop {
        display: block;
    }

    .property-details .view-all-mobile {
        display: none;
    }
}

.property-details .left-col .subheading {
    margin-top: 59px;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 34px;
}

.property-details .left-col .property-quick-info-mobile .subheading {
    margin-top: 22px;
    margin-bottom: -1px;
}

@media screen and (min-width: 1110px) {
    .property-details .left-col .subheading {
        margin-top: 121px;
    }
}

.property-details .property-id {
    font-weight: 400;
    color: #162261;
    font-size: 16px;
    margin-bottom: 48px;
    line-height: 18px;
}

.property-details .description {
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.18px;
    font-size: 1rem;
}

.property-details hr {
    margin-top: 48px;
    margin-bottom: 48px;
}

.property-details .auction {
    margin-bottom: 46px;
}

.property-details .sale-type {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    margin-bottom: 22px;
    margin-top: 53px;
}

@media screen and (min-width: 1110px) {
    .property-details .sale-type {
        margin-top: 0px;
    }
}

.property-details .propertyType {
    margin-top: 16.5px;
    margin-bottom: 25px;
    text-transform: capitalize;
    color: #000D52;
}

.property-details div#mrec-item {
    background-color: rgba(0, 0, 0, 0.12);
    width: 300px;
    height: 250px;
    display: flex;
    margin-top: 24px;

    margin-left: auto;
    margin-right: auto;
}

.property-details div#mrec-item h3 {
    display: flex;
    align-self: center;
    justify-content: center;
}

.property-details .social-media-share {
    margin-top: 36px;
    position: relative;
}

.real-eastate-agents-info {
    margin-top: 24px;
}

@media screen and (min-width: 1110px) {
    .property-details .social-media-share {
        margin-top: 122px;
    }
}

.property-details h4.subsection {
    font-size: 2rem;
}

.property-details .row.feature-category {
    font-weight: 700;
    margin-bottom: 8px;
}

.property-details h4.subsection {
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.property-details .subheading h4 {
    font-size: 1.5625rem;
}

.property-quick-info-mobile {
    display: block;
}

.property-quick-info-desktop {
    display: none;
}

@media screen and (min-width: 1110px) {
    .property-quick-info-mobile {
        display: none;
    }

    .property-quick-info-desktop {
        display: block;
    }
}

.property-details .auction-ofi-gap {
    margin-bottom: 46px;
}

.property-details .time-row {
    display: block;
    justify-content: space-between;
    background-color: #E8EAF6;
    color: #000D52;
    padding: 12px 30px;
}

.property-details .time-row .col:last-child {
    margin-top: 18px;
    margin-bottom: 12px;
}

.property-details .time-row .btn-secondary {
    background-color: #E8EAF6;
}

@media screen and (min-width: 1110px) {
    .property-details .time-row {
        padding: 25px 30px;
    }


    .property-details .time-row {
        display: flex;
    }

    .property-details .time-row .col:last-child {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.property-details .row.contact {
    display: block;
    margin-top: 42px;
}

.property-details .info-summary .row .btn {
    margin-top: 12px;
}

.property-details .info-summary .row .generic-anchor-link {
    margin-top: 25px;
    display: block;
    height: 45px;
}

.property-details .info-summary .mobile-row {
    margin-top: 25px;
}

.property-details .row.enquiry {
    width: 100%;
    display: block;
}

.property-enquiry .row.heading {
    background-color: #000D52;
    color: #fff;
    padding: 18px 30px;
    width: 100%;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.18px;
    font-size: 1rem;
}

.property-enquiry .row.form {
    padding: 30px;
    border-left: 1px solid #E8EAF6;
    border-right: 1px solid #E8EAF6;
    border-bottom: 1px solid #E8EAF6;
    width: 100%;
}

.property-enquiry .row {
    display: block;
    font-size: 0.875rem;
}

.property-enquiry .row > * {
    display: flex;
}
.property-enquiry textarea,
.property-enquiry input[type=text]{
    background-color: #E8EAF5;
    padding: 15px 30px;
    border: 0px none;
    margin-bottom: 24px;
    width: 100%;
    color: #000D52;
}

.property-enquiry textarea {
    height: 100px;
}

.property-enquiry select {
    line-height: initial;
    height: initial;
    border: 0px none;
    background: #E8EAF6;
}

.property-enquiry ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000D52;
}

.property-enquiry :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000D52;
}

.property-enquiry ::-ms-input-placeholder { /* Microsoft Edge */
    color: #000D52;
}

.property-enquiry .left, 
.property-enquiry .right {
    width: 100%;
    margin-right: 0px;
}

@media screen and (min-width: 1220px) {
    .property-enquiry .left,
    .property-enquiry .right {
        width: calc(50% - 12.5px);
        margin-right: 25px;
    }
}

.property-enquiry .right {
    margin-right: 0px;
}

.property-enquiry .row.enquire-type {
    margin-bottom: 26px;
    position: relative;
}

.property-enquiry .btn-primary {
    width: 100%;
    padding: 7px;
    text-align: center;
    display: block;
    margin-top: 24px;
    margin-bottom: 12px;
}

.privacy {
    font-size: 0.8rem;
    line-height: 18px;
    letter-spacing: 0.18px;
    color: #C2C2C2;
}

.radio-item {
    margin-right: 10%;
    width: 100%;
}

.recaptcha-submit-row button#submitButton {
    width: 200px;
    height: 50px;
    display: block;
}

@media screen and (min-width: 1220px) {
    .radio-item {
        width: initial;
    }

    button#submitButton.mobile {
        display: none;
    }
}

.radio-item:last-child {
    margin-right: 0px;
}

.radio-label {
    padding-left: 10px;
    line-height: 15px;
}

.property-enquiry {
    width: 100%;
}

.property-enquiry select {
    line-height: initial;
    height: initial;
    border: 0px none;
    background: #E8EAF6;
    padding: 0px;
    display: block;
    height: 46px;
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 24px;
}




.property-enquiry .outer-dropdown {
    background: #E8EAF6;
    overflow: hidden;
    height: 46px;
    width: 100%;
    padding-right: 18px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1220px) {
    .property-enquiry .outer-dropdown {
        margin-bottom: 0px;
    }
}

[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="radio"] + label {
    position: relative;
    display: block;
    padding-left: 39px;
    margin-bottom: 16px;
    height: 24px;
    line-height: 24px;
}

input[type="radio"]:not(:checked),
input[type="radio"]:checked {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 10;
    margin: 0;
    opacity: 0;
}

input[type="radio"]:not(:checked) + label::before,
input[type="radio"]:checked + label::before{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

li.k-item:before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}



input[type="radio"]:not(:checked) + label::before, 
input[type="radio"]:checked + label::before,
li.k-item:before{
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    left: 0;
    border: 1px solid #3540F4;
    border-radius: 50%;
    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

li.k-item:before {
    left: 12px;
    margin-top: 7px;
    margin-right: 10px;
}

.k-popup .k-list .k-item {
    padding-left: 40px;
}

input[type="radio"]:checked + label::before,
li.k-item[aria-selected="true"]::before {
    border: 1px solid #3540F4;
    background-color: #3540F4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8.733 15.932L4.5 11.693 3 13.123l5.733 5.721L21 6.586l-1.5-1.43z'/%3E%3C/svg%3E");
    background-size: cover;
}

input[type="radio"]:checked + label:after {
    position: absolute;
    top: 4.2px;
    left: 3px;
    width: 17px;
    height: 17px;
    content: "";
    background: transparent center no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8.733 15.932L4.5 11.693 3 13.123l5.733 5.721L21 6.586l-1.5-1.43z'/%3E%3C/svg%3E");
    background-size: cover;
    pointer-events: none;
}

/*
    Short Content Page
    Long Content Page
*/
.short-content-page .main-content .row {
    display: block;
}

.short-content-page .main-content .delayed-auto-popup .row {
    display: flex;
}

.delayed-auto-popup p.intro {
    font-size: 20px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.delayed-auto-popup p.footer {
    font-size: 20px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.blog-type,
#read-count-result {
    display: block;
    color: #757575;
    font-size: 15px;
    line-height: 18px;
    margin-top: 22px;
    margin-bottom: 22px;
}

#read-count-result {
    display:inline;
}

.long-content-page .display-two,
.short-content-page .display-two{
    margin-bottom: 24px;
}

.short-content-page h4,
.long-content-page h4 {
    margin-bottom: 24px;
}

.short-content-page ul li:not(.breadcrumb-item),
.long-content-page ul li:not(.breadcrumb-item) {
    display: list-item;
    margin-left: 18px;
}

.short-content-page ol li:not(.breadcrumb-item),
.long-content-page ol li:not(.breadcrumb-item){
    display: block;
    margin-left: 18px;
}

.long-content-page .display-two,
.short-content-page .display-two {
    font-size: 34px;
    line-height: 45px;
}

.short-content-page h2,
.long-content-page h2 {
    margin-bottom: 24px;
}


.short-content-page h4,
.long-content-page h4 {
    margin-bottom: 24px;
}


@media screen and (min-width: 1220px) {
    .long-content-page .display-two,
    .short-content-page .display-two {
        margin-bottom: 30px;
        font-size: 45px;
        line-height: 60px;
    }

    .short-content-page h4 .long-content-page h4 {
        margin-bottom: 36px;
    }
}

.short-content-page .subheading h4,
.long-content-page .subheading h4 {
    font-weight: 100 !important;
    margin-bottom: 80px;
    font-size: 0.875rem;
}

.short-content-page .social-media-share,
.long-content-page .social-media-share {
    margin-top: 51px;
}


.short-content-page .mainImage {
    width: 100%;
    min-height: 153px;
    margin-top: 32px;
}

.short-content-page h2,
.long-content-page h2 {
    font-size: 24px;
    line-height: 34px;
}

.short-content-page h3,
.long-content-page h3 {
    font-size: 20px;
    line-height: 28px;
}

.long-content-page .row.main-text.main-text1 {
    padding-top: 32px;
    display: block;
}

.short-content-page .row.main-text {
    padding-top: 32px;
    display: block;
}

@media screen and (min-width: 1220px) {
    .long-content-page .row.main-text.main-text1 {
        padding-top: 62px;
        display: block;
    }

    .short-content-page .row.main-text {
        padding-top: 62px;
        display: block;
    }

    .short-content-page .mainImage {
        min-height: 500px;
        width: 100%;
        margin-top: 72px;
    }

    .short-content-page h2,
    .long-content-page h2 {
        font-size: 34px;
        line-height: 45px;
    }

    .short-content-page h3,
    .long-content-page h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .long-content-page .row.main-text.main-text1 {
        padding-top: 0px;
        display: block;
    }

    .short-content-page .row.main-text {
        padding-top: 0px;
        display: block;
    }
}

.long-content-page .main-text {
    position: relative;
    display: inline;
}

.long-content-page .mainImage1,
.long-content-page .mainImage2 {
    width: 100%;
    min-height: 200px;
    margin-top: 24px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1220px) {
    .long-content-page .mainImage1,
    .long-content-page .mainImage2 {
        width: 538px;
        min-height: 320px;
        margin-top: 0px;
    }

    .long-content-page .mainImage1 {
        float: right;
        margin-left: 55px;
    }

    .long-content-page .mainImage2 {
        float: left;
        margin-right: 55px;
    }

    .long-content-page .main-text2 {
        margin-top: 36px;
        display: block;
        min-height: 350px;
    }
}

.short-content-page.which-zone .main-row {
    display: flex;
}

.which-zone .left-col,
.which-zone .right-col {
    width: 100%;
}

.which-zone .main-container .container {
    padding: 0px;
}

.which-zone .main-container {
    padding: 0px;
}

.zone-comparison-desktop {
    display: none;
}

.zone-comparison-mobile {
    display: block;
}

.which-zone .compare-cell {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.which-zone .compare-cell .name {
    text-transform: initial;
    font-size: 16px;
    line-height: 28px;
}

.which-zone .col-2.compare-cell .name {
    background-color: #FE887C;
}

.which-zone .compare-row.header1,
.which-zone .compare-row.header2 {
    border-bottom: 0px;
}

.col-2.header1,
.col-3.header1,
.col-2.header2,
.col-3.header2,
.col-4.header2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.col-2.header1 {
    background-color: #FE887C;
}

.col-3.header1 {
    background-color: #91D6B9;
}

.col-2.header2,
.col-3.header2,
.col-4.header2 {
    background-color: #E0E0E0;

}


.which-zone .compare-cell,
.which-zone .compare-cell {
    padding-top: 17px;
    padding-bottom: 17px;
    cursor: initial;
}


.which-zone .compare-cell.header1,
.which-zone .compare-cell.header2 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.which-zone .left-col {
    padding: 0px 20px;
}

.which-zone .right-col {
    overflow: hidden;
}

.zone-comparison-desktop .container {
    padding: 0px;
}


@media screen and (min-width: 1220px) {
    .which-zone .left-col, .which-zone .right-col {
        width: calc(50% - 32px);
    }

    .which-zone .left-col {
        margin-right: 32px;
        padding-right: 10px;
    }

    .which-zone .right-col {
        margin-left: 10px;
        overflow: initial;
    }

    .zone-comparison-desktop {
        display: block;
    }

    .zone-comparison-mobile {
        display: none;
    }

    .zone-comparison-desktop .col-1 {
        width: 150px;
    }

    .short-content-page.which-zone .main-row {
        margin-bottom: 58px;
    }

    .compare-row.header1 {
        margin-bottom: 14px;
    }

    .which-zone .col-1 {
        margin-right: 0px;
    }

    .which-zone .col-2,
    .which-zone .col-3,
    .which-zone .col-4 {
        width: calc(100% / 3 - 70px);
        margin-right: 30px;
    }

    .which-zone .col-4 {
        margin-right: 0px;
    }

    .col-3.header1 {
        width: calc(100% - 110px - (100% / 3));
        margin-right: 0px;
    }
}

/*
    Support
*/
div#top-articles-listing,
div#articles-listing {
    width: 100%;
}

div#view-all {
    width: 100%;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}


#top-articles-listing .article-item:first-child{
    display: none;
}

.article-item {
    flex: initial;
    width: 100%;
    margin-bottom: 18px;
    padding: 24px;
    cursor: pointer;
    display: block;
}

.article-item-mobile {
    border-left: 12px solid #000D52;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.article-item-mobile .listing-image {
    width: 100%;
    background-color: #E5E7EE;
    min-height: 215px;
}

.article-item-mobile .article-info {
    width: 100%;
    padding: 24px;
    background-color: #E5E7EE;
}


@media screen and (min-width: 1450px) {
    #top-articles-listing {
        height: 418px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
    }

    #articles-listing {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .article-item-mobile {
        display: none;
    }

    #top-articles-listing .article-item:first-child{
        flex: 1 1 418px;
        width: calc(50% - 10px);
        border-left: 12px solid #000D52;
        padding: 23px 46px;
        display: block;
    }

    div#top-articles-listing .article-item{
        flex: 1 1 150px;
        width: calc(25% - 13px);
        margin-right: 18px;
        margin-bottom: 18px;
        padding: 24px;
        height: 200px;
    }

    div#articles-listing .article-item {
        width: calc(25% - 13.5px);
        margin-right: 18px;
        margin-bottom: 18px;
        padding: 24px;
        height: 192px;
    }

    div#articles-listing .article-item:nth-child(4n) {
        margin-right: 0px;
    }
}

.article-item.sell-privately {
    background-color: #EFF9F5;
    border-left: 12px solid #91D6B9;
}

.article-item.prepare {
    background-color: #FFE7E5;
    border-left: 12px solid #FE887C;
}

.article-item.market {
    background-color: #FBF3E1;
    border-left: 12px solid #E9C46A;
}

.article-item.settlement {
    background-color: #EEEBF5;
    border-left: 12px solid #8E7DBE;
}

.article-item.rent-privately {
    background-color: #EBF7F9;
    border-left: 12px solid #78CDD7;
}

.article-item.market-updates {
    background-color: #F1FAFB;
    border-left: 12px solid #78CDD7;
}

.article-item.default-blog-colour {
    background-color: #EBECFE;
    border-left: 12px solid #3540F4;
}

.article-title.display-one {
    font-weight: 700;
    max-width: 330px;
    margin-top: 32px;
    font-size: 2.13rem;
    line-height: 2.8125rem;
}

.article-title {
    font-weight: 700;
    line-height: 30px;
    font-size: 1.11rem;
}

/*
    Social Media Share
*/
.social-media-share {
    margin-top: 122px;
    position: relative;
}

.social-media-share .social-links-row {
    position: relative;
    display: flex !important;
    justify-content: flex-start;
    margin-top: 11px;
}

.social-media-share .social-links-row img.icon {
    position: relative;
    top: 5px;
    margin-right: 5px;
    display: inline;
}

.social-media-share .social-links-row .social-link {
    margin-left: 10px;
}

.social-media-share .social-links-row .social-link:first-child {
    margin-left: 0px;
}

/*
    Google Places - Buy / Rent suburb postcode search auto complete
*/

.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    color: #333;
    border-radius: 0px !important;
    box-shadow: none !important;
    -moz-box-sizing: initial !important;
    -webkit-box-sizing: initial !important;
    box-sizing: border-box;
    overflow: hidden;
    border-top: 0px none !important;
}

.pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 16px;
    text-align: right;
    display: block;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px
}

.hdpi.pac-logo:after {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px;
    text-align: left;
    border-top: 0px none !important;
    font-size: 1rem;
    color: #999
}

.pac-item:hover {
    background-color: #fafafa
}

.pac-item-selected,
.pac-item-selected:hover {
    background-color: #ebf2fe
}

.pac-matched {
    font-weight: 700
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px
}

.hdpi .pac-icon {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}

.pac-icon-marker {
    background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}

.pac-placeholder {
    color: gray
}

/*
    Homepage CTA
*/
.cta-section {
}

.cta-section .row {
    display: flex;
    flex-direction: column;
}

.cta-section .container {
    padding: 0px;
    max-width: 100%;
}

.cta-section .cta-item,
.cta-section .cta-full {
    width: 100%;
    /*height: 300px;*/
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;    
    padding: 34px;
}

.cta-section .cta-item:first-child {
    background-color: #E5E7EE;
    border-top: 20px solid #000D52;
}

.cta-section .cta-item:nth-child(2) {
    background-color: #F4FBF8;
    border-top: 20px solid #91D6B9;
}

.cta-section .cta-item:last-child {
    background-color: #FFF3F2;
    border-top: 20px solid #FE887C;
}

.cta-item .btn.btn-secondary {
    display: inline;
    width: fit-content;
    align-self: center;
    background-color: transparent;
}

.cta-section .heading {
    font-size: 34px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 34px;
}

@media screen and (min-width: 1220px) {
    .cta-section .row {
        flex-direction: row;
    }

    .cta-item .btn.btn-secondary {
        margin-top: 27px;
    }

    .cta-section .cta-item {
        width: calc(100% / 3);
        height: initial;
        padding: 36px 64px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .cta-section .heading {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 1450px) {
    .cta-section .heading {
        font-size: 35px;
        line-height: 45px;
    }
}

@media screen and (min-width: 1850px) {
    .cta-section .heading {
        font-size: 36px;
        line-height: 50px;
    }
}

/* circle border text section*/
.circle-border-text-section {

}

.circle-border-text-section h3,
.circle-border-text-section .intro{
    max-width: 1024px;
    margin: auto;
    text-align: center;
}


.circle-border-text-section h3 {
    margin-bottom: 42px;
}

.circle-border-text-section .intro {
    margin-bottom: 50px;
}

.circle-border-text-section .circle-list {
    display: flex;
    margin: auto;
    justify-content: space-between;
    max-width: 250px;
}

.circle-item {
    background-color: #000D52;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 36px;
}

@media screen and (min-width: 600px) {
    .circle-border-text-section .circle-list {
        display: flex;
        justify-content: space-around;
        max-width: 600px;
    }
}

@media screen and (min-width: 1220px) {
    .circle-border-text-section .circle-list {
        display: flex;
        justify-content: space-between;
        max-width: initial;
    }

    .circle-border-text-section .circle-list {
        /* margin-top: 20px !important; */
    }

    .circle-item {
        margin-bottom: 0px;
    }
}

.circle-item .number {
    color: #fff;
    font-size: 56px;
    text-align: center;
    font-weight: 700;
    margin-top: 53px;
    margin-left: 10px;
}

.circle-item .lastPart {
    font-size: 45px;
}

.circle-item .description {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    width: 250px;
    padding-left: 20px;
    padding-right: 20px;
}

/* Icon heading desc tiles section */
.icon-heading-desc-tiles-section {
}

.icon-heading-desc-tiles-section .tile-list {
    display: flex;
    margin: auto;
}

.icon-heading-desc-tiles-section .tile-item {
    background-color: #F1F3F9;
    padding: 37px 42px;
    text-align: center;
    margin-bottom: 12px;
}

.icon-heading-desc-tiles-section .heading {
    margin-top: 5px;
    margin-bottom: 18px;
    font-weight: 700;
    line-height: 45px;
    font-size: 24px;
}

.icon-heading-desc-tiles-section .primary {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.icon-heading-desc-tiles-section .secondary {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media screen and (max-width: 500px) {
    .icon-heading-desc-tiles-section .container {
        padding: 0px;
    }
}

@media screen and (min-width: 600px) {
    .icon-heading-desc-tiles-section .heading {
        margin-top: 40px;
        margin-bottom: 24px;
    }

    .icon-heading-desc-tiles-section .tile-list {
        max-width: 571px;
    }

    .icon-heading-desc-tiles-section .tile-item {
        padding: 30px 45px;
        flex-basis: 571px;
        max-width: 571px;
    }
}

@media screen and (min-width: 1220px) {
    .icon-heading-desc-tiles-section .tile-list {
        display: flex;
        max-width: initial;
    }

    .icon-heading-desc-tiles-section .tile-item {
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 0px;
    }

    .icon-heading-desc-tiles-section .tile-item:first-child {
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    .icon-heading-desc-tiles-section .tile-item:nth-child(2) {
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    .icon-heading-desc-tiles-section .tile-item:nth-child(3) {
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
    }

    .icon-heading-desc-tiles-section .tile-item:last-child {
        border-left: 2px solid #fff;
        border-top: 2px solid #fff;
    }
}

.tile-item .inner img {
    display: inline;
}

/*
    How it works
    Conveyacing
*/
.how-it-works-section .steps,
.conveyacing-steps-section .steps{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 38px;
}

.how-it-works-section .steps .step-item,
.conveyacing-steps-section .steps .step-item{
    max-width: 100%;
    flex-basis: 100%;
}

.conveyacing-steps-section .steps .step-item{
    margin-bottom: 50px;
}

.conveyacing-steps-section .steps .step-item:last-child{
    margin-bottom: 0px;
}

.how-it-works-section .steps .number,
.conveyacing-steps-section .steps .number{
    background-color: #FE887C;
    width: 50px;
    height: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    text-align: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

.how-it-works-section .display-one,
.conveyacing-steps-section .display-one {
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 12px;
}

.how-it-works-section .description,
.conveyacing-steps-section .description {
    margin-bottom: 48px;
}

.how-it-works-section .display-one,
.conveyacing-steps-section .display-one {
    font-size: 24px;
}

.how-it-works-section .display-one,
.how-it-works-section .description{
    text-align: center;
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
}

.conveyacing-steps-section .display-one,
.conveyacing-steps-section .description,
.conveyacing-steps-section .when {
    text-align: center;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
}

.how-it-works-section .step-item:first-child .btn,
.how-it-works-section .step-item:nth-child(2) .btn,
.conveyacing-steps-section .step-item:first-child .btn,
.conveyacing-steps-section .step-item:nth-child(2) .btn {
    display: none;
}

.how-it-works-section .step-item:last-child .btn,
.conveyacing-steps-section .step-item:last-child .btn {
    margin: auto;
}

.conveyacing-steps-section .when-heading {
    font-weight: 700;
    display: block;
}

@media screen and (min-width: 1300px) {
    .conveyacing-steps-section .steps .step-item {
        margin-bottom: 0px;
    }

    .conveyacing-steps-section .when-heading {
        display: inline;
    }

    .how-it-works-section .wide-container{
        padding: 0px;
        padding-left: 100px;
    }

    .how-it-works-section .steps,
    .conveyacing-steps-section .steps {
        flex-direction: row;
        margin-top: 0px;
    }

    .conveyacing-steps-section .steps {
        margin-top: 52px;
    }

    .how-it-works-section .steps .step-item{
        max-width: calc(100% / 3 - 11px);
        flex-basis: calc(100% / 3 - 11px);
        margin-right: 11px;
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .how-it-works-section .steps .step-item:last-child{
        margin-right: 0px;
    }

    .conveyacing-steps-section .steps .step-item{
        max-width: calc(100% / 2 - 52px);
        flex-basis: calc(100% / 2 - 52px);
        margin-right: 52px;
    }

    .conveyacing-steps-section .steps .step-item:last-child {
        max-width: calc(100% / 2);
        flex-basis: calc(100% / 2);
        margin-right: 0px;
    }

    .how-it-works-section .steps .number-row,
    .conveyacing-steps-section .steps .number-row{
        display: flex;
    }

    .how-it-works-section .steps .spacer,
    .conveyacing-steps-section .steps .spacer {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        width: calc(100% - 61px);
        height: 25px;
        margin-left: 11px;
    }

    .how-it-works-section .display-one,
    .how-it-works-section .description,
    .conveyacing-steps-section .display-one,
    .conveyacing-steps-section .description,
    .conveyacing-steps-section .when {
        text-align: left;
        max-width: initial;
        margin-left: initial;
        margin-right: initial;
    }

    .how-it-works-section .display-one,
    .conveyacing-steps-section .display-one {
        font-size: 34px;
        margin-top: 24px;
        margin-bottom: 24px;
        max-width: 400px;
        display: block;
        min-height: 102px;
    }

    .how-it-works-section .description,
    .conveyacing-steps-section .description,
    .conveyacing-steps-section .when{
        margin-bottom: 24px;
        max-width: 340px;
        display: block;
    }

    .conveyacing-steps-section .display-one,
    .conveyacing-steps-section .description,
    .conveyacing-steps-section .when {
        max-width: 500px;
    }

    .how-it-works-section .step-item:first-child .btn,
    .how-it-works-section .step-item:nth-child(2) .btn,
    .conveyacing-steps-section .step-item:first-child .btn,
    .conveyacing-steps-section .step-item:nth-child(2) .btn {
        display: block;
    }

    .how-it-works-section .step-item:last-child .btn,
    .conveyacing-steps-section .step-item:last-child .btn {
        margin: initial;
    }
}

.how-it-works .animatic-section {
    display: none;
}

.how-it-works .animatic video {
    width: 100%;
    height: 100%;
}

.how-it-works .pop-up-content,
.campaign-landing-page .pop-up-content {
    width: 100%;
    height: 100%;
    display: flex;
    margin: auto;
}

.how-it-works .white-popup,
.campaign-landing-page .white-popup {
    background-color: transparent;
}

.how-it-works .mfp-container,
.campaign-landing-page .mfp-container {
    background-color: transparent;
}

.how-it-works .pop-up-content video,
.campaign-landing-page .pop-up-content video {
    object-fit: cover;
    width: 1024px;
    height: 600px;
    margin: auto;
}

.how-it-works .mfp-wrap,
.campaign-landing-page .mfp-wrap {
    overflow: hidden !important;
    border-left: 0px none;
    border-right: 0px none;
    border-top: 0px none;
    border-bottom: 0px none;
    background-color: rgba(26, 37, 99, 0.96);
}

.how-it-works svg.svg-icon.hlClose,
.campaign-landing-page svg.svg-icon.hlClose {
    position: fixed;
    top: 60px;
    right: 60px;
}

@media screen and (min-width: 1220px) {
    .how-it-works .animatic-section,
    .campaign-landing-page .animatic-section {
        display: block;
        background-color: #F1F3F9;
    }

    .how-it-works .animatic,
    .campaign-landing-page .animatic {
        display: flex;
        width: 100%;
        margin: auto;
        position: relative;
    }

    .how-it-works .animatic .title,
    .campaign-landing-page .animatic .title{
        font-weight: 700;
        font-size: 34px;
        line-height: 45px;
        text-align: center;
        color: #000D52;
        align-content: center;
        align-self: center;
        width: 100%;
    }
}

/* Contact */
.contact .display-one {
    width: 100%;
    text-align: center;
    margin-bottom: 70px;
}

.contact .main-container .left-col {
    flex-basis: 100%;
    max-width: 100%;
}

.contact .main-container .right-col {
    flex-basis: 100%;
    max-width: 100%;
}

.contact .main-container .left-col .row:first-child {
    flex-wrap: nowrap;
    display: block;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (min-width: 1220px) {
    .contact .main-container .left-col .row:first-child {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.contact .call-us {
    font-family: DM Sans;
    text-align: center;
    margin-bottom: 55px;
    font-weight: 700;
    font-size: 44px;
    line-height: 45px;
    letter-spacing: 0.18px;
}

.call-us-subheading {
    font-family: DM Sans;
    text-align: left;
    font-size: 23px;
}

@media screen and (min-width: 768px) {
    .contact .call-us {
        text-align: left;
        margin-bottom: 55px;
        font-size: 45px;
        line-height: 34px;
    }
}

.contact .main-container .left-col .phone-number {
    color: #3540F4;
}

.contact .form-heading {
    background-color: #000D52;
    padding: 13px 30px;
    width: 100%;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.18px;
}

.contact #contact-form {
    width: 100%;
    background-color: #F1F3F9;
    padding: 30px;
    margin-bottom: 56px;
}

.contact .form-heading {
}

.contact input,
.contact select {
    width: 100%;
    margin-bottom: 24px;
    padding: 15px 30px;
    border: 0px none;
    color: #3540F4;
}

.contact select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxIDBMNi A0LjU4TDEwLjU5IDBMMTIgMS40MUw2IDcuNDFMMCAxLjQxTDEuNDEgMFoiIGZpbGw9IiMzNTQwR jQiLz4KPC9zdmc+') !important;
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 20px) !important;
    background-position-y: calc(50%) !important;
    border: 0px;
    outline: 0px;
}

/* for IE10 */
.contact select::-ms-expand {
    display: none;
} 


.contact .left-col .btn {
    width: 100% !important;
    margin-top: 24px;
    margin-bottom: 12px;
    color: #fff;
}

.contact .main-container .right-col .btn {
    width: 100% !important;
    margin-top: 24px;
    margin-bottom: 12px;
    display: inline-block;
    text-align: center;
    padding: 5px 8px;
}

.contact p.cond {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.18px;
}

.contact input::-webkit-input-placeholder {
    color: #3540F4;
}

.contact input:-moz-placeholder {
    color: #3540F4;
}

.contact input::-moz-placeholder {
    color: #3540F4;
}

.contact input:-ms-input-placeholder {
    color: #3540F4;
}

.contact .need-help {
    padding: 35px 45px;
    background-color: #F1F3F9;
    border-left: 12px solid #000D52;
    margin-bottom: 41px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
}

.contact .need-help .heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.18px;
    margin-bottom: 24px;
}

.contact .main-container .right-col p {
    font-size: 14px;
}

@media screen and (max-width: 1219px) {
    .contact .main-container {
        padding: 0px;
    }

    .contact .main-container .right-col {
        padding: 0 20px;
    }
}

@media screen and (min-width: 1220px) {
    .contact .main-container .left-col {
        flex-basis: calc(100% - 335px);
        max-width: calc(100% - 335px);
    }

    .contact .main-container .right-col {
        flex-basis: 335px;
        max-width: 335px;
    }

    .contact .form-heading {
        width: calc(100% - 92px);
        box-shadow: 0px 0.5px 4px 0px rgba(0, 0, 0, 0.6);
    }

    .contact #contact-form {
        width: calc(100% - 92px);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
        margin-bottom: 0px;
    }

    .contact .display-one {
        margin-bottom: 80px;
    }

    .contact .need-help {
        margin-bottom: 48px;
    }
}

/*
    Conveyancing
*/
.convey-pack-section .package-panel {
    border: 1px solid #E8EAF6;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.convey-pack-section .next-step-panel,
.mob-convey-pack-section .next-step-panel{
    margin-top: 24px;
    width: 100%;
    text-align: center;
}

.mob-convey-pack-section .next-step-panel {
    margin-top: 36px;
}

.convey-pack-section .next-step-panel p,
.mob-convey-pack-section .next-step-panel p{
    text-align: center;
    width: 100%;
}

.mob-convey-pack-section .next-step-panel p{
    font-size: 14px;
}

.convey-pack-section .btn,
.mob-convey-pack-section .btn{
    display: inline;
    margin: auto;
}


.convey-pack-section .left-col {
    width: 335px;
    padding: 23px 20px;
    background-color: #E8EAF6;
}

.convey-pack-section .right-col {
    width: calc(100% - 335px);
}

.convey-pack-section .state,
.mob-convey-pack-section .accordion-heading {
    border: 1px solid #3540F4;
    color: #3540F4;
    padding: 22px 17px;
    background-color: #fff;
    margin-bottom: 14px;
    font-weight: 700;
    cursor: pointer;
}

.mob-convey-pack-section .accordion-heading h4 {
    margin-bottom: 0px;
    color: #3540F4;
}

.convey-pack-section .state.active,
.mob-convey-pack-section .accordion-item.is-open .accordion-heading{
    border: 1px solid #3540F4;
    color: #fff;
    background-color: #3540F4;
    cursor: default;
}

.mob-convey-pack-section .accordion-item.is-open .accordion-heading h4 {
    color: #fff;
}


.mob-convey-pack-section .component-accordion {
    background: #E8EAF6;
    border-radius: 4px;
    padding: 23px 20px;
}

.mob-convey-pack-section .accordion-item.is-open {
    margin-bottom: 20px;
}

.convey-pack-section .package,
.mob-convey-pack-section .package {
    width: 100%;
    height: 100%;
    display: none;
    padding: 18px 34px;
}

.mob-convey-pack-section .package {
    border: 1px solid #E8EAF6;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 16px 11px !important;
    background-color: #fff;
}

.cond{
    font-size: 14px;
    color: rgba(22, 34, 97, 0.9);
}

.mob-convey-pack-section .cond {
    font-size: 11px;
}

.convey-pack-section .active,
.mob-convey-pack-section .active{
    display: block;
}

.convey-pack-section .active .package-details {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}

.convey-pack-section .package .row,
.mob-convey-pack-section .package .row{
    width: 100%;
}

.convey-pack-section .package .section {
    margin-bottom: 40px;
}

.convey-pack-section .package .section:last-child {
    margin-bottom: 0px;
}

.mob-convey-pack-section .package .section {
    margin-bottom: 24px;
    padding: 0px;
}

.convey-pack-section .package .col {
    width: calc(50% - 8px);
}

.mob-convey-pack-section .package .col {
    width: calc(50% - 7px);
}

.convey-pack-section .package .col:first-child {
    margin-right: 8px;
}

.convey-pack-section .package .col:last-child {
    margin-left: 8px;
}

.mob-convey-pack-section .package .col:first-child {
    margin-right: 7px;
}

.mob-convey-pack-section .package .col:last-child {
    margin-left: 7px;
}

.convey-pack-section .package .heading,
.mob-convey-pack-section .package .heading {
    width: 100%;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.18px;
    color: #000D52;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 16px;
}

.mob-convey-pack-section .package .heading {
    font-size: 16px;
    line-height: 24px;
}

.convey-pack-section .price,
.mob-convey-pack-section .price {
    font-size: 24px;
    line-height: 34px;
    display: flex;
    align-items: center;
    font-weight: 700;
    letter-spacing: 0.18px;
    color: #000D52;
    max-width: calc(100% - 20px);
    display: inline;
}

.mob-convey-pack-section .price {
    font-size: 16px;
    line-height: 22px;
}

.convey-pack-section .section ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    position: relative;
    list-style-position: outside;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.mob-convey-pack-section .section ul {
    position: relative;
    list-style-position: outside;
    width: 100%;
}

.convey-pack-section .section li {
    margin-bottom: 9px;
    line-height: 24px;
    letter-spacing: 0.18px;
    list-style-position: inside;
    text-indent: -24px;
    padding-left: 24px;
    padding-right: 24px;
    flex: 1 0 50%;
    max-width: 50%;
}

.mob-convey-pack-section .section li {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.18px;
    list-style-position: inside;
    text-indent: -24px;
    padding-left: 24px;
    margin-bottom: 6px;
}

.convey-pack-section .section ul li:before,
.mob-convey-pack-section .section ul li:before {
    content: '';
    height: 20px;
    width: 20px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3 k9IjkiIHI9IjkiIGZpbGw9IiNGRTg4N0MiLz4KPHBhdGggZD0iTTcuMzU4NCAxMC43MzM2TDUuM jI0MiA4Ljg2ODU3TDQuNSA5LjUwMTQ0TDcuMzU4NCAxMS45OTk0TDEzLjUgNi42MzIyNkwxMi43 NzU4IDUuOTk5MzlMNy4zNTg0IDEwLjczMzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=');
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    padding-right: 15px;
    top: 2px;
    margin-right: 10px;
}

.mob-convey-pack-section .section ul li:before {
    content: '';
    height: 14px;
    width: 14px;
}

.convey-pack-section{
    display: none;
}

.mob-convey-pack-section {
    display: block;
}

@media screen and (min-width: 1220px) {
    .convey-pack-section {
        display: block;
    }

    .mob-convey-pack-section {
        display: none;
    }
}

.convy-fast-track-section {
}

.convy-fast-track-section h3 {
    text-align: left;
}

.convy-fast-track-section .left-col {
    display: none;
}

.convy-fast-track-section .right-col {
    display: block;
    width: 100%;
}

.convy-fast-track-section .row:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.fast-track-prices .item {
    background-color: #F5F5F6;
    width: 100%;
    padding: 18px;
    text-align: center;
    margin-bottom: 24px;
}

.fast-track-prices .item:last-child {
    margin-bottom: 0px;
}

@media screen and (min-width: 1220px) {
    .convy-fast-track-section .left-col {
        display: block;
    }

    .convy-fast-track-section .right-col {
        width: 50%;
    }

    .fast-track-prices .item {
        width: 50%;
    }

    .fast-track-prices .item {
        width: calc(50% - 8px);
        margin-bottom: 0px;
    }

    .fast-track-prices .item:first-child {
        margin-right: 8px;
    }

    .fast-track-prices .item:last-child {
        margin-left: 8px;
    }
}

.fast-track-prices {
    margin-top: 16px;
    margin-bottom: 16px;
}


/* support page - links section */
.icon-text-list-section {
    padding-top: 90px;
}

.icon-text-list {
    justify-content: space-between;
    max-width: 315px;
    margin: auto;
}

.icon-text-tile {
    width: 315px;
    height: 250px;
    text-align: center;
    background-color: #F1F3F9;
    padding: 24px 50px;
    margin-bottom: 82px;
}


.icon-text-tile:last-child{
    margin-bottom: 0px;
}

.icon-text-tile .icon-outer {
    background-color: #FE887C;
    border-radius: 50%;
    padding: 18px;
    width: 91px;
    height: 91px;
    margin: auto;
    margin-top: -70px;
    margin-bottom: 24px;
}

.icon-text-tile .link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.icon-text-tile .text {
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.18px;
    max-width: 215px;
    margin: auto;
}

@media screen and (min-width: 1050px) {
    .icon-text-list {
        justify-content: space-between;
        max-width: initial;
    }

    .icon-text-tile {
        margin-bottom: 0px;
    }
}


@media screen and (min-width: 1220px) {
    .icon-text-list-section {
        padding-top: 170px;
    }
}

/* support page - faq accordion*/

.faq-accordion-section .component-accordion {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    max-width: 100%;
    flex-flow: wrap;
}

.faq-accordion-section .accordion-item .accordion-heading {
    padding: 24px 20px;
    border-top: 1px solid #E8EAF6;
}

.faq-accordion-section .accordion-item:first-child .accordion-heading,
.faq-accordion-section .accordion-item.group .accordion-heading  {
    border-top: 0px none;
}

.faq-accordion-section .accordion-item.group {
    margin-bottom: 24px;
}


.faq-accordion-section .accordion-heading h4 {
    margin-bottom: 0px;
}


.faq-accordion-section .accordion-item .svg-icon {
    color: #3540F4;
    fill: #3540F4;
}

.faq-accordion-section .accordion-item {
    max-width: 100%;
    flex-basis: 100%;
}

.faq-accordion-section .accordion-item.group {
    max-width: 100%;
    flex-basis: 100%;
}

.faq-accordion-section .accordion-item.group .accordion-heading {
    background-color: #F5F5F6;
}

.faq-accordion-section .accordion-item.group .accordion-content .accordion-item:first-child .accordion-heading {
    border-top: 0px none;
}

.faq-accordion-section .accordion-item.group .accordion-content .accordion-heading {
    background-color: #fff;
    border-top: 1px solid #E8EAF6;
}

.faq-accordion-section .accordion-item.group .accordion-content .accordion-content {
    padding: 24px 20px;
    padding-top: 0px;
    display: none;
}

.faq-accordion-section .accordion-item.group .accordion-content .svg-icon {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.faq-accordion-section .accordion-item.group.is-open .accordion-content .accordion-item.is-open .accordion-content {
    display: block;
}

.faq-accordion-section .accordion-item.group.is-open .accordion-content .accordion-item.is-open .svg-icon {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}



#bmp-address-search {
    padding: 0 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}

#bmp-address-search input::-webkit-input-placeholder {
    color: #3540F4
}

#bmp-address-search input:-moz-placeholder {
    color: #3540F4
}

#bmp-address-search input::-moz-placeholder {
    color: #3540F4
}

#bmp-address-search input:-ms-input-placeholder {
    color: #3540F4
}

#bmp-address-search .address-search {
    background-color: #F1F3F9;
    padding: 30px;
    box-shadow: initial;
}

#bmp-address-search .form-heading {
    padding: 13px 50px;
    box-shadow: initial;
    background-color: #000D52;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.18px;
}

#bmp-address-search .zone-result:not(:empty) {
    margin-top: 30px;
}

#bmp-address-search #address_line_1 {
    width: 100%;
    padding: 15px 30px;
    color: #3540F4;
    border: 0px none;
}

.zone-comparison-mobile .header1 {
    margin-bottom: 6px;
}

.zone-comparison-mobile .col-1 {
    width: 150px;
}

.zone-comparison-mobile .col-2 {
    width: calc(100% - 150px);
}

.zone-comparison-mobile .compare-table {
    margin-bottom: 40px;
}


.zone-comparison-mobile .col-2.green.header1 {
    background-color: #91D6B9;
}

@media screen and (min-width: 1220px) {
    #bmp-address-search {
        width: 100%;
        margin: 0px;
        margin-bottom: 30px;
        padding: 0px;
    }

    #bmp-address-search .address-search {
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
    }

    #bmp-address-search .form-heading {
        box-shadow: 0px 0.5px 4px 0px rgba(0, 0, 0, 0.6);
    }

    #bmp-address-search .form-heading {
        padding: 13px 30px;
    }

    #bmp-address-search .address-search {
        padding: 30px;
    }
}

/*
 50 - 50 split columns
*/

.fifty-fifty-columns-section {
    background-color: #F5F5F6;
}

.fifty-fifty-columns-section .left-col,
.fifty-fifty-columns-section .right-col {
    max-width: 100%;
    flex-basis: 100%;
}

.fifty-fifty-columns-section .left-col {
    margin-bottom: 48px;
}

@media screen and (min-width: 1220px) {
    .fifty-fifty-columns-section .left-col,
    .fifty-fifty-columns-section .right-col {
        max-width: calc(50% - 29px);
        flex-basis: calc(50% - 29px);
    }

    .fifty-fifty-columns-section .left-col {
        margin-right: 29px;
        margin-bottom: 0px;
    }

    .fifty-fifty-columns-section .right-col {
        margin-left: 29px;
    }
}


/*
    Legal, privacy and terms and conditions.
*/

.legal-page .section-heading {
    text-align: left;
}

.legal-page ol {
    display: block;
    padding-left: 32px;
    margin-left: 0px;
}

.legal-page .accordion-content h3,
.legal-page .accordion-content h4,
.legal-page .accordion-content h5,
.legal-page .accordion-content p,
.legal-page .accordion-item.is-open .accordion-content p,
.legal-page .accordion-content ol,
.legal-page .accordion-content li {
    color: #4C4C4C;
}


.legal-page .faq-accordion-section .accordion-heading h4.accordion-title {
    font-size: 26px;
    margin-top: 0px;
}

.legal-page .faq-accordion-section .component-accordion h3 {
    margin-top: 10px;
    font-size: 24px;
}

.legal-page .faq-accordion-section .component-accordion h4 {
    font-size: 18px;
    margin-top: 35px;
}

.legal-page .faq-accordion-section .component-accordion h5 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 8px;
}


.legal-page p {
    margin-bottom: 5px;
}
/*
    Campaign landing
*/
.campaign-landing .image-explanation-text-section:nth-child(2) {
    background-color: #E8EAF6;
}

.campaign-landing .image-explanation-text-section:nth-child(even) .row {
    flex-direction: row-reverse;
}

.animatic-section.desktop {
    display: none;
}

.animatic-section.mobile {
    display: block;
}

.animatic-link {
    position: relative;
    display: block;
}

@media screen and (min-width: 1220px) {
    .campaign-landing .image-explanation-text-section:nth-child(even) .left-col {
        margin-left: 50px;
        margin-right: 0px;
    }

    .animatic-section.desktop {
        display: block;
    }

    .animatic-section.mobile {
        display: none;
    }
}

.campaign-landing .btn-secondary {
    background-color: #3540F4;
    color: #fff;
}

.feature-dots .btn-secondary {
    color: #3540F4;
    background-color: transparent;
}


.campaign-landing .animatic-section {
    background-color: #E8EAF6;
}

.campaign-landing .main-banner-section {
    background-color: #000D52;
}

.campaign-landing .main-banner-section .row {
    height: 600px;
}

.campaign-landing .main-banner-section .left-col,
.campaign-landing .main-banner-section .right-col {
    height: 300px;
    width: 100%;
}

.campaign-landing .main-banner-section .left-col {
    padding-top: 70px;
}

.campaign-landing .main-banner-section .left-col img {
    display: flex;
    align-self: flex-start;
    width: 70%;
    margin: auto;
}

@media screen and (min-width: 600px) {
    .campaign-landing .main-banner-section .left-col img {
        width: 50%;
    }
}

@media screen and (min-width: 750px) {
    .campaign-landing .main-banner-section .left-col {
        padding-top: 40px;
    }

    .campaign-landing .main-banner-section .left-col img {
        width: 40%;
    }
}

@media screen and (min-width: 1220px) {
    .campaign-landing .main-banner-section .row {
        height: 500px;
    }

    .campaign-landing .main-banner-section .left-col {
        height: 500px;
        width: 40%;
        padding: 92px 100px;
    }

    .campaign-landing .main-banner-section .left-col img {
        display: flex;
        align-self: flex-start;
        width: 95%;
        margin: initial;
    }
}


@media screen and (min-width: 1500px) {
    .campaign-landing .main-banner-section .left-col {
        height: 500px;
        width: 40%;
        padding: 92px 100px;
    }

    .campaign-landing .main-banner-section .left-col img {
        width: 80%;
    }
}


.main-banner-section a.btn.btn-secondary {
    position: absolute;
    bottom: 66px;
    width: initial;
}

@media screen and (min-width: 1220px) {
    .campaign-landing .main-banner-section .right-col {
        height: 500px;
        width: 60%;
    }
}

.campaign-landing .main-banner.desktop {
    display: none;
}

.campaign-landing .main-banner{
    width: 100%;
    height: 100%
}

@media screen and (min-width: 1220px) {
    .campaign-landing .main-banner.desktop {
        display: block;
    }
}


@media screen and (max-width: 1219px) {
    .campaign-landing .btn-secondary {
        width: 100%;
    }

    .feature-dots .btn-secondary {
        width: initial;
    }

    .main-banner-section a.btn.btn-secondary {
        position: absolute;
        bottom: 29px;
        width: initial;
        left: calc(50% - 148px);
        width: 297px;
        display: flex;
        align-self: center;
    }

    .campaign-landing .image-explanation-text-section {
        padding-top: 80px;
        padding-bottom: 0px;
    }

    .campaign-landing .image-explanation-text-section .right-col {
        display: block;
        width: 100%;
        height: 320px;
    }

    .campaign-landing .container {
        padding: 0px;
    }

    .campaign-landing .left-col,
    .campaign-landing .feature-dots .container {
        padding: 0 20px;
    }
}

/*
  eBook
*/

.delayed-auto-popup,
.delayed-auto-popup svg.hlClose,
.delayed-auto-popup.is-open {
    display: none;
}

.delayed-auto-popup iframe {
    overflow: hidden;
}

svg.svg-icon.hlClose.close-delayed-auto-popup * {
    fill: grey;
    color: grey;
}

.delayed-auto-popup .main-title {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 45px;
    display: flex;
    align-items: center;
    color: #000D52;
    margin-bottom: 30px;
}

.delayed-auto-popup .office-hour-container .main-title {
    font-size: 30px;
}

.delayed-auto-popup .main-pop-up-content {
    display: flex;
}

.office-hour-container .btn {
    margin-top: 25px;
    margin-bottom: 40px;
    display: inline-block;
    padding: 10px 38px;
    width: auto;
    text-align: center;
}

.delayed-auto-popup.office.is-open {
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 999999999;
    background: #F1F3F9;
    box-sizing: border-box;
    border: 1px solid #E8EAF6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
    width: 100%;
    padding: 38px;
}

.delayed-auto-popup.office .right-col {
    display: none;
}

.delayed-auto-popup .office-hour-container .main-title {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 25px;
}

.delayed-auto-popup .office-hour-container {
    position: relative;
}

.delayed-auto-popup .office-hour-container p {
    font-size: 17px;
    margin-top: 0px;
}

.delayed-auto-popup.office svg.hlClose {
    position: absolute;
    right: -38px;
    top: -35px;
    display: block;
    width: 30px;
    height: 30px;
}

.delayed-auto-popup .pop-up-footer {
    font-size: 12px;
    max-width: 230px;
    margin-top: 0px;
}

@media screen and (min-width: 728px) {
    .delayed-auto-popup.office.is-open {
        width: 500px;
        top: 136px;
        bottom: initial;
        left: calc(50% - 250px);
    }

    .delayed-auto-popup .pop-up-footer {
        margin-top: 10px;
        max-width: initial;
    }
}

@media screen and (min-width: 1220px) {
    .delayed-auto-popup {
        background: #F1F3F9;
        border: 1px solid #E8EAF6;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        padding: 44px 56px;
        position: fixed;
        top: 30px;
        background: #fff;
        z-index: 9999999;
        width: 1000px;
        height: 582px;
        left: calc(50% - 500px);
    }

    .delayed-auto-popup .pop-up-footer {
        margin-top: 25px;
    }

    .delayed-auto-popup.office.is-open {
        left: calc(50% - 380px);
        width: 750px;
        height: 520px;
        padding: 44px;
    }

    .delayed-auto-popup .office-hour-container {
        position: static;
    }

    .delayed-auto-popup .office-hour-container .main-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .delayed-auto-popup .office-hour-container p {
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 16px;
    }

    .delayed-auto-popup.office {
        height: 490px;
    }

    .delayed-auto-popup.office .right-col {
        display: block;
        padding-top: 0px;
        margin-top: 0px;
        padding-right: 0;
    }

    .delayed-auto-popup.is-open,
    .delayed-auto-popup svg.hlClose{
        display: block;
        background: #F1F3F9;
    }

    .delayed-auto-popup svg.hlClose, 
    .delayed-auto-popup.office svg.hlClose{
        position: absolute !important;
        top: 6px !important;
        right: 6px !important;
        width: 40px !important;
        height: 40px !important;
        cursor: pointer !important;
        color: #B7B9BD !important;
        z-index: 999 !important;
    }

    .delayed-auto-popup .sub-title {
        font-size: 28px;
        line-height: 45px;
        display: flex;
        align-items: center;
        color: #000D52;
        margin-bottom: 12px;
    }

    .office-hour-container .btn {
        margin-top: 25px;
        margin-bottom: 0px;
        display: inline-block;
        padding: 10px 50px;
        width: auto;
    }

    .delayed-auto-popup .left-col {
        width: calc(100% - 308px - 41px);
        flex-basis: calc(100% - 308px - 41px);
        max-width: calc(100% - 308px - 41px);
        margin-right: 41px;
    }

    .delayed-auto-popup .right-col {
        width: 308px;
        flex-basis: 308px;
        max-width: 308px;
        height: 100%;
        padding-top: 0px;
        padding-right: 30px;
        display: flex;
        align-self: flex-start;
        margin-top: 25px;
    }

    .delayed-auto-popup .office-hour-container p.intro {
        max-width: 424px;
    }
}

@media screen and (max-width: 1219px) {
    .why-choose-us .image-explanation-text-section .left-col,
    .why-choose-us .image-explanation-text-section .left-col h3.section-heading.display-one {
        text-align: center;
    }
}

.short-content-page.sitemap ul {
    list-style-type: none;
    margin-bottom: 0px;
}

.short-content-page.sitemap ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    max-width: 80%;
}

.short-content-page.sitemap ul li:not(.breadcrumb-item) {
    display: block;
    margin-left: 0px;
}

.short-content-page.sitemap .display-two {
}

.short-content-page.sitemap h2 {
    padding-top: 80px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
    .short-content-page.sitemap .row-four-columns ul {
        width: 50%;
    }

    .short-content-page.sitemap .row-four-columns ul:last-child {
        padding-left: 10px;
    }


    .short-content-page.sitemap .row-four-columns ul,
    .short-content-page.sitemap .row-two-columns ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .short-content-page.sitemap .row-four-columns {
        display: flex;
        width: 100%;
    }

    .short-content-page.sitemap .private-for-sale-suburb ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .short-content-page.sitemap .private-for-sale-suburb li {
        flex-basis: 25%;
        max-width: 25%;
        display: block;
    }
}

@media print {
    html, body {
        height: 99%
    }

    #content,
    #page {
        width: 100%;
        margin: 0;
        float: none
    }

    @page {
        margin: 2cm
    }

    body {
        line-height: 1.3;
        background: #fff !important;
        color: #000
    }

    h1 {
        font-size: 24pt
    }

    h2,
    h3,
    h4,
    .widgetHeading {
        font-size: 14pt;
        margin-top: 25px
    }

    a {
        page-break-inside: avoid
    }

    blockquote {
        page-break-inside: avoid
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid
    }

    img {
        page-break-inside: auto
    }

    table,
    pre {
        page-break-inside: avoid
    }

    ul,
    ol,
    dl {
        page-break-before: avoid
    }

    a:link,
    a:visited,
    a {
        background: transparent;
        color: #520;
        font-weight: 700;
        text-decoration: underline;
        text-align: left
    }

    a {
        page-break-inside: avoid
    }

        a[href^=http]::after {
            content: " <" attr(href) "> "
        }

    article a[href^="#"]::after {
        content: ""
    }

    .entry iframe,
    ins {
        display: none;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        line-height: 0 !important;
        white-space: nowrap
    }

    .embed-youtube,
    .embed-responsive {
        position: absolute;
        height: 0;
        overflow: hidden
    }

    #header-widgets,
    nav,
    .right-col,
    .component-page-pagination,
    .no-print,
    .component-page-controls,
    .component-video-embed,
    .component-km-video-embed,
    .component-footer {
        display: none;
        height: 0
    }

    #header::before {
        content: "Optional header content";
        color: #777 !important;
        font-size: 1em;
        padding-top: 30px;
        text-align: center !important
    }

    p,
    address,
    li,
    dt,
    dd,
    blockquote {
        font-size: 100%
    }

    ul,
    ol {
        list-style: square;
        margin-left: 18pt;
        margin-bottom: 20pt
    }

    li {
        line-height: 1.6em
    }
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar {
    width: 20px;
    height: 30px;
    margin-left: 20px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.6);
}

.mfp-wrap::-webkit-scrollbar-track {
    background-color: rgba(224, 224, 224, 0.2);
    border-radius: 10px;
}

.mfp-wrap::-webkit-scrollbar {
    width: 20px;
    height: 30px;
    background-color: transparent;
}

.mfp-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e6e6e6;
}

.buy-property div#select-suburb-tooltip,
.lease-rent-your-property div#select-suburb-tooltip {
    position: relative;
    top: -10px;
    font-size: 16px;
    background-color: #3540F4;
    padding: 15px 20px;
    color: #fff;
}

@media screen and (max-width: 1219px) {
    .search-panel div#select-suburb-tooltip {
        position: relative;
        top: -10px;
        font-size: 16px !important;
        background-color: #3540F4;
        padding: 15px 20px;
        color: #fff !important;
    }

    .buy-property_properties .search-panel div#select-suburb-tooltip,
    .lease-rent-your-property_properties .search-panel div#select-suburb-tooltip {
        top: 0px !important;
    }
}

.buy-property_properties div#select-suburb-tooltip,
.lease-rent-your-property_properties div#select-suburb-tooltip {
    top: 12px;
    position: relative;
    color: #3540F4;
    font-size: 13px;
}

.component-notification {
    display: flex;
    width: 100%;
    background-color: #fe887c;
    color: #000D52;
    height: 88px;
}

.component-notification svg.svg-icon.close-icon {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-self: center;
    margin-left: 10px;
    color:#000D52;
}

.component-notification.is-hidden {
    display: none;
}

.notification-content h4 {
    font-size: 13px;
    line-height: 18px;
    color: #000D52;
    margin-bottom: 0px;
}


@media screen and (min-width: 500px) {
    .component-notification {
        height: 77px;
    }
}

@media screen and (min-width: 728px) {
    .component-notification {
        height: initial;
    }
}

@media screen and (min-width: 1220px) {
    .notification-content h4 {
        font-size: 15px;
        line-height: 25px;
        color: #000D52;
        margin-bottom: 0px;
    }
}

.notification-content {
    padding: 10px;
    width: calc(100% - 30px);
}


/*
    How it works including sold
*/

.how-it-works-include-sold-section .steps {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 38px;
}

.how-it-works-include-sold-section .steps .step-item {
    max-width: 100%;
    flex-basis: 100%;
}

.how-it-works-include-sold-section .steps .number {
    background-color: #FE887C;
    width: 50px;
    height: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    text-align: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

.how-it-works-include-sold-section .btn-secondary {
    background-color: transparent;
}

.how-it-works-include-sold-section .display-one {
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 12px;
}

.how-it-works-include-sold-section .description {
    margin-bottom: 48px;
}

.how-it-works-include-sold-section .display-one {
    font-size: 24px;
}

.how-it-works-include-sold-section .display-one,
.how-it-works-include-sold-section .description {
    text-align: center;
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
}

.how-it-works-include-sold-section .step-item:last-child .btn {
    margin: auto;
}

.how-it-works-include-sold-section {
    background: #fff;
}

.how-it-works-include-sold-section .sub-heading,
.help-categories-section .sub-heading {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.15px;
    text-align: center;
    width: 100%;
    margin-bottom: 42px;
}

.how-it-works-include-sold-section .desktop-container {
    display: none;
}

.how-it-works-include-sold-section .tablet-mobile-container {
    display: block;
    position: relative;
}

.how-it-works-include-sold-section .tablet-mobile-container:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
}

.how-it-works-include-sold-section .tablet-mobile-container .row {
    display: block;
}

.how-it-works-include-sold-section .tablet-mobile-container .step-item {
    display: flex;
    max-width: 577px;
    margin-left: auto;
    margin-right: auto;
}

.how-it-works-include-sold-section .tablet-mobile-container .left-col {
    width: 70px;
    padding-right: 14px;
}

.how-it-works-include-sold-section .tablet-mobile-container .right-col {
    width: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 8px;
    padding-bottom: 30px;
}

.how-it-works-include-sold-section .tablet-mobile-container .display-one {
    margin-top: 0px;
}

.how-it-works-include-sold-section .tablet-mobile-container .display-one,
.how-it-works-include-sold-section .tablet-mobile-container .description {
    text-align: left;
    max-width: initial;
    margin-left: initial;
    margin-right: initial;
}

.how-it-works-include-sold-section .tablet-mobile-container .vertical-spacer {
    height: 210px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-left: 1px solid #CAC8E8;
    position: relative;
    left: 28px;
}

.how-it-works-include-sold-section .tablet-mobile-container .step-item:last-child .description {
    margin-left: -60px;
    margin-top: 10px;
    z-index: 1;
}

.how-it-works-include-sold-section.how-it-works-section .step-item:first-child .btn, 
.how-it-works-include-sold-section.how-it-works-section .step-item:nth-child(2) .btn {
    display: inline;
    padding: 10px 46px;
}

@media screen and (min-width: 768px) {
    .how-it-works-include-sold-section .sub-heading,
    .help-categories-section .sub-heading {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0.18px;
        text-align: center;
        margin-bottom: 53px;
    }

    .how-it-works-include-sold-section .tablet-mobile-container .left-col {
        padding-right: 86px;
    }

    .how-it-works-include-sold-section .tablet-mobile-container .step-item:last-child {
        max-width: 400px;
        margin-left: 10%;
    }
}

@media screen and (min-width: 1220px) {
    .how-it-works-include-sold-section .section-heading {
        min-height: initial;
        font-size: 56px;
        margin-bottom: 16px;
        text-align: center;
        width: 100%;
        max-width: 100%;
        margin-bottom: 16px;
        height: initial;
        line-height: 45px;
    }

    .camp-sales-campaigns .section-heading,
    .rent-pricing .section-heading{
        margin-bottom: 0px;
    }

    .how-it-works-include-sold-section .wide-container {
        padding: 0px;
        padding-left: 100px;
    }

    .how-it-works-include-sold-section .steps {
        flex-direction: row;
        margin-top: 0px;
        margin: auto;
        justify-content: center;
    }

    .how-it-works-include-sold-section .steps .step-item {
        flex-basis: 250px;
        max-width: 250px;
        margin-right: 30px;
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .how-it-works-include-sold-section .steps .step-item:last-child {
        margin-right: 0px;
    }

    .how-it-works-include-sold-section .steps .step-item:last-child {
        flex-basis: 340px;
        max-width: 340px;
    }

    .how-it-works-include-sold-section .steps .step-item:last-child .description {
        max-width: initial;
        margin-top: -119px;
        margin-left: -50px;
    }

    .how-it-works-include-sold-section .steps .number-row {
        display: flex;
    }

    .how-it-works-include-sold-section .steps .spacer {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        width: calc(100% - 61px);
        height: 25px;
        margin-left: 11px;
    }

    .how-it-works-include-sold-section .display-one,
    .how-it-works-include-sold-section .description {
        text-align: left;
        max-width: initial;
        margin-left: initial;
        margin-right: initial;
    }

    .how-it-works-include-sold-section .display-one {
        font-size: 30px;
        margin-top: 24px;
        margin-bottom: 24px;
        max-width: 400px;
        display: block;
        min-height: 135px;
    }

    .how-it-works-include-sold-section .description {
        margin-bottom: 24px;
        max-width: 340px;
        display: block;
        min-height: 120px;
    }

    .how-it-works-include-sold-section .step-item:first-child .btn,
    .how-it-works-include-sold-section .step-item:nth-child(2) .btn {
        display: block;
    }

    .how-it-works-include-sold-section .step-item:last-child .btn {
        margin: initial;
    }

    .how-it-works-include-sold-section .sub-heading,
    .help-categories-section .sub-heading {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        color: #000D52;
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }

    .help-categories-section .sub-heading {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    .how-it-works-include-sold-section .container {
        max-width: initial;
    }

    .how-it-works-include-sold-section .desktop-container {
        display: block;
    }

    .how-it-works-include-sold-section .tablet-mobile-container {
        display: none;
    }
}

@media screen and (min-width: 1700px) {
    .how-it-works-include-sold-section .steps .step-item:last-child .description {
        max-width: initial;
        margin-top: -158px;
        margin-left: -50px;
    }

    .how-it-works-include-sold-section .steps .step-item {
        flex-basis: 360px;
        max-width: 360px;
        margin-right: 34px;
    }

    .how-it-works-include-sold-section .display-one {
        font-size: 34px;
    }

    .how-it-works-include-sold-section .description {
        min-height: 120px;
    }

    .how-it-works-include-sold-section .steps .step-item:last-child {
        flex-basis: 450px;
        max-width: 450px;
    }

    .step-item:nth-child(2) .title.display-one {
        max-width: 355px;
    }
}


/*
    New sell pricing
*/
.camp-sales-campaigns .terms-and-cond {
    color: #9E9E9E;
    font-size: 0.7rem;
    margin-top: 20px;
    margin-bottom: 20px;
}

.camp-sales-campaigns .old-price {
    font-size: 24px;
    line-height: 34px;
    height: 34px;
    text-align: center;
    letter-spacing: 0.18px;
    text-decoration-line: line-through;
    color: #3540F4;
}

.camp-sales-campaigns .compare-cell .name {
    padding: 12px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.15px;
}

.camp-sales-campaigns .compare-cell.text {
    justify-content: left;
    text-align: left;
    align-items: flex-start;
    flex-direction: column;
}

@media screen and (min-width: 1280px) {
    .camp-sales-campaigns .compare-cell.text {
        padding: 16px;
    }
}

.camp-sales-campaigns .section-heading {
    font-size: 34px;
    line-height: 40px;
}


.pricing-v2 .camp-sales-campaigns .section-heading,
.rent-pricing .section-heading{
    margin-bottom: 32px;
    text-align: center;
}

.camp-sales-campaigns .section-description {
    max-width: 800px;
    display: block;
    margin: auto;
    text-align: left;
}


.camp-sales-campaigns .compare-cell.compare-head {
    padding-bottom: 0px;
}

.camp-sales-campaigns .campaign-item {
    width: 100%;
    text-align: center;
    background-color: #F5F5F6;
    margin-top: 32px;
    margin-bottom: 0px;
    position: relative;
}

.camp-sales-campaigns .camp-sales-container .campaign-item ul {
    margin-bottom: 0px;
    text-align: left;
    margin-left: -18px;
    display: block;
    width: 100%;
    min-height: 290px;
}

.camp-sales-container .camp-row,
.camp-rent-container .camp-row {
    display: flex;
}

.camp-sales-campaigns .camp-rent-container .row {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.camp-sales-campaigns .camp-rent-container .campaign-item ul {
    margin-bottom: 0px;
    text-align: left;
    margin-left: -18px;
    display: block;
    max-width: 316px;
    margin: auto;
    min-height: 200px;
}

.camp-sales-campaigns .camp-sales-container .campaign-item ul li,
.camp-sales-campaigns .camp-rent-container .campaign-item ul li {
    display: flex;
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.18px;
    color: rgba(0, 13, 82, 0.8);
    margin-bottom: 8px;
}

.camp-sales-campaigns .camp-rent-container .campaign-item ul li {
    margin-left: 0px;
}

.camp-sales-campaigns .campaign-item li:before {
    content: "";
    display: block;
    height: 12px;
    width: 17px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjIwNzA1ID MuMTcyNDhDNi4yMDcwNSAxLjY1MTM3IDQuOTk0NTMgMC40MTY2MjYgMy41MDA3OSAwLjQxNjYyN kMyLjAwNzA1IDAuNDE2NjI2IDAuNzk0NTI4IDEuNjUxMzcgMC43OTE1MDQgMy4xNzU1NkMwLjc5 MTUwNCA0LjIwMDkyIDEuMzQxODMgNS4wOTM4NyAyLjE1ODI0IDUuNTY4MDZMMC44Mjc3ODkgOC4 5MzM1OUMwLjcwMzgxNSA5LjI0NDU4IDAuOTMwNTk3IDkuNTgzMjkgMS4yNjAxOSA5LjU4MzI5SD UuNzQxMzlDNi4wNzA5OCA5LjU4MzI5IDYuMjk3NzYgOS4yNDQ1OCA2LjE3Mzc5IDguOTMzNTlMN C44NDMzNCA1LjU2NDk5QzUuNjU2NzMgNS4wOTA3OSA2LjIwNzA1IDQuMTk3ODQgNi4yMDcwNSAz LjE3MjQ4WiIgZmlsbD0iIzM1NDBGNCIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.camp-sales-campaigns .camp-sales-container .feature-item {
    width: 200px;
}

.camp-sales-campaigns .camp-rent-container .feature-item {
    width: 100%;
}


.camp-sales-campaigns .compare-plans-container {
    padding-top: 40px;
}

@media (min-width: 768px) {
    .camp-sales-campaigns .compare-plans-container {
        padding-top: 56px;
    }
}

@media (min-width: 1280px) {
    .camp-sales-campaigns .compare-plans-container {
        padding-top: 80px;
    }
}

.campaign-mobile-header {
    display: block;
    border-bottom: 1px solid #C0C0C0;
}

@media screen and (min-width: 1280px) {
    .campaign-mobile-header {
        display: none;
    }
}


.camp-sales-campaigns .compare-plans-container .heading {
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    color: #000D52;
    display: block;
    margin-bottom: 16px;
}

.camp-sales-campaigns .compare-plans-container .description {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.18px;
    color: #000D52;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

.camp-sales-campaigns .camp-sales-container,
.camp-sales-campaigns .camp-rent-container {
    display: none;
}

.camp-sales-campaigns .camp-sales-container.active,
.camp-sales-campaigns .camp-rent-container.active {
    display: block;
}

@media (max-width: 768px) {
    .camp-sales-campaigns .camp-sales-container,
    .camp-sales-campaigns .camp-rent-container {
        max-width: 272px;
        padding: 0px;
    }
}

.campaign-image.online-prof {
    position: relative;
    z-index: 1;
}

.camp-sales-campaigns .custom-built {
    background: #F5F5F6;
    padding: 24px;
    max-width: 272px;
    margin: auto;
    margin-top: 32px;
}

.camp-sales-campaigns .custom-built .heading {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.15px;
    text-align: left;
    margin-bottom: 14px;
}

.camp-sales-campaigns .custom-built .subheading {
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: left;
}

.camp-sales-campaigns .custom-built .description {
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.15px;
    text-align: left;
    margin-bottom: 30px;
}

.camp-sales-campaigns .custom-built .btn {
    padding: 9px;
    border: 2px solid #3540F4;
    border-radius: 40px;
    width: 126px;
    text-align: center;
    display: block;
    height: 46px;
    margin-bottom: 10px;
    background-color: transparent;
}

.camp-sales-campaigns .in-a-few-words {
    color: #FE887C;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 4px;
}

.custom-explain a {
    font-weight: bold;
}

@media (min-width: 768px) {
    
    .camp-sales-campaigns .custom-built {
        margin-top: 48px;
    }

    .camp-sales-campaigns .section-heading,
    .rent-pricing .section-heading {
        font-size: 1.5rem;
        line-height: 1.8125rem;
    }

    .pricing-v2 .camp-sales-campaigns .section-heading {
        margin-bottom: 56px;
    }

    .camp-sales-campaigns .campaign-item {
        width: calc(100% / 2 - 12.5px);
        margin-top: 40px;
        margin-bottom: 0px;
        margin-right: 25px;
    }

    .camp-sales-campaigns .campaign-item:nth-child(2n) {
        margin-right: 0px;
    }

    .camp-sales-campaigns .campaign-item.popular {
        width: calc(100% / 2);
    }

    .camp-sales-campaigns .rental-campaigns .campaign-item {
        width: calc(100% / 2 - 12.5px);
        margin-right: 25px;
    }

    .camp-sales-campaigns .rental-campaigns .campaign-item:nth-child(2),
    .camp-sales-campaigns .campaign-item:last-child {
        margin-right: 0px;
    }

    .camp-sales-campaigns .section-description {
        text-align: center;
    }

    .camp-sales-campaigns .custom-built {
        display: flex;
        width: 100%;
        padding: initial;
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }

    .home .camp-sales-campaigns .custom-built {
        margin-bottom: 0px;
    }

    .camp-sales-campaigns .custom-built .custom-image {
        width: 0px;
        height: 0px;
    }

    .camp-sales-campaigns .custom-built .custom-explain {
        width: 100%;
        background: #F5F5F6;
        display: flex;
        padding: 24px;
    }

    .camp-sales-campaigns .custom-built .description {
        margin-bottom: 0px;
    }

    .camp-sales-campaigns .custom-built .left-col {
        padding-right: 40px;
    }

    .camp-sales-campaigns .custom-explain .right-col {
        display: flex;
        align-self: center;
    }

    .camp-sales-campaigns .compare-plans-container .heading {
        font-weight: bold;
        font-size: 45px;
        line-height: 56px;
        text-align: center;
        color: #000D52;
        display: block;
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1219px) {
    .camp-sales-campaigns .camp-sales-container,
    .camp-sales-campaigns .camp-rent-container {
        max-width: 576px;
        padding: 0px;
        margin-bottom: 48px;
    }

    .camp-sales-campaigns .custom-built {
        max-width: 576px !important;
    }
}

@media (min-width: 1220px) {
    .camp-sales-campaigns .camp-rent-container.active {
        max-width: 797px;
        padding: 0px;
    }

    .camp-sales-campaigns .section-heading,
    .rent-pricing .section-heading {
        font-size: 2.13rem;
        line-height: 1.5;
    }

    .pricing-v2 .camp-sales-campaigns .section-heading {
        font-size: 2.13rem;
        line-height: 1.5;
        margin-bottom: 56px;
    }

    .camp-sales-campaigns .camp-sales-container .campaign-item {
        width: calc(100% / 4 - 19px);
        margin-top: 48px;
        margin-bottom: 0px;
        margin-right: 25px;
    }

    .camp-sales-campaigns .campaign-item.active {
        margin-top: 40px;
    }

    .camp-sales-campaigns .camp-sales-container .campaign-item:nth-child(2n) {
        margin-right: 25px;
    }

    .camp-sales-campaigns .camp-sales-container .campaign-item.popular {
        width: calc(100% / 4);
    }

    .camp-sales-campaigns .camp-rent-container .campaign-item {
        width: 386px;
        margin-top: 48px;
        margin-right: 25px;
        margin-bottom: 0px;
        max-width: initial;
        min-height: 700px;
    }

    .camp-sales-campaigns .camp-rent-container .campaign-item.active {
        margin-top: 40px;
    }

    .camp-sales-campaigns .camp-rent-container .campaign-item:nth-child(2),
    .camp-sales-campaigns .camp-sales-container .campaign-item:last-child {
        margin-right: 0px;
    }

    .camp-sales-campaigns .custom-built .custom-image {
        width: 255px;
        height: 140px;
    }

     .camp-sales-campaigns .custom-built .custom-explain {
        width: calc(100% - 255px);
        height: 140px;
        background: #F5F5F6;
    }

    .camp-sales-campaigns .camp-rent-container .custom-built .custom-explain {
        width: 100%;
        height: auto;
    }

    .camp-sales-campaigns .compare-plans-container .heading {
        font-weight: bold;
        font-size: 2.13rem;
        line-height: 1.5;
        text-align: center;
        display: block;
        margin-bottom: 16px;
    }

    .camp-sales-campaigns .compare-plans-container .description {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.18px;
        display: block;
        margin: auto;
        margin-bottom: 30px;
        max-width: 800px;
    }
}

.js-campaign-item {
    height: 100%;
}

.camp-sales-campaigns .campaign-item .details {
    padding: 24px 21px;
    font-size: 0.8rem;
    height: calc(100% - 126px - 48px);
}

.camp-sales-campaigns .campaign-item .name {
    background-color: #91D6B9;
    padding: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-transform: uppercase;
}

.camp-sales-campaigns .campaign-item .short-desc {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.17px;
    text-align: center;
    text-transform: initial;
    color: #162261;
}

.camp-sales-campaigns .camp-rent-container .campaign-item .short-desc {
    min-height: 40px;
}

.camp-sales-campaigns .campaign-item .price {
    padding-top: 18px;
    padding-bottom: 40px;
    color: #000D52;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 2.8125rem;
}

.camp-sales-campaigns .campaign-item .old-price {
    margin-top: 24px;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.18px;
    text-decoration-line: line-through;
    color: #3540F4;
}

.camp-sales-campaigns .campaign-item .long-desc {
    color: #717171;
    margin-bottom: 30px;
    letter-spacing: 0.18px;
}

.camp-sales-campaigns #recommended-sell-campaign-name,
.camp-sales-campaigns #recommended-sell-property-type {
    font-weight: 700;
}


@media (min-width: 768px) {
    .camp-sales-campaigns .campaign-item .old-price {
        height: 62px;
    }
}

@media (min-width: 1220px) {
    .camp-sales-campaigns .campaign-item .long-desc {
        margin-bottom: 0px;
    }
}

.camp-sales-campaigns .campaign-item .see-details {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 0.75rem;
    color: #6770F7;
    cursor: pointer;
    display: none;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion svg.svg-icon {
    width: 25px;
    height: 25px;
    position: relative;
    top: 7px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-more-info,
.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-less-info {
    color: #3540F4;
    display: flex;
    cursor: pointer;
    letter-spacing: 0.18px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-more-info .accordion-title,
.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-less-info .accordion-title {
    text-align: center;
    width: 100%;
    line-height: 2rem;
    color: #3540F4;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-content,
.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-less-info,
.camp-sales-campaigns .campaign-item .more-info-acccordion.is-open .accordion-more-info {
    display: none;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion.is-open .accordion-content,
.camp-sales-campaigns .campaign-item .more-info-acccordion.is-open .accordion-less-info,
.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-more-info {
    display: block;
    margin-top: 30px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion {
    margin-bottom: 10px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion.is-open {
    margin-bottom: 0px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-content {
    margin-bottom: 30px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion ul.tick-bullet {
    text-align: left;
    padding-left: 25px;
    letter-spacing: 0.18px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion ul.tick-bullet li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgZmlsbD0ibm9 uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNzY0ID kuMDI5TDEuMjA2OTkgNS40NzE5OUwwIDYuNjc4OTlMNC43NjQgMTEuNDQzTDE1IDEuMjA2OTlMM TMuNzkzIDBMNC43NjQgOS4wMjlaIiBmaWxsPSIjRkU4ODdDIi8+Cjwvc3ZnPg==");
    width: 15px;
    height: 11px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-content p {
    color: #000D52;
    margin-bottom: 12px;
    letter-spacing: 0.18px;
}

.camp-sales-campaigns .campaign-item .more-info-acccordion .accordion-content p:last-child {
    margin-top: 12px;
    margin-bottom: 0px;
}

@media screen and (min-width: 1220px) {
    .camp-sales-campaigns .campaign-item .see-details {
        display: block;
    }

    .camp-sales-campaigns .campaign-item .more-info-acccordion {
        display: none;
    }
}

.camp-sales-campaigns .campaign-item .select-button {
    background-color: transparent;
    padding: 0px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    margin-bottom: 40px;
}

.camp-sales-campaigns .campaign-item a {
    transition: .3s;
}

.camp-sales-campaigns .campaign-item .popular {
    display: block;
}

.camp-sales-campaigns .campaign-item .popular .name {
    background-color: #000D52;
    color: #fff;
}

.camp-sales-campaigns .campaign-item .campaign-image {
    width: 100%;
    height: 126px;
}

.camp-sales-campaigns .campaign-item .btn-primary {
    background-color: #3540F4;
    border: 1px solid #3540F4;
    margin: auto;
    width: 205px;
    padding: 10px 31px;
    text-align: center;
}

.camp-sales-campaigns .campaign-item .btn-secondary {
    background-color: transparent;
    border: 2px solid #3540F4;
    margin: auto;
    width: 205px;
    padding: 10px 31px;
    text-align: center;
}

.camp-sales-campaigns .campaign-item .btn-tertiary {
    margin: auto;
    width: 205px;
    padding: 10px 31px;
    text-align: center;
}

.camp-sales-campaigns .campaign-item {
    height: initial;
}

.camp-sales-campaigns .campaign-item .call-us-row {
    text-align: center;
    color: #000D52;
    font-weight: bold;
    font-size: 19px;
}

.camp-sales-campaigns .campaign-item .call-us-row a {
    display: inline;
}

.camp-sales-campaigns .campaign-item.active {
    border: 8px solid #fff;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.camp-sales-campaigns .campaign-item .details {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.camp-sales-campaigns .campaign-item .details .bottom-half {
    margin-top: 30px;
}

.camp-sales-campaigns .campaign-item.active .details {
    min-height: 472px;
    background-color: #F1F3F9;
}

.camp-sales-campaigns .campaign-item.active .name {
    background: #000D52;
    color: #fff;
}

.camp-sales-campaigns .campaign-item.active .btn-primary {
    border: 1px solid #3540F4;
    background-color: #3540F4;
}

.camp-sales-campaigns .selling-by-property-type {
    margin: auto;
    margin-bottom: 16px;
    display: block;
    width: 100%;
}

.camp-sales-campaigns .i-am-seller-landlord {
    margin: auto;
}

.camp-sales-campaigns .i-am-seller-landlord.intro {
    width: 100%;
}

.camp-sales-campaigns .i-am-seller-landlord .heading {
    font-size: 20px;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: 0.15px;
    margin-right: 16px;
}

.camp-sales-campaigns .i-am-seller-landlord .heading.intro-text {
    line-height: 30px;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-bottom: 30px;
}

#homepage-second-half .camp-sales-campaigns .i-am-seller-landlord .heading.intro-text {
    margin-bottom: 42px;
}

#homepage-second-half #what-campaign-costs {
    padding-bottom: 0px;
}

#homepage-second-half #what-campaign-costs .section-heading {
    margin-bottom: 10px;
}

.camp-sales-campaigns .selling-by-property-type .heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px;
    text-align: left;
}

.camp-sales-campaigns .i-am-seller-landlord .selector,
.camp-sales-campaigns .selling-by-property-type .property-type-selector {
    cursor: pointer;
}

.camp-sales-campaigns .i-am-seller-landlord .selector .item,
.camp-sales-campaigns .selling-by-property-type .property-type-selector .item {
    padding: 14px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
    cursor: pointer;
}

.camp-sales-campaigns .i-am-seller-landlord .item.seller,
.camp-sales-campaigns .i-am-seller-landlord .item.landlord {
    text-align: center;
}

@media screen and (min-width:768px) {
    .camp-sales-campaigns .i-am-seller-landlord .item.seller,
    .camp-sales-campaigns .i-am-seller-landlord .item.landlord {
        width: 140px;
    }

    .camp-sales-campaigns .i-am-seller-landlord,
    .camp-sales-campaigns .selling-by-property-type {
        display: flex;
        width: initial;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .camp-sales-campaigns .i-am-seller-landlord .heading,
    .camp-sales-campaigns .selling-by-property-type .heading {
        font-size: 16px;
        font-weight: 400;
        line-height: 60px;
        letter-spacing: 0.18px;
        margin-right: 16px;
    }
}

.camp-sales-campaigns .i-am-seller-landlord .selector,
.camp-sales-campaigns .selling-by-property-type .property-type-selector {
    background-color: #E8EAF6;
    border-radius: 56px;
    padding: 3px;
    display: flex;
}

.camp-sales-campaigns .i-am-seller-landlord .selector .item.active,
.camp-sales-campaigns .selling-by-property-type .property-type-selector .item.active {
    animation: onPropertyTypeSelectAnimation 1s linear;
    border-radius: 50px;
    background-color: #000D52;
    color: #fff;
}

@keyframes onPropertyTypeSelectAnimation {
    0% {
        background-color: #E8EAF6;
    }

    100% {
        background-color: #000D52;
        color: #fff;
    }
}

.camp-sales-campaigns #person-type-drop-down,
.camp-sales-campaigns #property-type-drop-down {
    background: #E8EAF6;
    border-radius: 4px;
    padding: 16px;
    border: 0px none;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .camp-sales-campaigns #person-type-drop-down,
    .camp-sales-campaigns #property-type-drop-down {
        display: none;
    }

    .camp-sales-campaigns .i-am-seller-landlord .selector,
    .camp-sales-campaigns .selling-by-property-type .property-type-selector {
        display: flex;
    }
}

@media screen and (min-width:1220px) {
    .camp-sales-campaigns .i-am-seller-landlord .heading,
    .camp-sales-campaigns .selling-by-property-type .heading {
        font-size: 20px;
        font-weight: 400;
        line-height: 56px;
        letter-spacing: 0.15px;
        margin-right: 16px;
    }

    .camp-sales-campaigns .i-am-seller-landlord .selector,
    .camp-sales-campaigns .selling-by-property-type .property-type-selector {
        padding: 3px;
        display: flex;
    }
}


.camp-sales-campaigns .selling-by-property-type {
    margin: auto;
    margin-bottom: 16px;
    display: block;
    width: 100%;
}

.camp-sales-campaigns .selling-by-property-type .heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px;
    text-align: left;
}

.camp-sales-campaigns .selling-by-property-type .property-type-selector {
    cursor: pointer;
}

.camp-sales-campaigns .selling-by-property-type .property-type-selector .item {
    padding: 14px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
    cursor: pointer;
    text-align: center;
}

.camp-sales-campaigns .selling-by-property-type .property-type-selector .item.yes-first-time,
.camp-sales-campaigns .selling-by-property-type .property-type-selector .item.no-first-time {
    width: 80px;
}

@media screen and (min-width:768px) {
    .camp-sales-campaigns .selling-by-property-type {
        display: flex;
        width: initial;
        margin-bottom: 40px;
    }

    .camp-sales-campaigns .selling-by-property-type .heading {
        font-size: 16px;
        font-weight: 400;
        line-height: 60px;
        letter-spacing: 0.18px;
        margin-right: 16px;
    }
}

.camp-sales-campaigns .selling-by-property-type .property-type-selector {
    background-color: #E8EAF6;
    border-radius: 56px;
    display: none;
    padding: 3px;
}

.camp-sales-campaigns .selling-by-property-type .property-type-selector .item.active {
    animation: onPropertyTypeSelectAnimation 1s linear;
    border-radius: 50px;
    background-color: #000D52;
    color: #fff;
}

@keyframes onPropertyTypeSelectAnimation {
    0% {
        background-color: #E8EAF6;
    }

    100% {
        background-color: #000D52;
        color: #fff;
    }
}

.camp-sales-campaigns #property-type-drop-down {
    background: #E8EAF6;
    border-radius: 4px;
    padding: 16px;
    border: 0px none;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmU iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjE3NSAwLj Y1ODMyNUw1IDQuNDc0OTlMOC44MjUgMC42NTgzMjVMMTAgMS44MzMzM0w1IDYuODMzMzNMMCAxL jgzMzMzTDEuMTc1IDAuNjU4MzI1WiIgZmlsbD0iIzM1NDBGNCIvPgo8L3N2Zz4=');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(1em + 7px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
}

@media screen and (min-width: 768px) {
    .camp-sales-campaigns #property-type-drop-down {
        display: none;
    }

    .camp-sales-campaigns .selling-by-property-type .property-type-selector {
        display: flex;
    }
}

@media screen and (min-width:1366px) {
    .camp-sales-campaigns .selling-by-property-type .heading {
        font-size: 20px;
        font-weight: 400;
        line-height: 56px;
        letter-spacing: 0.15px;
        margin-right: 16px;
    }

    .camp-sales-campaigns .selling-by-property-type .property-type-selector {
        padding: 3px;
        display: flex;
    }

}

.campaign-mobile-header .campaign-image {
    display: none;
}

.campaign-mobile-header .campaign-image.recommended {
    display: block;
}

@media screen and (min-width: 768px) {
    .camp-sales-campaigns {
    }

    .campaign-mobile-header .campaign-image {
        width: 223px;
        height: 104px;
        background-color: #fff !important;
    }
}

.selectedCampaignName {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
    color: #000D52;
    text-transform: uppercase;
}

.selectedCampaignPrice {
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    color: #000D52;
}

.campaign-mobile-header,
.campaign-mobile-header .campaign-selections,
.campaign-mobile-header .campaign-details {
    width: 100%;
    display: block;
}

.campaign-mobile-header {
    position: sticky;
    top: 0px;
    z-index: 9;
    padding-top: 26px;
}


.sale-pricing-table .compare-row.campaign-mobile-header,
.rental-pricing-table .compare-row.campaign-mobile-header {
    display: block;
    border-bottom: 1px solid #C0C0C0;
}

@media screen and (min-width: 1280px) {
    .sale-pricing-table .compare-row.campaign-mobile-header,
    .rental-pricing-table .compare-row.campaign-mobile-header {
        display: none;
    }
}

.campaign-mobile-header .campaign-details {
    display: flex;
}

.campaign-mobile-header .campaign-selections {
    background: #E8EAF6;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
}

.campaign-mobile-header .campaign-info-card {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
    align-self: center;
    height: 104px;
    padding-top: 18px;
    padding-bottom: 18px;
    background: #F5F5F6;
}

.campaign-info-card .btn-primary {
    padding: 10px 25px;
}

@media screen and (min-width: 768px) {
    .campaign-mobile-header .campaign-info-card {
        width: calc(100% - 223px);
    }
}

.campaign-mobile-header .campaign-selections .campaign-name {
    font-weight: bold;
    font-size: 10px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.18px;
    color: rgba(0, 13, 82, 0.5);
    text-transform: uppercase;
    padding: 8px;
    text-align: center;
}

@media screen and (min-width: 375px) {
    .campaign-mobile-header .campaign-selections .campaign-name {
        font-size: 14px;
    }
}

@media screen and (min-width: 500px) {
    .campaign-mobile-header .campaign-selections .campaign-name {
        width: calc(100% / 4);
        padding: 8px;
    }

    .rental-pricing-table .campaign-mobile-header .campaign-selections .campaign-name {
        width: calc(100% / 2);
    }
}

.campaign-mobile-header .campaign-info-right {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.modal {
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow-y: auto;
    background-color: rgba(26,37,99,.92);
    display: none;
    align-items: center;
    justify-content: center;
    max-height: 100vh;
}

.modal::-webkit-scrollbar-track {
    background-color: rgba(256, 256, 256, 0.2);
    border-radius: 10px;
}

.modal::-webkit-scrollbar {
    width: 20px;
    height: 30px;
    background-color: transparent;
}

.modal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(256, 256, 256, 1);
    z-index: 99999;
    position: relative;
}

@media (max-width:391px) {
    .modal::-webkit-scrollbar {
        display: none;
    }

    .modal {
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-right: 0px;
    }
}

.secure-checkout input[type=text],
.secure-checkout input[type=email],
.secure-checkout input[type=password] {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #E0E0E0;
    margin-bottom: 24px;
    width: 100%;
    color: #000D52;
    border-radius: 4px;
}

.list-on-real-estate-websites {
    background: #fff;
}

.why-choose-us-summary {
    background: rgba(254, 136, 124, 0.05);
    overflow: hidden;
}

.list-on-real-estate-websites .heading,
.why-choose-us-summary .heading,
.how-it-works-section .heading,
.how-it-works-include-sold-section .heading {
    font-size: 34px;
    line-height: 40px;
    font-weight: bold;
    justify-content: center;
    text-align: center;
    margin-bottom: 0px;
    display: block; 
}

.list-on-real-estate-websites .sub-heading,
.why-choose-us-summary .sub-heading,
.sales-campaigns .sub-heading {
    font-size: 20px;
    line-height: 28px;
    justify-content: center;
    letter-spacing: 0.15px;
    margin-bottom: 32px;
    text-align: center;
    justify-content: center;
    width: 100%;
}

.list-on-real-estate-websites .website-logos {
    display: flex;
    max-width: 952px;
    margin: auto;
}

.list-on-real-estate-websites .logo-item {
    width: 100%;
    margin-bottom: 8px;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 28px 5px;
}

.list-on-real-estate-websites .logo-item.realestatecomau img {
    width: 166.8px;
    height: 28.8px;
}

.list-on-real-estate-websites .logo-item.domain img {
    width: 142px;
    height: 31px;
}

.list-on-real-estate-websites .logo-item.bmp img {
    width: 144px;
    height: 22.8px;
}

.list-on-real-estate-websites .logo-item.homesales img {
    width: 133.2px;
    height: 54px;
}

.list-on-real-estate-websites .logo-item.homely img {
    width: 147px;
    height: 33.6px;
}

.list-on-real-estate-websites .logo-item.allhome img {
    width: 145px;
    height: 28.8px;
}

@media screen and (min-width:768px) {
    .list-on-real-estate-websites .logo-item {
        width: calc(100% / 2);
    }

    .list-on-real-estate-websites .heading,
    .why-choose-us-summary .heading,
    .how-it-works-section .heading,
    .how-it-works-include-sold-section .heading {
        font-size: 1.5rem;
        line-height: 1.8125rem;
        letter-spacing: -0.5px;
        margin-bottom: 0px;
    }

    .list-on-real-estate-websites .sub-heading,
    .why-choose-us-summary .sub-heading,
    .sales-campaigns .sub-heading {
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.18px;
        max-width: 528px;
    }

    .list-on-real-estate-websites .logo-item {
        width: calc(100% / 2 - 8px);
        margin-right: 8px;
        margin-bottom: 8px;
        background-color: #fff;
        padding: 23px;
    }

    .list-on-real-estate-websites .logo-item.realestatecomau img {
        width: 278px;
        height: 48px;
    }

    .list-on-real-estate-websites .logo-item.domain img {
        width: 215px;
        height: 48px;
    }

    .list-on-real-estate-websites .logo-item.bmp img {
        width: 217px;
        height: 36px;
        max-width: initial;
    }

    .list-on-real-estate-websites .logo-item.homesales img {
        width: 167px;
        height:67px;
        max-width: initial;
    }

    .list-on-real-estate-websites .logo-item.homesales img {
        width: 166px;
        height: 67px;
        max-width: initial;
    }

    .list-on-real-estate-websites .logo-item.homely img {
        width: 222px;
        height: 52px;
        max-width: initial;
    }

    .list-on-real-estate-websites .logo-item.allhome img {
        width: 193px;
        height: 40px;
        max-width: initial;
    }
}

@media screen and (min-width:1220px) {
    .list-on-real-estate-websites {
        background: rgba(254, 136, 124, 0.05);
    }


    .list-on-real-estate-websites .heading {
        margin-bottom: 40px;
    }

    .list-on-real-estate-websites .heading,
    .why-choose-us-summary .heading,
    .how-it-works-section .heading,
    .how-it-works-include-sold-section .heading {
        font-size: 2.13rem;
        line-height: 72px;
        margin-bottom: 0px;
        letter-spacing: -0.5px;
    }

    .list-on-real-estate-websites .sub-heading,
    .why-choose-us-summary .sub-heading,
    .sales-campaigns .sub-heading{
        font-size: 34px;
        line-height: 45px;
        margin: auto;
        margin-bottom: 40px;
        max-width: 960px;
    }

    .list-on-real-estate-websites .logo-item {
        width: calc(100% / 3 - 8px);
        margin-right: 8px;
        margin-bottom: 8px;
    }

    .list-on-real-estate-websites .logo-item.realestatecomau img {
        width: 278px;
        height: 48px;
    }

    .list-on-real-estate-websites .logo-item.bmp img {
        width: 260px;
        height: 48px;
    }

    .list-on-real-estate-websites .logo-item.homely img {
        width: 209px;
        height: 49px;
    }
}

.why-choose-us-summary .btn-secondary {
    margin: auto;
    margin-top: 50px;
    background-color: transparent;
}

.why-choose-us-summary.circle-border-text-section .section-heading {
    margin-bottom: 16px;
    font-size: 34px;
    line-height: 40px;
}

.why-choose-us-summary.circle-border-text-section .circle-list {
    justify-content: center;
    max-width: initial;
}

.why-choose-us-summary .number
.why-choose-us-summary .unit {
    font-size: 34px;
    line-height: 40px;
}

.why-choose-us-summary .circle-item {
    margin-right: 8px;
    margin-bottom: 8px;
    width: 168px;
    height: 168px;
}

.why-choose-us-summary .circle-item:nth-child(even) {
    margin-right: 0px;
}

.why-choose-us-summary .circle-item .number {
    font-size: 34px;
    line-height: 40px;
    margin-top: 24px;
    margin-left: 0px;
}

.why-choose-us-summary .circle-item .number sup {
    font-size: 16px;
    top: -14px;
}

.why-choose-us-summary .circle-item:last-child .number {
    margin-top: 0px;
    font-size: 32px;
}

.why-choose-us-summary .circle-item .description {
    width: 136px;
    font-size: 16px;
    line-height: 24px;
    margin: auto;
    padding: initial;
}

.why-choose-us-summary .circle-item:last-child .description {
    font-size: 14px;
    line-height: 20px;
}

.why-choose-us-summary .circle-item:last-child img {
    margin-top: 32px !important;
    width: 87px;
    height: 16px;
    margin: auto;
}

@media screen and (min-width: 400px) {
    .why-choose-us-summary .circle-item,
    .why-choose-us-summary .circle-item:nth-child(even) {
        margin-right: 8px;
    }
}

@media screen and (min-width: 728px) {
    .why-choose-us-summary .container {
        max-width: 528px;
        padding: 0px;
    }

    .why-choose-us-summary.circle-border-text-section .section-heading {
        font-size: 1.5rem;
        line-height: 1.8125rem;
    }

    .why-choose-us-summary .unit {
        font-size: 45px;
        line-height: 56px;
    }

    .why-choose-us-summary .circle-item,
    .why-choose-us-summary .circle-item:nth-child(even) {
        width: 236px;
        height: 236px;
    }

    .why-choose-us-summary .circle-item:last-child .description,
    .why-choose-us-summary .circle-item .description {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.15px;
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 16px;
        padding-right: 16px;
        width: auto;    
    }

    .why-choose-us-summary .circle-item .number {
        font-size: 56px;
        line-height: 72px;
        margin-top: 50px;
    }

    .why-choose-us-summary .circle-item:last-child .number {
        font-size: 45px;
        line-height: 56px;
    }

    .why-choose-us-summary .circle-item:last-child img {
        margin-top: 40px !important;
        width: 128px;
        height: 24px;
    }

    .why-choose-us-summary .btn-secondary {
        margin-top: 70px;
    }
}

@media screen and (min-width: 1220px) {
    .why-choose-us-summary.circle-border-text-section .section-heading {
        font-size: 2.13rem;
        line-height: 1.5;
    }

    .why-choose-us-summary .container {
        max-width: initial;
    }

    .why-choose-us-summary .circle-item:last-child {
        margin-right: 0px;
    }

    .why-choose-us-summary .circle-item .number {
        line-height: 72px;
        margin-left: 0px;
        margin-top: 45px;
    }

    .why-choose-us-summary .circle-item:last-child img {
        margin-top: 48px !important;
    }

    .why-choose-us-summary .btn-secondary {
        margin-top: 60px;
    }
}

@media screen and (max-width:400px) {
    .why-choose-us-summary .container {
        padding: 0px;
    }

    .why-choose-us-summary .sub-heading {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.customer-reviews .left-col,
.customer-reviews .right-col {
    padding: 0px;
}

.customer-reviews .left-col {
    flex-basis: 571px;
    max-width: 571px;
    margin: auto;
    margin-bottom: 48px;
}

.customer-reviews .item-2 .main-text,
.customer-reviews .item-3 .main-text,
.customer-reviews .item-2 .name-location,
.customer-reviews .item-3 .name-location {
    color: #fff;
}

.customer-reviews .item {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

.customer-reviews .item.slick-slide {
    height: 375px;
    padding: 70px;
}

.customer-reviews .item.item-1 {
    background: #91D5B9;
    border-radius: 100px 0px 100px 100px;
}

.customer-reviews .item.item-2 {
    background: #8E7DBE;
    color: #fff;
    border-radius: 100px 100px 0px 100px;
}

.customer-reviews .item.item-3 {
    background: #000D52;
    color: #fff;
    border-radius: 100px 0px 100px 100px;
}

.customer-reviews .item.item-4 {
    background: #FE887C;
    border-radius: 100px 100px 0px 100px;
}

.customer-reviews .item.item-5 {
    background: #E9C46A;
    border-radius: 100px 0px 100px 100px;
}

.customer-reviews .right-col {
    flex-basis: 100%;
    max-width: 100%;
}

.customer-reviews .main-text {
    font-size: 23px;
    line-height: 34px;
    margin-bottom: 17px;
}

.customer-reviews .name-location {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.18px;
}

.featured-customer-review .row {
    display: block;
    width: 100%;
}

.featured-customer-review .heading {
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 16px;
}

.featured-customer-review .description {
    margin-bottom: 32px;
    max-width: 571px;
}

.featured-customer-review .customer-name,
.featured-customer-review .customer-location {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
}

.featured-customer-review svg.svg-icon {
    width: 18px;
    height: 18px;
    color: #3540F4;
    position: relative;
    top: 2px;
    margin-right: 20px;
}


.customer-reviews .btn-getstarted {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 375px) {
    .customer-reviews .container {
        padding: 0px;
    }

    .customer-reviews .left-col {
        padding: 0 20px;
    }
}

@media screen and (min-width: 768px) {
    .customer-reviews-bubble .slick-dots {
        margin-top: 20px;
        left: 50px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        bottom: 0px;
    }

    .customer-reviews .right-col {
        flex-basis: 624px;
        max-width: 624px;
        margin: auto;
    }

    .customer-reviews .item.slick-slide {
        width: 560px;
        height: 560px;
        padding: 80px;
    }

    .customer-reviews .item.item-1 {
        background: #91D5B9;
        border-radius: 88px 0px 88px 88px;
    }

    .customer-reviews .item.item-2 {
        background: #8E7DBE;
        color: #fff;
        border-radius: 88px 88px 0px 88px;
    }

    .customer-reviews .item.item-3 {
        background: #000D52;
        color: #fff;
        border-radius: 88px 0px 88px 88px;
    }

    .customer-reviews .item.item-4 {
        background: #FE887C;
        border-radius: 88px 88px 0px 88px;
    }

    .customer-reviews .item.item-5 {
        background: #E9C46A;
        border-radius: 88px 0px 88px 88px;
    }

    .customer-reviews .main-text {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 25px !important;
    }

    .customer-reviews .name-location {
        font-size: 19px;
        line-height:27px;
        letter-spacing: 0.18px;
    }

    .customer-reviews .btn-getstarted {
        margin-top: 48px;
    }
}

@media screen and (min-width: 1200px) {
    .circle-border-text-section .intro {
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 0px;
    }

    .why-choose-us .circle-border-text-section .intro {
        font-size: 16px;
        line-height: 25px;
        max-width: 780px;
    }

    .customer-reviews .container {
        max-width: 1216px;
        padding: 0px;
    }

    .customer-reviews .container .row {
        justify-content: space-around;
    }

    .customer-reviews .left-col {
        padding-left: 0px;
        flex-basis: calc(50% - 25px);
        max-width: calc(50% - 25px);
        padding-right: 25px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-self: center;
        margin: initial;
    }

    .customer-reviews .right-col {
        flex-basis: calc(50% - 25px);
        max-width: 583px;
        max-height: 583px;
        padding-left: 25px;
        margin: initial;
    }

    .customer-reviews .item.slick-slide {
        height: 100%;
        padding: 60px;
    }

    .featured-customer-review .description {
        max-width: initial;
        margin-bottom: 47px;
    }

    .customer-reviews .btn-getstarted {
        margin-top: 60px;
    }
}

@media screen and (min-width: 1440px) {
    .customer-reviews .container {
        max-width: 1216px;
        padding: 0px;
    }

    .customer-reviews .left-col {
        flex-basis: calc(100% - 624px);
        max-width: calc(100% - 624px);
        padding-right: 93px;
    }

    .customer-reviews .right-col {
        flex-basis: 624px;
        max-width: 624px;
    }
}

.modal {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(26,37,99,.92);
    display: none;
    align-items: center;
    justify-content: center;
    max-height: 100vh;
}

.modal::-webkit-scrollbar-track {
    background-color: rgba(256, 256, 256, 0.2);
    border-radius: 10px;
}

.modal::-webkit-scrollbar {
    width: 20px;
    height: 30px;
    background-color: transparent;
}

.modal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(256, 256, 256, 1);
    z-index: 99999;
    position: relative;
}

@media (max-width:391px) {
    .modal::-webkit-scrollbar {
        display: none;
    }

    .modal {
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-right: 0px;
    }
}

.ui-tooltip {
    font-family: DM Sans;
    font-style: normal;
    background-color: #91D6B9;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 80px 80px 80px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px;
    text-align: left;
    padding: 32px 40px 40px;
    width: 352px;
    height: 192px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}


/*
    Footer
*/
footer .call-us-now-phone-number,
footer .copyright-acn-links,
footer .terms-and-cond {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.trust-pilot-info__only {
    width: 100%;
    display: flex;
    justify-content: center;
}

.trust-pilot-info__only a {
    display: flex;
}

footer .copyright-acn-links {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #F5F5F6;
    width: 100%;
}

footer .social-links {
    display: flex;
    height: 40px;
}

footer .social-links .svg-icon {
    width: 40px;
    height: 40px;
    background-color: #fff;
    color: #000D52;
    border-radius: 50%;
}

footer .social-links a {
    color: #fff;
}

footer .social-links a:last-child {
    margin-right: 0px;
}

footer .call-us-now-phone-number {
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
    background-color: #000D52;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .call-us-now-phone-number .phone-number-label {
    color: #fff;
    margin-top: 16px;
    margin-bottom: 24px;
}

footer .copyright-acn-links .copyright-acn {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 18px;
}

footer .copyright-acn-links .key-links ul {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

footer .copyright-acn-links .key-links ul li {
    margin-bottom: 16px;
    width: 50%;
}

footer .copyright-acn-links .key-links ul li:last-child {
    margin-bottom: 0px;
}

footer .copyright-acn-links a,
footer .copyright-acn-links a {
    color: #3540F4;
}

footer .copyright-acn-links .social-links {
    height: 27px;
    overflow: hidden;
}

footer .copyright-acn-links a {
    line-height: 27px;
}

footer .trust-pilot-text,
footer .trust-pilot-stars-4-7-container {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.18px;
    text-align: left;
    color: #fff;
}

footer .trust-pilot-stars-4-7-container {
    display: flex;
    align-items: center;
}

footer .trust-pilot-stars-4-7-container img {
    margin-right: 8px;
}

footer .links-container {
    display: flex;
    width: 100%;
}

footer .links-container .key-links {
    width: 100%;
}

footer .trust-pilot-info {
    display: flex;
    height: 25px;
}

footer .trust-pilot-info .trust-pilot-logo {
    color: #00B67A;
    width: 100px;
    height: 24px;
    margin-right: 10px;
}

footer .trust-pilot-star-logo {
    width: 23px;
    height: 22px;
    color: #00B67A;
    position: relative;
    top: 1px;
}

footer .trust-pilot-logo-text {
    width: 72px;
    height: 15px;
    color: #fff;
    align-self: flex-start;
}

footer .social-links a {
    margin-right: 16px;
}

footer .trust-pilot-text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.18px;
    text-align: left;
    color: #fff;
    align-self: center;
    margin-top: 8px;
    margin-bottom: 16px;
}

footer .terms-and-cond,
footer .terms-and-cond h1,
footer .terms-and-cond h3 {
    color: #162261;
    font-size: 0.7rem;
    margin-bottom: 24px;
}

footer .terms-and-cond h1,
footer .terms-and-cond h3 {
    font-weight: initial;
    margin-bottom: 0px;
}

footer .call-us-now-phone-number .phone-number {
    order: 1;
    margin-bottom: 24px;
    margin-top: 6px;
}

footer .call-us-now-phone-number .trust-pilot-info {
    order: 3;
    display: flex;
    flex-direction: column;
    height: 102px;
    justify-content: center;
    align-items: center;
}

footer .call-us-now-phone-number .social-links {
    order: 2;
    margin-bottom: 24px;
}

footer .trust-pilot-logo-container {
    text-align: right;
}

footer .call-us-now-phone-number {
    flex-direction: column;
}

footer .copyright-acn-links .copyright-acn {
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    width: 100%;
}

footer .copyright-acn-links .key-links {
    margin-top: 10px;
}

footer .copyright-acn-links .key-links li:first-child {
    margin-left: 0px;
}

footer .aus-states .label {
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    align-items: center;
}

footer .aus-states .link-item {
    border: 1px solid #3540F4;
    color: #3540F4;
    padding: 9px 22px;
    border-radius: 25px;
    cursor: pointer;
}


footer .aus-states .link-item.active {
    background-color: #3540F4;
    color: #fff;
}

footer .aus-states {
    margin-bottom: 50px;
}

footer .state-link-list,
footer .city-link-list {
    display: none;
    flex-direction: column;
}

footer .state-link-list.active,
footer .city-link-list.active{
    display: flex;
    min-width: initial;
    margin-bottom: 12px;
}

footer .list-item {
    font-size: 13px;
    margin-bottom: 20px;
    color: #3540F4;
}

footer .suburb-list {
    display: none;
    flex-direction: row;
}

footer .suburb-list.active {
    display: flex;
    flex-wrap:wrap;

}

footer .aus-states .label {
    width: 100%;
    margin-bottom: 30px;
}

footer .aus-states .link-item-container {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

footer .suburb-list.active .list-item,
footer .outer-button {
    flex-basis: calc(100% / 2);
    max-width: calc(100% / 2);
}

footer .outer-button {
    min-height: 41px;
    margin-bottom: 10px;
}

footer .property-links-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer .property-type-links-list {
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
}

footer .suburb-links-list {
    flex-basis: 100%;
    max-width: 100%;
    display: block;
}

footer .suburb-list.active .list-item {
    padding-right: 25px;
}

@media screen and (min-width: 768px) {
    footer .list-item {
        font-size: 15px;
    }

    footer .call-us-now-phone-number {
        flex-direction: row;
    }

    footer .call-us-now-phone-number .trust-pilot-info {
        align-items: flex-end;
    }

    footer .call-us-now-phone-number .phone-number {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    footer .call-us-now-phone-number .social-links {
        margin-bottom: 0px;
    }

    footer .trust-pilot-text {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    footer .copyright-acn-links .key-links ul {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 0px;
    }

    footer .copyright-acn-links .key-links ul li {
        margin-left: 0px;
        margin-bottom: 0px;
        width: 33%;
    }

    footer .aus-states .label {
        width: 245px;
    }

    footer .aus-states .link-item-container {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc(100% - 245px);
    }

    footer .aus-states {
        margin-bottom: 30px;
    }

    footer .property-type-links-list {
        display: flex;
        max-width: 50%;
        flex-basis: 50%;
    }

    footer .aus-states {
        display: flex;
    }

    footer .outer-button {
        flex-basis: calc(100% / 4);
        max-width: calc(100% / 4);
        margin-bottom: 20px;
    }

    footer .suburb-list.active .list-item {
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }

    footer .state-link-list.active,
    footer .city-link-list.active{
        display: flex;
        min-width: 245px
    }

    footer .suburb-list.active .list-item {
        padding-right: initial;
    }
}

@media screen and (min-width: 1126px) {
    footer .copyright-acn-links .copyright-acn {
        flex-direction: column-reverse;
    }

    footer .copyright-acn-links .key-links {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 30px;
    }

    footer .copyright-acn-links .key-links ul {
        flex-wrap: inherit;
    }

    footer .copyright-acn-links .key-links ul li {
        margin-left: 40px;
        margin-left: 30px;
        width: auto;
    }

    footer .state-link-list.active,
    footer .city-link-list.active{
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 1280px) {

    .trust-pilot-logo-container {
        margin-bottom: initial;
        text-align: initial;
    }

    footer .call-us-now-phone-number {
        line-height: 28px;
        font-size: 20px;
        font-weight: 700;
        background-color: #000D52;
        width: 100%;
        color: #fff;
        display: flex;
        justify-content: space-between;
        z-index: 1;
        align-items: center;
    }

    footer .copyright-acn-links {
        display: flex;
        justify-content: space-between;
    }

    footer .copyright-acn-links .copyright-acn {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: left;
        width: 100%;
    }

    footer .social-links a {
        margin-right: 24px;
    }

    footer .trust-pilot-text {
        margin-top: initial;
        margin-left: 30px;
    }

    footer .call-us-now-phone-number .phone-number-label {
        order: 1;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    footer .trust-pilot-logo-text {
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 8px;
    }

    footer .call-us-now-phone-number .trust-pilot-info {
        order: 2;
        display: flex;
        flex-direction: row;
        height: initial;
        align-items: initial;
    }

    footer .call-us-now-phone-number .social-links {
        order: 3;
    }

    footer .aus-states,
    footer .aus-states .link-item-container{
        display: flex;
        width: calc(100% - 245px);
    }

    footer .aus-states .link-item-container{
        justify-content: space-between
    }

    footer .aus-states {
        margin-bottom: 10px;
        width: 100%;
    }

    footer .aus-states .label,
    footer .aus-states .link-item
    {
        display: flex;
    }

    footer .aus-states .link-item:last-child {
        margin-right: 0px;
    }

    footer .outer-button {
        flex-basis: initial;
        max-width: initial;
        min-height: initial;
        margin-bottom: initial;
    }

    footer .suburb-list.active .list-item {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 1400px) {
    .footer-mini-sitemap .container {
        max-width: 1350px;
        padding: 0;
    }

    footer .aus-states .label {
        height: 41px;
        align-items: center;
    }

    footer .state-link-list.active,
    footer .city-link-list.active {
        width: 100%;
    }
}

@media screen and (min-width: 1473px) {
    footer .copyright-acn-links .copyright-acn {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    footer .copyright-acn-links .key-links {
        margin-bottom: 0px;
    }

    footer .property-links-container {
        flex-wrap: initial;
    }
}

@media screen and (min-width: 1610px) {
    footer .call-us-now-phone-number,
    footer .copyright-acn-links,
    footer .terms-and-cond {
        padding-left: 100px;
        padding-right: 100px;
    }
}

footer .footer-mini-sitemap-desktop a{
    color: #3540F4;
}

footer .copyright-acn-links-desktop .social-links {
    height: 27px;
    overflow: hidden;
}

footer .copyright-acn-links-desktop a {
    line-height: 27px;
}

footer .footer-mini-sitemap {
    background-color: #F1F3F9;
    width: 100%;
    padding-top: 36px;
    padding-bottom: 10px;
}

footer .footer-mini-sitemap-desktop {
    background-color: #F1F3F9;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    display: none;
}

.footer-mini-sitemap-desktop .container {
    display: flex;
    justify-content: space-between;
}

footer .footer-mini-sitemap-desktop ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

footer .copyright-acn-links-desktop a,
footer .copyright-acn-links-mobile a,
footer .footer-mini-sitemap-desktop a {
    color: #3540F4;
}

footer .sitemap-heading {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
    color: #000D52;
    margin-bottom: 18px;
    min-height: 28px;
    width: 100%;
}

footer .copyright-acn-links-mobile  ul.about {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

footer .links-container {
    display: flex;
    width: 100%;
}

footer .links-container .key-links {
    width: 100%;
}


footer .copyright-acn-links-mobile {
    display: block;
    width: 100%;
}

footer .copyright-acn-links-mobile .links {
    padding: 14px 24px;
    background-color: #F5F5F5;
    width: 100%;
    display: flex;
    flex-direction: column;
}

footer .copyright-acn-links-mobile  .row.about {
    display: flex;
    flex-direction: column;
}

footer .copyright-acn-links-mobile .key-links a {
    font-size: 14px;
}

footer .copyright-acn-links-mobile .links .left-col {
    width: calc(60% - 24px);
    margin-right: 24px;
}

footer .copyright-acn-links-mobile .copyright-acn {
    padding: 14px 24px;
    width: 100%;
    background-color: #FAFAFA;
    font-size: 12px;
}

@media screen and (min-width: 1200px) {
    footer .footer-mini-sitemap-desktop {
        display: block;
    }

    footer .copyright-acn-links-desktop .copyright-acn {
        font-size: 0.85rem;
        line-height: 27px;
    }

    footer .copyright-acn-links-mobile {
        display: none;
    }

    footer .copyright-acn-links-desktop {
        display: flex;
        justify-content: space-between;
    }

    footer .copyright-acn-links-desktop .key-links {
        margin-left: 20px;
    }

    footer .copyright-acn-links-desktop .key-links li {
        margin-left: 30px;
    }
}

#createAccountAndPay img.bmp-logo {
    position: fixed;
    top: 25px;
    left: 25px;
    width: 140px;
}

@media screen and (min-width: 950px) {
    #createAccountAndPay img.bmp-logo {
        position: fixed;
        top: 40px;
        left: 40px;
        width: 199px;
        height:32px;
    }
}

.bmp-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    outline: none !important;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    visibility: hidden;
}

.bmp-popup.opened {
    visibility: visible;
    opacity: 1;
}


.bmp-popup::-webkit-scrollbar-track,
.bmp-popup::-webkit-scrollbar,
.bmp-popup::-webkit-scrollbar-thumb {
    display: none;
    visibility: hidden;
}

.bmp-popup svg.hlClose {
    position: absolute;
    top: 21px;
    right: 21px;
    z-index: 1003;
    color: #fff;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


@media screen and (min-width: 500px) {
    .bmp-popup svg.hlClose {
        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width: 1440px) {
    .bmp-popup svg.hlClose {
        top: 40px;
        right: 40px;
    }
}

.bmp-popup.opened {
    visibility: visible;
    opacity: 1;
}


.bmp-popup::-webkit-scrollbar-track,
.bmp-popup::-webkit-scrollbar,
.bmp-popup::-webkit-scrollbar-thumb {
    display: none;
    visibility: hidden;
}

.bmp-popup svg.hlClose {
    position: absolute;
    top: 21px;
    right: 21px;
    z-index: 1003;
    color: #fff;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


@media screen and (min-width: 500px) {
    .bmp-popup svg.hlClose {
        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width: 1440px) {
    .bmp-popup svg.hlClose {
        top: 40px;
        right: 40px;
    }
}

.login-form-content #cross-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.signup-popup::before,
.login-popup::before,
.bmp-popup::before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

.signup-popup::after,
.login-popup::after,
.bmp-popup::after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 13, 82, 0.92);
    width: 100%;
    height: 100%;
    z-index: 1002;
}

#createAccountAndPay .bmp-logo,
.signup-popup .bmp-logo,
.login-popup .bmp-logo,
.bmp-popup .bmp-logo {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 149px;
    height: 24px;
    z-index: 1003;
}

@media screen and (min-width: 768px) {
    #createAccountAndPay .bmp-logo,
    .signup-popup .bmp-logo,
    .login-popup .bmp-logo,
    .bmp-popup .bmp-logo {
        width: 198px;
        height: 32px;
    }
}

@media screen and (min-width: 888px) {
    #createAccountAndPay .bmp-logo {
        display: block;
    }
}

@media screen and (min-width: 1440px) {
    #createAccountAndPay .bmp-logo,
    .signup-popup .bmp-logo,
    .login-popup .bmp-logo {
        top: 40px;
        left: 40px;
    }
}


.login-form {
    width: 100%;
    height: 600px;
    background-color: #fff;
    border-radius: 20px;
    position: absolute;
    top: 80px;
    z-index: 1003;
}

.signup-popup.opened .login-form,
.login-popup.opened .login-form,
.bmp-popup.opened .bmp-popup-container {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

@media screen and (min-width: 500px) {
    .login-form {
        width: 370px;
        height: 620px;
    }
}

@media screen and (min-width: 500px) {
    .signup-popup .login-form,
    .login-popup .login-form,
    .bmp-popup .bmp-popup-container {
        animation-delay: 1s;
        animation: onPopupOpened 1.2s linear;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 110%;
        left: 50%;
        box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
    }

    @keyframes onPopupOpened {
        0% {
            top: 60%;
            left: 50%;
        }

        100% {
            top: 50%;
            left: 50%;
        }
    }
}

.login-background-top,
.bmp-background-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: #91D6B9;
    width: 100%;
    height: 119px;
}

.login-background-bottom,
.bmp-background-bottom {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #E8EAF6;
    width: 100%;
    height: 375px;
}

.bmp-popup.opened .login-form,
.bmp-popup.opened .bmp-popup-container {
    height: 300px;
    z-index: 1003;
    width: 391px;
    height: 360px;
}

.bmp-popup.opened.signup-popup .login-form {
    height: 620px;
}

.bmp-popup.opened .login-background-bottom {
    height: 70px;
}

.bmp-popup.opened.signup-popup .login-background-bottom {
    height: 397px;
}

.login-form-content,
.bmp-form-content {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    position: absolute;
    top: 9.5px;
    left: 8px;
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

.bmp-popup .content-heading {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.15px;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
}

.bmp-form-content .row {
    display: block;
    flex-wrap: nowrap;
}

.bmp-form-content button#btnNext {
    margin-top: 32px;
    width: 100%;
}

.signup-popup .login-heading,
.login-popup .login-heading {
    font-size: 34px;
    font-weight: bold;
    line-height: 40px;
    color: #000D52;
    margin-bottom: 16px;
}

.signup-popup .login-subheading,
.login-popup .login-subheading
{
    margin-bottom: 32px;
}

.login-subheading a {
    color: #3540F4;
}

.signup-popup .textbox-info,
.login-popup .textbox-info {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.18px;
    color: rgba(0, 13, 82, 0.8);
    margin-top: 8px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.signup-popup .btn,
.login-popup .btn {
    margin-top: 10px;
    margin-bottom: 16px;
    height: 48px;
}

.signup-popup .privacy,
.login-popup .privacy {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.18px;
    visibility: hidden;
}

.signup-popup.opened .privacy,
.login-popup.opened .privacy {
    visibility: visible;
}

.signup-popup .privacy a,
.login-popup .privacy a {
    color: #3540F4;
    text-decoration: underline;
}

.signup-popup input[type=text] {
    margin-bottom: 0px;
}

.bmp-form-content #cross-popup,
.bmp-form-content #concierge-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.hero-v2-banner {
    display: flex;
    flex-direction: column-reverse;
    min-height: 400px;
}

.hero-v2-banner .left-col {
    background: rgba(254, 136, 124, 0.05);
    padding: 24px;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.hero-v2-banner .right-col {
    min-height: 280px;

}

.hero-v2-banner h1 {
    margin-bottom: 16px;
    max-width: 290px;
}

.hero-v2-banner h2 {
    font-weight: 100;
    max-width: 290px;
}

@media (min-width: 500px) {
    .hero-v2-banner h1 {
        margin-bottom: 30px;
    }

    .hero-v2-banner h1,
    .hero-v2-banner h2 {
        max-width: initial;
    }
}

@media (min-width: 768px) {
    .hero-v2-banner {
        min-height: 600px;
    }

    .hero-v2-banner .left-col {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 32px 64px;
    }

    .hero-v2-banner .right-col {
        width: 100%;
        height: 432px;
    }
}

@media (min-width: 1220px) {
    .hero-v2-banner {
        flex-direction: row;
        background-color: #000D52;
        height: 590px;
        min-height: 590px;
    }

    .hero-v2-banner .left-col {
        width: 40%;
        min-width: 576px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        background-color: #000D52;
        height: 590px;
        color: #fff;
        padding: 56px;
    }

    .hero-v2-banner h1 {
        margin-bottom: 48px;
    }

    .hero-v2-banner h2 {
        margin-bottom: 0px;
    }

    .hero-v2-banner h1,
    .hero-v2-banner h2 {
        color: #fff;
    }

    .hero-v2-banner .right-col {
        width: 60%;
        min-width: calc(1220px - 576px);
        height: 590px;
    }
}


.iframe-container {
overflow: hidden;
/* 16:9 aspect ratio */
padding-top: 54.25%;
position: relative;
}

@media screen and (max-width: 800px) {
    .iframe-container.sales-rental-camp-form {
        height: 600px
    }
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.sales-rental-per-camp .intro {
    margin-bottom: 40px;
    text-align: center;
}


.sales-rental-per-camp .mandatory {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #000D52;
    opacity: 0.5;
    margin-bottom: 16px;
}

.sales-rental-per-camp-section {
    position: relative;
}


.sales-rental-per-camp .display-one {   font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 700;
    margin-bottom: 36px;
}

.sales-rental-per-camp {
    padding: 64px 10px;
    padding-bottom: 0px;
}


@media screen and (min-width: 1220px) {
    .sales-rental-per-camp {
        padding: 64px;
        padding-bottom: 0px;
    }

    .sales-rental-per-camp {
        padding: 32px;
        padding-bottom: 10px;
        box-shadow: 0px 16px 24px rgba(241, 243, 249, 1), 0px 6px 30px rgba(241, 243, 249, 1), 0px 8px 10px rgba(241, 243, 249, 1);
        border-radius: 16px;
        max-width: 1100px;
        margin: auto;
        background-color: #fff;
    }

    .sales-rental-per-camp .display-one {
        font-size: 2.13rem;
        line-height: 1.5;
        margin-bottom: 48px;
    }

    .sales-rental-per-camp .intro {
        margin-bottom: 48px;
    }

    .sales-rental-per-camp .mandatory {
        margin-bottom: 24px;
    }

    .sales-rental-per-camp .inner {
        max-width: 800px;
        margin: auto;
    }

    .sales-rental-per-camp-section:after {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        content: '';
        background-color: #F1F3F9;
        height: 50%;
        z-index: -1;
    }

    .pricing-v2 .sales-rental-per-camp-section:after {
        position: absolute;
        top: 0px;
        bottom: initial;
        left: 0px;
        width: 100%;
        content: '';
        background-color: #F1F3F9;
        height: 50%;
        z-index: -1;
    }
}

.pricing-v2-banner {
    width: 100%;
    height: 344px;
    background-color: rgba(0, 13, 82, 0.6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.pricing-v2-banner:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 13, 82, 0.48);
    z-index: 2;
}

.pricing-v2-banner h1 {
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    color: #fff;
    position: absolute;
    top: 56px;
    z-index: 3;
    line-height: 40px;
    display: block;
    max-width: 327px;
    text-align: center;
}

.pricing-v2-banner .tabs-container {
    width: 100%;
    height: 68px;
    display: flex;
    z-index: 4;
    position: absolute;
    bottom: 0px;
}

.pricing-v2-banner .tabs-container .tab-item {
    display: block;
    padding-top: 20px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.18px;
    color: #000D52;
    text-decoration: none;
    width: 100%;
    font-weight: initial;
    background-color: #E8EAF6;
    border-top: 4px solid #000D52;
}

.pricing-v2-banner .tabs-container .tab-item.active {
    font-weight: bold;
    background-color: #fff;
    border-top: 4px solid #fff;
}

@media screen and (min-width: 768px) {
    .pricing-v2-banner {
        height: 335px;
    }

    .pricing-v2-banner h1 {
        font-size: 45px;
        line-height: 56px;
        max-width: 560px;
    }

    .pricing-v2-banner .tabs-container .tab-item {
        line-height: 22px;
    }
}

@media screen and (min-width: 1220px) {
    .pricing-v2-banner {
        height: 352px;
    }

    .pricing-v2-banner h1 {
        font-size: 45px;
        line-height: 58px;
        max-width: 985px;
        position: absolute;
        top: 104px;
    }

    .pricing-v2-banner .tabs-container {
        max-width: 600px;
    }

    .pricing-v2-banner .tabs-container {
        width: 100%;
        height: 78px;
    }

    .pricing-v2-banner .tabs-container .tab-item {
        font-size: 24px;
        line-height: 34px;
    }
}

.pricing-v2 .content-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .pricing-v2 .content-section {
        padding-top: 40px;
    }
}



/*
    Sales price comparisions
*/

.sale-pricing-table .compare-table,
.rental-pricing-table .compare-table {
    display: block;
}

.sale-pricing-table .compare-row,
.rental-pricing-table .compare-row {
    display: flex;
    border-bottom: 1px solid #E8EAF6;
}

.sale-pricing-table .compare-border-row,
.rental-pricing-table .compare-border-row {
    border-bottom: 0px none;
}

.sale-pricing-table .compare-cell,
.rental-pricing-table .compare-cell {
    padding: 20px 0px;
    margin: 0px;
    margin-right: 0px;
}

.sale-pricing-table .compare-cell:last-child,
.rental-pricing-table .compare-cell:last-child {
    margin-right: 0px;
}

.sale-pricing-table .compare-cell .name,
.rental-pricing-table .compare-cell .name {
    background-color: #91D6B9;
    padding: 12px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.15px;
}

.sale-pricing-table .compare-cell .details,
.rental-pricing-table .compare-cell .details {
    padding: 22px 10px;
    font-size: 0.8rem;
    background-color: #FAFAFA;
}

.sale-pricing-table .compare-cell .short-desc,
.rental-pricing-table .compare-cell .short-desc {
    color: #FE887C;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    height: 45px;
}

.sale-pricing-table .compare-cell .price,
.rental-pricing-table .compare-cell .price{
    padding-bottom: 0px;
    color: #333e48;
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
}

.sale-pricing-table .compare-head .details .price,
.rental-pricing-table .compare-head .details .price {
    color: #000D52;
}

.sale-pricing-table .compare-head .btn,
.rental-pricing-table .compare-head .btn {
    background: #3540F4;
    border: 1px solid rgba(53, 64, 244, 0.1);
    display: block;
    width: 119px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 21px;
}

.sale-pricing-table .compare-cell,
.rental-pricing-table .compare-cell {
    font-size: 0.8rem;
    text-align: center;
    background-color: #FAFAFA;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.sale-pricing-table .compare-cell.text,
.rental-pricing-table .compare-cell.text {
    justify-content: left;
    text-align: left;
}

.sale-pricing-table .compare-cell.compare-head,
.sale-pricing-table .compare-cell.compare-head.active,
.rental-pricing-table .compare-cell.compare-head,
.rental-pricing-table .compare-cell.compare-head.active{
    padding-top: 0px;
    display: none;
}

@media screen and (min-width: 1280px) {
    .sale-pricing-table .compare-cell,
    .rental-pricing-table .compare-cell {
        padding: 20px 0px;
        margin: 0px 6px;
        margin-right: 0px;
    }

    .sale-pricing-table .compare-cell.compare-head,
    .sale-pricing-table .compare-cell.compare-head.active,
    .rental-pricing-table .compare-cell.compare-head,
    .rental-pricing-table .compare-cell.compare-head.active {
        display: block;
    }

    .sale-pricing-table .compare-cell.text,
    .rental-pricing-table .compare-cell.text {
        padding: 16px;
    }
}

.sale-pricing-table .compare-head,
.rental-pricing-table .compare-head {
    display: block;
}

.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: 0.8rem;
    text-align: left;
}

.sale-pricing-table .container
.rental-pricing-table .container {
    padding: 0;
}

@media screen and (max-width:500px) {
    .sale-pricing-table .container,
    .rental-pricing-table .container {
        margin-left: -20px;
        margin-right: -20px;
    }

    .campaign-mobile-header .campaign-selections .campaign-name:first-child {
        padding-left: 8px;
    }

    .campaign-mobile-header .campaign-selections .campaign-name:last-child {
        padding-right: 8px;
    }
}

.sale-pricing-table .accordion-heading h5,
.rental-pricing-table .accordion-heading h5 {
    margin-bottom: 0px;
    font-weight: 400;
}

.sale-pricing-table .accordion-content p,
.rental-pricing-table .accordion-content p {
    color: #757575;
}

.sale-pricing-table .compare-cell.feature,
.rental-pricing-table .compare-cell.feature {
    background-color: #fff;
    margin-right: 7px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: left;
    padding-top: 0px;
}

.sale-pricing-table .component-accordion,
.rental-pricing-table .component-accordion {
    width: 100%;
}

.sale-pricing-table .accordion-item.is-open .svg-icon,
.rental-pricing-table .accordion-item.is-open .svg-icon {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.sale-pricing-table .accordion-item.is-open .accordion-content,
.sale-pricing-table .accordion-item .component-accordion .accordion-item.is-open .accordion-content,
.rental-pricing-table .accordion-item.is-open .accordion-content,
.rental-pricing-table .accordion-item .component-accordion .accordion-item.is-open .accordion-content {
    display: block;
}

.sale-pricing-table .accordion-item.is-open .accordion-content,
.rental-pricing-table .accordion-item.is-open .accordion-content {
    padding: 24px 20px;
    padding-top: 0px;
}

.sale-pricing-table .accordion-item.is-open .accordion-content,
.rental-pricing-table .accordion-item.is-open .accordion-content {
    padding: 0px;
    padding-top: 10px;
    display: block;
}

.sale-pricing-table .accordion-item.group.is-open .accordion-content,
.rental-pricing-table .accordion-item.group.is-open .accordion-content {
    padding: 0px;
}

.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: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .18000000715255737px;
    text-align: left;
    color: #757575;
    font-size: .8rem;
}

.sales-campaigns .accordion-item.is-open .accordion-content,
.sales-campaigns .accordion-item .component-accordion .accordion-item.is-open .accordion-content,
.sales-campaigns .accordion-item.is-open .accordion-content p,
.sales-campaigns .accordion-item .component-accordion .accordion-item.is-open .accordion-content p,
.sale-pricing-table .compare-cell .secondary-text,
.rental-pricing-table .compare-cell .secondary-text {
    color: #757575;
    font-size: 0.8rem;
}

.sale-pricing-table .accordion-item .accordion-content,
.sale-pricing-table .accordion-item .component-accordion .accordion-content,
.sale-pricing-table .compare-cell .secondary-text,
.rental-pricing-table .accordion-item .accordion-content,
.rental-pricing-table .accordion-item .component-accordion .accordion-content,
.rental-pricing-table .compare-cell .secondary-text {
    display: none;
}

.sale-pricing-table .compare-cell .secondary-text.is-open,
.rental-pricing-table .compare-cell .secondary-text.is-open {
    display: block;
}

.sale-pricing-table .accordion-heading,
.rental-pricing-table .accordion-heading {
    display: flex;
    cursor: pointer;
    flex-direction: row;
    justify-content: space-between;
}

.sale-pricing-table .accordion-item .svg-icon,
.rental-pricing-table .accordion-item .svg-icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    margin-left: 4px;
    background-color: transparent !important;
}

.sale-pricing-table .compare-cell .svg-icon,
.rental-pricing-table .compare-cell .svg-icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    margin-left: 4px;
    background-color: #000D52;
    border-radius: 15px;
    color: #fff;
    padding: 3px;
}

.sale-pricing-table .compare-cell.feature .svg-icon,
.rental-pricing-table .compare-cell.feature .svg-icon {
    color: #333e48;
    top: -2px;
    position: relative;
}

.sale-pricing-table .col-1.compare-cell.feature,
.rental-pricing-table .col-1.compare-cell.feature {
    margin-left: 0px;
    color: #000D52;
    padding: 0px;
    text-align: left;
}

.sale-pricing-table .compare-cell.recommended,
.sale-pricing-table .compare-cell.recommended .details,
.sale-pricing-table .compare-cell.recommended,
.rental-pricing-table .compare-cell.recommended,
.rental-pricing-table .compare-cell.recommended .details,
.rental-pricing-table .compare-cell.recommended {
    background-color: #F1F3F9;
}

.sale-pricing-table .compare-cell.recommended .name,
.rental-pricing-table .compare-cell.recommended .name {
    background-color: #000D52;
    color: #fff;
}

.sale-pricing-table .compare-cell.compare-head.top,
.rental-pricing-table .compare-cell.compare-head.top {
    background-color: transparent;
}

.sale-pricing-table .compare-cell.compare-head.bottom,
.rental-pricing-table .compare-cell.compare-head.bottom {
    background-color: transparent;
}

.sale-pricing-table .compare-cell.compare-head.top.active:before,
.sale-pricing-table .compare-cell.compare-head.top.active:after,
.rental-pricing-table .compare-cell.compare-head.top.active:before,
.rental-pricing-table .compare-cell.compare-head.top.active:after {
    height: 6px;
    top: 4px;
}

.sale-pricing-table .compare-cell.compare-head.bottom.active:before,
.sale-pricing-table .compare-cell.compare-head.bottom.active:after,
.rental-pricing-table .compare-cell.compare-head.bottom.active:before,
.rental-pricing-table .compare-cell.compare-head.bottom.active:after {
    height: 0px;
}

.sale-pricing-table .compare-cell.last.active:before,
.sale-pricing-table .compare-cell.last.active:after,
.rental-pricing-table .compare-cell.last.active:before,
.rental-pricing-table .compare-cell.last.active:after {
    height: calc(100% + 12px);
}

.sale-pricing-table .compare-cell.compare-head.bottom,
.rental-pricing-table .compare-cell.compare-head.bottom {
    height: 8px;
    padding-bottom: 0px;
}

.sale-pricing-table .col-1,
.rental-pricing-table .col-1 {
    width: 60%;
}

.sale-pricing-table .col-2,
.sale-pricing-table .col-3,
.sale-pricing-table .col-4,
.sale-pricing-table .col-5,
.rental-pricing-table .col-2,
.rental-pricing-table .col-3,
.rental-pricing-table .col-4,
.rental-pricing-table .col-5 {
    position: relative;
    width: 0%;
    display: none;
}

.sale-pricing-table .col-2.active,
.sale-pricing-table .col-3.active,
.sale-pricing-table .col-4.active,
.sale-pricing-table .col-5.active,
.rental-pricing-table .col-2.active,
.rental-pricing-table .col-3.active,
.rental-pricing-table .col-4.active,
.rental-pricing-table .col-5.active{
    position: relative;
    width: 50%;
    display: block;
}


.rental-pricing-table .col-1 {
    width: 50%;
}

.rental-pricing-table .col-2,
.rental-pricing-table .col-3 {
    position: relative;
    width: 50%;
}


@media screen and (min-width: 768px) {
    .sale-pricing-table .col-1,
    .rental-pricing-table .col-1 {
        width: 50%;
    }

    .sale-pricing-table .col-2.active,
    .sale-pricing-table .col-3.active,
    .sale-pricing-table .col-4.active,
    .sale-pricing-table .col-5.active,
    .rental-pricing-table .col-2.active,
    .rental-pricing-table .col-3.active,
    .rental-pricing-table .col-4.active,
    .rental-pricing-table .col-5.active {
        width: 50%;
    }
}

@media screen and (min-width: 1280px) {
    .sale-pricing-table .compare-cell,
    .rental-pricing-table .compare-cell {
        margin: 0px 6px;
    }

    .sale-pricing-table .col-1 {
        width: 28%;
    }

    .rental-pricing-table .col-1 {
        width: 381px;
    }

    .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 {
        position: relative;
        width: 208px;
        display: block;
    }

    .rental-pricing-table .col-2,
    .rental-pricing-table .col-3,
    .rental-pricing-table .col-4,
    .rental-pricing-table .col-5,
    .rental-pricing-table .col-2.active,
    .rental-pricing-table .col-3.active,
    .rental-pricing-table .col-4.active,
    .rental-pricing-table .col-5.active {
        position: relative;
        width: 390px;
        display: block;
    }

}

.sale-pricing-table .terms-and-cond,
.sale-pricing-table .terms-and-cond p,
.rental-pricing-table .terms-and-cond,
.rental-pricing-table .terms-and-cond p {
    color: #9E9E9E;
    font-size: 0.7rem;
    margin-top: 0px;
    margin-bottom: 0px;
}

.sale-pricing-table .old-price,
.rental-pricing-table .old-price {
    font-size: 24px;
    line-height: 34px;
    height: 34px;
    text-align: center;
    letter-spacing: 0.18px;
    text-decoration-line: line-through;
    color: #3540F4;
}

.sale-pricing-table .campaign-name.active,
.rental-pricing-table .campaign-name.active {
    background-color: #000D52;
    color: #fff !important;
}

@media screen and (max-width: 820px) {
    .rent-pricing .camp-sales-campaigns,
    .rent-pricing .camp-sales-campaigns .camp-rent-container,
    .rent-pricing .camp-sales-campaigns .custom-built {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .pricing-v2 h3.section-heading {
        margin-bottom: 16px;
    }

    .pricing-v2 #circle-border-text-section .intro {
        font-size: 24px;
        line-height: 34px;
    }
}

@media screen and (max-width: 414px) {
    .rent-pricing .selectedCampaignName {
        font-size: 13px;
    }
}

.add-on.feature-dots h3.section-heading.display-one {
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 16px;
}

.add-on.feature-dots .intro {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .add-on.feature-dots h3.section-heading.display-one {
        font-size: 2.13rem;
        line-height: 1.5;
    }
}

.help-categories-section .btn-secondary {
    background-color: transparent;
    display: inline;
    width: initial;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.help-categories-section .heading,
.help-categories-section .description {
    display: block;
}

.help-categories-section .container .container {
    padding: 0px;
}

.help-categories-section .selling-your-property-privately {
    background: #EFF9F5;
    border-top: 16px solid #91D6B9;
    padding-top: 24px;
}

.help-categories-section .preparing-your-property-for-sale {
    background: #FFE7E5;
    border-top: 16px solid #FE887C;
    padding-top: 24px;
}

.help-categories-section .on-the-market {
    background: #FBF3E1;
    border-top: 16px solid #E9C46A;
    padding-top: 24px;
}

.help-categories-section .final-steps-and-settlement {
    background: #EEEBF5;
    border-top: 16px solid #8E7DBE;
    padding-top: 24px;
}

.help-categories-section .renting-out-your-property {
    background: #EBF7F9;
    border-top: 16px solid #78CDD7;
    padding-top: 24px;
}

.help-categories-section .first-row {
    margin-bottom: 16px;
}

.help-categories-section .heading {
    font-family: DM Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #000D52;
    margin-bottom: 24px;
}

.help-categories-section .first-row,
.help-categories-section .second-row {
    width: 100%;
}

.help-categories-section .first-row div,
.help-categories-section .second-row div,
.help-categories-section div {
    width: 100%;
}

.help-categories-section .cta .btn {
    margin: auto;
}

.help-categories-section .tile img {
    margin: auto;
}

.help-categories-section .main-heading {
    display: block;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 16px;
}

.help-categories-section .description {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px;
    text-align: center;
    margin-bottom: 48px;
}

.help-categories-section .selling-your-property-privately,
.help-categories-section .on-the-market,
.help-categories-section .final-steps-and-settlement {
    margin-bottom: 16px;
}

.help-categories-section .heading {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.18px;
    text-align: center;
}

.help-categories-section .and-more {
    padding-top: 56px;
    padding-bottom: 0px;
}

.help-categories-section .second-row .tile,
.help-categories-section .first-row .tile,
.help-categories-section .tile {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 20px;
}

.help-categories-section .tile .btn-secondary {
    margin-top: 30px;
}

.help-categories-section .tiles-row {
    display: flex;
    flex-flow: row wrap;
}

@media screen and (min-width: 768px) {
    .help-categories-section {
    }

    .help-categories-section .selling-your-property-privately,
    .help-categories-section .on-the-market,
    .help-categories-section .final-steps-and-settlement {
        margin-bottom: 0px;
    }

    .help-categories-section .main-heading {
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        letter-spacing: 0px;
        text-align: center;
        max-width: 571px;
        margin: auto;
        margin-bottom: 16px;
    }

    .help-categories-section .description {
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.18px;
        max-width: 571px;
        margin: auto;
        margin-bottom: 48px;
    }

    .help-categories-section .tile{
        width: calc(50% - 8px);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-left: 8px;
        margin-right: 8px;

    }

    .help-categories-section .tile:first-child, 
    .help-categories-section .tile:nth-child(3) {
        margin-left: 0px;
    }

    .help-categories-section .tile:last-child {
        margin-right: 0px;
    }

    .help-categories-section .cta .btn {
        margin: auto;
    }

    .help-categories-section .heading {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: 0.18px;
        text-align: center;
    }
    
    .help-categories-section .preparing-your-property-for-sale,
    .help-categories-section .on-the-market {
        position: relative;
    }

    .help-categories-section .preparing-your-property-for-sale img,
    .help-categories-section .on-the-market img{
        position: absolute;
        bottom: 0px;
    }

    .help-categories-section .selling-your-property-privately,
    .help-categories-section .preparing-your-property-for-sale {
        min-height: 330px;
        padding: 15px;
        text-align: center;
    }

    .help-categories-section .on-the-market,
    .help-categories-section .final-steps-and-settlement,
    .help-categories-section .renting-out-your-property {
        min-height: 330px;
        padding: 15px;
        text-align: center;
    }

    .help-categories-section .tile .btn-secondary {
        margin-top: 0px;
    }

    .help-categories-section .selling-your-property-privately,
    .help-categories-section .preparing-your-property-for-sale {
        flex-basis: calc(50% - 16px);
        max-width: calc(50% - 16px);
        margin-bottom: 16px;
    }

    .help-categories-section .on-the-market,
    .help-categories-section .final-steps-and-settlement,
    .help-categories-section .renting-out-your-property {
        flex-basis: calc(100% / 3 - 16px);
        max-width: calc(100% / 3 - 16px);
    }
}

@media screen and (min-width: 1280px) {
    .help-categories-section {
    }

    .help-categories-section .main-heading {
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        letter-spacing: 0px;
        text-align: center;
        max-width: 1120px;
        margin: auto;
        margin-bottom: 16px;
    }

    .help-categories-section .description {
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.18px;
        max-width: 1120px;
        margin: auto;
        margin-bottom: 56px;
    }

    .help-categories-section .desktop .preparing-your-property-for-sale img {
        position: relative;
        top: 1px;
    }

    .help-categories-section .cta .btn {
        margin: auto;
    }

    .help-categories-section .heading {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        letter-spacing: 0.18px;
        text-align: center;
    }

    .help-categories-section .tile {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .help-categories-section .selling-your-property-privately,
    .help-categories-section .preparing-your-property-for-sale {
        min-height: 330px;
        padding: 40px;
        text-align: center;
    }

    .help-categories-section .on-the-market,
    .help-categories-section .final-steps-and-settlement,
    .help-categories-section .renting-out-your-property {
        min-height: 330px;
        padding: 30px;
        text-align: center;
    }

}

@media screen and (max-width: 1280px) {
    .short-content-page ul.breadcrumb,
    .long-content-page ul.breadcrumb {
        flex-direction: column;
        align-items: flex-start;
    }
}

/*
// Pricing Table (summary)
//
// Ability to see left/right arrows, and switch between pricing tables: Essentials, Enhanced, Ultimate
//
// Styles for Pricing table with Summary
*/

/* Desktop (hide arrows) */
@media screen and (min-width:768px) {
    .svg-mobile {
        display: none;
    }
}

/* Mobile (show arrows) */
@media screen and (max-width:767px) {
    .svg-mobile {
        position: relative;
        display: flex;
        transform: scale(10);
        cursor: pointer;
    }
    
    #mobile-right {
        left: 20px;
    }
    
    #mobile-left {
        left: -20px;
    }
    
    /* make sure arrows are to the left & right centered vertically */
    .camp-sales-container {
        display: flex !important;
        align-items: center;
    }
    .camp-sales-container .campaign-item {
        display: none;
    }
    .camp-sales-container .campaign-item.current {
        display: block;
    }
}