:root {
    --tr-black: #1d1b1b;
    --tr-p1: #f15e24;
    --tr-p2: #a51e26;
    --tr-p3: #f5ece9;
    --tr-p4: #ffc514;
    --white: white;
    --gray-4: #fbfaf8;
    --danger: #ad343e;
    --success: #559866;
    --gray-2: #00000014;
    --gray-3: #f9f5ec;
    --warning: #eaa235;
    --input-border: #2c2d362b;
    --tr-bright-red: #b42226
}

@font-face {
    font-family:Gazpacho;src:url(fonts/Gazpacho\ Refular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap
}

@font-face {
    font-family:Gazpacho;src:url(fonts/Gazpacho\ Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap
}

@font-face {
    font-family:Gazpacho;src:url(fonts/Gazpacho\ Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap
}

@font-face {
    font-family:Visby;src:url(fonts/VisbyRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap
}

@font-face {
    font-family:Visby;src:url(fonts/VisbyMedium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap
}

@font-face {
    font-family:Visby;src:url(fonts/VisbySemibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap
}

@font-face {
    font-family:Visby;src:url(fonts/VisbyBold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap
}

body,h1,h2 {
    font-family: Visby,Arial,sans-serif
}

body {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    background-color: #fff;
    min-height: 100%;
    margin: 0
}

* {
    box-sizing: border-box
}

a {
    color: var(--tr-p1);
    text-decoration: none;
    cursor: pointer
}

h1,h2 {
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 48px
}

h2 {
    font-size: 32px;
    line-height: 38px
}

h3,h5 {
    margin-bottom: 18px
}

h3 {
    font-size: 28px;
    line-height: 36px
}

h5 {
    font-family: Visby,sans-serif;
    font-size: 20px
}

h1,h2,h3,h5,h6,p {
    margin-top: 0
}

a,h1,h2,h3,h5,h6 {
    font-weight: 700
}

h5,h6 {
    line-height: 24px
}

h6 {
    margin-bottom: 12px;
    font-size: 16px
}

p {
    font-weight: 600
}

.inline-block {
    max-width: 100%;
    display: inline-block
}

.input,p {
    margin-bottom: 10px
}

.input,.select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.42857;
    display: block;
    outline: 0
}

.select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: var(--tr-p2);
    cursor: pointer;
    border: 1px #000;
    margin-bottom: 0;
    border: 1px solid var(--input-border);
    background-color: var(--white);
    background-image: url(../images/select-arrow.svg);
    background-position: 94%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 5px;
    align-items: center;
    height: 60px;
    padding: 10px 16px;
    position: relative;
    overflow: hidden
}

.select option {
    background-color: #e9e9ed;
    border: 0
}

.form-input:focus,.input:focus,.select:focus {
    border-color: var(--tr-p4);
    outline: 0
}

.form-input.textarea {
    min-height: 100px;
    resize: none
}

.mymodal {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.modal-content {
    background-color: #fefefe;
    margin: 25% auto;
    padding: 20px;
    border: 2px solid #888;
    width: 80%;
    max-width: 40em;
    font-family: Visby;
    font-weight: 700;
    font-size: 120%;
    border-radius:20px;
    
}

.modal-content,.modal-content p {
    text-align: center
}

.modal-content button {
    padding: .3em 2em;
    margin-top: 1em
}

.main-container.text-center.all-center {
    flex-flow: column
}

.main-container.nav {
    z-index: 10;
    background-color: var(--tr-p1);
    background-image: linear-gradient(29deg,var(--tr-p1),var(--tr-p1) 57%,var(--tr-p4));
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.navbar {
    top: 0;
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    min-height: 80px;
    display: flex
}

.main-container.text-center.all-center,.navbar-justify-between {
    justify-content: space-between;
    align-items: center;
    display: flex
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
    border: 0
}

.logo_image {
    width: 250px
}

.nav-menu,.navbar-right-contents {
    align-items: center;
    display: flex
}

.nav-menu {
    margin-right: 0
}

.nav-link,h4 {
    font-family: Visby,Arial,sans-serif;
    font-weight: 700
}

.nav-link {
    color: var(--white);
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
    padding: 0;
    font-size: 18px;
    transition: color .2s;
    display: flex
}

.nav-link.w--current,.nav-link:hover {
    color: var(--tr-p4)
}

.button:hover {
    box-shadow: inset 0 200px 200px 200px #0000001a
}

.button.bg-yellow-1.ml20 {
    border-color: var(--white);
    background-color: var(--white);
    margin-left: 20px;
    padding: 11px 20px
}

.button.bg-yellow-1 {
    color: var(--tr-p2)
}

.dropdown-list {
    background: #ddd;
    display: nonex;
    width: 100vw;
    position: fixed;
    top: 99px;
    border: 1px solid var(--gray-2);
    background-color: var(--white);
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-width: 220px;
    padding: 12px;
    left: 0;
    box-shadow: 0 4px 6px #00000014;
    z-index: 10
}

.dropdown-toggle {
    cursor: pointer
}

.nav-inner.grid-3col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.link-block {
    border-radius: 20px 20px 20px 0;
    padding: 15px 15px 15px 25px;
    transition: all .5s ease
}

.link-block:hover {
    background: #f27124
}

.link-block:hover .text-block-2,.link-block:hover h4 {
    color: #fff
}

.link.yellow {
    color: var(--tr-p4)
}

.nav-module {
    padding: 14px
}

h4 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 24px;
    line-height: 30px
}

.text-block-2 {
    color: #2c2d36;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.orange {
    color: #f27124;
    font-size: 22px;
    line-height: 28px
}

.fullwidth-image {
    width: 100%
}

.slider {
    background-color: #0000;
    height: auto
}

.slide,.slider-mask {
    position: relative;
    height: 100%
}

.slider-mask {
    z-index: 1;
    white-space: nowrap;
    display: block;
    left: 0;
    right: 0;
    overflow: hidden;
    font-size: 0
}

.slide {
    margin: 0;
    padding: 0;
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    transition: opacity .5s ease;
    display: inline-block
}

.slide.active {
    opacity: 1;
    display: inline-block
}

/*.slider-mask { position: relative; }*/
/*.slide { position: absolute; inset: 0; opacity: 0; }*/
.slide.active { opacity: 1; }

.black-gradient {
    background-image: linear-gradient(#0000 51%,#000000c7 79%);
    position: absolute;
    inset: 0
}

.image-5 {
    position: absolute;
    inset: auto 0 0
}

.section-2,.section.mb95 {
    position: relative
}

.button-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.main-container {
    width: 100%;
    max-width: 1296px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px
}

.section.mb95 {
    margin-bottom: 60px;
    padding-bottom: 0
}

.section {
    padding-top: 75px;
    padding-bottom: 75px
}

.container-large.align-center {
    margin-left: auto;
    margin-right: auto
}

.container-large {
    direction: ltr;
    width: 100%;
    max-width: 612px
}

.justify-content-center {
    flex-direction: column;
    align-items: center;
    display: flex
}

.display-heading-2 {
    color: var(--tr-p2);
    margin-bottom: 24px;
    font-family: Visby,Arial,sans-serif;
    font-size: 45px;
    line-height: 60px
}

.form-horizontal {
    display: flex;
    margin: 0 0 15px
}

.form-input.form-input-large {
    width: 350px;
    height: 50px;
    padding: 19px 24px;
    font-size: 20px;
    line-height: 30px
}

input[type=search] {
    -webkit-appearance: none
}

.button.form-horizontal-button {
    margin-left: 12px;
    padding-top: 10px;
    padding-bottom: 10px
}

.button {
    display: inline-block;
    border: 2px solid var(--tr-p1);
    background-color: var(--tr-p1);
    color: var(--white);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 10px 10px 10px 0;
    padding: 16px 24px;
    font-weight: 700;
    font-size: 16px;
    transition: box-shadow .2s;
    box-shadow: inset 0 200px 200px 200px #0000;
    -webkit-appearance: button
}

.button-with-link-container.no-margin {
    margin-top: 0
}

.button-with-link-container {
    align-items: center;
    margin-top: 36px;
    display: flex
}

.link-with-arrow.mt {
    margin-top: 20px
}

.link-arrow {
    margin-left: 4px;
    transition: transform .2s ease
}

.link-with-arrow:hover .link-arrow {
    transform: translateX(7px)
}

.img-8 {
    width: 25%;
    position: absolute;
    z-index:-1;
/*    inset: 79% auto auto -3%*/
}

.section-grid-halves.bglight.top-left-curve {
    background-color: var(--tr-p1);
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px
}

.section-grid-halves {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.section-block {
    flex-direction: column;
    justify-content: center;
    min-height: 600px;
    padding: 96px 24px;
    display: flex;
    position: relative
}

.container {
    direction: ltr;
    width: 100%;
    max-width: 506px
}

.section-title {
    margin-bottom: 48px
}

.text-center {
    text-align: center
}

.large-heading.section-title {
    color: var(--tr-p1);
    margin-bottom: 0
}

.content_text {
    color: #fff
}

.buttons-wrapper {
    margin-top: 30px;
    margin-bottom: 30px
}

.dual-grid---text.mb40 {
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.dual-grid---text.mb40.nmb {
    place-items: start stretch;
    margin-bottom: 0
}

.large-heading.nmb.red,.multiselect-container li.active .checkbox {
    color: var(--tr-p2)
}

.large-heading.nmb {
    color: var(--white);
    margin-bottom: 0
}

.review-grid-thirds {
    display: grid
}

.layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.rating-author {
    margin-top: 18px
}

.display-heading-2.gazpacho {
    color: var(--tr-p1);
    font-family: Gazpacho,Arial,sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px
}

.calc p,.para.min-width {
    max-width: 600px
}

.calc p,.para {
    margin-bottom: 0
}

.calculator-grid {
    background-color: var(--white);
    border-radius: 12px;
    width: 100%;
    margin-top: 40px;
    padding: 0;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.calculator {
    border: 2px solid var(--tr-p1);
    border-radius: 20px;
    padding: 25px
}

.calculator.right {
    border-color: var(--tr-p1);
    background-color: var(--tr-p1);
    padding-top: 35px
}

.form-block.left-aligned {
    text-align: left
}

.form-block {
    margin: 0 0 15px
}

.select-field {
    border: 1px solid var(--input-border);
    background-color: var(--white);
    background-image: url(../images/select-arrow.svg);
    background-position: 94%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 5px;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 10px 16px;
    display: block;
    position: relative;
    overflow: hidden
}

.select-field-unstyled {
    color: var(--tr-p2);
    cursor: pointer;
    background-color: #0000;
    border: 1px #000;
    width: 120%;
    height: 40px;
    margin-bottom: 0;
    padding: 0;
    font-family: Visby,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    bottom: 1px;
    left: 0
}

._2-column {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 90%;
    margin: 0 auto 20px;
    display: grid
}

.para.center.white {
    line-height: 28px;
    text-align: center
}

.heading-2.white,.para.center {
    text-align: center
}

.para.center.white.orange {
    color: var(--tr-p1);
    font-size: 16px
}

.heading-2, .bg-block .text-grid-item h5 {
    color: var(--tr-p2);
    margin-bottom: 10px
}

.section-grid-halves.bglight.top-left-curve .text-grid-item h5
{
   color: var(--tr-p4);    
}

.heading-2.white {
    color: var(--white)
}

.heading-2.white.orange {
    margin-bottom:10px;
    color: var(--tr-p1)
}

.heading-2.red {
    color: var(--tr-p2);
    font-size: 20px;
    line-height: 24px
}

.heading-2.white.left-mt30 {
    text-align: left;
    margin-top: 30px
}

.commission {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    aspect-ratio: 2/1;
    padding: 0 20px;
    min-height: auto;
}

.commission.theirs {
    background-image: url(../images/bubble.webp);
}


.commission.ours {
    background-image: url(../images/bubble_white.webp);
}

.commission div {
    height:80%;
    display: flex;
    flex-direction: column;
    align-items: center;      /* vertical */
    justify-content: center;
    
}

.commission div p.para.center.white {
    line-height:40px;
}

.display-heading-3.gazpacho.white {
    color: var(--white);
    text-align: center;
    margin-bottom: 0
}

.display-heading-3.gazpacho {
    color: var(--tr-p1);
    font-family: Gazpacho,Arial,sans-serif
}

.link-with-arrow.white.center {
    text-align: left;
    justify-content: center;
    align-items: center
}

.para.small {
    font-size: 10px;
    line-height: 14px
}

.para.small.white.hover-show {
    margin-top: 1em;
    position: static
}

.fade-hide,.fade-show {
    transition: opacity .5s ease
}

.fade-show {
    opacity: 1
}

.fade-hide {
    opacity: 0
}

.para.small.white {
    color: #ffffffbf;
    text-align: center;
    margin-top: 3em;
    font-size: 9px
}

.bg-block {
    max-width: 2000px
}

.button.button-small.bg-white.mt30,.text-grid-item.mt30 {
    margin-top: 30px
}

.container.align-center {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.text-grid-vertical {
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr
}

.text-grid-item {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.button.bg-white {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--tr-p1)
}

.button.button-small {
    padding: 7px 18px;
    font-size: 14px;
    line-height: 22px
}

.section-block-image.curved-bl {
    border-bottom-left-radius: 0
}

.section-block-image {
    object-fit: cover;
    width: 100%;
    height: 100%
}

._7-person-grid._1-row {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.card-wrapper,span.multiselect-native-select {
    position: relative
}

.headshot-wrapper {
    position: relative;
    overflow: hidden;
    clip-path: polygon(100% 76.03%,99.93% 77.11%,99.73% 78.16%,99.43% 79.17%,99.01% 80.14%,98.49% 81.06%,97.88% 81.93%,97.17% 82.74%,96.38% 83.49%,95.52% 84.17%,94.58% 84.78%,93.57% 85.31%,92.51% 85.75%,91.39% 86.1%,90.23% 86.36%,89.02% 86.52%,66.7% 86.57%,64.75% 86.72%,62.86% 87.15%,61.08% 87.85%,59.45% 88.81%,43.61% 100%,26.92% 88.62%,25.31% 87.7%,23.57% 87.03%,21.73% 86.62%,19.82% 86.49%,.1% 86.49%,0 .13%,99.85%0)
}

.headshot {
    position: relative;
    max-width: inherit;
    display: block;
    left: -50px;
    z-index: 3
}

.agent_back {
    height: 80%;
    width: 100%;
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.agent_back,.agent_color {
    background-color: #f04e23
}

.manager_color {
    background-color: #b42126
}

.white_color {
    background-color: #fff
}

.hide_agent_detail,.show_agent_detail {
    display: none;
    transition: display ease .5s
}

.accordion {
    text-align: left;
    flex: none;
    align-self: stretch;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: relative;
    overflow: hidden
}

.accordion-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    font-size: 16px;
    cursor: pointer
}

.plus {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: transform .4s ease;
    transform-origin: center
}

.plus::after,.plus::before {
    content: "";
    position: absolute;
    background: #333;
    transition: all .3s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.plus::before {
    width: 16px;
    height: 2px
}

.plus::after {
    width: 2px;
    height: 16px;
    opacity: 1
}

.plus:not(.minus) {
    transform: rotate(0deg)
}

.plus.minus {
    transform: rotate(180deg)
}

.plus.minus::after {
    opacity: 0;
    transform: translate(-50%,-50%) scale(0)
}

.plus:not(.minus):hover {
    transform: rotate(180deg)
}

.plus.orange::after,.plus.orange::before {
    background: var(--tr-p1)
}

.plus.yellow::after,.plus.yellow::before {
    background: #f0c105
}

.accordion-content,.paragraph.small.name.mt {
    margin-top: 8px
}

.accordion-content {
    display: none
}

.accordion-inner.agent.desktop {
    display: flex
}

.accordion-inner.agent {
    background-color: var(--tr-p3);
    border-radius: 10px;
    margin-top: 0;
    padding: 1em;
    display: flex
}

.paragraph.small.name {
    color: var(--tr-black);
    font-family: Gazpacho,Arial,sans-serif;
    font-weight: 700
}

.paragraph.small {
    margin-bottom: 0
}

.link,.paragraph.small {
    font-size: .875rem;
    line-height: 1.1875rem
}

.link.bm1em {
    margin-bottom: 1em
}

.bg-block {
    background-image: linear-gradient(to bottom,var(--tr-p3),var(--tr-p3));
    border-radius: 30px
}

.dual-grid---text.center.map {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.dual-grid---text.center {
    place-items: center stretch
}

.left-column._100.center {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
    position: relative
}

.left-column._100 {
    height: 100%
}

.map {
    height: 75%;
    margin-top: auto;
    margin-bottom: auto;
    display: block
}

.map_container {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px
}

.map50 {
    width: 50%
}

.map50 .point {
    width: 16px;
    height: 16px
}

.map80 {
    width: 80%
}

.map50 .point::after,.map80 .point {
    width: 20px;
    height: 20px
}

.point,.point::after {
    position: absolute;
    border-radius: 50%
}

.point {
    background: var(--tr-p1);
    transform: translate(-50%,-50%)
}

.point:hover {
    cursor: pointer
}

.map50 .point::after {
    top: -3px;
    left: -3px
}

.map80 .point::after {
    top: -3px;
    left: -3px;
    width: 24px;
    height: 24px
}

.point::after {
    content: "";
    border: 1px solid var(--tr-p1);
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s
}

.point:hover::after {
    opacity: 1
}

.point.selected::after {
    opacity: 1!important
}

.point .label-left {
    padding: 0 12px
}

.point .label-left,.point .label-right {
    font-family: Gazpacho;
    font-weight: 700;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--tr-p1);
    color: #fff;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 14px;
    z-index: 1
}

.point.selected .label-left,.point.selected .label-right,.point:hover .label-left,.point:hover .label-right {
    background-color: #fff;
    color: var(--tr-p1);
    transition: all .2s
}

.point.selected {
    cursor: default
}

.point .label-right {
    left: 100%;
    margin-left: 8px;
    padding: 0 12px 0 20px;
    clip-path: polygon(16px 0,100%0,100% 100%,16px 100%,0 50%)
}

.point .label-left {
    padding-right: 20px;
    right: 100%;
    margin-right: 8px;
    clip-path: polygon(0 0,calc(100% - 16px)0,100% 50%,calc(100% - 16px) 100%,0 100%)
}

.section.bg-white.nmt {
    padding-top: 0
}

.text-white {
    color: var(--white);
    font-weight: 600
}

.fw-image {
    border-radius: 30px;
    margin-top: 0;
    margin-bottom: 50px;
    position: relative
}

.image-12 {
    border-radius: 30px 0 30px 30px
}

.display-heading-2.test {
    color: var(--tr-p1);
    text-transform: none;
    font-family: Gazpacho,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 55px
}

.footer-1 {
    background-color: var(--tr-p2);
    color: var(--white);
    padding-bottom: 48px
}

.footer-1-top {
    background-color: #00000026;
    margin-bottom: 31px;
    padding-top: 24px;
    padding-bottom: 24px
}

.footer-1-top-row {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.footer-2-menus-grid._6-col {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

.footer-2-menus-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.image-11 {
    width: 120px
}

.footer-menu-heading {
    direction: ltr;
    color: var(--tr-p4);
    word-break: normal;
    overflow-wrap: normal;
    margin-bottom: 10px;
    text-decoration: none
}

.menu-grid-vertical {
    grid-column-gap: 0;
    grid-row-gap: 6px;
    grid-template-columns: 1fr
}

.hover-link {
    opacity: 1;
    color: var(--tr-p3);
    transition: opacity .2s
}

.hover-link:hover {
    opacity: 1
}

.hover-link:hover,.icon-horizontal.footer:hover {
    color: var(--tr-p1)
}

.hover-link,.icon-horizontal.footer {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.icon-horizontal.footer {
    color: var(--white);
    background-color: #2c2d3600;
    margin-top: 10px
}

.social-link {
    margin-left: 9px;
    margin-right: 9px
}

.social-link-image {
    max-height: 18px
}

.section-2.hero-top {
    background-image: url(../images/orange_hourglass_shape.svg),linear-gradient(to bottom,var(--tr-p1),var(--tr-p1));
    background-position: 100% 75%,0 0;
    background-repeat: no-repeat,repeat;
    background-size: 60%,auto;
    padding: 20px 40px 100px
}

.hero-grid {
    grid-template-rows: auto;
    place-items: center stretch;
    margin-top: 100px;
    padding-top: 40px
}

.hero-content-wrapper {
    flex-flow: column;
    align-items: center;
    position: static;
    z-index: 3;
    aspect-ratio: auto;
    justify-content: space-between;
    width: 94%;
    padding-left: 0;
    display: flex;
    inset: auto auto 11% 3%
}

.facebook-icon {
    width: 35px;
    margin-right: 15px
}

.dream-home-grid {
    max-width: 1296px;
    margin-left: auto;
    margin-right: auto;
    grid-column-gap: 73px;
    grid-row-gap: 73px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr
}

.dream-home-right .dropdown-buttons {
    justify-content: space-between;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    place-items: center;
}

.dream-home-right {
    display:flex;
    flex-flow: row;
    padding-top: 12px;
    position: relative
}

.dropdown-buttons {
    width: 100%
}


.multiselect-container label.checkbox {
    padding-left: 0
}

span.multiselect-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.transition {
    transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -ms-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    -webkit-transition: all ease-out .5s
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn {
    white-space: nowrap
}

.dropdown-menu>li>a {
    font-weight: 400;
    white-space: nowrap;
    display: block;
    padding: 0 10px;
    clear: both;
    line-height: 1.42857143;
    color: #333
}

.btn,.caret {
    display: inline-block;
    vertical-align: middle
}

.btn {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: var(--tr-p1);
    height: 46px;
    padding: 0 20px;
    border: 2px solid var(--tr-p1);
    border-radius: 10px 10px 10px 0;
    font-family: Visby,"Open Sans",sans-serif;
    min-width: 150px
}

.btn:hover {
    color: #fff;
    background-color: var(--tr-p1)
}

.btn .caret {
    margin-left: 0
}

.caret {
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    list-style-type: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}


.dropdown .dropdown-menu {
    top: inherit !important;
    left: inherit !important;    
}

.multiselect-container {
    background-color: var(--tr-p3);
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0;
    border-radius: 0 0 10px 10px
}

.open>.dropdown-menu {
    display: block
}

.bg-block.mt.mt40 {
    margin-top: 40px
}

.right-col._2 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.sale-type {
    background-color: var(--tr-p1);
    border-radius: 15px 15px 15px 0;
    width: auto;
    height: auto;
    margin-top: 8px;
    margin-bottom: 18px;
    padding: 7px 15px
}

.text-white.nm {
    margin-bottom: 0
}

.large-heading.section-title.left-aligned.small.nm12 {
    color: var(--tr-p2);
    margin-bottom: 12px
}

.large-heading.section-title.left-aligned.small {
    color: var(--tr-p2);
    font-size: 28px;
    line-height: 36px
}

.icon-wrapper {
    margin-top: 30px;
    margin-bottom: 15px;
}

.listing-image {
    width: 40px;
    margin-right: 8px
}

.listing-image._27px {
    width: 27px
}

.listing-image._30px {
    width: 30px
}

.listing-image._43px {
    width: 45px
}

.nmb {
    margin-bottom: 0
}

.white.nmb.strong {
    font-weight: 700
}

.para.house-count {
    color: var(--tr-p2);
    margin-right: 16px;
    font-size: 17px;
    font-weight: 600;
    line-height: 24px
}

.page-numbers-wrapper {
    justify-content: center;
    align-items: flex-end;
    margin-top: 40px;
    display: flex
}

.page-nav-link {
    border: 1.5px solid var(--tr-p1);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-left: 3px;
    margin-right: 3px;
    padding: 14px 14px 12px;
    font-size: 20px;
    line-height: 13px;
    display: flex
}

.page-nav-link.hover-state {
    background-color: var(--tr-p1);
    color: var(--tr-p3)
}

.page-dots {
    color: var(--tr-p1);
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 26px
}

.section-block.no-padding.hero {
    background-color: var(--tr-p3);
    background-image: url(../images/orange_bar.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto;
    justify-content: center;
    align-items: center
}

.section-block.no-padding {
    border-bottom-left-radius: 30px;
    min-height: auto;
    padding: 0
}

.text-grid-vertical.left {
    grid-row-gap: 16px;
    place-items: center start
}

.bg-block.red {
    background-image: url(../images/red_background.svg),linear-gradient(to bottom,var(--tr-bright-red),var(--tr-bright-red));
    background-position: 50% 100%,0 0;
    background-repeat: repeat-x,repeat;
    background-size: 70%,auto;
    padding-top: 20px;
    padding-bottom: 75px
}

.display-heading-2.gazpacho.white {
    color: var(--white)
}

.container-large.wide.align-center.mb-40 {
    margin-bottom: 40px
}

.container-large.wide.align-center {
    position: relative
}

.container-large.wide {
    max-width: 823px
}

.grid-5 {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 20px
}

.large-heading.section-title.left-aligned.text-orange {
    color: var(--tr-p1)
}

.top-of-grid-wrapper {
    background-color: var(--tr-p1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 10px
}

.price-wrapper {
    background-color: #f15e241a;
    border-bottom: 1px solid #fff;
    padding-top: 14px;
    padding-bottom: 7px
}

.price-wrapper.hover {
    background-color: var(--tr-p2);
    position: relative
}

.heading-2.price {
    color: var(--tr-black);
    text-align: center;
    font-family: Visby,Arial,sans-serif;
    font-weight: 600
}

.dual-grid---text.center.locations {
    grid-template-columns: 1fr .75fr
}

.savings {
    position: relative
}

.savings_popup {
    left: -19.05em;          /* -400px ÷ 21px = -19.05em */
    width: 22.86em;          /* 480px ÷ 21px = 22.86em */
    font-size: 21px;
    position: absolute;
    border-radius: 0.57em;   /* 12px ÷ 21px = 0.57em */
    border: solid 0.05em #e0e0e0;  /* 1px ÷ 21px = 0.05em */
    box-shadow: 0.19em 0.19em 0.38em rgba(0,0,0,.1);  /* 4px 4px 8px */
    background-color: #fff;
    padding: 0.48em 1.90em 0.95em 1.19em  /* 10px 40px 20px 25px */
}

.savings_popup::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.95em;          /* -20px ÷ 21px = -0.95em */
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 1.14em solid transparent;     /* 24px ÷ 21px = 1.14em */
    border-bottom: 1.14em solid transparent;  /* 24px ÷ 21px = 1.14em */
    border-left: 1.05em solid #fff           /* 22px ÷ 21px = 1.05em */
}

.savings_popup table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.savings_popup table td {
    vertical-align: top
}

.savings_popup table h4 {
    font-size: 0.67em;
    font-weight: 500;
    color: var(--tr-p2);
    margin: 0
}

.savings_popup table p {
    font-size: 0.52em;
    line-height: 1.1;
    margin-top: 0
}

.savings_popup table tr:nth-child(-n+2) td {
    border-bottom: 0.05em solid #c1c1c1  /* 1px ÷ 21px = 0.05em */
}

.savings_popup table tr td {
    text-align: left;
    font-weight: 500;
    padding: 0.71em 0       /* 15px ÷ 21px = 0.71em */
}

.savings_popup table tr td:first-child {
    color: var(--tr-p2);
    width: 34%
}

.savings_popup table tr:nth-child(1) td {
    padding: 0
}

.savings_popup table tr:nth-child(4) td {
    color: #fff;
    background-color: var(--tr-p1);
    padding-top: 0.48em;     /* 10px ÷ 21px = 0.48em */
    padding-bottom: 0.48em   /* 10px ÷ 21px = 0.48em */
}

.savings_popup table tr:nth-child(4) td:first-child {
    font-size: 0.8em;
    padding-left: 0.48em;    /* 10px ÷ 21px = 0.48em */
    border-radius: 0.48em 0 0 0.48em  /* 10px ÷ 21px = 0.48em */
}

.savings_popup table tr:nth-child(4) td:nth-child(2) {
    border-radius: 0 0.48em 0.48em 0;    /* 10px ÷ 21px = 0.48em */
    padding-left: 0.95em     /* 20px ÷ 21px = 0.95em */
}

.savings_popup table tr td:nth-child(3) {
    color: var(--tr-p1);
    width: 33%;
    padding-left: 0.95em     /* 20px ÷ 21px = 0.95em */
}

.section-grid-halves.bglight.top-left-curve.hero.white {
    background-color: var(--white);
    grid-template-columns: .8fr .5fr;
}

.section-grid-halves.bglight.top-left-curve.hero {
    padding-top: 100px
}

.section-block.right-top-curve.bg-image.hero {
    padding-top: 75px
}

.section-block.right-top-curve.bg-image {
    min-height: auto;
    padding: 50px 25px
}

.section-block.right-top-curve {
    border-top-right-radius: 30px;
    padding-top: 75px;
    padding-bottom: 75px
}

.container.nmw {
    max-width: 1200px
}

.section-title.text-center.hero2 {
    margin-bottom: 28px
}

.heading.orange.left,.section-title.text-center.hero2.left {
    text-align: left
}

.heading-2.orange-text,.hero-heading.orange,label {
    color: var(--tr-p1)
}

.hero-heading {
    color: var(--white);
    font-family: Gazpacho,Arial,sans-serif;
    font-size: 42px;
    line-height: 48px
}

.section-block.right-top-curve.bg-image.hero.nbp {
    padding-bottom: 0
}

.agent-details-wrapper {
    color: var(--white);
    clip-path: inset(-72px 0 0 0 round 0 0 20px 20px);
    border-radius: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 170px;
    margin-top: 80px;
    display: flex;
    position: relative;
    overflow:visible;
}

.agent-details-wrapper,.agent-details-wrapper.agent {
    background-color: var(--tr-p1)
}

.agent-details-wrapper.support {
    background-color: var(--tr-p2)
}

.two-column-text {
    column-count: 2;
    column-gap: 60px
}

.image-24 {
    position: relative;
    height:120%;
    top: -10%;
    left:-3%;
    z-index:5;
}

.image-25 {
    width: 15%;
    position: absolute;
    inset: -1% 8%auto auto
}

.div-block-9 {
    margin-left: 0px;
    padding-top:25px;
    font-size:24px;
}

.agent-block {
    margin-top: 25px;
    color: #fff
}

.agent-block p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.agent-name {
    font-family: Gazpacho,Arial,sans-serif;
    font-weight: 500
}

.agent-title {
    margin-top: 2px;
    font-size: 66%
}

.agent-contact-info {
    margin-top: 13px;
    font-size: 66%;
}

.agent-contact-info.nmt,.heading-2.orange-text.nmb._10mb.nmt {
    margin-top: 0
}

.text-link {
    color: var(--white);
    font-weight: 600
}

.text-link:hover {
    color: var(--tr-p4)
}

.mt40 {
    margin-top: 60px
}

.dual-grid---text.center.smaller-left {
    grid-template-columns: .75fr 1.25fr;
    place-items: start stretch
}

.sticky {
    position: sticky;
    top: 5.625rem
}

.large-heading.section-title.left-aligned.mb20 {
    margin-bottom: 20px
}

.large-heading.section-title.left-aligned {
    color: var(--white);
    text-align: left;
    font-family: Gazpacho,Arial,sans-serif;
    font-size: 41px;
    font-weight: 700
}

.form-block.lightbg {
    background-color: var(--tr-p3);
    border-radius: 20px;
    margin-top: 30px;
    padding: 23px
}

.form-block {
    width: 100%;
    margin-bottom: 0
}

.heading-2.orange-text.nmb._10mb {
    margin-top: 10px;
    margin-bottom: -10px
}

.form-grid-halves {
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    margin-bottom: -5px
}

.text-small.form-input-label {
    color: var(--tr-p2);
    margin-bottom: 4px;
    font-weight: 600
}

p.reaa_text {
    color: var(--tr-black);
    margin-bottom: 0
}

p.reaa_text span {
    color: var(--tr-bright-red);
    font-weight: 700
}

.form-input,.text-small {
    font-weight: 600
}

.text-small {
    color: var(--tr-p1);
    font-size: 14px;
    line-height: 22px
}

.form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 500;
/*    display: inline-block*/
}

label,label.checkbox {
    margin-bottom: 5px;
    display: block
}

label {
    font-weight: 700
}

.form-input {
    border: 1px solid var(--input-border);
    color: var(--tr-p2);
    border-radius: 5px;
    height: 40px;
    margin-bottom: 0;
    padding: 16px 20px;
    font-family: Visby,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    transition: border-color .2s;
    width: 100%
}

.form-grid-thirds {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: -5px
}

.form-grid-thirds.thin-spacing {
    grid-column-gap: 2px;
    grid-row-gap: 2px
}

label.checkbox {
    padding-left: 20px
}

.section-2.hero-top.hero-light.small {
    padding-bottom: 20px
}

.hero-top.no---width {
    padding-left: 0;
    padding-right: 0
}

.hero-content-wrapper._2.left {
    justify-content: center;
    align-items: flex-start
}

.section-2.hero-top.hero-light {
    background-image: url(../images/orange_circle.webp),linear-gradient(to bottom,var(--white),var(--white));
    background-position: 100%0,0 0;
    background-repeat: no-repeat,repeat;
    background-size: 30%,auto
}

.hero-content-wrapper.home {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 2
}

.section-2.home {
    display: block
}

.image-26 {
    z-index: 3;
    position: absolute;
    inset: auto 0 0
}

.list-grid-vertical {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    width: 100%;
    display: grid
}

.horizontal-link {
    align-items: center;
    display: flex
}

.horizontal-link:hover {
    color: var(--tr-p2)
}

.horizontal-link-icon {
    width: 22px;
    margin-right: 9px
}

.button.small {
    padding: 10px 18px;
    font-size: 14px;
    line-height: 18px
}

.button.small.mt30 {
    margin-top: 30px
}

.mt20 {
    margin-top: 20px
}

.container.align-center.vertical-center,.hero-content-wrapper._3 {
    justify-content: center;
    align-items: flex-start
}

.section-2.hero-top.hero-light.small.no-graphic.graphic-2 {
    background-image: url(../images/testimonial_background.svg),linear-gradient(to bottom,var(--white),var(--white)),linear-gradient(to bottom,transparent,transparent);
    background-position: 100%0,0 0,0 0;
    background-size: 25%,auto,auto
}

.section-2.hero-top.hero-light.small.no-graphic.graphic-2.smaller {
    background-position: 108% -4%,0 0,0 0
}

.section-grid-halves.bglight.top-left-curve.red {
    background-color: var(--tr-bright-red);
    position: relative
}

.image-27 {
    height: 100%;
    position: absolute;
    inset: 0-1%0 auto
}

.section-block.right-top-curve.bg-image.red {
    background-image: url(../images/red_bg_shape.svg);
    background-position: 83% 87%;
    background-repeat: no-repeat;
    background-size: 200%
}

.container.align-center.vertical-center {
    flex-flow: column;
    display: flex
}

.main-container.bg-blockout {
    border-radius: 30px;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px
}

.quote-marks {
    width: 50px;
    margin-bottom: 15px
}

.stars {
    width: 150px
}

.gaz-white {
    color: var(--white);
    margin-top: 10px;
    font-family: Gazpacho,Arial,sans-serif;
    font-size: 20px;
    font-weight: 500
}

.text-small.text-muted.white {
    opacity: 100
}

.text-small.text-muted {
    opacity: .72;
    font-size: 13px;
    line-height: 19px
}

.section-2.hero-top.hero-light.small.no-graphic {
    background-image: linear-gradient(to bottom,var(--white),var(--white));
    margin-bottom: 40px
}

.review-grid-thirds {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.boxed.orange {
    border-color: var(--tr-p1);
    background-color: var(--tr-p1);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.hero-img.light.mneg {
    margin-top: -56px
}

.hero-grid.tm20 {
    padding-top: 20px
}

.stars-row.boxed-stars-row {
    margin-bottom: 18px
}

.stars-row {
    display: flex
}

.image-9 {
    margin-top: -3px
}

.bg-block {
    margin-left: auto;
    margin-right: auto
}

.form-input::placeholder {
    color: var(--tr-p2);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.content_text,.text-grid-item {
    font-weight: 600
}

.white,.white p {
    color: #fff
}

.black {
    color: var(--tr-black)
}

.dual-grid---text.mb40 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    margin-bottom: 60px
}

.arrow::after,.link-with-arrow.arrow::after {
    content: "\2192";
    display: inline-block;
    margin-left: .5em
}

.link-with-arrow.arrow::after {
    margin-left: 5px;
    transition: transform .3s ease
}

._7-person-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 5px;
    margin-bottom: 50px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.paragraph.testimonial {
    font-style: italic
}

.section.mb95.nmt {
    padding-top: 0
}

.price-wrapper.hover .price {
    color: var(--white)
}

.price-wrapper.last {
    border-radius: 0 0 20px 20px
}

.section-2.hero-top.lightbg {
    background-image: linear-gradient(to bottom,var(--tr-p3),var(--tr-p3));
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.hero-heading.red {
    color: var(--tr-p2)
}

.image-10.mt {
    margin-top: 30px
}

.card.faq.clear {
    border-style: none none solid;
    border-color: #f5f2eb #f5f2eb var(--tr-p4);
    border-radius: 0;
    padding: 1px
}

.card.faq.clear.nm {
    border-bottom-style: none
}

.card.faq {
    box-shadow: none;
    cursor: pointer;
    margin-bottom: 20px;
    padding: 30px 32px
}

.card {
    background-color: #fff;
    border: 1px solid #e7e9ee;
    border-style: solid;
    border-color: #e7e9ee;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 10px #292c3208
}

.card-faq-content-top {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.card-faq-content-top.top {
    justify-content: space-between;
    align-items: flex-start
}

.card-faq-icon-1,.card-faq-icon-2 {
    background-color: var(--tr-p1);
    width: 16px;
    min-height: 2px;
    position: absolute
}

.card-faq-icon-2 {
    width: 2px;
    min-height: 16px
}

.card-faq-icon-wrapper.top {
    padding-top: 10px
}

.card-faq-icon-wrapper {
    justify-content: center;
    align-items: center;
    width: 16px;
    min-width: 16px;
    min-height: 16px;
    max-height: 16px;
    display: flex;
    position: relative
}

.bg-block.orbg {
    background-image: linear-gradient(to bottom,var(--tr-p1),var(--tr-p1))
}

.section.fullwidth-bg-pattern {
    height: auto;
    padding-top: 0;
    padding-bottom: 0
}

.resources-wrapper {
    margin-bottom: 20px;
    display: flex
}

.mr25 {
    margin-right: 25px
}

.link-with-arrow {
    align-items: center;
    display: flex
}

.link-with-arrow:hover::after {
    transform: translateX(5px)
}

.link-with-arrow.arrow:hover {
    color: var(--tr-p2)
}

.text-white.nm.dark,div.dark p {
    color: var(--tr-black)
}

.auction-image {
    width: 65px;
    margin-bottom: 15px
}

.text-white.dark._2 {
    margin-bottom: 10px
}

.location_list {
    margin-top: 20px;
    padding-left: 40px
}

.grid-6 {
    grid-column-gap: 42px;
    grid-row-gap: 42px
}

.split-content-right-column {
    max-width: none;
    margin-top: 40px
}

.dual-grid---text.center.bottm {
    place-items: center stretch
}

.dual-grid---text {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    place-items: start stretch
}

.heading-2.yellow,.location_detail a {
    color: var(--tr-p4)
}

.image-32 {
    width: 40px;
    margin-right: 15px
}

.benefits-grid {
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 60px
}

.heading-2.small {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 21px
}

.licensee-benefit {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.image-10.is-appraisal-img {
    margin-top: -26px
}

.image-10 {
    margin-top: 0;
    margin-bottom: 0
}

.form-grid-vertical,.rea-grid {
    grid-column-gap: 0;
    grid-row-gap: 18px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.rea-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    margin-top: 0
}

.section-2.hero-top.red-bg {
    background-image: url(../images/hero_pattern.svg),linear-gradient(to bottom,var(--tr-bright-red),var(--tr-bright-red));
    background-position: 100% -20%,0 0;
    background-repeat: no-repeat,repeat;
    background-size: 50% 110%,auto;
    padding-bottom: 80px
}

.hero-top.inner100._2 {
    padding-left: 0
}

.button.button-small.mb15,button.button-small.ml20.mb15 {
    margin-bottom: 15px
}

.button.button-small.ml20 {
    margin-right: 20px
}

.agent-details-wrapper.light {
    border-radius: 20px 20px 20px 0;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    margin-top: 30px;
    padding: 20px
}

.agent-details-wrapper.light,.yellow-tool-tip-wrapper.light {
    background-image: linear-gradient(to bottom,var(--tr-p3),var(--tr-p3))
}

.yellow-tool-tip-wrapper {
    background-image: linear-gradient(to bottom,var(--tr-p4),var(--tr-p4));
    border-radius: 20px 20px 20px 0;
    justify-content: space-between;
    align-items: center;
    width: auto;
    max-width: 500px;
    height: auto;
    padding: 14px 19px;
    display: flex;
    position: absolute;
    inset: auto 1% -6%auto
}

.text-red.nm {
    margin-bottom: 0
}

p.text-red {
    color: var(--tr-p2)
}

.section-block.no-padding.hero.image-bg.agent {
    background-image: url(../images/agent_listing_hero.webp);
    background-position: 0 0;
    background-size:cover;
}

.para.mb10 {
    opacity: .53;
    text-align: left;
    margin-bottom: 10px
}

.hero-top.inner100 {
    padding-top: 150px
}

.hero-top {
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
    position: relative
}

.agent_blurb {
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight:500;
}

.agent_blurb * {
    color: var(--tr-black) !important;
}

.youtube_listing {
    width: 60vw;
    height: 30vw
}

.listing_tabs {
    margin-top: 40px;
    margin-bottom: 40px
}

.tab_button {
    font-size: 16px;
    color: var(--tr-p1);
    border: 2px solid var(--tr-p1);
    margin-top: 0;
    padding: 10px 25px;
    line-height: 22px;
    border-radius: 10px 10px 10px 0;
    text-align: center;
    font-weight: 700;
    box-shadow: inset 0 200px 200px 200px #0000;
    margin-right: 20px;
    display:inline-block;
    margin-bottom:10px;
}

.tab_button.tab_selected,.tab_button:hover {
    background-color: var(--tr-p1);
    color: #fff
}

.listing-content-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid
}

.listing-text {
    font-weight: 600;
    color: var(--tr-black);
    margin-bottom: 24px
}

.listing-openhomes {
    padding: 30px;
    background-color: var(--tr-p3);
    border-radius: 20px 20px 20px 0;
    margin-bottom: 30px;
    margin-top: 30px
}

.listing-openhomes table tr td {
    padding-right: 30px
}

.listing-openhomes table tr td:nth-child(1) {
    font-weight: 600
}

.large-heading.red.mb15 {
    margin-bottom: 15px
}

.large-heading.red {
    color: var(--tr-bright-red)
}

.large-heading {
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 48px
}

.text-note.small.mt30 {
    margin-top: 30px
}

.text-note.small {
    font-size: 13px
}

.text-note {
    font-size: 14px;
    font-style: italic;
    line-height: 20px
}

.specifics-wrapper {
    background-image: linear-gradient(to bottom,var(--tr-p1),var(--tr-p1));
    border-radius: 20px;
    margin-top: 24px;
    padding: 30px 30px 33px
}

.grid-7 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-template-columns: .5fr 1fr
}

.heading-2.white.left {
    text-align: left
}

.section.bg-white.ntm {
    padding-top: 0
}

.section.bg-white {
    padding: 50px 25px
}

.bg-white {
    background-color: var(--white)
}

.bg-block.red.strip-bg {
    background-image: url(../images/white_dip_strip.svg),url(../images/red_background.svg),linear-gradient(to bottom,var(--tr-bright-red),var(--tr-bright-red));
    background-position: 9px -7px,50% 100%,0 0;
    background-repeat: no-repeat,repeat-x,repeat;
    background-size: auto,70%,auto
}

.bg-block.red.strip-bg.orange-bg {
    background-image: url(../images/red_background.svg),linear-gradient(to bottom,var(--tr-p2),var(--tr-p2));
    background-position: 50% 100%,0 0;
    background-repeat: repeat-x,repeat;
    background-size: 70%,auto;
    padding-top: 0
}

.dual-grid---text.center.smaller-left._2 {
    grid-template-columns: 1fr 1.5fr
}

.dual-grid---text.center.smaller-left {
    grid-template-columns: .5fr 1fr;
    place-items: start stretch
}

.dual-grid---text.center {
    place-items: center stretch
}

.form-success,.form_alert {
    color: #fff;
    text-align: center
}

.form-success {
    background-color: #45c955;
    border-radius: 5px;
    padding: 42px 22px;
    font-size: larger;
    font-weight: 600;
    margin-top: 30px;
    line-height: 1.5
}

.form_alert {
    background-color: var(--danger);
    border-radius: 7px;
    margin-top: 12px;
    padding: 10px
}

.form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 15px;
    font-weight: 700;
    color: #333;
    border-radius: 10px
}

.button.button-small.mt {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt50 {
    margin-top: 50px
}

.mt100 {
    margin-top: 100px
}

.location_text {
    margin-bottom: 20px
}

.location_text h2 {
    color: var(--tr-p4);
    font-size: 20px;
    line-height: 24px
}

.boxed {
    border: 2px solid var(--white);
    background-color: var(--white);
    color: var(--tr-p4);
    border-radius: 30px 30px 0 0;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    min-height: 200px;
    padding: 19px;
    display: flex;
    position: relative
}

.boxed.light {
    border-color: var(--tr-p3);
    background-color: var(--tr-p3)
}

.icon-circle.bg-primary-1 {
    border: 3px var(--tr-p1);
    background-color: var(--white);
    flex: none;
    margin-bottom: 10px
}

.icon-circle {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    margin-bottom: 24px;
    display: flex
}

.bg-primary-1 {
    background-color: var(--tr-p1);
    color: var(--white)
}

.grid-thirds {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: start center
}

.grid-thirds.offer {
    place-items: stretch center
}

.heading-4 {
    color: var(--tr-p1);
    font-family: Visby,Arial,sans-serif;
    font-weight: 700
}

.text-block-6 {
    color: var(--tr-black);
    font-weight: 600
}

.section-block.no-padding.hero.image-bg._2 {
    background-size: cover;
    max-height:100vh;
}

.section-block.no-padding.hero.image-bg {
    opacity: 1;
    background-image: url(../images/appraisal_image.webp);
    background-position: 38%0;
    background-repeat: no-repeat;
    background-size: 130%
}

.listing-image-wrapper {
    position: relative;
    container-type: inline-size;
    width: 100%
}

.red-link {
  color: var(--tr-p2);
  text-decoration: underline;
}

:root {
    --sy: 0.3;
    --sx: 1.2;
    --mx: 20cqw
}

.listing-image-wrapper img {
    width: 100%;
    clip-path: polygon(0cqw 0%,0cqw 100%,100cqw 100%,100cqw 0,calc(89.403cqw*var(--sx) - var(--mx)) 0%,calc(88.697cqw*var(--sx) - var(--mx)) calc(.334cqw*var(--sy)),calc(88.029cqw*var(--sx) - var(--mx)) calc(1.31cqw*var(--sy)),calc(87.408cqw*var(--sx) - var(--mx)) calc(2.951cqw*var(--sy)),calc(81.82cqw*var(--sx) - var(--mx)) calc(21.76cqw*var(--sy)),calc(76.232cqw*var(--sx) - var(--mx)) calc(2.951cqw*var(--sy)),calc(75.631cqw*var(--sx) - var(--mx)) calc(1.349cqw*var(--sy)),calc(74.965cqw*var(--sx) - var(--mx)) calc(.354cqw*var(--sy)),calc(74.238cqw*var(--sx) - var(--mx)) 0%);
    border-radius: 20px
}

.accordion-2,.accordion-circle {
    flex: none;
    align-self: stretch;
    position: relative
}

.accordion-2 {
    text-align: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
    overflow: hidden
}

.accordion-circle {
    border: 1px #000;
    border-bottom-style: none;
    border-bottom-color: #000;
    margin-top: 10px;
    z-index: 5;
    opacity: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 5em;
    margin-right: 1em;
    display: flex;
    top: 1px;
    will-change: transform
}

.accordion-2.dropdown .dropdown-list {
    position: static!important;
    display: block;
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .32s linear,opacity .2s linear;
    border: 0;
    padding: 0;
    corner-radius: 0;
    background: inherit
}

.accordion-2.dropdown .accordion-circle,.accordion-circle {
    transition: transform .25s ease;
    transform-origin: 50% 50%
}

.accordion-2.dropdown .dropdown-toggle:focus .accordion-circle,.accordion-2.dropdown .dropdown-toggle:hover .accordion-circle,.accordion-2.dropdown.is-open .accordion-circle {
    transform: rotate(180deg)
}

.accordion-circle.no-line {
    border-bottom-style: none;
    border-bottom-color: #0000;
    justify-content: center;
    align-items: center;
    width: 18px;
    margin-right: .3em;
    padding-left: 0;
    padding-right: 0;
    display: inline-block
}

.accordion-inner.offer {
    background-color: #fff0;
    padding: 10px 0
}

.accordion-inner {
    background-color: #fff;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 3em 2em 2em;
    display: flex
}

.read-more-2 {
    color: #f0c105;
    border: 1px #000;
    border-top: .5px #00000038;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-style: normal;
    font-weight: 600;
    display: inline-block
}

.re-carousel {
    position: relative;
    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap!important;
    align-items: stretch;
    column-gap: 18px;
    width: 100%
    box-sizing: border-box;
    margin-top: 40px
}

.re-banner {
    --notch-w: 20px;
    --notch-h: 12px;
    padding: clamp(2px,1.5vw,15px) clamp(3px,3vw,30px);
    background-color: var(--tr-p2);
    color: #fff;
    font-size: clamp(12px,4vw,24px);
    font-weight: 500;
    position: absolute;
    inset: 10%auto auto 0;
    z-index: 5;
    clip-path: polygon(0 0,calc(100% - var(--notch-w))0,100% var(--notch-h),100% 100%,0 100%)
}

.re-main,.re-thumbs {
    min-width: 0;
    overflow: hidden
}

.re-main {
    flex: 8 1 0;
    width: 100%;
    aspect-ratio: 2/1;
    border-radius: clamp(5px,5cqw,60px);
    border-bottom-left-radius:0;
    background: #eee;
    position: relative
}

.re-thumbs {
    flex: 2 1 0;
    --thumb-gap: 12px
}

.re-main.no-photo {
    aspect-ratio: 2/1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px
}

.re-main.no-photo div {
    font-size: clamp(16px,calc(20px + 3vw),100px)
}

.re-main .re-main-img,.re-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.re-main .re-main-img--fx {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    opacity: 1
}

.re-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: rgba(0,0,0,.45);
    color: #fff;
    font-size: 22px;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    cursor: pointer
}

.re-arrow:hover {
    background: rgba(0,0,0,.6)
}

.re-prev {
    left: 8px
}

.re-next {
    right: 8px
}

.re-thumb {
    min-height: 0;
}

.re-thumb img {
    border-radius: clamp(5px,2cqw,30px);;
    
}

.re-strip {
    display: flex;
    flex-direction: column;
    row-gap: var(--thumb-gap);
    height: 100%
}

.re-strip .re-thumb {
    flex: 0 0 calc((100% - 2*var(--thumb-gap))/3)
}

.agent_profile {
    display: inline-block;
/*    justify-self: center;*/
}

.red-text {
    color: var(--tr-p2)
}

#testimonials {
    overflow-anchor: none
}

li.disabled {
  display: none !important;
}

.section.bg-white.nbm {
    padding-bottom:0;
    
}

.nbm {
    margin-bottom:0;
}

.card-wrapper {
    container-type:size;
    height:300px;
    aspect-ratio: 3/4;
    
}

.headshot-wrapper {
    width:75cqh;
    height:100cqh;
}
.section.base {
  padding-left: 40px;
  padding-right: 40px;
}

.readmore {
    white-space: nowrap;
}

.outer_name {
    margin-top:10px;
}

.main-container.text-center.all-centre.min-width-800 {
  max-width: 900px;
}

.bk_orange {
    color:white;
    font-weight:500;
}

.bk_orange h5 {
    color: var(--tr-p4);
}

.bk_sand h5 {
    color: var(--tr-p2);
}

.bk_white {
    font-weight:500;
}

.bk_white h2 {
    color: var(--tr-p2);    
}

.bk_white h5 {
    color: var(--tr-p1);    
}

.suburb-wrapper {
  margin-top: 50px;
}

.heading-2.orange-text.left {
  text-align: left;
}

.suburb-grid-wrapper1 {
  border-bottom: 1px solid var(--tr-p1);
  grid-template-rows: auto;
  grid-template-columns: 50px 1fr;
  margin-top: 20px;
}

.suburb-grid-wrapper2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 30px;
}

.suburb-grid-wrapper2 a {
    color:var(--tr-p2);
}

.letter-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.image-41 {
  position: relative;
}

.alphabet-letter {
  color: var(--white);
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  font-size: 35px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0%;
}

.dual-grid---text.center {
  place-items: center stretch;
}

.section.bg-white.ntm.is-bottom-padding-0.even {
  background-color: var(--tr-p1);
  padding-bottom: 10px;
  color:white;
}

.section.bg-white.ntm.is-bottom-padding-0.even h5 {
  color:white;
}

.left-column._100.imgbg {
    background-position: 50%;
    background-size: cover;
    border-radius: 20px 20px 20px 0;
}

.hero-img {
    border-radius: 20px 20px 20px 0;
}

.fade-up-element {
    opacity: 0;
    transform: translateY(70px);
}

.fade-up-element.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}