@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url("../img/loading-loader.gif") 50% 50% no-repeat rgb(249, 249, 249);
    background-size: 20%;
    opacity: 0.8;
}

.waitlist-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: no-repeat rgb(249, 249, 249);
    background-size: 20%;
    opacity: 0.9;
    display: flex;
    align-items: center;
    justify-content: center;
}

@font-face {
    font-family: "CircularStd-Regular";
    src: url(../fonts/CircularStd-Regular.otf);
}

@font-face {
    font-family: "CircularStd-Medium";
    src: url(../fonts/CircularStd-Medium.otf);
}

@font-face {
    font-family: "CircularStd-Bold";
    src: url(../fonts/CircularStd-Bold.otf);
}

@font-face {
    font-family: "CircularStd-Black";
    src: url(../fonts/CircularStd-Black.otf);
}

@font-face {
    font-family: "HelveticaNeue";
    src: url(../fonts/HelveticaNeue.ttf);
}

@font-face {
    font-family: "FuturaMediumBT";
    src: url(../fonts/FuturaMediumBT.ttf);
}


/* Variables for color and font family Start */

:root {
    /* Colors */
    --colorWhite: #fff;
    --colorBlack: #000;
    --colorBlue: #3787e3;
    --colorOffGrey: #f2f2f2;
    --colorWarmGrey: #707070;
    --colorGrey2: #f7f7f7;
    --colorLight: #f5f5f5;
    --colorYellow: #ffad00;
    --colorGreenish: #219f9d;
    --colorPurple: #ac67f0;
    --colorGreen: #009e35;
    --colorRed: #f22436;
    --colorOrange: #f2a03f;
    --colorPrim: #3787e3;
    --colorGreenTheme: #52a959;
    --colorPrimBg: #f4f7fa;
    --colorPrimDark: #3f51b5;
    --colorGrey3: #383838;
    --colorGreen2: #0dde9e;
    --colorRed1: #ed3833;
    --colorWarmGrey2: #aaa;
    /* Font Family */
    --circularRegular: "CircularStd-Regular", sans-serif;
    --circularMedium: "CircularStd-Medium", sans-serif;
    --circularBold: "CircularStd-Bold", sans-serif;
    --circularBlack: "CircularStd-Black", sans-serif;
    --circularBook: "CircularStd-Book", sans-serif;
    --helveticaRegular: "HelveticaNeue", sans-serif;
    --futuraMudium: "FuturaMediumBT", sans-serif;
}


/* Variables for color and font family End */

body {
    font-family: var(--circularRegular);
    font-size: 16px;
    /*overflow-x: hidden;*/
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

button,
a {
    transition: all 0.35s ease 0s;
}

button {
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

button:focus {
    outline: none;
}

a {
    outline: none !important;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
    max-height: 100%;
}

th {
    white-space: nowrap;
}


/* Common Classes Start */

.boxs {
    float: left;
    width: 100%;
    display: block;
}

.container {
    max-width: 1150px;
}

.fontSize10 {
    font-size: 10px;
    line-height: normal;
}

.fontSize12 {
    font-size: 12px;
    line-height: 15px;
}

.fontSize14 {
    font-size: 14px;
    line-height: 20px;
}

.fontSize16 {
    font-size: 16px;
    line-height: 24px;
    /* letter-spacing: 0.48px; */
}

.fontSize18 {
    font-size: 18px;
    line-height: 26px;
}

.fontSize20 {
    font-size: 20px;
    line-height: 25px;
}

.fontSize22 {
    font-size: 22px;
    line-height: 28px;
}

.fontSize24 {
    font-size: 24px;
    line-height: 30px;
}

.fontSize26 {
    font-size: 26px;
    line-height: 33px;
}

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

.fontSize30 {
    font-size: 30px;
    line-height: 38px;
}

.fontSize32 {
    font-size: 32px;
    line-height: 41px;
}

.fontSize35 {
    font-size: 35px;
    line-height: 44px;
}

.fontSize36 {
    font-size: 36px;
    line-height: 46px;
}

.fontSize38 {
    font-size: 38px;
    line-height: 52px;
}

.fontSize52 {
    font-size: 52px;
}

.bodySection {
    min-height: calc(100vh - 579px);
}

.bodySection2 {
    min-height: calc(100vh - 64px);
}

.textWhite {
    color: #fff;
}

.textAAA {
    color: #aaaaaa;
}

.textBlack {
    color: #000;
}

.textWarmGrey {
    color: var(--colorWarmGrey);
}

.textPrim {
    color: var(--colorPrim) !important;
}

.textPrimDark {
    color: var(--colorPrimDark);
}

.textOrange {
    color: var(--colorOrange);
}

.textGrey3 {
    color: var(--colorGrey3);
}

.textGreen {
    color: var(--colorGreen);
}

.textGreen2 {
    color: var(--colorGreen2);
}

.textRed1 {
    color: var(--colorRed1);
}

.fontReg {
    font-family: var(--circularRegular);
}

.fontMed {
    font-family: var(--circularMedium);
}

.fontBold {
    font-family: var(--circularBold);
}

.fontBlack {
    font-family: var(--circularBlack);
}

.fontBook {
    font-family: var(--circularBook);
}

.fontDisp {
    font-family: var(--helveticaRegular);
}

.fontFutura {
    font-family: var(--futuraMudium);
}

.bgWhite {
    background-color: #fff;
}

.bgBlack {
    background-color: #000;
}

.bgLight {
    background-color: var(--colorLight);
}

.bgPrim {
    background-color: var(--colorPrim);
}

.bgPrimBg {
    background-color: var(--colorPrimBg);
}

.bgPrimDark {
    background-color: var(--colorPrimDark);
}


.btnStat {
    color: var(--colorWhite) !important;
    background-color: var(--colorBlue) !important;
    border-color: var(--colorBlue) !important;
}

.btnStat:hover,
.btnStat:focus {
    color: var(--colorWhite) !important;
    background-color: var(--colorBlue) !important;
    border-color: var(--colorBlue) !important;
}

.btnStyleBlack {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: var(--colorBlack);
    display: inline-block;
    padding: 17px 54px;
    border-radius: 27px;
    text-transform: uppercase;
    border: 1px solid var(--colorBlack);
    cursor: pointer;
    text-align: center;
    min-width: max-content;
}

.btnStyleBlack:hover {
    color: var(--colorBlack);
    background-color: var(--colorWhite);
    border-color: var(--colorBlack);
}

.btnStyle {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: var(--colorBlue);
    display: inline-block;
    padding: 17px 54px;
    border-radius: 27px;
    text-transform: uppercase;
    border: 1px solid var(--colorBlue);
    cursor: pointer;
    text-align: center;
    min-width: max-content;
}


.btnStyle:hover {
    color: var(--colorBlue);
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: var(--colorBlue);
}

.btnStyle.btnStyle2 {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 45px;
}

.btnStyle.btnStyle3 {
    padding: 15px 54px;
}

.btnStyle.btnStyle4 {
    background: var(--colorWhite);
    color: var(--colorPrim);
}

.btnStyle.btnStyle4:hover,
.btnStyle.btnStyle4:focus {
    background: var(--colorPrim);
    border-color: var(--colorPrim);
    color: var(--colorWhite);
}

.btnStyle.btnStyle5 {
    padding: 8px 20px;
    background: var(--colorWhite);
    color: var(--colorPrim);
    font-size: 14px;
    font-family: var(--circularBook);
}

.btnStyle.btnStyle5:hover,
.btnStyle.btnStyle5:focus {
    background: var(--colorPrim);
    border-color: var(--colorPrim);
    color: var(--colorWhite);
}

.smallButton {
    font-size: 14px;
    line-height: 14px;
    padding: 10px 25px;
}

.smallButton2 {
    font-size: 12px;
    line-height: 12px;
    /* padding: 10px 13px; */
    padding: 10px 10px;
}

.smallButton3 {
    padding: 8px 25px 6px;
}

.btnRegDanger {
    background: transparent;
    border: 1px solid var(--colorRed);
    color: var(--colorRed);
}

.btnRegDanger:hover,
.btnRegDanger:focus {
    background: var(--colorRed);
    border: 1px solid var(--colorRed);
    color: var(--colorWhite);
}

.btnReg1 {
    --btn-color: var(--colorPrim);
    display: inline-block;
    padding: 11px 25px;
    font-size: 16px;
    line-height: 20px;
    background: transparent;
    border-radius: 32px;
    border: 1px solid var(--btn-color);
    color: var(--btn-color);
}


/* .btnReg1 {
  display: inline-block;
  padding: 11px 25px;
  font-size: 16px;
  line-height: 20px;
  background: transparent;
  border-radius: 32px;
  border: 1px solid var(--colorPrim);
  } */

.btnReg1:hover,
.btnReg1:focus {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.btnReg1:not(.btnDisabled) {
    border: 1px solid var(--btn-color);
}

.btnReg1:not(.btnDisabled):hover,
.btnReg1:not(.btnDisabled):focus {
    background: var(--btn-color);
    color: var(--colorWhite);
}

.btnReg1.btnDisabled {
    color: var(--btn-color);
}

.squareBtn {
    border-radius: 4px;
}

.btnSolid1,
.btnReg1SolidActive.active {
    background: var(--btn-color);
    color: var(--colorWhite);
}

.btnSolid1:not(.btnDisabled):hover,
.btnSolid1:not(.btnDisabled):focus {
    background: transparent;
    color: var(--btn-color);
}

.btnRegRed {
    --btn-color: var(--colorRed);
}

.btnRegGreen {
    --btn-color: var(--colorGreen);
}


/* .btnRegGreen:hover,
.btnRegGreen:focus {
  background: var(--colorGreen);
  color: var(--colorWhite);
  } */

.btnRegYellow {
    --btn-color: var(--colorYellow);
}

/* .btnRegYellow:hover,
.btnRegYellow:focus {
  background: var(--colorYellow);
  color: var(--colorWhite);
  } */

.transparentGreenBtn {
    border-color: var(--colorGreen);
    background: var(--colorWhite);
    color: var(--colorGreen);
}

.transparentGreenBtn:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.transparentBlueBtn {
    border-color: var(--colorBlue);
    background: var(--colorWhite);
    color: var(--colorBlue);
}

.transparentBlueBtn:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.transparentGreenThemeBtn {
    border-color: var(--colorGreenTheme);
    background: var(--colorWhite);
    color: var(--colorGreenTheme);
}

.transparentGreenThemeBtn:hover {
    background: var(--colorGreenTheme);
    color: var(--colorWhite);
    border-color: var(--colorGreenTheme);
}

.transparentRedBtn {
    border-color: #ed3833;
    background: transparent;
    color: #ed3833;
}

.transparentRedBtn:hover,
.transparentRedBtn:focus {
    border-color: #ed3833;
    background: #ed3833;
    color: var(--colorWhite);
}

.btnBoxDesign span {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.btnBoxDesign span:last-child {
    margin-right: 0;
}

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

.btnBoxDesign3 span {
    margin-right: 12px;
}

.smallButton {
    font-size: 14px;
    line-height: 14px;
    padding: 10px 25px;
    padding: 7px 23px;
}

.smallBtn2 {
    font-size: 14px;
    padding: 10px 20px;
    background: var(--colorPrim);
    border-radius: 20px;
    color: var(--colorWhite);
}

.smallBtn2:hover,
.smallBtn2:focus {
    background: var(--colorWhite);
    box-shadow: 0 0 0 1px var(--colorPrim);
    color: var(--colorPrim);
}

.smallBtn2New {
    border-radius: 4px;
    background: transparent;
    white-space: nowrap;
    color: var(--colorPrim);
    border: 1px solid var(--colorPrim);
    text-transform: uppercase;
    padding: 11px 14px;
    font-size: 12px;
    line-height: 12px;
}

.smallBtn2New:hover,
.smallBtn2New:focus {
    color: var(--colorWhite);
    background: var(--colorPrim);
    box-shadow: 0 0 0 1px var(--colorPrim);
}

.btnYellow {
    background: var(--colorYellow);
    color: var(--colorBlack);
    border: 1px solid var(--colorYellow);
}

.btnYellow:hover {
    background: var(--colorWhite);
    color: var(--colorYellow);
    border: 1px solid var(--colorYellow);
}

.btnGreen {
    background: var(--colorGreen);
    color: var(--colorWhite);
    border: 1px solid var(--colorGreen);
}

.btnGreen:hover {
    background: var(--colorWhite);
    color: var(--colorGreen);
    border: 1px solid var(--colorGreen);
}

.greyIconLink1 {
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.greyIconLink1 img {
    width: 20px;
    height: 20px;
}

.greyIconLink1 span {
    margin-left: 5px;
    /* border-bottom: 1px solid var(--colorWarmGrey); */
    color: var(--colorWarmGrey);
}

.lnkBtn {
    padding: 0;
    background: transparent;
    border: 0;
}

.lnkBtn:hover,
.lnkBtn:focus {
    text-decoration: underline;
}

.lnkBtnPrim {
    color: var(--colorPrim);
}

.btnPrimSolid {
    background-color: var(--colorPrim);
    color: var(--colorWhite);
}

.img60x {
    width: 60px;
    height: 60px;
    object-fit: contain;
    object-position: center;
}


/* Common Classes End */


/* Header Start */

.header {
    position: fixed;
    z-index: 99999;
}

.header2 {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.fixedHeader {
    position: fixed;
    z-index: 99999;
    background: var(--colorWhite);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.nav-item {
    margin-right: 44px;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
    color: var(--colorBlue);
}

.nav-link {
    font-family: var(--circularBook);
    font-size: 18px;
    line-height: 22px;
    color: var(--colorWarmGrey);
    padding: 0;
}

.dropdown-item {
    color: var(--colorBlue);
    margin-right: 0;
    padding: 0 10px;
    margin-bottom: 10px;
}

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

.navbar {
    padding: 0;
}

.navbar-default {
    padding: 7px 0;
}

.navbar-expand-md {
    width: 100%;
    padding: 0;
}

.navbar-expand-md .navbar-collapse {
    display: block !important;
}

.navbar-brand {
    padding: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
}


/* Sidenav Start */

.navIcon {
    position: absolute;
    height: 3px;
    width: 30px;
    right: 15px;
    top: 50%;
    background: var(--colorBlack);
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.navIcon::before {
    position: absolute;
    content: "";
    top: -8px;
    left: 0;
    height: 3px;
    width: 30px;
    background: var(--colorBlack);
    transition: all 0.3s ease;
}

.navIcon::after {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    height: 3px;
    width: 30px;
    background: var(--colorBlack);
    opacity: 1;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.navbar-toggler.active .navIcon:before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.navbar-toggler.active .navIcon {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.navbar-toggler.active .navIcon::after {
    top: 0px;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.navbar-expand-md .navbar-toggler {
    background: transparent;
    border: none;
    padding: 0;
}


/* Sidenav End */


/* Footer Start */

.topSpace {
    margin-top: 64px;
}

.footMidList .midQuickLinks {
    width: 29%;
    float: left;
}

.midSocialLinks {
    width: 42%;
    float: left;
}

.footerTop {
    background: var(--colorOffGrey);
    padding: 80px 0;
}

.footerBtm {
    background: var(--colorBlue);
    padding: 23px 0px;
}

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

.copyrightBox p {
    color: var(--colorWhite);
    font-family: var(--helveticaRegular);
    letter-spacing: 0.42px;
}

.socialLinks ul li {
    float: left;
    margin-right: 30px;
}

.socialLinks ul li:last-child {
    margin-right: 0;
}

.socialLinks ul li a {
    font-size: 22px;
    color: var(--colorWhite);
}

.footLinkList li:not(:last-child) {
    margin-bottom: 15px;
}

.footLinkList li a {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.midQuickLinks h4,
.midSocialLinks h4 {
    font-family: var(--circularMedium);
    color: var(--colorblack);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footLeft .aboutCompany h4 {
    font-family: var(--circularMedium);
    color: var(--colorblack);
    text-transform: uppercase;
    letter-spacing: 1.08px;
    margin-bottom: 16px;
}

.footLeft .aboutCompany p {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    letter-spacing: 0.42px;
    padding-right: 75px;
}

.footLogo {
    margin-bottom: 35px;
}


/* Footer End */

.midSocialLinks .footLinkSocial {
    margin-bottom: 20px;
}

.midSocialLinks .footLinkSocial span {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.midSocialLinks .footLinkSocial .linkRoute,
.midSocialLinks .footLinkSocial .linkRoute a {
    color: var(--colorBlue);
}

.midSocialLinks .footLinkSocial .linkHeading {
    margin-bottom: 6px;
}

.midSocialLinks h4 {
    margin-bottom: 30px;
}

.midQuickLinks:first-child .footLinkList ul li {
    padding-left: 15px;
    position: relative;
}

.midQuickLinks:first-child .footLinkList ul li::before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: var(--colorWarmGrey);
}


/* Home Page Start */


/* Home Banner */

.homeBanner {
    /* background: url("../img/homeBanner.jpg") no-repeat center center; */
    background-color: #052e51;
    background-size: cover;
}

.bannerInner {
    padding: 65px 0 50px;
    display: flex;
}

.bannerLeft .topHeading {
    margin-bottom: 12px;
}

.bannerLeft .topHeading h2 {
    /* text-align: justify; */
    text-transform: uppercase;
    /* color: #515050; */
    /* color: #3b3737; */
    color: #cccccc;
    letter-spacing: 3px;
    font-family: 'Poppins', var(--circularMedium);
}

.bannerLeft .topHeadingAffilate {
    margin-bottom: 15px;
}

.bannerLeft .topHeadingAffilate h2 {
    text-transform: uppercase;
    color: #cccccc;
    letter-spacing: 3px;
    font-family: 'Poppins', var(--circularMedium);
}

.topHeadingAffilate h2,
.topHeadingAffilate p {
    display: inline;
    vertical-align: top;
}

.bannerLeft .mainHeading h1 {
    font-family: 'Poppins', var(--circularBold);
    color: var(--colorWhite);
    line-height: 1.2;
}

.bannerLeft .mainHeading h1 .highlightHeading {
    font-family: var(--circularBlack);
}

.bannerLeft .mainHeading h1 .highlightHeading span {
    position: relative;
    z-index: 1;
}

.bannerLeft .mainHeading h1 .highlightHeading span:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 100%;
    bottom: 1px;
    left: 0;
    background-color: var(--colorBlue);
    z-index: -1;
}

.bannerLeft .mainHeading+.joinUs,
.bannerLeft .topHeading+.joinUs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bannerLeft .mainHeading+.joinUs .btn,
.bannerLeft .topHeading+.joinUs .btn {
    padding: .5em;
    flex: 1;
    border-radius: 3em;
    white-space: nowrap
}

.bannerVideo {
    height: 427px;
}


/* Home Features */

.compFeatures {
    background: var(--colorGrey2);
    padding: 75px 0;
}

.featuresInner .featureBox {
    background: var(--colorWhite);
    padding: 36px 30px;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.featureBox .featureImage {
    height: 90px;
    width: 90px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
}

.featureBox .featureImage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.featureBox .featureContents h4 {
    font-family: var(--circularMedium);
    color: var(--colorblack);
    margin-bottom: 20px;
}

.featureBox .featureContents h4 span {
    position: relative;
}

.featureContents h4 span::before {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    border-radius: 50%;
    bottom: 6px;
    right: -15px;
}

.featureContents.areaAnalysis h4 span::before {
    background: var(--colorRed);
}

.featureContents.postcodeData h4 span::before {
    background: var(--colorYellow);
}

.featureContents.portfolioTracker h4 span::before {
    background: var(--colorGreen);
}

.featureBox .featureContents p {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    line-height: 26px;
}

.featuresInner .row {
    margin-left: -20px;
    margin-right: -20px;
}

.featuresInner .col-sm-4 {
    padding-left: 20px;
    padding-right: 20px;
}

.featuresInner .col-sm-4:nth-child(2) {
    margin-top: 70px;
}


/* How we work */

.weWork {
    background: url("../img/weWorkBg.png") no-repeat center center;
    background-size: cover;
    padding: 69px 0;
}

.weWorkBox .row {
    align-items: center;
}

.weWorkLeft {
    padding-right: 200px;
}

.weWorkLeft .mainHeading {
    color: var(--colorBlue);
    font-family: var(--circularBold);
    margin-bottom: 7px;
}

.weWorkLeft .subHeading {
    font-family: var(--circularBook);
    color: var(--colorblack);
    margin-bottom: 40px;
}

.weWorkLeft .sectionContent {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    margin-bottom: 49px;
}

.testimonialsBox {
    padding: 50px 0;
}

.testimonialContent {
    position: relative;
    padding: 0 80px;
    margin-bottom: 30px;
}

.testimonialContent::before {
    position: absolute;
    content: url("../img/quoteLeft.png");
    background-repeat: no-repeat;
    background-position: center center;
    left: 0;
    top: 0;
}

.testimonialContent::after {
    position: absolute;
    content: url("../img/quoteRight.png");
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
    top: 0;
}

.testimonialContent {
    padding-bottom: 50px;
    position: relative;
}

.ellipseCircle {
    position: absolute;
    right: 0;
}

.testimonialContent span {
    font-family: var(--circularBook);
    color: var(--colorBlack);
}

.testimonialBy .writerName {
    font-family: var(--circularBook);
    color: var(--colorBlack);
}

.testimonialBy .writerType {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.testimonialSlider.slick-initialized .slick-slide {
    padding: 0 150px;
}

.testimonialSlider .slick-prev:before {
    content: url("../img/leftArrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
}

.testimonialSlider .slick-next:before {
    content: url("../img/rightArrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
}

.testimonialSlider .slick-arrow.slick-disabled:before {
    opacity: 0.5;
}

.testimonialSlider .slick-dots li {
    height: 12px;
    width: 12px;
}

.testimonialSlider .slick-dots li button {
    padding: 0;
    height: 100%;
    width: 100%;
}

.testimonialSlider .slick-dots li button::before {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    content: "";
}

.testimonialSlider .slick-dots li {
    background: var(--colorWarmGrey);
    border-radius: 50%;
    overflow: hidden;
}

.testimonialSlider .slick-dots li.slick-active {
    background: var(--colorBlue);
}


/* Home Page End */


/* Plan page start */

.planPage {
    padding: 35px 0 98px;
    background: var(--colorPrimBg);
}

.planBox {
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.planPage .sectionHeading {
    margin-bottom: 35px;
}

.planPage .sectionHeading h3 {
    text-align: center;
    font-family: var(--circularMedium);
    color: var(--colorblack);
}

.planDetails {
    background: var(--colorWhite);
    padding: 12px 20px 34px;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.planSecHeading {
    padding: 20px 10px;
    text-align: center;
}

.investorsPlan .planSecHeading {
    background: var(--colorYellow);
}

.sourcersPlan .planSecHeading {
    background: var(--colorGreen);
}

.businessPlan .planSecHeading {
    background: var(--colorBlue);
}

.planSecHeading p {
    color: var(--colorWhite);
    font-family: var(--circularMedium);
}

.planPrice {
    font-family: var(--circularBold);
    text-align: center;
    margin-bottom: 12px;
}

.planPrice span {
    font-family: var(--circularBook);
}

.investorsPlan .planPrice {
    color: var(--colorYellow);
}

.sourcersPlan .planPrice {
    color: var(--colorGreen);
}

.businessPlan .planPrice {
    color: var(--colorBlue);
}

.planDescription .planPoints {
    margin-bottom: 36px;
}

.planDescription .planPoints ul li {
    font-size: 16px;
    line-height: 22px;
    font-family: var(--circularBook);
    color: #2b2b2b;
    position: relative;
    padding-left: 22px;
    margin-bottom: 14px;
}

.planDescription .planPoints ul li:last-child {
    margin-bottom: 0;
}

.planDescription .planPoints ul li::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 10px;
    background: transparent;
    left: 0;
    top: 0;
    transform: rotate(45deg);
}

.investorsPlan .planPoints ul li::before {
    border-right: 5px solid var(--colorYellow);
    border-bottom: 5px solid var(--colorYellow);
}

.sourcersPlan .planPoints ul li::before {
    border-right: 5px solid var(--colorGreen);
    border-bottom: 5px solid var(--colorGreen);
}

.businessPlan .planPoints ul li::before {
    border-right: 5px solid var(--colorBlue);
    border-bottom: 5px solid var(--colorBlue);
}

.planSecBottom {
    text-align: center;
}

.planPage .planInner.col-sm-4 {
    height: auto;
}


/* Plan page end */


/* Signup Steps Page Start ( Choose Plan ) */

.stepBarBox {
    padding: 25px 0 16px;
}

.stepBarInner ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.stepBarInner .stepsList a {
    display: inline-block;
    float: left;
    width: 100%;
}

.stepBarInner .stepsList a .stepbarTop {
    height: 2px;
    width: 100%;
    background-color: #d0d0d0;
    left: 0;
    margin-bottom: 10px;
}

.stepBarInner .stepsList a .stepCount {
    font-size: 14px;
    line-height: 14px;
    color: var(--colorWarmGrey);
    font-family: var(--circularMedium);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 1px solid var(--colorWarmGrey);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
}

.stepBarInner .stepsList a .stepName {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.stepBarInner .stepsList a.active .stepbarTop {
    height: 4px;
    background-color: var(--colorBlue);
    position: relative;
    top: -2px;
}

.stepBarInner .stepsList a.active .stepCount {
    color: var(--colorBlue);
    border-color: var(--colorBlue);
}

.stepBarInner .stepsList a.active .stepName {
    color: var(--colorBlack);
}

.stepBarInner .stepsList a.activated .stepCount {
    color: var(--colorWhite);
    border-color: var(--colorBlue);
    background: var(--colorBlue);
}

.stepBarInner .stepsList a.activated .stepName {
    color: var(--colorBlue);
}

.stepBarInner .stepsList {
    display: inline-block;
    float: left;
    margin-right: 40px;
    min-width: 190px;
}

.stepBarInner .stepsList:last-child {
    margin-right: 0;
}

.onNextPage {
    text-align: right;
    margin-top: 50px;
}

.planSelectOption {
    min-height: 42px;
}

.planSelectOption input {
    display: none;
}

.planSelectOption input[type="radio"]:checked+label,
.planSelectOption input[type="radio"]:not(:checked)+label {
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
}

.planSelectOption input[type="radio"]:not(:checked)+label::before,
.planSelectOption input[type="radio"]:checked+label::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--circularMedium);
    text-transform: uppercase;
    border: 2px solid transparent;
    border-radius: 21px;
    width: 168px;
    padding: 10px 10px;
    background: transparent;
    cursor: pointer;
    margin: 0 auto;
}

.planSelectOption input[type="radio"]:not(:checked)+label::before {
    content: "Select";
}

.planSelectOption input[type="radio"]:checked+label::before {
    content: "Selected";
}

.planSelectOption.planInvestor input[type="radio"]:not(:checked)+label::before,
.planSelectOption.planInvestor input[type="radio"]:checked+label::before {
    border-color: var(--colorYellow);
    color: var(--colorYellow);
}

.planSelectOption.planInvestor input[type="radio"]:checked+label::before {
    background: var(--colorYellow);
    color: var(--colorWhite);
}

.planSelectOption.planSourcer input[type="radio"]:not(:checked)+label::before,
.planSelectOption.planSourcer input[type="radio"]:checked+label::before {
    border-color: var(--colorGreen);
    color: var(--colorGreen);
}

.planSelectOption.planSourcer input[type="radio"]:checked+label::before {
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.planSelectOption.planBusiness input[type="radio"]:not(:checked)+label::before,
.planSelectOption.planBusiness input[type="radio"]:checked+label::before {
    border-color: var(--colorBlue);
    color: var(--colorBlue);
}

.planSelectOption.planBusiness input[type="radio"]:checked+label::before {
    background: var(--colorBlue);
    color: var(--colorWhite);
}


/* Signup Steps Page Start ( Personal Details ) */

.boxDesigns {
    background: var(--colorWhite);
    padding: 40px 148px 69px;
    border-radius: 16px;
    border: solid 1px #ebebeb;
}

.boxDesigns2 {
    padding: 40px 112px 60px;
}

.boxDesign3 {
    background: var(--colorWhite);
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #e6e6e6;
}

.formDesign .form-group {
    margin-bottom: 30px;
}

.formDesign label {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    color: #aaaaaa;
    font-family: var(--circularBook);
}

.formDesign .form-control {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularBook);
    color: #1c1c1c;
    height: auto;
    padding: 14px 14px;
    background-color: #f1f1f1;
}

.formDesign .form-control::placeholder {
    color: var(--colorWarmGrey);
}

.hideShowPswdBox.inpPassCont {
    position: relative;
}

.hideShowPswdBox.inpPassCont .form-control {
    padding-right: 50px;
}

.hideShowPswdBox.inpPassCont .eyeBtn {
    position: absolute;
    right: 14px;
    bottom: 0px;
    color: #a3a3a3;
    top: initial;
    cursor: pointer;
}


/* Signup Steps Page Start ( Payment Thankyou Page ) */

.topBoxSection {
    margin-bottom: 30px;
}

.topBoxSection h3 {
    font-family: var(--circularBold);
    color: var(--colorBlue);
    margin-bottom: 3px;
}

.topBoxSection span {
    font-family: var(--circularBook);
    color: var(--colorBlack);
}

.innerBoxDesign {
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    background-color: #fafafa;
    padding: 40px 100px 20px 100px;
}

.planInfoDetails .planTimeHeading {
    font-family: var(--circularMedium);
    color: var(--colorBlue);
    margin-bottom: 40px;
}

.planDetailInfo .planDetailList {
    margin-bottom: 40px;
}

.planDetailInfo .detailHeading {
    font-family: var(--circularMedium);
    margin-bottom: 5px;
}

.planDetailInfo .detailDescription {
    font-family: var(--circularBook);
}


/* Signup Steps Page Start ( Complete Setup Page ) */

.signupCompleteBox .topBoxSection span {
    color: var(--colorWarmGrey);
}

.signupCompleteBox .topBoxSection h5 {
    font-family: var(--circularBook);
    color: var(--colorBlack);
    margin-top: 50px;
}


/* My Area Page Start */

.pageTopHeading {
    margin-bottom: 30px;
}

.pageTopHeading .pageHeadingTop {
    font-family: var(--circularMedium);
    color: var(--colorBlack);
}

.bodySpace {
    padding: 20px 0 90px;
    background: #f6f8fa;
}

.areaListBox .areaAddress {
    margin-bottom: 25px;
    display: flex;
}

.areaListBox .areaAddress .locationIcon {
    width: 22px;
    display: inline-block;
    float: left;
    margin-right: 13px;
}

.areaListBox .areaAddress .locationIcon img {
    width: 100%;
}

.areaListBox .addressDetail {
    font-family: var(--circularRegular);
    color: var(--colorBlack);
}

.areaListBox .areaPriceInfo {
    font-family: var(--circularRegular);
    color: var(--colorBlue);
}

.areaList .areaListBox {
    border-radius: 8px;
    background-color: var(--colorWhite);
    padding: 22px 20px;
}

.areaList .col-sm-6 {
    margin-bottom: 20px;
}

.pageInnerBox {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: calc(100vh - 174px);
}

.listDesings span {
    display: inline-block;
    float: left;
    padding: 0px 20px;
    border-left: 2px solid;
}

.listDesings span:first-child {
    padding-left: 0;
    border-left: none;
}

.portfolioListBox .propertyInfos {
    margin-bottom: 13px;
}

.emptyPortfolio .emptyPortfolioHead {
    font-family: var(--circularBook);
    color: var(--colorBlack);
    margin-bottom: 100px;
    padding: 0 200px;
}

.emptyPortfolio .emptyPortfolioBox {
    font-family: var(--circularBook);
    color: var(--colorBlack);
    opacity: 0.40;
}

.backPageOption .backIcon {
    margin-right: 15px;
}

.backPageOption a {
    font-family: var(--circularRegular);
    font-size: 18px;
    line-height: 18px;
    color: var(--colorWarmGrey);
    display: flex;
    align-items: center;
}

.formDesign select.form-control {
    padding: 16px 14px;
    color: #1c1c1c;
}


/* (start) @kundanb */

input[type="password"] {
    padding-right: 32px;
}

.borderLink {
    color: var(--colorPrim);
    border-bottom: 1px solid var(--colorPrim);
}

.borderLink:hover,
.borderLink:focus {
    border-bottom-color: transparent;
}

.mt-30 {
    margin-top: 30px;
}

.form-label {
    color: #aaa;
    font-size: 16px;
    font-family: var(--circularBook);
}

.form-label.textPrim {
    color: var(--colorPrim);
}

.form-control,
.form-select {
    background-color: var(--colorLight);
    border-radius: 5px;
    border: none;
    font-family: var(--circularBook);
}

.form-label .form-control,
.form-label .form-select {
    margin-top: 10px;
}

.form-control:disabled,
.form-select:disabled {
    background-color: var(--colorLight);
}

.form-control:focus,
.form-select:focus {
    background-color: #fff;
    box-shadow: 0 0 0 2px var(--colorPrim);
}

textarea.form-control {
    height: auto;
    resize: none;
}

.form-check-input {
    width: 18px;
    height: 18px;
    border: 2px solid var(--colorWarmGrey);
}

.form-check-input:focus,
.form-check-input:checked {
    box-shadow: none;
    border: 2px solid var(--colorPrim);
}

.form-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-switch-row label {
    flex: 1;
    color: var(--colorWarmGrey);
    font-size: 18px;
    /* font-family: var(--circularBook); */
    line-height: 24px;
}

.form-switch-row .form-check {
    margin-left: 60px;
}

.form-switch-row .form-check-input {
    width: 56px;
    height: 28px;
}

.formRadGrp {
    padding: 0 20px;
    background-color: var(--colorLight);
    border-radius: 6px;
}

.formRadGrp .formRow {
    padding: 15px 0;
    border-bottom: 1px solid #d5d5d5;
}

.formRadGrp .formRow:last-child {
    border-bottom: none;
}

.formRadGrp .formCell {
    display: flex;
    align-items: center;
}

.formRadGrp .form-check-label {
    flex: 1;
}

.formRadGrp input {
    width: 0;
    height: 0;
    visibility: hidden;
}

.formRadGrp input:checked+label {
    color: var(--colorPrim);
}

.formRadGrp input:not(:checked)+label+.checkIcon {
    display: none;
}


/* SumoSel Start */

.SumoSelect {
    display: block;
    width: 100%;
    font: normal 16px var(--circularBook);
    line-height: 20px;
}

.SumoSelect * {
    font: inherit !important;
    line-height: inherit !important;
}

.SumoSelect>.CaptionCont {
    padding: 15px;
    background: #f1f1f1;
    border-radius: 6px;
    border: none;
}

.SumoSelect.open>.CaptionCont,
.SumoSelect:focus>.CaptionCont,
.SumoSelect:hover>.CaptionCont {
    box-shadow: none;
}

.SumoSelect>.CaptionCont>span.placeholder {
    color: var(--colorWarmGrey);
}

.SumoSelect.open>.optWrapper {
    top: calc(100% + 10px);
    background: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #dedede;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.2);
}

.SumoSelect>.optWrapper>.options {
    padding: 5px 20px;
}

.SumoSelect>.optWrapper>.options li.opt {
    padding: 10px 0;
    border-bottom: 1px solid #d8d8d8;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
    background: transparent;
    color: var(--colorPrim);
}

.SumoSelect>.optWrapper.multiple>.options li.opt {
    padding: 5px 0;
    border: none;
    display: flex;
    align-items: center;
}

.SumoSelect .select-all>span,
.SumoSelect>.optWrapper.multiple>.options li.opt span {
    position: relative;
    margin: 0;
}

.SumoSelect .select-all.partial>span i,
.SumoSelect .select-all.selected>span i,
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
    right: 0;
    background-color: var(--colorPrim);
}

.SumoSelect.open .search-txt {
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    padding-left: 40px;
    background-image: url("../img/search-bg-sumo.svg");
    background-size: 15px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    font-size: 14px !important;
    line-height: 15px !important;
}

.SumoSelect.open .search-txt::placeholder {
    color: #adadad;
    font-size: 14px;
    font-family: var(--circularBook);
    line-height: 15px;
}


/* SumoSel End */


/* formCtrlGrp Start */

.formGrp {
    padding: 0 20px;
    background-color: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #eaeaea;
}

.formGrp .SumoSelect>.CaptionCont {
    padding: 16px 0;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid #d5d5d5;
}

.formGrp .SumoSelect:last-child>.CaptionCont {
    border: none;
}

.formGrp .SumoSelect.open>.optWrapper {
    top: 100%;
    background: #fff;
}

.formGrp .form-control {
    padding: 14px 0;
}

.formGrp .form-control::placeholder {
    color: #909090;
}

.formGrp .form-control:focus,
.formGrp .form-control[readonly] {
    background-color: transparent;
    box-shadow: none;
}


/* formCtrlGrp End */

.modal-header {
    border: none;
}

.logoOnlyHeader {
    padding-top: 45px;
    text-align: center;
}

.logoOnlyHeader img {
    max-height: 95px;
}

.passEyeBtn {
    position: absolute;
    /*top: 50%;*/
    top: 26px;
    right: 10px;
    transform: translateY(-50%);
    color: #a3a3a3;
    font-size: 14px;
}

.passEyeBtn:hover,
.passEyeBtn:focus {
    color: var(--colorPrim);
}

.closeBtn {
    padding: 7px;
    background: var(--colorLight);
    border-radius: 3px;
    box-shadow: 0 0 5px -2px #0007;
    font-size: 18px;
    line-height: 10px;
}

.closeBtn:hover,
.closeBtn:focus {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.select1 {
    padding: 10px;
    background: white;
    border: 0;
    font-size: 14px;
    line-height: 18px;
    color: var(--colorWarmGrey);
}

.select1Blue {
    color: var(--colorPrim);
    box-shadow: 0 0 0 1px var(--colorPrim);
}

.fileUploadCard {
    position: relative;
    display: inline-block;
    background-size: cover;
    background-position: center;
}

.fileUploadCard input {
    width: 0;
    height: 0;
    visibility: hidden;
}

.fileUploadCard .delCardFileBtn {
    position: absolute;
    top: 10px;
    right: 10px;
}

.fileUploadCard .addCardFileBtn {
    padding: 40px 50px;
    border: 1px dashed var(--colorPrim);
}

.fileUploadCard .addCardFileBtn p {
    margin-top: 16px;
}

.fileUploadCard.active .addCardFileBtn,
.fileUploadCard:not(.active) .delCardFileBtn {
    visibility: hidden;
    transition: none;
}

.myAccHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 2px 40px;
    background: var(--colorWhite);
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.16);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
}

.myAccHeaderLogo {
    height: 54px;
    padding: 8px 8px 8px 14px;
    width: auto;
}

.myAccNavDdBtn {
    display: flex;
    align-items: center;
}

.myAccNavDdBtn img {
    height: 26px;
}

.myAccNavDd {
    margin-top: 10px !important;
    padding: 24px 20px;
    padding: 10px 20px;
}

.myAccNavDd * {
    white-space: nowrap;
}

.myAccNavDd img {
    max-width: unset;
    max-height: unset;
}

.myAccNavDd .ddHeader img {
    width: 40px;
    height: 40px;
}

.myAccNavDd .ddList {
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px solid var(--colorLight);
    display: flex;
    flex-direction: column;
}

.myAccNavDd .ddList a {
    padding: 10px 100px 10px 0;
    background: url("../img/rightArrow.png") no-repeat;
    background-size: auto 13px;
    background-position: right;
    border-top: 1px solid var(--colorLight);
    color: black;
    font-family: var(--circularBook);
    display: flex;
    align-items: center;
}

.myAccNavDd .ddList a:first-child {
    border-top: none;
}

.myAccNavDd .ddList a:hover {
    color: var(--colorPrim);
}

.myAccNavDd .ddList a img {
    height: 20px;
    margin-right: 10px;
}

#accSideNav {
    width: auto;
    min-width: 272px;
    padding-top: 64px;
    border: none;
    background: var(--colorWhite);
    z-index: 112;
}

#accSideNav a {
    display: block;
    padding: 10px 40px;
    color: var(--colorBlack);
    min-width: max-content;
}

/* #accSideNav a:hover,
#accSideNav a:focus {
    background: var(--colorLight);
    box-shadow: inset 5px 0 var(--colorWarmGrey);
    color: var(--colorWarmGrey);
} */

#accSideNav a.active {
    background: var(--colorPrimBg);
    box-shadow: inset 5px 0 var(--colorPrim);
    color: var(--colorPrim);
}

.myAccMain {
    flex: 1;
    min-width: 0;
    padding: 85px 40px 40px;
}

.prim18Med {
    text-align: center;
    color: var(--colorPrim);
    font-size: 18px;
    font-family: var(--circularMedium);
    line-height: 26px;
}

.prim22Med {
    text-align: center;
    color: var(--colorPrim);
    font-size: 22px;
    font-family: var(--circularMedium);
    line-height: 28px;
}

.prim24med {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    color: var(--colorPrim);
    font-size: 24px;
    font-family: var(--circularMedium);
    line-height: 30px;
}

.btnTabsCont {
    display: flex;
    justify-content: center;
    border: 0;
}

.btnTabsCont a {
    min-width: 100px;
    padding: 10px 20px;
    background: white;
    box-shadow: -1px 0 #0001;
    text-align: center;
    color: var(--colorWarmGrey);
    font-size: 15px;
    font-family: var(--circularBook);
    line-height: 18px;
}

.btnTabsCont a:first-child {
    box-shadow: none;
}

.btnTabsCont a:hover,
.btnTabsCont a:focus {
    background: var(--colorLight);
}

.btnTabsCont a.active {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.checkGreen {
    width: 37px;
    padding: 1px;
    background: var(--colorGreen);
    border-radius: 10px;
}

.checkGreen::after {
    content: "";
    width: 9px;
    height: 9px;
    background: white;
    border-radius: 100%;
    float: left;
}

.checkGreen input:checked ::after {
    float: right;
}

.formPhotosCont {
    padding: 25px;
    background: var(--colorLight);
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
}

.formPhotosCont .inpCont {
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.formPhotosCont .photoWrp {
    position: relative;
}

.formPhotosCont .photoWrp img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

.formPhotosCont .photoWrp .delPhotoBtn {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 1;
    width: 1.25em;
    height: 1.25em;
    background: #0007;
    border-radius: 50%;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.25em;
}

.formPhotosCont .addPhotoBtn,
.formPhotosCont .addPhotoBtn2 {
    width: 100px;
    height: 100px;
    background: var(--colorWhite);
    border: 1px dashed var(--colorPrim);
    border-radius: 5px;
    color: var(--colorPrim);
    font-size: 12px;
    font-family: var(--circularBook);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.formPhotosCont .addPhotoBtn:hover,
.formPhotosCont .addPhotoBtn:focus {
    border-style: solid;
}

.formPhotosCont .addPhotoBtn i {
    margin-bottom: 5px;
}

.btnTableHeadReg {
    display: inline-block;
    padding: 10px 20px;
    box-shadow: inset 0 0 0 1px var(--colorPrim);
    color: var(--colorPrim);
    font-size: 12px;
    font-family: var(--circularMedium);
    line-height: 15px;
}

.btnTableHeadReg:hover,
.btnTableHeadReg:focus {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.btnTableHeadReg img {
    width: 15px;
    height: 15px;
}

.btnTableHeadSolid {
    display: inline-block;
    padding: 10px 20px;
    background: var(--colorPrim);
    color: var(--colorWhite);
    font-size: 12px;
    font-family: var(--circularMedium);
    line-height: 15px;
}

.btnTableHeadSolid:hover,
.btnTableHeadSolid:focus {
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--colorPrim);
    color: var(--colorPrim);
}

.btnTableHeadSolid img {
    width: 15px;
    height: 15px;
}

.bigTable {
    font-family: var(--circularBook);
}

.bigTable thead {
    background: var(--colorLight);
    font-size: 14px;
}

.bigTable tbody {
    background: var(--colorWhite);
    color: var(--colorWarmGrey);
    font-size: 12px;
}

.bigTable th,
.bigTable td {
    padding: 10px 15px;
}

.p-40-sec {
    padding: 40px;
    background: white;
    border-radius: 12px;
}

.p-30-40-sec {
    padding: 30px 40px;
    background: white;
    border-radius: 12px;
}

.p-40-80-sec {
    padding: 40px 80px;
    background: white;
    border-radius: 12px;
}

.p-30-100-sec {
    padding: 30px 100px;
    background: white;
    border-radius: 12px;
}

.p-20-sec {
    padding: 20px;
    background: white;
    border-radius: 12px;
}

.successModal .modal-body {
    padding: 50px 180px;
    text-align: center;
    font-size: 28px;
    font-family: var(--circularMedium);
}

.successModal .modal-body img {
    max-height: 140px;
    margin-bottom: 40px;
}

.noSelText {
    padding: 200px 0;
    text-align: center;
    color: var(--colorWarmGrey);
    font-size: 24px;
    font-family: var(--circularBook);
}

.checkLabelBlack .form-check-label {
    color: black;
    font-size: 20px;
}


/* (start) Login / Signup Page */

#main-login {
    margin: 20px 0 50px;
    max-width: 560px;
    overflow: hidden;
    background: var(--colorWhite);
    border-radius: 12px;
}

#tabList-login {
    background: #f7f7f7;
    border: none;
}

#tabList-login .nav-link {
    height: 60px;
    border: none;
    text-align: center;
    color: #acacac;
    font-family: var(--circularMedium);
    font-size: 18px;
    line-height: 60px;
}

#tabList-login .nav-link:hover,
#tabList-login .nav-link:focus {
    box-shadow: inset 0 -3px #acacac;
}

#tabList-login .nav-link.active {
    background: #e4eef7;
    border: none;
    box-shadow: inset 0 -3px var(--colorPrim);
    color: var(--colorPrim);
}

.tab-login {
    padding: 20px 45px;
}

#loginF {
    padding-bottom: 90px;
}

#signup {
    padding-bottom: 30px;
}

#loginF [type="submit"] {
    margin-top: 100px;
}

#signupF [type="submit"] {
    margin-top: 35px;
}

#forgotPassModal .modal-body {
    padding: 40px 45px 80px;
}

#forgotPassModal .modalIcon {
    height: 78px;
}

#forgotPassModal .modalTitle {
    margin-top: 30px;
}

#forgotPassModal .modalDesc {
    margin-top: 18px;
}


/* (end) Login / Signup Page */


/* (start) Profile Page */

#updProfF .userPicCol {
    border-right: 1px solid #d0d0d0;
}

#updProfF .userPicWrp img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 1px solid #ccc;
}

#updProfF .userName {
    margin-top: 16px;
    color: #4a4a4a;
}


/* (end) Profile Page */


/* (start) User Set Branding Page */

#setBrandingForm {
    margin-top: 50px;
}

#setBrandingForm .fileUploadCard {
    margin-top: 20px;
}


/* (end) User Set Branding Page */


/* (start) Recent PDFs Download Page */

#recentPDFsTable {
    margin-top: 20px;
    overflow: hidden;
    border-radius: 12px;
}

#recentPDFsTable thead {
    background: #e3f0ff;
}

#recentPDFsTable th,
#recentPDFsTable td {
    padding: 8px 25px;
    vertical-align: middle;
}

#recentPDFsTable th:nth-child(2),
#recentPDFsTable td:nth-child(2) {
    text-align: left;
}


/* (end) Recent PDFs Download Page */

.creditScoreRow {
    max-width: 700px;
}

#referredUsersSec {
    padding: 25px 20px;
}

#referredUsersList li {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

#referCodeShareCont {
    margin-top: 20px;
    padding: 12px 20px;
    background-color: #f1f1f1;
    border-radius: 8px;
    border: solid 1px #dedede;
}

#referCodeShareCont button {
    padding: 10px 25px;
}

#referCodeSec li {
    list-style: disc;
    margin-top: 8px;
    margin-left: 1em;
    color: var(--colorWarmGrey);
    font-size: 14px;
    font-family: var(--circularBook);
    line-height: 18px;
}

.pfFieldsNavTab {
    flex: 1;
    margin-left: 30px;
    box-shadow: 0 -2px #d0d0d0;
}

.pfFieldsNavTab:first-child {
    margin-left: 0;
}

.pfFieldsNavTab.active,
.pfFieldsNavTab.completed {
    box-shadow: 0 -4px var(--colorPrim);
}

.pfFieldsNavTab .tabSerial {
    width: 26px;
    height: 26px;
    margin-top: 10px;
    border-radius: 100%;
    border: 1px solid var(--colorWarmGrey);
    text-align: center;
    color: var(--colorWarmGrey);
    font-size: 14px;
    font-family: var(--circularMedium);
    line-height: 26px;
}

.pfFieldsNavTab.active .tabSerial {
    border-color: var(--colorPrim);
    color: var(--colorPrim);
}

.pfFieldsNavTab.completed .tabSerial {
    background: var(--colorPrim);
    border-color: var(--colorPrim);
    color: var(--colorWhite);
}

.pfFieldsNavTab .tabTitle {
    margin-top: 8px;
    color: var(--colorWarmGrey);
    font-size: 18px;
    font-family: var(--circularBook);
}

.pfFieldsNavTab.active .tabTitle {
    color: var(--colorBlack);
}

.pfFieldsNavTab.completed .tabTitle {
    color: var(--colorPrim);
}

#faqsSec .accordion-item {
    border: none;
    border-bottom: 1px solid #0001;
}

#faqsSec .accordion-button {
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
}

#faqsSec .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #2b2b2b;
}

#faqsSec .accordion-button:focus {
    box-shadow: none;
}

#faqsSec .accordion-body {
    padding-left: 0;
    padding-right: 0;
}

#blogsList .blogMetaInfo a {
    border-bottom: 1px solid var(--colorPrim);
}

#blogsList .blogMetaInfo a:hover,
#blogsList .blogMetaInfo a:focus {
    border-color: transparent;
}

.logoutCancelBtn {
    padding: 14px 37px;
    border-radius: 30px;
    border: 1px solid var(--colorPrim);
    color: var(--colorPrim);
    font-size: 17px;
    font-family: var(--circularMedium);
    line-height: 22px;
    min-width: max-content;
}

.logoutCancelBtn:hover,
.logoutCancelBtn:focus {
    background-color: var(--colorPrim);
    color: var(--colorWhite);
}

.logoutBtn {
    margin-left: 14px;
    padding: 14px 30px;
    background: var(--colorPrim);
    border-radius: 30px;
    border: 1px solid var(--colorPrim);
    color: var(--colorWhite);
    font-size: 17px;
    font-family: var(--circularMedium);
    line-height: 22px;
    min-width: max-content;
}

.logoutBtn:hover,
.logoutBtn:focus {
    background-color: var(--colorWhite);
    color: var(--colorPrim);
}

.dataSrcItem {
    overflow: hidden;
    background-color: #edf3f8;
    border-radius: 5px;
    /* box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.16); */
    border: solid 1px #edeeee;
}

.dataSrcItem img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #fff;
}

#addResPropPg {
    padding: 30px 112px 60px;
}

#addResPropPg .pgDesc {
    max-width: 600px;
}

#addResPropForm .form-submit-row {
    margin-top: 80px;
}

.dlBtn-76 {
    padding: 8px 10px;
    border-radius: 0;
    font-size: 12px;
    font-family: var(--circularMedium);
    line-height: 15px;
}

.typesOfDealsBtn {
    margin-left: 10px;
    padding: 10px 24px;
    background: white;
    border: 1px solid var(--colorPrim);
    font-size: 12px;
    line-height: 15px;
}

#dealsFilterModal .form-check-label {
    font-size: 18px;
    font-family: var(--circularBook);
}

#dealsFilterModal .btnStyle {
    padding: 13px 40px;
}

#cancelPlanModal .modal-body {
    padding: 50px 83px;
}

.propDescSlider .thumbItem {
    width: 70px;
    min-width: 70px;
    opacity: 0.5;
}

.propDescSlider .thumbItem.active {
    opacity: 1;
    box-shadow: 0 0 10px -3px #0005;
}

.propDescSlider .thumbItem img {
    width: 100%;
    border-radius: 5px;
}

.propDescSlider .photoCont {
    flex: 1;
    overflow: hidden;
    border-radius: 5px;
}

.propDescSlider .photoCont img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}


/* (end) @kundanb */


/* New Code Start */


/* Branding page  */

.chooseColorList .chooseColorListTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.brandingPageBox .chooseColorLabel {
    margin-bottom: 10px;
}

.chooseColorList {
    padding: 10px;
    background-color: #f1f1f1;
    border-radius: 6px;
}

.chooseColorList .addColorBox {
    background-color: var(--colorWhite);
    padding: 13px 20px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    float: left;
    width: 230px;
    position: absolute;
    top: -50px;
    left: 140%;
    display: none;
}

.chooseColorList .addColorBox.sectionActive {
    display: block;
}


/* .chooseColorList .addColorBox::before{
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  left: 0;
  top: 60px;
  border: 15px solid transparent;
  border-left: 0;
  border-right: 15px solid #5494db;
  transform: translate(calc(-100% - 5px), -50%);
  } */

.chooseColorListTop .solidColorHeading {
    color: #48a3f4;
    font-family: var(--futuraMudium);
}

.brandingPageBox .colorBoxHeading {
    margin-bottom: 18px;
}

.brandingPageBox .colorBoxHeading p {
    color: var(--colorBlue);
}

.addColorForm .colorCodeInput {
    margin-bottom: 24px;
}

.addColorForm .colorCodeInput label {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    margin-bottom: 10px;
}

.addColorForm .colorCodeInput .form-control {
    font-size: 14px;
    line-height: 18px;
    color: var(--colorBlue);
    font-family: var(--circularBook);
    height: auto;
    border: 1px solid #e2e2e2;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.addColorForm .colorCodeSubmit {
    margin-bottom: 34px;
}

.chooseColorList .addColorSec {
    position: relative;
}

.chooseColorList .addColorSec .addColorBtn {
    color: var(--colorBlue);
}

.dynamicColorList ul li {
    display: inline-block;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

.dynamicColorList .customRadioBox input {
    display: none;
}

.dynamicColorList .customRadioBox label span {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 2px;
    border: 1px solid transparent;
    cursor: pointer;
}

.dynamicColorList .customRadioBox input[type="radio"]:checked+label span {
    border: 1px solid var(--colorBlack);
}

.brandPreviewBox {
    margin-top: 30px;
    border-radius: 8px;
    border: solid 1px #f2f2f2;
    overflow: hidden;
}

.brandPreviewBox .brandingHeader {
    padding: 10px;
    /* height: 52px; */
    /* background-color: var(--colorBlue); */
}

.brandPreviewBox .fileBody {
    padding: 10px;
    background-color: #f7f7f7;
    min-height: 380px;
}

.brandingHeader .brandHeadingLogo {
    height: 32px;
    /* width: 40px; */
    display: inline-block;
    float: left;
}

.fileUploadCard input {
    display: none;
}

.fileUploadCard .imageUploadBox {
    background: none !important;
}


/* Dashboard Start */

.dashCardBox {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    /* padding: 14px 20px; */
    padding: 14px 14px;
    background: var(--colorWhite);
    height: 100%;
    border-radius: 4px;
}


/*.cardInnerBox{*/


/*    display: flex;*/


/*    flex-direction: column;*/


/*    justify-content: space-between;*/


/*    height: 100%;*/


/*}*/

.dashCardBox2 {
    padding: 0;
}

.dashboardBox .dashHeading {
    margin-bottom: 20px;
}

.dashboardBox .dashHeading h2 {
    font-family: var(--circularRegular);
    color: var(--colorBlue);
}

.statusBarBox {
    width: 50%;
    float: right;
    position: relative;
}

.statusBarBox .valueStatusPointer {
    position: absolute;
    content: url("../img/pointArrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.valueStatus {
    padding-top: 30px;
}

.valueStatus .statusLabel {
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
    letter-spacing: normal;
}

.valueStatus .valueStatusBar {
    border-radius: 2px;
    height: 22px;
    width: 100%;
    background-image: linear-gradient(to right, #e23e60, #f25a53, #fb7848, #fe963f, #fbb43e, #f2c23b, #e7cf3d, #d9dc45, #c6dd41, #b2dd3f, #9bde41, #81de45);
}

.tagStyle {
    position: relative;
    top: -8px;
    left: -14px;
    margin-bottom: 6px;
}

.tagStyle span {
    font-size: 10px;
    line-height: 12px;
    font-family: var(--circularRegular);
    color: var(--colorWhite);
}

.forSaleTag {
    min-height: 30px;
}

.forSaleTag span {
    background: url("../img/greenTag.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 15px 18px 8px 10px;
    position: relative;
}

.dashboardSections {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #cbcbcb;
}

.dashboardSections:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.areaTargetSection .targetAreaHead {
    margin-bottom: 20px;
}

.areaTargetSection .targetAreaHead span {
    color: var(--colorBlue);
    font-family: var(--circularMedium);
}

.areaTargetSection .cardBottomBox ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.areaTargetSection .cardBottomBox ul li:last-child {
    margin-bottom: 0;
}

.areaTargetSection .cardBottomBox .targetAreaLabel {
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
}

.areaTargetSection .cardBottomBox .targetAreaValue {
    font-family: var(--circularMedium);
    color: var(--colorBlue);
}

.leftMargin {
    margin-left: 15px;
}

.areaInsightsSection .dashCardBox thead tr th {
    font-family: var(--circularRegular);
    color: #0c0c0c;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 10px 1px 10px;
    border-bottom: 1px solid #dfdfdf;
}

.areaInsightsSection .dashCardBox thead tr th:first-child {
    font-family: var(--circularMedium);
    /* text-align: left; */
}

.areaInsightsSection .dashCardBox tbody tr td {
    padding: 2px;
    font-size: 14px;
    line-height: 12px;
    font-family: var(--circularBook);
    color: var(--colorBlack);
    /* padding: 2px 5px; */
    border-radius: 2px;
    text-align: center;
    margin-bottom: 10px;
}

.areaInsightsSection .dashCardBox tbody tr td.priceFlow {
    padding-bottom: 10px;
}

.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
    padding: 10px 5px;
    display: flex;
    align-items: center;
}

.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox span:nth-child(2) {
    flex: 1;
}

.priceFlowBox .flowIcon {
    margin-right: 5px;
    display: inline-block;
    float: left;
    width: 6px;
}

.priceFlowBox .flowIcon img {
    width: 100%;
}

.areaInsightsSection .dashCardBox tbody tr td .priceUp {
    background-color: #e8ffe5;
}

.areaInsightsSection .dashCardBox tbody tr td .avgPrice {
    background-color: #f4f7fa;
}

.areaInsightsSection .dashCardBox tbody tr td .priceDown {
    background-color: #fff5e5;
}

.areaInsightsSection .dashCardBox tbody tr td:first-child {
    font-size: 14px;
    line-height: 16px;
    color: var(--colorWarmGrey);
    font-family: var(--circularBook);
    background: transparent;
    text-align: left;
    padding: 0;
    padding-left: 10px;
    padding-bottom: 10px;
}

.areaInsightsSection .dashCardBox tbody tr td:last-child {
    padding-right: 10px;
}

.areaInsightsSection .dashCardBox tbody tr:first-child td {
    padding-top: 10px;
}

.areaInsightsSection .dashCardBox tbody tr:last-child td {
    padding-bottom: 10px;
}

.areaListBox.areaListBox2 .areaAddress .locationIcon {
    width: 17px;
    margin-right: 7px;
}

.areaListBox.areaListBox2 .addressDetail {
    line-height: 24px;
}

.cardBtmBtns {
    margin-top: 30px;
}

.cardBtmBtns span {
    margin-right: 7px;
}

.dashHeadingTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.dashHeadingTop h2 {
    margin: 0;
    text-align: left;
    font-family: var(--circularMedium);
    color: var(--colorBlack);
}

.priceFlowSec2 {
    display: inline-block;
}

.priceFlowSec2 .priceFlowBox {
    font-size: 13px;
    line-height: 13px;
    font-family: var(--circularRegular);
    color: var(--colorBlack);
    display: inline-flex;
    align-items: center;
    padding: 4px 5px;
    min-width: 52px;
}

.priceFlowSec2 .priceFlowBox.priceUp {
    background: #e8ffe5;
}

.priceFlowSec2 .priceFlowBox.priceDown {
    background: #fff5e5;
}

.researchCardDetails .leftBlock {
    display: inline-flex;
    width: 50%;
    align-items: center;
    justify-content: space-between;
}

.cardInnerBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.statusBarBox {
    width: 46%;
}

.myAreaCardBtm {
    padding: 10px;
}

.myAreaCardBtm span {
    margin-right: 8px;
}

.myAreaCards thead tr th:first-child {
    color: var(--colorBlue);
}

.dashCardsSection .col-sm-4 {
    margin-bottom: 20px;
}

.modalBox.modalBox2 .modal-dialog {
    max-width: 620px;
}

.modalBox .modal-content {
    padding: 50px;
}

.modalBox .modal-body {
    padding: 0;
}

.modalHeading {
    margin-bottom: 12px;
}

.modalHeading.modalHeading2 {
    margin-bottom: 40px;
}

.modalHeading .modalMainHeading {
    margin-bottom: 20px;
}

.squareBtnSmall {
    border-width: 2px;
    padding: 12px 9px;
    background: transparent;
}

.solidSquareBtnSmall {
    border-width: 2px;
    padding: 12px 9px;
    background: var(--colorPrim);
}

.squareBtnSmall2 {
    border-width: 2px;
    padding: 12px 9px;
    background: var(--colorBlue);
}


/* My Portfolio Page Start */

.portfolioHeadBox .portfolioInfoCard {
    padding: 17px 20px;
    background-color: var(--colorWhite);
    border-radius: 5px;
    display: flex;
}

.portfolioHeadBox .portfolioCardRight {
    max-width: 65px;
    margin-left: 20px;
}

.portfolioHeadBox .portfolioCardCount {
    font-family: var(--circularMedium);
    color: var(--colorBlue);
    margin-bottom: 3px;
}

.portfolioHeadBox .portfolioCardLabel {
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
    line-height: 20px;
}

.dashboardHeaderBtns {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

.dashboardHeaderBtns span {
    display: inline-flex;
    margin-left: 10px;
    margin-bottom: 10px;
}

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

.tagInfoSec {
    margin-top: -14px;
}

.tagInfoSec span {
    display: inline-block;
    float: left;
}

.tagInfoSec .secLabel {
    font-size: 14px;
    line-height: 14px;
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
}

.tagInfoSec .secCount {
    font-size: 16px;
    line-height: 16px;
    font-family: var(--circularRegular);
    color: var(--colorBlue);
}


/* My Sourcing Leads Start */

.marketDealsBox .formHeadingBox {
    margin-bottom: 40px;
}

.marketDealsBox .formHeadingBox h3 {
    font-family: var(--circularMedium);
    color: var(--colorBlue);
}

.marketDealsBox .formBottomBox {
    margin-top: 30px;
}


/* Payment page start */

.paymentLeftInner {
    border-radius: 8px;
    border: solid 1px #ebebeb;
    background: var(--colorWhite);
    padding: 25px 20px;
}

.saveCardsBox .saveCardsSec {
    font-family: var(--circularBook);
    color: var(--colorBlack);
    margin-bottom: 10px;
}

.saveCardsDetails input,
.saveCardsDetails label {
    display: inline-block;
    float: left;
}

.saveCardsDetails label,
.otherPayOption label {
    margin-left: 16px;
}

.saveCardsRight {
    margin-left: 15px;
}

.removeSaveCards a {
    font-family: var(--circularBook);
    color: #e81616;
}

.saveCardsDetails {
    display: flex;
    justify-content: space-between;
}

.savedCardDetail,
.acceptTerms,
.otherPayOption {
    display: flex;
}

.acceptTerms {
    margin-left: 25px;
    margin-top: 10px;
}

.acceptTerms input,
.savedCardDetail input,
.otherPayOption input {
    margin-top: 4px;
}

.saveCardsInner {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.saveCardsInner:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.onCardsContinue {
    margin-top: 20px;
}

.acceptTerms,
.onCardsContinue {
    display: none;
}

.acceptTerms.selectedDiv,
.onCardsContinue.selectedDiv {
    display: flex;
}

.onCardsContinue span {
    display: inline-block;
    float: left;
    margin-right: 14px;
}

.saveCardsLabel .cardBankName {
    color: var(--colorBlack);
}

.saveCardsLabel .userName,
.saveCardsLabel .cardExpiry {
    color: var(--colorWarmGrey);
    margin-top: 3px;
}

.acceptTerms label {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    font-size: 13px;
    line-height: 17px;
}

.paymentLeftInner {
    margin-bottom: 20px;
}

.otherPayOption label {
    font-family: var(--circularBook);
    color: var(--colorBlack);
}

.paymentLeftInner.cardsOtherOptions {
    padding: 13px 20px;
    margin-bottom: 10px;
}

.paymentRight {
    border-radius: 8px;
    border: 1px solid #ebebeb;
    overflow: hidden;
}

.paymentRight .subscriptPlanTop {
    padding: 20px;
    background: var(--colorBlue);
}

.paymentRight .planAmountBox {
    padding: 20px;
    background: var(--colorWhite);
}

.paymentRight .planInfoBottom {
    padding: 20px;
    background: #fafafa;
}

.subscriptPlanTop .subsPlanHeading {
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    margin-bottom: 23px;
    text-transform: uppercase;
}

.subscriptPlanTop .planAccessTime {
    font-family: var(--circularBook);
    color: var(--colorWhite);
    margin-bottom: 8px;
}

.subscriptPlanTop .currentPlanInfo {
    font-family: var(--circularBook);
    color: #f0f0f0;
    letter-spacing: 0.56px;
}

.subscriptPlanTop .currentPlanInfo .infoIcon {
    margin-left: 7px;
}

.planInfoBottom .planTrialBox {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    line-height: 22px;
    margin-bottom: 5px;
}

.planInfoBottom .monthlyRolling {
    font-family: var(--circularBook);
    color: var(--colorBlack);
}

.planInfoBottom .monthlyRolling span {
    font-family: var(--circularMedium);
}

.planInfoBottom .changePlanBox {
    font-family: var(--circularBook);
    color: var(--colorBlue);
}

.paymentInnerBox {
    display: flex;
}

.paymentInnerBox .paymentRight {
    width: 378px;
    min-width: 378px;
    margin-left: 20px;
    height: 100%;
}

.planInfoBottom .planInfoBtm:not(:last-child) {
    margin-bottom: 10px;
}

.planAmountBox .planAmountInfo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.planAmountBox .planAmountInfo .planAmountLabel {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.planAmountBox .planAmountInfo .planAmountCount {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.planAmountBox .planAmountInfo.panDiscountBox .planAmountCount {
    color: #48a3f4;
}

.planAmountBox .planPayble {
    border-top: 1px solid #e5e2e2;
    padding-top: 10px;
    margin-top: 5px;
    margin-bottom: 0;
}

.planAmountBox .planPayble .planAmountLabel {
    color: #313131;
}

.planAmountBox .planPayble .planAmountCount {
    color: var(--colorBlack);
    font-family: var(--circularMedium);
}

.currentPlanTag .planTagBox {
    background: url("../img/planTags.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 9px 54px;
}

.currentPlanTag {
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    text-transform: uppercase;
    margin-bottom: 20px;
}


/* About Us Page Start */

.textHighlight {
    color: var(--colorOrange);
}

.aboutPage .aboutCardSection {
    background: url("../img/aboutBannerbg.png") no-repeat center center;
    background-size: cover;
    padding: 60px 10px;
    padding-left: 50px;
}

.aboutPage .aboutBannerLeft {
    position: relative;
}

.aboutPage .aboutBannerRight {
    padding-left: 30px;
}

.aboutPage .aboutBannerLeft .aboutBannerImg {
    /* position: absolute;
    width: 100%;
    max-height: 520px;
    overflow: hidden;
    left: 0;
    top: 0; */
    border-radius: 10px;
}

.aboutPage .aboutBannerLeft .aboutBannerImg img {
    border-radius: 10px;
}

.aboutSecLeft span {
    border-radius: 16px;
}

.aboutPage .aboutBannerLeft img {
    height: 100%;
    width: 100%;
}

.bannerSectionsHeading {
    font-family: var(--circularBold);
    color: var(--colorBlue);
    margin-bottom: 35px;
}

.aboutBannerRight .bannerSectionsHeading {
    padding-bottom: 14px;
    position: relative;
}

.aboutBannerRight .bannerSectionsHeading::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    background: var(--colorBlack);
    width: 64px;
}

.bannerSectionsContent {
    font-family: var(--circularBook);
    color: #313131;
    line-height: 24px;
}

.aboutSectionsBottom {
    margin-top: 4vh;
}

.aboutSectionsBottom .aboutSectiosBox {
    padding-bottom: 80px;
}

.aboutSectionsBottom .aboutSectiosBox:nth-child(even) .row {
    flex-direction: row-reverse;
}


.aboutSectionsBottom .aboutSectiosBox .aboutSecRight {
    padding-left: 30px;
}

.aboutSectionsBottom .aboutSectiosBox:nth-child(even) .aboutSecRight {
    padding-left: 0;
    padding-right: 30px;
}

.aboutSectionsBottom .aboutSectiosBox:last-child .aboutSecRight {
    margin-top: 0px;
}

.aboutSectionsBottom .aboutSectiosBox:last-child .row {
    align-items: center;
}

.aboutSectiosBox .aboutSecRight h3 {
    font-family: var(--circularBold);
    margin-bottom: 28px;
}

.aboutSectiosBox .aboutSecRight span {
    font-family: var(--circularBook);
    color: var(--colorBlack);
    line-height: 24px;
}

.aboutSectiosBox .readMoreBtn a {
    font-size: 16px;
    line-height: 20px;
    color: #48a3f4;
    font-family: var(--circularBook);
    margin-top: 10px;
    display: inline-block;
    text-decoration: underline;
}

.missionSection h3 {
    color: #ffad00;
}

.visionSection h3 {
    color: #009e35;
}

.aboutSecLeft span {
    width: 100%;
    display: block;
    float: left;
    /* max-height: 362px; */
    overflow: hidden;
}

.aboutSecLeft span img {
    width: 100%;
    height: 100%;
}

.dashCardsSection .row {
    margin-left: -10px;
    margin-right: -10px;
}

.dashCardsSection .col-sm-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.brandingColorsBox {
    margin-top: 40px;
}

.homeBanner .bannerRight {
    min-width: 609px;
    width: 609px;
    border-radius: 8px;
    overflow: hidden;
}

.bannerVideo {
    width: 100%;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid var(--colorWhite);
}

.bannerVideo video {
    height: 100%;
    width: 100%;
    float: left;
}

.footBoxMid .footLinkList {
    width: 50%;
}

.footMidList .midQuickLinks {
    width: 58%;
}

.midQuickLinks:first-child .footLinkList ul li {
    padding-left: 0;
}

.midQuickLinks:first-child .footLinkList ul li::before {
    display: none;
}

.weWorkLeft .sectionContent {
    line-height: 26px;
}

.testimonialSlider .slick-prev {
    left: 0;
    z-index: 9;
}

.testimonialSlider .slick-next {
    right: 0;
}

.testimonialSlider .slick-prev.slick-disabled,
.testimonialSlider .slick-next.slick-disabled {
    cursor: inherit;
}

.testimonialSlider .slick-dots {
    bottom: -40px;
}

.testimonialContent::before,
.testimonialContent::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    height: 54px;
    width: 54px;
    background-size: 100%;
}

.testimonialContent::before {
    background-image: url(../img/quoteLeft.png);
    left: 0;
    top: 0;
}

.testimonialContent::after {
    background-image: url(../img/quoteRight.png);
    right: 0;
    top: 0;
}

.homeBanner .bannerLeft {
    padding-right: 15px;
    padding-top: 56px;
}

.bannerVideo video {
    height: 100%;
    width: 100%;
}

.hideShowPswdBox.inpPassCont .eyeBtn {
    /* bottom: 11px; */
}

.currentPlanTag {
    min-width: max-content;
}

.btnStyle {
    min-width: max-content;
}

.btnBoxDesign2 {
    flex-wrap: wrap;
}

.transparentBlueBtn {
    background-color: transparent;
}

.listDesings span {
    line-height: 22px;
}

.backPageOption a {
    display: inline-flex;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.cardTableDesign {
    overflow: hidden;
}

.portfolioHeadBox {
    margin-bottom: 20px;
}

.portfolioHeadBox .portfolioInfoCard {
    height: 100%;
}

.viewsInterestBox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.viewsInterestBox .tagInfoSec:not(:last-child) {
    margin-right: 10px;
}


/* --------------- */

.emptyResearch {
    padding-top: 18vh;
}

.emptyResearch .emptyBoxImage {
    width: 150px;
    display: inline-block;
    margin-bottom: 30px;
}

.emptyResearch .emptyBoxImage img {
    width: 100%;
}

.emptyResearch .emptyResearchBox {
    text-align: center;
}

.forSaleTag span {
    padding: 15px 15px 8px 8px;
    display: inline-block;
    min-width: max-content;
}

.tagInfoSec .secLabel {
    font-size: 13px;
    line-height: 13px;
}

.tagInfoSec .secCount {
    font-size: 15px;
    line-height: 15px;
}

.portfolioHeadBox .portfolioCardRight {
    width: 65px;
}

.priceFlowSec2 .priceFlowBox {
    justify-content: center;
}

.tagStyle {
    top: -14px;
    margin-bottom: 0;
}

.tagInfoSec {
    margin-top: -23px;
}

.emptyResearchBox p {
    color: #131313;
    font-family: var(--circularRegular);
}

.formDesignBoxs .formHeading {
    margin-bottom: 30px;
}

.formDesignBoxs .formHeading2 {
    padding: 0 50px;
}

.sameSecBoxs .fontSize18 {
    line-height: 26px;
}

.formDesign select.form-control {
    padding-right: 35px;
}

.formDesign .form-switch-row label {
    margin-bottom: 0;
}

.formDesignBoxs.formDesignBoxs2 {
    padding: 0;
}

.navbar-expand-md .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}


/* Update Profile Start */

.changeProfileImg .changeImage input {
    display: none;
}

.changeProfileImg .profileImg {
    height: 100px;
    width: 100px;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}

.changeProfileImg .profileImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#updProfF .changeProfileImg .changeImage label {
    margin-top: 0;
    font-family: var(--circularBook);
    color: var(--colorBlue);
}

.breadcrumbBtns img {
    width: 20px;
    height: 20px;
}

.aboutSubHeading {
    margin-bottom: 20px;
    padding: 0 130px;
}

.propImageBoxSec {
    display: flex;
}

.propImageBox .propImageThumbnail {
    width: 67px;
    min-width: 67px;
    margin-right: 10px;
}

.propImageBox .propImageSliders {
    width: 435px;
    min-width: 435px;
    height: 331px;
    /* height: 292px; */
    border-radius: 8px;
    overflow: hidden;
}


/* .propImageThumbnail .slick-prev.slick-arrow,
.propImageThumbnail .slick-next.slick-arrow{
  display: none !important;
  } */

.propDetailBox {
    display: flex;
    margin-bottom: 30px;
}

.propImageThumbnail .slick-vertical .slick-slide {
    height: 50px;
    margin: 4px 0;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.propImageThumbnail .thumbnail-image,
.propImageThumbnail .thumbnail-image {
    height: 100%;
}

.slick-vertical .slick-slide .thumbImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.propImageThumbnail .slick-slide div {
    height: 100%;
}

.propertyDetailPage {
    padding: 30px 30px;
}

.propImageBox {
    margin-right: 30px;
}

.propDetailRight .feeDetailInfo .col-6 {
    margin-bottom: 10px;
}

.propImageBox .slick-slide {
    opacity: 0.5;
}

.propImageBox .slick-current {
    opacity: 1;
}

.propImageBox .propImageSliders .slick-slider,
.propImageBox .propImageSliders .slick-slider .slick-list,
.propImageBox .propImageSliders .slick-track,
.propImageBox .propImageSliders .slick-slide div {
    height: 100%;
}

.propImageBox .propImageSliders .slick-slide div img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.propImageBox .propImageThumbnail .slick-slider {
    padding: 21px 0;
    height: 100%;
    display: flex;
    position: relative;
    align-items: center;
}

.propImageBox .propImageThumbnail .slick-prev,
.propImageBox .propImageThumbnail .slick-next {
    font-size: 0px;
    position: absolute;
    /* top: 50%; */
}

.propImageBox .propImageThumbnail .slick-prev {
    left: 37%;
    top: 7px;
}

.propImageBox .propImageThumbnail .slick-next {
    right: 37%;
    bottom: 5px;
}

.propImageBox .propImageThumbnail .slick-prev::before,
.propImageBox .propImageThumbnail .slick-next::before {
    position: absolute;
    font-size: 23px;
    color: var(--colorBlack);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 0;
}

.propImageBox .propImageThumbnail .slick-prev::before {
    content: "\f077";
    left: 0px;
    top: 0;
}

.propImageBox .propImageThumbnail .slick-next::before {
    content: "\f078";
    right: 0px;
    top: 0;
}

.loginBtnMain {
    margin-top: 30px;
}

.signupBtnBox {
    margin-top: 34px;
}

.upgradePlanPage .currentPlans {
    padding-bottom: 5px;
}

.upgradePlanPage .currentPlans span {
    font-size: 20px;
    line-height: 28px;
    font-family: var(--circularMedium);
}

.upgradePlanPage .currentInvestorPlan {
    color: var(--colorYellow);
}

.upgradePlanPage .currentSourcerPlan {
    color: var(--colorGreen);
}

.upgradePlanPage .currentBusinessPlan {
    color: var(--colorBlue);
}

.planSelectOption.planSelectOption2 input[type="radio"]:not(:checked)+label::before {
    content: "Upgrade Plan";
}

#accSideNav a {
    font-family: var(--circularRegular);
    color: #131313;
}

.postcodeDataContent {
    margin: 0 10px;
}

.postcodeDataTabs.nav-tabs {
    border-bottom: none;
}

.mobViewsLists {
    display: none;
}

.mobListsItems ul li {
    display: inline-block;
    float: left;
    margin-left: 15px;
}

.mobListsItems ul li span {
    width: 20px;
    display: inline-block;
}

.mobListsItems ul li span img {
    width: 100%;
}

.mobViewsListsInner {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.mobViewSubHead {
    margin-bottom: 20px;
}

.modalBox.customColumnModal .modal-dialog {
    max-width: 600px;
}

.customColumnModal .modal-content {
    margin-top: 64px;
    padding: 20px 30px;
}


/* Custom checkbox start */

.customCheckBox input {
    display: none;
}

.customCheckBox input[type="checkbox"]+label {
    position: relative;
    padding-left: 35px;
    font-size: 18px;
    line-height: 23px;
    color: var(--colorBlack);
    font-family: var(--circularBook);
}

.customCheckBox input[type="checkbox"]:checked+label::before,
.customCheckBox input[type="checkbox"]:not(:checked)+label::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    border: 1px solid #b4b4b4;
    background: var(--colorWhite);
    border-radius: 2px;
    top: 2px;
    left: 0;
}

.customCheckBox input[type="checkbox"]:checked+label::before {
    border: 1px solid #0dde9e;
    background: #0dde9e;
}

.customCheckBox input[type="checkbox"]:checked+label::after {
    position: absolute;
    content: "";
    height: 11px;
    width: 6px;
    border-right: 2px solid var(--colorWhite);
    border-bottom: 2px solid var(--colorWhite);
    transform: rotate(45deg);
    left: 6px;
    top: 4px;
}

.customCheckBox {
    margin-bottom: 20px;
}

.subOption .customCheckBox:last-child {
    margin-bottom: 0;
}

.columnOptionSection .columnOptionBox {
    padding: 20px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    margin-bottom: 20px;
}

.columnOptionSection .columnOptionBox:last-child {
    margin-bottom: 0px;
}

.columnOptInner h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
    color: var(--colorBlack);
    font-family: var(--circularMedium);
}

.columnOptions .row {
    margin-left: -10px;
    margin-right: -10px;
}

.columnOptions .col-sm-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.propTradUserPic {
    width: 70px;
    max-width: 70px;
    height: 70px;
    max-height: 70px;
    border-radius: 50%;
}

.vendorTag {
    float: left;
    position: relative;
}

.vendorTag::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: transparent;
    z-index: 10;
}

.vendorTag span {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 90px;
    padding: 10px 15px 10px 5px;
    background: url("../img/greenTag.png") no-repeat;
    background-size: contain;
    white-space: nowrap;
    font-size: 10px;
    font-family: var(--circularRegular);
    color: var(--colorWhite);
    text-align: center;
}

.vendorTag.sourcerTag span {
    min-width: 65px;
    background-image: url("../img/yellowTag.png");
}

.form-control.referInp {
    background: transparent;
}

.form-control.referInp:focus {
    background: #ddd;
    box-shadow: none;
}

.feather {
    width: 16px;
    height: 16px;
    stroke-width: 2px;
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Portfolio Stats Page Start */

.statsTabsInner {
    margin-bottom: 18px;
}

.tabsDesign.nav-tabs {
    border-bottom: 1px solid #48a3f4;
    /* display: inline-block; */
    float: left;
}

.tabsDesign.nav-tabs .nav-link {
    display: flow-root;
    /* align-items: center;
    justify-content: center; */
    padding: 12px 11px;
    margin-right: 10px;
    border-color: #48a3f4;
    border-bottom: none;
    /* width: 136px; */
}

.tabsDesign.nav-tabs .nav-link:last-child {
    margin-right: 0;
}

.tabsDesign.nav-tabs .statsTabText {
    font-size: 16px;
    line-height: 20px;
    color: var(--colorWarmGrey);
    /* font-family: var(--circularMedium); */
    font-family: var(--circularRegular);
}

.tabsDesign.nav-tabs .statsTabIcon {
    margin-right: 6px;
}

.tabsDesign.nav-tabs .nav-link .statsTabIcon .onHover {
    display: none;
}

.tabsDesign.nav-tabs .nav-link.active {
    background: var(--colorBlue);
    border-color: #48a3f4;
}

.tabsDesign.nav-tabs .nav-link.active .statsTabIcon .onHover {
    display: inline-block;
}

.tabsDesign.nav-tabs .nav-link.active .statsTabIcon .offHover {
    display: none;
}

.tabsDesign.nav-tabs .nav-link.active .statsTabText {
    color: var(--colorWhite);
}

.statsHeadBox {
    margin-bottom: 20px;
}

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

.statsHeadBox .statsMapImage {
    height: 55px;
    width: 90px;
    display: inline-block;
    margin-right: 20px;
}

.statsHeadBox .statsMapImage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.statsHeadBox .statsPostCode {
    font-family: var(--circularMedium);
    color: var(--colorBlue);
}

.statsHeadBox .statsHeadLeft {
    display: flex;
    align-items: center;
}

.statsHeadBox .statsHeadMid {
    padding: 0 10px;
}

.statsHeadBox .statsHeadMid .statsList {
    text-align: center;
}

.statsHeadBox .statsHeadMid .statsList span {
    margin-right: 25px;
    white-space: nowrap;
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
    font-size: 14px;
    line-height: 14px;
}

.statsHeadBox .statsHeadMid .statsList span:last-child {
    margin-right: 0;
}


/* .canvasjs-chart-canvas {
  width: 100% !important;
  height: 509px !important;
}
.canvasjs-chart-credit {
  display: none;
}
.graphDesigns canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
}
.graphDesigns .chartContainer {
  padding: 35px;
  background: var(--colorWhite);
  } */

.chartContainer {
    overflow: auto;
    background: var(--colorWhite);
}


/*
.canvasjs-chart-canvas {
  position: relative !important;
  width: 100% !important;
}
.canvasjs-chart-credit {
  display: none;
  } */

.tableRound {
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
}

.tableRound th {
    font-size: 14px;
    font-family: var(--circularMedium);
}

.tableRound td {
    font-size: 12px;
    font-family: var(--circularBook);
}


/* ------------------ */

.chartBoxSection {
    padding: 15px;
    background-color: var(--colorWhite);
    border-radius: 4px;
    border: solid 1px #e6e6e6;
}

.tabsDesign2.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border-bottom: none;
    background: #f6f8fa;
    margin-bottom: 17px;
}

.tabsDesign2.nav-tabs .nav-link {
    width: inherit;
    padding: 8px 2px;
    font-family: var(--circularBook);
    border-radius: 0px;
    border: none;
    border-right: 1px solid #d0d0d0;
}

.tabsDesign2.nav-tabs .nav-link:last-child {
    border-right: none;
}

.tabsDesign2.nav-tabs .statsTabText {
    font-size: 13px;
    line-height: 13px;
}

.tabsDesign2.nav-tabs .nav-link {
    margin-right: 0;
    border: none;
    margin-bottom: 0;
}

.tabsDesign2.nav-tabs .nav-link.active {
    border: none;
}

.priceChartsBoxs .chartBoxBtm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
}

.chartBoxBtm .chartLinks a {
    font-size: 14px;
    line-height: 14px;
    font-family: var(--circularBook);
    color: #48a3f4;
}

.chartBoxBtm .chartLinks a:hover {
    color: #48a3f4;
}

.chartsTopHeader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.chartsTopHeader .chartHeadingRight {
    text-align: right;
}

.chartsTopHeader .chartHeadingLeft span {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: #0c0c0c;
}

.chartsTopHeader .chartHeadingRight .chartRange {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--circularRegular);
    color: #48a3f4;
    margin-bottom: 2px;
}

.chartsTopHeader .chartHeadingRight .propertyCount {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
}

.saleAgentTable thead {
    background-color: #f2f2f2;
}

.saleAgentTable th,
.saleAgentTable td {
    padding: 15px;
    vertical-align: middle;
}


/* (start) Tooltips */

.graphTooltip {
    display: none;
    position: absolute;
    z-index: 1110;
    animation: graphTooltip 0.2s ease-in-out;
}

.graphTooltip .btn-close {
    width: 0.75em;
    height: 0.75em;
    padding: 0;
    background-size: 100% 100%;
}

.graphTooltip .ttBox {
    max-width: 265px;
    padding: 5px 12px 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.2);
}

.graphTooltip .ttTitle,
.graphTooltip .ttBody {
    color: var(--colorWarmGrey);
    font-size: 14px;
    font-family: var(--circularBook);
}

.graphTooltip .ttBody {
    margin-top: 5px;
    font-size: 12px;
}

.graphTooltip .ttFoot {
    margin-top: 5px;
}

.graphTooltip .ttFoot a {
    color: var(--colorPrim);
    font-size: 14px;
    font-family: var(--circularBook);
    border-bottom: 1px solid var(--colorPrim);
}

.graphTooltip .ttFoot a:hover,
.graphTooltip .ttFoot a:focus {
    color: var(--colorPrimDark);
    border-color: var(--colorPrimDark);
}

@keyframes graphTooltip {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
}


/* (end) Tooltips */

#faqsSec .accordion-body {
    padding-top: 0px;
}

.accordion-button,
.accordion-button:focus {
    z-index: 0;
    color: #2b2b2b;
}

.footLinkList a:hover,
.footLinkList a.active {
    color: var(--colorBlue);
}

.dashUserName {
    color: #4a4a4a;
    line-height: 20px;
}

.grdBox1 {
    height: 22px;
    border-radius: 2px;
    background-image: linear-gradient(to right, #48a3f4 -2%, #81de45 30%, #f0db4e 72%, #e23e60 100%);
}


/* Blog Details Page Start */

.textUnderline {
    text-decoration: underline;
}

.blogDetails {
    margin-top: 25px;
}

.blogAuthor {
    font-family: var(--circularBook);
}

.viewMore:hover,
.viewMore:focus {
    border-bottom: 1px solid var(--colorPrim);
}

.featureImage {
    height: 500px;
    border-radius: 12px;
    overflow: hidden;
}

.featureImage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blogDescription p {
    line-height: 25px;
}

.form-switch-row .form-check {
    margin-left: 30px;
}

.boxBorder {
    border: solid 1px #dbdbdb;
}

.boxBorder2 {
    border: solid 1px #e5e5e5;
}

.boxBorder3 {
    border: solid 1px #eaeaea;
}

.boxBorder4 {
    border: solid 1px #e6e6e6;
}

.boxBorder5 {
    border: solid 1px #e0e0e0;
}

.filtersHeading {
    font-size: 20px;
}

.upcomingPlan {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--circularBook);
    color: var(--colorBlue);
}

.helpBannerImg {
    height: 170px;
    display: inline-block;
    float: left;
    width: 100%;
}

.btnReg2 {
    line-height: 16px;
}

.form-group.customDropsSec {
    position: relative;
}

.customDropsSec .customDrops {
    position: absolute;
    z-index: 1;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    background-color: #fff;
    top: 101%;
}

.customDrops ul {
    border: 1px solid #ccc;
    display: none;
    padding: 10px;
}

.customDrops ul li {
    cursor: pointer;
    padding: 3px 0px;
}

.pagination {
    justify-content: center;
    margin-top: 10px;
}

.propertyPics .propertyImg {
    height: 275px;
}

.propertyPics .propertyImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    padding: 1px 1px 1px 1px;
}

.hideShowPswdBox.hideShowPswdBox2.inpPassCont .eyeBtn {
    bottom: 11px;
}

.areaListBox .addressDetail {
    word-break: break-word;
}

.formDesign .formHeadingCont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.formDesign .formHeadingCont .formHeading {
    margin-bottom: 0;
}

.mortgagedFields input[type="text"]:read-only,
.mortgagedFields input[type="date"]:read-only,
.mortgagedFields select:disabled,
.mortgagedFields input[type="text"]:read-only:focus,
.mortgagedFields input[type="date"]:read-only:focus,
.mortgagedFields select:disabled:focus {
    box-shadow: none;
    /*background: var(--colorLight);*/
    /*border: 1px solid var(--colorBlack);*/
    background-color: #f1f1f1;
    opacity: 0.4;
}

.disabledField input[type="text"]:read-only,
.disabledField input[type="date"]:read-only,
.disabledField select:disabled,
.disabledField input[type="text"]:read-only:focus,
.disabledField input[type="date"]:read-only:focus,
.disabledField select:disabled:focus {
    box-shadow: none;
    /*background: var(--colorLight);*/
    /*border: 1px solid var(--colorBlack);*/
    background-color: #f1f1f1;
    opacity: 0.4;
}


/*.form-control:read-only{*/


/*    border: 1px solid transparent;*/


/*}*/


/*.form-control:read-only:focus{*/


/*    border: 1px solid var(--colorWarmGrey);*/


/*}*/

.saveCardsSection .forn-group {
    margin-bottom: 20px;
}

.cardsContentsBottom .cardContentRights {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
}

.cardsContentsBottom .cardContentRights p {
    margin-left: 20px;
    text-align: right;
}

.changeImage label {
    cursor: pointer;
}

.userImageIcon {
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.mkt-filter-form .listRows {
    position: relative;
}

.mkt-filter-form .listRows .removeFilterBox {
    position: absolute;
    right: 0px;
    top: 28px;
}

.totalProperties .totalPropertiesBox {
    color: var(--colorWarmGrey);
}

.totalProperties .totalPropertiesBox .propertiesCount {
    color: var(--colorBlack);
}

input[type="password"].form-control {
    padding-right: 50px;
}

.filterListsOptions .cloneBox .listRows:first-child {
    /*display: none;*/
}


/*Select2 Design Start*/

.select2-container {
    /*width: 100% !important;*/
    /* min-width: max-content; */
    display: block;
    float: left;
    z-index: 999999;
}

.modal-open .select2-container {
    /* width: 100% !important; */
}

.select2-container--default .select2-selection--single {
    height: auto;
    padding: 13px 14px;
    color: #1c1c1c;
    background-color: #f1f1f1;
    border-radius: 5px;
    border: 2px solid transparent;
}

.select2-container .select2-choice {
    background: red;
}

.select2-container--open .select2-dropdown {
    z-index: 9999;
}

.select2-container--default .select2-selection--single:focus {
    background-color: #fff;
    border: 2px solid var(--colorPrim);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding-left: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
    background-color: transparent;
    background-size: contain;
    border: none;
    height: 20px;
    width: 30px;
    margin: auto;
    top: auto;
    left: auto;
    background-repeat: no-repeat;
}

.formDesign input[type="date"].form-control {
    padding: 12.2px 14px;
}

.select2-dropdown .select2-results__option {
    position: relative;
}

#select2-data-13-hdwd {
    overflow-x: hidden;
}

.hdpi.pac-logo:after {
    /*display: none;*/
}

.formHeadingContNew {
    display: flex;
}

.mapWrp {
    width: 100%;
    /* height: 600px; */
    height: 65vh;
}

.mapWrp40 {
    width: 100%;
    /* height: 600px; */
    height: 40vh;
}

.zoominOut {
    color: #212529;
}

.map-infowin {
    font-size: 14px;
    font-family: var(--circularBook);
}

.mapOverlay {
    position: absolute;
    left: 20px;
    bottom: 20px;
    background-color: white;
    padding: 20px 24px;
}

.mapBtn {
    margin-top: 12px;
    color: var(--colorWarmGrey);
    font-size: 14px;
    font-family: var(--circularBook);
    line-height: 18px;
    display: flex;
    align-items: center;
}

.mapBtn:first-child {
    margin-top: 0;
}

.mapBtn::before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 100%;
}

#planningMapBtn1::before {
    background-color: #e4535d;
}

#planningMapBtn2::before {
    background-color: #4ea9e2;
}

#planningMapBtn3::before {
    background-color: #e9db4e;
}

#planningMapBtn4::before {
    background-color: #8bde46;
}

#schoolsMapBtn1::before {
    background-color: #8bde46;
}

#schoolsMapBtn2::before {
    background-color: #4ea9e2;
}

#schoolsMapBtn3::before {
    background-color: #e4535d;
}

#schoolsMapBtn4::before {
    background-color: #8900c2;
}

#schoolsMapBtn5::before {
    background-color: #de46bb;
}

.mapOverlay1Cont {
    position: relative;
}

.mapOverlay1 {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 300px;
    height: 100%;
    padding: 24px;
}

.mapOverlay1Box {
    margin-top: 50px;
    padding: 30px;
    background-color: white;
    text-align: center;
}

.mapOverlay1Box .percVal {
    color: var(--colorWarmGrey);
    font-size: 45px;
    font-family: var(--circularBook);
    line-height: 57px;
}

.propDetLink {
    display: block;
}

.formDesign label {
    position: relative;
}

.formDesign label .reqSym {
    position: absolute;
    left: -15px;
    top: 0;
    color: var(--colorRed);
    font-size: 20px;
}

.map-infowin-2 {
    font-family: var(--circularBook);
}

.map-infowin-2 .propPic {
    position: relative;
    min-width: 180px;
    padding-top: 70%;
}

.map-infowin-2 .propPic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
    object-fit: cover;
    object-position: center;
}

.viewsInterestBox .tagInfoSec {
    margin-top: 0;
    margin-bottom: 10px;
}


/* Prop Stats Start */

.propStatsHeader {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.propStatsBox {
    height: 100%;
    padding: 12px;
    background-color: white;
}

.propStatsBoxTitle {
    padding: 7px 12px;
    background-color: var(--colorPrim);
    text-align: center;
    color: var(--colorWhite);
}

.propStatsBox canvas {
    width: 100%;
    margin: 15px 0;
}

.propStatsCalc {
    display: flex;
    justify-content: space-between;
}

.propStatsCalc .propStatsRange p:first-child {
    color: var(--colorPrim);
}

.propStatsCalc .propStatsRange p:last-child {
    color: var(--colorWarmGrey);
    font-size: 0.8em;
}

.propStatsCalc .propStatsAvg {
    display: flex;
    align-items: center;
}

.propStatsCalc .propStatsAvg p:first-child {
    color: var(--colorPrim);
    font-size: 1.3em;
}

.propStatsCalc .propStatsAvg p:last-child {
    margin-top: 5px;
    color: var(--colorWarmGrey);
    font-size: 0.8em;
}

.propStatsLabels {
    display: flex;
    justify-content: center;
}

.propStatsLabel {
    margin-left: 1em;
}

.propStatsLabel:first-child {
    margin-left: 0;
}

.propStatsLabel::before {
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    margin-right: 0.5em;
    border-radius: 100%;
    background-color: currentColor;
}

.propStatsBox_grid {
    display: flex;
    flex-direction: column;
}

.propStatsCalcGrid {
    flex: 1;
}

.propStatsCalcGridItem {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.propStatsCalcGridItem {
    border: 1px solid #0001;
}

.propStatsCalcGridItem p:first-child {
    font-size: 2em;
    color: var(--colorPrim);
}

.propStatsCalcGridItem p:last-child {
    font-size: 0.8em;
    color: var(--colorWarmGrey);
}

.propStatsLegends {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.propStatsLegend {
    --color: var(--colorWarmGrey);
    display: flex;
    align-items: center;
    color: var(--colorWarmGrey);
    font-size: 0.7em;
}

.propStatsLegend span:first-child {
    color: var(--color);
}

.propStatsLegend span:nth-child(2) {
    margin-left: 5px;
}

.propStatsLegend::after {
    content: "";
    width: 20px;
    height: 3px;
    margin-left: 5px;
    background-color: var(--color);
}

/* .propStatsLegend_red {
    color: "#f56300";
} */

.propStatsLegend_blue {
    --color: var(--colorPrimDark);
}

.propStatsLegend_yellow {
    --color: var(--colorOrange);
}

.header-map {
    width: 100px;
    height: 100px;
}

.gm-style img[alt="Google"] {
    display: none !important;
}

.gm-style .gm-style-cc a,
.gm-style .gm-style-cc button,
.gm-style .gm-style-cc span {
    display: none !important;
}

.loader-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2000000;
    display: none;
}

.loader-2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    height: auto;
}

.show-loader-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2000000;
    display: none;
}

.show-loader-animation img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    height: auto;
}

#comingSoonModal .modal-content {
    background-color: #000;
    opacity: 0.8;
    color: #fff;
}

#comingSoonModal .constructionImg {
    filter: invert(100%);
}

#comingSoonModal .readyText {
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#comingSoonModal .progressCont {
    margin-top: 20px;
}

#comingSoonModal .progress {
    height: 5px;
    background-color: var(--colorWhite);
}

#comingSoonModal .progress::after {
    content: "";
    display: block;
    width: 70%;
    height: 5px;
    background-color: var(--colorPrim);
}

#comingSoonModal .percText {
    display: flex;
    justify-content: space-between;
}

#skiVideoCont {
    position: relative;
    display: flex;
}

#skiVideoControls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #0002;
    /* backdrop-filter: blur(5px); */
    transition: 0.2s;
}

#skiVideoControls:hover,
#skiVideoControls:not(.playing) {
    opacity: 1;
}

#skiVideoControls button {
    background-color: #0007;
    border-radius: 50%;
    color: #fff;
}

#skiVideoControls button:hover {
    background-color: #000a;
}

#skiVideoControls .playPauseBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 70px;
    height: 70px;
    font-size: 30px;
}

#skiVideoControls .muteUnmuteBtn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    font-size: 12px;
}

#skiVideoControls.playing .playBtn {
    display: none;
}

#skiVideoControls:not(.playing) .pauseBtn {
    display: none;
}

#skiVideoControls.muted .muteBtn {
    display: none;
}

#skiVideoControls:not(.muted) .unmuteBtn {
    display: none;
}

/* For Demo Video */

#skiVideoCont2 {
    position: relative;
    display: flex;
}

#skiVideoControls2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    width: 100%;
    /* height: 100%; */
    opacity: 0;
    background-color: #0002;
    transition: 0.2s;
}

#skiVideoControls2:hover,
#skiVideoControls2:not(.playing) {
    opacity: 1;
}

#skiVideoControls2 button {
    background-color: #0007;
    border-radius: 50%;
    color: #fff;
}

#skiVideoControls2 button:hover {
    background-color: #000a;
}

#skiVideoControls2 .playPauseBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 70px;
    height: 70px;
    font-size: 30px;
}

#skiVideoControls2 .muteUnmuteBtn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    font-size: 12px;
}

#skiVideoControls2.playing .playBtn {
    display: none;
}

#skiVideoControls2:not(.playing) .pauseBtn {
    display: none;
}

#skiVideoControls2.muted .muteBtn {
    display: none;
}

#skiVideoControls2:not(.muted) .unmuteBtn {
    display: none;
}


/* Customized Columns */

.colOptsRow {
    padding: 10px 0;
    border-bottom: 2px solid var(--colorGrey2);
}

.colOptsRow:last-child {
    border: none;
}

.colOptFixedBox {
    width: 180px;
}

.colOptCheck {
    display: flex;
    align-items: center;
}

.colOptCheck input {
    width: 16px;
    height: 16px;
}

.colOptCheck input:first-child {
    margin-right: 7px;
}

.colOptCheck label {
    font-size: 14px;
}

.colOptRight label {
    flex: 1;
    text-align: right;
}

.colOptBig {
    max-width: 300px;
    justify-content: space-between;
}

.upload-image-boxs {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.upload-image-boxs .delete_img {
    position: absolute;
    right: 4px;
    top: 4px;
    color: var(--colorRed);
    font-size: 10px;
    line-height: 10px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.old-images-newbox {
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%;
}

.propGrowthHead .prim18Med {
    text-align: left;
}

.propGrowthHead .askPriceMid {
    margin-left: 20px;
    text-align: left;
}

.colOptBig {
    max-width: 300px;
    justify-content: space-between;
}

.areaDetTable td {
    position: relative;
}

.areaDetTable .fa-caret-down,
.areaDetTable .fa-caret-up {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.areaDetTable .fa-caret-down {
    color: var(--colorRed);
}

.areaDetTable .fa-caret-up {
    color: var(--colorGreen);
}

.areaDetTable thead tr:first-child {
    border-top: 2px solid #bbb;
}

.areaDetTable tbody tr:last-child {
    border-bottom: 2px solid #bbb;
}

.areaDetTable .tableColSep {
    border-left: 2px solid #bbb;
}

.roundSelsCont select,
.roundSelsCont button {
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
}

.onmktmaplabels {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.onmktmaplabels span {
    margin-top: 10px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.onmktmaplabels span::before {
    content: "";
    width: 12px;
    height: 12px;
    margin-right: 7px;
    border-radius: 50%;
    border: 1px solid #000;
}

.onmktmaplabels .apartmentMarker::before {
    background: #ed3833;
}

.onmktmaplabels .houseMarker::before {
    background: #4472c4;
}

.onmktmaplabels .hmoMarker::before {
    background: #70ad47;
}

.onmktmaplabels .commercialMarker::before {
    background: #43b0f0;
}

.onmktmaplabels .developmentMarker::before {
    background: #7030a0;
}

.onmktmaplabels .farmMarker::before {
    background: #fef851;
}

.onmktmaplabels .landMarker::before {
    background: #c55b2c;
}

.onmktmaplabels .holidayshortMarker::before {
    background: #ffad00;
}

.headingTooltipBtn {
    display: inline;
}

.headingTooltipBtn img {
    position: relative;
    top: -1px;
    height: 20px;
}

.valueStatus_modal .statusBarBox {
    float: left;
}

.valueStatus_modal::after {
    content: "";
    display: block;
    clear: both;
}

.btn-close.btnCloseBlue {
    opacity: 1;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233787e3'><path%20d='M.293.293a1%201%200%20011.414%200L8%206.586%2014.293.293a1%201%200%20111.414%201.414L9.414%208l6.293%206.293a1%201%200%2001-1.414%201.414L8%209.414l-6.293%206.293a1%201%200%2001-1.414-1.414L6.586%208%20.293%201.707a1%201%200%20010-1.414z'/></svg>");
    border: 1px solid var(--colorPrim);
    color: var(--colorPrim);
}


/* [Start] Dashboard Slider */

.dashSlider .slick-track {
    display: flex;
    align-items: stretch;
    margin: 0 -0.5em;
}

.dashSlider .slick-slide {
    height: unset;
    margin: 0 0.5em;
}

.dashSlider .slick-slide>div,
.dashSlider .dashSlide {
    height: 100%;
}

.dashSlider .dashSlide .dashSlideCount {
    padding: 5px 0;
    text-align: right;
    color: var(--colorBlue);
}

.dashSliderCont {
    position: relative;
}

.dashSliderCont .dashSlideBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--colorBlue);
    font-size: 2em;
}

.dashSliderCont .dashSlideBtn.slick-disabled {
    opacity: 0.5;
    color: var(--colorWarmGrey);
}

.dashSliderCont .dashSlideLBtn {
    left: -30px;
}

.dashSliderCont .dashSlideRBtn {
    right: -20px;
}

.dashSlider .dashSlide {
    display: flex !important;
    flex-direction: column;
}

.dashSlider .dashSlide .dashCardBox {
    height: auto;
    flex: 1;
}


/* [End] Dashboard Slider */


/* [Start] Portfolio */

.pfPropValues {
    display: flex;
    justify-content: space-between;
}

.pfPropValue:last-child {
    text-align: right;
}

.pfPropValue p:first-child {
    color: var(--colorBlue);
    font-family: var(--circularBold);
}

.pfPropValue p:last-child {
    color: var(--colorWarmGrey);
    font-size: 0.7em;
    font-family: var(--circularBold);
}

.pfPropValuesSep {
    margin: 5px 0;
    border-top: 1px solid var(--colorOffGrey);
}

.pfPropValuesSep+.pfPropValues {
    margin-bottom: 10px;
}


/* [End] Portfolio */


/* [Start] Area Card */

/* #areaCardMultiDelBtn {
    display: none;
    } */
.dashboardHeaderBtns span.deleteAreaBtn {
    display: none;
}

.areaCardSelCont {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 8px 0;
    visibility: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: right;
}

.areaCardCont:hover .areaCardSelCont,
.areaCardCont.cardSelected .areaCardSelCont {
    visibility: visible;
}

.areaCardCont.cardSelected .cardTableDesign,
.areaCardCont.cardSelected .areaCardSelBtn {
    box-shadow: 0 0 0 2px var(--colorRed);
}

.areaCardSelInp {
    display: none;
}

.areaCardDeleteTxt {
    visibility: hidden;
    margin-right: 10px;
    color: var(--colorWarmGrey);
    font-size: 0.8em;
}

.areaCardCont:hover .areaCardDeleteTxt {
    visibility: visible;
}

.areaCardSelBtn {
    width: 1.5em;
    height: 1.5em;
    opacity: 0.5;
    cursor: pointer;
    background-color: var(--colorWhite);
    border-radius: 100%;
    box-shadow: 0 0 1px #000;
    color: var(--colorWarmGrey);
    display: flex;
    align-items: center;
    justify-content: center;
}

.areaCardSelCont .areaCardSelBtn {
    opacity: 1;
}

.areaCardCont.cardSelected .areaCardSelBtn {
    color: var(--colorRed);
}


/* [End] Area Card */


/* [Start] Calendar */

.event-count-notifier {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: var(--colorBlue);
    text-align: center;
    color: white;
}

.fc-theme-bootstrap5 .fc-list,
.fc-theme-bootstrap5 .fc-scrollgrid,
.fc-theme-bootstrap5 td,
.fc-theme-bootstrap5 th {
    border: 1px solid #0001;
}

.fc .fc-toolbar.fc-header-toolbar {
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.fc-header-toolbar .fc-toolbar-chunk:first-child {
    order: 3;
    width: 100%;
    margin-top: 1em;
}

.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    display: none;
}

.fc-header-toolbar .fc-toolbar-title {
    border-bottom: 1px solid #0001;
    font-size: 1.5rem;
}

.fc .btn {
    border: none;
    text-transform: capitalize;
}

.fc .btn-primary {
    background: transparent;
    border: none;
    border: 1px solid var(--colorOffGrey);
    color: var(--colorWarmGrey);
}

.fc .btn-primary:hover,
.fc .btn-primary.active {
    background: var(--colorOffGrey);
    color: var(--colorBlack);
}

.fc .fc-col-header-cell-cushion {
    white-space: normal;
}

.fc table {
    font-size: 0.9em;
}

.fc-day-today a.fc-daygrid-day-number,
.fc-theme-bootstrap5 .fc-day-today a.fc-daygrid-day-number:not([href]) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    margin: 5px;
    padding: 0;
    background: blueviolet;
    border-radius: 50%;
    color: white;
}

.calendar_events .calendar {
    padding: 30px;
    background: var(--colorWhite);
    border-radius: 5px;
    box-shadow: 0 0 30px -15px #0003;
}

.calendar_events .events {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: var(--colorWhite);
    border-radius: 5px;
    box-shadow: 0 0 30px -15px #0003;
}

.calendar_events .events .addEventBtnCont {
    text-align: center;
}

.calendar_events .events .addEventBtn {
    padding: 10px 15px;
    border: 1px solid var(--colorOffGrey);
    border-radius: 5px;
}

.calendar_events .events .addEventBtn:hover {
    background: var(--colorOffGrey);
}

[href="#calendarEvents_all"] {
    --colorEvent: var(--colorBlack);
}

[href="#calendarEvents_portfolio"],
.calendar_events .event_portfolio {
    --colorEvent: var(--colorBlue);
}

[href="#calendarEvents_trading"],
.calendar_events .event_trading {
    --colorEvent: var(--colorGreen);
}

[href="#calendarEvents_general"],
.calendar_events .event_general {
    --colorEvent: var(--colorYellow);
}

[href="#calendarEvents_offer"],
.calendar_events .event_offer {
    --colorEvent: var(--colorGreen);
}

[href="#calendarEvents_expired"],
.calendar_events .event_expired {
    --colorEvent: var(--colorRed);
}

.calendar_events .eventDot {
    position: relative;
}

.calendar_events .eventDot::after {
    content: "";
    transform: translateY(-50%);
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 3px;
    border-radius: 50%;
    background: var(--colorEvent);
}

.calendar_events .eventsTabsList {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    list-style: none;
    border-bottom: 1px solid var(--colorOffGrey);
}

.calendar_events .eventsTabsList .nav-link {
    display: inline-block;
    padding: 0.25em 0;
    border: none;
    color: var(--colorWarmGrey);
    font-size: 1em;
}

.calendar_events .eventsTabsList a:hover,
.calendar_events .eventsTabsList a.active {
    color: var(--colorEvent);
    box-shadow: inset 0 -2px var(--colorEvent);
}

.calendar_events .events .tab-content {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding-right: 15px;
}

.calendar_events .events .eventsWrp {
    padding: 30px 0;
    list-style: disc;
}

.calendar_events .eventsEmptyDisp {
    text-align: center;
    color: var(--colorWarmGrey);
}

.calendar_events .events .event {
    margin-top: 20px;
}

.calendar_events .events .event:first-child {
    margin-top: 0;
}

.calendar_events .events .eventHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calendar_events .events .eventTitle {
    font-size: 1em;
    color: var(--colorEvent);
}

.calendar_events .events .eventTitle:hover {
    /* cursor: pointer; */
    text-decoration: underline;
}

.calendar_events .events .eventTitle.eventTitleNew:hover {
    text-decoration: none;
}

.calendar_events .events .eventDate {
    color: var(--colorWarmGrey);
    font-size: 0.8em;
}

.calendar_events .events .eventActionBtnsList {
    display: flex;
}

.calendar_events .events .eventActionBtn {
    margin-left: 0.5em;
    color: var(--colorWarmGrey);
}

.calendar_events .events .eventActionBtn.eventDescTogBtn {
    margin-left: 1em;
}

.calendar_events .events .eventActionBtn:hover,
.calendar_events .events .eventActionBtn.active {
    color: var(--colorBlack);
}

.calendar_events .events .eventDescTogBtn.active {
    transform: rotate(180deg);
}


/* .calendarEvent:not(.expiredEvent):hover {
    z-index: 99;
    min-width: max-content;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    background: var(--colorPrimDark) !important;
    border-color: var(--colorPrimDark) !important;
    transition: 0.1s;
    } */

#addEventModal .modal-content {
    margin-top: 70px;
}


/* [End] Calendar */


/* [24-03-22] */

.helpBannerImg {
    width: auto;
    position: relative;
}

.helpBannerImg img {
    object-fit: cover;
    border-radius: 0.6em;
}

.helpBannerImg .playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.5em;
    height: 2.5em;
    background: #000a;
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.propStatsLegend.hmo_prop_info::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 5px;
    border-radius: 50%;
}

.btn-grey {
    background-color: #909090;
}

.sideBottom {
    /* margin: 0% 3%; */
    /* width: 94%; */
    width: 100%;
    position: relative;
}

.sideBottomInner {
    /* display: inline-block; */
    /* float: left; */
    /* width: 95%; */
    /* border-top: 1px solid var(--colorBlack); */
}

.sideBottom::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 88%;
    background-color: #21252930;
    left: 6%;
    top: 0px;
}

.sideBottom .vidIcon {
    width: 35px;
    display: inline-block;
    margin-left: 7px;
}

.planDetailSec {
    text-align: center;
}

.planDetailSec span {
    color: var(--colorBlue);
}

.planDetailSec h2 {
    font-family: var(--circularMedium);
    margin-bottom: 30px;
}

.planDetailSec h5 {
    font-family: var(--circularRegular);
    margin-bottom: 20px;
}

.planDetailSec .moreOptions {
    display: flex;
    margin-bottom: 30px;
}

.planDetailSec .moreOptions .boxs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.planDetailSec .moreOptions img {
    margin-right: 10px;
    width: 30px;
}

.saveCardsBox .formDesign .form-group.termsCheck {
    display: flex;
    margin-bottom: 10px;
}

.saveCardsBox .formDesign .form-group.termsCheck label {
    padding-left: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
}

.currentPlanTag {
    margin-top: 20px;
}

.currentPlanTag .planTagBox {
    padding: 15px 45px;
    display: block;
    text-align: center;
    /* font-size: 24px; */
}

.paymentInnerBox .paymentRight {
    height: auto;
    background-color: #fafafa;
}

.paymentLeftInner {
    margin-bottom: 0px;
}

.paymentLeft {
    margin-bottom: 0px;
}

/* ----------- */

.dealAnalyserPage .cardSectionsNew {
    padding: 30px;
    border-radius: 4px;
    background: var(--colorWhite);
}

.cardSectionsNew h3 {
    font-family: var(--circularMedium);
    color: var(--colorWarmGrey);
}

.cardSectionsNew h5 {
    font-family: var(--circularMedium);
    color: var(--colorBlue);
}

.cardSectionsNew .cardDate {
    color: var(--colorWarmGrey);
}

.boxBottomBtns span a {
    display: flex;
    align-items: center;
}

.dealAnalyserPage .col-sm-6 {
    margin-bottom: 30px;
}

.form-switch-row.form-switch-row2 .form-check {
    margin: 0px 15px;
}

.priceFlowBox.priceFlowFlip {
    /* transform: rotateY(180deg); */
    /* -webkit-transform: rotateY(180deg); */
    transition: all 0.8s ease;
    transform-style: preserve-3d;
}

.priceFlowBox.priceFlowFlip2 {
    /* transform: rotateY(0deg); */
    /* -webkit-transform: rotateY(180deg); */
    -webkit-transform: none;
    transition: all 0.8s ease;
    transform-style: preserve-3d;
}

.priceFlowBox {
    position: relative;
}

.priceFlowBox .frontView,
.priceFlowBox .backView {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.priceFlowBox .backView {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* transform: rotateY(180deg); */
    /* -webkit-transform: rotateY(180deg); */
    right: 0;
    left: 0;
    padding-left: 5px;
    opacity: 0;
}

/* .backViewInner{
    width: 100%;
    height: 100%;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    } */
.priceFlowFlip .frontView {
    opacity: 0;
    transition: all 0s ease;
}

.priceFlowFlip .backView {
    opacity: 1;
    transition: all 0s ease;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.priceFlowFlip2 .frontView {
    opacity: 1;
    transition: all 0s ease;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.priceFlowFlip2 .backView {
    opacity: 0;
    transition: all 0s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flipHeading .frontView {
    display: inline-block;
    transition: all 0.3s ease;
}

.flipHeading .backView {
    display: none;
    transition: all 0.3s ease;
}

.flipHeading.flipHeading1 .frontView {
    display: none;
    transition: all 0.3s ease;
}

.flipHeading.flipHeading1 .backView {
    display: inline-block;
    transition: all 0.3s ease;
}

.myAreaCards .areaCardCont {
    margin-bottom: 60px;
}

.newCardDesigns {
    padding: 10px;
    background: #ccc3;
    border-radius: 6px;
}

.newCardDesigns .pfPropValues {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.newCardDesigns .pfPropValues:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.newCardDesigns .fontSize12 {
    color: var(--colorWarmGrey);
    font-size: 0.7em;
    font-family: var(--circularBold);
}

.newCardDesignBox .newCardDesigns {
    margin-top: 10px;
}

.policyDetailBoxs .policyDetailBox {
    /* padding-top: 10px; */
    flex-wrap: wrap;
    padding: 0px;
}

.policyDetailBoxs .policyDetailBox .pfPropValue {
    width: 33.3%;
    padding: 5px 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-around;
}

.policyDetailBoxs .policyDetailBox .pfPropValue .highlightText {
    font-size: 0.9em;
}

.policyDetailBoxs .policyDetailBox .pfPropValue .highlightText span {
    font-size: 0.7em;
}

.policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(3),
.policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(6),
.policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(9) {
    border-right: none;
}

.policyDetailBoxs .policyDetailBox .pfPropValue:nth-last-child(-n+3) {
    border-bottom: none;
}

.policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(2),
.policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(5),
.policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(8) {
    text-align: center;
}

.policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(3),
.policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(6) {
    text-align: right;
}

.policyDetailBoxs .policyDetailBox .pfPropValue .highlightText.yellowColor {
    color: var(--colorYellow);
}

.policyDetailBoxs .policyDetailBox .pfPropValue .highlightText.redColor {
    color: var(--colorRed1);
}

.policyDetailBoxs .policyDetailBox .pfPropValue .highlightText.greenColor {
    color: var(--colorGreen);
}

.event-count-notifier.yellowColor {
    background-color: var(--colorYellow);
}

.event-count-notifier.redColor {
    background-color: var(--colorRed1);
}

.event-count-notifier.greenColor {
    background-color: var(--colorGreen);
}

.event-count-notifier.greyColor {
    background-color: var(--colorWarmGrey);
    background-color: var(--colorRed);
    margin-left: 5px;
}

.policyDetailBoxs .policyDetailBox .pfPropValue .highlightText span {
    color: var(--colorWarmGrey);
}

.policyDetailBoxs .policyDetailBox .pfPropValue .clickSetOption a {
    color: var(--colorBlue);
    font-size: 0.9em;
}

.form-switch-row2 span {
    min-width: max-content;
}

.policyDetailBox .pfPropValue p {
    font-size: 10px;
}

.form-switch-row2 {
    margin-bottom: 10px;
}

.form-switch-row2 label:first-child span {
    margin-left: 0px;
}

.targetAreaTable table {
    width: 100%;
}

.targetAreaTable table tr th {
    border-bottom: 1px solid #cccccc75;
    border-right: 1px solid #cccccc75;
    font-size: 15px;
}

.targetAreaTable table tr td {
    border-right: 1px solid #cccccc75;
    font-size: 16px;
    color: var(--colorBlue);
}

.targetAreaTable table tr th:last-child,
.targetAreaTable table tr td:last-child {
    border-right: none;
    padding-right: 0px;
}

.targetAreaTable table tr th,
.targetAreaTable table tr td {
    text-align: center;
    padding: 5px 5px;
}

.targetAreaTable table tr th:first-child,
.targetAreaTable table tr td:first-child {
    text-align: left;
    padding-left: 0px;
}

.targetAreaTable table tr th {
    color: var(--colorWarmGrey);
}

.targetAreaTable table tr th:first-child,
.targetAreaTable table tr th span {
    color: var(--colorBlue);
}

.targetAreaTable table tr td:first-child span {
    /* display: inline; */
    display: table-cell;
}

.targetAreaTable table tr td:first-child {
    color: var(--colorWarmGrey);
}

.targetAreaTable table tr th:first-child {
    font-size: 18px;
}

.targetAreaTable table tr td:first-child {
    font-size: 16px;
}

.propertyCounts {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}

.propertyCountBox {
    padding: 5px 5px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: var(--colorOffGrey);
    margin: 0px 3px;
    /* width: 156px;
    min-width: 156px; */
    height: 100%;
}

.propertyCountBox .forProperty {
    padding-right: 3px;
    border-right: 1px solid #ccc6;
    text-align: center;
}

.propertyCountBox .propertyTotal {
    padding-left: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    min-width: 45px;
}

.propertyCountBox .forProperty {
    color: var(--colorWarmGrey);
}

.markerAddress {
    max-width: 150px;
}

.missionSection .row {
    display: flex;
    align-items: center;
}

.aboutSecLeft span,
.aboutSecLeft span img,
.aboutBannerImg span,
.aboutBannerImg span img {
    height: auto;
}

.aboutSecLeft span img,
.aboutPage .aboutBannerLeft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ------------------------------------- */
.propDetLinkBox {
    position: relative;
}

.propDetLinkBox .addDealAnalyser {
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    width: 50px;
}

.propDetLinkBox:hover .addDealAnalyser {
    display: block;
}

/* Deal Stacker New Design */
.dealAnalyserBoxs .analyserCategory .analyserCatTop,
.dealAnalyserBoxs .analyserCategory .analyserCatBtm {
    text-align: center;
    /* padding: 10px 20px; */
    padding: 8px 20px;
}

.dealAnalyserBoxs .col-sm-3 {
    margin-bottom: 20px;
}

.dealAnalyserBoxs .analyserCategory .analyserCatTop {
    /* min-height: 150px; */
    /* min-height: 115px; */
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dealAnalyserBoxs .analyserCategory .analyserCatTop span {
    color: var(--colorWhite);
    text-transform: uppercase;
    /* line-height: 85px; */
}

.dealAnalyserBoxs .analyserCategory .analyserCatBtm span {
    color: var(--colorWhite);
}

.dealAnalyserBoxs .analyserCategory {
    border-radius: 6px;
    overflow: hidden;
}

.dealAnalyserBoxs .analyserCategory:hover {
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 20%);
}

.dealAnalyserBoxs .analyserCategory.btlAnalyser {
    background-color: #36b0c5;
}

.dealAnalyserBoxs .analyserCategory.btlAnalyser .analyserCatBtm {
    background-color: #37a6c4;
}

.dealAnalyserBoxs .analyserCategory.hmoAnalyser {
    background-color: #006bb3;
}

.dealAnalyserBoxs .analyserCategory.hmoAnalyser .analyserCatBtm {
    background-color: #005a98;
}

.dealAnalyserBoxs .analyserCategory.flipAnalyser {
    background-color: #03a494;
}

.dealAnalyserBoxs .analyserCategory.flipAnalyser .analyserCatBtm {
    background-color: #038b7f;
}

.dealAnalyserBoxs .analyserCategory.brrAnalyser {
    background-color: #874f90;
}

.dealAnalyserBoxs .analyserCategory.brrAnalyser .analyserCatBtm {
    background-color: #74437a;
}

.dealAnalyserBoxs .analyserCategory.r2saAnalyser {
    background-color: #e4811f;
}

.dealAnalyserBoxs .analyserCategory.r2saAnalyser .analyserCatBtm {
    background-color: #d2781f;
}

.dealAnalyserBoxs .analyserCategory.b2saAnalyser {
    background-color: #f66b84;
}

.dealAnalyserBoxs .analyserCategory.r2rAnalyser {
    background-color: #c62e1a;
}

.dealAnalyserBoxs .analyserCategory.r2rAnalyser .analyserCatBtm {
    background-color: #972212;
}

.dealAnalyserBoxs .analyserCategory.r2rNAnalyser {
    background-color: #8bc61a;
}

.dealAnalyserBoxs .analyserCategory.r2rNAnalyser .analyserCatBtm {
    background-color: #8bc61a;
}

.dealAnalyserBoxs .analyserCategory.brrHmoAnalyser {
    background-color: #999b9e;
}
.dealAnalyserBoxs .analyserCategory.brrHmoAnalyser .analyserCatBtm {
    background-color: #999b9e;
}

.dealAnalyserBoxs .analyserCategory.allAnalyser {
    background-color: #3887e3;
}

.dealAnalyserBoxs .analyserCategory.allAnalyser .analyserCatBtm {
    background-color: #2e6ebf;
}

.dealAnalyserBoxs .analyserCategory.offersAnalyser {
    background-color: #edb615;
}

.dealAnalyserBoxs .analyserCategory.offersAnalyser .analyserCatBtm {
    background-color: #cb9c12;
}

.analyserTopbar {
    display: flex;
    align-items: center;
}

.analyserTopbar span {
    min-width: max-content;
    margin-left: 20px;
}

.valuationReportBtn {
    display: flex;
    align-items: center;
}

.valuationReportBtn span {
    min-width: max-content;
    margin-left: 10px;
}

/* .analyserTopbar span:last-child{
    margin-right: 0px;
    } */
.analyseModalIcon img {
    margin: 0 auto;
    width: 100px;
}

.modalDesign .modal-body {
    padding: 50px;
}

.modalDesign .modal-content {
    position: relative;
}

.modalDesign .closeModal {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    /* padding: 10px; */
    height: 30px;
    width: 30px;
    border: 1px solid var(--colorBlack);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    overflow: hidden;
}

.modalDesign .closeModal2 {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    overflow: hidden;
}

.modalDesign .closeModal button {
    height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    font-weight: 900;
}

.updatePlanBox {
    background-color: var(--colorWhite);
    /* margin-top: 30px; */
    padding: 30px 0px 0px;
}

.updatePlanBtn {
    text-align: center;
    margin-bottom: 30px;
}

.updatePlanForm {
    display: none;
}

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

.tableTopBox .propertyCount {
    min-width: fit-content;
}

.tableDesignNew,
.newBoxDesign {
    padding: 15px;
    background: var(--colorWhite);
    border-radius: 10px;
    height: 100%;
    box-sizing: border-box;
    word-break: break-all;
}

.tableDesignNewInner {
    overflow-x: auto;
}

.tableDesignNew table th,
.tableDesignNew table td {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
    white-space: nowrap;
}

.tableDesignNew table th {
    color: var(--colorBlue);
    font-size: 18px;
}

.tableDesignNew table td {
    font-size: 16px;
    color: var(--colorWarmGrey);
}

.tableDesignNew table tr:last-child td {
    border-bottom: none;
}

.tableDesignNew table th:first-child,
.tableDesignNew table td:first-child {
    padding-left: 0px;
    text-align: left;
}

.tableDesignNew table td:last-child {
    text-align: right;
    padding-right: 0px;
}

.typeofPlan {
    font-family: var(--circularBold);
}

.paidItems {
    /* background-color: var(--colorGreen); */
    color: var(--colorWhite);
    padding: 5px 5px 3px;
    border-radius: 4px;
    background-color: #009e358c;
}

.planSourcer {
    color: var(--colorGreen);
}

.planInvestor {
    color: var(--colorYellow);
}

.planBusiness {
    color: var(--colorBlue);
}

.subscriptionPayments .newHeadingBox {
    border-bottom: 1px solid #ccc;
}

.newHeadingBox h3 {
    font-size: 18px;
    color: var(--colorBlue);
    font-family: var(--circularBold);
    margin-bottom: 5px;
}

.subscriptionPayments .newBoxDesign {
    height: 100%;
}

.addPayMethod {
    color: var(--colorWarmGrey);
}

.payMethodLists {
    display: flex;
    align-items: center;
    margin-top: 12px;
    /* padding-right: 70px; */
    position: relative;
    /* width: auto; */
    justify-content: space-between;
}

.payMethodLists span {
    color: var(--colorWarmGrey);
}

.payMethodLists .cardInfo {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

.cardInfo .cardIcon {
    display: inline-block;
    margin-right: 7px;
    margin-top: -4px;
    width: 30px;
    min-width: 30px;
}

.defaultCard {
    min-width: 67px;
}

.defaultCard span {
    padding: 1px 10px;
    background-color: #f5e967;
    color: #000000;
    margin-left: 7px;
    border-radius: 15px;
    display: inline-block;
}

.payMethodLists .removeLists {
    position: absolute;
    right: 0px;
    /* display: none; */
    top: -4px;
}

.payMethodLists:hover .removeLists {
    display: block;
}

.removeLists .removeCardList {
    color: #ccc;
}

.modalDesign .modal-content {
    position: relative;
}

.paymentAllows {
    color: var(--colorWarmGrey);
}

.formDesign label.defaultPayUse {
    color: var(--colorWarmGrey);
    font-family: var(--circularBold);
}

.stripeImg {
    display: inline-block;
    width: 140px;
    float: right;
}

.acceptMethodBox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.moreOptionsBtn,
.moreOptionsBtn:hover {
    color: #ccc;
}

.moreOptions {
    position: relative;
}

.moreOptions div {
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 0px;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: auto;
    top: 18px;
    display: none;
    z-index: 9;
}

.moreOptions.moreOptionsLink div {
    display: block;
}

.moreOptions ul li {
    min-width: max-content;
}

.moreOptions ul li a {
    color: var(--colorWarmGrey);
    padding: 5px 10px;
    font-size: 14px;
    line-height: 16px;
}

.moreOptions ul li a:hover {
    color: var(--colorBlue);
}

.cardInfoSec {
    display: flex;
    align-items: center;
}

.cardInfoSec .cardInfo {
    margin-right: 30px;
}

.billingInfoBox .billingDetailSec {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.billingDetailSec .billDetailHeading {
    display: inline-block;
    float: left;
    width: 35%;
}

.billingDetailSec .billDetailHeading span {
    color: var(--colorWarmGrey);
    font-family: var(--circularBold);
}

.billingDetailSec .billDetailText {
    display: inline-block;
    float: left;
    width: 65%;
}

.billingDetailSec .billDetailText span {
    color: var(--colorWarmGrey);
    word-break: break-all;
    -ms-word-break: break-all;
}

.updateDetailLink span {
    margin-right: 7px;
}

.stripePowered span {
    text-align: center;
}

.stripePowered span img {
    width: 200px;
}

.modal {
    z-index: 999999;
}

.greenBtn {
    background: var(--colorGreen);
    border-color: var(--colorGreen);
    color: var(--colorWhite);
}

.greenBtn:hover,
.greenBtn:focus {
    background: transparent;
    color: var(--colorGreenTheme);
    border-color: var(--colorGreenTheme);
}

.greenBtnTheme {
    background: var(--colorGreenTheme);
    border-color: var(--colorGreenTheme);
    color: var(--colorWhite);
}

.greenBtnTheme:hover,
.greenBtnTheme:focus {
    background: transparent;
    color: var(--colorGreen);
    border-color: var(--colorGreen);
}

.redBtn {
    background: var(--colorRed);
    border-color: var(--colorRed);
    color: var(--colorWhite);
}

.redBtn:hover,
.redBtn:focus {
    background: transparent;
    color: var(--colorRed);
    border-color: var(--colorRed);
}

/* ---------------- */
.yellowBtn {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
    color: var(--colorWhite);
}

.yellowBtn:hover,
.yellowBtn:focus {
    background: transparent;
    color: var(--colorYellow);
    border-color: var(--colorYellow);
}

.greenishBtn {
    background: var(--colorGreenish);
    border-color: var(--colorGreenish);
    color: var(--colorWhite);
}

.greenishBtn:hover,
.greenishBtn:focus {
    background: transparent;
    color: var(--colorGreenish);
    border-color: var(--colorGreenish);
}

.purpleBtn {
    background: var(--colorPurple);
    border-color: var(--colorPurple);
    color: var(--colorWhite);
}

.purpleBtn:hover,
.purpleBtn:focus {
    background: transparent;
    color: var(--colorPurple);
    border-color: var(--colorPurple);
}

.viewPropertyBtm .viewPropertyAdd {
    margin-bottom: 7px;
}

.viewPropertyBtm .viewPropertyAdd:last-child {
    margin-bottom: 0px;
}

.viewPropertyBlock {
    /* display: flex; */
}

.viewPropertyBlock .viewPropertyTop {
    margin-bottom: 30px;
    /* padding-right: 30px; */
    /* border-right: 1px solid #ccc; */
}

.viewPropertyBlock .viewPropertyTop span {
    /* text-align: center; */
}

.viewPropertyBlock .viewPropertyTop .viewPropertyAddress {
    padding-bottom: 7px;
    border-bottom: 1px solid #ccc;
    color: var(--colorBlue);
    font-family: var(--circularBold);
}

.viewPropertyBlock .viewPropertyTop .viewPropertyInfo {
    color: var(--colorWarmGrey);
    padding-top: 7px;
}

.viewPropertyBtm {
    display: flex;
    flex-wrap: wrap;
}

.viewPropertyBtm .viewPropertyAdd {
    /* width: 50%; */
    width: 100%;
    /* padding: 0 10px; */
}

.propertyDetailTabs .nav-tabs {
    border-bottom: none;
}

.propertyDetailTabs .nav-item {
    margin-right: 0px;
}

.propertyDetailTabs .nav-tabs .nav-link {
    border: none;
    padding: 6px 15px;
    font-size: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWarmGrey);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.propertyDetailTabs .nav-tabs .nav-link .highlightCount {
    padding: 5px;
    border-radius: 50%;
    background: var(--colorBlue);
    color: var(--colorWhite);
    height: 18px;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--circularRegular);
    margin-left: 6px;
    font-size: 12px;
}

.propertyDetailTabs .nav-tabs .nav-link.active {
    color: var(--colorBlue);
    border: 2px solid var(--colorBlue);
    border-radius: 10px;
}

.infoSectionHeading {
    margin-bottom: 15px;
}

.infoSectionHeading h2 {
    color: var(--colorBlue);
}

.addPropertyBtns .col-md-6 {
    margin-bottom: 15px;
}

.addedPropLists .propertyListBox {
    margin-top: 20px;
}

.infoSectionHeading .listingFor {
    padding: 5px 10px 3px 10px;
    border-radius: 6px;
    color: var(--colorWhite);
    display: inline;
    width: auto;
}

.cashflowBox,
.offersStatus {
    font-size: 18px;
    /* font-family: var(--circularBold); */
    color: var(--colorWhite);
    padding: 3px 7px;
    border-radius: 6px;
}

.cashflowBox.cashflowUp {
    /* background: var(--colorGreen); */
    background-color: #009e358c;
}

.cashflowBox.cashflowDown {
    background: var(--colorRed);
}

.cashflowBox.cashflowMiddle {
    background: #ffb200;
}

.newNotesBoxs .newNotesBox {
    margin-top: 20px;
}

.notesForm .form-control {
    font-size: 16px;
}

.notesBtm span {
    margin-right: 10px;
    display: inline-block;
    float: left;
}

.notesBtm span:last-child {
    margin-right: 0px;
}

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

.notesForm2 .form-control:focus {
    border: none;
    outline: none;
    background-color: #f1f1f1;
    box-shadow: none;
}

.pageTagBox .propertyTypeTag {
    color: var(--colorWhite);
    padding: 10px 50px;
    border-radius: 0px;
    font-family: var(--circularBold);
    margin-right: 20px;
    text-align: center;
}

/* .propertyTypeTag.btlPropertyTag{
    background: var(--colorGreen2);
    } */
.pageTagBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.propDefaultsTop {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.propDefaultsTop span {
    color: var(--colorWarmGrey);
}

.propDetailBoxs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.propDetailBoxs .propInfoLeft {
    width: 60%;
}

.propDetailBoxs .propInfoRight {
    width: 40%;
}

.propDetailBoxs .propInfoLeft,
.propDetailBoxs .propInfoRight {
    display: inline-block;
    float: left;
    text-align: right;
    margin-top: 10px;
}

.propDetailBoxs .propInfoLeftCalculate,
.propDetailBoxs .propInfoRight {
    display: inline-block;
    float: left;
    text-align: left;
    margin-top: 10px;
}

.propDetailBoxs .propInfoLeft span {
    font-size: 14px;
    line-height: 16px;
    color: var(--colorWarmGrey);
}

.propDetailBoxs .propInfoRight span {
    max-width: 100px;
    display: inline-block;
    float: right;
    margin-left: 15px;
}

.propDetailBoxs .propInfoRight span input {
    font-size: 16px;
    line-height: 16px;
    color: var(--colorBlack);
    text-align: right;
    padding: 3px 5px;
}

.dealAnalyserPage2 .col-sm-6 {
    margin-bottom: 0px;
}

.propertyDefaultBox {
    height: 100%;
}

.btlColor {
    background: #36b0c5;
}

.hmoClr {
    background: #006bb3;
}

.flipClr {
    background: #03a494;
}

.brrClr {
    background: #874f90;
}

.brrHmoClr {
    background: #999b9e;
}

.r2saClr {
    background: #e4811f;
}

.r2rClr {
    background: #c62e1a;
}

.r2rNClr {
    background: #8bc61a;
}

.b2saClr {
    background: #f66b84;
}

.btlBtn {
    background: #36b0c5;
    border-color: #36b0c5;
}

.btlBtn:hover {
    background: transparent;
    border-color: #36b0c5;
    color: #36b0c5;
}

.hmoBtn {
    background: #006bb3;
    border-color: #006bb3;
}

.hmoBtn:hover {
    background: transparent;
    border-color: #006bb3;
    color: #006bb3;
}

.flipBtn {
    background: #03a494;
    border-color: #03a494;
}

.flipBtn:hover {
    background: transparent;
    border-color: #03a494;
    color: #03a494;
}

.brrBtn {
    background: #874f90;
    border-color: #874f90;
}

.brrBtn:hover {
    background: transparent;
    border-color: #874f90;
    color: #874f90;
}

.r2saBtn {
    background: #e4811f;
    border-color: #e4811f;
}

.r2saBtn:hover {
    background: transparent;
    border-color: #e4811f;
    color: #e4811f;
}

.r2rBtn {
    background: #c62e1a;
    border-color: #c62e1a;
}

.r2rBtn:hover {
    background: transparent;
    border-color: #c62e1a;
    color: #c62e1a;
}

.r2rNBtn {
    background: #8bc61a;
    border-color: #8bc61a;
}

.r2rNBtn:hover {
    background: transparent;
    border-color: #8bc61a;
    color: #8bc61a;
}

.b2saBtn {
    background: #f66b84;
    border-color: #f66b84;
}

.b2saBtn:hover {
    background: transparent;
    border-color: #f66b84;
    color: #f66b84;
}

.brrHmo {
    background: #999b9e;
    border-color: #999b9e;
}

.brrHmo:hover {
    background: transparent;
    border-color: #999b9e;
    color: #999b9e;
}

.labelNote {
    color: var(--colorWarmGrey);
}

.formDesign.addStrategyForm .form-group {
    margin-bottom: 15px;
}

.strategyModalTop {
    /* border-bottom: 1px solid #ccc; */
}

.cashflowStatus {
    color: var(--colorWhite);
    padding: 17px 14px;
    font-size: 14px;
    line-height: 15px;
    border-radius: 5px;
}

.cashflowStatus.cashflowHigh {
    background: var(--colorGreen);
    border-color: var(--colorGreen);
}

.cashflowStatus.cashflowMedium {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

.cashflowStatus.cashflowLow {
    background: var(--colorRed);
    border-color: var(--colorRed);
}

.strategyModalBtm {
    /* border-bottom: 1px solid #ccc; */
}

.cardInfoSec .cardInfo {
    width: 260px;
    min-width: 260px;
}

.cardExpiry {
    margin-right: 13px;
}

.formPhotosCont.formPhotosCont2 {
    padding: 0;
    background: transparent;
}

.formPhotosCont2 .form-label {
    color: var(--colorWarmGrey);
}

.formPhotosCont.formPhotosCont2 .photoWrp img {
    border: 1px solid #cccccc87;
}

.propertyMapBox {
    height: 100%;
}

.propertyMapBox .header-map {
    height: 100%;
    width: 100%;
}

.moreOptions ul li a.deletecard {
    color: var(--colorRed);
}

.greyBtn {
    background: var(--colorGrey2);
    border-color: var(--colorGrey2);
    color: var(--colorWhite);
}

.greyBtn:hover {
    background: var(--colorRed);
    border-color: var(--colorRed);
    color: var(--colorWhite);
}

.transparentGreyBtn {
    border-color: #70707094;
    background: transparent;
    color: #70707094;
}

.transparentGreyBtn:hover,
.transparentGreyBtn:focus {
    border-color: #ed3833;
    background: #ed3833;
    color: var(--colorWhite);
}

.fontSize85 {
    font-size: 85px;
}

.modalDesign2 .modal-dialog {
    max-width: 650px;
}

.propertyPhotosBox {
    height: 100%;
}

.viewPropertyAdd .addPropBtn br {
    display: none;
}

.uploadPropertiesImgs {
    height: 100%;
}

/* .uploadPropertiesImgs .uploadPropImage{
    height: 100%;
    background: #cccccc8a;
    color: #000;
    } */
.uploadedImgs img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.uploadPropertyImages .formPhotosCont .addPhotoBtn2 {
    width: 100%;
    order: -1;
}

.formPhotosCont .addPhotoBtn {
    border: 2px solid #ccc;
    margin-bottom: 10px;
}

.formPhotosCont .addPhotoBtn2 {
    border: 2px solid #ccc;
    margin-bottom: 10px;
    font-size: 20px;
}

.formPhotosCont .photoWrp {
    margin-right: 10px;
    margin-bottom: 10px;
}

.formPhotosCont .photoWrp img {
    margin-right: 0px;
    margin-bottom: 0px;
}

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

.uploadPropImage .addPropPhoto {
    text-align: center;
}

.uploadPropImage .uploadedImgs {
    display: none;
    height: 100%;
}

.formPhotosCont .photoWrp img {
    width: 89px;
    height: 89px;
}

.imgArray {
    width: 100%;
}

.formPhotosCont2 .photoWrp {
    display: inline-block;
    float: left;
}

.propPhogoGallery .galleryImg {
    margin-right: 15px;
    margin-bottom: 15px;
    display: inline-block;
    float: left;
    height: 180px;
    width: 180px;
    position: relative;
    border: 1px solid #cccccc75;
    border-radius: 4px;
    padding: 10px;
}

.propPhogoGallery .galleryImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.propPhogoGallery .galleryImg .removePropImage {
    position: absolute;
    top: 10px;
    right: 10px;
}

.propPhogoGallery .galleryImg .removePropImage a {
    color: var(--colorRed);
    padding: 5px;
    border-radius: 2px;
    background: whitesmoke;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.propPhogoGallery .galleryImg .removePropImage a:hover {
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.formPhotosCont .addPhotoBtn2 {
    border: 2px dashed #ccc;
}

/* ------------- */
.childCheckArea {
    padding-left: 10px;
}

.parentAreaCheck label {
    color: var(--colorPrim);
}

.childCheckArea .childAreaCheck {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 0 10px;
    margin-bottom: 10px;
}

.parentAreaCheck {
    margin-bottom: 10px;
    float: left;
}

.parentAreaCheck label,
.childAreaCheck label {
    padding-left: 6px;
}

.areaFileterBox {
    max-height: 400px;
    overflow-y: auto;
}

.areaFileterBox.scrollBar::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.areaFileterBox.scrollBar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.areaFileterBox.scrollBar::-webkit-scrollbar-thumb {
    background: #888;
}

.uploadPropImage .uploadedImgs.image-exist {
    display: block;
}

.myAreaPage2 .dashHeadingTop .dashboardHeaderBtns span:last-child {
    margin-right: 0px;
}

.pinUnpinBox {
    /* display: inline; */
    float: left;
    padding: 8px 0px;
    display: none;
}

.myAreaCards .areaCardCont:hover .pinUnpinBox {
    display: inline;
}

.pinUnpinBox a {
    font-size: 0.8em;
    color: var(--colorWarmGrey);
    padding: 5px 7px 5px 7px;
    border: 1px solid #707070ab;
    border-radius: 36px;
    background-color: transparent;
    color: var(--colorWarmGrey);
}

.pinUnpinBox a:hover {
    color: var(--colorBlue);
    background-color: #707070ab;
    border-color: #707070ab;
    color: var(--colorWhite);
}

.pinUpinIcon {
    /* color: var(--colorBlue); */
    /* margin-right: 5px; */
    /* background: var(--colorBlue); */
    /* color: var(--colorWhite); */
    /* display: none; */
    position: relative;
    /* padding: 3px 5px 1px; */
}

.pinUpinIcon .innerIcon {
    position: absolute;
    right: -16px;
    top: -2px;
    color: var(--colorBlue);
    display: none;
    color: var(--colorRed);
}

.pinUpinIcon.pinUnpinToggle {
    display: inline;
}

.areaInsightsSection .dashCardBox.cardTableDesignNew thead tr th:first-child {
    padding-left: 10px;
    text-align: left;
}

/* ------------------ */
.showDefaultNosBx {
    display: none;
}

.showDefaultNosBx.toggleBox {
    display: block;
}

.btnStyleNew {
    padding: 10px 20px;
    background: #3787e3ad;
    border-radius: 4px;
    color: var(--colorWhite);
    font-size: 20px;
    position: relative;
    font-family: var(--circularMedium);
}

.btnStyleNew:hover {
    color: var(--colorWhite);
}

.btnStyleNew span {
    position: absolute;
    right: 10px;
}

.inputDesign {
    position: relative;
}

.inputDesign .inputDesignIcon {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    padding: 0px 10px;
    /* border-left: 2px solid #aaaaaa54; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.inputDesign .inputDesignIcon .inputDesignIcons {
    font-size: 30px;
    display: flex;
}

.inputDesignIcon .inputDesignIcons.checkIcon {
    color: var(--colorGreen);
}

.inputDesignIcon .inputDesignIcons.crossIcon {
    color: var(--colorRed1);
}

.inputDesignIcon .inputDesignIcons.exIcon {
    color: var(--colorYellow);
}

.inputDesign .form-control {
    padding-right: 52px;
}

.primaryColor {
    color: var(--colorBlue);
}

.rentalCoverage {
    width: 100%;
    float: left;
    border-radius: 5px;
    background: #ccc;
    height: auto;
    padding: 6.6px 14px;
    background-color: #f1f1f1;
    position: relative;
    padding-right: 52px;
}

.rentalCoverage .labelNote {
    font-size: 13px;
    line-height: 18px;
}

.rentalCoverage .likeDislikeSec {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    padding: 0px 10px;
    display: flex;
    align-items: center;
}

.likeDislikeSec .likeSec,
.likeDislikeSec .dislikeSec {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.likeDislikeSec .likeSec .fas,
.likeDislikeSec .dislikeSec .fas {
    height: auto;
    line-height: normal;
}

.likeDislikeSec .likeSec {
    background: var(--colorGreen);
}

.likeDislikeSec .dislikeSec {
    background: var(--colorRed1);
}

.showDefaultNosBx .propertyDefaults {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 15%);
}

.uploadPropImageBox {
    position: relative;
    height: 100%;
}

.uploadPropImageBox .uploadPropImageSec {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: var(--colorRed);
    overflow: hidden;
}

.uploadPropImageBox .uploadPropImageSec a {
    color: var(--colorWhite);
    height: 100%;
    width: 100%;
}

.addPropPhoto {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90%;
    width: 100%;
    background: #cccccc8a;
}

.viewPropertyBlock {
    height: 100%;
}

.viewPropertyBlock .row {
    height: 100%;
    justify-content: space-between;
    --bs-gutter-x: 0.5rem;
}

/* -------------- */
.reportBoxSections {
    margin-top: 30px;
}

.reportBoxSection {
    padding: 30px;
    border-radius: 8px;
    background: var(--colorWhite);
    border: 1px solid #dbdbdb;
    height: 100%;
}

.reportTableSec:not(:last-child) {
    margin-bottom: 15px;
}

.topBoxTable {
    border-bottom: 1px solid #ccc;
}

.tableSecDesign {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.topBoxTable span {
    font-family: var(--circularBold);
    font-size: 18px;
    color: var(--colorBlack);
}

.bottomBoxInner {
    margin-bottom: 5px;
}

.bottomBoxInner span {
    font-family: var(--circularRegular);
    font-size: 18px;
    color: var(--colorWarmGrey);
}

.bottomBoxTable .bottomBoxInner:first-child {
    margin-top: 3px;
}

.topBoxTable.topBoxTable2 {
    border-bottom: none;
}

.topBoxTable.topBoxTable2 span {
    color: var(--colorBlue);
    font-size: 28px;
}

.topBoxTable span:last-child {
    margin-left: 5px;
}

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

.topBoxTable.topBoxTable2 span {
    margin-left: 0px;
}

.reportBoxSections .col-sm-12 {
    margin-bottom: 20px;
}

/* ------------- */
.propertyPhotosBox {
    max-height: 328px;
}

.offersStatus {
    position: relative;
}

.statusDropDown {
    position: absolute;
    border-radius: 4px;
    background: #e7e4e4;
    z-index: 10;
    padding: 5px 0px;
    display: none;
    /* top: 0; */
    left: 0px;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.statusDropDown ul li {
    text-align: left;
}

.statusDropDown ul li a {
    padding: 6px 15px 6px 10px;
    color: var(--colorBlack);
    font-size: 14px;
    line-height: 14px;
    font-family: var(--circularRegular);
    width: 100%;
    display: block;
}

.statusIs {
    cursor: pointer;
}

.offersStatus {
    padding: 0px;
}

.offersStatus .statusIs {
    width: 110px;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
}

.offersStatus .statusDropDown {
    display: none;
}

.offersStatus.activeBox .statusDropDown {
    display: block;
}

.tableDesignNew.propertyListBoxNew table th,
.tableDesignNew table th {
    padding-top: 30px;
}

.offersStatus {
    display: inline-block;
}

.activeStatusIcon {
    width: 15px;
    display: inline-block;
    margin-right: 10px;
}

.statusOption .activeStatusIcon i {
    display: none;
}

.statusOption.activeStatus .activeStatusIcon i {
    display: inline-block;
}

.statusChange.pendingStatus {
    background: var(--colorYellow);
}

.statusChange.acceptedStatus {
    background: var(--colorGreen);
}

.statusChange.declinedStatus {
    background: var(--colorRed1);
}

.statusChange.withdrawnStatus {
    background: var(--colorWarmGrey);
}

.modalDesign2 .modal-dialog {
    max-width: 400px;
}

.recordOfferForm .inputIconBox {
    position: relative;
}

.recordOfferForm .inputIconBox .form-control {
    padding-left: 30px;
}

.recordOfferForm .inputIconBox .inputIcon {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 23px;
    line-height: 23px;
    font-family: var(--circularBold);
    color: var(--colorBlue);
}

.offeringDetailBox {
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background: var(--colorGrey2);
    height: 100%;
}

.offeringDetailBox .detailTableSec {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.offeringDetailBox .detailTableSec.tableTotal {
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.tableNote {
    color: #aaaaaa;
}

.offeringDetailBox .detailTableContent {
    margin-left: 15px;
}

.detailsHeadings {
    min-width: 170px;
    font-family: var(--circularBold);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}

.detailsHeadings span {
    color: var(--colorWarmGrey);
}

.detailsTabBox p {
    margin-bottom: 7px;
    display: flex;
    align-items: flex-start;
}

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

.propertyTableNew span {
    margin-left: 10px;
}

.dealAnalyserBoxs .analyserCategory .analyserCatTop span {
    line-height: 40px;
}

.propertryListsTabs .nav-tabs {
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.propertryListsTabs .nav-item {
    width: 49%;
    margin: 0px;
    margin-right: 10px;
}

.propertryListsTabs .nav-item:last-child {
    margin-right: 0px;
}

.propertryListsTabs .nav-item button {
    width: 100%;
    text-align: center;
    background: #ccc3;
    color: var(--colorYellow);
    font-family: var(--circularBold);
    padding: 10px 15px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
}

.propertryListsTabs .nav-item button#allProperties-tab {
    color: var(--colorBlue);
}

.propertryListsTabs .nav-item button#allProperties-tab.active {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.propertryListsTabs .nav-item button#allOffers-tab.active {
    background: var(--colorYellow);
    color: var(--colorWhite);
}

/* .propertryListsTabs .nav-item button.active{
    background: var(--colorBlue);
    color: var(--colorWhite);
    } */
.allPropertyTableBox {
    background: var(--colorWhite);
    /* padding-top: 10px; */
    margin-top: 10px;
}

.allPropertyTableBox .allPropertiesTable,
.offersTablesBox .offersTableSec {
    padding: 10px;
    /* margin-top: 10px; */
    background: var(--colorWhite);
}

.allPropertyTableBox .allPropertiesTable th,
.offersTablesBox .offersTableSec th {
    color: var(--colorBlue);
    text-align: center;
    font-size: 18px;
    padding: 10px 15px;
    border-bottom: 1px solid var(--colorBlue);
}

.allPropertyTableBox .allPropertiesTable td,
.offersTablesBox .offersTableSec td {
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    white-space: nowrap;
}

.allPropertyTableBox .allPropertiesTable th:first-child,
.allPropertyTableBox .allPropertiesTable td:first-child,
.offersTablesBox .offersTableSec th:first-child,
.offersTablesBox .offersTableSec td:first-child {
    text-align: left;
    padding-left: 0px;
}

.allPropertyTableBox .allPropertiesTable th.addressField,
.offersTablesBox .offersTableSec th.addressField {
    width: 200px;
    min-width: 200px;
}

.allPropertyTableBox .allPropertiesTable th:last-child,
.allPropertyTableBox .allPropertiesTable td:last-child,
.offersTablesBox .offersTableSec th:last-child,
.offersTablesBox .offersTableSec td:last-child {
    padding-right: 0px;
}

.allPropertyTableBox .allPropertiesTable tr:last-child td,
.offersTablesBox .offersTableSec tr:last-child td {
    border-bottom: none;
}

.allPropertySearchBox .form-control {
    border-radius: 0px;
    border: 1px solid var(--colorWarmGrey);
}

.propertryListsTabs .nav-item .propertyCounter {
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.propertryListsTabs .nav-item #allProperties-tab .propertyCounter {
    border: 1px solid var(--colorBlue);
}

.propertryListsTabs .nav-item #allOffers-tab .propertyCounter {
    border: 1px solid var(--colorYellow);
}

.propertryListsTabs .nav-item #allProperties-tab.active .propertyCounter,
.propertryListsTabs .nav-item #allOffers-tab.active .propertyCounter,
.propertryListsTabs .nav-item .active .propertyCounter {
    border: 1px solid var(--colorWhite);
}

.offersInnerTabs,
.propertyInnerTabs {
    margin-top: 10px;
}

.offersInnerTabs .nav-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: 10px; */
    border-bottom: none;
    /* padding: 10px; */
    /* border: 1px solid #ccc; */
}

.offersInnerTabs .nav-tabs .nav-item,
.propertyInnerTabs .nav-tabs .nav-item {
    width: 19%;
    margin-right: 10px;
    border-radius: 4px;
}

.offersInnerTabs .nav-tabs .nav-item button,
.propertyInnerTabs .nav-tabs .nav-item button {
    width: 100%;
    padding: 7px 10px 7px 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--circularRegular);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offersInnerTabs .nav-tabs .nav-item:last-child {
    margin-right: 0px;
}

.offersTabsInner {
    margin-top: 10px;
}

.offersInnerTabs .nav-tabs .nav-item button,
.propertyInnerTabs .nav-tabs .nav-item button {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.offersInnerTabs .nav-tabs .nav-item.tabAllOffers button {
    background-color: var(--colorWarmGrey);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item.tabPendingOffers button {
    background-color: var(--colorYellow);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item.tabAcceptedOffers button {
    background-color: var(--colorGreen);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item.tabDeclinedOffers button {
    background-color: var(--colorRed1);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item.tabwithdrawnTabs button {
    background-color: #ccc;
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item button.active {
    background-color: var(--colorBlue);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item button .propertyCounter,
.propertyInnerTabs .nav-tabs .nav-item button .propertyCounter {
    height: 26px;
    width: 26px;
    min-width: 26px;
    border-radius: 50%;
    border: 1px solid var(--colorWhite);
    display: flex;
    align-items: center;
    justify-content: center;
}

.offersTableSec .statusChange {
    padding: 7px 14px;
    color: var(--colorWhite);
    border-radius: 8px;
}

.dashHeadingTop h2.redirectLink a {
    color: var(--colorBlack);
}

.allPropertyTableBox .allPropertiesTable,
.offersTablesBox .offersTableSec {
    overflow-x: auto;
}

.routeDesignNew i {
    display: inline-block;
    float: left;
    margin-right: 3px;
    margin-top: -1px;
}

.topBoxTable span:last-child.netCashflow {
    display: inline-block;
    margin-left: 0;
    margin-right: 20px;
}

.newTagSec {
    width: 40px;
    margin-left: 8px;
    display: inline-block;
}

.redirectLink a img {
    width: 32px;
    margin-right: 3px;
}

.redirectLink .routeDesignNew {
    display: flex;
    align-items: center;
}

.planDetailSec {
    padding-top: 21px;
}

.uploadsIconBox.galleryImg {
    padding: 3px;
}

.uploadsIconBox.galleryImg span {
    height: 100%;
    display: flex;
    width: 100%;
}

.uploadsIconBox.galleryImg span a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    color: var(--colorPrim);
    text-align: center;
    font-size: 20px;
}

.uploadsIconBox.galleryImg span a:hover,
.uploadsIconBox.galleryImg span a:focus {
    color: var(--colorPrim);
}

.addStrategyInner {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 15%);
}

.addStrategyInner th {
    font-size: 13px;
    line-height: 15px;
    color: var(--colorWarmGrey);
    border-bottom: 1px solid #ccc;
}

.addStrategyInner th:first-child {
    width: 170px;
    min-width: 170px;
}

.addStrategyInner th:first-child,
.formDesign .addStrategyInner td:first-child {
    padding-left: 0px;
}

.addStrategyInner th:last-child,
.formDesign .addStrategyInner td:last-child {
    padding-right: 0px;
}

.formDesign .addStrategyInner tr:nth-last-child(-n+2) td {
    border-bottom: 1px solid #ccc;
}

.formDesign .addStrategyInner tr:nth-last-child(-n+1) td {
    border-bottom: none;
}

.formDesign .addStrategyInner td span {
    width: 100px;
}

.formDesign .addStrategyInner td span input {
    font-size: 14px;
    line-height: 14px;
    color: var(--colorBlack);
    text-align: right;
    padding: 9px 10px;
    background-color: #f1f1f1;
    width: 100%;
}

.formDesign .addStrategyInner td:first-child {
    font-size: 15px;
    line-height: 17px;
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
}

.propertyInnerTabs .nav-tabs {
    border: none;
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty {
    width: 50%;
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect {
    width: 23%;
    margin-right: 10px;
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives {
    width: 23%;
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty button {
    color: #47a595;
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty button .propertyCounter {
    border-color: #47a595;
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty button.active {
    background-color: #47a595;
    color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty button.active .propertyCounter {
    border-color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect button {
    color: #f75959;
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect button .propertyCounter {
    border-color: #f75959;
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect button.active {
    background-color: #f75959;
    color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect button.active .propertyCounter {
    border-color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives button {
    color: #874f90;
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives button .propertyCounter {
    border-color: #874f90;
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives button.active {
    background-color: #874f90;
    color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives button.active .propertyCounter {
    border-color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item button {
    border: none;
    background: #ccc3;
}

.viewPropertyDetail .col-sm-6:first-child .col-sm-12:last-child {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
}

.archiveTools {
    display: inline-block;
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 50%;
}

.archiveTools a {
    height: 100%;
    width: 100%;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.archiveTools a img {
    width: 100%;
    float: left;
}

.offersTableSec {
    margin-bottom: 20px;
}

.offerForSecn .addedPropertyFor {
    text-align: center;
}

.offerForSecn .infoSectionHeading {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
}

.offerForSecn .infoSectionHeading .listingFor {
    width: 60px;
}

.agentFeeTypes .form-control {
    font-size: 16px;
    line-height: 16px;
}

.formDesign .agentFeeTypes select.form-control {
    padding: 3px 5px;
}

.propDetailBoxs .propInfoRight span {
    width: 100px;
}

.activeBox.form-control {
    cursor: not-allowed;
}

.compFeaturesNew {
    background: var(--colorWhite);
}

.secSlidersBoxInner {
    margin-bottom: 50px;
}

.secSlidersBoxInner:nth-child(even) .row {
    flex-direction: row-reverse;
}

.secSlidersBoxInner .secSliderLeft p {
    color: var(--colorWarmGrey);
}

.secSlidersBoxInner .row {
    align-items: center;
    margin-left: -30px;
    margin-right: -30px;
}

.secSlidersBoxInner .row .col-md-6 {
    padding-left: 30px;
    padding-right: 30px;
}

.secSlidersBoxInner .sectionSlider {
    /* box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 12%); */
    box-shadow: -8px 7px 14px 3px rgb(0 0 0 / 12%);
}

/* .secSlidersBoxInner:nth-child(even) .sectionSlider{
    box-shadow: 4px 5px 10px 1px rgb(0 0 0 / 12%);
    } */
.secSliderRight .slick-prev,
.secSliderRight .slick-next {
    width: 30px;
    height: 40px;
    z-index: 9;
}

.secSliderRight .slick-prev:hover:before,
.secSliderRight .slick-next:hover:before {
    opacity: 1;
    color: var(--colorRed1);
}

.secSliderRight .slick-prev:before,
.secSliderRight .slick-next:before {
    color: #0d6efd;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    font-size: 40px;
}

.secSliderRight .slick-prev:before {
    content: '\f104';
}

.secSliderRight .slick-next:before {
    content: '\f105';
}

.secSliderRight .slick-prev {
    left: 0px;
}

.secSliderRight .slick-next {
    right: 0px;
}

.sectionSlider.slick-initialized .slick-slide {
    height: 322px;
}

.sectionSlider.slick-initialized .slick-slide span {
    height: 100%;
}

.sectionSlider.slick-initialized .slick-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.weWorkNew {
    background: var(--colorWhite)
}

.testimonialsBoxNew {
    background: url('../img/weWorkBg.png') no-repeat center center;
    background-size: cover;
}

.testimonialContent span,
.testimonialBy .writerName {
    color: var(--colorWarmGrey);
}

.howWeWorkImg {
    box-shadow: -8px 7px 14px 3px rgb(0 0 0 / 12%);
}

.weWorkNew .weWorkLeft {
    padding-right: 0px;
}

.weWorkNew .weWorkBox .row {
    margin-left: -30px;
    margin-right: -30px;
}

.weWorkNew .weWorkBox .col-sm-12 {
    padding-left: 30px;
    padding-right: 30px;
}

/****** save filter ***/
.csm-saved {
    display: contents;
}

.csm-saved li {
    display: inline-block;
    margin: 0.5rem 1rem 0.5rem 0rem;
    background: #f4f4f4;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    position: relative;

}

/* .csm-saved li span {
        display: inline-block;
        background: #000;
        border-radius: 50%;
        color: #fff;
        width: 23px;
        height: 23px;
        text-align: center;
        font-size: 12px;
        line-height: 23px;
        margin-left: 1rem;
        cursor: pointer;
    } */

/***** sell form start *****/
.sell-main {
    background-color: #f4f7fa;
}

.sell-content .box {
    margin-top: 2rem;
    background: #fff;
    padding: 30px 60px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
}

.sell-content .box .post_form .btnStyle {
    padding: 11px 44px;
}

.sell-content .box .post_form .form-group {
    width: 100%;
    max-width: 400px;
    margin-right: 10px;
}

.sell-content .box .post_form .form-group input {
    height: 100%;
}

.sell-content .form-control,
.sell-content .form-select {
    height: 44px !important;
}

.check_box input {
    display: none;
}

.check_box label {
    position: relative;
}

.check_box label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px;
}

.check_box input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);

}

.check_box input:checked+label:before {
    background: #3787e3;
    border-radius: 50%;
}

.sell-content .box .textarea-property .form-group {
    width: 100%;
    max-width: 100%;
    margin-right: 10px;
}

.sell-content .box .textarea-property .form-group textarea {
    width: 100%;
    border: 1px solid #3787e3;
    border-radius: 5px;
    padding: 1rem;
}

.sell-content .box form button.btnStyle {
    border-radius: 5px;
}

.sell-content .box form .form-control,
.sell-content .box form .form-select {
    height: 54px;
}

.sell-content .box small {
    color: #3787e3;
    cursor: pointer;
}

.sell-content .changed input[type=checkbox],
.changed input[type=radio] {
    filter: grayscale(1);
    filter: hue-rotate(180deg)
}

.sell-content hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #cbcbcb;
    background: none;
}

.sell-content input[type='radio'] {
    display: none;
}

.sell-content .send label,
.sell-content .sellerRadio label,
.sell-content .property label,
.sell-content .typeFlat label,
.sell-content .parking label,
.sell-content .lease label,
.sell-content .disability label,
.sell-content .rating label,
.sell-content .advert label {
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    padding: 5px 0px 5px 30px;
}

.sell-content .send label:before,
.sell-content .sellerRadio label:before,
.sell-content .property label:before,
.sell-content .typeFlat label:before,
.sell-content .parking label:before,
.sell-content .lease label:before,
.sell-content .disability label:before,
.sell-content .rating label:before,
.sell-content .advert label:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: transparent;
    border: 1px solid #3787e3;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%);
    transition: border-color 400ms ease;
}

.sell-content .send label::after,
.sell-content .sellerRadio label::after,
.sell-content .property label::after,
.sell-content .typeFlat label::after,
.sell-content .parking label::after,
.sell-content .lease label::after,
.sell-content .disability label::after,
.sell-content .rating label::after,
.sell-content .advert label::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #3787e3;
    border: 1px solid #3787e3;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%) scale(0);
    transition: transform 400ms ease;

}

.sell-content input[type='radio']:checked+label:after {
    background-color: #3787e3;
    transform: translateY(-50%) scale(0.55);
}

/******Checkbox*****/

.sell-content .parking-checkbox .form-group {
    display: block;
    margin-bottom: 15px;
}

.sell-content .parking-checkbox .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.sell-content .parking-checkbox .form-group label {
    position: relative;
    cursor: pointer;
}

.sell-content .parking-checkbox .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #3787e3;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px;
}

.sell-content .parking-checkbox .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 7px;
    height: 14px;
    border: solid #3787e3;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.sell-content .rating-graph {
    display: flex;
}

.sell-content .rating-graph li {
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #cacccd;
    text-align: center;
}

.sell-content .rating-graph li:first-child {
    border: none;
    padding-left: 0px;
}

.sell-content .rating-graph li .graph-status span {
    color: #707070;
    display: inline-block;
}

.sell-content .rating-graph li .graph-status span.point {
    padding: 3px;
    color: #000;
    position: relative;
    height: 20px;
}

.sell-content .rating-graph li .graph-status span.point::before {
    position: absolute;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: "";
    top: 0;

}

.sell-content .rating-graph li .graph-status {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
}

.sell-content .rating-graph li .graph-status img {
    padding-top: 6px;
}

.graph_bottom_text {
    position: absolute;
    bottom: -15px;
}

.sell-content .box .date_picker .form-group {
    max-width: 100%;

}

.sell-content .box .parking-checkbox a {
    color: #3787e3;
}

.sell-content .box .parking-checkbox a:hover {
    text-decoration: underline;
}

.sell-content .rating-graph li .graph-status .graph_img_mobile {
    display: none;
}

.sell-content .rating-graph li .graph-status span.point {
    display: block;
}

.sell-content .rating-graph li .graph-status span.point.graph-color1 {
    background-color: #037e31;

}

.sell-content .rating-graph li .graph-status span.point.graph-color2 {
    background-color: #2aa040;
}

.sell-content .rating-graph li .graph-status span.point.graph-color3 {
    background-color: #93c351;
}

.sell-content .rating-graph li .graph-status span.point.graph-color4 {
    background-color: #f2ca25;
}

.sell-content .rating-graph li .graph-status span.point.graph-color5 {
    background-color: #ffb101;
}

.sell-content .rating-graph li .graph-status span.point.graph-color6 {
    background-color: #ff8001;
}

.sell-content .rating-graph li .graph-status span.point.graph-color7 {
    background-color: #d61d1d;
}

.sell-content .rating-graph li .graph-status span.point.graph-color1::before {
    border-right: 10px solid #037e31;
}

.sell-content .rating-graph li .graph-status span.point.graph-color2::before {
    border-right: 10px solid #2aa040;
}

.sell-content .rating-graph li .graph-status span.point.graph-color3::before {
    border-right: 10px solid #93c351;
}

.sell-content .rating-graph li .graph-status span.point.graph-color4::before {
    border-right: 10px solid #f2ca25;
}

.sell-content .rating-graph li .graph-status span.point.graph-color5::before {
    border-right: 10px solid #ffb101;
}

.sell-content .rating-graph li .graph-status span.point.graph-color6::before {
    border-right: 10px solid #ff8001;
}

.sell-content .rating-graph li .graph-status span.point.graph-color7::before {
    border-right: 10px solid #d61d1d;
}


@media(max-width:991px) {
    .sell-content .box {
        padding: 20px 30px;
    }

}

@media(max-width:768px) {
    .sell-content .box {
        padding: 20px;
    }

    .sell-content .box .form-control {
        margin-top: 8px;
    }
}

@media(max-width:576px) {
    .sell-content .box .post_form .form-group {
        max-width: 100%;
    }

    .sell-content .box .post_form button {
        margin-top: 1rem;
        width: 100% !important;
    }

    .sell-content .rating-graph li .graph-status .graph_img_mobile {
        display: block;
    }

    .sell-content .rating-graph li .graph-status .graph_img {
        display: none;
    }

    .sell-content .rating-graph li .graph-status .graph_bottom_text span {
        display: none;
    }

    .sell-content .rating-graph li .graph-status img {
        padding-top: 4px;
    }

    .sell-main {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

/***** sell form end *****/

/**** error ******/

.was-validated .form-control:invalid,
.form-control .is-invalid {
    border-color: #e55353;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e55353' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


/*** error end ***/

.on-market-radio {
    text-align: right;
}

.off-market-radio {
    text-align: left;
}

/* courses page css start here  */
.course-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.course-list .single-course {
    width: calc(100% / 4 - 30px);
    margin: 20px 15px;
    position: relative;
    cursor: pointer;
    background-color: var(--colorWhite);
    border-radius: 4px;
    padding: 12px;
}

.course-list .single-course a {
    height: 100%;
    width: 100%;
    display: block;
}

.course-list .single-course .course-image img {
    max-width: 100%;
}

.course-list .single-course h5 {
    font-size: 19px;
    font-weight: 600;
    color: var(--colorBlack);
    margin: 20px 0 10px;
    line-height: 25px;
}

.course-list .single-course p {
    color: var(--colorGrey3);
    font-size: 15px;
    font-weight: 300;
}

.course-list .single-course h6 {
    color: var(--colorWarmGrey);
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0;
}

.course-list .single-course h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--colorBlack);
    margin-top: 10px;
}

.course-list .single-course h4 s {
    color: #6a6f73;
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px;
}

.course-list .single-course span.course-level {
    background-color: var(--colorYellow);
    color: var(--colorBlack);
    padding: 4px 10px;
    font-size: 12px;
    display: inline-block;
}

.course-detail-popup {
    width: 350px;
    padding: 20px;
    background-color: var(--colorWhite);
    border: 1px solid #dbdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 30px);
    margin: auto;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}

.course-detail-popup:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--colorWhite);
    position: absolute;
    left: -10px;
    top: calc(50% - 5px);
}

.course-detail-popup:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #dbdbdb;
    position: absolute;
    left: -11px;
    top: calc(50% - 5.5px);
}

.course-detail-popup:after,
.course-detail-popup:before {
    content: '';
    width: 0;
    height: 0;
}

.single-course:hover .course-detail-popup {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease-in-out;
}

.single-course:nth-child(4n) .course-detail-popup {
    left: unset;
    right: calc(100% + 30px);
}

.single-course:nth-child(4n) .course-detail-popup:before,
.single-course:nth-child(4n) .course-detail-popup:after {
    left: unset;
    transform: rotate(180deg);
}

.single-course:nth-child(4n) .course-detail-popup:before {
    right: -11px;
}

.single-course:nth-child(4n) .course-detail-popup:after {
    left: unset;
    right: -10px;
}

.course-detail-popup small {
    color: var(--colorGreen);
    margin-left: 10px;
    font-size: 13px;
}

/* .course-detail-popup li{
    color: var(--colorGrey3);
    font-size: 15px;
    font-weight: 300;
    padding: 15px 0 0 35px;
    position: relative;
}
.course-detail-popup li::before{
    content: "\2714";
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 13px;
    } */
.course-detail-popup a {
    background-color: var(--colorPrim);
    padding: 10px 15px;
    text-align: center;
    color: var(--colorWhite);
    font-size: 15px;
    border-radius: 8px;
    margin-top: 15px;
    font-weight: 400;
}

/* filter box design css  */
.filter-box {
    width: 250px;
    border-top: 1px solid #dbdbdb;
    margin-top: 20px;
    display: none;
}

.filter-box .filter-collapse {
    width: 100%;
    display: block;
    color: var(--colorBlack);
    font-size: 22px;
    font-weight: 600;
    padding: 14px 0;
    position: relative;
}

.filter-box .filter-collapse::after {
    content: '';
    position: absolute;
    right: 5px;
    top: calc(50% - 8px);
    width: 10px;
    height: 10px;
    background: transparent;
    text-indent: -9999px;
    border-top: 2px solid var(--colorGrey3);
    border-left: 2px solid var(--colorGrey3);
    text-decoration: none;
    color: transparent;
    transform: rotate(-135deg);
    transition: all 0.2s ease-in-out;
}

.filter-box .filter-collapse[aria-expanded='true']::after {
    transform: rotate(45deg);
    top: calc(50% - 6px);
}

.single-filter {
    border-bottom: 1px solid #dbdbdb;
}

.single-filter input {
    display: none;
}

.single-filter label {
    color: var(--colorGrey3);
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    margin: 8px 0;
}

.single-filter label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--colorGrey3);
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.single-filter input:checked+label:before {
    background-color: var(--colorGrey3);
}

.single-filter input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: solid var(--colorWhite);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.single-filter .show-more-btn {
    color: var(--colorPrim);
    font-size: 15px;
    position: relative;
    margin: 15px 0 20px;
}

.single-filter .show-more-btn::after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    right: -24px;
    top: 4px;
    background: transparent;
    text-indent: -9999px;
    border-top: 2px solid var(--colorPrim);
    border-left: 2px solid var(--colorPrim);
    text-decoration: none;
    color: transparent;
    transform: rotate(-135deg);
}

.multi-collapse div:last-child {
    margin-bottom: 20px;
}

/* course list after search  */
.search-course-container .filter-list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.search-course-container .course-list {
    margin: 0;
    width: calc(100% - 300px);
}

.search-course-container .course-list .single-course {
    margin: 10px 0;
    width: 100%;
}

.search-course-container .course-list .single-course>a {
    display: flex;
}

.search-course-container .course-list .single-course .course-image {
    height: 100%;
    min-width: 360px;
    max-height: 180px;
    overflow: hidden;
    margin-right: 20px;
}

.search-course-container .course-list .single-course h5 {
    margin: 0 0 10px;
}

.search-course-container .course-detail-popup,
.search-course-container .single-course:nth-child(4n) .course-detail-popup {
    top: unset;
    bottom: calc(100% + 5px);
    transform: unset;
    left: 0;
    right: 0;
}

.search-course-container .course-detail-popup:after,
.search-course-container .course-detail-popup:before,
.search-course-container .single-course:nth-child(4n) .course-detail-popup:before,
.search-course-container .single-course:nth-child(4n) .course-detail-popup:after {
    transform: rotate(-90deg);
    top: calc(100% - 5px);
    left: calc(50% - 5px);
    right: unset;
}

.search-course-container .course-tag {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.search-course-container .course-tag h4 {
    margin: 0 0 0 25px;
}

.search-box-main {
    display: flex;
    align-items: center;
    margin: 25px 0;
}

.search-box {
    margin: 0 0 0 30px;
}

.search-box input {
    background-color: var(--colorWhite);
    padding: 10px 15px 10px 45px;
    color: var(--colorBlack);
    border: 1px solid var(--colorGrey3);
    outline: none;
    box-shadow: none;
    border-radius: 30px;
    margin-left: 10px;
    width: 450px;
    background-image: url('../img/search-gray.png');
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.search-box input:focus {
    background-image: url('../img/search.png');
}

.search-course-container .filter-box {
    display: block;
}

.search-box-main button {
    margin-left: 50px;
}

.filter-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 15px;
}

.filter-toggle .filter-btn {
    border: 1px solid var(--colorGrey3);
    color: var(--colorGrey3);
    padding: 14px;
    margin-right: 15px;
}

.filter-toggle .clear-filter {
    color: var(--colorPrim);
}

.filter-toggle h5 {
    font-size: 18px;
    color: var(--colorWarmGrey);
    font-weight: 600;
}

/* hide filter  */
.hide-filter .filter-box {
    display: none;
}

.hide-filter .course-list {
    width: 100%;
}

.filter-box h5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWarmGrey);
}

.filter-box .filter-header {
    display: none;
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 15px;
}

.filter-box .close-filter-collapse {
    background: #fff;
    font-size: 20px;
    cursor: pointer;
}

.ulr-to-td {
    outline: none !important;
    text-decoration: none;
    color: #212529;
}

.csmdisabled {
    cursor: not-allowed !important;
}

.custom-sticky-header .dashboardHeaderBtns a {
    display: flex;
    align-items: center;
}

.custom-sticky-header .dashboardHeaderBtns a span {
    margin: 0 0 0 5px;
    display: inline-block;
}

.custom-sticky-header {
    position: relative;
}

.custom-sticky-header .dashHeadingTop {
    position: sticky;
    top: 64px;
    left: 0;
    background-color: #f4f7fa;
    width: 100%;
    z-index: 111;
    padding: 15px 0;
}

.custom-sticky-header .dashboardHeaderBtns span,
.custom-sticky-header .form-switch-row2 {
    margin-bottom: 0;
}

form#sellForm #selectAddress {
    position: relative;
    z-index: 11;
}

.homgepage-headline {
    font-size: 42px;
}

.second-subheading {
    color: #3787e4;
}

.left-count strong,
.right-count strong {
    display: inline-block;
    width: 64px;
}

.propertyCountBox2 {
    padding: 5px 5px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: var(--colorOffGrey);
    margin: 4px 3px;
    /* width: 156px;
    min-width: 156px; */
    height: 100%;
}

.propertyCountBox2 .forProperty {
    padding-right: 3px;
    border-right: 1px solid #ccc6;
    text-align: center;
}

.propertyCountBox2 .propertyTotal {
    padding-left: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    min-width: 45px;
}

.propertyCountBox2 .forProperty {
    color: var(--colorWarmGrey);
}

#insight .newBoxDesign {
    margin-bottom: -5%;
}

.insight-area-table {
    margin-bottom: -5px;
}

.insight-tiles-1 {
    margin-top: 4%;
}

.insight-tiles-2 {
    float: left;
    /* padding-left: 8px; */
    /* border-bottom: 2px solid #ccc; */
    padding-bottom: 22px;
}

.insight-tiles-3 {
    float: left;
    padding-left: 8px;
    /* border-bottom: 2px solid #ccc; */
    padding-bottom: 22px;
}



/* Stars on comments */
.visuhide {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

.star__container {
    /* display: flex; */
    margin: auto;
    /* border-radius: .25em; */
    /* background-color: #00a39b; */
    /* box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); */
    /* transition: box-shadow .3s ease; */
}

.star__container:focus-within {
    box-shadow: 0 0.125em 0.5em rgba(0, 0, 0, 0.5);
}

.star__item {
    display: inline-flex;
    width: 18px;
    /* height: 1.5em; */
    margin-right: 15px;
}

.star__item::before {
    content: "⭐️";
    display: inline-block;
    margin-left: 3px;
    font-size: 1.75em;
    vertical-align: top;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 33.3%;
    transform-origin: 50% 33.3%;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.tile-text-color-grey {
    color: var(--colorWarmGrey);
}

.tile-text-value {
    color: var(--colorBlue);
}

.newCardDesigns .pfPropValues2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.newCardDesigns .pfPropValues2:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.pfPropValues2 {
    justify-content: space-between;
}

.market-sights-tile {
    margin-top: 62px;
}

.propertyDetailTabs .nav-tabs .nav-link .highlightImg {
    padding: 5px;
    border-radius: 50%;
    color: var(--colorWhite);
    height: 18px;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--circularRegular);
    margin-left: 6px;
    font-size: 12px;
    height: auto;
    width: 28px;
}

.price-toggle-button {
    z-index: 1;
}

.blink-epc-notice {
    animation: blinkMe 2s linear infinite;
    font-weight: bold;
}

@keyframes blinkMe {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.energy-rating {
    border-radius: 4px;
    color: white;
    padding-left: 4px;
    padding-right: 4px;
}

/* Energy Rating Color Classes */
.A_energy_rating {
    background-color: #057e32;
}

.B_energy_rating {
    background-color: #2ba040;
}

.C_energy_rating {
    background-color: #93c351;
}

.D_energy_rating {
    background-color: #f3c925;
}

.E_energy_rating {
    background-color: #ffb100;
}

.F_energy_rating {
    background-color: #ff8001;
}

.G_energy_rating {
    background-color: #d51d1c;
}

.btn.btn-primary.try-button {
    border-radius: 0;
    color: #fff;
    padding: 5px 15px;
}

.input-wrap input {
    width: 328px;
}

.input-wrap p {
    margin-top: 5px;
    font-size: 15px;
}

.btnStyle.btnStyle3.start-btn {
    border-radius: 0;
    padding: 15px 25px;
}

.propInvestors {
    padding: 25px 0;
}

.propInvestors h3 {
    font-family: 'Poppins', var(--circularBold);
    color: var(--colorBlack);
    line-height: 1.2;
}

.prop-detail-block div {
    width: 46%;
}

.propInvestors .prop-detail-block span {
    display: block;
}

.propInvestors .prop-detail-block .dots span {
    width: 5px;
    height: 5px;
    margin: 0 4px;
    display: block;
    background: #3787e4;
}

.propInvestors .prop-detail-block .dots span:last-child {
    margin-right: 0;
}

.propInvestors .prop-detail-block .dots.sec span:first-child {
    margin-left: 0;
}

.text-right {
    text-align: right;
}

.trusted-block {
    padding: 15px 20px;
    background: #fff;
}

.trusted-block span {
    white-space: nowrap;
    margin-right: 20px;
    padding-top: 12px;
    margin-top: 5px;
}

.secSliderRight.image-slider {
    overflow: hidden;
}

#image-slie img {
    height: 54px;
}

#image-slie .sectionSlider.slick-initialized .slick-slide {
    height: 54px;
}

.secSliderRight.image-slider .sectionSlider.slick-initialized .slick-slide {
    padding: 0 15px;
}

.video-section {
    position: relative;
}

.video-section .video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    cursor: pointer;
    max-width: 479px;
    transform: translate(-50%, -50%);
}

.video-popup {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-popup .video-wraper {
    background-color: #fefefe;
    margin: 0px auto;
    padding: 20px;
    border: 1px solid #888;
    width: 62%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

.video-wraper #skiVideo {
    width: 100%;
}

.vieo-popup video {
    width: 100%;
    height: 100%;
}

.video-popup.show {
    display: block;
}

.video-popup span {
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    z-index: 2;
}

/* .video-popup span:before, .video-popup span:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff;
}
.video-popup span:before{
    transform: rotate(45deg);
  }
.video-popup span:after {
    transform: rotate(-45deg);
    } */
.faq-section,
.free-section {
    background: #fff;
    padding: 30px 0;
}

.faq-section .container {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

/* .faq-wrap {
    padding-top: 40px;
    } */

.faq-wrap div {
    width: 47%;
}

.free-wrap div {
    width: 52%;
}

.free-wrap h3 {
    width: 43%;
}

.bannerLeft .input-wrap {
    padding-top: 2px;
    margin-bottom: 2px;
}

.brand-img img {
    /* max-width: 150px;
    padding: 0 10px; */
    max-height: 55px;
}

.prop-detail-block .mb-3 {
    position: relative;
}

.prop-detail-block .mb-3:first-child:before {
    position: absolute;
    content: '';
    top: 0px;
    width: 1px;
    background: #ccc;
    bottom: 0px;
    right: -45px;
}

.demo-section {
    padding: 33px 0;
}

.inner-wraper {
    padding: 55px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.inner-wraper .fontSize24 {
    margin-bottom: 31px !important;
    color: #3787e4;
}

.inner-wraper .faq-try-section {
    float: none;
}

.footerTop {
    padding: 40px 0;
}

.border-top-cutm .container {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

.navbar-nav .btn.btn-primary.try-button {
    background: #3787e3;
    border-radius: 8px;
}

.navbar-nav .btn.btn-primary.deskval-btn {
    color: #fff;
    padding: 5px 15px;
    border-radius: 8px;
    background: #1fb842;
    border-color: #1fb842;
}

.btnStyle.btnStyle3.start-btn {
    border-radius: 5px;
}

.free-section .d-flex.input-wrap {
    width: 100%;
}

#image-slie .slider {
    max-width: 1000px;
    margin: 0 auto;
}

#image-slie .slick-slide {
    margin: 0 5px;
}

#image-slie .slick-list {
    margin: 0px -5px 0px -5px;
}

#image-slie button.slick-next,
#image-slie button.slick-next:hover {
    position: absolute;
    top: 41%;
    right: 54px;
    width: 47px;
    height: 75px;
    /* background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png"); */
    background-size: 95px;
}

#image-slie button.slick-prev,
#image-slie button.slick-prev:hover {
    position: absolute;
    top: 41%;
    left: 15px;
    z-index: 1;
    width: 47px;
    height: 75px;
    /* background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png"); */
    background-size: 95px;
    background-position-x: right;
}

#image-slie .slick-prev:before,
#image-slie .slick-next:before {
    font-size: 70px;
    color: #EA8496;
    line-height: inherit;
    font-weight: bold;
}

/* Slick Slider Styles -- Provided by https://kenwheeler.github.io/slick/ */
/* Slider */
#image-slie .slick-slider {
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

#image-slie .slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

#image-slie .slick-list:focus {
    outline: none;
}

#image-slie .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

#image-slie .slick-slider .slick-track,
#image-slie .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#image-slie .slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

#image-slie .slick-track:before,
#image-slie .slick-track:after {
    display: table;

    content: '';
}

#image-slie .slick-track:after {
    clear: both;
}

#image-slie .slick-loading .slick-track {
    visibility: hidden;
}

#image-slie .slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

#image-slie [dir='rtl'] .slick-slide {
    float: right;
}

#image-slie .slick-slide img {
    display: inline-block;
}

#image-slie .slick-slide.slick-loading img {
    display: none;
}

#image-slie .slick-slide.dragging img {
    pointer-events: none;
}

#image-slie .slick-initialized .slick-slide {
    display: block;
}

#image-slie .slick-loading .slick-slide {
    visibility: hidden;
}

#image-slie .slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

#image-slie .slick-arrow.slick-hidden {
    display: none;
}

/* #image-slie .slick-loading .slick-list
{
  background: #fff url('http://maggiesadler.com/wp-content/uploads/2015/10/ajax-loader.gif') center center no-repeat;
} */

/* Icons */
/* @font-face
{
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  
  src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot');
  src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.woff') format('woff'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.ttf') format('truetype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
#image-slie .slick-prev,
#image-slie .slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

#image-slie .slick-prev:hover,
#image-slie .slick-prev:focus,
#image-slie .slick-next:hover,
#image-slie .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

#image-slie .slick-prev:hover:before,
#image-slie .slick-prev:focus:before,
#image-slie .slick-next:hover:before,
#image-slie .slick-next:focus:before {
    opacity: 1;
}

#image-slie .slick-prev.slick-disabled:before,
#image-slie .slick-next.slick-disabled:before {
    opacity: .25;
}

#image-slie .slick-prev:before,
#image-slie .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#image-slie .slick-prev {
    left: -25px;
}

#image-slie [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

#image-slie .slick-prev:before {
    content: '';
}

#image-slie [dir='rtl'] .slick-prev:before {
    content: '';
    font-weight: bold;
    font-size: 20px;
}

#image-slie .slick-next {
    right: -25px;
}

#image-slie [dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

#image-slie .slick-next:before {
    content: '';
}

#image-slie [dir='rtl'] .slick-next:before {
    content: '';
}

/* Dots */
#image-slie .slick-slider {
    margin-bottom: 30px;
}

#image-slie .slick-dots {
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}

#image-slie .slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

#image-slie .slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

#image-slie .slick-dots li button:hover,
#image-slie .slick-dots li button:focus {
    outline: none;
}

#image-slie .slick-dots li button:hover:before,
#image-slie .slick-dots li button:focus:before {
    opacity: 1;
}

#image-slie .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#image-slie .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

#image-slie .slick-slide {
    margin: 0 15px;
}


.img_icon h1 {
    font-family: 'Poppins', var(--circularBold);
    color: var(--colorBlack);
    line-height: 1.2;
}

/* Pricing CSS */
/*========================Start Banner sectinon ========================*/
.plan-banner {
    padding: 50px 15px 75px;
    background: #1e2a36;
    
}

.plan-banner h1 {
    color: #fff;
    font-family: 'Poppins', var(--circularBold);
    line-height: 1.2;
    text-transform: capitalize;
}

.plan-banner .contracts--free {
    color: #fff;
    display: block;
    margin-bottom: 26px;
    width: auto;
    display: inline-block;
}

.toggle-btn {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*========================End Banner sectinon ========================*/
/*========================Start price sectinon ========================*/

.packages {
    margin: 5px;
    width: 355px;
    padding-bottom: 1.5em;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 12px 12px 5px 5px;
    border-radius: 6px;
    /*box-shadow: 0 19px 38px rgba(30, 35, 33, 1), 0 15px 12px rgba(30, 35, 33, 0.2);*/
    flex-wrap: wrap;
    color: #000;
    border: 2px solid #f4f4f4;
    padding-top: 45px;
    position: relative;
}

.packages h2 {
    color: #3787e3;
    font-size: 27px;
    font-family: 'Poppins', var(--circularBold);
    line-height: 1.2;
    max-width: 80%;
    margin-bottom: 30px;
}

.packages h4 {
    color: #000;
    font-size: 13px;
    line-height: 1.2;
    max-width: 80%;
    margin-bottom: 30px;
    position: relative;
}

.packages h4 span {
    display: block;
    text-align: center;
    font-size: 30px;
}

.packages sup {
    font-size: 12px;
}

.packages sub {
    font-size: 12px;
}

.price-container .list li {
    font-size: 14px;
    list-style: none;
    border-bottom: 1px solid #f4f4f4;
    padding-inline-start: 0;
    border-width: 1px;
    padding: 10px;
    text-align: left;
}

.price-container .list li:last-child {
    border-bottom: none;
}

.price-container .first {
    margin-top: 16px;
    border-top: 1px solid #f4f4f4;
}

.packages:nth-child(2) {
    border-radius: 0px 0px 5px 5px;
}

.popular {
    width: 101%;
    width: calc(100% + 2px);
    background: #3787e4;
    position: absolute;
    top: 0px;
    border-radius: 6px 6px 0 0;
    border: 2px solid #3787e4;
    padding: 10px;
}

.popular span {
    color: #fff;
    text-transform: uppercase;
}

.price-container .list {
    width: 90%;
}

.price-container ol,
.price-container ul {
    padding: 0;
}

.price-container .top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.price-container input,
.price-container label {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
}

.price-container .button {
    padding: 10px 30px;
    text-decoration: none;
    font-size: 1.4em;
    margin: 15px 15px;
    border-radius: 50px;
    color: #f4f4f4;
    transition: all 0.3s ease 0s;
}

.price-container .button:hover {
    transform: scale(1.2);
}

.price-container .button1 {
    background-color: #00cc99;
    box-shadow: 0 0 10px 0 #00cc99 inset, 0 0 20px 2px #00cc99;
}

.price-container .button2 {
    background-color: #ff007c;
    box-shadow: 0 0 10px 0 #ff007c inset, 0 0 20px 2px #ff007c;
}

.price-container .button3 {
    background-color: #ffae42;
    box-shadow: 0 0 10px 0 #ffae42 inset, 0 0 20px 2px #ffae42;
}

.plan-banner .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.plan-banner .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.plan-banner .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3787e3;
    -webkit-transition: 0.4s;

    box-shadow: 2px 6px 25px #1e2321;
    transform: translate(0px, 0px);
    transition: 0.6s ease transform, 0.6s box-shadow;
}

.plan-banner .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.plan-banner input:checked+.slider {
    background-color: #50bfe6;
}

.plan-banner input:focus+.slider {
    box-shadow: 0 0 1px #50bfe6;
}

.plan-banner input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.package-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.button-box {
    width: 250px;
    width: 340px;
    width: 431px;
    margin: 35px auto;
    position: relative;
    border-radius: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--colorBlack);
    border-radius: 4px;
    overflow: hidden;
}

.toggle-btns {
    padding: 10px 20px;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
    text-align: center;
    font-size: 13px;
    width: 33.34%;
    font-size: 16px;
    line-height: 21px;
    padding: 15px 20px;
    border-right: 1px solid #000;
}
.toggle-btns:last-child{
    border-right: none;
}

#btns {
    left: 0;
    top: 0;
    position: absolute;
    width: 50%;
    height: 100%;
    background: #ff9900;
    border-radius: 30px;
    transition: .5s;
    width: 33.3%;
    border-radius: 0px;
}



/*========================End price sectinon ========================*/


/*========================Start Media  price sectinon ========================*/

@media screen and (min-width:768px) {
    .plan-banner h1 {
        font-size: 38px;

    }

    .plan-banner {
        padding: 100px 15px 100px;
    }

    .packages h2 {
        font-size: 36px;
    }

    .inner--wrapper--plan {
        max-width: 100%;
        margin: 0 auto;
    }

    .price-container {
        margin-top: -40px;
    }

    .popular {
        top: -47px;
        top: -49px;
    }

}

/*========================End Media  price sectinon ========================*/


.residential-filter {
    border-right: 1px solid #ccc;
    text-align: center
}

.sources-block {
    padding: 15px 20px;
    background: #f5f7fa;
}

.sources-block span {
    white-space: nowrap;
    margin-right: 20px;
    padding-top: 12px;
    margin-top: 5px;
}



/*========================Start Login section ========================*/

.login-quotee .writerName {
    border: 1px solid #3787e3;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px 16px;
    max-height: 54px;
    font-family: var(--circularBold);
    line-height: 20px;
    max-width: 200px;
    margin-bottom: 0px;
}

.login-quotee {
    margin-bottom: 30px;
}

.login-quotee p.quote {
    font-family: 'Dancing Script', cursive;
}

.login-quotee .writerName {
    border-radius: 12px;
}

@media screen and (min-width:768px) {
    #main-login--wrapper {
        margin-top: 30px;
    }

    .login-quotee {
        /* margin-top:12px;  */
    }

    .login-quotee p.quote {
        margin-top: 3px;
        /*max-width:300px;*/
        width: 100%;
        font-size: 25px;
        letter-spacing: 0.7px;
        line-height: 34px;

    }

    .login-quotee .writerName {
        border: 1px solid #3787e3;
        text-transform: uppercase;
        font-size: 15px;
        padding: 15px 16px;
        max-height: 54px;
        font-family: var(--circularBold);
        line-height: 20px;
        max-width: 200px;
        margin-top: 25px;
        margin-bottom: 0px;
    }
}

/*========================End Login section ========================*/
/*========================Start Header Fixes ========================*/
.header {
    background: #fff;
}

/*========================End Header Fixes ========================*/


/*========================payment  Dashboard  ========================*/
#payment_signup {
    background: #fff;
}

.plan-details .radio input[type=checkbox] {
    position: absolute;
    opacity: 0;
}

.radio {
    position: relative;
}

.plan-details .radio input[type=checkbox]+.radio-label:before {
    content: "";
    background: #f4f4f4;
    border: 2px solid #000;
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    position: relative;
    top: -0.1em;
    margin-right: 8px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.plan-details .radio input[type=checkbox]:checked+.radio-label:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    content: "";
    display: inline-block;
    height: 12px;
    left: 5px;
    position: absolute;
    border-color: green;
    top: -1px;
    width: 8px;
}

.signup--page .img_icon {
    border-radius: 12px 12px 0px 0px;
}

.signup--page #common-form {
    border-radius: 0px 0px 12px 12px;
}

.signup--page .img_icon span {
    text-transform: uppercase;
    color: var(--colorBlue);
    font-size: 13px;
    margin-top: 5px;
    display: block;

}

.signup--page .formDesign label {
    font-size: 13px;
    color: #000;
    text-shadow: 0.5px 0px black;
}

.signup--page .formDesign .form-control {
    padding: 8px 14px;
    border: 1px solid #7e7d7d;
    font-size: 14px;
}

.plan-details {
    padding: 20px;
    background: white;
    border-radius: 12px;
    border: 1.5px solid #ccc;
    margin-top: 34px;
}

.details-inner h4 {
    font-family: 'Poppins', var(--circularBold);
    color: var(--colorBlack);
    line-height: 1.2;
    text-transform: capitalize;
    font-size: 17px;
    margin-bottom: 10px;
}

.details-inner h2 {
    font-family: 'Poppins', var(--circularBold);
    line-height: 1.2;
    text-transform: capitalize;
    font-size: 22px;
    color: var(--colorBlue);
    margin-bottom: 5px;
}

.details-inner span {
    line-height: 1.4;
    font-size: 16px;
    color: var(--colorBlue);
    margin-bottom: 5px;
    display: block;
}

.details-inner {
    margin-bottom: 13px;
}

.bill {
    display: flex;
    justify-content: space-between;
}

.bill.totle_amount {
    margin-bottom: 20px;
}

.plan-details .radio input[type=checkbox]:checked+.radio-label:after {
    top: 36%;
}

.plan-details .radio input[type=checkbox]+.radio-label:before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    height: 17px;
    width: 17px;
}

.plan-details .radio label {
    font-size: 10px;
    padding-left: 28px;
}

/* .plan-details button.btnStyle { */
.signup-button button.btnStyle {
    font-size: 16px;
    border-radius: 7px;
    padding: 10px 18px;
    margin-bottom: 15px;
    text-transform: capitalize;
    min-width: auto;
}

.plan-details hr:not([size]) {
    clear: both;
}

.secure-payment p {
    line-height: 1.4;
    font-size: 12px;
    color: #000;
    display: block;
}

.secure-payment{
    display: flex;
    justify-content: center;
}

.payment-icon {
    text-align: center;
    max-width: 134px;
    margin: 0 auto;
}

.upd_wrapper {
    margin-top: 20px;
    padding-bottom: 50px;
}

.upd_wrapper p {
    margin-bottom: 20px;
}

.upd_wrapper .writerType {
    display: block;
    font-size: 12px;
    color: #878585;
}

.plan-details .button-box {
    margin-top: 0px;
    margin-bottom: 25px;
}

.upd_wrapper .slick-dots {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.upd_wrapper .slick-dots li {
    width: 12px;
    height: 12px;
}

.upd_wrapper .slick-dots li button {
    border: 1px solid var(--colorBlue);
    border-radius: 100%;
    width: 12px;
    height: 12px;
}

.upd_wrapper .slick-dots li button:before {
    content: none;
}

.upd_wrapper .slick-dots li.slick-active button {
    background: var(--colorBlue);
}


/*========================Signup payment Dashboard ========================*/

.hr-line {
    flex-grow: 1;
    margin-left: 6%;
    margin-right: 6%;
    margin-top: 3%;
    height: 0;
    border-top: 2px solid hsl(0deg 0% 44%);
    width: 14%;
    float: left;
}

.upgrade-to-get {
    float: left;
    display: inline-block;
    width: 45%;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 6%;
    background: #d53a3a;
    color: white;
    padding-top: 1px;
}

.buttonStyle.btnStyle6 {
    padding: 6px 10px;
}

.buttonStyle {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: var(--colorBlue);
    display: inline-block;
    padding: 17px 54px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid var(--colorBlue);
    cursor: pointer;
    text-align: center;
}

.buttonStyle:hover,
.buttonStyle:focus {
    color: var(--colorBlue);
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: var(--colorBlue);
}

.upBtn.btnStyle7 {
    padding: 2px 6px;
    margin-right: 26px;
}

.upBtn {
    font-size: 12px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: #e36f6f;
    display: inline-block;
    padding: 17px 54px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #e36f6f;
    cursor: pointer;
    text-align: center;
}

.upBtn:hover,
.upBtn:focus {
    color: #e36f6f;
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: #e36f6f;
}


/*new trading page%*/
.trading-property .nav-item button {
    justify-content: center;
}

.trading-property .nav-item button span.propertyCounter {
    margin-left: 10px;
    border: none;
}

.trading-property .nav-item #allProperties-tab span.propertyCounter {
    background: #fff;
    color: #3787e3;
    border: none;
}

.trading-property .nav-item #allOffers-tab span.propertyCounter {
    background: #d9746a;
    color: #fff;
    border: none;
}

.trading-property .dashHeadingTop h2 {
    color: #3787e3;
}

.address-wrapper {
    background: #fff;
    padding: 18px;
    position: relative;
}

.view-wraper .col-md-4,
.view-wraper .col-md-5 {
    text-align: right;
}

.intrest-view {
    display: inline-block;
    margin-right: 15px;
    color: #727272;
}

.user__info a {
    color: #000;
}

.trading-property span.call_text,
.trading-property span.data,
.trading-property span.time {
    opacity: 0.4;
}

.user__pick {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    margin-right: 15px;
}

.user__pick img {
    width: 100%;
    height: 100%;
}

.user__info {
    width: calc(100% - 85px);
    display: inline-block;
}

.delete-data {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.delete-data img {
    width: 20px;
    height: 20px;
}

/*deshborad upgrade to access */
#accSideNav .links-list {
    margin-bottom: 10px;
}

/*End deshborad upgrade to access */

/*Start my-sourcing-deals */
.my-sourcing-deals {
    margin-top: 64px;
    width: 100%;
    height: 100vh;
    background-size: cover;
    /*background-attachment:fixed;*/
    padding: 0;
}

.my-sourcing-deals .package-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.my-sourcing-deals .dashHeadingTop h2 {
    color: #fff;
}

.my-sourcing-deals .dashHeadingTop {
    margin-top: 20px;
    padding-left: 20px;
}

.my-sourcing-deals .popular {
    width: 101.6%;
}

/*End my-sourcing-deals */
.table-slider .slick-arrow {
    position: absolute;
    top: 46%;
    left: -10px;
    font-size: 0;
    z-index: 99;
    height: 35px;
}

.table-slider .slick-arrow.slick-disabled:before {
    color: #e1e1e1;
}

.table-slider .slick-next {
    left: initial;
    right: -10px;
}

.table-slider .slick-slide {
    margin: 0 5px;
}

.table-slider .slick-prev:before,
.table-slider .slick-next:before {
    color: #0d6efd;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    font-size: 40px;
}

.table-slider .slick-prev:before {
    content: '\f104';
}

.table-slider .slick-next:before {
    content: '\f105';
}

.table-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.table-slider .slick-slide {
    height: unset;
    background: #fff;
}

/*start login page css 19-09-2022 */
.loginBtnMain button {
    margin-bottom: 15px;
}



/*End login page css 19-09-2022 */
/* Upgrade button after login side bar */
.upBtn_upgrad {
    text-align: center;
}

.upBtn_upgrad .upgrade-to-get {
    float: none;
    height: auto;
    line-height: initial;
    border-radius: 10px;
    padding: 3px 7px 2px;
    position: relative;
}

.upBtn_upgrad .upgrade-to-get:before {
    position: absolute;
    top: 50%;
    content: '';
    left: -30px;
    transform: translate(-50%, -50%);
    height: 1px;
    background-color: #ccc;
    width: 30%;
}

.upBtn_upgrad .upgrade-to-get:after {
    position: absolute;
    top: 50%;
    content: '';
    right: -65px;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 30%;
    background-color: #ccc;
}

/* End Upgrade button after login side bar */

.outer_deals__wrapper {
    position: relative;
    width: 100%;
    margin-top: 64px;
}

.outer_deals__wrapper .dashHeadingTop {
    padding-left: 20px;
    padding-top: 20px;
}

.outer_deals__wrapper .my-sourcing-deals {
    -webkit-filter: blur(2.5px);
    filter: blur(2.5px);
}

.outer_deals__wrapper .package-container {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}

.outer_deals__wrapper .my-sourcing-deals {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.outer_deals__wrapper .packages {
    box-shadow: 0 19px 38px rgb(30 35 33), 0 15px 12px rgb(30 35 33 / 20%);
}


/* subscription details blade*/
#SubscriptionModal .form-box {
    margin-bottom: 75px;
}

.subscription_wrap .price-container {
    margin-top: 0px;
}

.subscription_wrap .package-container {
    flex-wrap: nowrap;
}

.subscription_wrap .packages strong {
    font-size: 13px;
    font-weight: 500;
}

.subscription_wrap .packages h2 {
    font-size: 24px;
}

.information-content h5 {
    font-size: 12px;
    font-weight: 500;
    color: #3787e4;
    font-family: 'Poppins', var(--circularBold);
}


/*accordion*/
#updateformModal .content {
    text-align: center;
    clear: both;
}

/* Accordion ================================================== */
.acc {
    margin: 0 auto;
    max-width: 1000px;
    clear: both;
}

.acc__card {
    margin: 2em 0 0;
    clear: both;
    position: relative;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 10%);
}

.acc__title {
    background: #fff;
    box-shadow: 0 0 4px rgb(0 0 0 / 7%);
    color: #3787e4;
    cursor: pointer;
    display: block;
    padding: 1em 2em;
    position: relative;
    text-align: left;
}

.acc__title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #3787e4;
    border-bottom: 1px solid #3787e4;
    position: absolute;
    right: 10px;
    content: " ";
    top: 23px;
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
}

.acc__title.active::after {
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}

.acc__panel {
    background: #fff;
    color: #212121;
    display: none;
    margin: 0;
    padding: 2em;
    text-align: left;
}

/* Radio button design*/
#updateformModal input[type="radio"] {
    appearance: none;
}

#updateformModal input[type="radio"]+label {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    line-height: 20px;
}

#updateformModal input[type="radio"]+label::before {
    content: "";
    display: inline-block;
    width: 20px;
    aspect-ratio: 1;
    border: 1px solid #3787e4;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 1;
    transition: all 0.3s;
}

#updateformModal input[type="radio"]+label::after {
    content: "";
    display: inline-block;
    width: 10px;
    aspect-ratio: 1;
    border: 1px solid #3787e4;
    background: #3787e4;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s;
}

#updateformModal input[type="radio"]:checked+label::after {
    opacity: 1;
}

#updateformModal .cardInfoSec .cardInfo {
    max-width: 297px;
    width: auto;
}

#SubscriptionModal .modalHeading.boxs.mb-3 {
    margin-bottom: 1.4rem !important;
}

/* End Radio button design*/

.p-text-left {
    text-align: left;
    color: var(--colorWarmGrey);
}

.p-text-right {
    text-align: right;
    color: var(--colorWarmGrey);
}

.invoice-preview {
    text-align: left;
}

/* start payment method alignment css*/

#updateformModal .acc__card.row {
    padding: 1em 1.2em;
}

#updateformModal .invoice-preview {
    border-bottom: 1px solid rgb(0 0 0 / 7%);
    padding: 0;
    padding-bottom: 15px !important;
    max-width: 97%;
    margin: 0 auto 15px !important;
}

#updateformModal .acc__card.row .p-text-left {
    margin-bottom: 7px;
}

#table-slider .dashSlideCount {
    padding: 0 18px;
}

/* End payment method alignment css*/

/*24-09-2022 start-subscription*/
.payment___signup {
    margin-top: 65px;
}

.login-quotee .writerName {
    min-width: 150px;
    max-width: max-content;
    max-height: initial;
}

#updateformModal .acc__card.row .p-text-right {
    margin-bottom: 7px;
}

/* End payment method alignment css*/

.status_bar {
    text-align: center;
}

.status_bar .upgrade-to-get {
    float: none;
    height: auto;
    line-height: initial;
    border-radius: 10px;
    padding: 3px 7px 2px;
    position: relative;
}

.upgrade_divider {
    text-align: center;
}

.upgrade_divider .upgrade-to-get {
    float: none;
    height: auto;
    line-height: initial;
    border-radius: 10px;
    padding: 3px 7px 2px;
    position: relative;
}

.upgrade_divider .upgrade-to-get:before {
    position: absolute;
    top: 50%;
    content: '';
    left: -33%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 58%;
    background-color: #ccc;
}

.upgrade_divider .upgrade-to-get:after {
    position: absolute;
    top: 50%;
    content: '';
    right: -92%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 58%;
    background-color: #ccc;
}
/* 
.cursor-not-allowed {
    cursor: not-allowed !important;
    pointer-events: none;
} */

.cursor-not-allowed {
    cursor: not-allowed !important;
}

/*=========================.my-sourcing-deals.market__insights====================*/
.my-sourcing-deals.market__insights {
    -webkit-filter: blur(2.5px);
    filter: blur(2.5px);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    max-height: 476px;
}

.market__wrapper {
    position: relative;
}

.market__wrapper .market-popup {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    background: #3c486e;
    border-radius: 12px;
    box-shadow: 0 2px 19px rgb(30 35 33), 0 5px 3px rgb(30 35 33 / 20%);
    text-align: center;
    max-width: 335px;
    width: 100%;
}

.market__wrapper .market-popup a {
    color: #fff;
    padding: 23px 33px;
    display: inline-block;
}

/*=========================Select 2 css staart====================*/
.overflow-hidden .select2-container {
    width: 100%;
}

.overflow-hidden .select2-container input.select2-search__field {
    padding: 0 9px;
    background: #f1f1f1;
}

.overflow-hidden .select2-container--bootstrap4 .select2-results__option {
    color: #000;
}

.overflow-hidden .select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    color: #fff;
    background: #3787e3;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background-color: #3787e3;
    color: #fff !important;
    border-right: 6px;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple {
    padding: 7px 4px 3px;
    background: #f1f1f1;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
    top: 7px !important;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field {
    background: transparent;
}

.overflow-hidden .select2-container--bootstrap4.select2-container--focus .select2-selection {
    box-shadow: none;
}

.overflow-hidden.overflow-x {
    overflow-y: visible !important;
}

/*=========================Select 2 css End====================*/

/* Realla  Property Type*/
.onmktmaplabels .industrialMarker::before {
    background: #ed3833;
}

.onmktmaplabels .officeMarker::before {
    background: #4472c4;
}

.onmktmaplabels .retailMarker::before {
    background: #70ad47;
}

.onmktmaplabels .hospitalityMarker::before {
    background: #43b0f0;
}

.onmktmaplabels .landMarker::before {
    background: #7030a0;
}

.onmktmaplabels .flexMarker::before {
    background: #fef851;
}

.onmktmaplabels .servicedOfficeMarker::before {
    background: #c55b2c;
}

.onmktmaplabels .specialtyMarker::before {
    background: #ffad00;
}

.onmktmaplabels .healthcareMarker::before {
    background: #ff6d10;
}

.onmktmaplabels .multipleMarker::before {
    background: #a1ff73;
}

.onmktmaplabels .leisureMarker::before {
    background: #ff73f9;
}

/*details--property*/

.details--property .propDetailBox {
    flex-wrap: wrap;
}

.details--property .propImageBox {
    margin-right: 0;
    width: 100%;
}

.details--property .propImageBox .propImageSliders {
    width: 100%;
}

.demo-section .video-section img {
    width: 100%;
    border-radius: 8px;
}

.custom_slid .upBtn_upgrad .upgrade-to-get {
    width: auto;
    padding-top: 4px;
}

.comparables-tiles-1 {
    float: left;
    padding-top: 8px;
}

.comparables-tiles-3 {
    float: left;
    padding-left: 8px;
    padding-top: 8px;
}

.comparables-tiles-2 {
    float: left;
    padding-left: 8px;
    padding-top: 8px;
}

.comparable-title {
    border-bottom: 3px solid #000;
    /* padding-bottom: 6px; */
}

.comparable-title-div {
    padding-bottom: 10px;
}

.couponBtn.btnStyle7 {
    padding: 10px 24px;
}

.couponBtn {
    font-size: 12px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: #e36f6f;
    display: inline-block;
    padding: 17px 54px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #e36f6f;
    cursor: pointer;
    text-align: center;
}

.couponBtn:hover,
.couponBtn:focus {
    color: #e36f6f;
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: #e36f6f;
}


/*custom-comparable*/
.av-Carddesigns {
    display: flex;
    align-items: center;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

.av-Carddesigns:last-child {
    border-bottom: none;
}

.av-Carddesigns .tile-text-color-grey {
    width: 50%;
    text-align: left !important;
    padding-left: 20px;
    font-size: 20px;
}

.av-Carddesigns .pfPropValues2 {
    width: 50%;
    text-align: right !important;
    padding-right: 20px;
}

.av-Carddesigns .pfPropValues2 p {
    text-align: right !important;
}

.av-Carddesigns .pfPropValues2 p a {
    font-size: 24px;
}

.custom-comparable .cardInnerBox {
    justify-content: initial;
}

.custom-comparable .cardInnerBox .newCardDesigns {
    height: initial !important;
}

.comparable-av-tite {
    padding-left: 26px;
}

.htstart.btnStyle7 {
    padding: 2px 6px;
    margin-right: 26px;
}

.htstart {
    font-size: 12px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: #24bc6f;
    display: inline-block;
    padding: 17px 54px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #24bc6f;
    cursor: pointer;
    text-align: center;
}

.htstart:hover,
.htstart:focus {
    color: #24bc6f;
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: #24bc6f;
}

.compliance-detail-box {
    padding-left: 100px;
}

.item p {
    display: inline-block;
}

.leftContent {
    text-align: left;
    width: 60%;
}

.rightContent {
    text-align: left;
    width: 20%
}

.trading-delete {
    border: 1px solid #d82724;
    border-radius: 50px;
    text-align: center;
}

.vs-section.newCardDesigns.mt-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    padding: 4px 0px 0px;
}

.vs-section.newCardDesigns.mt-1 p {
    width: 40%;
    text-align: right;
}

.vs-section.newCardDesigns.mt-1 sub.textWarmGrey {
    width: 10%;
    text-align: center;
    position: relative;
    top: -7px;
}

.vs-section.newCardDesigns.mt-1 p span {
    width: 100%;
    display: block;
    font-weight: 300;
    font-size: 10px;
    color: #999;
}

.vs-section.newCardDesigns.mt-1 p:last-child {
    width: 43%;
    text-align: left;
}

.color-tooltip>.tooltip-inner {
    border: 1px solid;
    padding: 10px;
    max-width: 100%;
    box-shadow: 0px 0px 4px black;
    color: #0d6efd;
    text-align: left;
    background: var(--colorWhite);
    font-weight: 600;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.color-tooltip>.tooltip-arrow {
    border-bottom-color: black;
}

.color-tooltip.in {
    opacity: 1 !important;
}


/*Inspection Form css*/
#details span.addNewTasks {
    margin-left: 10px;
}

.mobile-first-custom .accordion-button:focus {
    box-shadow: none;
}

.mobile-first-custom .radio input[type=radio]+.radio-label:before {
    top: 0;
}

.mobile-first-custom .radio input[type=radio]:checked+.radio-label:after {
    top: 1px;
}

.mobile-first-custom input[type="radio"] {
    display: none;
}

.radio-btn label {
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    padding: 5px 0px 5px 30px;
}

.radio-btn label:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: transparent;
    border: 1px solid #3787e3;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%);
    transition: border-color 400ms ease;
}

.radio-btn label:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #3787e3;
    border: 1px solid #3787e3;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%) scale(0);
    transition: transform 400ms ease;
}

.radio-btn input[type='radio']:checked+label:after {
    background-color: #3787e3;
    transform: translateY(-50%) scale(0.55);
}

.mobile-first-custom .accordion-header {
    position: relative;
}

/*.accordion-button.collapsed .cards{
    display: none;  
    }*/
button.accordion-button .cards {
    display: inline-block;
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translateY(-50%);
}

.cards .percent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cards svg {
    position: relative;
    width: 50px;
    height: 50px;
    transform: rotate(-90deg);
    width: 55px;
    height: 55px;
}

.cards svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #d5d5d5;
    stroke-width: 4px;
    stroke-linecap: round;
}

.cards svg circle:last-of-type {
    stroke-dasharray: 123px;
    stroke-dashoffset: calc(123px - (123px * var(--percent)) / 100);
    stroke: #3498db;
}
.accordion-flush .accordion-item .accordion-button{
    min-height: 55px;
}

.cards .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cards .number h3 {
    font-weight: 200;
    font-size: 12px;
    min-width: max-content;
    min-width: -webkit-max-content;
}

.cards .number h3 span {
    font-size: 10px;
}

.regions {
    padding-left: 24px;
}

.custom-user-area.custom-area-active .dashCardBox tr td .priceFlowFlip,
.areaInsightsSection.custom-area-active .dashCardBox tbody tr td .priceFlowFlip .priceDown {
    background-color: #f4f7fa;
}

.areaInsightsSection.custom-area-active .dashCardBox tbody tr td .priceUp {
    background-color: #f4f7fa;
}

.heatMapLable {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.heatMapLable span {
    margin-top: 10px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.heatMapLable span::before {
    content: "";
    width: 45px;
    height: 20px;
    margin-right: 7px;
    border-radius: 5px;
    border: 1px solid #000;
}

.heatMapLable .marker_0_20::before {
    background: #4ea8e7;
}

.heatMapLable .marker_21_40::before {
    background: #67c39c;
}

.heatMapLable .marker_41_60::before {
    background: #90dd45;
}

.heatMapLable .marker_61_80::before {
    background: #e3dc4d;
}

.heatMapLable .marker_81_100::before {
    background: #e44e5f;
}



/*Start heat-map css*/
.ourter-filter-wrapper {
    position: relative;
    clear: both;
}

.ourter-filter-wrapper .ourter__house-wraper {
    width: 100%;
}

.ourter-wrapper {
    width: 100%;
    clear: both;
    position: absolute;
    top: 122px;
    z-index: 9;
    transition: all 300ms ease 0s;
    overflow-y: hidden;
    max-height: 0;
    box-sizing: border-box;
}

.ourter-wrapper.toggle-slider {
    max-height: 800px;

}



.ourter-wrapper input[type="checkbox"] {
    display: none;
}

.ourter__house-wraper label span,
.clear_filter a,
.ourter__type_bed li label {
    /* padding: 10px 0px; */
    color: var(--colorPrim);
    font-size: 14px;
    cursor: pointer;
    /* font-family: var(--circularBold); */
}

.price-range>span {
    color: var(--colorPrim);
    font-size: 14px;
    font-family: var(--circularBold);
}

/* .ourter__house-wraper .option_value:before{
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border:2px solid #525352;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right:2px;
    border-radius: 2px;
    margin-left: -30px;
}
.ourter__house-wraper input[type="checkbox"]:checked+.option_value:after{
    content: '';
    display: block;
    position: absolute;
    top:12px;
    left:6.7px;
    width: 7px;
    height: 14px;
    border: solid #009e35;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
} */
.ourter__count {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.ourter__count span {
    display: inline-block;
    color: #3a88fe;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
}

.ourter__count li {
    position: relative;
}

.ourter__count li:before {
    position: absolute;
    content: '';
    left: 0;
    width: 1px;
    height: 50%;
    background: #0062f7;
    display: inline-block;
    transform: translate(-50%, -50%);
    top: 50%;
}

.ourter__type_bed li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.ourter__type_bed li label {
    display: block;
    padding-left: 30px;
}

.ourter__inner_wrapper {
    width: 100%;
    margin-bottom: 10px;
}

.clear_filter {
    width: 100%;
}

.ourter__bed-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.ourter__bed-type {
    padding-left: 22px;
}



/*Start update heat page with new desgin*/


.filter-type {
    clear: both;
    width: 100%;
    text-align: center;
}

.filter-type a {
    background: #eef3f4;
    min-width: auto;
    width: 100%;
    border: 1px solid var(--colorBlue);
}

.property-type .btnStyle.squareBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 9px;

}

.property-count a:hover {
    background: #eef3f4;
    color: var(--colorBlue);
}

.property-count .btnStyle {
    padding: 15px 8px;
}

.property-count .prop-count {
    color: #000;
}

.property-type .feather {
    color: #000;
    margin-right: 8px;
}

.property-type .btnStyle.squareBtn:hover .btn-flter {
    background: #fff;
    color: var(--colorBlue);
}

.ourter-wrapper label {
    cursor: pointer;
    position: relative;
    padding: 0px 0px 3px;
    display: inline-block;
}

.ourter-wrapper .sellerRadio .option_value:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #525352;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
    border-radius: 2px;
    margin-left: -30px;
}

.ourter-wrapper .sellerRadio input[type='radio']:checked+.option_value:after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 6.7px;
    width: 7px;
    height: 14px;
    border: solid #009e35;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ourter-wrapper .form-control {
    display: none;
}

.ourter-wrapper .sellerRadio {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.ourter-wrapper .sellerRadio .Sale-listing,
.ourter-wrapper .sellerRadio .rental-listing {
    width: 50%;
}

.ourter__house-wraper {
    background: rgb(255 255 255 / 96%);
    padding: 40px 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}

.ourter__house-wraper li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.ourter__house-wraper li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.price-range {
    background: #fff;
    border-radius: 10px;
    padding: 20px 25px 40px;
    /*box-shadow: 0 12px 35px rgba(0,0,0,0.1);*/
    width: 100%;
}

.price-range .price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px;
}

.price-range .price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
}

.price-range .field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 19px;
    margin-left: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}

.price-range input[type="number"]::-webkit-outer-spin-button,
.price-range input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.price-range .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.price-range .sliders {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.price-range .sliders .progress-bar {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #3787e3;
}

.price-range .range-input {
    position: relative;
}

.price-range .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.price-range input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #3787e3;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.price-range input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #3787e3;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.close-slide {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    right: 15px;
    top: 15px;
    border: 1px solid #000;
}

.clear-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-filter {
    margin-right: 20px;
}

.apply-filter {
    margin-left: 20px;
}

.filter-clen {
    display: inline-block;
    background-color: transparent;
    padding: 13px 29.5px;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid var(--colorBlue);
    border-radius: 40px;
    color: #79797a;
}

.heatMapLable span::before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.direction-arrow span::before {
    margin: 0;
    width: 100%;
    height: 6px;
    border-radius: 0;
    border: none;
}

.direction-arrow {
    flex-wrap: nowrap;
    position: relative;
}

.direction-arrow span {
    width: 100%;
    margin: 0;
}

.direction-arrow span.marker_81_100 {
    width: 68%;
}

.direction-arrow:after {
    position: absolute;
    right: 0px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(135deg);
    border-top: 4px solid #e44e5f;
    border-left: 4px solid #e44e5f;
    top: -4px;
}

.heatLayer-lower {
    display: flex;
    justify-content: space-between;
    align-self: center;
}

.heatLayer-lower .lower-price {
    font-size: 14px;
}

/*End update heat page with new desgin*/




@media (min-width:992px) {
    .ourter-wrapper {
        width: 73.7%;
        top: 56px;
        right: 0px;
        align-items: flex-start;
        justify-content: space-between;
    }

    .ourter-wrapper.toggle-slider {
        display: flex;

    }

    .ourter__count {
        width: 49%;
        justify-content: flex-start;
    }

    .ourter__count span,
    .ourter__house-wraper label span,
    .clear_filter a {
        font-size: 15px;
    }

    .price-range>span {
        font-size: 15px;
    }

    .ourter__count span {
        margin: 0 6px;
    }

    /*Start update heat page with new desgin*/

    .filter-heat .propertryListsTabs .nav-item,
    .filter-type .property-type {
        width: 63.4%;
    }

    .filter-heat .propertryListsTabs .nav-item:last-child,
    .filter-type .property-count {
        width: 35%;
    }

    .filter-type {
        display: flex;
    }

    .filter-type .property-count {
        margin-right: 12px;
    }


    /*End update heat page with new desgin*/





}

@media (min-width:1200px) {
    /*Start update heat page with new desgin*/

    .filter-heat .propertryListsTabs .nav-item,
    .filter-type .property-type {
        width: 73.8%;
    }

    .filter-heat .propertryListsTabs .nav-item:last-child,
    .filter-type .property-count {
        width: 25%;
    }

    .filter-type .btn-flter {
        padding: 10px 25px;
    }

    /*End update heat page with new desgin*/

}


/*End heat-map css*/


/* Slider */

.range-slider {
    position: relative;
    width: 80%;
    height: 35px;
    text-align: center;
}

.range-slider input {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
}

.range-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
}

.range-slider input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
}

.range-slider input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: rgba(0, 0, 0, 1);
    border: 0;
}

.range-slider input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}

.range-slider input[type=range]::-moz-focus-outer {
    border: 0;
}

.rangeValue {
    width: 30px;
}

.output {
    position: absolute;
    border: 1px solid #3787e3;
    width: 90px;
    height: 30px;
    text-align: center;
    color: #3787e3;
    border-radius: 4px;
    display: inline-block;
    font: bold 15px/30px Helvetica, Arial;
    bottom: 75%;
    left: 50%;
    transform: translate(-50%, 0);
}

.output.outputTwo {
    left: 100%;
}

input[type=range] {
    -webkit-appearance: none;
    background: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    border: none;
    border-radius: 3px;
    background: transparent;
}

input[type=range]::-ms-track {
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

input[type=range]::-moz-range-track {
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #555;
    margin-top: -5px;
    position: relative;
    z-index: 10000;
}

input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #555;
    margin-top: -5px;
    position: relative;
    z-index: 10000;
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #555;
    margin-top: -5px;
    position: relative;
    z-index: 10000;
}

input[type=range]:focus {
    outline: none;
}

.full-range,
.incl-range {
    width: 100%;
    height: 5px;
    left: 0;
    top: 21px;
    position: absolute;
    background: #DDD;
}

.incl-range {
    background: #3787e3;
}

.dashboard-residential-filter {
    border-right: 1px solid #ccc;
}

.no-css {
    all: none;
}

/* ----------New-------- */
.savedFilterBox {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    display: block
}

.savedFilterSec:last-child .savedFilterBox {
    margin-bottom: 0px;
}

/* ---------Heatmap----------- */
.propertyTypeFilter.transparentBlueBtn:hover {
    background: initial;
    color: var(--colorBlue);
}

.propertyTypeFilter .btnStyle {
    background: transparent;
    color: var(--colorBlue);
}

.property-type .propertyTypeFilter.btnStyle.squareBtn:hover .btn-flter {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.newBtnStyle {
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    font-family: var(--circularRegular);
    color: var(--colorPrim);
    border-radius: 4px;
    border: 1px solid var(--colorPrim);
    padding: 8px 15px;
    background: transparent;
    text-transform: capitalize;
}

/* .newBtnStyle:hover,
.alertsLinkOption.alertsLinkOption2 {
    background: var(--colorPrim);
    color: var(--colorWhite);
} */

.alertsLinkOption {
    display: flex;
    align-items: center;
}

.alertsCount {
    height: 20px;
    width: 20px;
    font-size: 12px;
    border-radius: 50%;
    background: var(--colorRed);
    color: var(--colorWhite);
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* animation: blinkMe 2s linear infinite; */
}

.alertsCount.alertsCount2 {
    margin-left: 5px;
    margin-right: 0;
    background: transparent;
    border: 1px solid var(--colorWarmGrey2);
    color: var(--colorWarmGrey)
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link.active .alertsCount2 {
    background: var(--colorRed);
    color: var(--colorWhite);
    border: 1px solid var(--colorRed);
}

.headerLinkOption {
    margin-right: 20px;
}



.alertsAsideBox {
    position: fixed;
    width: 400px;
    height: calc(100vh - 64px);
    background: var(--colorWhite);
    z-index: 112;
    z-index: 9999999991;
    z-index: 999999;
    top: 64px;
    right: 0;
    border-top: 1px solid var(--colorWarmGrey2);
    /* display: none; */
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.alertsAsideBox.alertsAsideBox2 {
    /* display: block; */
    transition: all 0.5s ease;
    opacity: 1;
    visibility: visible;
}

.alertsAsideChild {
    padding: 8px 15px 25px;
    height: 100%;
    background: var(--colorWhite);
}

.alertsAsideTop {
    margin-bottom: 10px;
}

.alertAsideCloseLink {
    font-size: 24px;
    color: var(--colorWarmGrey2);
}

.alertAsideClose {
    display: inline-block;
}

.alertsAsideBottom {
    height: 100%;
}

.sidebarOverlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    right: 0;
    z-index: -1;
    top: 64px;
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link.active {
    background: #cccccc85;
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link {
    font-size: 14px;
    width: 100%;
    padding: 5px 5px;
    border-radius: 0px;
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-item {
    width: 33.3%;
}

.alertItemsTop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}

.alertsListsItems {
    padding: 10px 10px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

.lightFontSec {
    opacity: 0.5;
}

.alertItemsTopRight {
    padding-right: 15px;
}

.alertItemsTopleft h4 {
    margin-bottom: 4px;
}

.alertItemsBottom .alertActionItem {
    font-size: 12px;
    margin-right: 1px;
}

.alertActionItem .quoteListItems {
    padding: 5px 5px;
    border-radius: 4px;
    background: transparent;
    border: 1px solid var(--colorPrim);
}

.alertActionItem .quoteListItems:hover {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.alertItemsBottom .alertActionItem:last-child {
    margin-right: 0;
}

.alertItemsBottom .alertActionItem a {
    display: inline-block;
    float: left;
}

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

.deleteAletrItem {
    color: var(--colorWarmGrey2);
}

.deleteAletrItem:hover,
.alertAsideCloseLink:hover {
    color: var(--colorRed);
}

.alertsListsBoxs {
    margin-top: 10px;
    height: auto;
    max-height: calc(100vh - 174px);
    max-height: calc(100vh - 210px);
}

.alertsListsItems {
    margin-bottom: 5px;
}

.alertsListsItems:hover {
    background: rgba(0, 0, 0, .03);
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs {
    border-bottom: 1px solid #cccccc85;
}

.expireDaysCount {
    font-family: var(--circularMedium);
    color: var(--colorPrim);
}

.noObligationQuoteModal {
    background: rgba(0, 0, 0, 0.5);
}

/* .noObligationQuoteModal.modal{
    z-index: 9999999999;
} */

.modalDesignUpdate .modal-dialog {
    max-width: 1000px;
}

.noObligationQuoteModal .modal-body {
    padding: 0 30px 30px;
}

.modalDesignUpdate .modal-content {
    background: var(--colorPrimBg);
}

.newQuoteModalBody {
    margin-top: 20px;
}

.formDetailsSection {
    padding: 25px 25px 0px;
    border: 1px solid #dbdbdb;
    margin-bottom: 30px;
    border-radius: 12px;
    background: var(--colorWhite);
}

.formDetailsCildInner:not(:last-child) {
    margin-bottom: 30px;
}

.customCheckBox label {
    cursor: pointer;
}

.customCheckBox.userConsentBox {
    /* text-align: center; */
}

.propertyDetailTabs.propertyDetailTabs3 {
    margin-bottom: 10px;
    margin-top: 5px;
}

.propertyDetailTabs.propertyDetailTabs3 .nav-tabs .nav-item {
    width: 50%;
}

.propertyDetailTabs.propertyDetailTabs3 .nav-tabs .nav-link {
    height: 100%;
}

.flowViewSec {
    /* flex-wrap: wrap; */
}

.flowViewSecChild {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.flowViewSecChild span {
    margin: 3px 0px;
}

.flowViewSecChild span:first-child {
    margin-top: 0;
}

.flowViewSecChild span:last-child {
    margin-bottom: 0;
}

.areaInsightsSection.areaInsightsSectionNew .dashCardBox tbody tr td .priceFlowBox {
    min-height: 40px;
    padding: 6px 5px;
    background-color: #f4f7fa;
}

.areaCardCont.areaCardContNew {
    margin-bottom: 0;
    height: 100%;
    padding-bottom: 10px;
    background: var(--colorWhite);
    border-radius: 4px;
}

.marketInsightCardRow {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.marketInsightCardRow .insight-tiles-2 {
    padding-bottom: 15px;
}

.areaCardContNew .priceFlowBox .flowIcon {
    width: 10px;
}

.areaCardContNew .priceFlowBox .flowIcon.flowIconUnset {
    width: 0;
}

.areaInsightsSection .cardTableDesignNew .dashCardBox tbody tr td.priceFlow {
    width: 22%;
}


/* --------------- */
.rangeValueSec {
    /* padding-top: 100px; */
}

.rangeValueSec,
.rangeValueSec input,
.rangeValueSec input:focus {
    width: 40px;
    background: var(--colorPrim);
    color: var(--colorWhite);
    text-align: center;
    height: 40px;
    border: 1px solid var(--colorPrim);
    border-radius: 50%;
    outline: none;
    box-shadow: none;
}

.rangeSliderChild {
    position: relative;
}

.rangeMiddleSec {
    padding: 30px 40px;
}

.multi-range-slider {
    position: relative;
}

.rangeValueSec {
    position: absolute;
    top: -15px;
}

.rangeValueSec.leftValue {
    left: -40px;
}

.rangeValueSec.rightValue {
    right: -40px;
}

.sliderRange {
    position: relative;
    z-index: 1;
    height: 10px;
    margin: 0 15px;
}

.sliderRange>.track {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: #c6aee7;
}

.sliderRange>.range {
    position: absolute;
    z-index: 2;
    left: 25%;
    right: 25%;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: var(--colorPrim);
}

.sliderRange>.thumb {
    position: absolute;
    z-index: 3;
    width: 20px;
    height: 20px;
    background-color: var(--colorPrim);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(98, 0, 238, .1);
    transition: box-shadow .3s ease-in-out;
}

.sliderRange>.thumb.left {
    left: 25%;
    transform: translate(-10px, -5px);
}

.sliderRange>.thumb.right {
    right: 25%;
    transform: translate(10px, -5px);
}

.sliderRange>.thumb.hover {
    box-shadow: 0 0 0 20px rgba(98, 0, 238, .1);
}

.sliderRange>.thumb.active {
    box-shadow: 0 0 0 40px rgba(98, 0, 238, .2);
}

.multi-range-slider input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 2;
    height: 8px;
    width: 100%;
    opacity: 0;
}

.multi-range-slider input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 0 none;
    background-color: var(--colorPrim);
    -webkit-appearance: none;
}

/* ToolTip classses */
.tooltip {
    display: inline-block;
}

.tooltip .tooltiptext {
    margin-left: 9px;
    width: 320px;
    visibility: hidden;
    background-color: #FFF;
    border-radius: 4px;
    border: 1px solid #aeaeae;
    position: absolute;
    z-index: 1;
    padding: 5px;
    margin-top: -15px;
    opacity: 0;
    transition: opacity 0.5s;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 5%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #aeaeae transparent transparent;
}


.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.btnStyle.btnStyle6 {
    font-size: 10px;
    padding: 2px 12px;
}

.dottet-line-refurb {
    border-bottom: 1px dotted grey;
}

/* ---------------- */
.propDefaultsBtmChild {
    padding-right: 5px;
    overflow-y: auto;
    max-height: calc(100vh - 476px);
}

.customScroll::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.customScroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.customScroll::-webkit-scrollbar-thumb {
    background: #888;
}


/* ----------New Changes------------ */

.analysePropertyView .propertyDetailTabs .nav-tabs .nav-link {
    text-align: center;
}

.inspectionFormBtn.accordion-button {
    padding-right: 110px;
}

.inspectionFormBtn.accordion-button .cards {
    right: 50px;
}

.inspectionFormBtn.accordion-button::after {
    position: absolute;
    right: 15px;
}

.webViewIcons {
    display: inline;
}

.mobViewIcons {
    display: none;
}

.breakText {
    word-break: break-word;
}

.filtersListsParent .savedFilterBox {
    align-items: flex-start;
}

.filtersListItems li.filtersLists {
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filtersListItems {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    grid-template-columns: auto auto auto auto auto;
    column-gap: 10px;
    row-gap: 10px;
}

.filtersListItems li {
    width: 24%;
}

.filtersListsTitle {
    min-width: 135px;
    margin-bottom: 15px;
}

.filtersListItems li button {
    text-align: inherit;
}

.filtersListItems .deleteusersearch {
    min-width: 23px;
}

.filtersListsParent {
    border-right: none;
}


.filtersListItems li {
    padding: 0px;
}

.filtersListItems li .filterItemLink {
    width: 100%;
    padding: 10px;
    padding-right: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.filtersListItems li .filterItem {
    position: relative;
    /* z-index: 0; */
}

.filtersListItems li .deleteusersearch {
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 25%;
    color: var(--colorRed);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.filtersListItems li .deleteusersearch:hover {
    background: var(--colorRed);
    color: var(--colorWhite);
}

.filtersListItems li.noFiltersTile {
    width: fit-content;
}

.noFiltersTile a {
    padding: 10px;
    display: inline-block;
}

.noFiltersTile a:hover {
    cursor: default;
    color: inherit;
}

.filtersListsParent {
    margin-bottom: 30px;
}

.showHideFilters {
    margin-top: 20px;
    text-align: center;
}

.filtersListItems li.filtersLists {
    display: none;
    transition: all 0.3s ease;
}

.zooplaListedProp {
    position: relative;
}

.zooplaListedTag {
    padding: 5px 5px 2px;
    background: var(--colorPrimBg);
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 2px;
    color: var(--colorPrim);
}

.zooplaListedTag {
    /* padding: 5px 5px 2px; */
    /* background: var(--colorPrimBg); */
    background: #ffffff00;
    position: absolute;
    right: 5px;
    bottom: 5px;
    /* border-radius: 10px; */
    color: var(--colorPrim);
    height: 45px;
    width: auto;
}

.zooplaListedTag.fixedZooplaTag {
    right: initial;
    left: 5px;
}

.filtersBtn {
    font-size: 11px;
    line-height: 11px;
    padding: 5px 10px;
}

/* .propDetLinkBox .onHoverZooplaTag{
    opacity: 0;
}
.propDetLinkBox:hover .onHoverZooplaTag{
    opacity: 1;
} */

.propPicNew {
    position: relative;
}

.propPicNew .analyserIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 35px;
    width: 35px;
}

/* ----------- */
.propImageCard {
    position: relative;
}

.propImageCard .vendorTag {
    z-index: 9;
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 12px;
    top: 4px;
}

.propImageCard .vendorTag span {
    background-image: none;
    /* background: var(--colorPrim); */
    width: fit-content;
    text-align: left;
    min-width: auto;
    padding: 0px 7px 0px 7px;
    margin-bottom: 2px;
    position: relative;
    border-radius: 5px;
    font-size: 12px;
}

.propImageCard .propDetLinkBox,
.propImageCard .propDetLinkBox .propDetLink,
.propImageCard .propDetLinkBox .propertyPics {
    height: 100%;
}

.propertyPostCodes {
    /* font-family: ; */
}

.zooplaListedTag {
    padding: 2px;
}

.zooplaListedTag,
.zooplaListedTag img {
    height: 22px;
    background: #ffffff;
    border-radius: 3px;
}

.zooplaListedTag img {
    object-fit: contain !important;
    width: auto !important;
}

.dealAnalyserImageCardNew {
    position: relative;
}

.addDealAnalyserNew {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
}

.propDetLinkBox .addDealAnalyser {
    right: 5px;
    top: 5px;
}

.viewsCountView {
    position: absolute;
    bottom: 25px;
    left: 5px;
    height: 16px;
    width: auto;
    padding: 0px 2px;
    border-radius: 3px;
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    padding-top: 0px;
}

.viewsCountView i {
    color: white;
    font-size: 14px;
}

.viewsCountIcon {
    margin-right: 3px;
}

.viewsCountView .viewsCounter {
    font-size: 12px;
    color: white;
}


.assetsCountsView {
    position: absolute;
    bottom: 5px;
    left: 5px;
    height: 16px;
    width: auto;
    padding-top: 0px;
    display: flex;
}

.assetsCountsView .assetsCountsViewBox {
    background: var(--colorWhite);
    color: var(--colorBlack);
    padding: 0px 2px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.assetsCountsViewBox {
    font-size: 12px;
}

.assetsCountsViewBox i {
    font-size: 12px;
}

.assetsCountsView .viewsCounteIcon {
    height: 16px;
    width: 16px;
}

.filteredPostCode {
    display: flex;
    flex-direction: column;
}


.propImageCard .vendorTag span.needingRefurbishmentResult {
    background: #008080;
}

.propImageCard .vendorTag span.cashOnlyResult {
    background: #a366a3;
}

.propImageCard .vendorTag span.quickerSaleResult {
    background: #ff9900;
}

.propImageCard .vendorTag span.auctionResult {
    background: #cc3300;
}

.propImageCard .vendorTag span.multiUnitBlogResult {
    background: #cf91e2;
}

.propImageCard .vendorTag span.reposessionResult {
    background: #794044;
}

.propImageCard .vendorTag span.potentialDevelopmentResult {
    background: #4dbbcd;
}

.propImageCard .vendorTag span.priceReducesResult {
    background: #32a832;
}

.propImageCard .vendorTag span.newBuildResult {
    background: #6897bb;
}

.propImageCard .vendorTag span.hmoResult {
    background: #66cdaa;
}

.propImageCard .vendorTag span.nearSchoolsResult {
    background: #ff6666;
}
.propImageCard .vendorTag span.backOnTheMarket {
    background: #b62a0d;
}

.propImageCard .vendorTag span.tenantedResult {
    background: #0000ff;
}

.propImageCard .vendorTag span.planningGainResult {
    background: #0a75ad;
}

.propImageCard .vendorTag span.chainFreeResult {
    background: #8c198c;
}

.propImageCard .vendorTag span.landResult {
    background: #00b258;
}

.propImageCard .vendorTag span.farmResult {
    background: #808000;
}

.propImageCard .vendorTag span.commercialResult {
    background: #993232;
}

.propImageCard .vendorTag span.HolidayShortResult {
    background: #800040;
}

.propImageCard .vendorTag span.soldstcResult {
    background: black;
}

.propImageCard .vendorTag span.letAgreedResult {
    background: black;
}

.discountSection {
    border-top: 1px solid #c8c9ca;
    border-bottom: 1px solid #c8c9ca;

    margin: 5px 0;
}

.discountCodeBox {
    padding: 5px 0 2px;
}

.enterDiscountCode,
.addedDiscountBox {
    padding: 5px 0;
}

.discountCodeBox span a {
    color: var(--colorPrim);
    text-transform: uppercase;
}

.discountCodeBox span a:hover {
    color: blue;
}

.couponBtnNew {
    padding: 8px 15px;
    background: var(--colorGreen);
    border-color: var(--colorGreen);
}

.couponBtnNew:hover {
    border-color: var(--colorGreen);
    color: var(--colorGreen);
}

.removeCodeItem {
    min-width: max-content;
}

.removeCodeLink {
    color: var(--colorRed1);
    min-width: max-content;
    font-size: 90%;
}

.removeCodeLink:hover {
    color: var(--colorRed);
}

.addedCodeName,
.addedCodeAmount {
    color: var(--colorPrim);
    min-width: max-content;
}

.webViewIcon {
    display: inline;
}

.mobViewIcon {
    display: none;
}

.discountCodeText {
    border: 1px solid #7e7d7d;
}

.hrRule {
    margin-top: 2px;
}

.childFilters {
    padding-left: 35px;
    display: flex;
    flex-wrap: wrap;
}

.childFilters .childFiltersCheckbox {
    width: 33%;
    margin-bottom: 15px;
    width: 25%;
}

.filtersSectionChild {
    margin-bottom: 23px;
    margin-bottom: 10px;
    margin-bottom: 5px;
}

.filtersSectionChild2 .parentFilter {
    width: 33%;
    width: 25%;
}

.filtersSectionChild .customCheckBox {
    padding-right: 10px;
    margin-bottom: 10px;
    margin-bottom: 4px;
}

.countsFilters {
    /* display: flex; */
    /* flex-wrap: wrap; */
    align-items: center;
    margin-bottom: 15px;
}

.countsFilters:last-child {
    /* margin-bottom: 0; */
}

.countsFilters .cuntsFiltesHeading {
    color: var(--colorPrim);
}

.filtersBottomSec {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 10px;
}

.filtersBottomSec span {
    padding: 0px 5px;
}

.savedFiltersBox {
    margin-top: 20px;
}

.modalFilsterSaved.filtersListItems li {
    width: 23.9%;
}

.filtersModal .modalBodyBox {
    padding: 20px 25px 25px;
    padding: 10px 25px 10px;
}

.filtersSectionChild .customCheckBox input[type="checkbox"]+label {
    font-size: 14px;
    line-height: 20px;
    font-size: 13px;
    line-height: 13px;
}

.countsFilters .row {
    align-items: center;
}

.filtersBottomSecTop {
    margin-bottom: 10px;
}

.filtersActionLink {
    font-size: 14px;
    line-height: 16px;
    margin: 0 6px;
    text-transform: uppercase;
}

.filtersActionLink.saveFilterLink {
    color: var(--colorGreen);
    border-bottom: 1px solid var(--colorGreen);
}

.filtersActionLink.clearFilterLink {
    color: var(--colorRed);
    border-bottom: 1px solid var(--colorRed);
}

.dashboardBox .dashHeading.dashHeadingNew {
    margin-bottom: 10px;
}

.filtersListsParentRow .filtersListsParent:last-child {
    margin-bottom: 0;
}

.tooltip {
    z-index: 1000000;
}

.countsFiltersInput {
    position: relative;
}

.countsFiltersInput input {
    padding-left: 30px;
}

.countsFiltersInput .countsFiltersIcon {
    position: absolute;
    left: 12px;
    top: 4px;
    color: #909090;
    font-size: 18px;
}

.countsFiltersInput2 input {
    padding-left: 40px;
}

.countsFiltersInput2 .countsFiltersIcon {
    position: absolute;
    left: 0;
    top: 0px;
    color: #212529;
    font-size: 18px;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddd;
    border-radius: 5px 0 0 5px;
}

.newBoxDesign.inspectionFormTabsbox {
    padding: 0px;
    background-color: transparent;
}

.squareBtnSmall2New {
    padding-left: 30px;
    padding-right: 30px;
}

.pagination .page-item {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: 0 2px;
}

.page-link {
    padding: 2px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    border-radius: 50%;
}

.page-item.disabled {
    /* opacity: 0.5; */
}

.page-link:focus {
    box-shadow: none;
}

.page-item.active .page-link {
    background-color: #3787e3 !important;
    border-color: #3787e3 !important;
}

.dash-leads-tag {
    border-radius: 6px;
    color: white;
    width: 95%;
    padding-left: 8px;
    padding-right: 2px;
}

.needingrefurbishmentdashtags {
    background: #008080;
}

.cashonlydashtags {
    background: #a366a3;
}

.quickersaledashtags {
    background: #ff9900;
}

.auctiondashtags {
    background: #cc3300;
}

.reposessiondashtags {
    background: #794044;
}

.potentialdevelopmentdashtags {
    background: #4dbbcd;
}

.pricereduceddashtags {
    background: #32a832;
}

.multiunitblockdashtags {
    background: #cf91e2;
}

.newbuilddashtags {
    background: #6897bb;
}

.hmodashtags {
    background: #66cdaa;
}

.nearschoolsdashtags {
    background: #ff6666;
}

.neargreatschoolsdashtags {
    background: #ff6666;
}

.tenanteddashtags {
    background: #0000ff;
}

.backonthemarketdashtags {
    background: #b62a0d;
}

.planninggaindashtags {
    background: #0a75ad;
}

.chainfreedashtags {
    background: #8c198c;
}

.landdashtags {
    background: #00b258;
}

.farmdashtags {
    background: #808000;
}

.commercialdashtags {
    background: #993232;
}

.holidayshortdashtags {
    background: #800040;
}

.soldstcdashtags {
    background: black;
}

.letagreeddashtags {
    background: black;
}

.sourcerdirecttovendordashtags {
    background: #ffa500;
}

.newFiltersBox {
    position: relative;
}

.newFilterLinks {
    padding: 4px 8px;
    border: 1px solid #dbdbdb;
    background: var(--colorWhite);
    border-radius: 4px;
    padding-right: 30px;
    position: relative;
}

.newFilterLinks .filterDropboxArrow {
    position: absolute;
    right: 8px;
    top: 5px;
    margin: 0;
}

.newFiltersDropbox {
    position: absolute;
    z-index: 99;
    width: 800px;
    width: 612px;
    width: 900px;
    width: 805px;
    width: 804px;
    left: 0px;
    top: 44px;
    top: 38px;
    border-radius: 4px;
}

.newFiltersDropbox .modalBodyBox {
    background: var(--colorWhite);
    border: 1px solid #dbdbdb;
}

.dropboxArrowIcon {
    position: absolute;
    top: 0;
    left: 0;
}

.newFiltersDropbox::before,
.newFiltersDropbox::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 2px;
    top: -10px;
}

.newFiltersDropbox::before {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 11px solid #dbdbdb;
    left: 2px;
    top: -11px;
}

.newFiltersDropbox::after {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 11px solid var(--colorWhite);
}

.newFiltersBox .filterDropboxArrow {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

.newFiltersBox.newFiltersActive .filterDropboxArrow {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.newFiltersDropbox {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.newFiltersBox.newFiltersActive .newFiltersDropbox,
.newFiltersBox.newFiltersActive2 .newFiltersDropbox {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.newFiltersBox.newFiltersActive .newFilterLinks {
    background: var(--colorPrim);
    color: var(--colorWhite);
    transition: all 0.3s ease;
    border: 1px solid var(--colorPrim);
}

.newFiltersBox.newFiltersActive .newFilterLinks span {
    color: var(--colorWhite);
    transition: all 0.3s ease;
}

.newFiltersBox.newFiltersActive .newFilterLinks svg path {
    stroke: var(--colorWhite) !important;
    transition: all 0.3s ease;
}

.greyIconLink1 span.filterImgIcon {
    margin-left: 0;
    margin-right: 0;
    display: inline-flex;
}

.newFiltersBox .newFilterLinks {
    min-width: max-content;
}

.firstBox {
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: max-content;
}

.sortByText {
    margin-top: 0px;
    line-height: 18px;
    color: var(--colorPrim);
}

.totalProperties .totalPropertiesBox .propertiesCount {
    color: var(--colorPrim);
    line-height: 26px;
}

.filtersListsItem {
    margin-right: 10px
}

.filtersListsItem:last-child {
    margin-right: 0px;
}

.countsFilters .form-control {
    font-size: 14px;
    line-height: 14px;
}

.filtersSectionChild .customCheckBox input[type="checkbox"]+label {
    padding-left: 25px;
}

.filtersSectionChild .customCheckBox input[type="checkbox"]:checked+label::before,
.filtersSectionChild .customCheckBox input[type="checkbox"]:not(:checked)+label::before {
    height: 15px;
    width: 15px;
    top: -2px;
}

.filtersSectionChild .customCheckBox input[type="checkbox"]:checked+label::after {
    height: 10px;
    width: 5px;
    left: 5px;
    top: -1px;
}

.childFilters {
    padding-left: 0px;
    margin-left: 25px;
}

.filtersSectionChild2 .parentFilter {
    padding-left: 25px;
}

.filtersSectionChild2 .parentFilter:nth-child(4n+1) {
    padding-left: 0px;
}

.filtersSectionChild2 .customCheckBox {
    padding-right: 0;
}

.leadsTypeFilter {
    /* left: initial; */
    right: 0px;
    width: 740px;
    width: 410px;
}

.newFiltersDropbox.leadsTypeFilter::before,
.newFiltersDropbox.leadsTypeFilter::after {
    /* left: initial; */
    /* right: 2px; */
}

.newFiltersBox .greyIconLink1 span {
    margin-left: 0;
}

.greyIconLink1 span.filterImgIcon {
    margin-right: 5px;
}

.topLeftBox .btnTabsCont {
    display: flex;
    /* flex-direction: column; */
    min-width: max-content;
}

.topLeftBox .btnTabsCont a {
    padding: 6px 15px;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-left: 5px;
    min-width: 70px;
}

.topLeftBox .btnTabsCont a:first-child {
    margin-left: 0px;
}

.topLeftBox .btnTabsCont a:last-child {
    margin-bottom: 0px;
}

.topLeftBox .btnTabsCont a:hover {
    background: var(--colorPrim);
    border-color: var(--colorPrim);
    color: var(--colorWhite);
}

.topMainBar {
    justify-content: space-between;
}

.topMidBox {
    padding: 0px 20px 0px 15px;
    padding: 0px 10px 0px 10px;
}

.topLeftBoxMob {
    display: none;
}

.topLeftBoxWeb {
    display: inline;
}

.topMainBarChild {
    display: flex;
}

.newFiltersDropbox h2 {
    margin-left: 0px;
    margin-right: 0px;
}

.toggleSwitchBoxs {
    display: flex;
    align-items: center;
}

.toggleSwitchBoxs .form-switch {
    display: flex;
    align-items: center;
}

.toggleSwitchBoxs .form-switch .form-check-label {
    margin-left: 3px;
    font-size: 14px;
    line-height: 14px;
}

.savedFiltersDropBox {
    /* padding: 5px 0px; */
    background: var(--colorWhite);
    border: 1px solid #dbdbdb;
}

.newFiltersDropbox.savedFiltersDropBox {
    width: -webkit-fill-available;
}

/* .savedFiltersFilterBox{
    min-width: 121px;
} */
.savedFilterLinkList .savedFilterLink {
    font-size: 14px;
    line-height: 16px;
    padding: 5px 10px 3px;
    margin-bottom: 2px;
    color: var(--colorWarmGrey);
}

.savedFilterLinkList .savedFilterListItem {
    /* position: relative; */
    width: 100%;
    display: block;
    float: left;
}

.savedFilterListItem .savedFilterTooltip {
    position: absolute;
    background: transparent;
    right: -180px;
    right: -360px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 180px;
    width: 360px;
    padding-left: 10px;
}

.savedFilterListItem .savedFilterTooltipChild {
    position: absolute;
    background: var(--colorWhite);
    border: 1px solid #dbdbdb;
    padding: 15px 15px 25px;
    height: auto;
    width: 170px;
    width: 350px;
    right: 0;
    min-height: 127px;
}

.savedFilterListItem.savedFilterListItemActive .savedFilterTooltip {
    opacity: 1;
    visibility: visible;
}

.savedFilterListItem.savedFilterListItemActive .savedFilterLink,
.savedFilterListItem.savedFilterListItemActive2 .savedFilterLink {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.savedFilterTooltipChild::before,
.savedFilterTooltipChild::after {
    content: '';
    width: 0;
    height: 0;
    top: 1px;
}

.savedFilterTooltipChild::before {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #dbdbdb;
    position: absolute;
    left: -11px;
}

.savedFilterTooltipChild::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--colorWhite);
    position: absolute;
    left: -10px;
    top: 2px;
}

.savedFilterTooltip p {
    font-size: 13px;
    line-height: 14px;
    color: var(--colorWarmGrey2);
}

.removeTooltipLink {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 16px;
    color: var(--colorWarmGrey2);
}

.removeTooltipLink:hover {
    color: var(--colorRed);
}

.savedFiltersDropBox {
    /* max-height: 200px; */
    /* overflow-y: auto; */
}

#btn-back-to-top {
    width: 110px;
    height: 30px;
    border-radius: 16px;
    position: fixed;
    bottom: 55px;
    right: 40%;
    z-index: 9;
    display: none;
    color: #fff;
    text-align: center;
    background: #5d5959;
    border: 0px !important;
    font-size: 15px;
    cursor: pointer;
}

.savedFiltersDropBox {
    /* height: 100px; */
    /* overflow-y: auto; */
}

.customOverflow {
    position: relative;
}

.topLeftBox .btnTabsCont a {
    min-width: 50px;
    padding: 5px 4px;
    border-radius: 6px;
}

.newFiltersDropbox {
    box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
}

.leadsTypeFilter .filtersSectionChild.row {
    margin-left: -7px;
    margin-right: -7px;
}

.leadsTypeFilter .filtersSectionChild .col-sm-4 {
    width: 50%;
    padding-left: 7px;
    padding-right: 7px;
}

.newFiltersDropbox.sortbyTypeFilter {
    width: 315px;
    width: 405px;
}

.sortByFiltersBox label {
    font-size: 13px;
    line-height: 15px;
}

.sortByFiltersBox .form-control {
    height: 28px;
    font-size: 14px;
    line-height: 14px;
}

.outCodeFiltersSection .outCodeBoxSection label {
    color: #212529;
    font-size: 14px;
    line-height: 16px;
}

.outCodeBoxSection .col-sm-12 {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.outCodeBoxSection .col-sm-12 label {
    width: 190px;
    min-width: 190px;
    color: var(--colorPrim);
    font-family: var(--circularBold);
    font-size: 16px;
}

.newFiltersDropbox.outCodeFiltersSection {
    width: 506px;
}

.outCodeBoxSection .col-sm-12 .form-control {
    font-size: 14px;
    line-height: 14px;
}

.formBtnsBoxs {
    margin-top: 10px;
}

.formBtnsBoxs button {
    /* width: 110px; */
}

.sortByFiltersBox .col-sm-6 {
    display: flex;
    align-items: center;
}

.sortByFiltersBox .col-sm-6 label {
    /* width: 70px;
    min-width: 70px; */
    color: var(--colorPrim);
    font-family: var(--circularBold);
    font-size: 16px;
    padding-right: 10px;
    min-width: max-content;
}

.sortByFiltersBox .col-sm-6 .form-control {
    width: 113px;
    min-width: 113px;
}

.newFiltersDropbox.outCodeFiltersSection {
    top: 26px;
}

.closeFilterDropbox {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 20px;
    width: 20px;
}

.closeFilterDropbox a {
    height: 100%;
    width: 100%;
    padding: 2px;
    border-radius: 50%;
    border: 1px solid var(--colorRed);
    color: var(--colorRed);
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.closeFilterDropbox a:hover {
    color: var(--colorWhite);
    background-color: var(--colorRed);
}

.formBtnsBoxs button {
    margin-right: 10px;
}

.formBtnsBoxs button:last-child {
    margin-right: 0;
}

.filtersSectionChild2 .parentFilter {
    /* padding-left: 25px; */
}

.showMoreFiltersBox {
    /* margin-top: 5px; */
}

.showMoreFiltersBox {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding-bottom: 4px;

}

.showMoreFiltersBox a {
    /* width: 100%;
    padding: 5px 10px 5px;
    line-height: 14px;
    float: left;
    text-align: center; */

    padding: 2px 5px 2px;
    font-size: 12px;
    align-items: center;
    text-align: center;
}

.filtersListsItem {
    margin-bottom: 12px;
}

.downloadCsvBox a {
    display: inline;
    /* float: left; */
    min-width: max-content;
    padding: 4px 10px 4px;
}

.topMidBoxChild {
    flex-wrap: wrap;
}

#prop-growth-header-map-desk {
    cursor: default;
}

.miniMapBox {
    position: relative;
    z-index: 9;
}

.miniMapBox::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    z-index: 10;
}

.savedFiltersFilterBox {
    width: 146px;
}

.topMidBoxChild {
    justify-content: flex-start;
}

.tooltipDescriptionBox .tooltipDescriptionList:not(:last-child) {
    margin-bottom: 5px;
}

.tooltipDescriptionList {
    display: flex;
}

.tooltipDescriptioonTitle {
    font-size: 13px;
    line-height: 14px;
    min-width: max-content;
}

.descriptionDetail {
    font-size: 12px;
    line-height: 14px;
    padding-left: 5px;
    color: var(--colorWarmGrey);
}

.filterMainTitle {
    margin-bottom: 4px;
    color: var(--colorPrim);
}

.showMoreFiltersBox {
    margin-top: 5px;
}

.smallButton {
    padding: 4px 12px 4px;
}

.newFilterLinks.filterDropboxToggleMain .filterDropboxArrow,
.newFilterLinks.savedFilterDropSection2 .filterDropboxArrow {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.filtersListsParent2 .filtersListItems.savedFiltersModalList li {
    width: 32%;
    margin-left: 0;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 7px;
    padding-right: 7px;
}

/* .savedFiltersModalList{
    max-height: calc(100vh - 177px);
    overflow-y: auto;
} */
.showMoreFiltersModal .savedFilterBox {
    max-height: calc(100vh - 177px);
    min-height: calc(100vh - 177px);
    /* overflow-y: auto; */
}

.filtersListsParent.filtersListsParent3 {
    margin-bottom: 0;
}

.filter-char-count {
    float: right;
    color: #aaa;
}

.sourcerTag {
    background: orange !important;
}

.landlordsTag {
    background: green !important;
}

.counterBox {
    height: 16px;
    width: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--colorBlue);
    color: var(--colorWhite) !important;
    font-size: 12px;
}

.modalDesign3 .modal-dialog {
    max-width: 550px;
    max-width: 475px;
}

.modalDesign3 .modal-content {
    padding: 30px;
}

.modalContentBox h2 {
    margin-bottom: 30px;
}

.modalContentBox .subHeadingContent {
    margin-bottom: 20px;
}

.modalContentBox .customCodeBox {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header {
    z-index: 1040;
}

.cardNote {
    /* padding-top: 10px; */
    padding-bottom: 10px;
}

.couponCodeSection {
    padding: 10px 40px;
    border: 2px dashed #333;
    background: var(--colorYellow);
    color: #333;
    width: 70%;
    text-align: center;
    margin-bottom: 10px;
}

.modalContentBox .customCodeBox {
    flex-direction: column;
}

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

.couponImageBox {
    text-align: center;
    margin-bottom: 20px;
}

.couponImage {
    display: inline-block;
    width: 100px;
    margin: 0 auto;
    float: unset;
    text-align: center;
}

.thankyouModal .modal-dialog-centered {
    display: block;
}

.thankyouModal .modal-dialog {
    min-height: auto;
    margin-top: 15vh;
}

.logoutModal .modal-body {
    padding: 0;
}

.propertyListChecks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.propertyListChecks .ourter__bed-type {
    width: auto;
    display: inline-block;
    float: left;
}

.customCheckBox.customCheckBox2 input[type="checkbox"]+label {
    font-size: 14px;
    line-height: 22px;
    padding-left: 24px;
    color: var(--colorPrim);
    font-family: var(--circularBold);
    font-family: var(--circularRegular);
}

.customCheckBox.customCheckBox2 input[type="checkbox"]:checked+label::before,
.customCheckBox.customCheckBox2 input[type="checkbox"]:not(:checked)+label::before {
    height: 15px;
    width: 15px;
}

.customCheckBox.customCheckBox2 input[type="checkbox"]:checked+label::after {
    height: 10px;
    width: 5px;
    left: 5px;
    top: 3px;
}

.ourter-wrapper .sellerRadio.sellerRadio2 .option_value:before {
    border-radius: 50%;
    border: 1px solid #b4b4b4;
    top: -1px;
}

.ourter-wrapper .sellerRadio.sellerRadio2 input[type='radio']:checked+.option_value:before {
    border: 1px solid #0dde9e;
    background: #0dde9e;
}

.ourter-wrapper .sellerRadio.sellerRadio2 input[type='radio']:checked+.option_value:after {
    top: 4px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

.radio.customRadios input {
    display: none;
}

.radio.customRadios label {
    cursor: pointer;
}

.radio.customRadios input[type="radio"]:checked+label,
.radio.customRadios input[type="radio"]:not(:checked)+label {
    position: relative;
}

.radio.customRadios input[type="radio"]:checked+label::before,
.radio.customRadios input[type="radio"]:not(:checked)+label::before {
    border-radius: 50%;
    border: 1px solid #b4b4b4;
}

.radio.customRadios input[type="radio"]:checked+label::before {
    border: 1px solid #0dde9e;
    background: #0dde9e;
}

.radio.customRadios input[type="radio"]:checked+label::after {
    border-bottom-width: 2px;
    border-right-width: 2px;
    height: 12px;
    left: 6px;
    top: 0px;
    width: 6px;
    border-color: #fff;
}

.customCheckBox.customCheckBox3 {
    margin-bottom: 3px;
}

.customCheckboxChild {
    display: inline-flex;
    height: 16px;
    width: 16px;
}

.heatmapFilterBoxs .customCheckBox {
    margin-bottom: 10px;
}


/* Filters */
.filtersListItemsNew {
    column-gap: 0;
    margin-left: -5px;
    margin-right: -5px;
}

.filtersListItemsNew li.filtersLists {
    padding-left: 5px;
    padding-right: 5px;
    background: transparent;
    width: 12.5%;
}

.filtersListItemsNew li.filtersLists .filterItem {
    background: #fff;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
}

.filtersListItemsNew li.filtersLists .filterItemLink {
    padding-right: 10px;
    height: 100%;
    align-items: flex-start;
    border-radius: 6px;
}

.filtersListItemsNew li.filtersLists .deleteusersearch {
    display: none;
}

.filtersListItemsNew li.filtersLists .filterItemLink>span {
    word-break: break-word;
}

.filtersListsParent2 .filtersListItemsNew li.tooltipDescriptionList {
    width: 100%;
    display: flex;
}

li.tooltipDescriptionList {
    background: transparent;
}


.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip {
    right: -360px;
    z-index: 1;
}

.filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip {
    right: initial;
    left: -370px;
}

.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before {
    left: -11px;
    right: initial;
    border-left: initial;
    border-right: 10px solid #dbdbdb;
}

.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after {
    left: -10px;
    right: initial;
    border-left: initial;
    border-right: 10px solid var(--colorWhite);
}

.filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before {
    left: inherit;
    right: -11px;
    border-right: initial;
    border-left: 10px solid #dbdbdb;
}

.filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after {
    left: inherit;
    right: -10px;
    border-right: initial;
    border-left: 10px solid var(--colorWhite);
}

.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip {
    height: 100%;
}

.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: -10px;
}

.filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip::before {
    left: initial;
    right: -10px;
}

.showMoreFiltersModal .modal-dialog {
    max-width: 1000px;
}







.filtersListItemsNew.filtersListItemsNew2 li.filtersLists {
    width: 16.66%;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip {
    left: initial;
    right: -360px;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip::before {
    left: initial;
    right: -10px;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before {
    left: -11px;
    right: initial;
    border-left: initial;
    border-right: 10px solid #dbdbdb;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after {
    left: -10px;
    right: initial;
    border-left: initial;
    border-right: 10px solid var(--colorWhite);
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip {
    right: initial;
    left: -370px;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip::before {
    left: initial;
    right: -10px;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before {
    left: inherit;
    right: -11px;
    border-right: initial;
    border-left: 10px solid #dbdbdb;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after {
    left: inherit;
    right: -10px;
    border-right: initial;
    border-left: 10px solid var(--colorWhite);
}


.showMoreFiltersModal .savedFilterListItem .savedFilterTooltip {
    z-index: 9;
}

.g-recaptcha>div {
    margin: 0 auto;
}

.grecaptcha-badge {
    bottom: 55px !important;
}


.main-LoginNew {
    overflow: visible !important;
}

.bannerDesboard .dashboard-Banner.dashboard-BannerNew {
    height: 96%;
}

.dashboardBox.dashboardBoxNew {
    margin-bottom: 30px;
}

.removeTooltipLink {
    height: 20px;
    width: 21px;
    border: 1px solid transparent;
    color: var(--colorRed1);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    top: 15px;
    right: 6px;
}

.removeTooltipLink:hover {
    color: var(--colorWhite);
    background: var(--colorRed1);
}

.savedFilterListItem .savedFilterTooltipChild {
    padding-right: 30px;
}

.signup-terms {
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-family: var(--circularRegular) !important;
}

/* .pt-add-to-port{
    margin-left: 8%;
} */

/* Cancel Subscription Start */
/* .cancelPlanContent:not(:last-child){
    margin-bottom: 20px;
} */
.upperCase {
    text-transform: uppercase;
}

.newButtonsBox span {
    margin-bottom: 10px;
    padding: 0 6px;
    display: inline-block;
    float: left;
}

.newButtonsBox2 span {
    width: 50%;
}

.newButtonsBox span:first-child {
    padding-left: 0;
}

.newButtonsBox span:last-child {
    margin-bottom: 0;
    padding-right: 0;
}

.cancelPlanContent span {
    font-family: var(--circularBold);
    color: var(--colorBlack);
}

.customCheckBox.customCheckBox3 input[type="checkbox"]+label {
    color: var(--colorBlack);
}

.planCancelChild {
    padding: 50px 50px 250px;
    background: var(--colorPrim);
}

.planCancelChild h1 {
    color: var(--colorWhite);
    font-family: var(--circularBold);
}

.myAccMainNew {
    padding-left: 0;
    padding-right: 0;
    padding-top: 64px;
}

.cancelPlanContentChild {
    width: 70%;
    padding: 50px;
    background: white;
    border-radius: 6px;
    margin: -130px auto 0;
    /* float: unset; */
    /* box-shadow: 0px 0px 5px 3px #f2f2f2; */
    border: 1px solid #dedcdc;
}

.cancelPlanContentBox {
    display: flex;
}

.cancelPlanContentChild h2 {
    font-family: var(--circularMedium);
}

.cancelPlanContentChild span:not(:last-child) {
    margin-bottom: 25px;
}

.activeLink,
.activeLink:hover,
.activeLink:focus {
    text-decoration: underline;
}

.testimonialCards {
    padding-top: 40px;
    display: none;
}

.testimonialCards .row {
    row-gap: 20px;
}

.testimonialCards2 {
    padding-top: 40px;
    display: none;
}

.testimonialCards2 .row {
    row-gap: 20px;
}

.testimonialCardsChild {
    padding: 20px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonialRating .star__item {
    margin-right: 5px;
    width: 13px;
}

.testimonialRating .star__item::before {
    font-size: 13px;
    margin-left: 0;
}

.tectimonialChildContent {
    margin-bottom: 15px;
}

.tectimonialChildContent h4 {
    color: var(--colorPrim);
    line-height: 20px;
}

.tewstimonialAuthor span {
    color: var(--colorWarmGrey);
    padding-left: 20px;
}

.testimonialVideos {
    margin-left: -10px;
    margin-right: -10px;
}

.testimonialVideoCard {
    height: 200px;
    width: 33.3%;
    padding-left: 10px;
    padding-right: 10px;
}

.testimonialVideoChild {
    /* border: 1px solid #f3f3f3; */
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.cardsToggleBox {
    margin-top: 20px;
}

.tectimonialChildContent {
    position: relative;
    padding: 0px 25px;
}

.tectimonialChildContent::before,
.tectimonialChildContent::after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    height: 18px;
    width: 18px;
    background-size: 100%;
}

.tectimonialChildContent::before {
    background-image: url(../img/quoteLeft.png);
    top: 0;
    left: 0;
}

.tectimonialChildContent::after {
    background-image: url(../img/quoteRight.png);
    bottom: 0;
    right: 0;
}

.user_consent_checkbox {
    font-size: 16px !important;
}

.dealAnalyserBoxs .analyserCategory .analyserCatTop.analyserCatTopNew {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px 10px;
    min-height: auto;
    padding: 10px 6px 10px;
}

.analyserCatTopNew .propertyHeadCount {
    margin-left: 2px;
    height: 24px;
    width: 24px;
    min-width: 24px;
    border-radius: 50%;
    border: 1px solid var(--colorWhite);
    color: var(--colorWhite);
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dealAnalyserBoxsNew .row {
    margin-right: -4px;
    margin-left: -4px;
}

.dealAnalyserBoxsNew .col-sm-6 {
    padding-left: 4px;
    padding-right: 4px;
}

.dealAnalyserBoxs .analyserCategory .analyserCatTop span {
    line-height: initial;
    text-transform: capitalize;
}

.dealAnalyserBoxs.dealAnalyserBoxsNew .analyserCategory {
    /* border-radius: 4px; */
}

.dealAnalyserBoxs.dealAnalyserBoxsNew .propertyHeadName span {
    font-size: 90%;
}

/* slider */

.block {
    position: absolute;
    left: 0;
    top: 0;
}

.slidercaptcha {
    margin: 0 auto;
    width: 100%;
    border-radius: 12px;
    margin-top: 0;
    border: 1.5px solid #ccc;
    padding-bottom: 15px;
}

.slidercaptcha canvas:first-child {
    border-radius: 5px;
    border: 1px solid #e6e8eb;
}

.sliderContainer {
    position: relative;
    text-align: center;
    line-height: 40px;
    background: #f7f9fa;
    color: #45494c;
    border-radius: 2px;
}

.sliderbg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #f7f9fa;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #e6e8eb;
}

.sliderContainer_active .slider {
    top: -1px;
    border: 1px solid #1991FA;
}

.sliderContainer_active .sliderMask {
    border-width: 1px 0 1px 1px;
}

.sliderContainer_success .slider {
    top: -1px;
    border: 1px solid #02c076;
    background-color: #02c076 !important;
    color: #fff;
}

.sliderContainer_success .sliderMask {
    border: 1px solid #52CCBA;
    border-width: 1px 0 1px 1px;
    background-color: #D2F4EF;
}

.sliderContainer_success .sliderIcon:before {
    content: "\f00c";
}

.sliderContainer_fail .slider {
    top: -1px;
    border: 1px solid #f35c59;
    background-color: #f35c59;
    color: #fff;
}

.sliderContainer_fail .sliderMask {
    border: 1px solid #f35c59;
    background-color: #f7dcdd;
    border-width: 1px 0 1px 1px;
}

.sliderContainer_fail .sliderIcon:before {
    content: "\f00d";
}

.sliderContainer_active .sliderText,
.sliderContainer_success .sliderText,
.sliderContainer_fail .sliderText {
    display: none;
}

.sliderMask {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    border: 0 solid #d1e9fe;
    background: #d1e9fe;
    border-radius: 2px;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #3787e3;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background .2s linear;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider:hover {
    background: #009efb;
    color: #fff;
    border-color: #009efb;
}

.slider:hover .sliderIcon {
    background-position: 0 -13px;
}

.sliderText {
    position: relative;
}

.refreshIcon {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    padding: 6px;
    color: #fff;
    background-color: #ff4c4c;
    font-size: 14px;
    border-radius: 50px;
}

.refreshIcon:hover {
    color: #fff;
}

.sliderContainer_success {
    padding-bottom: 40px;
}

.sliderContainer_active {
    padding-bottom: 40px;
}

.sliderContainer_fail {
    padding-bottom: 40px;
}


/* -------------- */

.slidercaptcha .slider {
    background: transparent;
}

.slidercaptcha .svg-inline--fa,
.slidercaptcha .slick-track {
    width: 18px !important;
}

.slidercaptcha .slick-list {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slidercaptcha .slider {
    background: var(--colorBlue);
}

.slidercaptcha .slider .svg-inline--fa path {
    fill: var(--colorWhite);
}

.slidercaptcha .slider .svg-inline--fa:focus {
    outline: none;
}

.slidercaptcha .slider svg {
    display: none !important;
    position: relative;
}

.slidercaptcha .slider::before {
    position: absolute;
    content: "\f061";
    font-family: 'Font Awesome 5 FREE';
    font-size: 16px;
    color: var(--colorWhite);
    font-weight: 900;
}

.slidercaptcha .sliderContainer.sliderContainer_fail .slider {
    background: var(--colorRed1);
    border-color: var(--colorRed1);
    ;
}

.slidercaptcha .sliderContainer.sliderContainer_fail .slider::before {
    content: '\f00d';
}

.slidercaptcha .sliderContainer.sliderContainer_success .slider {
    background: var(--colorGreen);
    border-color: var(--colorGreen);
    ;
}

.slidercaptcha .sliderContainer.sliderContainer_success .slider::before {
    content: '\f00c';
}

#image-slie .slick-slider {
    width: 100% !important;
    background: transparent;
    box-shadow: none;
}

#cancel_reason {
    font-size: 14px;
}

.slidercaptcha {
    /* border: none; */
}

.slidercaptcha .card-body {
    padding: 0px;
    margin-top: 15px;
}

.slidercaptcha .sliderText {
    font-size: 16px;
}

.cancelSubscriptionModal .modal-dialog,
.cancelSubscriptionConfirm .modal-dialog {
    max-width: 650px;
}

.cancelSubscriptionConfirm .form-control:focus {
    background-color: var(--colorLight);
    box-shadow: none;
}

.alertItemsBottom .alertActionItem a.quoteListItems {
    position: relative;
    z-index: 99999999999 !important;
}

.quotesSliderNew {
    padding: 0px 45px;
}

.quotesSliderNew .upd_wrapper {
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}

.tab-login.formDesign {
    padding-bottom: 0;
}

.signup--page2 {
    margin-bottom: 40px;
}

.priceSectionMainLeft {
    display: flex;
    flex-direction: column;
    /* height: 100%; */
}

.priceSectionMainLeft .quotesSliderNew {
    height: 100%;
}

.signupformSectionsRightChild .plan-details {
    margin-top: 0;
}

.signupformSectionsRightChild {
    height: 100%;
    padding-top: 34px;
}

.signupformSectionsRightChild .plan-details {
    height: 100%;
}

.webViewSlider {
    display: block;
}

.mobileViewSlider {
    display: none;
}

.postcode-validation-fail {
    border-radius: 12px;
    border: 1.5px solid var(--colorWarmGrey);
    color: #707070;
    width: 50%;
}

.fa-spinner {
    margin-right: 8px;
    margin-left: -12px;
}

/* ---------------- */
.cardTableDesignNew {
    position: relative;
    padding-bottom: 26px;
}

.dashCardBox .myAreaCardBtm {
    position: absolute;
    bottom: 10px;
    left: 0;
}

.loginSectionContent span {
    margin-bottom: 15px;
}

.loginSectionContent h1 {
    margin-bottom: 15px;
}

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

.loginSectionContent .loadingGif img {
    width: 300px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}


/* ------------------ */

.loadingGifImage {
    image-rendering: pixelated !important;
}

.loadingGifModal .modal-dialog {
    max-width: 210px;
    align-items: flex-start;
    padding-top: 80px;
}

.loadingGifModal {
    pointer-events: none;
}

.loadingGifModal .modal-content {
    border-radius: 20px;
    padding: 20px;
    pointer-events: auto;
}

.loadingGifModal .modal-body {
    padding: 0;
}

.loadingGifModal .loadingGifImage {
    width: 130px;
}

/* ------------------- */
.propStatsBoxTitleNew {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.propStatsBoxTitleNew .nav-item {
    margin-right: 10px;
}

.propStatsBoxTitleNew .nav-tabs .nav-link {
    font-size: 14px;
    line-height: 12px;
    padding: 4px 5px 4px;
    border-radius: 4px;
}

.propStatsBoxTitleNew .nav-tabs {
    border: none;
}

.propStatsBoxTitleNew .nav-tabs .nav-link {
    color: var(--colorWhite);
    border: 1px solid #ccc;
}

.propStatsBoxTitleNew .nav-tabs .nav-link:hover {
    background: var(--colorWhite);
    color: #333;
}

.propStatsBoxTitleNew .nav-tabs .nav-link.active {
    color: #333;
}

.propStatsBoxNew .tab-pane .boxs:last-child {
    margin-bottom: 10px;
}

/* ----------------- */

.dashboardHeaderBtns2 {
    display: flex;
    flex-direction: column;
}

.dashboardHeaderBtnsBtm {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

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

.form-switch-row.form-switch-rowNew .form-check-input {
    width: 40px;
    height: 22px;
}

.form-switch-row.form-switch-row2.form-switch-rowNew .form-check {
    margin: 0px 5px;
}

.dashboardHeaderBtns2 .headerBtnSection {
    display: inline-block;
    float: left;
}

.postcodeDataTabs2 .btnReg1 {
    padding: 5px 10px;
    border-radius: 0;
}

.custom-sticky-header .dashHeadingTop {
    top: 58px;
}

.areaResearchPropertyCards:not(:last-child) {
    margin-bottom: 30px;
    margin-bottom: 20px;
}

.areaResearchPropertyCards .areaResearchCardLeft {
    width: 30%;
    border: 2px solid var(--colorBlue);
    height: auto;
    border-radius: 6px;
    padding: 5px;
    background: #fff;
}

.areaResearchPropertyCards .areaResearchCardRight {
    width: calc(70% - 8px);
    /* width: 70%; */
    border: 2px solid var(--colorGreen);
    height: auto;
    margin-left: 8px;
    border-radius: 6px;
    padding: 5px;
    background: var(--colorWhite);
}

.areaResearchPropertyCards {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 7px;
    background: var(--colorWhite);
}

.areaResearchCardRight .areaResearchRightCard {
    width: 50%;
}

.areaResearchRightCard .dashCardBox {
    padding: 0;
}

.areaResearchCardLeftBottom {
    padding: 0 10px;
    padding: 0 0px;
}

.smallButton4 {
    padding: 6px 6px 4px;
}

.areaResearchCardLeftBottom2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    border-top: 1px solid #ccc;
}

.deletePropertyCard {
    color: var(--colorRed);
}

.deletePropertyCard:hover {
    color: var(--colorRed1);
}

.graphCardTabs .nav.nav-tabs {
    padding: 4px 3px 3px;
    background: var(--colorPrim);
}

.graphCardTabs .navTabItem {
    border: 1px solid var(--colorWhite);
    background-color: var(--colorPrim);
    padding: 3px 5px 1px;
    font-size: 11px;
    line-height: 11px;
    margin-right: 2px;
    color: var(--colorWhite);
    border-radius: 2px
}

.graphCardTabs .navTabItem.active {
    background-color: var(--colorWhite);
    color: var(--colorBlack);
}

.areaResearchCardRight .areaResearchRightCard,
.areaResearchCardRight .areaResearchRightCard .graphCardChild,
.areaResearchRightCard .graphCardChild .graphCardDesign .tab-pane,
.areaResearchRightCard .graphCardChild .graphCardDesign .tab-pane .boxs {
    height: 100%;
}

.areaResearchRightCard .graphCardChild .graphCardDesign {
    /* height: calc(100% - 50px); */
    /* height: calc(100% - 25px); */
}

.canvas {
    /* height: calc(100% - 54px) !important; */
    /* height: calc(100% - 35px) !important; */
}

.areaResearchCardRight .areaResearchRightCard {
    padding: 0 5px;
}

.areaResearchCardRight .areaResearchRightCard:first-child {
    padding-left: 0;
}

.areaResearchCardRight .areaResearchRightCard:last-child {
    padding-right: 0;
}

.canvasParent {
    padding-top: 5px;
}

.propStatsLegends2 {
    margin-top: 10px;
    padding: 0px 10px;
}

.propFilterOptions {
    position: relative;
    border: 1px solid #dfdfdf;
    display: flex;
    border-radius: 2px;
}

.propFilterOptions .propFilterIcon {
    /* position: absolute; */
    /* top: 1px; */
    /* left: 10px; */
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 2px);
    padding: 0px 3px;
    border-right: 1px solid #dfdfdf;
    height: auto;
}

.propFilterOptions .form-control {
    font-size: 12px;
    line-height: 12px;
    /* padding-left: 45px; */
    background-color: var(--colorWhite);
    /* border: 1px solid #333; */
    border: none;
    padding: 5px 18px 5px 10px;
    padding: 5px 17px 5px 3px;
}

.propFilterOptions .form-control:focus {
    box-shadow: none;
}

.propFilterOptions {
    width: auto;
    background: var(--colorWhite);
}

.propFilterOptions .propFilterIcon,
.propFilterOptions .fomr-control {
    color: var(--colorBlue);
    background-color: white;
}

.propFilterOptions .custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 9;
    background: transparent;
}

.propFilterOptions::before {
    position: absolute;
    content: '\f078';
    right: 5px;
    top: 3px;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    font-size: 9px;
    color: #000;
    z-index: 9;
}

.graphCardChildTopSec {
    display: inline-block;
    float: left;

}

.graphCardChildTopSec:not(:last-child) {
    margin-right: 3px;
}

.smallButton5 {
    font-size: 10px;
    line-height: 10px;
    padding: 5px 5px 4px;
    display: inline-block;
    float: left;
}

.fontSize8 {
    font-size: 8px;
    line-height: 8px;
}

.cardfiltersRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.graphCardChildTopSec.graphCardChildTopTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.graphCardChildTopSec.graphCardChildTopTitle h2 {
    padding-bottom: 2px;
    line-height: 22px;
    color: var(--colorBlue);
    text-align: center;
}

.graphCardChildTopSec.graphCardChildTopTitle span {
    color: var(--colorWarmGrey);
}

.propFiltersSectionbox {
    margin-right: 4px;
    padding: 5px;
    background: #ccc3;
    min-width: fit-content;
}

.graphCardChildTop {
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
}

.areaResearchCardLeft .priceFlowBox .frontView,
.areaResearchCardLeft .priceFlowBox .backView {
    padding: 0;
}

.areaResearchCardLeft .priceFlowBox .frontView span,
.areaResearchCardLeft .priceFlowBox .backView span {
    width: 100%;
}

.btnStats2:hover {
    background: #fff !important;
    color: var(--colorBlue) !important;
}

.btnStats2:hover svg path {
    fill: var(--colorBlue);
}

.greenBtnNew:hover svg path {
    fill: var(--colorGreen);
}

.addRemoveToggleBox.customCheckBox {
    margin-bottom: 0;
}

.addRemoveToggleBox.customCheckBox input[type="checkbox"]+label {
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    padding-left: 17px;
    color: var(--colorWarmGrey);
}

.customCheckBox.customCheckBox4 input[type="checkbox"]:checked+label::before,
.customCheckBox.customCheckBox4 input[type="checkbox"]:not(:checked)+label::before {
    height: 12px;
    width: 12px;
}

.customCheckBox.customCheckBox4 input[type="checkbox"]:checked+label::after {
    height: 10px;
    width: 5px;
    left: 4px;
    top: 2px;
}

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

.areaInsightsSectionUpdate .dashCardBox thead tr th {
    vertical-align: bottom;
}

.areaInsightsSection .dashCardBox thead tr.tableCardHeadSection th {
    padding: 0;
    border-bottom: none;
    color: var(--colorPrim);
    vertical-align: inherit;
}

.areaInsightsSectionUpdate .dashCardBox thead tr th.propertyToggleHead {
    text-align: left;
    width: 80px;
}

.graphCardChildBtm {
    /* height: calc(100% - 42px); */
    height: calc(100% - 45px);
    border-right: 1px solid #dfdfdf;
}

/* -----Area Report Page------- */
.areaReportDetailsSection {
    margin-top: 40px;
}

.statsTableChart,
.statsTableChartBox .propStatsBoxTitle2 {
    display: flex;
}

.statsTableChartBox .propStatsBoxTitle2 span {
    text-align: center;
    width: 50%;
}

.areaReportDetailChild {
    margin-bottom: 50px;
}

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

.reportSectionHead {
    padding: 5px 10px;
    background-color: var(--colorYellow);
}

.graphCardChildBtm {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr:first-child td {
    padding-top: 5px;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr td.priceFlow {
    padding-top: 3px;
    padding-bottom: 3px;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr:last-child td {
    padding-bottom: 5px;
}

.propertyGraphbarCard .priceFlowSec2 {
    height: 22px;
}

.propertyGraphbarCard .priceFlowSec2 .priceFlowBox {
    display: inline-block;
    float: left;
    text-align: center;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox thead tr th {
    padding: 6px 1px 6px;
}

.areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
    padding: 8px 5px;
}

.areaInsightsSectionUpdate .newCardDesigns {
    padding: 5px 10px;
}

.areaInsightsSectionUpdate .priceFlowSec2 {
    height: 22px;
}

.areaInsightsSectionUpdate .priceFlowSec2 .priceFlowBox {
    align-items: flex-end;
    height: 22px;
    float: left;
}

.areaInsightsSectionUpdate .vs-section.newCardDesigns.mt-1 p span {
    line-height: 15px;
}

.reportTableFormatBox {
    /* width: calc(100% - 300px); */
    /* max-width: calc(100% - 300px); */
    /* display: none; */
}

.pageSpacingBox {
    width: calc(100% - 272px);
}

.reportTableFormatBox .tableFormatLink a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-tabs.postcodeDataTabs3 .btnReg1SolidActive {
    justify-content: center;
    margin-bottom: 0;
}

.custom-sticky-header .dashHeadingTopUpdate .dashboardHeaderBtns .postcodeDataTabs2.postcodeDataTabs3 a {
    margin-left: 5px !important;
}

.topLeftBox .btnTabsCont.postcodeDataTabs3 {
    flex-direction: row;
}

.toast {
    opacity: 1 !important;
}

.websiteBodySection {
    display: flex;
}

.bigScreenHeader .headerChildBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alertsAsideBox {
    top: 58px;
    height: calc(100vh - 58px);
}

.sidebarOverlay {
    top: 58px;
}

.navbar-nav {
    align-items: center;
}

.areaInsightsSection .dashCardBox thead tr th .pinUpinIcon h2 {
    text-align: left;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr td:first-child {
    padding-left: 0;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr td:last-child {
    padding-right: 0;
}

.allAreaButton {
    width: 105px;
    justify-content: center;
}

.ourter__type_bed li label {
    display: inline-block;
    float: left;
}

.heatMapTopFilterBox {
    margin-top: 20px;
    float: left;
}

.areaReportDetailsSection .ourter-wrapper {
    top: 66px;
    right: 4px;
}


/* ---------------------- */
.propertySearchBanner {
    background: url('../img/property-search.jpg');
    background-size: cover;
    height: 220px;
    width: 100%;
}

.propertySearchNewForm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -110px;
}

.propertySearchFormChild {
    padding: 30px 30px;
    border-radius: 10px;
    background: var(--colorWhite);
    width: 78%;
    width: 90%;
    box-shadow: -8px 7px 14px 3px rgb(0 0 0 / 12%);
}

.newFormDesign2 .form-group2 {
    margin-bottom: 20px;
}

.propertyDetailsTilesBox {
    margin-top: 10px;
}

.propertyDetailsTilesBox .savedFilterListItem .savedFilterListItemNew {
    height: 100%;
    position: relative;
    height: 120px;
    height: 132px;
    height: 127px;
}

.propertyDetailsTilesBox .savedFilterListItemNew .savedFilterTooltipChild {
    left: 0;
}

.propertyDetailsTilesBox .savedFilterListItemNew .savedFilterTooltipChild::before,
.propertyDetailsTilesBox .savedFilterListItemNew .savedFilterTooltipChild::after {
    display: none;
}

.propertyDetailsTilesBox .savedFilterListItem .savedFilterListItemNew .savedFilterTooltipChild {
    width: 100%;
    box-shadow: -4px 4px 6px 0px rgb(0 0 0 / 12%);
}

.propertyDetailsTilesBox .savedFilterListItemSection .savedFilterTooltipChild2 {
    height: 140px;
    height: 90px;
    height: 85px;
    overflow: hidden;
}

.propertyDetailsTilesBox .filtersLists .savedFilterTooltipChild2 {
    position: relative;
    z-index: 10;
}

.propertyDetailsTilesBox .filtersLists.filtersLists2 .savedFilterTooltipChild2 {
    height: 100%;
}

.propertyDetailsTilesBox .filtersLists.filtersLists2 .savedFilterTooltipChild {
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.10);
}

.propertyDetailsTilesBox .propertyDetailTileChild .savedFilterListItem {
    position: relative;
    z-index: 2;
}

.propertyDetailsTilesBox .propertyDetailTileChild .removeTooltipLink {
    z-index: 3;
    z-index: 999999;
}

.propertyDetailsTilesBox .propertyDetailTileChild .tooltipDescriptioonTitle {
    color: #212529;
}

.propertyDetailsTilesBox .propertyDetailTileChild .savedFilterListItem.savedFilterListItemSection2 {
    z-index: 9;
}

.propertyDetailsTilesBox .propertyDetailTileChild .row {
    row-gap: 20px;
}

.propStatsLegend_orange,
.propStatsLegend_orange span:first-child {
    --color: #f56300;
}

.propStatsLegend_blue2,
.propStatsLegend_blue2 span:first-child {
    --color: #0066cc;
}

.propStatsLegend_green,
.propStatsLegend_green span:first-child {
    --color: #006241;
}

.propStatsLegend_red,
.propStatsLegend_red span:first-child {
    --color: #f22436;
}

.propStatsLegend_orange span:last-child::after {
    background: #f56300
}

.propStatsLegend_blue2 span:last-child::after {
    background: #0066cc;
}

.propStatsLegend_green span:last-child::after {
    background: #006241;
}

.dropValueList h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.dropValueList ul li {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}

.dropValueListSec .listCustomCheck {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 16px;
}

.dropValueListSec .listCustomCheck::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #ddd;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: transparent
}

.dropValueListSec .listCustomCheck:after {
    position: absolute;
    content: '';
    height: 10px;
    width: 5px;
    border-right: 2px solid var(--colorWhite);
    border-bottom: 2px solid var(--colorWhite);
    top: -2px;
    left: 10px;
    transform: rotate(45deg);
    bottom: 0;
    margin: auto 0;
}

.dropValueListSec.dropValueListSec2 .listCustomCheck::before {
    border: 1px solid var(--colorGreen);
    background-color: var(--colorGreen);
}

.dropValueListSec.dropValueListSec2 .listCustomCheck:after {
    border-right: 2px solid var(--colorWhite);
    border-bottom: 2px solid var(--colorWhite);
}

.dropValueList ul li:last-child {
    margin-bottom: 0;
}

.dropValueList .dropOptionSubhead {
    font-size: 12px;
    line-height: 14px;
    color: var(--colorWarmGrey);
}

.dropValueList .dropOptionHead {
    font-size: 14px;
    line-height: 16px;
    color: var(--colorPrim);
    margin-bottom: 5px;
}

.dropValueList .dropOptionDescription {
    font-size: 10px;
    line-height: 12px;
    color: var(--colorWarmGrey2);
}

.customDropdownBoxChild .dropValueList:not(:last-child) {
    margin-bottom: 10px;
}

.customDropdownBoxChild {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.customDropdownBoxChild .dropValueList:last-child ul li {
    border-bottom: none;
}

.dropboxValueItem {
    padding: 10px 15px;
    font-size: 16px;
    line-height: 16px;
    background-color: var(--colorLight);
    height: 36px;
    padding-right: 35px;
    font-size: 15px;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customDropdownBox .customDropdownBoxChild {
    display: none;
}

.customDropdownBox.customDropdownBox2 .customDropdownBoxChild {
    display: block;
    top: 36px;
}

.customDropdownBox {
    position: relative;
}

.customDropdownBox .customDropdownBoxChild {
    position: absolute;
    background: var(--colorWhite);
    z-index: 10;
}

.customDropdownBoxSec {
    position: relative;
}

.propertyCountIcon {
    height: 24px;
    width: 24px;
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    background-color: var(--colorRed);
    color: var(--colorWhite);
    border-radius: 50%;
    font-family: var(--circularRegular);
}

.propertyDetailTileChild .filtersListItemsNew li.filtersLists {
    width: 25%;
    position: relative;
    z-index: 9;
    transition: all 0.3s ease;
}

.propertyDetailTileChild .filtersListItemsNew li.filtersLists.filtersLists2 {
    z-index: 10;
    transition: all 0.1s ease;
}

.propertyDetailTileChild .filtersListItemsNew li.filtersLists li {
    width: 100%;
}

.propertyDetailTileChild .filterItem.savedFilterListItem {
    position: relative;
    z-index: 9;
}

.cardTableDesign2 table tbody tr td:nth-child(2) .priceFlowFlip span {
    color: #006241;
}

.cardTableDesign2 table tbody tr td:nth-child(3) .priceFlowFlip span {
    color: #f56300;
}

.cardTableDesign2 table tbody tr td:nth-child(4) .priceFlowFlip span {
    color: #0066cc;
}

.sourcesSliderSection .sources-block {
    padding-left: 0;
    padding-right: 0;
}

.sourcesSliderSection #image-slie .slick-slider {
    margin-left: 0;
    margin-right: 0px;
    max-width: 100%;
}

.sourcesSliderSection .image-wraper {
    text-align: center;
}

.sourcesSliderSection .secSliderRight {
    padding-right: 0;
}

.propertyDetailTileChild .filtersListItemsNew {
    margin-left: 0;
    margin-right: 0;
}

.propertyDetailsTilesBox .savedFilterBox {
    margin-bottom: 20px;
}

.propertyDetailsTilesBox .savedFilterBox:last-child {
    margin-bottom: 0;
}

.analyser-search-box input {
    background-color: #f4f7fa;
    padding: 8px 0px 9px 48px;
    color: var(--colorBlack);
    border: 1px solid var(--colorGrey3);
    outline: none;
    box-shadow: none;
    border-radius: 6px;
    width: 330px;
    background-image: url(../img/search-gray.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.analyser-search-box input:focus {
    background-image: url('../img/search.png');
}

/* New Header Design */
.userInfo {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
}

.userIcon {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    overflow: hidden;
}

.userIcon img {
    height: 100%;
    width: 100%;
}

.userInfo span {
    color: #030229;
    font-family: var(--circularBold);
}

.userInfo span.myAccountLabel {
    font-size: 13px;
    line-height: 13px;
    font-family: var(--circularRegular);
    color: #A6ACBE;
    text-align: right;
}

.alertsLinkOptionNew {
    cursor: pointer;
    color: #A6ACBE;
    line-height: 20px;
}

.alertsLinkOptionNewChild {
    position: relative;
    line-height: 20px;
}

/* .alertsLinkOptionNew .alertsCount{
    position: absolute;
    top: -12px;
    right: -3px;
} */
.alertsIcon {
    color: #707070;
    margin-right: 10px;
    font-size: 20px;
    line-height: 16px;
}

.myAccHeader.myAccHeaderNew {
    padding: 2px 30px;
}

/* .myAccHeaderNew .myAccHeaderLogo{
    height: 68px;
} */
/* .alertsLinkOptionNew .alertsCount{
    height: 24px;
    width: 24px;
    font-size: 14px;
    line-height: 14px;
} */
.myAccHeaderNew .dropdown-toggle {
    padding-right: 20px;
}

.myAccHeaderNew .dropdown-toggle::after {
    display: none;
}

.myAccHeaderNew .dropdown-toggle::before {
    position: absolute;
    content: url('../img/dropArrow.png');
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alertsLinkOptionNew span:last-child {
    padding-top: 2px;
}

.myAccNavDd {
    margin-top: 0px !important;
}

.asideListNew ul {
    padding: 10px 10px 0;
}

#accSideNav a {
    background: transparent;
    padding: 20px 22px;
    width: 100%;
    font-size: 16px;
    color: #4F4E69;
    padding: 14px 18px;
}

#accSideNav a:hover,
#accSideNav a.active {
    background: #3787e3;
    box-shadow: 0px 10px 20px rgba(28, 28, 28, 0.13);
    border-radius: 10px;
    color: var(--colorWhite);
}

.asideListNew .link-item:not(:last-child) {
    margin-bottom: 2px;
}

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

.asideLinkRef .alideLinkIcon {
    height: 24px;
    width: 24px;
    margin-right: 20px;
    display: inline-block;
    float: left;
    margin-right: 14px;
}

.asideLinkRef:hover .alideLinkIcon path,
.asideLinkRef.active .alideLinkIcon path {
    stroke: var(--colorWhite);
}

.asideLinkRef:hover .alideLinkIcon circle,
.asideLinkRef.active .alideLinkIcon circle {
    stroke: var(--colorWhite);
}

.asideLinkRef2:hover .alideLinkIcon path,
.asideLinkRef2.active .alideLinkIcon path {
    fill: var(--colorWhite);
}

.asideLinkText {
    line-height: 16px;
}

.asideLinkRef3:hover .alideLinkIcon path,
.asideLinkRef3.active .alideLinkIcon path {
    /* stroke: initial; */
    fill: var(--colorWhite);
}

.asideLowerList {
    border-top: 1px solid #DFE3EE;
}

#accSideNav {
    padding-left: 10px;
    padding-right: 10px;
}

#accSideNav a.fontBold {
    font-family: var(--circularBold);
}

.modal-backdrop {
    top: 58px;
    top: 0;
}

.myAccNavDd {
    min-width: fit-content;
    left: -89%;
    top: 52px;
}

/* ---Dashboard Page---- */
.dashboardStepsChild {
    padding: 15px 15px;
    box-shadow: 0px 10px 20px 0px #00000021;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px;
    background: var(--colorWhite);
}

.counterTotal {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--circularBold);
    margin-right: 7px;
    height: 46px;
    width: 46px;
}

.dashboardStepsInner {
    display: flex;
    align-items: center;
}

/* .dashboardCountInfo {
    display: flex;
    flex-direction: column;
} */
.parentAmountSections{
    display: inline-flex;
    flex-direction: column;
}

.counterTotal {
    position: relative;
}

.counterTotal::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: 0;
}









.stepOne .counterTotal {
    color: var(--colorPrim);
    color: #52A959;
}
.stepOne .counterTotal:before {
    background: var(--colorPrim);
    background: #52A959;
    opacity: 0.15;
}
.stepOne .stepArrow svg path{
    stroke: #52A959;
}

.stepTwo .counterTotal {
    color: #FF0000;
    color: var(--colorPrim);
}
.stepTwo .counterTotal:before {
    background: #FF0000;
    background: var(--colorPrim);
    opacity: 0.15;
}
.stepTwo .stepArrow svg path{
    stroke: var(--colorPrim);
}

.stepThree .counterTotal {
    color: #52A959;
    color: #FF0000;
}
.stepThree .counterTotal:before {
    background: #52A959;
    background: #FF0000;
    opacity: 0.15;
}
.stepThree .stepArrow svg path{
    stroke: #FF0000
}

.stepFour .counterTotal {
    color: #FFC327;
}
.stepFour .counterTotal:before {
    background: #FFC327;
    opacity: 0.15;
}

/* .dashboardStepsChild .counterTotal {
    color: #030229;
} */

.dashboardStepsChild .stepCountHeading {
    text-transform: uppercase;
    font-family: var(--circularBold);
}

.dashboardStapsBox {
    margin-bottom: 20px;
}

.dashboardStapsBox .row {
    margin-left: -5px;
    margin-right: -5px;
}

.dashboardStapsBox .col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.dashboardTableTopLeftIcon {
    height: 46px;
    width: 46px;
    min-width: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.dashboardTableChild {
    background: var(--colorWhite);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    height: 100%;
}

.dashboardTablesBox,
.tableChartsChild {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.dashboardTablesBox .dashboardTable,
.tableChartsBox .dashboardTableChildSec {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.dashboardTableTopLeft {
    display: flex;
    justify-content: space-between;
}

.dashboardTableTopLeftSec {
    display: flex;
}

.dashboardTableTopLeftIcon {
    position: relative;
}

.dashboardTableTopLeftIcon::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: 0.15;
}

.areaResearchTable .dashboardTableTopLeftIcon::before {
    background: rgba(91, 147, 255, 1);
    background: rgba(82, 169, 89, 1);
}
.areaResearchTable .dashboardTableTopLeftIcon svg path{
    fill: #52A959;
}
.areaResearchTable .areaResearchTooldrop svg path{
    stroke: #52A959;
}

.leadsTable .dashboardTableTopLeftIcon::before {
    background: rgba(255, 143, 107, 1);
    background: var(--colorPrim);
}
.leadsTable .dashboardTableTopLeftIcon svg path {
    fill: var(--colorPrim);
}
.leadsTable .toolDropBox svg path{
    stroke: var(--colorPrim);
}

.leadsTable .dashButtonBox .dashButtonTransparent{
    background: rgba(71, 105, 255, .20);
}


.dashboardTableTopLeftSec2 {
    display: flex;
    flex-direction: column;
}

.dashboardTableTopLeftSec2Top {
    display: inline-flex;
}

.dashboardTableTopLeftSec2Top span:last-child {
    margin-left: 5px;
}

.dashboardTableTopLeftSec2Btm {
    color: #A6ACBE;
    line-height: 14px;
    margin-top: 10px;
    display: inline-block;
}

.dashboardTableTop {
    display: flex;
    border-bottom: 1px solid rgba(181, 181, 195, 1);
    padding-bottom: 10px;
    align-items: flex-end;
    justify-content: space-between;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    /* display: none; */
}

#DataTables_Table_0_length{
    display: none;
}

#DataTables_Table_0_info{
    font-size: 14px;
    margin-left: 10px;
    color: var(--colorWarmGrey);
}

table.dataTable.stripe>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
    box-shadow: none !important;
}

table.dataTable.hover>tbody>tr:hover>*,
table.dataTable.display>tbody>tr:hover>* {
    box-shadow: none !important;
}
table.dataTable tbody tr{
    cursor: pointer;
}
table.dataTable tbody tr:hover {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035) !important;
}

table.dataTable.display tbody tr:last-child td {
    border-bottom: none;
}

.tableHeadDataChild {
    flex-direction: column;
}

.dashTableBox tr th {
    font-size: 16px;
    line-height: 18px;
    font-size: 14px;
    line-height: 16px;
    color: #A6ACBE;
    font-family: var(--circularRegular);
    font-weight: normal;
}

.dashTableBox tr td {
    font-size: 16px;
    line-height: 16px;
    color: #030229b3;
}

.dashTableBox tr td.tableDataHeading {
    color: #030229;
}

.dashTableBox tr td.tableDataFor {
    color: #030229;
    opacity: 0.7;
}

table.dataTable thead th {
    font-weight: 400 !important;
    color: #A6ACBE;
}

.tableDataHeading {
    font-size: 18px;
    color: #030229;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_desc:after {
    font-size: .5em;
    line-height: 6px;
}

table.dataTable thead th {
    border-bottom: none;
    padding: 10px 5px 5px;
    height: 32px;
    vertical-align: initial;
}

table.dataTable tbody td {
    padding: 5px 5px;
    height: 39px;
}

table.dataTable tbody tr:first-child td {
    /* padding-top: 0; */
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}

.tableLeads span {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
    color: var(--colorPrim);
    margin: auto 0 auto auto;
}

.tableLeads span::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: rgba(71, 105, 255, 1);
    opacity: 0.20;
}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_desc:after {
    right: 8px;
    /* right: inherit; */
    /* left: 13px; */
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_desc:before {
    /* bottom: initial; */
    top: 10px;
}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_desc:after {
    top: 9px;
}

/* table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:before{

}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_desc:before{

} */
.tableChartsBox {
    margin-top: 20px;
}

.dealAnalyserChartBox .dashboardTableTopLeftIcon::before {
    background: rgba(82, 169, 89, 1);
    background: rgba(255, 0, 0, 1);
}
.dealAnalyserChartBox .dashboardTableTopLeftIcon svg path{
    fill: #FF0000;
}
.dealAnalyserChartBox .dashboardTableTopLeftSec2Top .toolDropBox svg path{
    stroke: #FF0000;
}

.portfolioChartBox .dashboardTableTopLeftIcon::before {
    background: rgba(255, 172, 0, 1);
}

.chartLabelsBox .chartLabelCounter {
    height: 24px;
    width: 24px;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 16px;
    line-height: 16px;
    color: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.chartLableList.chartLabelBtl .chartLabelCounter {
    background: #36b0c5;
}

.chartLableList.chartLabelHmo .chartLabelCounter {
    background: #006bb3;
}

.chartLableList.chartLabelFlip .chartLabelCounter {
    background: #03a494;
}

.chartLableList.chartLabelBrr .chartLabelCounter {
    background: #874f90;
}

.chartLableList.chartLabelR2sa .chartLabelCounter {
    background: #e4811f;
}

.chartLableList.chartLabelR2r .chartLabelCounter {
    background: #c62e1a;
}
.chartLableList.chartLabelR2rN .chartLabelCounter {
    background: #8bc61a;
}
.chartLableList.chartLabelB2sa .chartLabelCounter {
    background: #f66b84;
}
.chartLableList.chartLabelBrrHmo .chartLabelCounter {
    background: #999b9e;
}

.strategiesChartBox ul,
.offersChartBox ul {
    display: grid;
    grid-row-gap: 12px;
}
.chartLabelsBox{
    padding-top: 20px;
}
.strategiesChartBox .chartLabelsBox ul {
    grid-template-columns: auto auto auto;
}

.chartLableList .chartLabelHeading {
    color: #030229;
    opacity: 0.7;
}

.chartLableList.chartLabelPending .chartLabelCounter {
    background: #FFD66B;
}

.chartLableList.chartLabelAccepted .chartLabelCounter {
    background: #87EDA4;
}

.chartLableList.chartLabelDeclined .chartLabelCounter {
    background: #FF0000;
}

.chartLableList.chartLabelWithdrawn .chartLabelCounter {
    background: #B5B5C3;
}

.offersChartBox .chartLabelsBox ul {
    grid-template-columns: auto auto;
}

.dealAnalyserChartsInner2 {
    display: flex;
}

.dashboardChartSection {
    width: 50%;
    padding: 0px 10px 10px;
}

.strategiesChartBox.dashboardChartSection {
    border-right: 1px solid rgba(238, 240, 246, 1);
}

.dealAnalyserChartsInner {
    padding: 10px 0px;
}

.commonDashboardChartMain{
    height: 200px;
    width: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.commonDashboardChart {
    position: relative;
    height: 200px;
    width: 200px;
    
}

.basicChart {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    margin: -225px 0 0 -225px;
    margin: 0;
}

.doughnutTip {
    position: absolute;
    min-width: 30px;
    max-width: 150px;
    padding: 5px 15px;
    border-radius: 1px;
    background: rgba(0, 0, 0, .8);
    color: #ddd;
    font-size: 12px;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    letter-spacing: .06em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    pointer-events: none;

    &::after {
        position: absolute;
        left: 50%;
        bottom: -6px;
        content: "";
        height: 0;
        margin: 0 0 0 -6px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 6px solid rgba(0, 0, 0, .7);
        line-height: 0;
    }
}

.doughnutSummary {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #d5d5d5;
    text-align: center;
    text-shadow: 0 -1px 0 #111;
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px !important;
    height: 60px !important;
    margin-left: -30px;
    margin-top: -30px;
    border-radius: 50%;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.13);
}

.doughnutSummaryNumber {
    /* position: absolute; */
    top: 0;
    width: 100%;
    margin-top: 0;
    font-size: 24px;
    color: #000;
}

.basicChart path:hover {
    opacity: 1;
}

.doughnutSummary .doughnutSummaryTitle {
    display: none;
}
.basicChart svg path{
    stroke: transparent !important;
}
.dealAnalyserChartHead {
    text-align: center;
    margin-bottom: 10px;
    /* padding-top: 10px; */
}
.dashboardProgressBar{
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding-bottom: 18px;
}
.dashboardProgressBar .barValue{
    position: absolute;
    top: calc(100% - 15px);
    font-size: 14px;
    line-height: 14px;
    width: 35px;
    text-align: center;
    color: #A6ACBE;
    min-width: fit-content;
}
.barValue.barStartValue{
    left: 0;
}
.barValue.barEndValue{
    right: 0;
}
.dashboardBarsBoxs{
    display: flex;
    flex-wrap: wrap;
}
.dashboardBarsBoxs .dashboardBarsChild{
    width: 50%;
    padding-bottom: 15px;
    border-right: 1px solid #EEF0F6;
    padding-top: 10px;
    border-bottom: 1px solid #EEF0F6;
}
.dashboardBarsBoxs.dashboardBarsBoxsMid .dashboardBarsChild{
    padding-bottom: 25px;
}
.dashboardBarsBoxs .dashboardBarsChild:last-child{
    border-right: none;
}
.dashboardBarsBoxs:last-child .dashboardBarsChild{
    padding-bottom: 0;
    border-bottom: none;
}
.cardProgressValue{
    position: absolute;
    top: 100%;
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    color: #030229;
    font-family: var(--circularBold);
}
.barsSectionHeading{
    margin-bottom: 5px;
    color: #030229;
    opacity: 0.7;
}
.dashboardBarsSection{
    padding: 10px 0;
}
.toolDropBox:hover{
    cursor: pointer;
}
.dashButtonBox{
    display: inline-block;
    margin-bottom: 2px;
}
.dashButtonBox:last-child{
    margin-bottom: 0;
}
.dashButtonBox .dashButton{
    padding: 0px 3px;
    min-height: 22px;
    border: 1px solid #c0d5ed;
    color: var(--colorPrim);
    border-radius: 5px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.dashButtonBox .dashButton:hover{
    background: var(--colorPrim);
    color: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}
.dashButtonBox .dashButton:hover svg path{
    fill: var(--colorWhite);
}
.dashButton .dashButtonIcon{
    margin-right: 5px;
}
.dashButton .dashButtonText{
    font-size: 14px;
    line-height: 14px;
    font-family: var(--circularMedium);
}
.dashboardTableTopRight{
    padding-left: 5px;
}
.dashboardTableTopRightChild{
    display: flex;
    flex-direction: column;
}
.dashButton.dashButtonBlue{
    background: #F1F4FF;
    border: 1px solid #F1F4FF;
}

.dashButton.dashButtonRed{
    background: rgba(255, 143, 107, .2);
    border: 1px solid rgba(255, 143, 107, .2);
    color: #FF0000;
}
.dashButton.dashButtonRed:hover{
    background: #FF0000;
    border: 1px solid #FF0000;
    color: var(--colorWhite);
}
.dashButtonIcon.dashButtonIconNew{
    border: 1px solid var(--colorPrim);
    height: 18px;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dashButton.dashButtonTransparent:hover .dashButtonIcon.dashButtonIconNew{
    border: 1px solid var(--colorWhite);
}

.dashButton.dashButtonGreen{
    background: rgba(82, 169, 89, .15);
    border: 1px solid rgba(82, 169, 89, .15);
    color: #52A959;
}
.dashButton.dashButtonGreen:hover{
    background: #52A959;
    border: 1px solid #52A959;
    color: var(--colorWhite);
}

.dashButton.dashButtonYellow{
    background: rgba(255, 246, 227, 1);
    border: 1px solid rgba(255, 246, 227, 1);
    color: #FFAC00;
}
.dashButton.dashButtonYellow:hover{
    background: #FFAC00;
    border: 1px solid #FFAC00;
    color: var(--colorWhite);
}
.dashButton.dashButtonYellow:hover svg path{
    stroke: var(--colorWhite);
}
.dashButton.dashButtonYellow:hover svg path:first-child{
    stroke: var(--colorWhite);
    fill: #FFAC00;
}
.dashboardTableBottom .dataTables_scrollBody{
    max-height: 244px;
    overflow-y: auto;
}


.dashboardStepsChild .dashboardCountInfo span{
    color: rgba(3, 2, 41, .7);
}
.dashboardTableTopLeftSec2Top span:first-child{
    color: rgba(3, 2, 41, .7);
}
.dashboardBarsBoxs:first-child .dashboardBarsChild{
    padding-top: 0;
}
td.tablePostcodeArea {
    display: flex;
    align-items: center;
}
th.leadsCounts{
    width: 60px !important;
}
.dropDownSign{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transform: rotate(0deg);
    /* transition: all 0.3s ease; */
}
.filtersLists.filtersLists2 .dropDownSign{
    transform: rotate(180deg);
    /* transition: all 0.3s ease; */
} 
.chartLableList{
    display: flex;
    align-items: center;
}

/* table Custom Scroll */
.dashboardTableBottom .dataTables_scrollBody::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.dashboardTableBottom .dataTables_scrollBody::-webkit-scrollbar-track {
    background: transparent;
}
.dashboardTableBottom .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #DADCE4;
}
.dashButtonText2{
    display: none;
}
.form-check-input{
    border: 2px solid var(--colorPrimDark);
    background-image: url('../img/form-check-input.svg') !important;
}
.form-switch .form-check-input:checked{
    background-image: url('../img/form-checked-input.svg') !important;
}

.btnAnimate {
    animation: blink-animation 1s infinite;
}
.btnAnimate svg path{
    animation: blink-animation2 1s infinite;
}
@keyframes blink-animation {
    0% {
        background-color: #009e35;
    }
    50% {
        background-color: #ffffff;
    }
    100% {
        background-color: #009e35;
    }
}
@keyframes blink-animation2 {
    0% {
        fill: #ffffff;
    }
    50% {
        fill: #009e35;
    }
    100% {
        fill: #ffffff;
    }
}

table.dataTable thead>tr>th.sorting:before,
thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_desc:before{
    content: '\f175';
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
}
table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_asc:after{
    content: '\f176';
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
}
table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_desc:after{
    font-size: 0.8em;
    line-height: 1rem;
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before{
    right: 17px;
    /* right: inherit;
    left: 5px; */
}


table.dataTable thead>tr>th.sorting, 
table.dataTable thead>tr>th.sorting_asc, 
table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting_asc_disabled, 
table.dataTable thead>tr>th.sorting_desc_disabled, 
table.dataTable thead>tr>td.sorting, 
table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, 
table.dataTable thead>tr>td.sorting_asc_disabled, 
table.dataTable thead>tr>td.sorting_desc_disabled{
    padding-right: 35px;
    /* padding-right: 8px; */
    /* padding-right: 5px;
    padding-left: 35px; */
}

table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_asc:after, 
table.dataTable thead>tr>th.sorting_desc:before, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>th.sorting_asc_disabled:before, 
table.dataTable thead>tr>th.sorting_asc_disabled:after, 
table.dataTable thead>tr>th.sorting_desc_disabled:before, 
table.dataTable thead>tr>th.sorting_desc_disabled:after, 
table.dataTable thead>tr>td.sorting:before, 
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.sorting_asc:before, 
table.dataTable thead>tr>td.sorting_asc:after, 
table.dataTable thead>tr>td.sorting_desc:before, 
table.dataTable thead>tr>td.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_asc_disabled:before, 
table.dataTable thead>tr>td.sorting_asc_disabled:after, 
table.dataTable thead>tr>td.sorting_desc_disabled:before, 
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    opacity: .25;
}
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_asc:before, 
table.dataTable thead>tr>td.sorting_desc:after {
    opacity: .8;
}
.searchFilterToggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.searchFilterToggle span{
    line-height: 13px;
    margin-left: 3px;
}
.searchDropdownFilter .searchFilterToggle{
    margin-bottom: 16px;
}
.searchDropdownFilter .searchFilterDropBox {
    display: none;
}
/* .searchDropdownFilter2 .searchFilterDropBox{
    display: block;
} */
.searchDropdownFilter .searchFilterToggle svg line:first-child{
    display: inline-block;
}
.searchDropdownFilter.searchDropdownFilter2 .searchFilterToggle svg line:first-child{
    display: none;
}
.graphCardChildTopSec.graphCardChildTopTitle h2{
    font-family: var(--circularMedium);
}

.saveFilterBtnBox .filtersListsItem.saveFilterBtn{
    width: auto;
    display: inline-block;
    float: left;
    /* width: 120px; */
}
.newFiltersBoxNewSec .newFilterLinks{
    padding-right: 8px;
    justify-content: center;
    color: var(--colorWarmGrey);
}
.newFiltersBoxNewSec .newFilterLinks:hover{
    background-color: var(--colorPrim);
    color: var(--colorWhite);
}


.findAreasPageNew .findAreaTop{
    margin-bottom: 10px;
}
.findAreasPageNew .findAreaTopChild {
    display: flex;
    align-items: center;
}
.findAreasPageNew .findAreaTopLeft{
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
}
.findAreasPageNew .findAreaTopLeft::after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(82, 169, 89, .1)
}
.findAreaPageSection {
    display: flex;
}
.findAreaFilterSection{
    background-color: var(--colorWhite);
    border-radius: 10px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    padding: 12px 12px;
}
.findAreaPageSection .findAreaFilterPage{
    width: 350px;
    min-width: 350px;
}

.downloadCsvBox a{
    height: 27px;
    border-radius: 4px;
    display: inline-block;
}
.findAreaTopRightHeading{
    color: rgba(3, 2, 41, 0.7);
} 
.findAreaTopRightText{
    color: rgba(166, 172, 190, 1);
}

.colorLightDark{
    color: rgba(3, 2, 41, 0.7);
}

.filtersSectionChild.filtersSectionChildNew .customCheckBox{
    padding: 0;
    width: 100%;
    margin-bottom: 0;
    line-height: normal;
}
.childFilters.childFiltersNew{
    margin-left: 0;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 8px;
    grid-row-gap: 5px;
}
.filtersSectionChildNew .parentFilter{
    margin-bottom: 5px;
}
.filtersSectionChild.filtersSectionChildNew .customCheckBox input[type="checkbox"]+label {
    padding-left: 20px;
}
.findAreaInputs .areaChildInputs{
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
}
.findAreaChecksSection{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.filterFormSecLabel{
    margin-bottom: 2px;
}
.findAreaInputs .findAreaInputChild {
    margin-bottom: 10px;
}
.flexBtn{
    display: inline-flex;
    align-items: center;
}
.moreSectionChild{
    position: relative;
    width: fit-content;
}
.moreSectionDropDown{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    top: 30px;
    background: #fff;
    min-width: fit-content;
    min-width: max-content;
    z-index: 2;
}
.moreSectionChild.moreSectionChild2 .moreSectionDropDown{
    opacity: 1;
    visibility: visible;
}
.moreSectionDropDown{
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
}
.moreSectionDropDown a{
    width: 100%;
    display: block;
    padding: 5px 8px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    min-width: max-content;
}
.moreSectionDropDown a:hover{
    color: var(--colorPrim);
}
.inputSectionChild{
    margin-bottom: 15px;
}
.clonedParentLabel{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.onRemoveClone{
    font-size: 14px;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--colorRed1);
    background-color: var(--colorWhite);
}
.onRemoveClone:hover{
    color: var(--colorWhite);
    background: var(--colorRed1);
}
.findAreaInputs.countsFilters{
    margin-bottom: 5px;
}
.findAreaBottom {
    margin-top: 15px;
}
.findAreaBottom .dashButtonGreen{
    width: auto;
    padding: 6px 25px;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-weight: 700;
    margin: 0 auto;
}
.findAreaFilterTable{
    margin-left: 15px;
    width: calc(100vw - 735px);
    /* width: calc(100vw - 718px); */
    /* position: sticky; */
    /* top: 130px; */
    /* height: calc(100vh - 132px); */
    height: 100%;
}
table.filterTableBox.dataTable tr,
table.filterTableBox.dataTable td{
    border-right: 1px solid #ddd;
}
table.filterTableBox.dataTable tbody td:first-child{
    padding-top: 5px;
}
table.filterTableBox.dataTable thead th{
    border-bottom: 1px solid #ddd;
}
.filterTableBox .stickyCell{
    position: sticky !important;
    background: var(--colorWhite);
    z-index: 1;
    left: 0;
}
/* .filterTableBox .stickyTableHeader::after, */
.filterTableBox .stickyTableData::before,
.filterTableBox .stickyTableData::after{
    position: absolute;
    content: '';
    background: #ddd;
}
.filterTableBox .stickyTableData::before{
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
}
/* .filterTableBox .stickyTableHeader::after, */
.filterTableBox .stickyTableData::after{
    width: 1px;
    height: 100%;
    right: -1px;
    top: 0;
}

table.filterTableBox{
    border-collapse: collapse;
}
table.filterTableBox.dataTable tbody td{
    height: auto;
    font-size: 13px;
    line-height: 14px;
    padding: 6px 8px;
    height: 16px;
}

.filterTableSection {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.filterTableSection .dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.filterTableSection .dataTables_scrollBody::-webkit-scrollbar-track {
    background: transparent;
}
.filterTableSection .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #DADCE4;
}
table.filterTableBox.dataTable td.stickyTableData{
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
table.filterTableBox.dataTable tr.stickyTableHeader{
    border-right: 1px solid transparent;
}
table.filterTableBox.dataTable tr:hover{
    box-shadow: none;
}
table.filterTableBox.dataTable tr:hover td{
    background-color: #eee;
}

table.filterTableBox.dataTable thead th{
    border-right: 1px solid #ddd;
    background: #f5f5f5;
}
table.filterTableBox.dataTable thead th.stickyTableHeader{
    border-right: 1px solid transparent;
}
table.filterTableBox.dataTable thead th .tableHeaderBorder{
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    top: 0;
    right: -1px;
    background: #ddd;
}
table.filterTableBox.dataTable tbody tr:first-child td {
    padding-top: 6px;
}
table.filterTableBox.dataTable tbody tr:last-child td{
    /* margin-bottom: 10px; */
    border-bottom: 1px solid #ddd;
}
table.filterTableBox.dataTable tr th:last-child,
table.filterTableBox.dataTable tr td:last-child{
    border-right: 1px solid transparent;
}
.filterTableSection .dataTables_scrollBody{
    max-height: calc(100vh - 303px);
    max-height: calc(100vh - 315px);
    max-height: calc(100vh - 322px);
    /* max-height: calc(100% - 200px); */
}
.tableFilterBottomSpan span{
    padding-left: 2px;
}
.tableFilterBottom{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
.findAreaFilterTable .filterTableChild {
    position: relative;
}
.filterTableSection .dataTables_wrapper .dataTables_filter{
    display: block;
    position: absolute;
    top: -60px;
    right: 0;
}
.filterTableSection .dataTables_wrapper .dataTables_filter input{
    font-size: 14px;
    line-height: 14px;
    /* background-color: var(--colorLight); */
    border-radius: 5px;
}
.filterTableSection .dataTables_wrapper .dataTables_filter input::placeholder{
    color: #ccc;
}
.filterTableSection .dataTables_wrapper .dataTables_filter label{
    font-size: 15px;
    line-height: 15px;
}
.filterTableSection .dataTables_wrapper .dataTables_filter input:focus,
.filterTableSection .dataTables_wrapper .dataTables_filter input:focus-visible{
    outline: none;
}

.filterTableSection .customCheckBox input[type="checkbox"]+label{
    font-size: 14px;
    line-height: 20px;
    font-family: var(--circularRegular);
    color: #A6ACBE;
    padding-left: 16px;
    height: 16px;
    width: 16px;
}
.tableStickyCheckbox .customCheckBox{
    margin-bottom: 0;
}

.customCheckBox.customTableCheckbox input[type="checkbox"]:checked+label::before, 
.customCheckBox.customTableCheckbox input[type="checkbox"]:not(:checked)+label::before{
    height: 16px;
    width: 16px;
}
.customCheckBox.customTableCheckbox input[type="checkbox"]:checked+label::after{
    left: 5px;
    top: 3px;
}
.customCheckBox.customTableCheckbox input{
    height: 16px;
    width: 16px;
}
.filterTableBox .tableStickyCheckbox{
    width: 20px !important;
    min-width: 20px !important;
}
.filterTableBox .stickyPostcode{
    width: 55px ;
    min-width: 55px !important;
}
.filterTableBox .stickyBedrooms{
    width: 55px ;
    min-width: 55px !important;
}

.filterTableBox tr .tableStickyCheckbox  {
    left: 0;
}
.filterTableBox tr .stickyPostcode{
    left: 60.5px;
}
.filterTableBox tr .stickyBedrooms{
    left: 160px;
}
table.filterTableBox.dataTable thead th{
    padding: 5px 5px;
}
/* table.filterTableBox.dataTable tbody td{
    text-align: center;
} */
.filterAreaMapBox {
    margin-top: 20px;
}
.toggleRegionChecks{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.findAreaChecksLists{
    display: none;
}
.findAreaChecksSection .toggleDivIcon{
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
.findAreaChecksSection.findAreaChecksSection2 .toggleDivIcon{
    transform: rotate(180deg);
    transition: all 0.3s ease;
}
.toolDropBoxNew{
    padding-left: 3px;
}
.findAreaChecksLists .filtersSectionChild{
    margin-top: 5px;
}
/* .stickyHeaderCheckbox::after,
.stickyHeaderCheckbox::before{
    display: none !important;
}
.stickyHeaderCheckbox{
    padding-left: 15px !important;;
    padding-right: 15px !important;;
}*/
table.filterTableBox.dataTable thead th{
    color: var(--colorBlack)
} 
.rotateImage{
    transform: rotate(180deg);
}
.toggleFilterDiv{
    display: none;
}
.filterTableSection .dataTables_scrollHead{
    background: #f5f5f5;
}
.filterAreaRightSection .toggleFilterDiv{
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
.filterAreaRightSection.filterAreaRightSection2 .toggleFilterDiv{
    transform: rotate(180deg);
    transition: all 0.3s ease;
}


.dashboardTableTop{
    border-bottom: none;
}
.customTableDesign {
    border: 1px solid #ddd;
}
.customTableDesign table.dataTable thead th{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /* background: #f5f5f5; */
    color: #000;
}
.customTableDesign table.dataTable thead th:last-child{
    border-right: none;
}
.customTableDesign table.dataTable tbody tr td{
    /* border-right: 1px solid #ddd; */
}
.customTableDesign table.dataTable tbody tr td:last-child{
    border-right: none;
}

.customTableDesign table.dataTable tbody tr td .tableAnchor{
    color: #030229b3;
    display: flex;
    align-items: center;
}
.onAddMoreSection {
    cursor: pointer;
}
.filterTableSection .dataTables_wrapper .dataTables_filter{
    top: -50px;
    right: 38px;
}
.findAreaTopRightParent{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.toggleTableViewLink{
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}
.toggleTableViewLink:hover{
    background: var(--colorGreenTheme);
}
.toggleTableViewLink:hover svg path{
    stroke: var(--colorWhite);
}

.largetable-scroller{
    overflow: visible;
}


.findAreaFilterTable .largetable-maximized .largetable-scroller{
    padding: 65px 20px 20px;
    align-items: flex-start;
}
.findAreaFilterTable .largetable-maximized .largetable-scroller .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{
    position: relative;
    overflow: auto;
    width: 100%;
    max-height: calc(100vh - 170px);
    max-height: calc(100vh - 210px);
}
.findAreaFilterTable .largetable-maximized .largetable-scroller .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    /* width: 5px;
    height: 5px; */
}

.findAreaFilterTable .largetable-maximized .largetable-scroller .dataTables_wrapper{
    width: 100%;
}
.largetable.largetable-maximized .dataTables_scroll{
    border: 1px solid #ddd;
}
.findAreaFilterTable .largetable-maximized .largetable-scroller .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable{
    width: calc(100% - 5px) !important;
    width: 100% !important;
}

/* .findAreaFilterTable .largetable .largetable-scroller .dataTables_scrollHead .dataTables_scrollHeadInner{
    width: calc(100% - 5px) !important;
} */

.closeLargeTableBtn{
    position: absolute;
    top: 15px;
    right: 20px;
}
.closeLargeTableBtn .onCloseLargeTable{
    height: 29px;
    width: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--colorRed);
    border: 1px solid var(--colorRed);
    cursor: pointer;
    border-radius: 4px;
}
.closeLargeTableBtn .onCloseLargeTable:hover{
    background-color: var(--colorRed);
    color: var(--colorWhite);
}

.dealAnalyserChartBox .dashboardTableTop,
.portfolioChartBox .dashboardTableTop{
    border-bottom: 1px solid rgba(181, 181, 195, 1);
}

.counterContainer{
    display: flex;
}
.counterContainer .mix{
    height: 100%;
    width: 100%;
    background-color: red;
    margin: 10px;
}


.userLeadsPageNew .topLeftBoxChild{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background-color: var(--colorPrim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--colorWhite);
}

.areaResearchPage .topLeftBoxChild{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background-color: var(--colorGreenTheme);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--colorWhite);
}

.savedFilterListItem .savedFilterTooltip{
    z-index: 11;
}

.btnStyle.newBtnDesign{
    font-size: 14px;
    line-height: 16px;
    padding: 4px 6px;
    display: inline-block;
    text-transform: capitalize;
    background: var(--colorWhite);
    color: var(--colorWarmGrey);
    text-align: center;
    border: 1px solid #dbdbdb;
    font-family: var(--circularRegular);
}
.btnStyle.newBtnDesign:hover{
    background: var(--colorPrim);
    color: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}
.userLeadsFilters{
    display: flex;
    /* grid-template-columns: 16% 16% 16% 16% 16% 16%; */
    gap: 3px 8px;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 4px 6px;
}
/* .topMidBoxChildNew{
    gap: 10px;
} */
.topMidBoxChildNew {
    flex-wrap: inherit;
    gap: 15px;
}
.showAllFiltersBtn.showAllFiltersBtnActive,
.showAllFiltersBtn.mixitup-control-active,
.savedFilterLink.mixitup-control-active{
    background: var(--colorPrim);   
    color: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}
 
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip{
    right: inherit;
    left: -370px;
}
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::before,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::after{
    left: inherit;
    right: -10px;
}
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::before{
    border-right: initial;
    border-left: 10px solid #dbdbdb;
}
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::after{
    border-right: initial;
    border-left: 10px solid var(--colorWhite);
}
.topLeftBoxWebNew{
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
.newSearchBtn a{
    width: 100%;
}

.leadsFilterLink{
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.leadsFilterLink .leadsFilterCounter{
    position: absolute;
    right: 3px;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid var(--colorPrim);
    background-color: var(--colorPrim);
    color: var(--colorWhite);
    font-size: 12px;
    line-height: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.leadsFilterLink.mixitup-control-active .leadsFilterCounter,
.leadsFilterLink:hover .leadsFilterCounter,
.savedFilterListItem.savedFilterListItemActive2 .leadsFilterLink .leadsFilterCounter{
    background-color: var(--colorWhite);
    color: var(--colorPrim);
}
.savedFilterLinkList .savedFilterLink.leadsFilterLink{
    padding-right: 30px;
}
.topMidBoxLeftNew{
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
.userLeadsFilters .savedFilterListItem{
    width: 15.7%;
    min-width: 15.7%;
    width: 16%;
    min-width: 16%;
}
.topLeftBoxMobNew{
    display: none;
}
.topLeftBoxNew{
    display: flex;
}
.topLeftBoxNew .topLeftBoxChild{
    margin-right: 5px;
}
.topLeftBox.topLeftBoxWebNew .btnTabsCont{
    flex-direction: row;
}
.topMidBoxLeftNew,
.topLeftBoxWebNew{
    height: 90px
}
.topLeftBoxNewChild{
    display: flex;
    flex-direction: row;
}
.propImageCard .vendorTag span{
    padding: 2px 7px 2px 7px;
}
.userLeadsFilterToggleLink{
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.userLeadsFilterToggleBox {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px;
    padding-bottom: 5px;
    display: none;
}
.topSectionFilterBox{
    display: block;
}
.userLeadsFilterToggleLink,
.userLeadsFilterToggleLink:hover,
.userLeadsFilterToggleLink:focus {
    color: rgba(3, 2, 41, 0.7);
}
#accSideNav a,
.asideLinkRef{
    display: flex;
    align-items: center;
}
.asideLinkRef span:last-child{
    display: flex;
    align-items: center;
}
.event-count-notifier{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.dashBoxPageSection{
    padding: 12px 12px;
    border-radius: 4px;
    background: var(--colorWhite);
}
.dashBoxPageSection.topMidBox{
    margin-top: 10px;
}
.userLeadsPageNew .topLeftBoxChild{
    height: 50px;
    width: 50px;
    min-width: 50px;
}
.topMidBoxLeftNew, .topLeftBoxWebNew {
    height: 100%;
}
.topMidBoxLeftNew span{
    color: var(--colorWarmGrey);
}
.topMidBoxLeftNew h2{
    color: #030229;
    opacity: 0.7;
}

.topLeftBoxNew{
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.topLeftBoxNewChild2{
    display: flex;
}
.filterShowBtns{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #A6ACBE;
}
.userLeadsPageNew .topLeftBox .btnTabsCont a{
    margin-bottom: 0;
}
.filterShowBtns .showAllFiltersBox1:not(:first-child){
    margin-left: 5px;
}
.leadsFilterDropdownBox{
    display: none;
}
.leadsFilterToggleLink .toggleDivIcon{
    transform: rotate(0deg);
    transition: all 0.3s ease;
    display: inline-block;
    margin-left: 7px;
}
.leadsFilterToggleLink.leadsFilterToggleLink2{
    background-color: var(--colorPrim);
    color: var(--colorWhite);
}
.leadsFilterToggleLink.leadsFilterToggleLink2 .toggleDivIcon{
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.topLeftBox .btnTabsCont.btnTabsContNew a,
.userLeadsPageNew .topLeftBox .btnTabsCont a{
    border: 1px solid var(--colorPrim);
    height: 26px;
    color: var(--colorPrim);

    border: 1px solid #dbdbdb;
    color: var(--colorWarmGrey);
}
.topLeftBox .btnTabsCont.btnTabsContNew a:hover,
.topLeftBox .btnTabsCont.btnTabsContNew a.active,
.userLeadsPageNew .topLeftBox .btnTabsCont a.active{
    color: var(--colorWhite);
}

.dashboardStepsChild {
    box-shadow: 0px 0px 10px 0px #00000015;
}
.dashboardStepsChild:hover{
    box-shadow: 0px 0px 10px 3px #00000025;
}

.commonDashboardTable .dataTables_wrapper .dataTables_filter,
.commonDashboardTable .dataTables_wrapper .dataTables_info,
.commonDashboardTable .dataTables_wrapper .dataTables_paginate{
    display: none;
}
.userLeadsFilters{
    justify-content: flex-start;
}
.userLeadsFilters .savedFilterListItem{
    width: 19.5%;
    min-width: 19.5%;
}
.topLeftBox .btnTabsCont.btnTabsContNew{
    flex-direction: column;
    margin: 0;
    gap: 5px;
}
.topLeftBox .btnTabsCont.btnTabsContNew a{
    margin-left: 0;
}
.topLeftBoxNewChild2{
    align-items: center;
}
.filterShowBtns{
    border-right: none;
    margin-right: 0px;
}
.topLeftBoxNewSection{
    border-left: 1px solid #A6ACBE;
    padding-left: 10px;
}
.leadsFilterToggleLink.btnStyle.newBtnDesign{
    background: var(--colorWhite);
    color: var(--colorWarmGrey);
    border: 1px solid #dbdbdb;
}
.leadsFilterToggleLink.leadsFilterToggleLink2.btnStyle.newBtnDesign{
    background: var(--colorPrim);
    color: var(--colorWhite);
}
.dashHeadingTopSection{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashBoxPageSection .header-map{
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.topLeftBoxWebNewDesign .btnTabsCont{
    flex-direction: column;
}
.topMidBoxChildNewSection{
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.topMidBoxChildNewLeft{
    display: flex;
    align-items: center;
}
.topMidBoxNewDesign.topMidBoxNewDesign2{
    width: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
    border-left: 1px solid #A6ACBE;
}
.topMidBoxChildNewRight .filtersListsItem{
    margin-right: 0;
}
.topLeftBox .btnTabsCont.btnTabsContNew a{
    margin-bottom: 0;
}
.topMidBoxChildNewLeft .filtersListsItem,
.topMidBoxChildNewRight .filtersListsItem{
    margin-bottom: 0;
}
.topMidBoxNewDesign2 .topMidBoxChildNewSection{
    gap: 10px 10px;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
}
.topMidBoxChildNewSection .topMidBoxChildNewLeft{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    gap: 10px 5px;
}
.topMidBoxChildNewSection .topMidBoxChildNewLeft .filtersListsItem{
    margin-right: 0;
    margin-bottom: 0;
}
.customButtonNewSec{
    min-width: fit-content;
    padding-right: 8px;
}
.newFiltersBoxNewSec .newFilterLinks{
    color: var(--colorPrim);
    border: 1px solid var(--colorPrim);

    border: 1px solid #dbdbdb;
    color: var(--colorWarmGrey);
}
.saveFilterBtnBoxNewSec{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
}
.customButtonNewSec svg{
    padding-right: 3px;
}
.customButtonNewSec:hover svg path{
    fill: var(--colorWhite);
}
.topLeftBoxNewSectionMob{
    display: none;
}

.customSelect2 .select2-container{
    width: 100% !important;
}

/* .customSelect2 .select2-container--default .select2-selection--multiple{
    border: none;
    display: flex;
    flex-direction: column-reverse;
    padding-right: 0;
} */
/* .customSelect2 .select2-search.select2-search--inline{
    width: 100% !important;
    border: 1px solid #ddd;
    display: block;
    border-radius: 4px;
    padding: 2px 10px;
} */
.customSelect2 .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin: 0;
    font-size: 13px;
    background: var(--colorWhite);
}
.customSelect2 .select2-container .select2-selection--multiple .select2-selection__rendered{
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    margin-top: 0px;
    padding: 0;
}

.select2-dropdown .select2-results__option{
    font-size: 14px;
    line-height: 14px;
}

.customSelect2 .select2-container--default .select2-search--inline .select2-search__field{
    margin-left: 0;
    margin-top: 0;
    height: 24px;
}
.selectLocationFilterHead{
    margin-bottom: 5px;
    color: var(--colorWarmGrey);
}
.sectionSeparator{
    position: relative;
    text-align: center;
}
.sectionSeparator::after{
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background: #ddd;
    left: 0;
    top: 50%;
}
.sectionSeparator span{
    font-size: 14px;
    background: #fff;
    z-index: 2;
    position: relative;
    padding: 0 5px;
}


/*-------------*/

.customCommonTable table tr th:first-child,
.customCommonTable table tr th:nth-child(2),
.customCommonTable table tr th:nth-child(3),
.customCommonTable table tr td:first-child,
.customCommonTable table tr td:nth-child(2),
.customCommonTable table tr td:nth-child(3){
    z-index: 2;
}
.customCommonTable table tr td{
    background: var(--colorWhite);
}


.customCommonTable table tr td:first-child::after,
.customCommonTable table tr td:nth-child(2)::after,
.customCommonTable table tr td:nth-child(3)::after{
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    right: -1px;
    top: 0;
    background: #ddd;
}
.customCommonTable table tr th:nth-child(2),
.customCommonTable table tr td:nth-child(2){
    left: 44.5px !important;
}
.customCommonTable table tr th:nth-child(3),
.customCommonTable table tr td:nth-child(3){
    left: 146.72px !important;
}
.customCommonTable .dataTables_info{
    display: block;
    padding-top: 3px;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 8px;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button{
    width: 30px;
    min-width: 30px;
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    border: none !important;
    font-size: 14px;
    background: #e5f2e6;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    border: none;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: var(--colorWhite) !important;
    background: var(--colorGreenTheme);
    border: none;
    box-shadow: none;
}
/*.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous,*/
/*.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next{*/
/*    width: auto;*/
/*}*/
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    background: transparent;
    border: none;
    color: inherit!important;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    opacity: 1;
    font-size: 0px;
    position: relative;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before,
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{
    position: absolute;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Font Awesome 5 FREE';
    color: var(--colorWarmGrey);
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before{
    content: '\f053';
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{
    content: '\f054';
}
.filterTableSection .dataTables_scrollBody{
    max-height: calc(100vh - 380px);
}
.tableZoomToggleIcon{
    padding: 5px;
}
.tableZoomToggleIcon:hover path{
    fill: var(--colorWhite);
}



.customSelect2 .select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding-left: 20px;
}
.customSelect2 .select2-container .select2-selection--multiple.select2-selection--custom{
    min-height: 0;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #aaa !important;
}
.customSelect2 .select2-container .select2-selection--multiple.select2-selection--custom{
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.filterByCityTown ::placeholder{
    color: #ccc;
}
.customSelect2 .select2-container .select2-selection--multiple--custom .select2-search--inline{
    width: 100% !important;
}
.customSelect2 .select2-container--default.select2-container--focus .select2-selection--multiple,
.customSelect2 .select2-container--default .select2-selection--multiple{
    padding: 5px !important;
}
.customSelect2 .select2-container .select2-selection--multiple--custom .select2-search--inline{
    font-size: 14px;
}
.customSelect2 .select2-container--default .select2-selection--multiple .select2-selection__clear{
    display: none !important;
}

.findAreaTopChildSec{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fieldResetLink svg{
    height: 35px;
    width: 35px;
}

.filterTableSection .dataTables_wrapper .dataTables_filter input{
    width: 193px;
}
.savedFilterListItem.lowestCount {
    position: relative;
    z-index: 9;
}
.savedFilterListItem.lowestCount:hover{
    cursor: not-allowed;
}
.savedFilterListItem.lowestCount::before{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: transparent;
}
.savedFilterListItem.lowestCount .leadsFilterLink .leadsFilterCounter{
    background: #ccc;
    color: var(--colorblack);
    border: 1px solid #ccc;
}
.savedFilterListItem.lowestCount .leadsFilterLink:hover{
    cursor: not-allowed;
}
.savedFilterListItem.savedFilterListItemActive.lowestCount .savedFilterLink,
.savedFilterListItem.savedFilterListItemActive2.lowestCount .savedFilterLink{
    background: var(--colorWhite);
    color: var(--colorWarmGrey);
}

.findAreaMapMarkerDetail{
    display: flex;
    flex-direction: column;
}
.findAreaMapMarkerDetail .mapMarkerHeading{
    margin-bottom: 3px;
    color: var(--colorPrim);
    display: block;
    float: left;
    font-size: 115%;
    text-transform: capitalize;
}
.findAreaMapMarkerDetail .mapMarkerDetailList{
    margin-bottom: 5px;
    color: #707070;
    display: inline-block;
    float: left;
}
.findAreaMapMarkerDetail .mapMarkerDetailList:last-child{
    margin-bottom: 0;
}
.addAreaLinkMap{
    display: block;
    float: left;
    margin-top: 3px;
}
.addAreaLinkText{
    text-decoration: underline;
}
.searchFilterToggle{
    cursor: pointer;
}
.leadsFilterToggle.form-switch-row{
    display: inline-flex;
    margin-bottom: 0;
}
.leadsFilterToggle.form-switch-row label{
    min-width: fit-content;
}
.showAllFiltersBox1{
    display: inline-block;
    float: left;
}
.topLeftBoxNewChild{
    align-items: center;
}
.feather.featherNew{
    width: 14px;
    height: 14px;
    /* margin-right: 3px; */
}
.fixedHeightBtn{
    height: 26px;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    float: left;
}
.filterShowBtnsLatest{
    display: flex;
    align-items: center;
}
.btnStyle:hover .featherDefault path{
    fill: var(--colorWhite);
}
.allAreaButton.allAreaButtonNew{
    width: auto;
}

.filterShowBtns.filterShowBtnsNew .showAllFiltersBox1:not(:first-child){
    margin-left: 0px;
}
.filterShowBtns.filterShowBtnsNew{
    display: inline-flex;
    gap: 5px 5px;
}
.topLeftBoxNewChild2New{
    min-width: auto !important;
    display: grid;
    grid-template-columns: auto auto;
}
.filterShowBtns.filterShowBtnsNew{
    min-width: auto !important;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
}
.leadsFilterToggle.form-switch-rowNew{
    min-width: fit-content;
    display: flex !important;
}
.mobViewTabsGrid{
    display: none;
}
.topLeftBoxNewChildLatestSec{
    justify-content: space-between;
}
.topLeftBoxNewChildLatestSec .topLeftBoxNewChildSec{
    display: flex;
    align-items: center;
}
.mobViewIconSec{
    display: none;
}


.onMarketPageBox .savedFilterListItem .savedFilterTooltip{
    right: initial;
    left: -370px;
}
.onMarketPageBox .savedFilterTooltipChild::before{
    left: inherit;
    right: -12px;
    border-right: inherit;
    border-left: 11px solid #dbdbdb;
}
.onMarketPageBox .savedFilterTooltipChild::after{
    left: inherit;
    right: -11px;
    border-right: inherit;
    border-left: 10px solid var(--colorWhite);
}
/* .findAreaLableTopDesign{
    display: flex;
    align-items: center;
    justify-content: space-between;
} */
.customCheckBox.customCheckBoxLabel{
    margin-bottom: 0;
}
.customCheckBox.customCheckBoxLabel input[type="checkbox"]+label{
    font-size: 12px;
    line-height: 12px;
    min-width: max-content;
    padding-left: 18px;
    color: rgba(3, 2, 41, 0.7);
}
.customCheckBox.customCheckBoxLabel input[type="checkbox"]:checked+label::before, 
.customCheckBox.customCheckBoxLabel input[type="checkbox"]:not(:checked)+label::before{
    height: 14px;
    width: 14px;
    top: -1px;
}

.customCheckBox.customCheckBoxLabel input[type="checkbox"]:checked+label::after {
    height: 8px;
    width: 5px;
    left: 5px;
    top: 1px;
}
.newFiltersBoxNewSec .newFilterLinks.transparentGreenBtn,
.transparentGreenBtn {
    border-color: var(--colorGreen);
    background: var(--colorWhite);
    color: var(--colorGreen);
}
.newFiltersBoxNewSec .newFilterLinks.transparentGreenBtn:hover, 
.transparentGreenBtn:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
}
.newFiltersBoxNewSec .newFilterLinks.transparentGreenBtn svg path{
    fill: var(--colorGreen);
}
.newFiltersBoxNewSec .newFilterLinks.transparentGreenBtn:hover svg path{
    fill: var(--colorWhite);
}

.filterTableBox tr th:first-child{
    padding-right: 20px !important;
}
.filterTableBox tr th:first-child::before,
.filterTableBox tr th:first-child::after{
    display: none !important;
}

table.filterTableBox.dataTable thead th{
    padding: 5px 8px;
}
.stickyTopbarBox{
    position: sticky;
    top: 57px;
    z-index: 10;
}
.topbarShadowBox{
    position: relative;
    z-index: 0;
    box-shadow: 0px 4px 7px 1px rgba(0,0,0,0.08)
}
.newFiltersBox.newFiltersActive .newFilterLinks span.counterBox{
    color: var(--colorPrim) !important;
    background: #fff;
}

.filterTableSection{
    position: relative;
}
.tableLoader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: rgba(0,0,0,0.1);
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* Email Preference Page */
.preferencesMailBoxChild{
    display: flex;
    align-items: center;
    margin: 40px 0px;
}
.preferencesMailBoxChild label{
    padding-right: 10px;
    color: var(--colorWarmGrey);
}
.preferenceMailInner{
    display: flex;
    align-items: center;
}
.preferenceMailInner .preferenceMailButtons a{
    margin-left: 15px;
    display: inline-block;
    float: left;
}
.preferenceNotesList .preferenceNotesItem{
    margin-bottom: 5px;
    position: relative;
    padding-left: 8px;
    line-height: 18px;
}
.preferenceNotesItem::before{
    position: absolute;
    content: '';
    height: 2px;
    width: 4px;
    left: 0;
    top: 6px;
    background-color: var(--colorWarmGrey);
}

.preferenceMailInner .preferenceMailButtons a.inputInable{
    display: none;
}
.preferenceMailInner .preferenceMailButtons a.inputDisable{
    display: inline-block;
}
.preferenceMailInner .preferenceMailButtons.preferenceMailButtonsActive a.inputInable{
    display: inline-block;
}
.preferenceMailInner .preferenceMailButtons.preferenceMailButtonsActive a.inputDisable{
    display: none;
}
.preferenceMailInputItem[readonly]{
    cursor: not-allowed;
}
.preferenceMailInputItem[readonly]:focus{
    border: none;
    box-shadow: none;
    background-color: #e9ecef;
}
#accSideNav .btnStyle.smallBtn3,
.btnStyle.smallBtn3{
    padding: 6px 10px;
    font-size: 13px;
    line-height: 16px;
}
#accSideNav .btnStyle.smallBtn3{
    color: var(--colorWhite);
    background: var(--colorBlue);
}
#accSideNav .btnStyle.smallBtn3:hover{
    border-radius: 4px;
    color: var(--colorBlue);
    background: var(--colorWhite);
}
.cancenBtn{
    border: 1px solid var(--colorRed);
    background: transparent;
    color: var(--colorRed);
}
.cancenBtn:hover{
    border: 1px solid red;
    background: red;
    color: var(--colorWhite);
}
.preferenceMailInputItem{
    height: 30px;
}

.packages h4{
    margin-bottom: 14px;
}

.packages h2,
.packages h4{
    max-width: 92%;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    float: left;
}
.planTagContent{
    padding: 5px 10px;
    background: var(--colorPrim);
    background: #ff9900;
    margin: 0 auto 10px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: var(--colorWhite);
    /* color: var(--colorWarmGrey); */
    display: inline-block;
}
/* .toggle-btns{
    padding: 7px 20px;
} */
.button-box{
    margin: 25px auto;
}
.plan-banner .contracts--free{
    margin-bottom: 20px;
}
.packages{
    padding-top: 25px;
}
.packages h2{
    margin-bottom: 15px;
    line-height: 40px;
}

/* Pricing Table */
.pricingTableBox{
    margin: 40px 0 50px;
}
.pricingTableBox table th{
    font-size: 21px;
    background: #042e52;
    color: var(--colorWhite);
    text-align: center;
    font-family: var(--circularRegular);
}
.pricingTableBox table th,
.pricingTableBox table td{
    padding: 7px 20px;
    text-align: center;
    border-bottom: 1px solid #ddd !important;
}
.pricingTableBox table th:first-child{
    background: var(--colorWhite);
    color: #042e52;
    text-align: left;
}
.pricingTableBox table td.columnGroup{
    background: #042e52;
    color: var(--colorWhite);
    padding: 12px 20px;
}
.pricingTableBox table th:first-child,
.pricingTableBox table td:first-child{
    width: 386px;
    min-width: 200px;
    text-align: left;
}
.pricingTableBox table td{
    /* min-height: 40px;
    height: 40px; */
    vertical-align: middle;
}
.priceTableTags{
    position: relative;
    display: inline-block;
    height: 23px;
    width: 23px;
    padding-top: 3px;
}
.priceTableTags::after{
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    font-size: 12px;
    line-height: 23px;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.priceTableTags.checkedTag::after{
    content: '\f00c';
    border: 1px solid #06d6a0;
    color: var(--colorWhite);
    background: #06d6a0;
}
.priceTableTags.crossTag::after{
    content: '\f00d';
    border: 1px solid #e40046;
    color: var(--colorWhite);
    background: #e40046;
}

.plan-banner{
    background: #042e52;
}
.pricingTableBox table td{
    background-color: #f2f4f6;
    color: #042e52;
}
.untagContent{
    color: #06d6a0;
}
.pricingTableChild {
    border-radius: 10px;
    overflow: hidden;
}
.pricingTableBox table tr:last-child td{
    border-bottom: none !important;
}
/* .pricingTableChild table thead{
    position: sticky;
    top: 46px;
} */
.tableRowHead{
    display: inline-flex;
    align-items: flex-start;
}
.tableHeadTip{
    display: inline-block;
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-top: 2px;
    margin-left: 3px;
}
.tableHeadTip img{
    height: 100%;
    width: 100%;
    display: inline-block;
    float: left;
}
.packages.normalPackage{
    border: 1px solid var(--colorBlack);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.15);
}
.packages.importantPackage{
    border: 1px solid var(--colorPrim);
    box-shadow: 0px 0px 10px 5px rgba(55,135,227,0.15);
}
.packages{
    height: auto;
}
.buttonStyle.transparentBlueBtn {
    border-color: var(--colorBlue);
    background: var(--colorWhite);
    color: var(--colorBlue);
}

.buttonStyle.transparentBlueBtn:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}
.planTagBoxSec{
    display: inline-block;
}
.packages{
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
}
.packages h4{
    font-size: 14px;
    line-height: 18px;
}
.pricingTableBox table tr:not(.feature-heading):hover td{
    background-color: rgba(248,249,250,1);
}
.packages h4 span.tagSubContentSection{
    font-size: 13px;
}
.findAreaBtnStyle{
    padding: 4px 6px;
}
.findAreaBtnStyle .featherDefault{
    margin-right: 2px;
}
.findAreaBtnStyle:hover .featherDefault path{
    fill: var(--colorGreenTheme);
} 
.leadsTable .customTableDesign table.dataTable thead th:last-child br,
.areaResearchTable .customTableDesign table.dataTable thead th:first-child br{
    display: none;
}
.dashboardTableTopLeftSec2Btm{
    margin-left: 5px;
}


/* Tutorial Styling */
.customTutorialBox{
    width: 550px;
    background: #F0F0F0;
    border-radius: 10px;
    padding: 20px 20px;
    z-index: 1001;
    position: absolute;
    /* top: calc(100% + 15px); */
    width: 525px;
}
.tutorialStepChild{
    height: 100%;
    width: 100%;
}
.tutorialStepTop{
    margin-bottom: 15px;
    position: relative;
}
.tutorialStepTop .closeTutorialStep{
    position: absolute;
    right: 0;
    top: 10px;
}
#accSideNav .onCloseTutorial,
.onCloseTutorial{
    display: inline-block;
    height: 22px;
    width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--colorRed);
    border: 1px solid var(--colorWarmGrey2);
    background: transparent;
    padding: 2px;
    color: var(--colorRed);
    color: var(--colorWarmGrey2);
}
#accSideNav .onCloseTutorial:hover,
.onCloseTutorial:hover{
    background: var(--colorRed);
    color: var(--colorWhite);
    border: 1px solid var(--colorRed);
}
.tutorialStepTop .tutorialStepUserImage{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
}
.tutorialStepTop .tutorialStepUserName{
    color: #4F4E69;
}
.tutorialStepContent h2{
    font-size: 18px;
    margin-bottom: 7px;
    font-family: var(--circularBold);
    color: #4F4E69;
    letter-spacing: 0.01em;
}
.tutorialStepContent h4,
.tutorialStepContent p, 
.tutorialStepContent span,
.tutorialStepContent li{
    font-size: 14px;
    color: #4F4E69;
    font-family: var(--circularRegular);
    letter-spacing: 0.01em;
}
.tutorialStepContent h4{
    font-family: var(--circularBold);
    margin-bottom: 7px;
}
.tutorialStepContent p{
    margin-bottom: 10px;
    line-height: 18px;
}
.tutorialStepContent .tutorialcontenListitem{
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
}
.tutorialcontenListitem::after{
    position: absolute;
    content: '';
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: #4F4E69;
    left: 8px;
    top: 7px;
}
.tutorialStepContent .tutorialcontenListitem:last-child{
    margin-bottom: 0;
}
.tutorialContentList:last-child{
    margin-bottom: 0;
}
.tutorialFooterMid{
    font-size: 14px;
    line-height: 10px;
    color: #B5B5C3;
    letter-spacing: 0.01em;
}
/* .tutorialFooterLeft{
    width: 56px;
} */
.tutorialStepFooter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #4F4E69;
}
.customTutorialParent{
    position: relative;
}
.customTutorialWrapper{
    position: absolute;
}
html.bodyRelative{
    position: relative;
    /* overflow: hidden; */
}
.bodyRelative::before{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: #7A7A7A;
    opacity: 0.7;
    z-index: 1000;
}
.customTutorialBox{
    /* display: none; */
}

.customTutorialBox.tutorialStep1,
.customTutorialBox.tutorialStepEnd{
    top: 0;
    transform: translate(50vh, 25vh);
    transform: translate(calc(50vw - 275px), 16vh);
}
.tutorialImage{
    margin-bottom: 10px;
}
.customTutorialParent{
    z-index: initial;
}
.customTutorialParent.customTutorialParentWrapper{
    z-index: 1001;
    position: relative;
    background: var(--colorWhite);
}

.customTutorialParentWrapper::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
}

.dashboardTable.areaResearchTable{
    position: relative;
}
.dashboardTableTopLeftSec2Tutorial{
    position: relative;
}

.customTutorialBox.tutorialStep2 {
    top: calc(100% + 15px);
    left: 0;
}
.customTutorialBox.tutorialStep3 {
    left: calc(100% + 15px);
    top: 0;
}
.customTutorialBox.tutorialStep4 {
    right: calc(100% + 15px);
    top: 0;
}
.customTutorialBox.tutorialStep5 {
    left: calc(100% + 15px);
    top: 0;
}
.customTutorialBox.tutorialStep6 {
    right: calc(100% + 15px);
    top: 0;
}
.customTutorialBox.tutorialStep7{
    top: 0;
    left: calc(100% + 15px);
}
.customTutorialBox.tutorialStep8{
    top: 0;
    right: calc(100% + 15px);
}
.customTutorialBox.tutorialStep9{
    top: 0;
    right: calc(100% + 15px);
}
.customTutorialBox.tutorialStep10{
    top: 0;
    left: calc(100% + 15px);
}

#accSideNav.asideListNew.asideListNewDummy{
    position: relative !important;
}
.myAccHeader{
    position: fixed;
}
.myAccHeader.myAccHeaderDummy{
    position: inherit;
}
/* #accSideNav.asideListNewDummy2{
    padding-top: 6px;
} */
body.customBodyScroll{
    overflow: hidden;
}
.btnStyle.greenButton{
    background: var(--colorGreen);
    color: var(--colorWhite);
    border: 1px solid var(--colorGreen);
}
.btnStyle.greenButton:hover{
    background: transparent;
    color: var(--colorGreen);
    border: 1px solid var(--colorGreen);
}
.tableSavedFilter .tableAnchor svg{
    margin-right: 4px;
}
.tutorialMediaSec{
    margin-bottom: 10px;
}
/* .tutorialStepTop,
.tutorialStepContent{
    padding: 0 30px;
} */

.customTutorialBox.tutorialStep::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
}
.customTutorialBox.tutorialStep2::before{
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    border-bottom: 13px solid #F0F0F0;
    top: -13px;
    left: 10px;
}
.customTutorialBox.tutorialStep3::before{
    border-right: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    left: -12px;
}
.customTutorialBox.tutorialStep4::before{
    border-left: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    right: -12px;
}
.customTutorialBox.tutorialStep5::before{
    border-right: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    left: -12px;
}
.customTutorialBox.tutorialStep6::before{
    border-left: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    right: -12px;
}
.customTutorialBox.tutorialStep7::before{
    border-right: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    left: -12px;
}
.customTutorialBox.tutorialStep8::before{
    border-left: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    right: -12px;
}
.customTutorialBox.tutorialStep9::before{
    border-left: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    right: -12px;
}
.customTutorialBox.tutorialStep10::before{
    border-right: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    left: -12px;
}
.websiteBodySection{
    margin-top: 0;
}
.websiteBodySection.websiteBodySectionDummy{
    margin-top: -58px;
}
.mailPreferenceNoteTag span:first-child{
    display: inline-block;
    line-height: 14px;
    margin-bottom: 2px;
}
.mailPreferenceNoteTag span:last-child{
    margin-left: 5px;
    line-height: 12px;
    display: inline-block;
}
.pricingTableChild{
    position: relative;
    overflow: auto;
}
.pricingTableChild thead th{
    position: sticky;
    top: 0;
    /* background-color: #f2f2f2; */
    z-index: 2;
}
.myAccHeader.myAccHeaderDummy .dashboard-loader{
    position: relative;
    z-index: 1;
}
.fixedHeaderTable{
    position: absolute;
    z-index: 3;
    width: 1126px;
    opacity: 0;
}
/* .pricingTableChild .fixedHeaderTable tr th:nth-child(2),
.pricingTableChild .fixedHeaderTable tr th:nth-child(3){
    width: 26%;
} */
.fixedHeaderTable.fixedHeaderTable2{
    position: fixed;
    top: 64px;
    opacity: 1;
}

.findAreaLableTopDesign{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 6px;
}
.topbarShadowBoxLeads{
    background: #f4f7fa;
}

.leadsPrefModalToggle img{
    height: 18px;
    width: 18px;
}
.leadsPrefModalToggle{
    display: inline-block;
}

.leadsModalBodyContent{
    margin-bottom: 10px;
}
.leadsModalBodyContent:last-child{
    margin-bottom: 0;
}
.modalBody{
    padding: 0px 30px 30px;
}
.leadNotesModal .modal-header{
    padding: 20px 30px;
}
.leadNotesModal .modal-dialog{
    max-width: 850px;
}
.leadNotesModal2 .modal-dialog{
    max-width: 750px;
}
.leadsModalBodyContent h2{
    color: var(--colorBlack);
}
.leadsModalBodyContent p{
    color: var(--colorWarmGrey);
}
.closeBtnDesign{
    font-size: 12px;
    padding: 5px !important;
    border-radius: 50%;
    border: 1px solid #707070;
}
.propertyToggleHeadNew span{
    font-family: var(--circularBook);
}
.pinUpinIconNewSec span{
    color: var(--colorWarmGrey);
    font-family: var(--circularRegular);
    display: inline-block;
    float: left;
}
.areaInsightsSection .dashCardBox thead tr th .pinUpinIcon h2{
    line-height: 22px;
}
.emailNewLeadsSwitch,
.emailNewLeadsLabel{
    text-align: center;
    min-width: max-content;
}
.emailNewLeadsLabel{
    margin-bottom: 2px;
}
.emailNewLeadsSwitch span{
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.emailNewLeadsSwitch .form-check-label:first-child{
    float: left;
    padding-right: 44px;
    padding-right: 40px;
}
.emailNewLeadsSwitch .form-check-label:last-child{
    padding-left: 6px;
    padding-right: 14px;
}
.userLeadsTopDesignNew{
    display: flex;
    align-items: center;
}
.emailNewLeadsBox{
    /* padding: 0 10px; */
    /* border-left: 1px solid #A6ACBE; */
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
}
.form-switch.emailLeadsSwitch .form-check-input{
    transform: rotate(180deg);
}
.closeBtnDesign2{
    font-size: 18px;
    border-radius: 50%;
    border: 1px solid #707070;
    height: 24px;
    width: 24px;
    min-width: 24px;
    line-height: 18px;
    color: #707070;
}
.closeBtnDesign2:hover{
    background: var(--colorRed);
    border: 1px solid var(--colorRed);
    color: var(--colorWhite);
} 
.newModalHeader{
    text-align: center;
    padding: 0 50px;
}
.mailPreferenceNote{
    margin-top: 20px;
}
.mailPreferenceNote .preferenceNotesList:not(:last-child) {
    margin-bottom: 15px;
}
.learnMoreLeadsmodal .preferenceNotesList h3{
    margin-bottom: 6px;
    font-family: var(--circularMedium);
    color: var(--colorBlack);
}

.emailLeadsSwitch .form-check-input {
    border: 2px solid var(--colorRed);
    background-color: var(--colorRed);
    background-image: url('../img/form-checked-input-white.svg') !important;
}
.form-switch.emailLeadsSwitch .form-check-input:checked {
    border: 2px solid var(--colorGreen);
    background-color: var(--colorGreen);
    background-image: url('../img/form-checked-input-white.svg') !important;
}
.topLeftBoxNewChild2NewSecLeads .userLeadsTopDesignNew{
    height: 100%;
}



.button-box.button-box-common{
    width: 100%;
}
.button-box-common .toggle-btns{
    font-size: 14px;
    line-height: 17px;
    padding: 8px 8px 5px;
    padding: 8px 2px 5px;
}
.toggle-btns.right-slid{
    border-right: none;
}

.packages h4 span.priceSmallMainHead{
    font-family: var(--circularBold);
}
.packages h4 span.priceSmallSubHead{
    font-size: 14px;
    line-height: 17px;
    margin-top: 8px;
}
.packages h4 {
    margin-bottom: 10px;
}
.packages h4.priceSmallNewHead{
    margin-bottom: 6px;
}
.packages .priceSmallNewHead sup{
    margin-right: 3px;
    font-size: 14px;
}
.packages h4 span.pricingFromLabel{
    display: inline-block;
    font-size: 16px;
    margin-right: 4px;
}
.plan-banner .contracts--free {
    margin-bottom: 10px;
}
.signupformSectionsRightNew #btns{
    background: var(--colorPrim);
}

/* ---------------- */
.filterShowBtns.filterShowBtnsNew{
    /* flex-direction: column; */
}
.btnStyle.newBtnDesign.leadsDaysFilterTab,
.btnStyle.newBtnDesign.customTabsDesign{
    color: var(--colorPrim);
    border: 1px solid var(--colorPrim);
    background: transparent;
}
.btnStyle.newBtnDesign.leadsDaysFilterTab.active,
.leadsDaysFilterTab.active,
.btnStyle.newBtnDesign.customTabsDesign.active,
.customTabsDesign.active{
    background: var(--colorPrim);
    color: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}
.userLeadsTopDesignNew{
    padding-left: 10px;
    /* margin-left: 10px; */
    /* border-left: 1px solid #A6ACBE; */
}
.userLeadsTopDesignNew .filterShowBtnsNew {
    margin-left: 10px;
    border-left: 1px solid #A6ACBE;
}

.helpTutorialPage{
    gap: 0 30px;
}
.helpTutorialPage .col-sm-12{
    width: calc(50% - 15px);
}
.filtersMobBoxLeadsPage{
    display: flex;
    align-items: center;
}
.leadsPageFilterProperty .filtersListsItem{
    margin-bottom: 0;
}
.filtersMobBoxLeadsPageFilters{
    padding-left: 10px;
}
.filterShowBtnsLatestMobNew{
    flex-direction: column;
}
.filtersMobBoxLeadsPageFilters .newFilterLinks{
    border: 1px solid var(--colorPrim);
    border-width: 2px !important;
    height: 26px !important;
}
.filtersMobBoxLeadsPageFilters .newFiltersBox .greyIconLink1 span,
.filtersMobBoxLeadsPageFilters .newFiltersBox .filterDropboxArrow{
    color: var(--colorPrim);
}
.filtersMobBoxLeadsPageFilters .newFiltersBox.newFiltersActive .greyIconLink1 span,
.filtersMobBoxLeadsPageFilters .newFiltersBox.newFiltersActive .filterDropboxArrow{
    color: var(--colorWhite);
}
.filtersMobBoxLeadsPageFilters.leadsPageFilterProperty{
    max-width: 150px;
}
.flexGrowSed{
    flex-grow: 1;
}
.forWebsite{
    display: inline;
}
.forMobile{
    display: none;
}

.discountRibbonParent{
    position: relative;
}
.discountRibbonParent .discountRibbonChild{
    position: absolute;
    inset: var(--t) auto auto calc(-1*var(--f));
    clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 100% 100%, 85% 50%, 100% 0%, 0% 0%, 0% 100%);
    clip-path: polygon(0% 100%, 8px calc(100% + 8px), 8px 100%, 100% 100%,95% 50%, 100% 0%, 0% 0%, 0% 100%);
    background: #ff0000;
    /* box-shadow: calc(0*var(--f)) 0 0px inset #ff9900; */
    color: var(--colorWhite);
    font-size: 16px;
    top: -34px;
    left: -24px;
    padding: 2px 25px 2px 15px;
    width: 45%;
    text-align: left;
    padding-left: 25px;
    width: 50%;
    /* text-align: center; */
}
.discountRibbonParent .discountRibbonChild::before{
    content: "";
    position: absolute;
    z-index: -1;
    background: #ff0000;
    padding: 6px 6px;
    left: 0;
    z-index: 0;
    bottom: -11px;
    filter: brightness(80%);
}
.packages{
    padding: 40px 15px;
    padding: 46px 15px 40px;
}
.btnStyle.customTabsDesign{
    font-size: 12px;
}
.leadsTableCustomTabs .leadsTableTabsList{
    display: inline-block;
}
.leadsTable .dashButtonText{
    width: 100%;
}
.dashboardTableTopRightChild{
    gap: 3px 0px;
}
.dashboardTableBottom  .dataTables_wrapper .dataTables_length{
    display: none !important;
}
table.dataTable.no-footer{
    border-bottom: none !important;
}

.leadsPageFilterProperty .savedFilterListItem .savedFilterTooltip{
    right: inherit;
    left: -370px;
}
.leadsPageFilterProperty .savedFilterTooltipChild::before{
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: inherit;
    border-left: 11px solid #dbdbdb;
    left: inherit;
    right: -11px;
}
.leadsPageFilterProperty .savedFilterTooltipChild::after{
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: inherit;
    border-left: 10px solid var(--colorWhite);
    left: inherit;
    right: -10px;
}
.leadsPageFilterProperty .newFiltersBox.newFiltersActive .newFiltersDropbox{
    min-width: 150px;
}

.onExcludingVat,
.onIncludingVat{
    display: inline-block;
}
/* .onExcludingVat.onExcludingVat2,
.onIncludingVat.onIncludingVat2{
    display: none;
} */
.emailToggleSwitchBtn{
    appearance: none;
}
.emailToggleSwitchBtn +label{
    height: 26px;
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--colorWhite);
    width: 88px;
    cursor: pointer;
} 
.emailToggleSwitchBtn +label .emailToggleSwitchIcon{
    margin-right: 10px;
}
.emailToggleSwitchContent{
    width: 47px;
}
.emailToggleSwitchBtn:checked +label{
    background: var(--colorGreen);
}
.emailToggleSwitchBtn:not(:checked) +label{
    background: var(--colorRed);
}
.emailToggleSwitchBtn:checked +label .emailToggleSwitchContent .onCheckToggle{
    display: inline-block;
}
.emailToggleSwitchBtn:checked +label .emailToggleSwitchContent .onUncheckedToggle{
    display: none;
}
.emailToggleSwitchBtn:not(:checked) +label .emailToggleSwitchContent .onCheckToggle{
    display: none;
}
.emailToggleSwitchBtn:not(:checked) +label .emailToggleSwitchContent .onUncheckedToggle{
    display: inline-block;
}
.onAddMoreSectionGreenLink{
    color: var(--colorGreen);
}
.filtersMobBoxLeadsPageFilters .mailEnvelopBox .mailEnvelopBoxDisable{
    display: inline-block;
}
.filtersMobBoxLeadsPageFilters.active .mailEnvelopBox .mailEnvelopBoxDisable{
    display: none;
}
.filtersMobBoxLeadsPageFilters .mailEnvelopBox .mailEnvelopBoxEnable{
    display: none;
}
.filtersMobBoxLeadsPageFilters.active .mailEnvelopBox .mailEnvelopBoxEnable{
    display: inline-block;
}
.mailEnvelopBoxEnable{
    position: relative;
}
.mailEnvelopBoxEnable .emailsToggleMainIconTop{
    position: absolute;
    top: -10px;
    right: -8px;
}
.filtersMobBoxLeadsPageFilters {
    display: inline-flex;
    flex-direction: row;
}
.emailLeadsDesignChild{
    display: inline-block;
}
.filtersMobBoxLeadsPageFilters .emailNewLeadsSwitch{
    padding-left: 20px;
}
.filtersMobBoxLeadsPageFilters{
    margin-left: 10px;
    border-left: 1px solid #A6ACBE;
}
.filtersMobBoxLeadsPageFilters.leadsPageFilterProperty{
    border-left: none;
}
.emailsToggleMainIconTop{
    cursor: pointer;
}
.themeColor{
    color: var(--colorPrim);
}
.leadsPageFilterProperty .newFiltersBox.newFiltersActive .newFiltersDropbox.savedFiltersDropBox {
    min-width: 252px;
}
.filtersMobBoxLeadsPageFilters.leadsPageFilterNewSearch{
    margin-left: 0;
    border: none;
}

/* .findAreasPageNew .customCheckBox input[type="checkbox"]:checked+label::before, 
.findAreasPageNew .customCheckBox input[type="checkbox"]:not(:checked)+label::before{
    background: var(--colorGreenTheme);
    border: 1px solid var(--colorGreenTheme);
} */
.findAreasPageNew .pageTopSectionMid h2{
    color: var(--colorGreen);
}
.dashboardInfoMainModal .modal-header h3{
    font-size: 18px;
    margin-bottom: 0px;
    font-family: var(--circularBold);
    color: #4F4E69;
    letter-spacing: 0.01em;
}
.dashboardInfoMainModal .tutorialStepContent{
    padding-top: 0;
} 
.mt-27{
    margin-top: 27px !important;
}
.mt-24{
    margin-top: 24px !important;
}
/* .userLeadsPageNewDesign .btnStyle.newBtnDesign.leadsDaysFilterTab{
    padding: 4px 9px;
} */

/* #leadsTableOneDay tbody,
#leadsTableTenDay tbody{
    max-height: 244px !important;
    overflow: hidden;
    height: 244px;
    display: block;
    width: 100%;
} */

.leadsPageTabsTable tbody tr td{
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.leadsPageTabsTable tbody tr:first-child td{
    border-top: none;
}
.modal-open .filterByTownCityBoxSelect2 .select2-container{
    z-index: 999;
}

/* Cookies Start  */
.btnCookieStyle {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: var(--colorBlue);
    display: inline-block;
    padding: 8px 20px;
    border-radius: 0px 20px;
    text-transform: capitalize;
    border: 1px solid var(--colorBlue);
    cursor: pointer;
    text-align: center;
    min-width: max-content;
}

.btnCookieStyle:hover {
    color: var(--colorBlue);
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: var(--colorBlue);
}
.btnStyWhiteBG{
    color: var(--colorBlue);
    border-color: var(--colorBlue);
    background: #fff;
}
.bottomFoot {
    position: fixed;
    left: 20%;
    right: 0;
    bottom: 10%;
    z-index: 999;
}
.bottomFoot .cookiesSec{
    background: #042e52;
    padding: 20px 30px;
    float: left;
    width: 80%;
    border-radius: 10px;
    box-shadow: -10px 11px 16px #99abbf;
}
.cookiesSec p {
    color: #fff;
}
.cookiesSec p span{
    display: block;
    font-family: var(--sofiaProSemiboldAz);
}
.cookiesSec ul {
    display: flex;
    justify-content: space-around;
}
.cookiesSec ul li {
    display: inline-block;
}
.cookiesSec .row {
    align-items: center;
}
.cookiesSec a.btnCookieStyle{
    padding: 10px 20px;
    min-width: max-content;
    margin-left: 25px;
    box-shadow: -8px 8px 22px #57d2b2;
}
.cookieActive {
    display: none;
}
.cookiesSecInner {
    display: flex;
    align-items: center;
}
  /* Cookies End  */

  /* ---- */
.whatsUpdBox{
    display: flex;
}
.whatsUpdBox span:first-child{
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 8px;
}
.whatsUpdBox span img{
    height: 100%;
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: 4px;
}
.greenOptionSwitch.form-switch .form-check-input{
    border: 2px solid var(--colorGreen);
    background-image: url(../img/form-check-input-green.svg) !important;
}
.greenOptionSwitch.form-switch .form-check-input:checked{
    border: 2px solid var(--colorGreen);
    background-image: url(../img/form-checked-input.svg) !important;
    background-color: var(--colorGreen);
}

.leadsTable .dashboardTableTopRightChild{
    min-width: 210px;
    /* min-width: max-content; */
}

.packages.samplePackages{
    padding: 46px 15px 20px;
}

.yellowBtnOption.yellowBtn {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
    color: var(--colorWhite);
}
.yellowBtnOption.yellowBtn:hover,
.yellowBtnOption.yellowBtn:focus {
    background: transparent;
    color: var(--colorYellow);
    border-color: var(--colorYellow);
}
.topLeftBoxChild.topLeftBoxChildUpdate{
    min-width: max-content;
}
.firstBox.firstBoxUpdate{
    min-width: auto;
}

.topLeftBox.topLeftBoxNewSectionScreen{
    min-width: -webkit-fit-content;
}

/* ----- */
.propImageBox .propImageThumbnail.propImageThumbnailUpdate{
    width: 120px;
    min-width: 120px;
    margin-right: 25px;
}
.propImageThumbnail.propImageThumbnailUpdate .slick-vertical .slick-slide{
    height: 100px;
}

.propImageBox .verticalSliderBoxUpdate .propImageSliders{
    height: 470px;
    /* height: 520px; */
}
.propImageBox .verticalSliderBoxUpdate .propImageSliders .slick-slide div.slider-banner-image{
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #ddd;
}
.propImageBox .verticalSliderBoxUpdate .propImageSliders .slick-slide div img{
    object-fit: contain;
}

.verticalSliderBoxUpdate .propImageSliders .slick-arrow{
    position: absolute;    
    z-index: 99;
    font-size: 0;
    top: calc(50% - 15px);
    opacity: 1;
}
.verticalSliderBoxUpdate .propImageSliders .slick-next.slick-arrow{
    right: 0;
}
.verticalSliderBoxUpdate .propImageSliders .slick-prev.slick-arrow{
    left: 0;
}
.verticalSliderBoxUpdate .propImageSliders .slick-arrow.slick-disabled{
    opacity: 0.5;
}
.verticalSliderBoxUpdate .propImageSliders .slick-arrow.slick-prev:after{
    position: absolute;
    content: '\f053';
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    color: #000;
    font-size: 22px;
    left: 12px;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 50%;
}
.verticalSliderBoxUpdate .propImageSliders .slick-arrow.slick-next:after{
    position: absolute;
    content: '\f054';
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    color: #000;
    font-size: 22px;
    right: 12px;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 50%;
}
.propImageBox .propImageThumbnail .slick-slider{
    padding: 14px 0;
}
.sliderCounterUpdate{
    position: absolute;
    right: 13px;
    bottom: 5px;
    font-size: 24px;
}

/* Property Listing Page Start */
.myPropertyListingBox{
    padding: 15px 10px;
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 10px 20px 0px #0000000D;
}
.dashboardTableTop.myPropertyListingTop,
.dashboardTableTop.myProspectsListingTop {
    align-items: flex-start;
    border-bottom: 1px solid #B5B5C3;
}
.myPropertyListingTop .dashboardTableTopLeftIcon::before{
    background: rgba(82, 169, 89, 1);
}
.myPropertyListingTradeItems{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
}
.myListingTradeCard{
    background: #f7f7f7;
    border-radius: 10px;
    padding: 10px 10px;
    display: grid;
    grid-template-columns: 255px auto;
    grid-template-columns: 240px auto;
    gap: 8px;
}
.myPropertyListingTradeCard .listCardImageItem{
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.myPropertyListingTradeCard .listCardImageItem img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.myPropertyListingTradeCard .propertyTradeListCardLeft{
    position: relative;
    width: 255px;
    width: 240px;
}
.myPropertyListingTradeCard .propertyTradeCardItemInfo{
    position: absolute;
    bottom: 4px;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 4px;
}
.propertyTradeCardItemInfo .propertyImageCounts,
.propertyTradeCardItemInfo .propertyTradeListedOnDate{
    font-size: 12px;
    line-height: 11px;
    background: var(--colorWhite);
    padding: 4px 4px;
    color: var(--circularBlack);
    border-radius: 5px;
}
.propertyTradeCardItemInfo .propertyImageCounts{
    height: 19px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.propertyTradeRightTop{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.propertyTradeRightTop .propertyTradeType{
    padding: 4px 5px 2px;
    background: #FFC327;
    height: 100%;
    border-radius: 5px;
}
.assetsCountsViewUpdate{
    position: relative;
    left: 0;
    bottom: initial;
}
.assetsCountsViewUpdate .assetsCountsViewBox{
    background: transparent;
    margin-right: 15px;
}
.assetsCountsViewUpdate .assetsCountsViewBox i{
    font-size: 16px;
}
.propertyTradePricing{
    color: var(--colorPrim);
    margin-bottom: 8px;
}
.assetsCountsViewUpdate,
.propertTradeAddress {
    margin-bottom: 10px;
}
.propertTradeDescription {
    margin-bottom: 5px;
    color: #030229;
    opacity: 0.7;
}
.propertTradeAddress{
    color: #030229;
    opacity: 0.7;
}
.propertyTradeRightBottomSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #A6ACBE;
    margin-top: 5px;
    padding-top: 6px;
}
.propertyTradeRightBottomSec .propertyTradeStatsInfo {
    color: #030229;
    opacity: 0.7;
    margin-left: 4px;
}
.propertyTradeRightBottomSec .propertyTradeStatsInfo:first-child{
    margin-left: 0;
}
.propertyTradeRightBottomSec .propertyTradeStatsInfo .propertyTradeStatscount{
    color: var(--colorPrim);
}
.sxBtnStyle{
    font-size: 14px;
    line-height: 14px;
    padding: 3px 6px 2px;
    border-radius: 4px;
    background: var(--colorWhite);
    text-transform: capitalize;
}
.propertyTradeListCardRight{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.propertyTradeLeftTopRight .propertyTradeTypeBtns{
    display: inline-block;
    float: left;
    margin-left: 4px;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.propertyTradeLeftTopRight .propertyTradeTypeBtns:hover{
    color: var(--colorWhite);
}
.propertyTradeLeftTopRight .propertyTradeTypeBtns img{
    display: inline-block;
    float: left;
    height: 100%;
    width: 100%;
}
.dashboardTableTop.myPropertyTradingListingTab .dashboardTableTopLeftSec{
    align-items: center;   
}
.dashboardTableTopLeftCount{
    color: var(--colorGreenTheme);
}
.dashboardTableTop.myPropertyTradingListingTab{
    border-bottom: none;
    background: var(--colorWhite);
    box-shadow: 0px 10px 20px 0px #00000021;
    box-shadow: 0px 5px 10px 0px #00000021;
    border-radius: 10px;    
    padding-bottom: 0;
    padding: 15px 10px;
    cursor: pointer;
    border: none;
}
.dashboardTableTop.myPropertyTradingListingTab:hover{
    box-shadow: 0px 10px 20px 0px #00000021;
    border: none;
}
.propertyTradingTabs{
    margin-bottom: 20px;
}
.myProspectsListingTop  .dashboardTableTopLeftCount{
    color: var(--colorPrim);
}
.myProspectsListingTop  .dashboardTableTopLeftIcon::before{
    background: rgba(71, 105, 255, 1);
}
.propertyTradingTabsList{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    border: none;
}
/* .dashboardTableTop.myPropertyListingTop.active{
    background: var(--colorGreenTheme);
    isolation: isolate;
}
.dashboardTableTop.myPropertyListingTop.active .dashboardTableTopLeftIcon::before{
    background: var(--colorWhite);
    opacity: 1;
    z-index: -1;
    isolation: isolate;
}
.dashboardTableTop.myPropertyListingTop.active .dashboardTableTopLeftSec2Top span:first-child{
    color: var(--colorWhite);
    isolation: isolate;
} */

/* .dashboardTableTop.myProspectsListingTop.active{
    background: var(--colorPrim);
    isolation: isolate;
}
.dashboardTableTop.myProspectsListingTop.active .dashboardTableTopLeftIcon::before{
    background: var(--colorWhite);
    opacity: 1;
    z-index: -1;
    isolation: isolate;
}
.dashboardTableTop.myProspectsListingTop.active .dashboardTableTopLeftSec2Top span:first-child{
    color: var(--colorWhite);
    isolation: isolate;
} */
.myPropertyTradingListingTab.active{
    border: none;
}
.noListsingBox{
    padding-top: 25px;
}
.noListsingBox span{
    color: #A6ACBE;
}
.myPropertyTradingListingTab .dashboardTableTopLeftCount {
    font-family: var(--circularBold);
}
.prospectsTradeListCardLeft{
    /* width: 70px;
    height: 70px;
    border-radius: 10px;
    overflow: hidden; */
    display: flex;
    align-items: center;
    gap: 10px;
}
.prospectsDetailAddress{
    display: flex;
}
.prospectsTradeListCardLeft .listCardImageItem {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 10px;
    overflow: hidden;
}
.prospectsTradeListCardLeft img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.myProspectsListingTradeCard{
    /* display: grid;
    grid-template-columns: 100px auto;
    gap: 10px; */
    display: flex;
    flex-direction: column;
}
.myProspectsListingTradeItems {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.prospectsTradeListCardRight .prospectsDetailName{
    color: var(--colorPrim);
    margin-bottom: 5px;
}
.prospectsTradeListCardRight .prospectsDetailSectionList{
    display: flex;
    gap: 6px;
    margin-bottom: 5px;
}
.prospectsTradeListCardRight .prospectsDetailEmail{
    margin-bottom: 5px;
}
.prospectsTradeListCardRight .prospectsDetailContact{
    margin-bottom: 5px;
}
.prospectsTradeListCardRight .prospectsDetailDescription{
    color: #030229;
    opacity: 0.7;
    margin-bottom: 10px;
}
.prospectsTradeListCardRight .prospectsTradeCardBottom{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.prospectsDetailIcon{
    /* color: var(--colorPrim); */
    /* font-size: 20px; */
    width: 16px;
    min-width: 16px;
}
.prospectsTradeCardBottom .prospectsDetailCreatedAt{
    color: #030229;
    opacity: 0.7;
}
.prospectsTradeCardBottom .prospectsDetailRemoveLink{
    color: var(--colorRed);
}
.prospectsTradeListCardRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.editIconFas{
    margin-right: 3px;
}
.viewPropertyTradeDetail{
    background: var(--colorGreenTheme);
    color: var(--colorWhite);
}
.deletePropertyTradeDetail{
    background: var(--colorRed);
    color: var(--colorWhite);
}
.propertyTradingTabsList .nav-item{
    margin: 0;
}


/* ----------- */
.modalContentSec{
    padding: 40px 30px 30px;
}
.viewDetailsModal .modal-dialog{
    height: calc(100% - 60px);
    display: flex;
    align-items: center;
}
.propertyTradeListCardLeft {
    aspect-ratio: 3/3;
    border-radius: 10px;
    overflow: hidden;
}

.book-session{
    background: #d6e5f6;
    border-radius: 10px;
    margin-top: 20px;
    padding: 15px 15px 15px 15px;
    text-align: center;
    max-width: 232px;
}

/* Property Trading Card Details */
.fitContentSec{
    min-width: fit-content;
}
.tradingListingDetailBox{
    padding: 15px 25px;
    padding: 15px 15px;
    background: var(--colorWhite);
    border-radius: 10px;
}
.tradingListingDetailChild {
    /* display: grid; */
    /* grid-template-columns: auto 310px; */
    display: flex;
    gap: 7px;
    position: relative;
}
.tradingListingSliderBox .propertyTradeTypeNew {
    position: absolute;
    left: 9px;
    top: 9px;
    height: auto;
}
.tradingListingSliderBox .propertyTradeListedOnDateNew {
    position: absolute;
    left: 9px;
    bottom: 9px;
    height: auto;
}
.tradingListingSliderSec {
    /* min-height: 566px; */
    position: relative;
    height: 100%;
}
.tradingListingSliderBox {
    width: calc(100% - 317px);
    width: calc(100% - 347px);
    margin-right: 0px;
}
.tradingListgingRight {
    width: 310px;
    width: 340px;
}
.propertyTradeRightTop.tradingListingSliderBox{
    height: 80vh;
    margin-bottom: 0;
    border: 1px solid #ddd;
}
.sliderCounterUpdateSec{
    position: absolute;
    left: 50%;
    z-index: 99;
    background: #fff;
    bottom: 9px;
    display: inline-flex;
    padding: 2px 5px;
    border-radius: 5px;
}
.sliderCounterUpdateSec .sliderCounterUpdate{
    position: relative;
    right: 0;
    bottom: 0;
    padding: 0;font-size: 12px;
    line-height: 12px;
    padding-left: 4px;
}
.sliderCounterUpdateSec .slideCounterUpdate,
.sliderCounterUpdateSec .slideCounterUpdate2{
    display: inline-block;
    line-height: 12px;
}
.sliderCounterUpdateSec img{
    display: inline-block;
    float: left;
}
.tradingListingSliderBox{
    position: relative;
}
.tradingListingSlide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* object-fit: cover; */
}
.tradingListingSlider,
.tradingListingSlider .slick-list,
.tradingListingSlider .slick-track,
.tradingListingSlider .slick-slide div,
.tradingListingSlide,
.tradingListingSlider2,
.tradingListingSlider2 .slick-list,
.tradingListingSlider2 .slick-track,
.tradingListingSlider2 .slick-slide div,
.tradingListingSlider2 {
    height: 100%;
}

.tradingListgingRightType{
    color: #FF0000;
}
.tradingListgingRightTypeTagRed{
    padding: 5px;
    border-radius: 20px;
    background: #FF0000;
    color: var(--colorWhite);
    margin-left: 5px;
    cursor: pointer;
}
.tradingListgingRightTypeTagGreen{
    padding: 5px;
    border-radius: 20px;
    background: #24bc6f;
    color: var(--colorWhite);
    margin-left: 5px;
    cursor: pointer;
}
.tradingListgingRightTop{
    padding: 0px 10px 10px;
    border-bottom: 1px solid #A6ACBE;
}
.tradingListgingRightBottom{
    padding: 10px 10px;
}
.tradingHouseType{
    color: #030229;
}
.tradingHouseTypeAddress{
    color: #030229;
    opacity: .7;
}
.tradeRIghtCommonSec{
    margin-bottom: 15px;
}
.tradingListingRentCurrency{
    font-family: var(--circularRegular);
}
.tradingListingRentInfo,
.tradingListingRentTo{
    color: var(--colorPrim);
}

.assetsCountsViewUpdate2 .assetsCountsViewBox i{
    font-size: 20px;
}
.assetsCountsViewUpdate2 .viewsCounterCount{
    font-size: 16px;
}

.propertyDetailsCardGrid .propertyDetailGridBox{
    display: grid;
    grid-template-columns: 112px auto;
    margin-bottom: 2px;
}
.propertyDetailsCardGrid .propertyDetailGridBox:last-child{
    margin-bottom: 0;
}
.propertyDetailGridBox .propertyDetailGridHead{
    color: #030229;
    opacity: .7;
    font-family: var(--circularRegular);
}
.propertyDetailGridBox .propertyDetailGridInfo{
    color: #030229;
    opacity: .7;
    font-family: var(--circularBold);
}
.onSendInterestLink{
    padding: 10px 20px;
    width: 100%;
}
.onSendInterestLink span{
    padding-right: 5px;
}
.detailInfoLabel{
    margin-bottom: 5px;
    font-family: var(--circularBold);
    color: #030229;
    opacity: 0.7;
}
.tradingListingIncoDetailText{
    margin-bottom: 10px;
    font-family: var(--circularRegular);
    color: #030229;
    opacity: 0.7;
}
.tradingListingDetailInfo{
    margin-top: 20px;
}
.extraInfoLising .extraInfoList{
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
}
.extraInfoList .extraInfoIcon{
    height: 20px;
    width: 20px;
    min-width: 20px;
    display: inline-block;
    float: left;
}
.extraInfoList .extraInfoIcon img{
    height: 100%;
    width: 100%;
    display: inline-block;
    float: left;
}
.extraInfoLabel{
    margin-bottom: 5px;
}
.extraInfoContent{
    color: #030229;
    opacity: 0.7;
}

.tradingListingExtraInfo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 10px;
}

/* .sellContentGraph.sell-content .rating-graph li{
    padding-right: 5px;
} */
.sellContentGraph.sell-content .rating-graph li{
    padding-left: 6px;
    padding-right: 6px;
}
.sellContentGraph.sell-content .rating-graph li .graph-status span.point{
    font-size: 12px;
    line-height: 12px;
    height: 18px;
    width: 27px;
    margin-left: 8px;
}
.sellContentGraph.sell-content .rating-graph li .graph-status{
    align-items: center;
}
.sellContentGraph.sell-content .rating-graph li .graph-status span.point::before{
    border-right: 9px solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    left: -9px;
}
.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color1::before {
    border-right: 9px solid #037e31;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color2::before {
    border-right: 9px solid #2aa040;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color3::before {
    border-right: 9px solid #93c351;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color4::before {
    border-right: 9px solid #f2ca25;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color5::before {
    border-right: 9px solid #ffb101;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color6::before {
    border-right: 9px solid #ff8001;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color7::before {
    border-right: 9px solid #d61d1d;
}
.sellContentGraph.sell-content .rating-graph li:first-child{
    padding-right: 23px;
    padding-left: 0;
}
.energyRartingBoxChart {
    padding: 5px 0px 20px 5px;
    border: 1px solid #A6ACBE;
    margin-top: 5px;
}
.tradingListingSlider .slick-arrow,
.tradingListingSlider2 .slick-arrow{
    font-size: 0;
    position: absolute;
    top: 50%;
    height: 30px;
    width: 30px;
    background: var(--colorWhite);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tradingListingSlider .slick-prev,
.tradingListingSlider2 .slick-prev{
    left: 15px;
    z-index: 9;
}
.tradingListingSlider .slick-next,
.tradingListingSlider2 .slick-next{
    right: 15px;
    z-index: 9;
}
.tradingListingSlider .slick-prev::before,
.tradingListingSlider .slick-next::before,
.tradingListingSlider2 .slick-prev::before,
.tradingListingSlider2 .slick-next::before{
    position: absolute;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 800;
    color: var(--circularBlack);
    font-size: 20px;
    line-height: 20px;
}
.tradingListingSlider .slick-prev::before,
.tradingListingSlider2 .slick-prev::before{
    content: '\f053';
}
.tradingListingSlider .slick-next::before,
.tradingListingSlider2 .slick-next::before{
    content: '\f054';
}
/* .webSizeGraph{
    display: inline-block;
}
.mobSizeGraph{
    display: none;
} */
.tradingListingSlider .slick-arrow,
.tradingListingSlider2 .slick-arrow{
    opacity: 1;
}
.tradingListingSlider .slick-arrow.slick-disabled,
.tradingListingSlider2 .slick-arrow.slick-disabled{
    opacity: 0;
}
.tradingListingSlide .tradingListingSlideBg{
    position: absolute;
    filter: blue;
    z-index: 0;
    height: 100%;
    width: 100%;
    filter: blur(5px);
}
.tradingListingSlide .tradingListingSlideFront{
    position: relative;
    z-index: 9;
}
.tradingListingSlide {
    position: relative;
}
.sendIntersetModalForm{
    padding: 20px 30px 30px;
}
.modal-header.modal-header2{
    padding: 20px 30px 0;
}
.formDesignUpdate .form-group{
    margin-bottom: 15px;
}

.propertyDetailListModal .modal-dialog{
    max-width: 90vw;
}
.onSendInterestLink2{
    cursor: not-allowed;
}

.webinar-link{
    background: #d9d7d7;
    height: auto;
    text-align: center;
    padding-top: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.booking-form{
    text-align: left;
}

/* ----------- */
.accordionHeadSec{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px 8px 20px;
    cursor: pointer;
}
.filterOptionAccordion{
    /* padding: 0px 20px; */
    border: 1px solid #D9D9D9;
    box-shadow: 2px 2px 4px 0px #00000040;
    margin-bottom: 20px;
}
.filterAccordionChild{
    /* padding-top: 10px; */
    border-top: 1px solid #D9D9D9;
    display: none;
    padding: 10px 0px 8px 0px;
    padding: 10px 0px 8px 0px;
    width: calc(100% - 40px);
    margin-left: 20px;
}
.filteredCounter{
    height: 24px;
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--colorPrim);
    border-radius: 50%;
    margin-left: 5px;
    line-height: 24px !important;
}
.accordionToggleIcon{
    height: 20px;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 50%;
}
.accordionHeadSec:hover .accordionToggleIcon{
    border: 1px solid var(--colorPrim);
    background: var(--colorPrim);
    color: var(--colorWhite);
}
.filterOptionAccordion.active .filteredCounter {
    display: none;
}
.filteredCounter span{
    font-size: 14px;
    line-height: 8px;
}

/* .filterOptionAccordion.active .filterAccordionChild{
    display: block;
} */

.propDetLinkBox .addDealAnalyser.addedPropertyTag{
    display: inline-block;
}


/* ------------------- */
.customDropToggleBox{
    position: relative;
}
.customDropsNew{
    /* padding: 5px; */
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 10;
    max-height: 240px;
    overflow-y: auto;
    top: 37px;
    left: 0;
}
.customDropsNew{
    display: none;
}
.customDropsNew.customDropsNewActive{
    display: inline-block;
}
.selectedItems{
    display: inline-block;
    float: left;
    /* margin: 5px 0px 10px; */
}
.selectedItems ul li{
    display: inline-block;
    float: left;
    font-size: 13px;
    border: 1px solid #aaa;
    border-radius: 4px;
    background: var(--colorWhite);
    position: relative;
    padding-left: 20px;
    padding-right: 4px;
    margin: 2px 2px;
    color: var(--colorBlack);
}
.selectedItems ul li .removeItem{
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}
.selectedItems ul li .removeItem:hover{
    background-color: #f1f1f1;
    color: #333;
}
.searchRadiusSelectOption.searchRadiusSelectOption2:hover{
    cursor: not-allowed;
}
.validatePostcode{
    display: inline-block;
    padding-top: 5px;
}
.commonListSpace{
    padding: 0px 5px 0px;
}
.disabledTooltipParent{
    position: relative;
}
.disabledTooltipParent .disabledTooltip{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
}
.disabledTooltipParent.disabledTooltipParentActive .disabledTooltip{
    display: inline-block;
}
.disabledTooltipParent.disabledTooltipParentActive .disabledTooltip:hover{
    cursor: not-allowed;
}
.customDropsNew .secondaryList li{
    width: 100%;
    cursor: pointer;
} 
.customDropsNew ul li label{
    /* width: calc(100% - 17px); */
    cursor: pointer;
} 
/* .customDropsNew ul li:hover{
    background: #3787e31a;
} */




.customDropWrapper{
    display: grid;
    grid-template-columns: 190px auto;
    align-items: center;
}
.customDropWrapper .form-control{
    padding: 10px 15px;
}
.commonListSpace{
    display: block;
    color: var(--colorBlack);
    font-family: var(--circularRegular);
    float: left;
    width: 100%;
}
.outCodeBoxSection .col-sm-12 .commonListSpace label{
    display: inline-block;
    color: var(--colorBlack);
    font-family: var(--circularRegular);
}
.textPrim.commonListSpace{
    color: var(--colorPrim);
}
.selectedItems ul li{
    font-family: var(--circularRegular);
}
.selectedItems ul{
    margin-top: 2px;
}



/* Calculation */
.order-form .container {
    color: #4c4c4c;
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    /* max-width: 650px; */
    max-width: 58%;
}

.order-form-label {
    margin: 8px 0 0 0;
    font-size: 14px;
    font-weight: bold;
}

.order-form-input,
.form-label,
.form-check-label {
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 18px;
}

/* table Design */
.table-div{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    /* width: 70%; */
    margin: auto;
}
.calculation-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.calculation-table thead tr {
    background-color: #3787e3;
    color: #ffffff;
    text-align: center;
    height: 50px;
}

.calculation-table th,
.calculation-table td {
    padding: 5px 12px;
}

.calculation-table tbody tr {
    border-bottom: 1px solid #dddddd;
    height: 50px;
}

.calculation-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.calculation-table tbody tr:last-of-type {
    border-bottom: 2px solid #3787e3;
}

.calculation-table tbody tr.active-row {
    font-weight: bold;
    color: #3787e3;
}

.prop-counter{
    color: white;
    background: var(--colorPrim);
    border-radius: 50%;
    width: 34px;
    display: inline-block;
    height: 30px;
}

.final_test_4_result{
    display: flex;
    border: 5px solid var(--colorBlue);
    height: 89px;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
}

/* New About Page Start */
.aboutPageNewStyle .commonTabsSection{
    margin: 50px 0;
}
.commonTabsSection .nav-tabs{
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 150px;
}
.commonTabsSection .nav-tabs .nav-link{
    background: transparent;
    border: none;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 5px;
    color: var(--colorWarmGrey);
}
.commonTabsSection .nav-tabs .nav-link:hover,
.commonTabsSection .nav-link.active{
    color: var(--colorPrim);
}
.commonTabsSection .nav-link{
    position: relative;
    cursor: pointer;
}
.commonTabsSection .nav-link::after{
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    background: var(--colorPrim);
    transition: all 0.3s ease;
    left: 0;
}
.commonTabsSection .nav-link:hover::after{
    width: 100%;
    transition: all 0.3s ease;
}
.teamManagementSection{
    display: flex;
    gap: 15px;
}
.teamManagementSection .teamManagementContent{
    background: var(--colorWhite);
    padding: 20px;
    border-radius: 10px;
}
.teamManagementSection .teamManagementImage{
    width: 300px;
    min-width: 300px;
}
.teamManagementImage img{
    border-radius: 10px;
}
.teamManagementContent .managementName{
    margin-bottom: 10px;
}
.teamManagementContent .managementTitle{
    margin-bottom: 15px;
    padding-bottom: 3px;
    border-bottom: 2px solid var(--colorPrim);
    display: inline-block;
    float: left;
}
.managementTeamBox .teamManagementSection{
    margin-bottom: 40px;
}
.managementTeamBox .teamManagementSection:nth-child(even){
    flex-direction: row-reverse;
}
.aboutSectionsBottom.aboutSectionsBottomNew{
    margin-top: 0;
}
.teamManagementContent .managementDescription{
    /* color: var(--colorWarmGrey2); */
    opacity: 0.7;
}
/* New About Page End */

.portfolioValueArrow{
    position: absolute;
    top: -26px;
    top: -4px;
    border: solid transparent;
    background: url("../img/arrow-down-blue-point.png") no-repeat center center;
    /* border-width: 12px; */
    /* border-bottom-color: white; */
    width: 8px;
    height: 24px;
}

/* --------------- */

.tablesChart{
    width: 350px;
    /* min-width: 350px; */
}
.tableBorderRight{
    border-right: 1px solid #dbdbdb;
}
.portfolioAssessment-table th,.tableHeaderSection th{
    background: var(--colorWhite);
    color: #333;
    box-shadow: none !important;
}
.tableHeaderSection th{
    border-top: 8px solid var(--colorGreenTheme);
}
.portfolioAssessment-table th,
.portfolioAssessment-table td{
    /* padding-left: 15px !important;
    padding-right: 15px !important; */
}

.resultStatusBox{
    height: 50px;
    width: 50px;
    border-radius: 4px;
    color: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.resultStatusBox.resultStatusAccept{
    border: 1px solid #43a047;
    background: #43a047;
}
.resultStatusBox.resultStatusReject{
    border: 1px solid #dd3333;
    background: #dd3333;
}
.resultStatusBox.resultStatusPending{
    border: 1px solid #ffcc33;
    background: #ffcc33;
}
.resultStatusBox i{
    font-size: 30px;
}

.resultStatusBoxFinal{
    height: 50px;
    width: 400px;
    border-radius: 4px;
    color: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.resultStatusBoxFinal.resultStatusAccept{
    border: 1px solid #43a047;
    background: #43a047;
}
.resultStatusBoxFinal.resultStatusReject{
    border: 1px solid #dd3333;
    background: #dd3333;
}
.resultStatusBoxFinal.resultStatusPending{
    border: 1px solid #ffcc33;
    background: #ffcc33;
}
.resultStatusBoxFinal i{
    font-size: 30px;
}

.tableHeaderSection th{
    font-size: 1.25rem;
    border-bottom-color: currentColor;
}

.progressValueCount{
    position: relative;
    width: auto ;
    display: inline-block;
    position: relative;
    float:left;
}
.progress-bar-container{
    margin-bottom: 30px;
}

.disale-anchor-tag{
    pointer-events: none;
}

/* -------------- */
.dashboardStepsChild .dashboardCountInfo span.textPrim{
    color: var(--colorPrim);
}
.dashboardStepsChild .dashboardCountInfo span.amountFlowArrowUp{
    color: var(--colorGreen);
}
.dashboardStepsChild .dashboardCountInfo span.amountFlowArrowDown{
    color: var(--colorRed);
}
.parentAmountSec{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.asideIcon{
    width: 70px;
}
.postValidationDashboard .row{
    gap: 20px 0;
}
.postValidationDashboard .col-sm-12{
    width: 24.3%;
}
.dashboardTablesBox .dashboardTable.newTableLeft{
    width: 75%;
}
.dashboardTablesBox .dashboardTable.newTableRight,
.dashboardTablesBox .dashboardTable.topUsersTable{
    width: 25%;
}
.topUserDetailSec {
    display: flex;
    align-items: center;
    gap: 5px;
}
.topUserImage{
    display: inline-block;
}
.topUserDetail {
    flex-direction: column;
}

.topUserDetailTable .dataTables_filter,
.topUserDetailTable .dataTables_info,
.portfolioAnalysisTables .dataTables_filter,
.portfolioAnalysisTables .dataTables_info{
    display: none;
}
.analysisDashboardTables table.dataTable thead th,
.analysisDashboardTables table.dataTable tbody td{
    font-size: 14px;
}
.assessmentResultStatus{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    width: 22px;
    min-width: 22px;
    border-radius: 50%;
    color: var(--colorWhite);
}
.assessmentResultStatus i{
    font-size: 14px;
    line-height: 22px;
}
.assessmentResultStatus.assessmentResultPending{
    background: var(--colorYellow);
}
.assessmentResultStatus.assessmentResultReject{
    background: var(--colorRed);
}
.assessmentResultStatus.assessmentResultAccept{
    background: var(--colorGreen);
}
.postValidationChart{
    margin-bottom: 30px;
}

.reportChartStats{
    display: flex;
    gap: 10px 0;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    flex-wrap: wrap;
}
.reportChartStats .reportChartStatsBox{
    width: 25%;
    border-right: 1px solid #ddd;
    text-align: center;
}
.reportChartStats .reportChartStatsBox:last-child{
    border-right: none;
}
.reportChartValue{
    font-family: var(--circularBold);
}
.reportPortfolioAssessment .reportChartValue{
    color: #333;
}
.reportPortfolioValidation .reportChartValue{
    color: var(--colorGreen);
}
.reportAwaitingValidation .reportChartValue{
    color: var(--colorYellow);
}
.reportPortfolioRejection .reportChartValue{
    color: var(--colorRed);
}
.reportChartBox{
    padding: 10px 40px;
}

.chartTopbarBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.postValidationDashboard .row{
    margin-left: -10px;
    margin-right: -10px;
}
.postValidationDashboard .col-sm-12{
    padding-left: 10px;
    padding-right: 10px;
}

.darkColumnData,
.darkColumnData a{
    background: #f6f6f6;
}
.topUserImage{
    height: 35px;
    width: 35px;
}
.customVideoViewItem{
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
}
.customVideoViewLink{
    /* border: 1px solid #ddd; */
    height: 18px;
    width: 18px;
    display: inline-block;
    float: left;
    margin-top: -2px;
    cursor: pointer;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* padding: 2px; */
}
.customVideoViewLink i{
    font-size: 18px;
}

.tutorialVideoModal .modal-dialog{
    max-width: 800px;
}
.assessmentTableCard .dataTables_scroll{
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.assessmentTableCard .dataTables_filter{
    margin-bottom: 15px;
}
.portfolioAssessment-table2.table.dataTable thead th{
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #000;
    border-top: none;
    border-left: none;
}
.portfolioAssessment-table2.table.dataTable thead th:last-child{
    border-right: none;
}
.portfolioAssessment-table2.table.dataTable td{
    /* border: 1px solid #ddd;
    color: #030229b3; */
    border-right: 1px solid #ddd;
    color: #030229b3;
    border-bottom: none;
}
.portfolioAssessment-table2.table.dataTable td:last-child{
    border-right: none;
}
.assessmentTableCard .dataTables_wrapper .dataTables_paginate .paginate_button.current{
    border: 1px solid var(--colorPrim);
    background: var(--colorPrim);
    color: var(--colorWhite) !important;
}
.assessmentTableCard .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: 1px solid var(--colorPrim);
    background: var(--colorPrim);
    color: var(--colorWhite) !important;
}
.assessmentTableCard .dataTables_paginate{
    padding-top: 15px;
}
.assessmentTableCard .dataTables_info{
    display: none;
}
.customActionSection{
    display: inline-flex;
    /* flex-wrap: wrap; */
    gap: 5px 0;
}
.customActionSection .actionsSectionList:first-child,
.customActionSection .actionsSectionList:nth-child(2){
    width: calc(50% - 3px);
}
.customActionSection .actionsSectionList:first-child{
    margin-right: 3px;
}
.customActionSection .actionsSectionList:nth-child(2){
    margin-left: 3px;
}
.customActionSection .actionsSectionList:last-child{
    width: 100%;
}
.actionsSectionList .actionsSectionLink{
    height: 28px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* border-radius: 50%; */
    padding: 2px 4px;
}
.actionsSectionLink.actionsSectionInfo{
    /* border: 1px solid var(--colorYellow); */
    color: var(--colorYellow);
    border-radius: 14px;
}
.actionsSectionLink.actionsSectionInfo:hover{
    background: var(--colorYellow);
    color: var(--colorWhite);
}

.actionsSectionLink.actionsSectionRefresh{
    /* border: 1px solid var(--colorGreen); */
    color: var(--colorGreen);
    border-radius: 14px;
}
.actionsSectionLink.actionsSectionRefresh:hover{
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.actionsSectionLink.actionsSectionRemove{
    /* border: 1px solid var(--colorRed); */
    color: var(--colorRed);
    border-radius: 14px;
}
.actionsSectionLink.actionsSectionRemove:hover{
    background: var(--colorRed);
    color: var(--colorWhite);
}

.preferencesMailBox2{
    border: 1px solid #b6b2b2;
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

.portfolioStatus{
    padding: 5px;
    border-radius: 10px;
    color: white;
}

.pendingPortfolioStatus{
    background: #ffad00;
    cursor: pointer;
}

.acceptedStatus{
    background: #009e35;
}

.rejectedStatus{
    background: #f22436;
    cursor: pointer;
}

/* ---------------- */
.dashboardCountInfo{
    display: inline-flex;
    flex-direction: column;
}
.newCustomTab.newCustomTabdaysTab,
.newCustomTab.newCustomTabmonthsTab{
    position: relative;
    padding-left: 30px;
}
.yaxisChartLabel{
    position: absolute;
    left: -20px;
    transform: rotate(-90deg);
    top: 38%;
}
.portfolioAssessment-table2.table.dataTable td.linkStyleTabledata{
    padding: 0;
}
.linkStyleTabledata .styledTabledataLink{
    /* display: inline-flex; */
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    color: #030229b3;
    padding: 5px 5px;
}
.areaInsightsSection .dashCardBox thead tr.newHeadingTableHead th{
    text-align: center !important;
    border-bottom: none;
    color: var(--colorGrey3);
    /* padding-bottom: 0; */
    font-size: 18px;
    font-family: var(--circularRegular);
    color: var(--colorBlack);
    font-weight: 500;
}


/* ---------------- */

.dashboardCountInfo.dashboardCountInfoLatest{
    /* display: inline-flex;
    flex-direction: column; */
    display: block;
}
.customSelectOption{
    width: 45px;
}
.customSelectOption select{
    text-align: center;
}
.customSelectOption select::-webkit-input-placeholder {
    text-align: left;
}
.customSelectOption select option{
    text-align: left;
}

.preferencesMailBoxChild label.customLabelSec,
.preferencesMailBoxChild label.customLabelSec2{
    padding-right: 0;
}
.customLabelSec{
    width: 215px;
}
.customLabelSec2{
    width: 120px;
}
.formulaAccordionItem{
    margin-bottom: 0px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.formulaAccordionItem:last-child{
    border-bottom: none;
}

.accordionButton,
.accordionButton:hover{
    cursor: pointer;
    display: inline-flex;
    width: 100%;
    color: var(--colorBlack);
    font-size: 24px;
    padding: 0px !important;
    border: none !important;
    font-family: var(--circularBold);
}
.formulaAccordionBody{
    margin-top: 10px;
}

.accordion-item.formulaAccordionItem{
    border: none;
    border-radius: 0;
    padding: 5px 25px 0px 25px;
    border: 1px solid #b5aaaa;
    border-radius: 10px;
    margin-top: 15px;
}
/* .accordion-item.formulaAccordionItem:last-child{
    border-bottom: none;
} */
.accordionButton.accordion-button:not(.collapsed){
    color: var(--colorPrim);
    background-color: transparent;
    box-shadow: none;
}
.preferencesMailBox{
    margin-bottom: 20px;
}
.textLabelOption{
    margin-bottom: 10px;
}

.reportCountPositive{
    color: var(--colorGreen);
}
.reportCountNegative{
    color: var(--colorRed);
}
.reportCountSection{
    display: inline-flex;
    align-items: flex-start;
    gap: 5px;
}
.todayReportCount{
    line-height: 20px;
    padding-bottom: 2px;
}
.reportCounterSection{
    display: inline-flex;
    flex-direction: column;
}
.reportCountIcon{
    font-size: 24px;
    line-height: 28px;
}
.customSelectWidth{
    width: 230px;
}


/* ---------------- */

.dealStackersRow {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
}
.dealStackersRow .col-sm-6{
    width: 100%;
}
/* .propertyHeadName br{
    display: none;
} */

.propertyInnerTabsStyle.propertyInnerTabs .nav-tabs{
    display: grid;
    grid-template-columns: 49% 24% auto;
    gap: 18px;
    justify-content: normal;
}
.propertyInnerTabsStyle.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty,
.propertyInnerTabsStyle.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect,
.propertyInnerTabsStyle.propertyInnerTabs .nav-tabs .nav-item.tabArchives{
    width: 100%;
    margin-right: 0;
}
.propertyInnerTabsStyle.propertyInnerTabs .nav-tabs .nav-item.tabArchives button{
    height: 100%;
}
@media(max-width: 1560px){
    .propertyHeadName br{
        display: inline;
    }
    .propertyInnerTabsStyle.propertyInnerTabs .nav-tabs{
        grid-template-columns: 38% 30% auto;
    }
}
@media(max-width: 1367px){
    .dealAnalyserBoxs .analyserCategory .analyserCatTop.analyserCatTopNew{
        padding: 10px 5px 10px;
    }
    .propertyInnerTabsStyle.propertyInnerTabs .nav-tabs {
        grid-template-columns: 35% 30% auto;
    }
}
@media(max-width: 1199px){
    .dealAnalyserBoxs .analyserCategory .analyserCatTop.analyserCatTopNew{
        padding: 10px 5px 10px;
    }
    .dealAnalyserBoxs.dealAnalyserBoxsNew .analyserCategory{
        height: 100%;
        display: flex;
    }
}
@media(max-width: 767px){
    .dealStackersRow{
        display: flex;
    }
    .propertyHeadName br{
        display: none;
    }
}
@media(max-width: 560px){
    .propertyInnerTabsStyle.propertyInnerTabs .nav-tabs {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .propertyInnerTabsStyle.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty, 
    .propertyInnerTabsStyle.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect, 
    .propertyInnerTabsStyle.propertyInnerTabs .nav-tabs .nav-item.tabArchives{
        margin-bottom: 0;
    }
}

.card-duplicate-box{
    display: -webkit-inline-box;
    padding-bottom: 15px;
}

.duplicate-card-user-box{
    border: 1px solid #3787e3;
    border-radius: 10px;
    padding: 10px 30px;
}

.heatMapLable .marker_0_100::before {
    background: linear-gradient(to right, #FFFF00 0%, #FF0000 100%);
}

.polygon-label {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

/* -------------- */
.findAreaPageSection.findMapFilterPageUpdate .findAreaFilterPage.findAreaFilterPageUpdate{
    width: 300px;
    min-width: 300px;
}
.childFilters.childFiltersNew.childFiltersNewUpdate{
    grid-template-columns: 1fr;
    position: relative;
}
.heatFilterRadioLists label{
    font-size: 13px;
    line-height: 13px;
    color: var(--colorBlack);
    font-family: var(--circularBook);
}
.heatFilterRadioLists input[type="radio"]{
    accent-color: var(--colorGreen);
}
.heatFilterRadioLists-child{
    width: 50%;
}
.customCheckListBoxParent{
    /* position: relative; */
    margin-bottom: -3px;
}
.customCheckListBoxParent .customCheckListBox{
    width: calc(100% - 160px);
    display: inline-flex;
    gap: 5px;
    align-items: flex-start;
}
.customCheckListing {
    position: absolute;
    /* left: 0; */
    right: 0;
    top: 0;
    width: 150px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    border-left: 1px solid #ddd;
    height: 100%;
}
.customCheckListBoxParent2 .customCheckListing{
    opacity: 1;
    visibility: visible;
    padding-left: 7px;
} 
.customCheckBox input.form-check-input-latest{
    display: inline-block;
}
.customCheckListingAll{
    display: none;
}
.customCheckListingAll.customCheckListingAll2{
    display: inline-block;
}

.childFilters .childFiltersCheckbox.customRadioBox {
    width: 100%;
    margin-bottom: 0;
}
.childFilters .childFiltersCheckbox.customRadioBox label{
    font-size: 13px;
    line-height: 16px;
    color: var(--colorBlack);
    font-family: var(--circularBook);
    cursor: pointer;
}
.childFilters .childFiltersCheckbox.customRadioBox input[type="radio"]{
    accent-color: var(--colorGreen);
}
.customCheckListingAside{
    max-height: 285px;
    max-height: calc(100% - 53px);
    overflow-y: auto;
    margin: 0px 0;
}
.customCheckListingAll input[type="checkbox"],
.customCheckListingAside input[type="checkbox"]{
    accent-color: var(--colorGreen);
}
.greenOptionSwitchUpdate span{
    font-size: 11px;
    display: inline-block;
    line-height: 12px;
}
.greenOptionSwitchUpdate span:first-child{
    text-align: right;
}
.greenOptionSwitchUpdate{
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
}
.greenOptionSwitch.greenOptionSwitchUpdate.form-switch .form-check-input{
   margin: 0;
   transform: rotate(180deg);
   cursor: pointer;
}
.form-switch-rowNew{
    margin-bottom: 7px;
}

/* -------------- */

.findMapFilterPageUpdate .findAreaFilterTable{
    width: calc(100vw - 667px);
}
.heatMapLable .marker_0_100::before {
    background: linear-gradient(to right, #ffffff 126px, #FFFF00 102px, #FF0000 100%);
}
.findAreaTop.findAreaTopUpdate{
    display: flex;
}
.findAreaTopUpdate .aboutPostcodeHead{
    border-left: 1px solid #ddd;
    min-width: fit-content;
}
.reportSectionDetailUpdate{
    position: relative;
}
.customMapLoader.loader{
    display: none;
}
.reportSectionDetailUpdate .customMapLoader{
    position: absolute;
    opacity: 0.9;
}
.customSliderArrows{
    position: relative;
}
.customSliderArrows .slick-prev.slick-arrow,
.customSliderArrows .slick-next.slick-arrow{
    font-size: 0;
    position: absolute;
}
.customSliderArrows .slick-arrow{
    position: absolute;
    color: #fff;
    top: calc(50% - 15px);
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.customSliderArrows .slick-arrow::before{
    position: absolute;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    font-size: 16px;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
}
.customSliderArrows .slick-prev.slick-arrow{
    left: 0;
}
.customSliderArrows .slick-prev.slick-arrow::before{
    content: '\f053';   
    left: 0;
}
.customSliderArrows .slick-next.slick-arrow{
    right: 0;
}
.customSliderArrows .slick-next.slick-arrow::before{
    content: "\f054";
    right: 0;
}
.uploadPropImageBox .customSliderArrows,
.uploadPropImageBox .customSliderArrows .slick-list,
.uploadPropImageBox .customSliderArrows .slick-list .slick-track,
.uploadPropImageBox .customSliderArrows .slick-list .slick-track .slick-slide,
.uploadPropImageBox .customSliderArrows .slick-list .slick-track .slick-slide div,
.uploadPropImageBox .customSliderArrows .slick-list .slick-track .slick-slide div .magnific-img{
    height: 100%;
}
.uploadPropImageBox .customSliderArrows .slick-list .slick-track .slick-slide div .magnific-img img{
    height: 88%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.uploadPropImageBoxParent{
    height: 100%;
    position: relative;
}
.uploadPropImageBoxParent .sliderCounterParent{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.sliderCounterParent .sliderCounter{
    background: var(--colorWhite);
    color: var(--colorBlack);
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 14px;
}

.customSliderArrows .slick-arrow.slick-disabled::before{
    opacity: 0.5;
}

.markerInnerChild{
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    width: 102px !important;
    background: #fff;
    border: 1px solid #000;
}
.smallButtonMobile2:hover path{
    fill: #fff;
}
.childFilters .childFiltersCheckbox.customRadioBox .checksNotAllowed label{
    cursor: not-allowed !important;
    opacity: 0.5;
}
.heatFilterRadioLists-child label{
    cursor: pointer;
}
.leadsFilterLink .leadsFilterCounter{
    line-height: 20px;
}
.removeTooltipLinkNew{
    background: #fff;
    position: absolute;
    z-index: 9;
    left: -10px;
    top: -10px;
    box-shadow: 0px 0px 1px 1px rgba(237,56,51, 0.5);
    opacity: 0;
    visibility: hidden;
}
.savedFilterListItemActive .removeTooltipLinkNew,
.removeTooltipLinkNew.removeTooltipLinkNewActive{
    opacity: 1;
    visibility: visible;
}
.savedFilterListItem.savedFilterListItemActive .leadsFilterCounter{
    background-color: var(--colorWhite);
    color: var(--colorPrim);
} 

.dashButton.heatmap-animation{
    animation: blinkMe 1.3s linear infinite;
}
.mapAreaPopupSection.areaReportDetailsSection{
    margin-top: 0px;
}
.mapAreaPopupSectionBtm{
    margin-top: 30px;
}
.reset-success-msg{
    color: #fff!important;
    padding: 10px 10px;
    background: #81c181;
    border-radius: 5px;
}


/* ------------ */
.priceSlideTags .toggle-btns{
    padding: 10px 3px 4px;
}
.priceSlideTags .button-box{
    /* width: 490px; */
}
.priceSlideTags .priceCommonTag {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 16px;
    background: #042e52;
    color: var(--colorWhite);
    padding: 2px 1px 1px;
    border-radius: 4px;
}
/* ------------------- */
.updatedFormDesign.formDesign .form-group{
    margin-bottom: 10px;
}
.updatedFormDesign.formDesign label{
    margin-bottom: 5px;
}
.updatedFormDesign.formDesign hr{
    margin: 10px 0;
}
.formBlockSectionChild{
    padding-bottom: 10px;
}
.formBlockSection{
    padding: 15px 20px;
    border: 1.5px solid #ccc;
    border-radius: 12px;
    height: 100%;
}
.subscriptionPageUpdate{
    margin-top: 34px;
}
.plan-details-update{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.separatedSectionBox{
    padding-top: 3px;
    margin-top: 3px;
    border-top: 1px solid #ccc;
    display: block;
    width: 100%;
}
.subscriptionUpdateSection .formBlockSectionChild{
    padding: 20px 0;
}
.formBlockSectionCard{
    margin-top: 20px;
}
.puzzleSlideModal .modal-dialog{
    max-width: 600px;
}
.puzzleSlideModal .modal-content{
    padding: 50px 50px;
}
.puzzleSlideModal .slidercaptcha{
    border: none;
    margin-bottom: 0;
}

/* ----------------- */

.termsSelection{
    display: none;
}
/* .termsSelection.termsForYearly{
    display: block;
} */
.termsSelection p{
    padding-left: 30px;
}
.termsSelection label{
    top: 5px;
}
/* ----------------- */
.discountRibbonParent .discountRibbonChild{
    width: auto;
    max-width: 100%;
}
.activeSlideBtn .separatedSectionBox{
    border-top: 1px solid #fff;
}
.authorizeCheckbox .signup-terms{  
    top: 10px;
}
/* .packages:nth-child(2){
    padding: 60px 15px 40px;
}
.discountRibbonParent .discountRibbonChild{
    top: -54px;
} */

.payment-icon{
    min-width: 134px;
}
/* Countdown Timer Start */
.countdownTimerBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.countdownTimerBox .countdownTimerCards {
    display: flex;
    gap: 15px;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard {
    text-align: center;
    font-size: 25px;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard p {
    color: #8486a9;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .flip-card {
    display: flex;
    flex-direction: column;
    /* box-shadow: 0 7px 3px 0 #151515; */
    position: relative;
    margin: 15px auto;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-half,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-half,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-flip,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-flip {
    color: #fb6087;
    font-size: 35px;
    height: 49px;
    width: 77px;
    padding: 23px 7px;
    overflow: hidden;
    text-align: center;
    will-change: transform !important;
    box-shadow: 0 3px rgba(71, 83, 115, 0.2) inset;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-half,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-flip {
    color: #d54d6f;
    border-radius: 5px 5px 0 0;
    background-color: #2c2c44;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-half::before,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-flip::before {
    content: "";
    background-color: #fff;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    left: -5px;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-half::after,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-flip::after {
    content: "";
    background-color: #fff;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    right: -5px;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-half,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-flip {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 0 0 5px 5px;
    background-color: #343650;
    box-shadow: 0 -2px 5px 0 rgba(71, 83, 115, 0.7) inset;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-half::before,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-flip::before {
    content: "";
    background-color: #fff;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    left: -5px;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-half::after,
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-flip::after {
    content: "";
    background-color: #fff;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    right: -5px;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .top-flip {
    position: absolute;
    transform-origin: bottom;
    transform: rotateX(0deg);
    animation: flip-top 0.5s ease-in forwards;
}
.countdownTimerBox .countdownTimerCards .countdownTimerCard .bottom-flip {
    position: absolute;
    bottom: 0;
    transform-origin: top;
    transform: rotateX(90deg);
    animation: flip-bottom 0.5s ease-out 0.5s;
}
    @keyframes flip-top {
    to {
        transform: rotateX(90deg);
}
}
    @keyframes flip-bottom {
    to {
        transform: rotateX(0deg);
}
}
.countdownTimerBox{
    margin-bottom: 30px;
}

    /* --------------- */
.textDecorationStrike{
    display: inline !important;
}
.priceSmallMainHead{
    padding: 0 10px;
}
.packages .priceSmallNewHead .supSection{
    margin-right: 5px;
    font-size: 14px;
    display: inline;
    float: left;
}

.sup-beta{
    border-radius: 5px;
    padding: 3px;
    background: #c62e1a;
}


.shortlist-count{
    font-size: 14px;
    position: relative;
    bottom: 6px;
    left: 2px;
}

.shortlistHeader {
    cursor: pointer;
    color: #A6ACBE;
    line-height: 20px;
    border: solid 1px;
    border-radius: 5px;
    padding: 1px 6px 1px 6px;
    color: #000000;
    display: flex;
    align-items: center;
}

.shortlistHeader .fa-heart{
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-size: 26px;
}

/* .quick-search-tags {
    display: flex;
    justify-content: space-between;
    width: 100%;
} */

.quick-search-input {
    flex: 1;
    text-align: center;
}

.quick-search-input label {
    display: inline-block;
    padding: 3px 5px;
    color: var(--colorPrim);
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid;
    width: 95%;
    box-sizing: border-box;
    text-align: center;
    box-shadow: -3px 6px 8px 0px rgb(0 0 0 / 12%);
}

/* .quick-search-input input[type="radio"]:checked + label {
    background-color: var(--colorPrim);
    border: 1px solid var(--colorPrim);
    color: white;
} */

.quick-search-checkbox {
    display: none;
}

.quick-search-checkbox2 {
    display: none;
}

.tooltip-inner {
    text-align: left;
}

.quick-search-tags{
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 5px
}
.quick-search-input{
    font-size: 12px;
}
.quick-search-input label{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.enableDisableToggle2,
.enableDisableToggleNew2
{
    position: relative;
    cursor: not-allowed;
}
.enableDisableToggleNew2{
    /* pointer-events: none; */
    cursor: not-allowed;
}
.searchDropdownFilter-new .searchFilterToggle{
    position: relative;
    /* pointer-events: none; */
    cursor: not-allowed;
}
.enableDisableToggle2::after,
.enableDisableToggleNew2:after,
.searchDropdownFilter-new .searchFilterToggle::after{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.enableDisableToggleNew,
.propertyTypeFiltersBox-new{
    width: auto;
    float: left;
}

.trial-user-seaction{
    /* border-radius: 10px;
    border: 1px solid #cccaca; */
    padding: 10px 10px 10px 10px;
}

.disable-clicks {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
    /* background-color: #dad6d6; */
}

.green-notepad{
    background-color: #55a26a;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
}

.red-notepad{
    background-color: #ca4155;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
}
.filter_types_check label{
    /* padding-bottom: 10px; */
    padding-top: 3px;
    padding-bottom: 3px;
    color: var(--colorBlack);
}

.filter_types_check label .outerSpanBox{
    width: 100%;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.filter_types_check label .outerSpanBox::after{
    position: absolute;
    content: '';
    height: 4px;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 4px;
}
.filter_types_check.all_types_check label .outerSpanBox::after{
    background: #3787e3;
}
.quick-search-input.all_types_check input[type="radio"]:checked + label{
    background: #3787e3;
    color: var(--colorWhite);
    border: 1px solid #3787e3;
}

.filter_types_check.btl_types_check label .outerSpanBox::after{
    background: #50C878;
}
.quick-search-input.btl_types_check input[type="radio"]:checked + label{
    background: #50C878;
    color: var(--colorWhite);
    border: 1px solid #50C878;
}

.filter_types_check.flip_types_check label .outerSpanBox::after{
    background: #7851A9;
}
.quick-search-input.flip_types_check input[type="radio"]:checked + label{
    background: #7851A9;
    color: var(--colorWhite);
    border: 1px solid #7851A9;
}

.filter_types_check.motivated_seller_types_check label .outerSpanBox::after{
    background: #FF2400;
}
.quick-search-input.motivated_seller_types_check input[type="radio"]:checked + label{
    background: #FF2400;
    color: var(--colorWhite);
    border: 1px solid #FF2400;
}

.filter_types_check.hmo_types_check label .outerSpanBox::after{
    background: #40E0D0;
}
.quick-search-input.hmo_types_check input[type="radio"]:checked + label{
    background: #40E0D0;
    color: var(--colorWhite);
    border: 1px solid #40E0D0;
}

.filter_types_check.sa_types_check label .outerSpanBox::after{
    background: #F4A001;
}
.quick-search-input.sa_types_check input[type="radio"]:checked + label{
    background: #F4A001;
    color: var(--colorWhite);
    border: 1px solid #F4A001;
}

.filter_types_check.commercial_2_resi_types_check label .outerSpanBox::after{
    background: #800020;
}
.quick-search-input.commercial_2_resi_types_check input[type="radio"]:checked + label{
    background: #800020;
    color: var(--colorWhite);
    border: 1px solid #800020;
}

.filter_types_check.plo_types_check label .outerSpanBox::after{
    background: #000080;
}
.quick-search-input.plo_types_check input[type="radio"]:checked + label{
    background: #000080;
    color: var(--colorWhite);
    border: 1px solid #000080;
}

.filter_types_check.r2r_types_check label .outerSpanBox::after{
    background: #FF7F50;
}
.quick-search-input.r2r_types_check input[type="radio"]:checked + label{
    background: #FF7F50;
    color: var(--colorWhite);
    border: 1px solid #FF7F50;
}

/* --------------- */
.dashboardChartSection.dashboardChartSection-update{
    border-right: 1px solid rgba(181, 181, 195, 1);
}
.dashboardChartSection.dashboardChartSection-update:first-child{
    padding-left: 0;
}
.dashboardChartSection.dashboardChartSection-update:last-child{
    padding-right: 0;
}
.dashboardChartSection.dashboardChartSection-updatenew .dashboardBarsChild{
    border-bottom: 1px solid rgba(181, 181, 195, 1);
}
.valueStatus-update .valueStatusBar{
    height: 18px;
    height: 22px;
}
.valueStatus-update .valueStatusPointer{
    height: 18px;
    height: 20px;
}
.valueStatus.valueStatus-update{
    padding-top: 20px;
    padding-top: 24px;
}
/* .property-charts-stats-box .dashboardChartSection-updatenew, */
.property-charts-stats-box{
    padding-top: 10px
}
.propertyChartsStatsDetailText{
    line-height: 16px;
    color: #030229;
    opacity: 0.7;
}

.dashboardChartSection.dashboardChartSection-updatenew .dashboardBarsChild.dashboardBarsChild2{
    border-bottom: none;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid rgba(181, 181, 195, 1);
}
.dashboardBarsChild2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dashboardBarsChild2 .parentAmountBox{
    line-height: 0;
}
.dashboardBarsChild2 .parentAmount{
    line-height: 14px;
}
.propertyChartsStatsDetail{
    /* padding: 0 10px; */
}
.dashboardBarsChild-update{
    padding-bottom: 5px;
}
.textCapital{
    text-transform: uppercase;
}
.propertyTableDetailsListItem{
    display: flex;
    /* padding: 2px 0; */
}
.propertyTableDetailsListItem:not(:last-child){
    border-bottom: 1px solid rgba(181, 181, 195, 1);
}
.propertyTableDetailsListItem .propertyTableDetailsItemHead{
    color: #030229;
    opacity: 0.7;
    min-width: 95px;
    width: 95px;
    border-right: 1px solid rgba(181, 181, 195, 1);
    padding: 2px 0;
}
.propertyTableDetailsListItem .propertyTableDetailsItemText{
    color: #030229;
    padding-left: 5px;
}

.dashboardChartSection.propertyDetailsCardSection{
    padding-bottom: 0;
}

.boxSeparationSection{
    display: flex;
}
.propertyTableDetailsList2 .propertyTableDetailsListItem .propertyTableDetailsItemHead{
    min-width: 180px;
    width: 180px;
}
.dashboardTablesSec-update{
    /* display: grid;
    grid-template-columns: 1fr; */
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.customTableDesign-update .dataTables_filter,
.customTableDesign-update .dataTables_info{
    display: none;
}
/* .customTableDesign-update table.dataTable.display thead tr th,
.customTableDesign-update table.dataTable.display tbody tr td{
    border: 1px solid #ddd;
} */
.customTableDesign-update table.dataTable.display tbody tr td{
    border-right: 1px solid #ddd;
}
.customTableDesign-update table.dataTable.display tbody tr td:last-child{
    border-right: none;
}
/* .propStatsBox-update{
    border: 1px solid rgba(181, 181, 195, 1);
} */
.propertySectionsChartsRow{
    gap: 30px 0;
}

/* -------------- */
.customProgressOuter{
    height: 20px;
    width: 100%;
    background-color: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}
.customProgressInner{
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--colorGreenTheme);
}

.newPopupDesign .modal-dialog{
    max-width: 600px;
}

.processStepsItemScrollbox{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.processStepsItemIcons{
    display: inline-flex;
    align-items: center;
}
.processStepsListItem .inProcessState{
    display: inline-block;
}
.processStepsListItem .inProcessState .fa-spinner{
    margin: 0;
}
.processStepsListItem .processCompleteState{
    display: none;
}
.processStepsListItem.progressComplete .processCompleteState{
    display: inline-block;
}
.processStepsListItem.progressComplete .inProcessState{
    display: none;
}
.processCompleteState i,
.inProcessState i{
    font-size: 24px;
}
.inProcessState i{
    color: #ccc;
    animation: rotate 2s linear infinite;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.processCompleteState i{
    color: var(--colorGreenTheme);
}
.processStepsListItem:not(:last-child){
    margin-bottom: 13px;
}
.processStepsListItem.progressComplete:last-child .processCompleteState{
    display: none;
}
.processStepsListItem.progressComplete:last-child .inProcessState{
    display: inline-block;
}
.newPopupDesign .modal-body{
    padding: 30px 30px;
}


.customPoprertyValuationTable .dashboardTableBottom .dataTables_scrollBody{
    max-height: unset;
}

.assessmentTableCard-update table.dataTable.display tbody tr td{
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-width: 0;
}

.btnStyle.customTabsDesign.customTabsDesign-update{
    font-size: 14px;
    line-height: 20px;
    padding: 5px 20px;
}

.view-market-value-test{
    color: white;
    background-color: #59b439;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
}

/* ----------- */
.newButtonSection{
    display: flex;
    flex-direction: column;
}
.stepCompleteIcon{
    display: none;
}
.freeTrialStepItemList{
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    background: #ccc;
    color: #fff;
}
.freeTrialStepItem{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.freeTrialStepGrid{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.freeTrialStepGridChild{
    display: inline-flex;
    gap: 70px;
}
.freeTrailStepsContent{
    padding: 20px 100px 40px;
}
.freeTrailFormStepsFields{
    margin-top: 20px;
}
.quick-search-tags2{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 10px;
    margin-top: 10px;
}
.quick-search-input.btl_types_check input[type="checkbox"]:checked + label{
    background: #50C878;
    color: var(--colorWhite);
    border: 1px solid #50C878;
}
.quick-search-input.flip_types_check input[type="checkbox"]:checked + label{
    background: #7851A9;
    color: var(--colorWhite);
    border: 1px solid #7851A9;
}
.quick-search-input.motivated_seller_types_check input[type="checkbox"]:checked + label{
    background: #FF2400;
    color: var(--colorWhite);
    border: 1px solid #FF2400;
}
.quick-search-input.hmo_types_check input[type="checkbox"]:checked + label{
    background: #40E0D0;
    color: var(--colorWhite);
    border: 1px solid #40E0D0;
}
.quick-search-input.sa_types_check input[type="checkbox"]:checked + label{
    background: #F4A001;
    color: var(--colorWhite);
    border: 1px solid #F4A001;
}
.quick-search-input.commercial_2_resi_types_check input[type="checkbox"]:checked + label{
    background: #800020;
    color: var(--colorWhite);
    border: 1px solid #800020;
}
.quick-search-input.plo_types_check input[type="checkbox"]:checked + label{
    background: #000080;
    color: var(--colorWhite);
    border: 1px solid #000080;
}
.quick-search-input.r2r_types_check input[type="checkbox"]:checked + label{
    background: #FF7F50;
    color: var(--colorWhite);
    border: 1px solid #FF7F50;
}
.quick-search-input.nonSelectedcheckboxs input[type="checkbox"] + label{
    color: #ccc;
    opacity: 0.5;
    cursor: not-allowed;
}
.quick-search-input.nonSelectedcheckboxs input[type="checkbox"]{
    pointer-events: none;
}
.freeTrialStepsHeader{
    position: relative;
    padding: 25px 50px 0;
}
.freeTrialStepGridChild{
    background: var(--colorWhite);
    position: relative;
}
.freeTrialStepGridChild::after{
    position: absolute;
    content: '';
    height: 2px;
    width: calc(100% - 4px);
    left: 0;
    top: 20px;
    background: #ddd;
}

.freeTrialStepItem{
    position: relative;
    z-index: 1;
}
.freeTrialStepItem:first-child::before{
    position: absolute;
    content: '';
    height: 2px;
    width: calc(50% - 20px);
    top: 20px;
    background: #fff;
    left: 0;
}
.freeTrialStepItem:last-child::before{
    position: absolute;
    content: '';
    height: 2px;
    width: calc(50% - 20px);
    top: 20px;
    background: #fff;
    right: 0;
}
.freeTrailStepsButton{
    margin-top: 40px;
}
.freeTrialStepCompleted .freeTrialStepItemList{
    background: #50C878;
    color: var(--colorWhite);
}

.freeTrialStepWaiting .freeTrialStepItemList{
    background: orange;
    color: var(--colorWhite);
}
.freeTrialStepCompleted .freeTrialStepItemList .stepCountItem{
    display: none;
}
.freeTrialStepCompleted .freeTrialStepItemList .stepCompleteIcon{
    display: inline-block;
}
.latestFormDesign .latestFormDesignLabel{
    font-size: 13px;
    color: #000;
    text-shadow: 0.5px 0px black;
    margin-bottom: 5px;
}

.verificationFormSection{
    display: grid;
    grid-template-columns: auto 302px;
}
.freeTrailStepsContent.freeTrailStp2Content{
    padding: 20px 70px 40px;
}
.verificationFormLeft{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
    padding-right: 20px;
    height: fit-content;
}
.waitlistFormLeft{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
    /* padding-right: 20px; */
    height: fit-content;
}
.verificationFormRight{
    padding-left: 20px;
    padding-bottom: 5px;
    border: none;
    border-radius: 0;
    border-left: 1px solid #ccc;
}
.verificationFormRight .card-body{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.verificationFormRight .card-body div{
    margin: 0px !important;
}
.noteContent{
    display: inline-block;
    color: #ccc;
    margin-top: 5px;
}
.cardDetailsFieldBox{
    display: grid;
    grid-template-columns: 49% 17% 17% 17%;
    gap: 10px 10px;
}
.verificationCheckboxText{
    padding-left: 30px;
}
.verification-mail-checkbox{
    top: 8px;
}
.agreeTermsCheckbox{
    display: none;
}
.paymentLaterCheckbox{
    display: inline-block;
}
.onBackBtn{
    color: var(--colorBlack)
}

.backModal{
    position: absolute;
    left: 20px;
    top: 20px;
}
.onCloseModalBox{
    right: 20px !important;
    top: 20px !important;
}
.freeTrialButtonSection2{
    display: flex;
    align-items: center;
    justify-content: center;
}
.freeTrialStepModal .modal-dialog{
    max-width: 1000px;
}
.freeTrialCurrentStep .freeTrialStepItemList{
    background: #FF7F50;
}

.opacity30{
    opacity: 50%;
    cursor: not-allowed;
}
.opacity30 *{
    pointer-events: none;
}

.animated-text{
    color: #fff;
    background: var(--colorBlue);
    height: 42px;
    overflow: hidden;
    width: 30%;
    border-radius: 5px;
    margin-left: 35%;
  }
  
  .line{
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 14px;
    line-height: 55px;
  }
  
  .line:first-child{
    animation: anim 12s infinite;
  }
  
  @keyframes anim {
    0%{
      margin-top: 0;
    }
    16%{
      margin-top: -60px;
    }
    33%{
      margin-top: -120px;
    }
    50%{
      margin-top: -180px;
    }
    66%{
      margin-top: -120px;
    }
    82%{
      margin-top: -60px;
    }
    100%{
      margin-top: 0;
    }
  }

  .header-lead-count{
    background: #e1edfb;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    padding-top: 2px;
    color: var(--colorPrim);
  }

  .swal-overlay--show-modal{
    z-index: 999999;
  }
  .dealAnalyserImageCardNew-update{

  }
  .propPicNew-update{

  }
  .map-infowin-2-update .propPic{
    padding-top: 64px;
  }
  .gm-style-iw-ch{
    padding-bottom: 10px;
  }
  .gm-ui-hover-effect{
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .gm-ui-hover-effect span{
    margin: 0px !important;
    width: 20px !important;
    height: 20px !important;
  }

  .subscription-preview-lable{
    line-height: 2.3;
    background: whitesmoke;
    border-radius: 5px;
  }

.cursor-pointer {
    cursor: pointer;
}

.discount-lable{
    background: #dc3545;
    border-radius: 0px 15px 0px 15px;
    padding: 0px 5px 0px 5px;
    color: white;
}

.fetchSoldHistoryBtn{
    font-size: 16px;
    font-weight: 900;
    padding: 0px 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 1px #a15097;
    color: #ffffff;
    background: #a15097;
    animation: blinkMe 1.3s linear infinite;
}

.fetchSoldHistoryBtn:hover{
    color: #a15097;
    background: white;
    animation: none;
}

.sectionLoader{
    display: flex;
    justify-content: space-around;
    background: rgba(0,0,0,0.1);
}


.estimated-price-prop-type{
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    background: white;
    border-radius: 10px;
}

.estimated-price-prop-type .dashboardCountInfo{
    border-right: 1px solid rgba(181, 181, 195, 1);
    margin: 5px 5px;
}

.estimated-price-prop-type .dashboardCountInfo:last-child {
    border-right: none;
}

.estimated-price-prop-type .stepCounter{
    color: #4e4d69;
}

.newSoldDataDes{
    margin-right: 20px;
    height: auto;
    flex: 0 0 auto;
    width: 66.666%;
}

.barCharLableGreen,
.barCharLableGreen span:first-child {
    --color: #36b0c5;
}

.line-container {
    display: flex;
    align-items: center;
    margin-bottom: 9px;
}

.line-container .crime-label {
    font-size: 16px;
    margin-right: 1em;
    white-space: nowrap;
}

.line-container .dotted-line {
    flex: 1;
    border-bottom: 1px dotted #000;
    margin: 0 1em;
    min-width: 100px;
}

.line-container .category-value {
    padding: 5px;
    border-radius: 50%;
    background: #f63235;
    color: var(--colorWhite);
    height: 28px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--circularRegular);
    margin-left: 6px;
    font-size: 16px;
}

.total-category-crime-value{
    height: 45px !important;
    width: 45px !important;
}

.crimes-detail{
    background: white;
    padding: 15px;
    border-radius: 10px;
}

.market-freehold-interest{
    text-align: center;
    background: white;
    border-radius: 10px;
    padding: 15px;
}

.vacant-possession .stepCounter{
    border-bottom: 1px solid #b5b5c3;
    margin: 10px
}

/* ------------ */
.secondSubheading{
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.iconSliderBox.slick-slider{
    margin-bottom: 0px !important;
}
.iconSliderBox .image-wraper{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 3px !important;
}
.iconSliderBox .image-wraper img{
    width: 100%;
    height: auto !important;
    object-fit: cover;
}

.table-border-line{
    border: 1px solid #a2a2a2;
    color: #565656;
}

/* ---------- */
.propertryValuationsListsTabs{
    margin-bottom: 15px;
}
.propertryValuationsListsTabs .nav-item button{
    color: var(--colorBlue);
    width: 100%;
    background: #ccc3;
    padding: 8px 15px 8px;
    font-family: var(--circularBold);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.propertryValuationsListsTabs .nav-item button .propertyCounter{
    border: 1px solid var(--colorBlue);
}
.propertryValuationsListsTabs .nav-item button.active{
    background: var(--colorBlue);
    color: var(--colorWhite);
}
.propertryValuationsListsTabs .nav-item button.active .propertyCounter{
    border: 1px solid var(--colorWhite);
}
.navTabsUpdated .nav-item{
    margin-right: 0;
    text-align: center;
}
.navTabsUpdated {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    border-bottom: none;
}
.newCustomTypeTabs{
    position: relative !important;
    padding-left: 30px;
}

.reportChartStats.reportChartStats-updated .reportChartStatsBox{
    width: 33.3%;
}

.reportChartStats.reportChartStats-updated .reportChartStatsBox2{
    width: 25%;
}

.navTabsUpdatedDesign .nav-item .propertyCounter {
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confidence_1_4 .reportChartValue{
    color: #f76775;
}
.confidence_5_7 .reportChartValue{
    color: #6f58ff;
}
.confidence_8_10 .reportChartValue{
    color: #46c9b8;
}

.postValidationDashboardNew.postValidationDashboard .col-sm-12{
    width: 25%;
}

.dashboardLatestSteps{
    height: 100%;
}


.dashboardTableBottom.customTableScroller .dataTables_scrollBody::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.dashboardTableBottom .dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.navTabsUpdatedDesign .nav-item .propertyCounter{
    height: 34px;
    width: 34px;
    font-size: 16px;
}


/* ----------------------- */

.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--colorWhite) !important;
    background: var(--colorBlue);
    border: none;
    box-shadow: none;
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 30px;
    min-width: 30px;
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    border: none !important;
    font-size: 14px;
    background: #a5cfff6b;
}

.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
    content: '\f053';
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
    content: '\f054';
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before, 
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
    position: absolute;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Font Awesome 5 FREE';
    color: var(--colorWarmGrey);
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    opacity: 1;
    font-size: 0px;
    position: relative;
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 8px;
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button:hover, 
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--colorWhite) !important;
    background: var(--colorBlue);
    border: none;
    box-shadow: none;
}
.customDataTableDesign,
.customDataTableDesign.customTableDesign,
.filterTableSection.commonCustomDataTableNew{
    border: none;
}
.commonCustomDataTableNew .dataTables_scroll{
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.filterTableSection.tableSearchOnRight .dataTables_wrapper .dataTables_filter{
    right: 0;
}

/* -------------- */
.downloadCsvSec{
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.toggleTableViewSecToggleParent{
    padding-top: 22px;
}
.toggleTableViewSecToggleZoom{
    display: flex;
    justify-content: flex-end;
}

.largetable-scroller .dataTables_wrapper{
    width: 100%;
}
.largetable-maximized .largetable-scroller{
    align-items: flex-start;
    padding-top: 65px;
}
.modal-open .select2-container{
    z-index: 9999999;
}

/* Chatbox Styles */
.chatbotTrigger{
    position: fixed;
    bottom: 15px;
    right: 15px;
    height: 80px;
    width: 80px;
    z-index: 99;
}
.chatbotTrigger .chatbotTriggerLink{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: inline-block;
    background: var(--colorPrim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0px 0px 15px 2px rgba(0,0,0, 0.15);
}
.chatbotTriggerLink .chatbotTriggerIcon{
    color: var(--colorWhite);
    font-size: 35px;
    line-height: 35px;
}

.chatbotSection .chatbotBody{
    position: fixed;
    width: 350px;
    right: 15px;
    bottom: 100px;
    height: auto;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    overflow: hidden;
    display: none;
    z-index: 99;
}
.chatbotSection.chatbotVisible .chatbotBody{
    display: block;   
}
.chatbotBody .chatbotBodyHead{
    padding: 20px 20px;
    background: var(--colorPrim);
}

.chatbotBody .deskValChatbox{
    background: var(--colorBlack);
}

.chatbotTrigger .deskValChatbox{
    background: var(--colorBlack);
}

.chatbotBody .chatbotBodyContent{
    padding: 20px 20px;
    background: var(--colorWhite);
}
.chatbotBodyHead h2{
    color: var(--colorWhite);
}
.chatbotForm .form-group{
    margin-bottom: 15px;
}
.chatbotForm .form-control{
    font-size: 15px;
    line-height: 18px;
    padding: 12px 15px;
}
.chatbotForm .form-control::placeholder{
    font-size: 15px;  
}
.chatbotFormBtn{
    margin-top: 10px;
}
.chatbotButton{
    font-size: 16px;
    line-height: 18px;
    padding: 10px 30px;
    border-radius: 10px;
}
.chatbotSection .chatbotTriggerIcon.chatIcon{
    display: block;
}
.chatbotSection .chatbotTriggerIcon.closeIcon{
    display: none;
}
.chatbotSection.chatbotVisible .chatbotTriggerIcon.chatIcon{
    display: none;
}
.chatbotSection.chatbotVisible .chatbotTriggerIcon.closeIcon{
    display: block;
}
.chatbotTermsCondition {
    text-align: center;
    margin-top: 20px;
}
.chatbotTermsCondition p{
    font-size: 14px;
    line-height: 18px;
}
.chatbotTermsCondition a{
    color: var(--colorPrim);
}

.toggleTableViewLinkPostcodeValuation path{
    fill: var(--colorBlue);
}
.toggleTableViewLinkPostcodeValuation:hover{
    background: var(--colorBlue);
}

.chatbotBodyHead img{
    width: 65%;
}

.updChatBoxImg img{
    width: 50%;
}

.grecaptcha-badge{
    display: none;
}

.largeTableContainer .largetable{
    height: 100%;
}
.largeTableContainer .largetable-scroller .dataTables_wrapper{
    height: 100%;
}
.propertyValuationDetailPage .largeTableContainer.largetable-maximized{
    padding-top: 46px;
}

.orderedListItem{
    display: flex;
    gap: 10px;
}
.orderedListItem .itemCounterChild{
    padding-left: 25px;
}
.orderedListItem.orderedListItemChildFirst{
    margin-top: 5px;
}

.chatboxLoader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: rgba(0,0,0,0.1);
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.divLoader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: rgba(0,0,0,0.1);
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999999;
}

/* Property Timeline */
.propertyTimelineBox{
    position: absolute;
    bottom: 30px;
    left: 5px;
    width: 60px;
    top: 190px;
}
.propertyTimelineLink{
    cursor: pointer;
}
.propertyTimelineList{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    margin-bottom: 10px;
    margin-bottom: 30px;
    align-items: flex-start;
}
.propertyTimelineList:last-child{
    margin-bottom: 0;
}
.propertyTimelineFor{
    display: grid;
    grid-template-columns: 77px auto;
    gap: 5px;
    align-items: center;
}
.propertyTimelineType{
    border: 1px solid;
    padding: 5px 10px 3px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 14px !important;
    display: inline-block;
    text-align: center;
}
/* .propertyTimelineType.propertyTimelineRed{
    border-color: #FF2400;
}
.propertyTimelineType.propertyTimelineGreen{
    border-color: #50C878;
}
.propertyTimelineType.propertyTimelineYellow{
    border-color: #F4A001;
} */

.largeTableContainer.largetable-maximized .dataTables_scrollHead,
.largeTableContainer.largetable-maximized .dataTables_scrollHeadInner,
.largeTableContainer.largetable-maximized .datatableLargevieToggle{
    width: 100% !important;
}
.propertyTimelineValue .text-right{
    text-align: right;
}


/* New Landing Page Style */

.clientProject_navbar_nav{
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.clientProject_logo{
    display: inline-block;
    float: left;
    height: 50px;
}
.clientProject_loginBtn .btn{
    background: #3787e3;
    border-radius: 8px;
    font-family: var(--circularBook);
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.clientProject_homeBanner .bannerLeft {
    /* padding-top: 0; */
}
.whiteBg{
    background: var(--colorWhite);
}

.whychooseUs_details p:not(:last-child){
    margin-bottom: 15px;
}
.clientProject_whyChooseUsGrid .secSlidersBoxInner:nth-child(odd) .row{
    flex-direction: row;
}
.clientProject_whyChooseUsGrid .secSlidersBoxInner:nth-child(even) .row{
    flex-direction: row-reverse;
}
.clientProject_freeTrialChild{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}
.clientProject_freeTrialBtn{
    text-align: right;
}
.childProject_darkBg{
    background: #052e51;
}
.clientProject_featuresSection{
    padding: 75px 0;
}
.clientProject_freeTrial,
.clientProject_footer{
    padding: 40px 0;
}
.clientProject_footerChildRight{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    gap: 3px;
}
.clientProject_footerChildRight .clientProject_listItem,
.clientProject_footerChildRight .clientProject_listItemLink{
    color: var(--colorWhite);
}
.clientProject_footerChildRight .clientProject_listItemLink:hover{
    color: var(--colorPrim);
    cursor: pointer;
}
.clientProject_footerChild{
    display: flex;
    justify-content: space-between;
}
.clientProject_footer{
    border-top: 1px solid var(--colorWhite);
}
.clientProject_header{
    top: 0;
}


.clientProject_featuresSection table td{
    background-color: var(--colorWhite);
    /* background-color: #f2f4f6; */
}
.clientProject_featuresSection table th:first-child,
.clientProject_featuresSection table.fixedHeaderTable th,
.clientProject_featuresSection table th{
    background-color: #e6e6e6;
    color: #042e52;
}
.clientProject_featuresSection table td{
    background-color: #f2f4f6;
}
.clientProject_featuresSection table tr:not(.feature-heading):hover td{
    background-color: #e3e8ed   ;
}
.clientProject_list{
    text-align: right;
}

/* ---------------- */
.propertyTimelineType{
    padding: 0px;
    border-color: var(--colorBlack);
}
.propertyTimelineType{
    padding: 3px 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.propertyTimelineChild{
    position: relative;
}

.propertyTimelineChild::after{
    position: absolute;
    content: '';
    height: 4px;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 4px;
}
.propertyTimelineChild.propertyTimelineSoldSTC::after{
    background: #FF2400;
}
.propertyTimelineChild.propertyTimelineBackOnTheMarket::after{
    background: #be5de7;
}
.propertyTimelineChild.propertyTimelineReduced::after{
    background: #50C878;
}
.propertyTimelineChild.propertyTimelineIncreased::after{
    background: #328eff;
}
.propertyTimelineChild.propertyTimelineListed::after{
    background: #F4A001;
}
.propertyTimelineChild{
    padding: 8px 0;
    width: 100%;
}
.propertyTimelineModal .modal-dialog{
    height: calc(100vh - 60px);
    align-items: center;
    display: flex;
}
.propertyTimelineModal .modal-dialog .propertyTimelineDetails{
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    padding-right: 5px;
    position: relative;
}
.custonScrollbarNew::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.custonScrollbarNew::-webkit-scrollbar-track {
    background: transparent;
}
.custonScrollbarNew::-webkit-scrollbar-thumb {
    background: #DADCE4;
}
.propertyTimelineDetails::after{
    position: absolute;
    content: '';
    height: 100%;
    width: 2px;
    left: 40px;
    top: -3px;
    background-color: #dbdbdb;
    z-index: 0;
}
.propertyTimelineType{
    background: var(--colorWhite);
    position: relative;
    z-index: 1;
}
.propertyTimelineFor{
    grid-template-columns: 80px auto;
}


/* chatbot design changes */
.chatbotTrigger{
    height: 70px;
    width: 70px;
}
.chatbotTriggerLink .chatbotTriggerIcon{
    font-size: 30px;
    line-height: 30px;
}

.chatbotSection .chatbotBody{
    bottom: 90px;
}
.chatbox-main-content textarea.form-control{
    height: 100px;
    min-height: 100px;
}
.chatbox-main-content .formPhotosCont{
    padding: 5px 5px;
}
.formPhotosCont .addPhotoBtn,
.formPhotosCont .photoWrp{
    margin-bottom: 0;
    margin-right: 0;
    margin: 5px;
}
.formPhotosCont .addPhotoBtn{
    line-height: 13px;
    font-size: 11px;
    width: 70px;
    height: 70px;
}
.chatbotForm .form-group{
    margin-bottom: 10px;
}
.chatbotTermsCondition{
    margin-top: 10px;
}
.chatbotFormBtn {
    margin-top: 6px;
}
.chatbotBody .chatbotBodyContent{
    padding: 14px 20px 10px;
}
.chatbotBodyContent .tradingFormBox .statusLabel{
    margin-top: 2px;
}
.chatbotBodyContent .tradingFormBox .statusLabel{
    font-size: 14px;
    line-height: 18px;
}
.chatbotBodyContent .tradingFormBox .statusLabel.textWarmGrey{
    font-size: 12px;
    line-height: 14px;
}
.chatbotBody .chatbotBodyHead{
    padding: 10px 20px;
}
.chatbotBodyHead img {
    width: auto;
    height: 35px;
}


/* ------------------------ */
.viewsCountView.viewsCountViewNew{
    position: relative;
    top: 0;
    left: 0;
}


.externalCommonModal .modal-body{
    padding: 30px 30px;
}
.externalCommonModal .modal-header{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.externalCommonModal .externalCommonModalHeading{
    margin-bottom: 20px;
}
.externalCommonModal .form-group{
    margin-bottom: 15px;
}
.externalCommonModal .form-control{
    font-size: 16px;
}
.externalCommonModal .externalCommonModalButton{
    margin-top: 10px;
}

.postValidationDashboard .dashboardStepsChild{
    height: 100%;
}


.freeholdTableTop{
    gap: 20px;
}
.freeholdTableTopStat{
    display: inline-flex;
    min-width: fit-content;
    gap: 20px;
}
.customTableDesign-update table.dataTable.display tbody tr td.noBorder {
    border-right: none;
}
.popertyAnalysisPageForms{
    margin-top: 30px;
}
.popertyAnalysisPageContent{
    margin-top: 6px;
}
.popertyAnalysisTabPane{
    /* border-radius: 0; */
}
.hiddenCell{
    display: none;
}

.toggleTableViewSecToggleZoomParent .largeTableContainer.largetable-maximized .dataTables_scrollBody{
    max-height: calc(100vh - 210px);
    max-height: calc(100vh - 180px);
}



/* multiblock form design */
.multiUnitGridFormCollectionChild{
    margin-bottom: 20px;
}
.multiUnitGridFormCollection{
    padding: 20px 30px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.multiUnitGridFormCollectionChild .multiUnitGridForm{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
}
.multiUnitGridFormCollectionChild:last-child{
    margin-bottom: 0;
}
.multiUnitGridFormButtons{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin: 20px 0;
}
.multiUnitGridFormCollectionChild:first-child .deleteForm{
    display: none;
}

.multiUnitGridFormHead{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.multiUnitGridFormHead .deleteForm{
    cursor: pointer;
    color: var(--colorRed);
}
.LeaseholdPropertyBox .opacity30{
    pointer-events: none;
    /* opacity: 30%; */
}
.childSelectBox.opacity30{
    cursor: not-allowed;
}
.childSelectBox.opacity30 .form-control{
    pointer-events: none;
}
/* .multiUnitGridFormBoxs .childSelectBox.opacity30{
    cursor: not-allowed;
} */


.tab-content > .tab-pane {
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s linear, visibility 0s .15s;
}

.tab-content > .tab-pane.show {
    opacity: 1;
    visibility: visible;
    transition: opacity .15s linear, visibility 0s 0s;
}

.select2.select2-container.select2-container--default,
.select2.select2-container.select2-container--default.select2-container--focus{
    width: 100% !important;
}


/* ---------------- */
.multipleTimeFileldIcon{
    font-size: 40px;
    line-height: 18px;
    display: inline-block;
    float: left;
    padding-right: 10px;
    color: var(--colorPrim);
}
.multipleTimeFileldInput input{
    height: 50px;
    width: 50px;
    display: inline-block;
}
.multipleTimeFormCountInputSection{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}
.multipleTimeFileldTooltip svg{
    height: 25px;
    width: 25px;
}
.multiUnitGridFormCollectionChild{
    display: flex;
    gap: 10px;
}
.multipleTimeFormCountBox{
    min-width: fit-content;
    padding-top: 20px;
}
.multipleTimeFileldInput input{
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000;
}
.cloneformSectionBlockButtons{
    padding-right: 95px;
}
.deleteClonedForm{
    cursor: pointer;
}
.multipleTimeFormCountBox{
    display: flex;
    align-items: center;
}
.multipleTimeFormCountChild2{
    display: flex;
    align-items: center;
}
.multipleTimeFileldIcon i{
    line-height: 26px;
}
.multipleTimeFormCountChild{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 6px;
}
.multipleTimeFormCountInputSection{
    margin-right: 12px;
}

.customChatBoxReferenceNumber {
    font-size: 15px;
    line-height: 18px;
    padding: 12px 15px;
    margin-bottom: 10px;
}

.disableButton{
    opacity: 0.3;
    pointer-events: none;
}
.normalCaseText{
    text-transform: none;
}
.textSubHeadingContent{
    line-height: normal;
    padding-right: 20px;
}
.scrollablePropertyReportTable .dataTables_scrollBody{
    max-height: 500px !important;
    overflow-y: auto;
}

.property_typeResidential .reportChartValue{
    color: #52d057;
}
.property_typeHMO .reportChartValue{
    color: #FFC107;
}
.property_typeMUB .reportChartValue{
    color: #2196F3;
}
.property_typePortfolio .reportChartValue{
    color: #ea736b;
}

.transactionStatusBox{
    font-size: 14px;
    color: var(--colorWhite);
    padding: 3px 7px;
    border-radius: 6px;
}

.transactionStatusBox.update {
    background: #5260b1;
}

.transactionStatusBox.insert {
    background: #009e358c;
}

.statusBadge{
    font-size: 14px;
    color: var(--colorWhite);
    padding: 3px 7px;
    border-radius: 6px;
}

.statusBadge.Active {
    background: #1ab04c;
}

.statusBadge.Inactive {
    background: #d11212;
}

.statusBadge.Yes {
    background: #2778c6;
}

.statusBadge.No {
    background: #e56a29;
}

.statusBadge.assign-credit {
    background: #8463d5;
}

.statusBadge.Completed {
    background: #1ab04c;
}

.statusBadge.Failed {
    background: #d11212;
}

.statusBadge.Inprogress {
    background: #e56a29;
}

.user-details {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Adds space between rows */
}

.user-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.label {
    font-weight: bold;
    color: #333;
}

.value {
    color: #007bff;
}

.creditDetailsHeadings {
    min-width: 250px;
    font-family: var(--circularBold);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}

/* Credit Coin CSS  start */

@keyframes brightness {

	0%,
	50%,
	100% {
		filter: blur(0px) brightness(120%) drop-shadow(0 0 2.5px rgba(255, 255, 255, 0.1)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.075)) drop-shadow(0 0 7.5px rgba(255, 255, 255, 0.045)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.025));
	}

	25%,
	75% {
		filter: blur(1px) brightness(50%) drop-shadow(0 0 2.5px rgba(255, 255, 255, 0.1)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.075)) drop-shadow(0 0 7.5px rgba(255, 255, 255, 0.045)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.025));
	}
}

@keyframes spin {
	0% {
		transform: rotateY(-180deg);
	}

	100% {
		transform: rotateY(180deg);
	}
}

.spinningasset {
	text-align: left;
	transition: all 0.4s ease-out;
	cursor: pointer;
	animation: brightness 2.5s infinite linear;

	&::after {
		content: "";
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 8px;
		width: 11px;
		margin: auto;
		background-size: 100px 400%;
		background-position: center;
	}

	>div {
		position: relative;
		z-index: 2;
		perspective: 10000px;
		transform-style: preserve-3d;
		transform-origin: center;
		animation: spin 2.5s infinite linear;

		>* {
			width: 100%;
			height: 100%;
			position: absolute;
			backface-visibility: inherit;
			background-size: cover;
		}

		>div:first-child {
			transform: translateZ(-6px);
		}
	}

	&.is-sm {
		width: 24px;
		height: 24px;
		transform: scale(0.24);
		transform-origin: left top;
		filter: none;
	}

	&.green-coin {
		>div {
			width: 100px;
			height: 100px;

			>div:first-child {
                background-image: url("../DeskVal/green-coin.png");
			}

			>div:last-child,
			&::after,
			i,
			em {
				background-image: url("../DeskVal/green-coin.png");
			}
		}
	}

    &.yellow-coin {
		>div {
			width: 100px;
			height: 100px;

			>div:first-child {
                background-image: url("../DeskVal/yellow-coin.png");
			}

			>div:last-child,
			&::after,
			i,
			em {
				background-image: url("../DeskVal/yellow-coin.png");
			}
		}
	}

    &.orange-coin {
		>div {
			width: 100px;
			height: 100px;

			>div:first-child {
                background-image: url("../DeskVal/orange-coin.png");
			}

			>div:last-child,
			&::after,
			i,
			em {
				background-image: url("../DeskVal/orange-coin.png");
			}
		}
	}
}

/* Credit Coin CSS  end */


.company-dropdown
.select2-container--default
.select2-selection--single{
    background: white;
    padding: .375rem 2.25rem .375rem .75rem;
    border: 2px solid #d9d9d9;
    min-width: 250px;
}

/* ------------------ */
.commonCheckboxGridSection{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px 10px;
}
.filtersSectionChildCommon{
    display: none;
}
/* .commonCheckboxGridSection .customCheckBox input[type="checkbox"]+label{
    font-size: 13px;
    line-height: 13px;
} */
.sticky {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
  }
.clonedTableHead th{
    color: #333;
    padding: 1.5rem .5rem;
}
.fixedHeaderTable3 {
    width: 100%;
    border-collapse: collapse;
  }
.clonedTableHead{
    position: sticky;
}
/* --------------- */
.colorBlack{
    color: var(--colorBlack);
}
.modalDesign.modalDesign__update .modal-dialog{
    max-width: 650px;
}
.freeTrialWaitListForm{
    margin-top: 20px;;
}
.formGroupGrid{
    display: grid;
    grid-template-columns: 100px auto;
    gap: 20px 20px;
    align-items: center;
}
.freeTrialWaitListFormGroup{
    margin-bottom: 10px;
}
.formGroupSection{
    margin-top: 5px;
}
.customRadioOption input{
    display: none;
}
.customRadioOption label{
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    line-height: 19px;
}
.customRadioOption input[type='radio']:checked + label:before,
.customRadioOption input[type='radio']:not(:checked) + label:before{
    position: absolute;
    content: '';
    height: 18px;
    width: 18px;
    border-radius: 50%;
    left: 0;
    top: 0;
}
.customRadioOption input[type='radio']:not(:checked) + label::before{
    background: transparent;
    border: 2px solid #b5b5c3;
}
.customRadioOption input[type='radio']:checked + label::before{
    background: var(--colorBlue);
    /* border: 2px solid var(--colorBlue); */
}
.customRadioOption input[type='radio']:checked + label::after{
    content: '';
    position: absolute;
    height: 11px;
    width: 6px;
    left: 6px;
    top: 2px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    rotate: 45deg;
}
.formGroupSectionContent{
    margin-top: 10px;
}
.customRadioOptionSection{
    margin-bottom: 5px;
}
.btnStyle.btnStyle5.btnStyle5_update{
    background: var(--colorPrim);
    color: var(--colorWhite);
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 900;
}
.btnStyle.btnStyle5.btnStyle5_update:hover{
    background-color: white;
    color: var(--colorPrim);
}
.vipAccessCodeBox{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #b5b5c3;
}
.vipAccessCodeToggle{
    /* margin-bottom: 10px; */
}
.accessCodeInputSection{
    display: flex;
    gap: 0px 20px;
    align-items: center;
}
.joinSectionBottom{
    margin-top: 15px;
    margin-bottom: 10px;
}
.accessCodeButton button{
    padding: 10px 10px;
    height: 36px;
    line-height: 36px;;
}
.formGroupGrid label{
    font-size: 14px;
    line-height: 16px;
}
.formGroupSectionContentChecks{
    padding-left: 20px;
}
.backToPrevious{
    position: absolute;
    left: 20px;
    top: 18px;
}
.backToPrevious{
    cursor: pointer;
    color: var(--colorBlack);
}
.formGroupGrid_update{
    display: flex;
    margin-top: 20px;
}
.formGroupGrid_update .accessCodeLabel{
    min-width: fit-content;
}


.waitlList-header{
    display: flex !important;
    justify-content: center;
}

.waitlList-header img{
    height: 40px;
    height: 34px;
    width: auto;
    margin-right: 5px;
}

.verificationFormFields .send-btn{
    /* background: #f5f5f5; */
    /* color: var(--colorPrim); */
    background: #1fb842;
    color: white;
    /* margin-right: 8px; */
    /* width: 21%; */
    font-family: var(--circularBold);
    border-radius: 0px 5px 5px 0px;
    min-width: fit-content;
    padding: 0px 10px;
}

.verificationFormFields .form-control{
    border-radius: 5px 0px 0px 5px !important;
}

.disabled-button {
    opacity: 0.5;
    cursor: not-allowed;
}

.disabled-button *{
    pointer-events: none;
}

.resendButtonSize{
    width: 162px;
    min-width: 162px !important;
    text-align: center;
}

/* Get Property Valuation */
/* .valuation-grid {
    border: 4px solid #909090;
    padding: 60px;
    background: #c3c9c863;
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 10px 10px 5px #ebebeb;
} */

.property-valuation-grid{
    display: flex;
    justify-content: space-between;
}

.property-valuation-grid .col-sm-2{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* Property valuation button */
.propValBtn {
    background-image: linear-gradient(to right, #C02425 0%, #F0CB35  51%, #C02425  100%);
    transition: 0.5s;
    background-size: 200% auto;
    border: none;
}

.propValBtn:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.valuation-grid {
    /* background-image: linear-gradient(to right, #6f7dcb 0%, #26D0CE 51%, #6f7dcb 100%); */
    background: #d7d7d7;
    padding: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    box-shadow: rgb(235, 235, 235) -15px 16px 12px;
    transition: 0.5s;
    border-radius: 10px;
    min-height: 154px;
}

.valuation-grid:hover {
    background: #5cc85c;
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    box-shadow: rgb(235, 235, 235) -19px 20px 12px 4px;
}

#valuation-report .val-report{
    padding: 10px 70px;
    text-align: center;
    background: #f1f1f1;
    border-radius: 10px;
}

.val-report .valueStatus-update{
    padding: 10px 75px;
}

#valuation_address_modal .tableDesignNewInner{
    height: 400px;
}

.modalDesign.modalDesign__update .lendar-property-form{
    max-width: 950px;
}

.commonCheckboxGridSectionValuationFormPopup{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px 10px;
}

.commonCheckboxGridSectionValuationFormPopup2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 10px;
}

.valuation-page-grid {
    padding: 40px;
    font-size: 14px;
    transition: 0.5s;
    min-height: 154px;
    text-align: center;
    border-radius: 10px;
    text-transform: uppercase;
    min-width: -webkit-fill-available;
    box-shadow: rgb(205 201 201) -7px 7px 8px 0px;
}

.property-valuation-grid .quickEstimate{
    background: #FFDAB9;
}

.property-valuation-grid .lendarValuation{
    background: #87CEFA;
}

.property-valuation-grid .paidValuation{
    background: #E6E6FA;
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabActiveProperty button {
    color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabActiveProperty button .propertyCounter {
    border-color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabActiveProperty button.active {
    background-color: #FFDAB9;
    color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabActiveProperty button.active .propertyCounter {
    border-color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabArchives button {
    color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabArchives button .propertyCounter {
    border-color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabArchives button.active {
    background-color: #87CEFA;
    color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabArchives button.active .propertyCounter {
    border-color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabCommercialProspect button {
    color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabCommercialProspect button .propertyCounter {
    border-color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabCommercialProspect button.active {
    background-color: #E6E6FA;
    color: var(--colorBlack);
}

.propertyInnerTabs2 .nav-tabs .nav-item.tabCommercialProspect button.active .propertyCounter {
    border-color: var(--colorBlack);
}

.valuation-page-grid:hover {
    background: #5cc85c;
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    /* box-shadow: rgb(235, 235, 235) -19px 20px 12px 4px; */
    box-shadow: rgb(235, 235, 235) -15px 16px 12px;
}

.propertyValuationSection {
    padding: 30px 30px;
    margin-top: 130px;
    border-radius: 10px;
    background: var(--colorWhite);
    width: 100%;
    box-shadow: -8px 7px 14px 3px rgb(0 0 0 / 12%);
}

.valuationHistoryTab{
    background: #f4f4f4;
    border-radius: 5px;
    border: 1px #dddddd solid;
    padding: 12px;
}

/* ------------ */
.propertySearchNewForm.propertySearchNewForm__update{
    margin-top: 0;
}
.propertyInnerTabsStyle.propertyInnerTabs.propertyInnerTabsStyle__update .nav-tabs{
    grid-template-columns: 1fr 1fr 1fr;
}
.propertyTabsBox_valuation{
    margin-top: 30px;
}
.property-valuation-grid.property-valuation-grid__update{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
}
.value_property_page_new{
    margin-top: 20px;
}
.value_property_page_new .propertySearchNewForm,
.value_property_page_new .propertyValuationSection{
    margin-top: 0;
}

.HIGHConfidence{
    background: #86bb3d;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

.MEDIUMConfidence{
    background: #fe963f;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

.LOWConfidence{
    background: #e23e60;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

.CompletedBadge{
    background: #86bb3d;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

.IncompleteBadge{
    background: #a5a5a5;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

.PendingBadge{
    background: #e78d59;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

.LowConfidenceBadge{
    background: #e78d59;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

.FailedBadge{
    background: #e23e60;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

/* click cursor loader */
#customCursor {
    position: fixed;
    width: 32px; /* Adjust size as needed */
    height: 32px;
    pointer-events: none; /* Prevent interference with clicks */
    display: none;
    z-index: 9999999999999;
    transform: translate(-50%, -50%); /* Centers the GIF */
}

#customCursor img {
    width: 100%;
    height: 100%;
    animation: spinLoader 0.5s linear infinite;
}

/* loading image rotation animation to make it feel like it's spinning */
@keyframes spinLoader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* Custom radio design */
.customRadio input[type="radio"] {
    display: none;
}

.filtersSectionChild .customRadio input[type="radio"]:checked+label::before,
.filtersSectionChild .customRadio input[type="radio"]:not(:checked)+label::before {
    height: 15px;
    width: 15px;
    top: -2px;
}

.customRadio input[type="radio"]:checked+label::before,
.customRadio input[type="radio"]:not(:checked)+label::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    border: 1px solid #b4b4b4;
    background: var(--colorWhite);
    border-radius: 2px;
    top: 2px;
    left: 0;
}

.customRadio input[type="radio"]:checked+label::before {
    border: 1px solid #0dde9e;
    background: #0dde9e;
}

.customRadio input[type="radio"]:checked+label::after {
    position: absolute;
    content: "";
    height: 11px;
    width: 6px;
    border-right: 2px solid var(--colorWhite);
    border-bottom: 2px solid var(--colorWhite);
    transform: rotate(45deg);
    left: 5px;
    top: -1px;
}

.customRadio input[type="radio"]+label {
    position: relative;
    padding-left: 35px;
    font-size: 18px;
    line-height: 23px;
    color: var(--colorBlack);
    font-family: var(--circularBook);
}

.filtersSectionChild .customRadio input[type="radio"]+label {
    font-size: 14px;
    line-height: 20px;
    font-size: 13px;
    line-height: 13px;
}

.inc-exc-label label{
    font-size: 14px;
}

.logoOnlyHeader a .powered-by-upd{
    background: #ffffff;
    margin-top: 40px;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    text-align: center;
    padding: 4px 10px;
    margin-bottom: 20px;
}

.sidebar-powered-by-upd{
    background: #ffffff;
    border: 2px solid #a2a2a2;
    border-radius: 10px;
    text-align: center;
    padding: 4px 10px;
}

.sidebar {
    /* position: relative; 
    width: 250px; 
    min-height: 100vh;  */
    display: flex;
    flex-direction: column;
}

.sidebar-image {
    position: sticky;
    bottom: 20px; /* Stays at bottom */
    width: 175px;
    max-width: 90%;
    margin-top: auto; /* Push it to the bottom */
}

.footLogo .myFooterLogo{
    width: 200px;
    height: auto;
}

.price-info-section{
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    width: 40%;
    margin: auto;
    background-image: linear-gradient(130deg, #f1b3a4 0%, #e3ae46 50%, #edd432 100%);
    box-shadow: -15px 17px 8px 0px #0000002e;
}

.price-info-section :hover {
    transition: width 0.3s ease-in-out;
}

.valuationDelivery{
    display: flex;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
}

.priceTableTags.includeTag::after{
    content: '\f00c';
    border: 1px solid black;
    color: var(--colorWhite);
    background: black;
}

.valuationDeliverySection{
    padding-top: 20px;
}

#coupon_code {
    text-transform: uppercase;
}