@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* font-family: "Josefin Sans", sans-serif;
font-family: "Montserrat", sans-serif;
font-family: "Bodoni Moda", serif;
font-family: "Lato", sans-serif;
font-family: "Playfair Display", serif;
*/

:root {
    --josefin-sans-font: "Josefin Sans", sans-serif;
    --montserrat-font: "Montserrat", sans-serif;
    --bodoni-moda-font: "Bodoni Moda", serif;
    --lato-font: "Lato", sans-serif;
    --playfair-display-font: "Playfair Display", serif;
    --black-color: #000000;
    --white-color: #ffffff;
    --primary-color: #7298A4;
    --heading-color: #30373E;
    --secondary-color: #141824;
}

/* body,
html {
    overflow-x: hidden!important;
} */

* {
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    font-family: var(--montserrat-font);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-content .si-content-area p {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 20px;
    color: var(--white-color);
}

.main-content .si-content-area img {
    max-width: 100%!important;
}

.main-content .si-content-area p:last-child {
    margin-bottom: 0;
}

.site-content-body h1,
.site-content-body h2,
.site-content-body h3,
.site-content-body h4,
.site-content-body h5,
.site-content-body h6 {
    font-family: var(--bodoni-moda-font);
    margin: 0 0 16px;
    font-weight: 400;
}

.site-content-body h1 {
    font-weight: 400;
    font-size: 86px;
    line-height: 1.52;
}

.site-content-body h1:last-child,
.site-content-body h2:last-child,
.site-content-body h3:last-child,
.site-content-body h4:last-child,
.site-content-body h5:last-child,
.site-content-body h6:last-child {
    margin-bottom: 0;
}

.site-content-body p {
    margin: 0 0 18px;
}

.site-content-body p:last-child {
    margin-bottom: 0;
}

.hide {
    display: none;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.main-content .top-strip {
    display: none;
}

.main-content>.container-fluid {
    padding: 0;
}

.main-content>.container-fluid>.row {
    margin: 0;
}

.main-content>.container-fluid>.row>.si-site-container-fluid {
    padding: 0;
}

.joinus-banner {
    position: relative;
    overflow: hidden;
}

.bg-attachment {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.joinus-banner-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.joinus-banner-overlay {
    width: 100%;
    min-height: 558px;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.joinus-banner-overlay::after {
    content: "";
    width: 100%;
    height: calc(100% + 198px);
    position: absolute;
    top: -20px;
    left: 0;
    background: linear-gradient(180deg, #181D22 30.62%, rgba(24, 29, 34, 0.610741) 61.06%, rgba(24, 29, 34, 0) 100%);
    opacity: 0.7;
}

.joinus-banner-content {
    position: relative;
    z-index: 2;
}

.main-content .si-content-area .joinus-banner-content h1 {
    color: var(--white-color);
    font-weight: 400;
    font-size: 86px;
    line-height: 1.52;
    margin: 0;
}

.si-content-area {
    padding-top: 65px;
}
.new-inner-banner {
    margin-top: 65px;
}
.si-breadcrumb {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 87px;
    left: 0;
    z-index: 33;
}

.si-breadcrumb ul {
    max-width: 1170px;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.si-breadcrumb ul li, 
.si-breadcrumb ul li a, 
.si-breadcrumb ul li span {
    font-family: var(--montserrat-font);
    color: rgba(255,255,255,0.40);
    font-size: 17px;
}

.si-breadcrumb>ul>li.current, 
.si-breadcrumb>ul>li.current>a, 
.si-breadcrumb ul li span:hover,
.si-breadcrumb ul li a:hover,
.si-breadcrumb>ul>li.current>a:hover {
    color: rgba(255,255,255,1);
}

.otog-block {
    background: var(--secondary-color);
    padding: 70px 0 95px;
    position: relative;
    overflow: hidden;
}

.otogn-logo {
    position: absolute;
    top: -20px;
    left: -206px;
    pointer-events: none;
}

.otogs-logo {
    position: absolute;
    right: 0;
    top: 115px;
    pointer-events: none;
}

.otog-block-wrp {
    position: relative;
    z-index: 2;
}

.section-header {
    width: 100%;
    max-width: 1038px;
    margin: 0 auto 0;
    text-align: center;
}

.main-content .si-content-area h2 {
    font-weight: 400;
    font-size: 55px;
    line-height: 1.15;
    margin-top: 0;
    color: var(--white-color);
}

.main-content .si-content-area .section-header h2 {
    margin-bottom: 12px;
}

.main-content .si-content-area .section-header p {
    margin: 0 0 6px;
    line-height: 1.76;
    font-size: 17px;
}

.main-content .si-content-area .section-header p span {
    color: #98CDDE;
}

.section-header .default-btn {
    margin-top: 30px;
}

.main-content .si-content-area .section-header p:last-child {
    margin-bottom: 0;
}

.otog-block-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    padding: 0 0 70px;
    margin-bottom: 62px;
}

.main-content .si-content-area .otog-block-video h2 {
    text-align: center;
    margin: 0 0 20px;
}

.otog-block-video-wrap {
    position: relative;
}

.si-content-area .otog-block-video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 !important;
}

.otog-block-video-wrap-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.play-btn {
    width: 56px;
    height: 56px;
    background: var(--white-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    box-shadow: 0px 34px 44px rgba(48, 55, 62, 0.68);
    z-index: 2;
    transition: all .4s ease-in-out;
    outline: none!important;
}

.play-btn:focus {
    outline: none!important;
}

.si-content-area .play-btn img {
    position: relative;
    left: 3px;
    margin: 0 !important;
}

.play-btn::before {
    content: "";
    position: absolute;
    width: 114px;
    height: 114px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: linear-gradient(93.22deg, rgba(255, 255, 255, 0.50) -3.63%, rgba(255, 255, 255, 0.50) 102.42%);
    border-radius: 50%;
    -webkit-animation: waves 2s ease-in-out infinite;
    animation: waves 2s ease-in-out infinite;
}

.core-value-block {
    position: relative;
    background: var(--secondary-color);
}

.main-content .si-content-area .section-header.core-value-header p {
    font-size: 15px;
    line-height: 1.67;
}

.core-value-cards {
    padding: 60px 0;
}

.core-value-cards-row {
    display: flex;
    flex-wrap: wrap;
    margin: -14px -19px;
}

.core-value-card-col-6 {
    width: 50%;
    padding: 14px 19px;
}

.core-value-card {
    width: 100%;
    height: 358px;
    position: relative;
    overflow: hidden;
}

.si-content-area .core-value-card-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
}

.core-value-card-overlay {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 30px 42px 30px 32px;
    display: flex;
    align-items: center;
    background: rgba(20,24,36,0.80);
}

.core-value-card-content {
    width: 100%;
    overflow: auto;
    max-height: 100%;
}

.si-content-area img.core-value-card-icon {
    margin: 0 0 0 !important;
}

.main-content .si-content-area h3 {
    font-weight: 400;
    font-size: 35px;
    line-height: 1.30;
    color: var(--white-color);
    margin: 0 0 14px;
}

.main-content .si-content-area .core-value-card-content h3 {
    margin: 12px 0 10px;
}

.main-content .si-content-area .core-value-card-content p {
    line-height: 1.27;
    text-align: justify;
}

/* Firefox */
.core-value-card-content {
    scrollbar-width: auto;
    scrollbar-color: var(--primary-color) transparent;
  }

/* Chrome, Edge, and Safari */
.core-value-card-content::-webkit-scrollbar {
    width: 16px;
}

.core-value-card-content::-webkit-scrollbar-track {
    background: transparent;
}

.core-value-card-content::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 10px;
    border: 3px solid transparent;
}

.morecontent span {
    display: none;
}

.morelink {
    display: inline;
    color: #98CDDE;
    font-weight: bold;
    text-decoration: none;
}

.morelink:hover {
    color: #98CDDE;
    text-decoration: underline;
}

.morelink:focus {
    color: #98CDDE;
    text-decoration: none;
}

.core-value-ftr {
    width: 100%;
    max-width: 1062px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.20);
    padding: 0 0 54px;
    position: relative;
    z-index: 222;
}

.main-content .si-content-area .core-value-ftr p {
    font-size: 17px;
    line-height: 1.76;
}

.success-redesign-block {
    position: relative;
    background: var(--secondary-color);
    margin-top: -100px;
    overflow: hidden;
}

.si-content-area .success-redisign-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
}

.success-redesign-overlay {
    position: relative;
    z-index: 2;
    padding: 175px 0 0;
}

.success-redesign-overlay-wrp {
    position: relative;
    z-index: 2;
}

.success-redesign-overlay::before {
    content: "";
    width: 100%;
    height: 485px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(360deg, rgba(20, 24, 36, 0) 15.89%, var(--secondary-color) 102%);
}

.success-redesign-overlay::after {
    content: "";
    width: 100%;
    height: 386px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(360deg, rgba(20, 24, 36, 0) 15.89%, var(--secondary-color) 102%);
    transform: rotate(-180deg);
}

.default-btn {
    min-width: 190px;
    min-height: 55px;
    color: var(--white-color) !important;
    background-color: #7298A4;
    text-transform: uppercase;
    padding: 18px 18px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0;
    font-family: var(--josefin-sans-font);
    overflow: hidden;
    transition: 300ms ease all;
    position: relative;
    text-decoration: none !important;
    outline: none !important;
}

.default-btn::before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 80%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
    transform: skewX(-25deg);
}

.default-btn:hover {
    background: #3e4851;
    color: var(--white-color);
    text-decoration: none;
}

.default-btn:hover::before {
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

@-webkit-keyframes waves {
    0% {
        transform: translate(-50%, -50%) scale(0.2, 0.2);
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        transform: translate(-50%, -50%) scale(0.9, 0.9);
        opacity: 0;
    }
}

@keyframes waves {
    0% {
        transform: translate(-50%, -50%) scale(0.2, 0.2);
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        transform: translate(-50%, -50%) scale(0.9, 0.9);
        opacity: 0;
    }
}

.srn-left-logo {
    position: absolute;
    top: 192px;
    left: -209px;
}

.srn-right-logo {
    position: absolute;
    top: 192px;
    right: -260px;
}

.success-redesign-sub-header {
    display: flex;
    align-items: center;
}

.success-redesign-sub-header-icon {
    flex-shrink: 0;
    width: 80px;
    height: 78px;
    background: #454E58;
    display: flex;
    align-items: center;
    justify-content: center;
}

.si-content-area .success-redesign-sub-header-icon img {
    margin: 0 !important;
}

.success-redesign-sub-header-content {
    padding: 0 0 0 28px;
}

.main-content .si-content-area .success-redesign-sub-header-content h3 {
    margin: 0 0 7px;
}

.success-redesign-list {
    padding: 40px 0 0 10px;
}

.success-redesign-list ul {
    font-size: 15px !important;
    line-height: 1.4 !important;
    display: flex;
    flex-wrap: wrap;
    list-style: none !important;
    padding: 0;
    margin: 0 0 !important;
}

.success-redesign-list ul li {
    width: 50%;
    padding: 0 30px 0px 14px !important;
    position: relative;
    margin-bottom: 14px !important;
    color: var(--white-color);
}

.success-redesign-list ul li strong {
    font-weight: bold;
}

.success-redesign-list ul li::before {
    display: none!important;
}

.success-redesign-list ul li::after {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: 9px;
    left: 0;
    background: var(--white-color);
    border-radius: 50%;
}

.success-redesign-content {
    width: 100%;
    max-width: 1038px;
    margin: 0 auto 50px;
    padding: 0 0 90px 88px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.success-redesign-content-ftr {
    text-align: center;
    padding: 0 0 86px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.building-screen {
    position: relative;
    background: var(--secondary-color);
    padding: 78px 0 135px;
    overflow: hidden;
}

.main-content .si-content-area .section-header.building-screen-header h2 {
    margin-bottom: 30px;
}

.main-content .si-content-area .section-header.building-screen-header p {
    font-size: 15px;
    line-height: 1.4;
}

.building-screen-card {
    padding: 75px 0 0;
}

.building-screen-card-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -53px;
}

.building-screen-card-column-6 {
    width: 50%;
    padding: 0 53px;
}

.building-screen-content .success-redesign-list {
    padding: 0;
}

.building-screen-content .success-redesign-list ul li {
    width: 100%;
}

.main-content .si-content-area .building-screen-content h3 {
    font-size: 55px;
    line-height: 1.15;
    margin-bottom: 18px;
    margin-top: 42px;
}

.building-screen-card-media {
    position: relative;
}

.building-screen-card-media::before {
    content: "";
    position: absolute;
    top: -22px;
    right: -22px;
    width: 174px;
    height: 151px;
    background: rgba(88,97,121,0.49);
}

.building-screen-card-media::after {
    content: "";
    position: absolute;
    bottom: -29px;
    left: -25px;
    width: 270px;
    height: 197px;
    background: rgba(88,97,121,0.49);
}

.building-screen-image {
    width: 100%;
    position: relative;
    z-index: 2;
}

.nj-future {
    position: relative;
    overflow: hidden;
}

.nj-future-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.nj-future-overlay {
    position: relative;
    z-index: 2;
    padding: 86px 0 120px;
}

.nj-future-overlay::after {
    content: "";
    width: 100%;
    height: calc(100% + 407px);
    position: absolute;
    top: -24px;
    left: 0;
    background: #151925;
    opacity: 0.81;
}

.nj-future-overlay-wrp {
    position: relative;
    z-index: 2;
}

.nj-future-header {
    width: 100%;
    max-width: 1058px;
    text-align: center;
    padding: 0 0 46px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    margin: 0 auto 46px;
}

.nj-future-header h2 {
    text-align: center;
}

.nj-future-header .default-btn {
    margin-top: 15px;
}

.nj-future-inner-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -45px;
}

.nj-future-inner-column-6 {
    width: 50%;
    padding: 0 45px;
}

.nj-accoudion-item {
    border: 1px solid var(--white-color);
    margin-bottom: 18px;
}

.nj-accoudion-item:last-child {
    margin-bottom: 0;
}

.nj-accoudion-button {
    position: relative;
    cursor: pointer;
    padding: 26px 52px 26px 104px;
}

.main-content .si-content-area .nj-accoudion-button h3 {
    text-transform: capitalize;
    margin: 0;
}

.si-content-area img.nj-accoudion-icon  {
    position: absolute;
    top: 26px;
    left: 25px;
    margin: 0!important;
}

.nj-accoudion-content {
    padding: 0 18px 20px 25px;
    display: none;
}

.nj-accoudion-button-arrow {
    position: absolute;
    top: 42px;
    right: 20px;
    width: 17px;
    height: 17px;
    background: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/accordion-plus.svg) center center no-repeat transparent;
    background-size: 100% 100%;
}

.nj-accoudion-button.open .nj-accoudion-button-arrow {
    background: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/accordion-minus.svg) center center no-repeat transparent;
    background-size: 100% 100%;
}

.nj-future-inner {
    padding: 16px 0 0 0;
}

.nj-future-medias {
    padding: 14px 0 0 0;
}

.nj-future-medias-wrp {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.nj-future-top {
    width: 291px;
    height: 232px;
    position: relative;
    margin-bottom: 63px;
}

.nj-future-top img,
.nj-future-top-btm img,
.nj-future-rgt img {
    width: 100%;
    height: 100%!important;
    object-fit: cover;
    position: relative;
    z-index: 2;
    margin: 0!important;
}

.nj-future-top::after {
    content: "";
    position: absolute;
    bottom: -32px;
    left: -36px;
    width: 196px;
    height: 175px;
    background: #293148;
}

.nj-future-top-btm {
    width: 211px;
    height: 264px;
}

.nj-future-rgt {
    width: 278px;
    height: 294px;
    position: relative;
    right: 44px;
    z-index: -1;
}

.nj-future-rgt::after {
    content: "";
    position: absolute;
    top: -36px;
    right: -27px;
    width: 196px;
    height: 179px;
    background: #293148;
}

.nj-future-medias-wrp-right {
    margin-top: 169px;
}

.status-quo {
    background: var(--secondary-color);
    padding: 80px 0 92px;
    overflow: hidden;
}

.status-quo-inner-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -45px;
}

.status-quo-inner-row-reverse {
    flex-direction: row-reverse;
}

.status-quo-inner-column-6 {
    width: 50%;
    padding: 0 45px;
}

.status-quo-inner {
    padding: 38px 0 0;
}

.main-content .si-content-area .status-quo-inner-content .status-quo-inner-content-wrp p {
    margin-bottom: 8px;
}

.main-content .si-content-area .status-quo-inner-content .status-quo-inner-content-wrp p:last-child,
.main-content .si-content-area .status-quo-inner-content p:last-child {
    margin-bottom: 0;
}

.status-quo-inner-media {
    width: calc(100% + 122px);
    position: relative;
}

.status-quo-inner-media img {
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0!important;
}

.status-quo-inner-media::after {
    content: "";
    width: 100vw;
    height: calc(100% - 155px);
    position: absolute;
    bottom: 55px;
    right: -100vw;
    background: var(--primary-color);
}

.lets-together {
    position: relative;
    color: var(--heading-color);
    padding: 70px 0 80px;
}

.main-content .si-content-area .lets-together .section-header h2 {
    color: var(--heading-color);
    margin-bottom: 10px;
}

.main-content .si-content-area .lets-together .section-header p {
    color: var(--heading-color);
}

.lets-together-count-slider-slide {
    padding: 0 50px;
}

.lets-together-count-slider-card {
    text-align: center;
}

.main-content .si-content-area .lets-together-count-slider-card h3 {
    font-weight: 700;
    font-size: 45px;
    line-height: 1;
    color: var(--primary-color);
    margin: 0 0 4px;
    font-family: var(--josefin-sans-font);
}

.main-content .si-content-area .lets-together-count-slider-card p {
    font-size: 20px;
    line-height: 1.3;
    color: var(--heading-color);
}

.lets-together-count {
    padding: 58px 0 0;
}

.full-width-content {
    background: var(--secondary-color);
    position: relative;
    overflow: hidden;
    padding: 95px 0;
    text-align: center;
}

.fl-logo-left {
    position: absolute;
    top: -20px;
    left: -184px;
}

.fl-logo-right {
    position: absolute;
    bottom: -22px;
    right: -296px;
}

.main-content .si-content-area .full-width-content-inner h2 {
    margin-bottom: 24px;
}

.main-content .si-content-area .full-width-content-inner h3 {
    color: var(--primary-color);
    font-size: 30px;
    font-weight: bold;
}

.main-content .si-content-area .full-width-content-inner h3 span {
    font-weight: 400;
}

.main-content .si-content-area .full-width-content-inner p span {
    font-weight: 600;
}

.team-build {
    padding: 120px 0;
    position: relative;
}

.team-build-logo {
    position: absolute;
    top: 50%;
    left: -230px;
    z-index: -1;
    pointer-events: none;
    transform: translate(0, -50%);
}

.team-build-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px;
    flex-direction: row-reverse;
}

.team-build-column-6 {
    width: 50%;
    padding: 0 15px;
}

.team-build-media {
    width: 100%;
    max-width: 496px;
    margin: 0 0 0 auto;
}

.team-build-media img {
    width: 100%;
    margin: 0!important;
}

.team-build-content {
    width: 100%;
    max-width: 563px;
}

.main-content .si-content-area .team-build-content h2 {
    color: var(--heading-color);
    margin-bottom: 30px;
}

.main-content .si-content-area .team-build-content h2:last-child {
    margin-bottom: 0;
}

.fullwidth-bg {
    position: relative;
}

.full-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.fullwidth-bg-overlay {
    width: 100%;
    position: relative;
    padding: 86px 0;
    background: rgba(21,25,37,0.81);
    text-align: center;
}

.fullwidth-bg-inner {
    width: 100%;
    max-width: 1115px;
    margin: 0 auto;
}

.fullwidth-bg-inner-top {
    width: 100%;
    max-width: 763px;
    margin: 0 auto 58px;
}

.fullwidth-bg-inner-top-box {
    width: 100%;
    background: var(--secondary-color);
    border: 18px solid var(--primary-color);
    padding: 22px 24px;
    position: relative;
    transition: all .4s ease-in-out;
}

.ebook-link {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.fullwidth-bg-inner-top-box-content {
    border: 1px solid var(--primary-color);
    padding: 82px 18px 15px;
    transition: all .4s ease-in-out;
}

.fullwidth-bg-inner-top-box:hover,
.fullwidth-bg-inner-top-box:hover .fullwidth-bg-inner-top-box-content {
    border-color: var(--white-color);
}

.main-content .si-content-area .fullwidth-bg-inner-top-box-content h2 {
    line-height: 1.36;
    margin: 0 0 70px;
}

.main-content .si-content-area .fullwidth-bg-inner-top-box-content h2 span {
    color: var(--primary-color);
}

.main-content .si-content-area .fullwidth-bg-inner-top-box-content p {
    text-transform: uppercase;
    font-size: 20px;
    font-family: var(--lato-font);
}

.main-content .si-content-area .fullwidth-bg-inner-btm p {
    font-size: 35px;
    line-height: 1.23;
    font-family: var(--josefin-sans-font);
}

.njlre-advantage {
    position: relative;
    padding: 98px 0 0;
}

.main-content .si-content-area .njlre-advantage h2,
.main-content .si-content-area .njlre-advantage p {
    color: var(--heading-color);
}

.njlre-advantage-wrap-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -25px;
}

.njlre-advantage-wrap-column-6 {
    width: 50%;
    padding: 0 25px;
}

.main-content .si-content-area .nj-accoudion-button .nj-accoudion-button-subtitle {
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 7px;
    font-family: var(--josefin-sans-font);
}

.main-content .si-content-area .njlre-advantage-content .nj-accoudion-button h3 {
    color: var(--black-color);
    font-size: 30px;
}

.njlre-advantage-media img {
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0!important;
}

.njlre-advantage-content .nj-accoudion-item {
    border: none;
    border-bottom: 1px solid rgba(69,78,88,0.50);
}

.njlre-advantage-content .nj-accoudion-content {
    padding: 0 0 20px;
}

.njlre-advantage-content .nj-accoudion-button {
    padding: 18px 0;
}

.njlre-advantage-wrap {
    padding: 8px 0 92px;
}

.nj-accoudion-button-inner {
    position: relative;
    padding-right: 30px;
}

.njlre-advantage-content .nj-accoudion-button-arrow {
    width: 16px;
    height: 18px;
    background: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/black-plus.svg) center center no-repeat transparent;
    background-size: 100% 100%;
    top: 14px;
    right: 0;
}

.njlre-advantage-content .nj-accoudion-button.open .nj-accoudion-button-arrow {
    width: 16px;
    height: 18px;
    background: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/black-minus.svg) center center no-repeat transparent;
    background-size: 100% 100%;
}

.njlre-advantage-media {
    width: calc(100% + 245px);
    margin-left: -245px;
    position: relative;
}

.njlre-advantage-media::after {
    content: "";
    width: 100vw;
    height: calc(100% + 100px);
    background: var(--primary-color);
    position: absolute;
    top: 50%;
    left: calc(-100vw + 102px);
    transform: translate(0, -50%);
}

.njlre-advantage-content-ftr {
    padding: 20px 0 0;
}

.main-content .si-content-area .njlre-advantage-content-ftr p {
    margin-bottom: 16px;
    color: var(--black-color);
}

.line {
    width: 100%;
    max-width: 1038px;
    margin: 0 auto;
    height: 1px;
    background: rgba(69,78,88,0.40);
}

.flip-script {
    padding: 100px 0 164px;
    overflow: hidden;
}

.main-content .si-content-area .flip-script-content h2,
.main-content .si-content-area .flip-script-content p {
    color: var(--heading-color);
}

.main-content .si-content-area .flip-script-content h3 {
    color: var(--black-color);
    font-size: 30px;
    line-height: 1.2;
    margin: 25px 0 10px;
    text-transform: capitalize;
}

.main-content .si-content-area .flip-script-content p {
    margin-bottom: 15px;
}

.main-content .si-content-area .flip-script-content p:last-child {
    margin-bottom: 0;
}

.main-content .si-content-area .flip-script-content p span {
    color: var(--primary-color);
    font-family: var(--josefin-sans-font);
    font-weight: bold;
}

.flip-script-content ul {
    padding: 4px 0 16px !important;
    margin: 0 !important;
    list-style: none !important;
}

.flip-script-content ul li {
    padding: 0 0 0px 14px !important;
    position: relative;
    color: var(--heading-color);
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 8px 0 !important;
}

.flip-script-content ul li:last-child {
    margin-bottom: 0!important;
}

.flip-script-content ul li::before {
    display: none!important;
}

.flip-script-content ul li::after {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: 9px;
    left: 0;
    background: var(--heading-color);
    border-radius: 50%;
}

.flip-script-content .default-btn {
    margin-top: 20px;
}

.flip-script-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin: 0 -25px;
}

.flip-script-column-6 {
    width: 50%;
    padding: 0 25px;
}

.flip-script-media {
    width: 100%;
    max-width: 592px;
    position: relative;
    margin-left: auto;
}

.flip-script-media img {
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0!important;
}

.flip-script-media::before {
    content: "";
    width: 100vw; 
    height: calc(100% - 223px);
    background: var(--primary-color);
    position: absolute;
    bottom: 61px;
    right: -100vw;
}

.main-content .si-content-area .flip-script-content .flip-script-content-dark p {
    color: var(--black-color);
}

.full-bg-image {
    overflow: hidden;
    position: relative;
}

.si-content-area .full-bg-image-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0!important;
}

.full-bg-image-logo {
    position: absolute;
    bottom: 0;
    right: -294px;
}

.full-bg-image-overlay {
    position: relative;
    padding: 80px 0;
}

.full-bg-image-content.success-redesign-list {
    padding: 0;
}

.full-bg-image-content.success-redesign-list ul {
    padding-top: 14px!important;
}

.cta {
    position: relative;
}

.cta-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.si-content-area img.cta-bg {
    margin: 0!important;
    height: 100%;
} 

.cta-bg-overlay {
    position: relative;
    padding: 100px 0;
    background: rgba(21,25,37,0.86);
}

.cta-contact-form .si-form {
    max-width: unset;
    margin: 0 0 0; 
}

.main-content .si-content-area .cta h2 {
    margin-bottom: 20px;
}

.cta-contact-form {
    padding: 16px 0 0;
}

.main-content {
    padding: 0 0 0;
}

.clearfix:not(.more-menu-overlay-wrap.clearfix) {
    display: none;
}

.clearfix + .container {
    display: none;
}

footer:not(.no-logo):after, footer:not(.no-logo):before {
    display: none!important;
}

.full-width-content-inner {
    position: relative;
}

/* cta contact form end */
#contact_form_holder label {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.56;
    letter-spacing: 0.1em;
    color: var(--white-color);
    text-transform: uppercase;
    font-family: var(--josefin-sans-font);
    margin-bottom: 12px;
}

#contact_form_holder label span.req {
    color: var(--white-color);
}

#contact_form_holder .si-row {
    margin: 0 -26px;
}

#contact_form_holder .si-form__column,
#contact_form_holder .si-form__full {
    padding: 0 26px;
}

#contact_form_holder .si-form .form-control {
    background: rgba(217,217,217,0.12);
    height: 64px;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 16px;
    border-bottom: 5px solid var(--primary-color);
    color: var(--white-color);
    font-family: var(--josefin-sans-font);
    padding: 8px 14px;
    outline: none !important;
    resize: none;
}

#contact_form_holder .si-form .form-control::placeholder {
    color: rgba(255,255,255,0.40);
}

#contact_form_holder .form-group {
    margin-bottom: 25px;
}

#contact_form_holder .si-form .has-error .form-control:focus,
#contact_form_holder .si-form .has-error .form-control {
    box-shadow: unset;
    border-color: #a94442;
}

#contact_form_holder [type="submit"] {
    min-width: 190px;
    min-height: 55px;
    color: var(--white-color);
    background-color: #88abb8;
    text-transform: uppercase;
    padding: 18px 18px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0;
    font-family: var(--josefin-sans-font);
    overflow: hidden;
    transition: 300ms ease all;
    position: relative;
    text-decoration: none;
    border: none;
}

#contact_form_holder [type="submit"]::before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 80%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
    transform: skewX(-25deg);
}

#contact_form_holder [type="submit"]:hover {
    background: #3e4851;
    color: var(--white-color);
    text-decoration: none;
}

#contact_form_holder [type="submit"]:hover::before {
    animation: shine .75s;
}

#contact_form_holder .si-captcha-disclaimer {
    color: var(--white-color);
    font-size: 15px !important;
    font-family: var(--montserrat-font) !important;
    line-height: 1.4;
}

.si-captcha-disclaimer+.si-captcha-disclaimer {
    margin-top: 0;
}

#contact_form_holder .si-captcha-disclaimer a {
    color: var(--primary-color) !important;
    text-decoration: none !important;
    border: none;
}

#contact_form_holder .si-captcha-disclaimer a:hover {
    text-decoration: underline !important;
}
/* cta contact form end */

.more-menu-overlay .col-info .col-info__cta h2 {
    font-family: var(--montserrat-font);
}

.section-header.core-value-header {
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    padding-top: 54px;
}

.lets-together-cta {
    margin-top: 60px;
    text-align: center;
}

.cta-bg-overlay {
    padding: 70px 0 150px;
    text-align: center;
}

.cta-bg-overlay .default-btn {
    margin-top: 15px;
}

/* new development page start */
.main-content .si-content-area .new-dev-welcome-block .section-header p {
    font-size: 15px;
}

.new-dev-welcome-block .otog-block-video-wrap-overlay::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(20, 24, 36, 0.7);
    opacity: 0.71;
    pointer-events: none;
}

.image-accordion {
    background: var(--secondary-color);
    position: relative;
    overflow: hidden;
    padding: 0 0 86px;
}

.image-accordion-wrap {
    padding: 55px 0 0;
}

.image-accordion-wrap-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -34px;
}

.row-reverse {
    flex-direction: row-reverse;
}

.image-accordion-media-col,
.image-accordion-col {
    padding: 0 34px;
}

.image-accordion-media-col {
    width: 44%;
}

.image-accordion-col {
    width: 56%;
}

.image-accordion-media {
    width: calc(100% + 133px);
    position: relative;
    margin-left: -133px;
}

.row-reverse .image-accordion-media {
    margin: 0;
}

.image-accordion-media img {
    width: 100%;
    margin: 0!important;
}

.image-accordion-media::before {
    content: "";
    width: 100vw;
    height: calc(100% - 197px);
    background: var(--primary-color);
    position: absolute;
    left: -100vw;
    bottom: 36px;
}

.row-reverse .image-accordion-media::before {
    top: 50%;
    transform: translate(0,-50%);
    right: -100vw;
    left: unset;
    bottom: unset;
}

.image-accordion-button {
    margin-top: 60px;
    text-align: center;
}

.main-content .si-content-area .image-accordion .nj-accoudion-button h3 {
    font-size: 25px;
    text-transform: unset;
}

.si-content-area .image-accordion img.nj-accoudion-icon {
    top: 50%;
    transform: translate(0, -50%);
}

.nj-accoudion-content ul {
    font-size: 15px !important;
    line-height: 1.4 !important;
    list-style: none !important;
    padding: 0;
    margin: 0 0 !important;
}

.nj-accoudion-content ul li {
    padding: 0 38px 0px 14px !important;
    position: relative;
    margin-bottom: 14px !important;
    color: var(--white-color);
    text-align: justify;
}

.nj-accoudion-content ul li::before {
    display: none!important;
}

.nj-accoudion-content ul li::after {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: 9px;
    left: 0;
    background: var(--white-color);
    border-radius: 50%;
}

.image-accordion-inner {
    position: relative;
    z-index: 2;
}

.image-accordion-bg {
    width: 100%;
    height: calc(100% - 44px);
    position: absolute;
    top: 44px;
    left: 0;
    object-fit: cover;
    object-position: top;
    margin: 0!important;
}

.image-accordion.dev-for-developers::before {
    content: "";
    width: 100%;
    height: 291px;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(360deg, rgba(20, 24, 36, 0) 15.89%, #141824 102%);
    z-index: 1;
}

.image-accordion.dev-for-developers::after {
    content: "";
    width: 100%;
    height: 484px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(360deg, rgba(20, 24, 36, 0) 15.89%, #141824 102%);
    transform: rotate(-180deg);
    z-index: 1;
}

.image-accordion.dev-for-developers {
    padding-bottom: 100px;
}

.testimonial-block {
    position: relative;
    padding: 82px 0;
    overflow: hidden;
}

.testimonial-right-logo {
    position: absolute;
    top: -16px;
    right: -103px;
}

.testimonial-right-logo img {
    width: 100%;
    margin: 0!important;
}

.main-content .si-content-area .testimonial-block .section-header h2 {
    color: var(--heading-color);
}

.main-content .si-content-area .testimonial-block .section-header p {
    color: var(--heading-color);
    font-size: 15px;
    margin-bottom: 16px;
}

.main-content .si-content-area .testimonial-block .section-header p span {
    text-transform: uppercase;
    font-family: var(--josefin-sans-font);
    font-weight: bold;
    color: var(--primary-color);
}

.testimonial-block-btn {
    text-align: center;
    margin-top: 66px;
}

.main-content .si-content-area .testimonial-block-slider-item-inner-wrap p {
    color: var(--black-color);
    font-size: 25px;
    line-height: 1.44;
    position: relative;
    padding-left: 62px;
}

.testimonial-block-slider-item-inner-wrap .quoteleft {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute;
    top: -13px;
    left: 0;
}

.testimonial-block-slider-item-inner-wrap .quoteright {
    vertical-align: text-top;
    margin-top: 10px;
    margin-left: 16px;
    display: inline-block;
    margin-bottom: 0!important;
}

.testimonial-block-slider-item-inner-wrap {
    text-align: center;
    background: rgba(156,191,203,0.24);
    padding: 64px 77px 38px 63px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-block-slider-item-inner {
    border: 1px solid #30373E;
    padding: 16px 14px 18px 15px;
    margin-top: -18px;
    height: 100%;
}

.testimonial-block-slider-item {
    border: 1px solid #7298A4;
    padding: 0 16px 15px 20px;
    height: auto;
}

.testimonial-block-slider-js .slick-list {
    padding: 18px 0 3px 0;
}

.testimonial-block-slider-js .slick-track {
    display: flex;
}

.testimonial-block-slider-js {
    width: 100%;
    max-width: 1004px;
    padding: 0 48px;
    margin: 0 auto;
}

.testimonial-block-slider {
    padding: 12px 0 0;
}

.testimonial-block-slider-js .slick-arrow {
    width: 22px;
    height: 40px;
    font-size: 0;
    top: 50%;
    margin: 0;
    transform: translate(0, -50%);
    position: absolute;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.testimonial-block-slider-js .slick-arrow::before {
    display: none;
}

.testimonial-block-slider-js .slick-prev {
    background: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/prev-icon.svg) center center no-repeat transparent;
    background-size: 100%;
    left: 0;
}

.testimonial-block-slider-js .slick-next {
    background: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/next-icon.svg) center center no-repeat transparent;
    background-size: 100%;
    right: 0;
}

.testimonial-block-slider-js .slick-arrow:hover {
    opacity: 0.6;
}

.project-protfolio {
    position: relative;
    overflow: hidden;
}

.project-protfolio-overlay {
    position: relative;
    background: rgba(21,25,37,0.91);
    padding: 100px 0;
}

.project-protfolio-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px;
}

.project-protfolio-left-column {
    width: 50%;
    padding: 0 15px;
}

.project-protfolio-right-column {
    width: 50%;
    padding: 0 15px;
}

.project-protfolio-content {
    width: 100%;
    max-width: 519px;
}

.project-protfolio-right-box {
    width: 100%;
    max-width: 556px;
    margin: 0 0 0 auto;
    position: relative;
    display: inline-flex;
}

.project-protfolio-s-img {
    margin-left: auto;
    position: relative;
    width: 63%;
    margin-top: 18.5%;
    z-index: 1;
}

.project-protfolio-f-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    z-index: 2;
    padding: 0 0 5% 6%;
}

.project-protfolio-f-img img,
.project-protfolio-s-img img {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0!important;
}

.project-protfolio-f-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(88, 97, 121, 0.49);
    width: 60%;
    height: 65.3%;
}

.project-protfolio-s-img::before {
    content: "";
    position: absolute;
    background: rgba(88, 97, 121, 0.49);
    height: 44.7%;
    width: 52.1%;
    top: -9%;
    right: -9.6%;
}

.project-protfolio-content ul {
    font-size: 15px !important;
    line-height: 1.4 !important;
    list-style: none !important;
    padding: 0;
    margin: 0 0 !important;
}

.project-protfolio-content ul li {
    padding: 0 38px 0px 14px !important;
    position: relative;
    margin-bottom: 14px !important;
    color: var(--white-color);
}

.project-protfolio-content ul li::before {
    display: none!important;
}

.project-protfolio-content ul li::after {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: 9px;
    left: 0;
    background: var(--white-color);
    border-radius: 50%;
}

.white-cta-block {
    position: relative;
    padding: 100px 0;
}

.white-cta-block-inner {
    width: 100%;
    max-width: 1037px;
    margin: 0 auto;
    text-align: center;
}

.white-cta-n-logo {
    position: absolute;
    bottom: -14px;
    left: -98px;
}

.white-cta-n-logo img {
    margin: 0!important;
}

.main-content .si-content-area .white-cta-block-inner h2 {
    color: var(--heading-color);
}

.main-content .si-content-area .white-cta-block-inner p {
    color: var(--heading-color);
}

.main-content .si-content-area .white-cta-block-inner p span {
    color: var(--primary-color);
}

.cta-with-contactform .cta-bg-overlay {
    text-align: left;
    padding: 100px 0;
}

.si-breadcrumb ul li:last-child, 
.si-breadcrumb ul li:last-child a, 
.si-breadcrumb ul li:last-child span {
    color: rgba(255, 255, 255, 1);
}

.image-accordion .nj-accoudion-button-arrow {
    top: 33px;
}

/* new development page end */

.inner-banner .joinus-banner-content p {
    font-size: 17px;
} 
.main-content .si-content-area .joinus-banner-content h1.xs-line-height {
    line-height: 1.093;
    margin: 0 0 8px;
}

.main-content .si-content-area .joinus-banner-content h1.xs-line-height:last-child {
    margin-bottom: 0;
}

.njlre-approach-video {
    padding: 72px 0 82px;
    background: var(--secondary-color);
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.bot-subcontent {
    width: 100%;
    max-width: 523px;
    text-align: center;
    margin: 0 auto 0;
}

.main-content .si-content-area .njlre-approach-video .otog-block-video h2 {
    /* font-family: var(--playfair-display-font); */
    margin: 0 0 16px;
}

.main-content .si-content-area .bot-subcontent p {
    font-size: 17px;
    color: #B2BDC8;
}

.njlre-approach-video .otog-block-video-wrap {
    margin-top: 40px;
}

.vid-nas {
    position: relative;
}

.nas-logo {
    position: absolute;
    top: -112px;
    left: -230px;
}

.nas-logo img,
.ns-logo img {
    max-width: 100%;
    margin: 0!important;
}

.ns-logo {
    position: absolute;
    top: -12px;
    right: -192px;
}

.bwn-card {
    background: var(--secondary-color);
    padding: 0 0 54px;
    z-index: 11;
    position: relative;
}

.core-value-card-subtitle {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0 6px;
    color: var(--white-color);
    font-family: var(--bodoni-moda-font);
}

.tkl_bt {
    color: #98CDDE;
    text-transform: uppercase;
    display: inline-flex;
    font-family: var(--josefin-sans-font);
    text-decoration: none;
    font-weight: 700;
    transition: all .4s ease-in-out;
}

.tkl_bt:hover {
    color: var(--white-color);
    text-decoration: none;
}

.bwn-card .core-value-card-overlay {
    background: rgba(20,24,36,0.70);
}

.bwn-card .core-value-card-col-6:nth-child(3) .core-value-card-overlay {
    background: rgba(50,57,78,0.51);
}

.half-and-half {
    background: var(--secondary-color);
    padding: 84px 0;
    position: relative;
}

.half-and-half-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -42px;
    position: relative;
    z-index: 2;
}

.half-and-half-row.reverse {
    flex-direction: row-reverse;
}

.half-col-6 {
    width: 50%;
    padding: 0 42px;
}

.half-media img {
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0!important;
}

.half-media {
    width: 100%;
    max-width: 515px;
    position: relative;
}

.oc-oval .half-media {
    margin: 0 0 0 auto;
}

.oc-oval .half-media::before {
    content: "";
    width: 100vw;
    height: calc(100% - 170px);
    background: var(--primary-color);
    position: absolute;
    right: -100vw;
    top: 50%;
    transform: translate(0,-50%);
}

.half-ovl {
    overflow: hidden;
}

.half-content {
    width: 100%;
    max-width: 518px;
}

.btm-sqr {
    width: calc(100% - 245px);
    height: calc(100% - 317px);
    bottom: -29px;
    left: -25px;
    background: rgba(88,97,121,0.49);
    position: absolute;
}

.top-sqr {
    width: calc(100% - 341px);
    height: calc(100% - 399px);
    top: -22px;
    right: -23px;
    background: rgba(88, 97, 121, 0.49);
    position: absolute;
}

.main-content .si-content-area .half-content p {
    line-height: 1.7;
}

.sep-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.top-layer {
    width: 100%;
    height: 485px;
    background: linear-gradient(360deg, rgba(20, 24, 36, 0) 15.89%, #141824 102%);
    position: absolute;
    top: -131px;
    left: 0;
    z-index: 1;
}

.nsl-logo {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translate(0,-50%);
}

.nsl-logo img,
.nsl-logo-rgt img {
    width: 100%!important;
    margin: 0!important;
}

.nsl-logo-rgt {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    transform: translate(0,-50%);
}

.half-btn .default-btn {
    min-width: 269px;
}

.half-btn {
    margin-top: 35px;
}

.on-oval .half-media::before {
    display: none;
}

.ts-logo {
    position: absolute;
    top: -28px;
    left: 0;
}

.ts-logo img {
    margin: 0!important;
}

.tss-logo {
    position: absolute;
    bottom: 20px;
    right: 0;
    z-index: 11;
}

.tss-logo img {
    margin: 0!important;
}

.njlre-approach-video .otog-block-video {
    position: relative;
}

.main-content .si-content-area .otog-block-video h2.text-capitalized {
    text-transform: capitalize;
}

.selling-guide-cards .vid-nas {
    margin-top: 50px;
}

.bwn-card.for-selling-with-njlre .core-value-card-col-6:nth-child(3) .core-value-card-overlay {
    background: rgba(20,24,36,0.70);
}

.bwn-card.for-selling-with-njlre .core-value-card-col-6:nth-child(4) .core-value-card-overlay {
    background: rgba(50, 57, 78, 0.51);
}

.main-content .si-content-area .inner-banner-hmg .joinus-banner-content h1.xs-line-height {
    margin: 0 0 24px;
}

.sell-step {
    position: relative;
    overflow: hidden;
    background: var(--secondary-color);
    padding: 80px 0 0;
    background-image: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/sep-bg.png);
    background-repeat: repeat-y;
    background-size: contain;
}

.main-content .si-content-area .step-header-title {
    width: 100%;
    max-width: 836px;
    margin: 0 auto 80px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.main-content .si-content-area .step-header-title h2 {
    text-transform: capitalize;
    line-height: 1.5;
}

.sell-step .ns-logo {
    right: -82px;
    top: 36px;
}

.timeline-container {
    position: relative;
    z-index: 2;
    padding-bottom: 86px;
}

.timeline-bar {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    background: var(--white-color);
}

.timeline-section {
    width: 50%;
    position: relative;
    margin-bottom: 80px;
}

.timeline-section:last-child {
    margin-bottom: 0;
}

.timeline-section:nth-child(even) {
    margin-left: auto;
}

.timeline-content {
    background: var(--primary-color);
    width: 80.2%;
    min-height: 275px;
    padding: 22px 22px 22px 25px;
    position: relative;
    z-index: 2;
}

.timeline-section:nth-child(even) .timeline-content {
    margin-left: auto;
}

.timeline-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    position: absolute;
    z-index: 2;
    top: 0;
    border: 1px solid var(--white-color);
}

.timeline-section:nth-child(odd) .timeline-dot {
    right: -16px;
}

.timeline-section:nth-child(even) .timeline-dot {
    left: -16px;
}

.timeline-dot:before {
    content: "";
    width: 102px;
    border-top: 1px dashed var(--white-color);
    position: absolute;
    top: 50%;
}

.timeline-dot:after {
    content: "";
    background: var(--primary-color);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.timeline-section:nth-child(odd) .timeline-dot:before {
    right: 100%;
}

.timeline-section:nth-child(even) .timeline-dot:before {
    left: 100%;
}

.main-content .si-content-area .timeline-content p {
    line-height: 2;
    margin-bottom: 10px;
}

.main-content .si-content-area .timeline-content p:last-child {
    margin-bottom: 0;
}

.main-content .si-content-area .timeline-content h3 {
    margin-bottom: 8px;
}

.sell-step .ns-logo.btm {
    top: unset;
    bottom: 104px;
}

.sell-step .ns-logo.ns-chit-logo {
    top: -12px;
    right: -192px;
}

.bot-subcontent-info {
    width: 100%;
    max-width: 942px;
    margin: 16px auto 34px;
}

.main-content .si-content-area .bot-subcontent-info p {
    font-size: 17px;
    text-align: center;
    color: #B2BDC8;
    text-transform: capitalize;
    line-height: 1.65;
}

.sell-step-seller .otog-block-video {
    margin-bottom: 100px;
}

.ls-logo {
    position: absolute;
    top: 40.2%;
    left: 0;
}

.ls-logo img {
    max-width: 100%;
    margin: 0!important;
}

.sell-step.sell-step-seller .ns-logo.btm {
    bottom: unset;
    top: 21%;
}

.bwn-card-for-marketing.bwn-card .core-value-card-col-6:nth-child(3) .core-value-card-overlay {
    background: rgba(20, 24, 36, 0.70);
}

.bwn-card.bwn-card-for-marketing {
    padding: 66px 0 75px;
}

.half-and-half-bg {
    padding: 28px 0 145px;
}

.half-and-half-bg .sep-bg {
    top: unset;
    bottom: 0;
    height: calc(100% - 175px);
}

.half-and-half-bg .top-layer {
    top: 50px;
}

.success-redesign-list ul.list100 li {
    width: 100%;
}

.success-redesign-list ul.list100 li:last-child {
    margin-bottom: 0!important;
}

.half-content .success-redesign-list {
    padding-top: 4px;
}

.half-and-half-bg .nsl-logo-rgt {
    width: 100%;
    max-width: 440px;
    transform: unset;
    top: auto;
    right: -339px;
    bottom: 88px;
}

.left-shade .half-media::before {
    content: "";
    width: 100vw;
    height: calc(100% - 200px);
    background: var(--primary-color);
    position: absolute;
    left: -100vw;
    top: 50%;
    transform: translate(0, -50%);
}

.half-full-left-image .half-media {
    max-width: unset;
}

.half-and-half-xs-spacing {
    padding: 60px 0 36px;
}

.half-and-half.p-0 {
    padding: 0;
}

.main-content .si-content-area .half-and-half .section-header p {
    font-size: 15px;
}

.half-and-half .section-header {
    max-width: 1133px;
    margin-bottom: 42px;
}

.mv .ts-logo {
    top: 50%;
    left: -82px;
    transform: translate(0, -50%);
    margin-top: 5.7%;
}

.njlre-icon-card {
    background: var(--secondary-color);
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}

.njlre-icon-card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -28px -15px;
    position: relative;
    z-index: 11;
}

.njlre-icon-card-column {
    width: 50%;
    padding: 15px 15px;
}

.njlre-icon-card-box {
    display: flex;
    background: rgba(255,255,255,0.02);
    padding: 32px 30px;
    height: 100%;
    border-radius: 10px;
}

.njlre-icon-wrap {
    margin-bottom: 0;
    flex-shrink: 0;
    margin-right: 36px;
}

.njlre-icon-wrap img {
    display: inline-block!important;
    margin: 0!important;
}

.main-content .si-content-area .njlre-icon-content h3 {
    line-height: 1.114;
}

.home-staging .tss-logo,
.leveraging-technology .ts-logo {
    bottom: auto;
    top: 50%;
    transform: translate(0,-50%);
}

.half-and-half.home-staging {
    padding: 20px 0 46px;
}

.leveraging-technology .ts-logo {
    left: -46px;
}

.s-media-tech {
    width: 100%;
    max-width: 485px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin:  -5px;
    padding: 10px 0 0;
}

.s-media-tech > .s-media-tech-item {
    display: inline-block;
    padding: 5px;
}

.s-media-tech img {
    display: inline-block;
    margin: 0!important;
    transition: all .4s ease-in-out;
}

/* .s-media-tech > a:hover img {
    transform: scale(1.1);
} */

.njlre-approach-video.vid-no {
    padding-bottom: 50px;
}

.half-and-half.home-staging.prst-block {
    overflow: hidden;
    padding: 64px 0 42px;
}

.prst-block .ns-logo {
    top: 115px;
    right: -10px;
}

.half-and-half.home-staging.prst-block .otog-block-video {
    padding-bottom: 60px;
    position: relative;
}

.prst-left-img {
    position: absolute;
    top: -23px;
    left: 0;
}

.prst-left-img img {
    width: 100%;
    margin: 0!important;
}

.main-content .si-content-area .prst-block .half-content p {
    line-height: 2;
}

.main-content .si-content-area .njlre-icon-content p a {
    color: var(--white-color);
    text-decoration: none !important;
}

.main-content .si-content-area .njlre-icon-content p a:hover {
    color: var(--primary-color);
}

.ftr-cta-btn {
    border-top: 1px solid rgba(255,255,255,0.29);
    margin: 22px 0 0;
    padding: 30px 0 88px;
    text-align: center;
}

.snmodal-close {
    width: 35px;
    height: 35px;
    line-height: 1;
    position: absolute;
    top: -15px;
    right: -15px;
    background: var(--primary-color);
    border-radius: 50%;
    color: var(--white-color);
    border: none;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.snmodal-close svg {
    width: 15px;
    height: auto;
}

.snmodal-close:hover {
    background: var(--secondary-color);
}

.snmodal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.snmodal-dialog {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: .5rem;
    pointer-events: none;
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
    max-width: 1040px;
    margin: 1.75rem auto;
    padding: 0 15px;
}

.snmodal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 16px;
    outline: 0;
    padding: 50px 50px;
}

.snmodal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: .5;
    display: none;
}

.main-content .si-content-area .snmodal-content h2 {
    color: var(--secondary-color);
    font-size: 46px;
    margin: 0 0 15px;
}

.main-content .si-content-area .snmodal-content p {
    color: var(--secondary-color);
}

.snmodal.open,
.snmodal-backdrop.open {
    display: block;
}

body.snmodal-open {
    overflow: hidden;
}

.main-content .si-content-area .building-screen-content p,
.main-content .si-content-area .nj-accoudion-content p,
.main-content .si-content-area .status-quo-inner-content p,
.main-content .si-content-area .flip-script-content p,
.main-content .si-content-area .half-content p,
.main-content .si-content-area .timeline-content p,
.main-content .si-content-area .njlre-icon-content p {
    text-align: justify;
}

/* 03-09-2024 START */
.multiple-btn-wrap-item + .multiple-btn-wrap-item {
    margin-top: 18px;
}

.multiple-btn-wrap-item .default-btn {
    min-width: 246px;
}

.main-content .si-content-area .cst-home .bot-subcontent-info p {
    text-transform: unset;
}

.cst-home .bot-subcontent-info {
    max-width: 1024px;
}

.cst-home .nas-logo {
    top: auto;
    bottom: -117px;
    left: auto;
    right: -314px;
}

.for-zig-zag .timeline-container-lists {
    display: flex;
    flex-wrap: wrap;
}

.timeline-half {
    width: 50%;
}

.for-zig-zag .timeline-container-lists .timeline-section {
    width: 100%;
    margin-bottom: 78px;
}

.for-zig-zag .timeline-container-lists .timeline-section:nth-child(even) .timeline-content {
    margin-left: 0;
}

.for-right-timeline .timeline-content,
.for-zig-zag .timeline-container-lists .for-right-timeline .timeline-section:nth-child(even) .timeline-content {
    margin-left: auto;
}

.for-zig-zag .timeline-container-lists .for-right-timeline .timeline-section {
    margin-top: 88px;
}

.for-zig-zag .timeline-container-lists .for-right-timeline .timeline-section:nth-child(odd) .timeline-dot {
    right: auto;
    left: -16px;
}

.for-zig-zag .timeline-container-lists .for-right-timeline .timeline-section:nth-child(odd) .timeline-dot::before {
    right: auto;
    left: 100%;
}

.for-zig-zag .timeline-container-lists .for-left-timeline .timeline-section:nth-child(even) .timeline-dot {
    right: -16px;
    left: auto;
}

.for-zig-zag .timeline-container-lists .for-left-timeline .timeline-section:nth-child(even) .timeline-dot::before {
    right: 100%;
    left: auto;
}

.for-cst-home-lime-line {
    position: relative;
}

.for-cst-home-lime-line .ls-logo {
    left: -130px;
}

.ls-logo.btm {
    top: auto;
    bottom: 433px;
    right: -130px;
    left: auto;
}

.for-cst-home-lime-line .timeline-content {
    min-height: auto;
}

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

.for-cst-home-lime-line .timeline-bar {
    height: 100%;
}

.timeline-container.for-zig-zag {
    padding: 0 0 80px;
}

.joinus-banner-overlay {
    padding: 90px 0;
}

.main-content .si-content-area .banner-heading-two {
    font-size: 30px;
    text-transform: capitalize;
    margin: 0 0 24px;
    line-height: 1.35;
}

.main-content .si-content-area .active-rolodex-banner p {
    margin: 0 0 12px;
}

.main-content .si-content-area .active-rolodex-banner p:last-child {
    margin-bottom: 0;
}

.rolodex-choose-block {
    position: relative;
    overflow: hidden;
    background: var(--secondary-color);
    padding: 70px 0;
}

.rolodex-choose-block-header {
    text-align: center;
    margin: 0 0 40px;
}

.rolodex-choose-subtitle {
    color: var(--white-color);
    font-size: 30px;
    font-family: var(--bodoni-moda-font);
    line-height: 1.4;
    margin: 0 0 22px;
}

.rolodex-choose-card-row {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    justify-content: center;
}

.rolodexchoose-card-column {
    width: 33.333%;
    padding: 15px;
}

.rolodex-choose-card {
    text-align: center;
}

.main-content .si-content-area .rolodex-choose-card h3 {
    line-height: 1.285;
    font-family: var(--playfair-display-font);
}

.main-content .si-content-area .rolodex-choose-card .rolodex-choose-card-icon {
    margin-bottom: 22px;
}

.main-content .si-content-area .rolodex-choose-card .rolodex-choose-card-icon img {
    margin: 0 0 0!important;
    display: inline-block;
}

.main-content .si-content-area .rolodex-choose-card p {
    text-align: justify;
    line-height: 1.733;
}

.rolodex-choose-wrap-info {
    text-align: center;
    padding: 28px 0 0;
}

.rolodex-choose-block-inner {
    position: relative;
    z-index: 2;
}

.rolodex-n-logo {
    position: absolute;
    top: -12px;
    right: -192px;
}

.main-content .si-content-area .rolodex-n-logo img,
.main-content .si-content-area .rolodex-s-logo img {
    margin: 0!important;
}

.rolodex-s-logo {
    position: absolute;
    top: 125px;
    left: 0;
}

.rolodex-choose-block-header:last-child {
    margin-bottom: 0;
}

.rolodex-full-bg-content {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.rolodex-full-bg-content-overlay {
    background: rgba(21,25,37,0.90);
    padding: 80px 0;
}

.main-content .si-content-area .rolodex-choose-block-header h3 {
    color: var(--white-color);
    font-size: 30px;
    font-family: var(--bodoni-moda-font);
    line-height: 1.4;
    margin: 0 0 30px;
}

.main-content .si-content-area .rolodex-choose-block-header p {
    line-height: 1.73;
    margin: 0 0 10px;
}

.main-content .si-content-area .rolodex-choose-block-header p:last-child {
    margin-bottom: 0;
}

.include-support-block {
    background: var(--secondary-color);
    padding: 70px 0;
}

.include-support-right-column {
    width: 36%;
    float: right;
    margin-left: 48px;
    position: relative;
    z-index: 2;
}

.include-list-item-content p {
    max-width: 694px;
}

.include-list-item {
    position: relative;
    padding: 0 0 25px 68px;
}

.include-list-item:last-child {
    padding-bottom: 0;
}

.include-list-item::before {
    content: "";
    position: absolute;
    top: 42px;
    left: 24px;
    width: 1px;
    height: 100%;
    border-left: 1px dashed var(--primary-color);
}

.include-list-item:last-child::before {
    display: none;
}

.include-list-number {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-size: 30px;
    font-family: var(--playfair-display-font);
}

.include-list-number span {
    position: relative;
    top: -3px;
}

.include-list {
    padding: 24px 0 0;
}

.main-content .si-content-area .include-list-item-content h3 {
    font-family: var(--playfair-display-font);
}

.main-content .si-content-area .include-list-item-content p {
    line-height: 1.733;
    text-align: justify;
}

.include-why-box {
    background: var(--heading-color);
    padding: 46px 22px 36px 25px;
    border-bottom: 10px solid var(--primary-color);
}

.include-why-box-list-item {
    position: relative;
    padding: 0 0 0 72px;
    margin-bottom: 26px;
}

.include-why-box-list-item:last-child {
    margin-bottom: 0;
}

.include-why-icon {
    position: absolute;
    top: 0;
    left: 0;
}

.main-content .si-content-area .include-why-content h3 {
    font-size: 25px;
    line-height: 1.28;
    font-family: var(--playfair-display-font);
}

.main-content .si-content-area .include-why-content p {
    line-height: 1.733;
    text-align: justify;
}

.include-why-box-list {
    padding: 20px 0 0;
}

.bx-btn-wrp {
    display: flex;
    flex-wrap: wrap;
}

.bx-btn-wrp > a {
    margin: 0 28px 0 0;
}

.main-content .si-content-area .cnt-val-row .core-value-card-content p {
    margin: 0 0 15px;
}

.contactus-banner-ftr-text {
    width: 100%;
    bottom: 25px;
    left: 0;
    position: absolute;
    z-index: 2;
    text-align: center;
    padding: 0 15px;
}

.main-content .si-content-area .contactus-banner-ftr-text h2 {
    font-size: 30px;
}

.contactus-banner .joinus-banner-overlay::after {
    opacity: 1;
    background: rgba(24,29,34,0.51);
}

.sell-step-seller .otog-block-video {
    position: relative;
    z-index: 2;
}
/* 03-09-2024 END */

/* 04-09-2024 START */
.btm-sqr.rght {
    left: auto;
    right: -25px;
    width: calc(100% - 258px);
    height: calc(100% - 345px);
}

.main-content .si-content-area .for-fyph .half-content p {
    line-height: 2;
}

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

.five-steps-banner-btm-para {
    padding: 50px 0 0;
}

.five-steps-banner .default-btn {
    margin-top: 20px;
}

.main-content .si-content-area .five-steps-banner .joinus-banner-content h1 {
    margin-bottom: 24px;
}

.multiple-btn-wrap-inline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 30px;
    margin: -8px;
}

.multiple-btn-wrap-inline .multiple-btn-wrap-item {
    padding: 8px;
}

.multiple-btn-wrap-inline .multiple-btn-wrap-item + .multiple-btn-wrap-item {
    margin: 0;
}

.faq-inner {
    position: relative;
    z-index: 2;
}

.is-hidden {
    display: none;
}

.faq-inner-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.faq-nav-col {
    padding: 0 15px;
    width: 34%;
}

.faq-nav-panel-col {
    width: 66%;
    padding: 0 15px;
}

.filters {
    padding: 0;
    margin: 0 0 25px;
    list-style: none !important;
}

.filters__item {
    margin-bottom: 10px !important;
    padding: 0 !important;
}

.filters__item::before {
    display: none!important;
}

.filters__item:last-child {
    margin-bottom: 0;
}

.filters__btn {
    width: 100%;
    padding: 16px 25px;
    display: block;
    background: var(--heading-color);
    color: var(--white-color);
    font-family: var(--lato-font);
    font-size: 17px;
    font-weight: 600;
    text-decoration: none!important;
    transition: all .4s ease-in-out;
}

.filters__btn:hover,
.filters__btn.active {
    color: var(--primary-color)
}

.faq-nav-box .default-btn {
    min-width: 242px;
}

.faq-inner-item {
    margin-bottom: 14px;
}

.main-content .si-content-area .faq-inner-item .faq-inner-title {
    background-color: var(--heading-color);
    color: var(--white-color);
    font-size: 17px;
    padding: 15px 38px 15px 25px;
    font-weight: 600;
    line-height: 1.45;
    font-family: var(--lato-font);
    cursor: pointer;
    margin: 0;
    background-image: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/faq-arrow-plus.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
}

.main-content .si-content-area .faq-inner-item .faq-inner-title.active {
    background-image: url(https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/faq-arrow-minus.svg);
}

.main-content .si-content-area .faq-inner-desc p {
    font-family: var(--lato-font);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.764;
    color: #B2BDC8;
    margin-bottom: 4px;
    text-align: justify;
}

.faq-inner-desc {
    padding: 16px 0 0 25px;
    display: none;
}

.main-content .si-content-area .faq-inner-desc p:last-child {
    margin-bottom: 0;
}

.main-content .si-content-area .faq-panel-box h2 {
    margin-bottom: 38px;
}

.faq-panel-box {
    padding-bottom: 20px;
}

.faq-nav-box {
    padding: 100px 0 0;
}
/* 04-09-2024 END */

/* 05-09-2024 START */
.bnrcne-textact {
    max-width: 880px;
    margin: 0 auto;
}
.ov-hidden {
    overflow: hidden;
}
/* 05-09-2024 END */

/* 10-09-2024 START */
.property_search_form .si-seller-lead-tool {
    background: transparent !important;
    padding: 0;
    margin: 0 auto;
    max-width: 720px;
}

.property_search_form .si-seller-lead-tool .si-seller-lead-tool__title,
.property_search_form .si-seller-lead-tool .si-seller-lead-tool__sub-title {
    display: none!important;
}

.property_search_form .si-seller-lead-tool .si-seller-lead-tool__controls {
    display: flex;
}

.property_search_form .si-seller-lead-tool .si-seller-lead-tool__controls>input {
    margin: 0;
    width: 100%;
    background: transparent;
    height: 55px;
    border-radius: 0;
    border: 1px solid #ffffff;
    outline: none !important;
    box-shadow: unset !important;
    color: #ffffff;
    font-family: var(--josefin-sans-font);
    font-weight: 500;
    font-size: 18px;
    padding: 10px 25px;
    border-right: none;
}

.property_search_form .si-seller-lead-tool .si-seller-lead-tool__controls>.si-btn {
    margin: 0;
    min-width: 190px;
    height: 55px;
    border-radius: 0;
    background: rgba(114, 152, 164, 1);
    border: 1px solid rgba(114, 152, 164, 1);
    color: #ffffff;
    text-transform: uppercase;
    font-family: var(--josefin-sans-font);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 5px 7px;
    line-height: 1;
    flex-shrink: 0;
}

.property_search_form .si-seller-lead-tool .si-seller-lead-tool__controls>input::placeholder {
    color: #ffffff;
}

.property_search_form {
    padding: 15px 0 0;
}

.main-content .si-content-area .white-cta-block-inner.lg-para p {
    font-size: 22px;
    line-height: 1.7;
}

/* 10-09-2024 END */

/* 11-09-2024 START */
.Banner__Container-sc-1pxg5g5-0.ebpMVf {
    background: var(--white-color);
}

.bBKQWp {
    background: rgba(217, 217, 217, 0.12) !important;
    border: 1px solid var(--primary-color) !important;
    font-size: 16px !important;
    border-bottom: 5px solid var(--primary-color) !important;
    font-family: var(--josefin-sans-font);
    outline: none !important;
    resize: none;
    height: 56px!important;
    padding-top: 16px!important;
}

.kYxxJj {
    padding: 0!important;
}

.euBiGU {
    min-height: 55px;
    color: var(--white-color) !important;
    background-color: #7298A4 !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 18px !important;
    font-family: var(--josefin-sans-font) !important;
    overflow: hidden;
    outline: none !important;
}

.CWjVC {
    font-size: 15px !important;
    font-family: var(--josefin-sans-font) !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.jEIXyD > .Block__BaseBlock-sc-s53xax-0 {
    font-family: var(--montserrat-font)!important;
}

.kWFBlP {
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

.kWFBlP:hover {
    background: var(--secondary-color) !important;
}
/* 11-09-2024 END */
/* new about css */
.new-inner-banner{margin-top: 60px;}
.new-inner-banner .si-breadcrumb{top: 20px;}
.new-inner-banner h1{
    color: var(--white-color);
    font-weight: 400;
    font-size: 86px;
    line-height: 1.093;
    font-family: var(--bodoni-moda-font);
    margin: 0 0 24px;
}
.new-team-widget .clearfix:not(.more-menu-overlay-wrap.clearfix){
    display: block;
}
.main-content .new-inner-banner p { 
    line-height: 1.4 !important;
    margin: 0 0 20px !important;
    color: var(--white-color) !important;
}
.main-content .si-content-area .new-inner-banner p:last-child{margin-bottom: 0 !important;}
.new-inner-banner .joinus-banner-content{max-width: 1130px; margin-left: auto; margin-right: auto;}
.new-inner-banner .joinus-banner-content p:last-child{margin-bottom: 0 !important;}
.about-team-wrapper{
    padding: 80px 0;
    background: url('https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/newjerseyluxuryrealestate.com/legacy-pages/images/sep-bg.png') center top;
    background-size: 100%;
    position: relative;
} 
.shape-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.shape-bg img{
    position: absolute; 
}
.shape-bg1{
    left: 0; top: 1%;
}
.shape-bg2{
    right: 0; top: 0;
}
.shape-bg3{
    right: 0; top: 50%;
}
.shape-bg4{
    left: 0; bottom: 10%;
}
.about-team-wrapper .si-content-area {
    padding-top: 30px;
}
.title-section h2{
    margin: 0 0 16px;
    text-transform: capitalize; 
    font-family: var(--bodoni-moda-font);
    font-weight: 400;
    font-size: 55px;
    line-height: 1.15; 
    color: var(--white-color);
}
.about-team-wrapper .agent-list hr{
    margin: 45px 0;
    border-style: dashed !important;
    background: transparent;
    border-color: rgb(107 103 103 / 97%);
} 
.new-team-widget .agent-info{position: relative;}
.new-team-widget .agent-list .bio{padding-bottom: 80px; color: var(--white-color); text-align: justify;}
.new-team-widget .agent-list .bio br{display: none;}
.new-team-widget .agent-list .phone, .new-team-widget .agent-list .position{color: #fff; font-size: 15px; font-weight: 400; font-family: var(--montserrat-font);}
.new-team-widget .agent-list .agent-image{max-width: 175px;}
.new-team-widget .agent-list .title{ 
    font-weight: 400;
    font-size: 35px;
    line-height: 1.30;
    color: var(--white-color);
    font-family: var(--playfair-display-font);
    margin: 0 0 7px;
}
.new-team-widget .agent-list .info-content{margin-bottom: 0;}
.new-team-widget .agent-list .agent-info a .fa-angle-double-right{display: none;}
.new-team-widget .agent-list hr:last-of-type{ border: none !important;}
.new-team-widget .agent-info .profile, .about-team-wrapper aside .box.search .search-button {
    min-width: 190px;
    min-height: 55px;
    color: var(--white-color);
    background-color: #88abb8;
    text-transform: uppercase;
    padding: 20px 18px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0;
    font-family: var(--josefin-sans-font);
    overflow: hidden;
    transition: 300ms ease all; 
    text-decoration: none;
    border: none;
   position: relative;
}
.new-team-widget .agent-info .profile{
    position: absolute;
    left: 220px;
    bottom: 0;
}

.new-team-widget .agent-info .profile i{display: none;}
.new-team-widget .agent-info .profile::before, .about-team-wrapper aside .box.search .search-button::before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 80%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
    transform: skewX(-25deg);
}
.new-team-widget .agent-info .profile:hover, .about-team-wrapper aside .box.search .search-button:hover {
    background: #3e4851;
    color: var(--white-color);
    text-decoration: none;
}
.new-team-widget .agent-info .profile:hover::before, .about-team-wrapper aside .box.search .search-button:hover::before {
    animation: shine .75s;
}
.about-team-wrapper aside .box.search .box-content{
    display: block !important;
    padding: 0;
}
.about-team-wrapper  aside .box.search .location{
    height: 50px;
    border-radius: 0;
    border: none;
    outline: none;
}
.about-team-wrapper aside .box{
    padding: 35px;
    background-color: var(--heading-color);
    border: none;
    border-bottom: 8px solid var(--primary-color);
}
.about-team-wrapper aside .box .title {
    background-color: transparent;
    padding: 0;
    margin: 0 0 30px;
    color: var(--white-color);
    border-bottom: none;
    text-align: left;
    font-weight: 400;
    font-size: 25px;
    line-height: 1.30; 
    font-family: var(--playfair-display-font); 
}
.about-team-wrapper aside .box:before{
    content: none;
}
.about-team-wrapper aside .box ul{
    margin: -8px -10px;
}
.about-team-wrapper aside .box ul li a{color: var(--white-color);}
.about-team-wrapper aside .box ul li{border: none; padding: 8px 10px; line-height: 1.1;}
.about-team-wrapper aside .box .stats .item {
    line-height: normal;
    padding: 5px 0;
    border: none;
}
.about-team-wrapper .stats .item .name{ 
    color: var(--white-color);
    font-size: inherit;
}
.about-team-wrapper aside .box.search .advanced{
    color: var(--white-color);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
}
.about-team-wrapper aside .box .stats .item .number span{ color: var(--white-color); background: transparent; padding: 0; border-radius: 0;}
.about-team-wrapper .blog .item{border: none;}
.about-team-wrapper .blog .item .info{
    border: 1px solid #2E353B;
    border-width: 1px 1px 0;
    padding: 30px 30px 20px;
}
.about-team-wrapper .blog .item .meta{
    border: 1px solid #2E353B;
    border-width: 0 1px 1px;
    color: var(--white-color);
    font-size: 15px;
    padding: 0 30px 20px;
}
.about-team-wrapper .blog .item .info .tag{color: var(--white-color); text-transform: capitalize; font-size: 15px;}
.about-team-wrapper aside .blog .item .info .blog-title a{
    background-color: transparent;
    padding: 0;
    margin: 0 0 30px;
    color: var(--white-color);
    border-bottom: none;
    text-align: left;
    font-weight: 400;
    font-size: 25px;
    line-height: 1.30;
    font-family: var(--playfair-display-font);
}
.about-team-wrapper aside .blog .view-all{
    min-width: 190px;
    min-height: 55px;
    color: var(--white-color);
    background-color: #88abb8;
    text-transform: uppercase;
    padding: 20px 18px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0;
    font-family: var(--josefin-sans-font);
    overflow: hidden;
    transition: 300ms ease all;
    text-decoration: none;
    border: none;
    position: relative;
    margin-top: 36px;
}
.about-team-wrapper aside .blog .view-all::before{
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 80%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
    transform: skewX(-25deg);
}
.about-team-wrapper aside .blog .view-all:hover{
    background: #3e4851;
    color: var(--white-color);
    text-decoration: none;
}
.about-team-wrapper aside .blog .view-all:hover::before{
    animation: shine .75s;
}

.team-title-block {
    padding: 17px 30px 22px;
    background-color: var(--heading-color);
    margin-bottom: 60px;
    border-left: 8px solid var(--primary-color);
}

.main-content .si-content-area .team-title-block h3.ui-title {
    margin: 0;
    text-transform: capitalize;
    font-family: var(--bodoni-moda-font);
    font-weight: 400;
    font-size: 38px;
    line-height: 1.15;
    color: var(--white-color);
}

.title-section.about-team-title h2 {
    margin: 0;
}






@media screen and (min-width: 1200px) {
    .main-content .right-col {
        width: 36%;
    }
    .main-content .left-col { 
        width: 64%;
    }
}


/* responsive start */

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }

    .showing-nj .half-content {
        max-width: unset;
    }

    .showing-nj .half-col-6:first-child {
        width: 48%;
    }

    .showing-nj .half-col-6:last-child {
        width: 52%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .bg-attachment {
        /* background-attachment: fixed; */
    }

    .joinus-banner .container {
        width: 100%;
        max-width: 1400px;
    }

    .new-dev-welcome-block .otog-block-header {
        padding: 0 0 80px;
        margin-bottom: 80px;
    }
    
    .new-dev-welcome-block .section-header .default-btn,
    .image-accordion-button .default-btn,
    .testimonial-block-btn .default-btn {
        min-width: 336px;
    }

    .otog-block.new-dev-welcome-block {
        padding: 80px 0;
    }

    .image-accordion .section-header.core-value-header {
        padding: 74px 30px 0;
    }
}

@media (max-width: 1440px) {
    .srn-left-logo {
        left: -318px;
    }

    .srn-right-logo {
        right: -340px;
    }

    .otogn-logo {
        left: -256px;
    }

    .otogs-logo {
        top: 234px;
        width: 170px;
    }

    .team-build-logo {
        left: -300px;
    }

    .full-bg-image-logo {
        right: -384px;
    }

    .image-accordion-media {
        width: calc(100% + 96px);
        margin-left: -96px;
    }

    .testimonial-right-logo {
        right: -190px;
        width: 100%;
        max-width: 300px;
        top: -19px;
    }

    .white-cta-n-logo {
        left: -35px;
        width: 100%;
        max-width: 120px;
        bottom: -7px;
    }

    .main-content .si-content-area .joinus-banner-content h1, .new-inner-banner h1{
        font-size: 72px;
    }
}

@media (max-width: 1366px) {
    .team-build-logo {
        left: -354px;
    }

    .srn-left-logo {
        left: -364px;
    }

    .srn-right-logo {
        right: -388px;
    }

    .half-and-half-row {
        margin: 0 -30px;
    }

    .half-col-6 {
        padding: 0 30px;
    }
}

@media (max-width: 1280px) {
    .image-accordion-media {
        width: 100%;
        margin-left: 0;
    }

    .image-accordion-wrap-row {
        margin: 0 -15px;
    }

    .image-accordion-media-col, .image-accordion-col {
        padding: 0 15px;
    }
}

@media (max-width: 1199px) {
    .si-breadcrumb ul {
        max-width: 970px;
    }
    .main-content .si-content-area .joinus-banner-content h1, .new-inner-banner h1{
        font-size: 52px;
    }

    .joinus-banner-overlay {
        min-height: 378px;
    }

    .otogs-logo {
        top: 264px;
        width: 100px;
    }

    .main-content .si-content-area .section-header p,
    .main-content .si-content-area .core-value-ftr p {
        font-size: 16px;
    }

    .main-content .si-content-area h2, .title-section h2{
        font-size: 44px;
    }

    .main-content .si-content-area h3 {
        font-size: 30px;
    }

    .otog-block-header {
        padding: 0 0 46px;
        margin-bottom: 46px;
    }

    .otog-block {
        padding: 55px 0;
    }

    .core-value-cards {
        padding: 50px 0;
    }

    .main-content .si-content-area .section-header h2 {
        margin-bottom: 12px;
    }

    .nj-future-top {
        width: 261px;
        height: 202px;
    }

    .nj-future-top::after {
        bottom: -22px;
        left: -22px;
        width: 166px;
        height: 145px;
    }

    .nj-future-top-btm {
        width: 181px;
        height: 234px;
    }

    .nj-future-medias-wrp-right {
        margin-top: 139px;
    }

    .nj-future-rgt {
        width: 218px;
        height: 244px;
        right: 64px;
    }

    .nj-future-rgt::after {
        width: 126px;
        height: 149px;
    }

    .building-screen-card-media::after {
        bottom: -18px;
        left: -18px;
        width: 240px;
        height: 166px;
    }

    .main-content .si-content-area .building-screen-content h3 {
        font-size: 45px;
    }

    .status-quo-inner-media {
        width: 100%;
    }

    .status-quo-inner-row {
        margin: 0 -15px;
        align-items: center;
    }

    .status-quo-inner-column-6 {
        padding: 0 15px;
    }

    .main-content .si-content-area .lets-together-count-slider-card h3 {
        font-size: 36px;
    }

    .main-content .si-content-area .lets-together-count-slider-card p {
        font-size: 18px;
    }

    .lets-together {
        padding: 60px 0;
    }

    .fl-logo-right {
        bottom: -52px;
        right: -246px;
        width: 100%;
        max-width: 400px;
    }

    .fl-logo-left {
        top: -40px;
        left: -134px;
        width: 100%;
        max-width: 260px;
    }

    .main-content .si-content-area .full-width-content-inner h3 {
        font-size: 25px;
    }

    .full-width-content {
        padding: 65px 0;
    }

    .team-build {
        padding: 100px 0;
    }

    .main-content .si-content-area .fullwidth-bg-inner-top-box-content p {
        font-size: 17px;
    }

    .main-content .si-content-area .fullwidth-bg-inner-top-box-content h2 {
        margin: 0 0 56px;
    }

    .fullwidth-bg-inner-top-box-content {
        padding: 42px 18px 14px;
    }

    .fullwidth-bg-inner-top-box {
        padding: 18px 20px;
    }

    .main-content .si-content-area .fullwidth-bg-inner-btm p {
        font-size: 28px;
    }

    .njlre-advantage {
        padding: 78px 0 0;
    }

    .section-header.core-value-header {
        padding-top: 45px;
    }

    .njlre-advantage-media {
        width: calc(100% + 26px);
        margin-left: -26px;
    }

    .flip-script {
        padding: 90px 0;
    }

    .njlre-advantage-wrap {
        padding: 8px 0 90px;
    }

    .building-screen-card-row {
        margin: 0 -15px;
    }

    .building-screen-card-column-6 {
        padding: 0 15px;
    }

    .main-content .si-content-area .image-accordion .nj-accoudion-button h3 {
        font-size: 22px;
    }

    .testimonial-right-logo {
        right: -90px;
        max-width: 200px;
    }

    .testimonial-block-slider-js {
        max-width: 854px;
    }

    .testimonial-block-slider-item-inner-wrap {
        padding: 51px 35px 38px 63px;
    }

    .main-content .si-content-area .testimonial-block-slider-item-inner-wrap p {
        font-size: 22px;
        padding-left: 55px;
    }

    .testimonial-block-slider-item-inner-wrap .quoteleft {
        margin-right: 8px!important;
        width: 45px;
        top: -9px;
    }

    .testimonial-block-slider-item-inner-wrap .quoteright {
        margin-top: 6px;
        margin-left: 8px!important;
        width: 45px;
    }

    .white-cta-n-logo {
        max-width: 110px;
    }

    .njlre-approach-video {
        padding: 55px 0 70px;
    }

    .main-content .si-content-area .bot-subcontent p {
        font-size: 16px;
    }

    .njlre-approach-video .otog-block-video-wrap {
        margin-top: 30px;
    }

    .ns-logo {
        top: -16px;
        right: -152px;
        width: 100%;
        max-width: 236px;
    }

    .nas-logo {
        top: -72px;
        left: -24px;
        width: 100%;
        max-width: 220px;
    }
    .shape-bg1 { 
        max-width: 24%;
    }
    .shape-bg2 { 
        max-width: 10%;
    }
    .shape-bg3 { 
        max-width: 24%;
    }
    .shape-bg4 { 
        max-width: 10%;
    }

    .half-and-half {
        padding: 68px 0;
    }

    .half-and-half-row {
        margin: 0 -15px;
    }

    .half-col-6 {
        padding: 0 15px;
    }

    .bwn-card {
        padding: 0 0 10px;
    }

    .btm-sqr {
        bottom: -12px;
        left: -12px;
    }

    .top-sqr {
        top: -12px;
        right: -12px;
    }

    .prst-left-img {
        width: 100%;
        max-width: 98px;
    }

    .prst-block .ns-logo {
        max-width: 100px;
    }

    .half-and-half.home-staging.prst-block {
        padding: 44px 0 30px;
    }

    .leveraging-technology .ts-logo {
        width: 100%;
        max-width: 150px;
    }

    .s-media-tech {
        justify-content: unset;
    }

    .s-media-tech {
        margin: -4px -10px;
    }

    .s-media-tech > .s-media-tech-item {
        padding: 4px 10px;
    }

    /* 03-09-2024 start */

    .rolodex-choose-subtitle {
        font-size: 27px;
        margin: 0 0 14px;
    }

    .rolodex-s-logo {
        max-width: 130px;
    }

    .rolodex-n-logo {
        right: -142px;
        max-width: 210px;
    }

    .main-content .si-content-area .contactus-banner-ftr-text h2 {
        font-size: 25px;
    }

    /* 03-09-2024 end */

    /* 04-09-2024 start */
    .btm-sqr.rght {
        right: -12px;
    }

    .half-and-half-xs-spacing.for-fyph {
        padding-bottom: 12px;
    }
    /* 04-09-2024 end */

    /* 05-09-2024 START */
    .faq-nav-box {
        padding: 88px 0 0;
    }

    .cst-home .bot-subcontent-info {
        max-width: 814px;
    }

    .bnrcne-text {
        max-width: 694px;
        margin: 0 auto;
    }

    .bnrcne-textwd {
        max-width: 560px;
        margin: 0 auto;
    }

    .bnrcne-textact {
        max-width: 650px;
    }
    /* 05-09-2024 END */

    /* 10-09-2024 START */
    .faq-inner-desc {
        padding: 16px 25px 0 25px;
        display: none;
    }

    .main-content .si-content-area .white-cta-block-inner.lg-para p {
        font-size: 18px;
    }
    /* 10-09-2024 END */

    .main-content .si-content-area .team-title-block h3.ui-title {
        font-size: 30px;
    }

    .team-title-block {
        padding: 12px 16px 18px;
        margin-bottom: 34px;
        border-left-width: 4px;
    }
}

@media (max-width: 991px) {
    .nj-accoudion-button-arrow {
        top: 34px;
    }

    .si-content-area img.nj-accoudion-icon {
        top: 18px;
    }

    .si-breadcrumb ul {
        max-width: 750px;
    }

    header .logo {
        left: 15px!important;
    }

    .si-content-area {
        padding-top: 100px;
    }
    .new-inner-banner {
        margin-top: 100px;
    }

    .si-breadcrumb {
        top: 114px;
    }

    .si-breadcrumb ul li, .si-breadcrumb ul li a, .si-breadcrumb ul li span {
        font-size: 15px;
    }

    .main-content .si-content-area .joinus-banner-content h1, .new-inner-banner h1{
        font-size: 44px;
    }

    .joinus-banner-overlay {
        min-height: 308px;
    }

    .main-content .si-content-area h2, .title-section h2{
        font-size: 35px;
    }

    .main-content .si-content-area h3 {
        font-size: 26px;
    }

    .section-header .default-btn {
        margin-top: 22px;
    }

    .default-btn {
        min-width: 160px;
        min-height: 52px;
        font-size: 16px;
    }

    .core-value-card-overlay {
        padding: 30px 28px 30px 28px;
    }

    .core-value-cards-row {
        margin: -14px -15px;
    }

    .core-value-card-col-6 {
        padding: 14px 15px;
    }

    .main-content .si-content-area .core-value-ftr p,
    .main-content .si-content-area .section-header p {
        font-size: 15px;
    }

    .srn-left-logo {
        left: -252px;
        width: 350px;
    }

    .srn-right-logo {
        right: -234px;
        width: 300px;
    }

    .success-redesign-content {
        margin: 0 auto 50px;
        padding: 0 0 50px 58px;
    }

    .success-redesign-overlay {
        padding: 145px 0 0;
    }

    .success-redesign-content-ftr {
        padding: 0 0 50px;
    }

    .building-screen {
        padding: 50px 0;
    }

    .building-screen-card {
        padding: 50px 0 0;
    }

    .building-screen-card-media::after {
        bottom: -22px;
        left: -22px;
    }

    .section-header.core-value-header {
        padding-top: 50px;
    }

    .otog-block {
        padding: 50px 0;
    }

    .otog-block-header {
        padding: 0 0 50px;
        margin-bottom: 50px;
    }

    .main-content .si-content-area .otog-block-video h2 {
        margin: 0 0 28px;
    }

    .nj-future-overlay {
        padding: 70px 0;
    }

    .nj-future-inner-row {
        margin: 0 -15px;
    }

    .nj-future-inner-column-6 {
        width: 100%;
        padding: 0 15px;
    }

    .nj-future-medias-wrp {
        width: 100%;
        max-width: 490px;
        margin: 0 auto 0;
    }

    .nj-future-medias {
        padding: 48px 0 0 0;
    }

    .nj-future-inner {
        padding: 0;
    }

    .status-quo-inner-column-6 {
        width: 100%;
    }

    .status-quo {
        padding: 50px 0;
    }

    .main-content .si-content-area .section-header.building-screen-header h2 {
        margin-bottom: 15px;
    }

    .status-quo-inner {
        padding: 32px 0 0;
    }

    .status-quo-inner-media {
        margin-bottom: 28px;
    }

    .lets-together {
        padding: 50px 0;
    }

    .full-width-content {
        padding: 50px 0;
    }

    .main-content .si-content-area .full-width-content-inner h3 {
        font-size: 22px;
    }

    .team-build-column-6 {
        width: 100%;
    }

    .team-build-media {
        margin: 0 auto 30px;
    }

    .team-build {
        padding: 50px 0;
    }

    .team-build-content {
        margin: auto;
    }

    .main-content .si-content-area .team-build-content h2 {
        text-align: center;
    }

    .team-build-logo {
        left: -304px;
    }

    .fullwidth-bg-overlay {
        padding: 50px 0;
    }

    .fullwidth-bg-inner-top-box {
        border-width: 12px;
    }

    .main-content .si-content-area .fullwidth-bg-inner-btm p {
        font-size: 24px;
    }

    .fullwidth-bg-inner-top {
        max-width: 622px;
        margin: 0 auto 32px;
    }

    .njlre-advantage {
        padding: 50px 0 0;
    }

    .njlre-advantage-wrap-row,
    .flip-script-row {
        margin: 0 -15px;
    }

    .njlre-advantage-wrap-column-6,
    .flip-script-column-6 {
        width: 100%;
        padding: 0 15px;
    }

    .njlre-advantage-media {
        width: 100%;
        margin-left: 0;
        padding: 50px 0;
    }

    .njlre-advantage-media::after {
        height: 100%;
        top: 0;
        transform: unset;
    }

    .njlre-advantage-media-outer {
        margin-bottom: 20px;
    }

    .main-content .si-content-area .nj-accoudion-button .nj-accoudion-button-subtitle {
        font-size: 13px;
    }

    .main-content .si-content-area .njlre-advantage-content .nj-accoudion-button h3 {
        font-size: 26px;
    }

    .njlre-advantage-wrap {
        padding: 8px 0 50px;
    }

    .flip-script {
        padding: 50px 0;
    }

    .flip-script-media {
        max-width: 100%;
        margin-left: auto;
        margin-bottom: 30px;
    }

    .full-bg-image-overlay {
        padding: 50px 0;
    }

    .full-bg-image-logo {
        right: -144px;
        width: 200px;
    }

    .cta-bg-overlay {
        padding: 50px 0 110px;
    }

    #contact_form_holder .si-form .form-control {
        height: 54px;
    }

    #contact_form_holder label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    #contact_form_holder .si-captcha-disclaimer {
        font-size: 13px !important;
    }

    #contact_form_holder .si-row {
        margin: 0 -15px;
    }

    #contact_form_holder .si-form__column, #contact_form_holder .si-form__full {
        padding: 0 15px;
    }

    .main-content .si-content-area .flip-script-content h3 {
        font-size: 26px;
    }

    .main-content .si-content-area .building-screen-content h3 {
        font-size: 36px;
    }

    .building-screen-card-row {
        margin: 0 -15px;
    }

    .building-screen-card-column-6 {
        width: 100%;
        padding: 0 15px;
    }

    .building-screen-card-media {
        width: 100%;
        max-width: 520px;
        margin: 20px auto 54px;
    }

    .otogn-logo {
        top: -42px;
    }

    .image-accordion {
        padding: 0 0 50px;
    }

    .image-accordion-media-col,
    .image-accordion-col {
        width: 100%;
    }

    .image-accordion-content {
        margin-top: 36px;
    }

    .image-accordion-media {
        max-width: 530px;
        margin-left: auto;
    }

    .image-accordion-wrap {
        padding: 30px 0 0;
    }

    .testimonial-block {
        padding: 50px 0;
    }

    .main-content .si-content-area .testimonial-block .section-header p {
        margin-bottom: 8px;
    }

    .main-content .si-content-area .testimonial-block-slider-item-inner-wrap p {
        font-size: 18px;
        padding-left: 30px;
    }

    .testimonial-block-slider-item-inner-wrap .quoteleft {
        width: 35px;
    }

    .testimonial-block-slider-item-inner-wrap .quoteright {
        margin-top: 5px!important;
        width: 35px;
    }

    .testimonial-block-slider-item-inner-wrap {
        padding: 36px 46px;
    }

    .testimonial-block-slider-js .slick-arrow {
        width: 15px;
        height: 32px;
    }

    .testimonial-block-slider-js {
        max-width: 654px;
        padding: 0 30px;
    }

    .testimonial-right-logo {
        right: -40px;
        max-width: 100px;
        top: -7px;
    }

    .testimonial-block-btn {
        margin-top: 38px;
    }

    .white-cta-block {
        padding: 50px 0 80px;
    }

    .white-cta-n-logo {
        max-width: 75px;
        bottom: -4px;
        left: -26px;
    }

    .main-content .si-content-area .testimonial-block .section-header h2 {
        padding: 0 44px;
    }

    .project-protfolio-overlay {
        padding: 50px 0;
    }

    .main-content .si-content-area .project-protfolio-content h2 {
        margin-bottom: 15px;
    }

    .cta-with-contactform .cta-bg-overlay {
        padding: 70px 0 100px;
    }

    .image-accordion.dev-for-developers {
        padding-bottom: 70px;
    }

    .half-col-6 {
        width: 100%;
    }

    .oc-oval .half-media {
        margin: 0;
    }

    .half-content {
        max-width: unset;
        margin: 40px 0 0;
    }

    .main-content .si-content-area .half-content h2 {
        margin: 0 0 14px;
    }

    .half-btn {
        margin-top: 24px;
    }

    .half-and-half {
        padding: 55px 0;
    }

    .selling-guide-cards .vid-nas {
        margin-top: 34px;
    }

    .inner-banner .joinus-banner-content p {
        font-size: 16px;
    }

    .timeline-content {
        width: 84%;
    }

    .timeline-section {
        margin-bottom: 50px;
    }

    .sell-step {
        padding: 60px 0 0;
    }

    .timeline-container {
        padding-bottom: 60px;
    }

    .main-content .si-content-area .step-header-title {
        max-width: 536px;
        margin: 0 auto 50px;
    }

    .main-content .si-content-area .bot-subcontent-info p {
        font-size: 16px;
    }

    .sell-step-seller .otog-block-video {
        margin-bottom: 60px;
    }

    .ls-logo {
        width: 100%;
        max-width: 39px;
    }

    .s-media-tech {
        max-width: unset;
    }

    .njlre-icon-card-column {
        width: 100%;
    }

    .njlre-icon-card {
        padding: 60px 0;
    }

    .njlre-advantage-content .nj-accoudion-button-arrow {
        top: 8px;
    }

    /* 03-09-2024 START */
    .joinus-banner-overlay {
        padding: 60px 0;
    }

    .for-zig-zag .timeline-container-lists .timeline-section {
        margin-bottom: 60px;
    }

    .timeline-container.for-zig-zag {
        padding: 0 0 40px;
    }

    .main-content .si-content-area .banner-heading-two {
        font-size: 25px;
        margin: 0 0 18px;
    }

    .rolodex-choose-subtitle {
        font-size: 24px;
    }

    .rolodexchoose-card-column {
        width: 50%;
    }

    .include-support-right-column {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 42px;
    }

    .rolodex-full-bg-content-overlay {
        padding: 60px 0;
    }

    .include-support-block {
        padding: 60px 0;
    }

    .rolodex-choose-block {
        padding: 60px 0;
    }

    .main-content .si-content-area .contactus-banner-ftr-text h2 {
        font-size: 20px;
    }

    .contactus-banner-ftr-text {
        bottom: 14px;
    }
    /* 03-09-2024 END */

    /* 05-09-2024 START */
    .main-content .si-content-area .faq-inner-desc p {
        font-size: 16px;
    }

    .main-content .si-content-area .faq-panel-box h2 {
        margin-bottom: 24px;
    }

    .faq-nav-box {
        padding: 62px 0 0;
    }

    .faq-nav-box .default-btn {
        min-width: 100%;
    }
    /* 05-09-2024 END */
    .about-team-wrapper{
        padding-bottom: 150px;
    }
    .about-team-wrapper aside .box.search .advanced{font-size: 15px; line-height: 50px;}
    .new-team-widget .agent-list .title{font-size: 26px;}
}

@media (max-width: 767px) {
    .si-content-area {
        padding-top: 120px;
    }
    .new-inner-banner {
        margin-top: 120px;
    }
    .si-breadcrumb {
        top: 138px;
    }

    .core-value-card-col-6 {
        width: 100%;
    }

    .main-content .si-content-area .joinus-banner-content h1, .new-inner-banner h1{
        font-size: 34px;
    }

    .joinus-banner-overlay {
        min-height: 252px;
        padding-top: 25px;
    }

    .main-content .si-content-area h2, .title-section h2{
        font-size: 28px;
    }

    .main-content .si-content-area .section-header h2 {
        margin-bottom: 12px;
    }

    .core-value-cards {
        padding: 30px 0;
    }

    .core-value-ftr {
        padding: 0 0 50px;
    }

    .success-redesign-content {
        padding: 0 0 50px 0;
    }

    .success-redesign-list {
        padding: 28px 0 0 0;
    }

    .success-redesign-list ul li {
        width: 100%;
        padding: 0 0 0px 14px !important;
    }

    .main-content .si-content-area .fullwidth-bg-inner-btm p {
        font-size: 20px;
    }

    .main-content .si-content-area .njlre-advantage-content .nj-accoudion-button h3 {
        font-size: 22px;
    }

    .main-content .si-content-area .nj-accoudion-button .nj-accoudion-button-subtitle {
        font-size: 12px;
    }

    .si-content-area img.nj-accoudion-icon {
        width: 38px;
        height: 36px;
        object-fit: contain;
    }

    .nj-accoudion-button {
        padding: 26px 52px 26px 78px;
    }

    .team-build-logo {
        display: none;
    }

    .nj-future-overlay {
        padding: 50px 0;
    }

    .main-content .si-content-area h3 {
        font-size: 22px;
    }

    .nj-accoudion-button-arrow {
        top: 32px;
    }

    .njlre-advantage-content .nj-accoudion-button-arrow {
        top: 6px;
    }

    .full-bg-image-content.success-redesign-list ul {
        padding-top: 0 !important;
    }

    .success-redesign-list ul li:last-child {
        margin-bottom: 0!important;
    }
    
    .main-content .si-content-area .image-accordion .nj-accoudion-button h3 {
        font-size: 20px;
    }

    .image-accordion .nj-accoudion-button-arrow {
        top: 30px;
    }

    .image-accordion.dev-for-developers {
        padding-bottom: 50px;
    }

    .project-protfolio-left-column,
    .project-protfolio-right-column {
        width: 100%;
    }

    .project-protfolio-right-box {
        margin: 30px auto 0;
    }

    .nas-logo {
        top: -66px;
        left: -30px;
        max-width: 90px;
    }

    .ns-logo {
        right: -128px;
        max-width: 176px;
    }

    .njlre-approach-video {
        padding: 48px 0;
    }

    .nsl-logo {
        width: 100%;
        max-width: 42px;
        top: -18px;
        transform: unset;
    }

    .nsl-logo-rgt {
        width: 100%;
        max-width: 34px;
        top: unset;
        bottom: -30px;
        transform: unset;
    }

    .ts-logo {
        width: 100%;
        max-width: 58px;
        top: -58px;
    }

    .tss-logo {
        width: 100%;
        max-width: 50px;
        z-index: 11;
    }

    .selling-guide-cards .vid-nas {
        margin-top: 24px;
    }

    .inner-banner .joinus-banner-content p {
        font-size: 15px;
    }

    .timeline-bar {
        left: 0;
        transform: unset;
    }

    .timeline-section:nth-child(even) {
        margin-left: 0;
    }

    .timeline-section:nth-child(even) .timeline-content {
        margin-left: 0;
    }

    .timeline-section:nth-child(odd) .timeline-dot {
        left: -16px;
        right: unset;
    }

    .timeline-section:nth-child(odd) .timeline-dot:before {
        left: 100%;
        right: unset;
    }

    .timeline-content {
        width: 100%;
    }

    .timeline-section {
        margin-bottom: 40px;
        width: 100%;
        padding: 0 0 0 54px;
    }

    .main-content .si-content-area .step-header-title {
        max-width: 426px;
        margin: 0 auto 30px;
    }

    .main-content .si-content-area .bot-subcontent-info p {
        font-size: 15px;
    }

    .bot-subcontent-info {
        margin: 12px auto 22px;
    }

    .sell-step-seller .otog-block-video {
        margin-bottom: 42px;
    }

    .half-and-half.home-staging.prst-block .otog-block-video {
        padding-bottom: 30px;
    }

    /* 03-09-2024 START */
    .joinus-banner-overlay {
        padding: 60px 0;
    }

    .multiple-btn-wrap-item .default-btn {
        min-width: 226px;
    }

    .timeline-half {
        width: 100%;
    }

    .for-zig-zag .timeline-container-lists .for-left-timeline .timeline-section:nth-child(even) .timeline-dot {
        left: -16px;
        right: unset;
    }

    .for-zig-zag .timeline-container-lists .for-left-timeline .timeline-section:nth-child(even) .timeline-dot::before {
        right: auto;
        left: 100%;
    }

    .for-zig-zag .timeline-container-lists .for-right-timeline .timeline-section {
        margin-top: 0;
    }

    .for-zig-zag .timeline-container-lists .timeline-section {
        margin-bottom: 46px;
    }

    .for-cst-home-lime-line .ls-logo {
        left: 0;
    }

    .ls-logo.btm {
        right: 0;
    }

    .main-content .si-content-area .banner-heading-two {
        font-size: 22px;
    }

    .rolodexchoose-card-column {
        width: 100%;
    }

    .main-content .si-content-area .rolodex-choose-block-header h3 {
        font-size: 24px;
        margin: 0 0 18px;
    }

    .main-content .si-content-area .contactus-banner-ftr-text h2 {
        font-size: 18px;
    }
    /* 03-09-2024 END */

    /* 05-09-2024 START */
    .faq-nav-col,
    .faq-nav-panel-col {
        width: 100%;
    }

    .faq-nav-box {
        padding: 0 0 45px;
    }

    .filters__btn {
        font-size: 16px;
    }

    .main-content .si-content-area .faq-inner-item .faq-inner-title {
        font-size: 16px;
    }

    .cst-home .bot-subcontent-info {
        max-width: 454px;
    }

    .bnrcne-textact {
        max-width: 400px;
    }

    .bnrcne-textwd {
        max-width: 440px;
    }
    /* 05-09-2024 END */

    /* 10-09-2024 START */
    .main-content .si-content-area .white-cta-block-inner.lg-para p {
        font-size: 16px;
    }
    /* 10-09-2024 END */
    .joinus-banner-overlay {
        padding: 80px 0 40px;
    }
    .new-team-widget .agent-list .title {
        font-size: 20px;
    }
    .new-team-widget .agent-list .agent-image {
        max-width: 30%; 
    }
    .new-team-widget .agent-info .profile { 
        left: 30%; 
        margin-left: 20px;
    }
    .new-team-widget .agent-list .bio{min-width: auto;}
    .about-team-wrapper aside .box {
        padding: 20px; 
    }
    .about-team-wrapper aside .box .title{font-size: 20px; margin-bottom: 15px;}
    .about-team-wrapper aside .blog .item .info .blog-title a{font-size: 20px; margin-bottom: 0;}
    .about-team-wrapper aside .blog .item .info .blog-title{height: auto;}

    .main-content .si-content-area .team-title-block h3.ui-title {
        font-size: 22px;
    }

    .team-title-block {
        padding: 12px 16px 15px;
        margin-bottom: 24px;
    }

    .about-team-wrapper .new-team-widget {
        margin-top: -25px;
    }
}

@media (max-width: 575px) {
    .main-content .si-content-area .joinus-banner-content h1, .new-inner-banner h1{
        font-size: 28px;
    }

    .main-content .si-content-area h2, .title-section h2{
        font-size: 25px;
    }

    .core-value-card-overlay {
        padding: 30px 15px;
    }

    .success-redesign-sub-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .success-redesign-sub-header-content {
        padding: 16px 0 0 0;
    }

    .si-content-area img.nj-accoudion-icon {
        left: 16px;
        width: 32px;
        height: 30px;
        top: 25px;
    }

    .nj-accoudion-content {
        padding: 0 14px 20px 16px;
    }

    .nj-accoudion-button {
        padding: 26px 52px 26px 60px;
    }

    .main-content .si-content-area .lets-together-count-slider-card h3 {
        font-size: 30px;
    }

    .main-content .si-content-area .lets-together-count-slider-card p {
        font-size: 15px;
    }

    .lets-together-count {
        padding: 40px 0 0;
    }

    .lets-together-cta {
        margin-top: 34px;
    }

    .main-content .si-content-area .fullwidth-bg-inner-btm p {
        font-size: 17px;
    }

    .fullwidth-bg-inner-top-box {
        padding: 8px 10px;
        border-width: 8px;
    }

    .fullwidth-bg-inner-top-box-content {
        padding: 18px 10px 14px;
    }

    .main-content .si-content-area .image-accordion .nj-accoudion-button h3 {
        font-size: 18px;
    }

    .image-accordion-button {
        margin-top: 50px;
    }

    .testimonial-block-slider-item-inner {
        padding: 16px 10px;
    }

    .testimonial-block-slider-item {
        padding: 0 16px 16px 10px;
    }

    .testimonial-block-slider-item-inner-wrap {
        padding: 24px 15px;
    }

    .main-content .si-content-area .testimonial-block-slider-item-inner-wrap p {
        font-size: 16px;
        padding-left: 0;
    }

    .testimonial-block-slider-item-inner-wrap .quoteleft {
        width: 26px;
        position: unset;
        vertical-align: text-top;
        margin-top: -4px !important;
    }

    .testimonial-block-slider-item-inner-wrap .quoteright {
        width: 26px;
    }

    .cta-with-contactform .cta-bg-overlay {
        padding: 50px 0 100px;
    }

    .btm-sqr,
    .top-sqr {
        width: 85px;
        height: 85px;
    }

    .half-and-half {
        padding: 40px 0;
    }

    .half-and-half.pt-0 {
        padding-top: 14px;
    }

    .main-content .si-content-area .bot-subcontent p {
        font-size: 15px;
    }

    .core-value-card-subtitle {
        font-size: 16px;
    }

    .bwn-card {
        padding: 0 0 50px;
    }

    .njlre-approach-video {
        padding: 40px 0;
    }

    .sell-step .ns-logo {
        right: -72px;
        top: 26px;
        max-width: 116px;
    }

    .sell-step {
        padding: 40px 0 0;
    }

    .timeline-container {
        padding-bottom: 40px;
    }

    .timeline-section {
        padding: 0 0 0 44px;
    }

    .timeline-dot {
        margin-left: 8px;
    }

    .timeline-bar {
        margin-left: 8px;
    }

    .njlre-icon-card-column {
        width: 100%;
    }

    .main-content .si-content-area .njlre-icon-content h3 {
        min-height: auto!important;
    }

    .prst-left-img {
        max-width: 34px;
    }

    .prst-block .ns-logo {
        max-width: 54px;
    }

    .s-media-tech img {
        max-height: 40px;
    }

    .s-media-tech > .s-media-tech-item {
        padding: 14px 10px;
    }

    .s-media-tech {
        margin: -14px -10px;
    }

    .bwn-card.bwn-card-for-marketing {
        padding: 20px 0 48px;
    }

    .njlre-icon-card-box {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .njlre-icon-wrap {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .main-content .si-content-area .njlre-icon-content p {
        text-align: center;
    }

    .ftr-cta-btn {
        margin: 14px 0 0;
        padding: 18px 0 55px;
    }

    /* 03-09-2024 START */
    .timeline-container.for-zig-zag {
        padding: 0 0 20px;
    }

    .default-btn {
        min-height: 46px;
    }

    .rolodex-s-logo {
        max-width: 70px;
        top: 165px;
    }

    .rolodex-n-logo {
        right: -52px;
        max-width: 90px;
    }

    .main-content .si-content-area .rolodex-choose-block-header h3 {
        font-size: 22px;
    }

    .main-content .si-content-area .include-why-content h3 {
        font-size: 22px;
    }

    .include-why-box-list {
        padding: 0px 0 0;
    }

    .include-why-box {
        padding: 30px 20px 34px;
    }

    .include-list {
        padding: 10px 0 0;
    }

    .rolodex-full-bg-content-overlay {
        padding: 40px 0;
    }

    .include-support-block {
        padding: 40px 0;
    }

    .rolodex-choose-block {
        padding: 40px 0;
    }

    .main-content .si-content-area .contactus-banner-ftr-text h2 {
        font-size: 16px;
    }
    /* 03-09-2024 END */
    /* 04-09-2024 start */
    .btm-sqr.rght {
        width: 85px;
        height: 85px;
    }
    /* 04-09-2024 end */

    /* 05-09-2024 START */
    .multiple-btn-wrap-inline {
        padding-top: 10px;
    }
    /* 05-09-2024 END */

    /* 10-09-2024 START */
    .property_search_form .si-seller-lead-tool .si-seller-lead-tool__controls {
        flex-direction: column;
    }

    .property_search_form .si-seller-lead-tool .si-seller-lead-tool__controls>input {
        border-right: 1px solid #ffffff;
    }

    .property_search_form .si-seller-lead-tool .si-seller-lead-tool__controls>.si-btn {
        width: 100%;
        margin-top: 10px;
    }
    /* 10-09-2024 END */
    .new-team-widget .agent-info .profile, .about-team-wrapper aside .box.search .search-button {
        min-width: 170px;
        min-height: 50px; 
        padding: 4px 17px 0; 
        font-size: 16px; 
    }
    .about-team-wrapper .blog .item .info { 
        padding: 20px 20px 20px;
    }
    .about-team-wrapper .blog .item .meta { 
        font-size: 14px;
        padding: 0 20px 20px;
    }
}

@media (max-width: 479px) {
    header .logo {
        width: 200px;
    }
    .new-team-widget .agent-info .profile {
        left: 0;
        margin-left: 0;
    }
}

@media (max-width: 320px) {
    header .logo {
        width: 176px;
    }
}