/* reset css */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200;300;400;500;600;700&display=swap');

@font-face {
  font-family: 'PingFang SC';
  src: url('PingFangSC.eot');
  src: url('PingFangSC.eot?#iefix') format('embedded-opentype'),
    url('PingFangSC.woff2') format('woff2'),
    url('PingFangSC.woff') format('woff'),
    url('PingFangSC.ttf') format('truetype'),
    url('PingFangSC.svg#PingFangSC') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'urw_din_conddemi';
  src: url('urwdincond-demi-webfont.woff2') format('woff2'),
    url('urwdincond-demi-webfont.woff') format('woff'),
    url('URWDINCond-Demi.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'URW DIN Demi';
  src: url('URWDIN-Demi.eot');
  src: url('URWDIN-Demi.eot?#iefix') format('embedded-opentype'),
    url('URWDIN-Demi.woff2') format('woff2'),
    url('URWDIN-Demi.woff') format('woff'),
    url('URWDIN-Demi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


* {
  margin: 0;
  padding: 0;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

img {
  max-width: 100%;
  vertical-align: top;
}

ul,
li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
span,
p,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}


hr {
  width: 100%;
  display: inline-block;
  border-color: rgba(0, 0, 0, .15);
}

a,
input[type="submit"],
input[type="button"],
.btn,
button {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-decoration: none;
  cursor: pointer;
  font-family: 'Roboto', sans-serif !important;
}

input[type="button"]:focus,
input[type="text"]:focus,
select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

select {
  font-family: 'Roboto', sans-serif !important;
}

section {
  clear: both;
}

audio,
canvas,
progress,
video {
  vertical-align: middle;
}

a:focus {
  text-decoration: none
}

a,
span {
  display: inline-block;
}

a,
a:hover,
a:focus {
  text-decoration: none !important;
  color: #1f1f1f;
}

.container .container {
  padding: 0px !important;
}

/* reset css */

body {
  font-family: 'Roboto', sans-serif !important;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

html {
  overflow-x: hidden;
  max-width: 100vw;
}

.container700 {
  max-width: 700px;
}

.main-wrapper {
  padding: 30px 15px;
}

.d-f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.f-d-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.a-i-c {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.a-i-f-e {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.j-c-c {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.j-c-f-e {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.j-c-s-b {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.j-c-s-a {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.j-c-s-e {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

p {
  color: #565656;
  font-weight: normal;
}

h4 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: normal;
}

h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

h6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}




.customNewMainHeading {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important;
  padding-bottom: 5px !important;
}

.oswaldFont {
  font-family: 'Oswald', sans-serif;
}

.robotoFont {
  font-family: 'Roboto', sans-serif !important;
}



.owl-dots button span {
  background-color: #666666;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin: 0;
}

.owl-dots button+button {
  margin-left: 6px;
}

.owl-dots {
  text-align: center;
}

.owl-dots button.active span,
.subsale-details .announcement-details-carousel .owl-dots button.active span {
  background-color: #EEB91B !important;
}

.logo-container {
  background-color: #1f1f1f;
  min-height: 100vh;
}

.logo-container img {
  max-width: 210px;
}

h2 {
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
  color: #EEB91B;
}

header {
  background-color: #1f1f1f;
  padding: 17px 15px;
  position: relative;
}
header .toggle-button-effect,
.back-button,
.toggle-button,
.share-button,
.add-button {
  width: 40px;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 24px;
}
header .toggle-button-effect img {
  object-fit: contain;
}

.share-button,
.add-button {
  left: auto;
  right: 15px;
}

.share-button.needHelpBtn {
  left: auto;
  right: 8px;
  top: 50%;
  width: 72px;
  transform: translateY(-50%);
  display: inline-block;
  height: auto;
}

.header-inner .back-button {
  left: 0;
}

.back-button img,
.toggle-button img,
.share-button img,
.add-button img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: auto;
  height: auto;
}

h3 {
  font-size: 30px;
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 10px;
}

h3.normalcase {
  text-transform: none;
}

.page-container>a,
.page-container>ul {
  border: 2px solid #dadada;
  height: 40vw;
  background-color: #d7d7d7;
  width: 100%;
}

.page-container {
  margin-bottom: 30px;
}

.page-container h3 {
  padding: 0 20px;
  min-height: 75px;
}

.page-container ul {
  background-color: #d7d7d7;
  padding: 30px 20px;
  width: 100%;
}

.company-details .page-container ul {
  background-color: transparent;
  padding: 0;
  width: 100%;
}

.main-button {
  background-color: #EEB91B;
  padding: 10px 20px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: 100%;
  color: #1f1f1f;
  font-weight: 500;
  border: 2px solid #EEB91B;
  text-align: center;
}

.page-container .main-button {
  width: auto;
  background-color: #EEB91B !important;
  height: auto;
  padding: 6px 17px;
  border: none !important;
  font-weight: 700;
  color: #202020 !important;
  border-radius: 10px;
}

.submit-button {
  background-color: #EEB91B;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: 100%;
  color: #1f1f1f;
  font-weight: 500;
  border: 2px solid #EEB91B;
  text-align: center;
  padding-bottom: 5px;
}

.main-button:hover,
.main-button :focus {
  color: #1f1f1f;
  background-color: #f2c400;
  border-color: #f2c400;
}

.button-icon {
  width: 20px;
  margin-right: 5px;
}

.page-container ul li+li {
  margin-top: 15px;
}

.main-button.pink {
  background-color: #e02f2f;
  border-color: #e02f2f;
  color: #ffff;
}

.main-button.pink:hover,
.main-button.pink:focus {
  background-color: #cb1313;
  border-color: #cb1313;
  color: #fff;
}

/*table {
  table-layout: fixed;
  width: 100%;
  border-collapse: initial;
}

table th,
table td {
  width: 25%;
  text-align: center;
  padding: 10px 15px;
  background-color: #31ab54;
  font-weight: normal;
  color: #fff;
  border: 5px solid #fff;
}

th.sold,
td.sold {
  background-color: #ff001e;
}

th.blocked,
td.blocked {
  background-color: #324fff;
}

th.not-available,
td.not-available {
  background-color: #a60ced;
}*/

.main-wrapper .logo-inner {
  background-color: transparent;
  min-height: auto;
  margin-bottom: 30px;
}

.main-links {
  color: #1f1f1f;
  text-decoration: underline !important;
}

form {
  margin-top: 15px;
}

.form-group {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

label {
  margin: 0;
}

.custom-check label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  border: 1px solid #1f1f1f;
  z-index: -1;
}

.custom-check input {
  width: 16px;
  height: 16px;
  opacity: 0;
  position: relative;
  top: 3px;
}

.custom-check label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 6px;
  height: 13px;
  border-right: 2px solid #1f1f1f;
  border-bottom: 2px solid #1f1f1f;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
  opacity: 0;
}

input[type="checkbox"]:checked+label::after {
  opacity: 1;
}

.form-control,
.form-control:focus {
  height: 40px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #dadada;
  padding: 0 15px;
}

.form-group span {
  position: absolute;
  top: 0;
  left: 0;
}

select.form-control {
  /*-webkit-appearance: none;*/
}

.form-group>span {
  position: absolute;
  top: 0;
  left: 0;
}

.form-group .padding-left {
  padding-left: 75px;
}

.remember-password-field {
  margin-left: 20px;
}

.form-group>span select {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.forgot-password {
  display: block;
  text-align: right;
}

.main-button.button-small {
  width: auto;
  margin-left: 15px;
}

.pages-links-text {
  padding: 15px 0;
}

.header-inner {
  margin-bottom: 20px;
  position: relative;
}

.header-inner span {
  padding-left: 30px;
}

.projects .header-inner .shortDiv {
  margin-top: 5px;
}

.projects .header-inner,
.subsale .header-inner {
  margin-bottom: 30px;
}

.custom-radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  border: 1px solid #1f1f1f;
  z-index: -1;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.custom-radio input {
  width: 16px;
  height: 16px;
  opacity: 0;
  position: relative;
  top: 3px;
}

.custom-radio label::after {
  content: "";
  position: absolute;
  top: 5.4px;
  left: 1.4px;
  width: 13px;
  height: 13px;
  z-index: -1;
  opacity: 0;
  background-color: #EEB91B;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  border: 2px solid #fff;
}

input[type="radio"]:checked+label::after {
  opacity: 1;
}

.announcement-details-carousel2 .owl-dots,
.announcement-details-carousel .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
}

.announcement-details-carousel2 .owl-dots button span,
.announcement-details-carousel .owl-dots button span {
  width: 8px;
  height: 8px;
}

.announcement-details-carousel2 .owl-item a>img,
.announcement-details-carousel2 .owl-item a {
  display: inline-block;
  width: 100%;
}

.populerPostDiv .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
}

.populerPostDiv .owl-dots button span {
  width: 8px;
  height: 8px;
}

/*.announcement-details-carousel .owl-dots button span {
  background-color: #fff;
}
*/
.wrapper-announcement-details .page-container {
  margin: 0;
}

form {
  width: 100%;
}

.main-button.icon {
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 1px solid #EEB91B;
  position: relative;
}

.main-button.icon:hover {
  background: transparent;
  border: 1px solid #3f3d33;
}

.main-button.icon:hover .countDiv {
  display: block;
}

.countDiv {
  display: none;
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  /*width: 110px;*/
  white-space: nowrap;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding: 3px 10px;
  border-radius: 5px;
}

.countDiv::after {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.8);
  ;
  content: "";
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  position: absolute;
}

.header-inner .main-button.icon {
  position: absolute;
  right: 0;
  top: 0;
}

.main-button.icon img {
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  height: auto;
}

.header-inner input[type="search"] {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

.header-inner .form-group {
  margin: 0;
}

.pages-links-heading ul {
  width: auto;
  padding: 8px;
  background-color: transparent;
}

.pages-links-heading ul li+li {
  margin: 0;
  margin-left: 10px;
}

.projects .page-container>a,
.subsale .page-container>a {
  /*height: 91vw;*/
}

/*.row>.col-sm-12:last-child .page-container {
  margin: 0;
}
*/
.projects-name .owl-dots,
.floor-plan .owl-dots {
  margin-top: 15px;
  position: static;
}

.subsale-details .announcement-details-carousel2 .owl-dots,
.subsale-details .announcement-details-carousel .owl-dots {
  position: static;
  margin: 20px 0;
}

.projects-name .owl-dots span,
.floor-plan .owl-dots span,
.subsale-details .announcement-details-carousel2 .owl-dots span,
.subsale-details .announcement-details-carousel .owl-dots span {
  background-color: #a7a7a7 !important;
}

.projects-name .page-container {
  margin: 0;
}

.projects-name ul li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.main-button.green {
  background-color: #69db77;
  border-color: #69db77;
  color: #fff;
}

.main-button.green:hover,
.main-button.green:focus {
  background-color: #53b55f;
  border-color: #53b55f;
}

table.no-color th,
table.no-color td {
  background-color: transparent;
  color: #1f1f1f;
  padding: 5px 0;
  border: 0;
  text-align: left;
}

table.no-color td {
  text-align: right;
  color: #565656;
}

table.no-color th {
  font-weight: 600;
}

.projects-name .header-inner {
  margin: 15px 0;
}

.project-details-container+.project-details-container {
  margin-top: 15px;
}

.table-bordered th,
.table-bordered td,
.table-bordered {
  border: 1px solid #dadada !important;
  text-align: center !important;
  border-collapse: collapse;
}

.n-m {
  margin: 0;
}

.company .page-container>a {
  height: 85vw;
}

.accordion {
  width: 100%;
}

button span {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}

.subsale button span {
  width: 5px;
  margin-right: 0px;
}

button span img {
  -o-object-fit: contain;
  object-fit: contain;
}

.accordion button {
  color: #565656;
  text-decoration: none !important;
}

.accordion button .fa {
  font-size: 24px;
  margin-left: auto;
  margin-top: -4px;
  margin-right: 0;
}

.accordion button[aria-expanded="false"] .fa::before {
  content: "\f107";
}

.accordion .card-body ul li>div {
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
}

.main-button.button-bordered {
  background-color: transparent;
  border: 1px solid #565656;
  text-align: left;
}

.main-button.button-bordered:hover,
.main-button.button-bordered:focus {
  background-color: #565656;
  color: #fff;
}

.accordion-right .card {
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
  color: #1f1f1f;
  text-align: center;
  background-color: transparent;
  border: 0;
}

.card-header {
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 0;
  margin: 0 !important;
}

.accordion-right .card-header h2 {
  font-size: initial;
}

.card-body .card-body ul li+li {
  margin-top: 0 !important;
}

.accordion ul li {
  text-align: left;
}

.accordion .card-body {
  padding: 0;
  padding-top: 20px;
}

.accordion .card {
  padding: 0;
  border: 0;
}

.card .card {
  padding: 0;
}

.card-body .card-body,
.credit .card-body {
  padding: 15px 0;
  border: 1px solid #565656;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin-top: 2px;
}

.accordion .card-body>ul>li+li {
  margin-top: 20px;
}

.card-body .card-body ul li a,
.credit .card-body ul li a {
  padding: 3px 15px;
  width: 100%;
}

.card-body .card-body ul li a:hover,
.card-body .card-body ul li a:focus,
.credit .card-body ul li a:hover,
.credit .card-body ul li a:focus {
  background-color: #565656;
  color: #fff;
}

.pages-links-heading-left h5 {
  margin: 0;
}

.button-width-auto {
  width: auto;
}

.pages-links-text .button-width-auto {
  margin-top: 15px;
}

.pages-links-text p {
  width: 100%;
  display: inline-block;
}

.wrapper-announcement-details form .form-group .main-button {
  max-width: 400px;
}

.subsale-posted ul {
  background-color: transparent;
  padding: 15px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 15px;
}

.subsale-posted span {
  width: 30px;
  height: 30px;
  background-color: #e8e8e8;
  padding: 7px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  margin-right: 15px;
}

.subsale-posted span img {
  -o-object-fit: contain;
  object-fit: contain;
}

.subsale-posted ul li {
  color: #565656;
}

.subsale-posted ul li+li {
  margin: 0;
}

.listing-container {
  padding-bottom: 30px;
}

.main-wrapper.no-padding {
  padding: 0;
}

.menu-profile span {
  width: 80px;
  height: 80px;
  background-color: #f0f0f0;
  padding: 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-right: auto;
  overflow: hidden;
  object-fit: cover;
}

.menu-profile span img {
  -o-object-fit: cover;
  object-fit: cover;
}

.menu-profile {
  padding: 0 15px 15px;
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  clear: both;
}

.main-menu {
  background-color: #EEB91B;
  width: 75vw;
  padding: 15px 0;
}

.main-menu div~ul li {
  color: #272727;
  font-size: 15px;
}

.main-menu div~ul li a {
  padding: 5px 15px;
  width: 100%;
}

.main-menu div~ul li a:hover,
.main-menu div~ul li a:focus {
  background-color: #1f1f1f;
  color: #fff;
}

.main-menu {
  background-color: #EEB91B;
  width: 75vw;
  height: 100vh;
  overflow: auto;
  padding: 5px 0 15px;
  position: fixed;
  left: -80vw;
  top: 0;
  z-index: 9;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.menu-show .main-menu {
  left: 0;
  z-index: 9999999 !important;
}

.close-menu {
  font-size: 40px;
  padding: 0 15px;
  margin-left: auto;
  line-height: normal;
  float: right;
  cursor: pointer;
}

.projects .pages-links-heading h5 {
  margin: 0;
}

.projects-name iframe {
  height: 55vw;
}

.subsale-details-container ul li {
  width: 100%;
  margin: 0;
}

.subsale-details-container ul li:last-child {
  text-align: left;
}

.subsale-details-container {
  margin-bottom: 15px;
  padding: 30px 5px 30px 5px;
  background: #EEB91B;
  font-size: 14px;
}


.credit-payment .subsale-details-container {
  margin-bottom: 5px;
}

.subsale-details-container>h6 {
  margin-top: 15px;
}

.subsale-details .project-details-container {
  padding-top: 15px;
}

.contact-info-container ul li img {
  max-width: 20px;
  margin-right: 5px;
}

.contact-info-container ul li+li {
  margin-top: 10px;
}

.contact-info-container h5 {
  border-bottom: 1px solid #a7a7a7;
  padding: 10px 0 5px;
}

.contact-info-container ul li,
.contact-info-container ul li a {
  color: #565656;
}

.project-details-container iframe {
  height: 60vw;
}

.credit-payment .subsale-details-container ul li span {
  background-color: #EEB91B;
  padding: 3px 15px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 20px;
  font-weight: bold;
}

.credit-container ul li {
  background-color: transparent;
  width: -webkit-calc(50% - 8px);
  width: calc(50% - 8px);
  -webkit-flex-basis: -webkit-calc(50% - 8px);
  -ms-flex-preferred-size: calc(50% - 8px);
  flex-basis: calc(50% - 8px);
  color: #202020;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2) !important;
  text-align: left;
  margin: 8px 0;
  padding: 0px !important;
}

.credit-container ul li a {
  display: inline-block;
  width: 100%;
}

.credit-container ul li p {
  color: #202020;
  font-weight: 600;
  text-align: left;
  font-size: 15px;
  padding: 20px;
}



.credit-container h6 {
  margin-bottom: 10px;
  display: block;
  width: 100%;
}

.credit-container span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 24px;
}

.toolsNewDiv {
  padding: 6% 0;
}

.credit-container p {
  color: #EEB91B;
}

.credit-container em {
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  color: #dadada;
  text-align: center;
}

.credit-container.full ul li {
  width: 100%;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.credit-container.credit-white ul li {
  background-color: transparent;
  padding: 30px 0;
  color: #1f1f1f;
}

.credit-payment .credit-container.credit-white ul li {
  padding: 20px 0;
}

.credit-payment .credit-container ul li p+span {
  margin: -5px 0;
}

.credit-container.credit-white form {
  margin: 0;
}

.credit-container.credit-white p {
  color: #565656;
}

.credit-container.credit-white ul li:last-child {
  text-align: right;
}

.credit-container.credit-white form {
  max-width: 120px;
}

.credit-payment .main-button {
  margin-top: 30px;
}

.credit .card-body ul li+li {
  margin: 0;
}

.credit .card-body ul li a {
  text-align: center;
}

.dropdown.bootstrap-select {
  width: 100% !important;
  border: 1px solid #565656;
  text-align: left;
  color: #565656;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-weight: 500;
}

.bootstrap-select>.dropdown-toggle {
  background-color: transparent;
  border: 0;
  padding: 10px 20px;
}

.credit .credit-container .main-button {
  margin: 30px 0;
}

.credit-container.history ul li {
  background: transparent;
  padding: 0;
  width: -webkit-calc(33% - 10px);
  width: calc(33% - 10px);
  -webkit-flex-basis: -webkit-calc(33% - 10px);
  -ms-flex-preferred-size: calc(33% - 10px);
  flex-basis: calc(33% - 10px);
}

.credit .credit-container.history ul li a {
  margin: 0;
}

.credit-container.history {
  margin-bottom: 30px;
}

.credit table tr td {
  text-align: left !important;
  color: #1f1f1f;
}

.credit .credit-container table span {
  display: inline-block;
  width: auto;
  font-size: initial;
  text-align: left;
}

.credit .credit-container table span+span {
  margin-left: 10px;
}

.credit-container table p {
  color: #565656;
}

.credit table.no-color tr {
  border-bottom: 1px solid #dadada !important;
}

.credit table.no-color {
  border-collapse: collapse;
}

.credit-container table h6 {
  margin: 0;
}

.credit table.no-color tr td:last-child {
  text-align: right !important;
}

span.badge {
  background-color: #EEB91B;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 14px !important;
  padding: 6px 12px;
  font-weight: 600;
  color: #1f1f1f;
}

span.badge.completed {
  background-color: #1fff1f;
}

span.badge.processing {
  background-color: orange;
}

.qr-code-tickets .credit-container ul li {
  background-color: transparent;
  padding: 0;
  width: 33.33%;
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
}

.qr-code-tickets .credit-container ul {
  background-color: #EEB91B;
}

.qr-code-tickets .credit-container ul li a {
  background-color: #EEB91B;
  border-bottom: 2px solid #EEB91B;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
}

.qr-code-tickets .credit-container ul li a.active {
  border-bottom: 2px solid #1f1f1f;
  background-color: #EEB91B;
  color: #1f1f1f;
}

.main-wrapper.qr-code-tickets {
  padding: 0;
}

.qr-code-tickets span.badge {
  margin-bottom: 5px;
}

.ticket-qr-code .credit-container img {
  margin-bottom: 30px;
}

.ticket-qr-code span.badge {
  margin-bottom: 5px;
}

.redeem-credit td span {
  width: 30px !important;
  height: 30px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid green;
  padding: 7px 5px 5px;
}

.redeem-credit td span img {
  -o-object-fit: contain;
  object-fit: contain;
}

.credit.redeem-credit table.no-color tr,
.credit.scan-attendance table.no-color tr {
  border: 0 !important;
}

.bonus-container>p {
  margin-bottom: 10px;
}

.bonus-container>h3 {
  margin-top: 30px;
  text-align: center;
  font-weight: 400;
}

.bonus-container>h4 {
  text-align: center;
  font-weight: 600;
  text-transform: initial;
  margin-bottom: 30px;
}

.bonus-container ul li+li {
  margin-top: 20px;
}

.qr-code-tickets.qr-scanner .credit-container ul li {
  background-color: transparent;
  padding: 0;
  width: 50%;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.scanned-result .credit-container img {
  max-width: 140px;
  margin: 0;
}

.scanned-result .bonus-container {
  margin-top: 30px;
}

.scanned-result .credit-container {
  text-align: center;
}

.scanned-result .bonus-container ul li+li {
  margin-top: 5px;
}

.scanned-result .bonus-container ul {
  margin-bottom: 30px;
}

.credit .customSeclectOption {
  font-size: 24px;
  font-weight: 600;

}

.credit .select-selected {
  text-align: center !important;
}

.select-items {
  background: #fff;
  padding: 15px 0;
  border: 1px solid #565656;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin-top: 2px;
}

.select-items div {
  padding: 3px 15px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}

.select-items div:hover,
.select-items div:focus,
.select-items div.same-as-selected {
  background-color: #565656;
  color: #fff;
}

.select-selected::after {
  content: "\f107";
  font-family: fontawesome;
  top: 50% !important;
  right: 24px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: normal;
  font-size: 24px;
  width: auto;
  height: auto;
  border: 0;
}

.select-selected.select-arrow-active::after {
  content: "\f106";
}

.files h6 {
  margin-bottom: 20px;
}

.files ul li:nth-child(4) p,
.files ul li:nth-child(5) a {
  display: inline-block;
}

/*
.files ul li:nth-child(4) p + p, .files ul li:nth-child(5) a {
    margin-left: 55px;
}
*/
.files ul li a,
.files ul li a:hover,
.files ul li a:focus {
  color: #0665cb;
}

.files ul li:nth-child(5) {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 5px 0;
}

.files .select-selected {
  padding: 0;
  border: 0;
  color: #000;
  font-weight: 600;
}

.files .customSeclectOption {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px !important;
}

#collapseOne li .customSeclectOption {
  width: 100% !important;
}

.customSeclectOption select {
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 0px;
  padding: 10px 15px;
  font-weight: normal;
  width: 100%;
  font-family: 'Roboto', sans-serif !important;
  border-radius: 50px;
}

.subsale .row .customSeclectOption select.custom-sub-sales-dropdown {
  font-size: 10px;
  padding: 10px 5px;
}

.files .bonus-container {
  position: relative;
}

.files .select-selected::after {
  right: 0;
}

.files .bonus-container>ul+ul {
  margin-top: 30px;
}

.scanned-amount {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #EEB91B;
  margin-bottom: 10px;
  font-size: 60px;
}

.scanned-result .customSeclectOption {
  width: 100px !important;
  font-size: 14px;
}

.scanned-result .customSeclectOption .select-selected {
  text-align: left !important;
  padding: 2px 10px;
  background-color: #EEB91B;
  border-color: #EEB91B;
}

.scanned-result .select-selected::after {
  right: 10px;
  font-size: 16px;
}

.scanned-result .select-items div {
  padding: 1px 10px;
  font-size: 14px;
}

.scanned-result .select-items div:hover,
.scanned-result .select-items div:focus {
  background-color: #EEB91B;
  color: #1f1f1f;
  cursor: pointer;
}

.scanned-result .select-items {
  padding: 10px 0;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.subsale input,
.subsale input:focus {
  height: 46px;
  border: 1px solid #565656;
  font-weight: 400;
  padding: 0 20px;
  font-family: 'Roboto', sans-serif !important;
}

::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

::-moz-placeholder {
  color: #495057;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #495057;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #495057;
  opacity: 1;
}

::placeholder {
  color: #495057;
  opacity: 1;
}

.subsale input::-webkit-input-placeholder {
  color: #202020;
  opacity: 1;
}

.subsale input::-moz-placeholder {
  color: #202020;
  opacity: 1;
}

.subsale input:-ms-input-placeholder {
  color: #202020;
  opacity: 1;
}

.subsale input::-ms-input-placeholder {
  color: #202020;
  opacity: 1;
}

.subsale input::placeholder {
  color: #202020;
  opacity: 1;
}

body.menu-show::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  /* 190416 */
}

i.fa.fa-circle {
  color: #565656;
  float: right;
}

.profile-header {
  background-color: transparent;
}

.profile-container {
  background-image: url(../images/profile-background.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  min-height: 42vw;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.profile-image {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 40vw;
  height: 40vw;
}

.profile-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.main-wrapper.profile {
  margin-top: 52vw;
}

.profile.files ul li:nth-child(4) p,
.profile.files ul li:nth-child(5) a {
  display: block;
}

.profile.files ul li:nth-child(5) {
  padding: 0;
  border: 0;
}

.profile.files ul li:nth-child(5) a {
  border-bottom: 1px solid #dadada;
  padding: 5px 0;
  margin: 0;
  color: #1f1f1f;
}

.profile.files ul li:nth-child(5) a i {
  float: right;
}

.profile .bonus-container>ul,
.profile .bonus-container>form>ul {
  background-color: #efefef;
  padding: 20px 10px;
}

.add-image {
  position: absolute;
  bottom: -20.5vw;
  right: 36vw;
  width: 8vw;
  height: 8vw;
  background-color: #EEB91B;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  padding: 2vw;
}

.profile-buttons li+li {
  margin: 0 !important;
  margin-left: 10px !important;
}

.profile-buttons li a {
  color: #1f1f1f !important;
}

.profile-buttons li {
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
}

ul.profile-buttons.d-f {
  background-color: transparent !important;
  margin-top: 20px;
}

body.menu-show {
  max-height: 100vh;
  overflow: hidden;
}

.announcement-details-carousel.with-video .item {
  padding-top: 66.6666%;
  position: relative;
}

.announcement-details-carousel.with-video .item video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.affirm-agents-carousel table th,
.affirm-agents-carousel table td {
  width: auto;
  font-size: 16px;
}

.affirm-agents-carousel table {
  table-layout: auto;
}

.main-button.green img {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px;
}

h4 {
  font-size: 22px;
}

.projects-name .project-details-container p+p {
  margin-top: 10px;
}

.button-bottom {
  position: absolute;
  right: 15px;
  left: 15px;
  width: auto;
  top: 90vh;
}

.button-bottom button,
.button-bottom a {
  margin: 0 !important;
}

.redeem-credit .credit-container h5 {
  border-bottom: 1px solid #a7a7a7;
  padding-bottom: 10px;
}

.projects-name table {
  table-layout: auto;
}

.scroll-top {
  position: absolute;
  bottom: 80px;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000));
  background-image: -webkit-linear-gradient(top, #454545, #000);
  background-image: -o-linear-gradient(top, #454545, #000);
  background-image: linear-gradient(to bottom, #454545, #000);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  right: 15px;
}

.main-wrapper.subsale {
  padding-bottom: 0;
}

.subsale-details .contact-info-container ul {
  padding-left: 40px;
}

.credit.redeem-credit table {
  table-layout: auto;
}

.credit.redeem-credit table.no-color tr th,
.credit.redeem-credit table.no-color tr td {
  width: auto;
  text-align: left !important;
  font-size: 16px;
}

.scroll-top:focus,
.scroll-top:hover {
  color: #fff;
}

.ticket-qr-code table,
.qr-code-tickets table {
  table-layout: auto;
}

.ticket-qr-code table tr td,
.qr-code-tickets table tr td {
  width: auto;
}

.ticket-qr-code table tr td h5,
.qr-code-tickets table tr td h5 {
  font-size: 16px;
}

/* 190416 */

.page-container>a {
  position: relative;
}

span.tag {
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #EEB91B;
  padding: 3px 6px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  z-index: 3;
  font-family: 'Noto Sans', sans-serif;
}

span.tag::before {
  content: "";
  position: absolute;
  border-left: 15px solid transparent;
  border-top: 20px solid #EEB91B;
  border-right: 20px solid transparent;
  right: -20px;
  top: 0;
  z-index: -1;
}

span.tag::after {
  content: "";
  position: absolute;
  border-left: 15px solid transparent;
  border-bottom: 20px solid #EEB91B;
  border-right: 20px solid transparent;
  right: -20px;
  bottom: 0;
  z-index: -1;
}

.share-this {
  position: fixed;
  top: 50%;
  right: -60px;
  z-index: 2;
  background-color: #EEB91B;
  padding: 10px;
  transition: 0.5s ease;
  transform: translateY(-50%);
}

.share-this.show {
  right: 0;
}

.share-this ul li a {
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  text-align: center;
  line-height: 28px;
  border-radius: 100px;
}

.share-this ul li+li {
  margin-top: 5px;
}

.table-multi-properties {
  margin: 0;
  border: 1px solid #f9f9f9;
}

.table-multi-properties>tbody>tr:nth-of-type(2n+1) {
  background-color: #f9f9f9 !important;
}

.table-multi-properties td {
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: none;
  font-weight: 400;
  vertical-align: middle !important;
  padding: 8px 15px !important;
  border: none !important;
  background: transparent !important;
  color: #202020;
}




.floarDiscriptionSection {
  margin-bottom: 30px;
}

.floarDiscriptionSection .detail-amenities-list {
  text-align: left;
}

.floarDiscriptionSection h3 {
  font-size: 20px;
  margin: 15px 0px 3px;
  text-align: left;
}

.floarDiscriptionSection h2 {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #202020;
}

.floarDiscriptionSection p {
  margin-bottom: 5px;
}

.floarDiscriptionSection .btn-light {
  padding: 8px 30px;
  background: #f6f6f6;
  color: #000;
  height: auto;
  display: inline-block;
}

.floarDiscriptionSection .detail-amenities-list li {
  padding-left: 0px;
  margin-bottom: 30px !important;
  display: inline-block;
}

.floarDiscriptionNew .detail-amenities-list .media-left.media-middle {
  max-width: 45px;
  text-align: center;
  padding-right: 20px;
  display: inline-block;
}

.floarDiscriptionNew .detail-amenities-list .media-body {
  width: auto;
  text-align: left;
  margin-right: 10px;
  display: inline-block;
}



.detail-bar-full .detail-sub-title {
  text-align: center !important;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  max-width: 440px;
  margin: 50px auto;
  letter-spacing: 3px;
}

.mfp-title-download {
  position: absolute;
  bottom: 8px;
  left: 0;
  z-index: 9;
}

.mfp-title-download .mfp-download {
  color: #fff !important;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  padding: 10px 0px;
}

.back-button {
  top: 10px;
}



.detail-bar-full .update-text {
  color: #777777;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  margin: 0;
}

.detail-bar-full .detail-features {
  padding: 0;
  display: table;
  width: 100%;
}

.detail-bar-full .detail-features-left,
.detail-bar-full .detail-features-right {
  padding: 110px;
  display: table-cell;
  width: 50%;
}

.detail-bar-full .detail-features-left .detail-title,
.detail-bar-full .detail-features-right .detail-title {
  text-align: left;
}

.detail-bar-full .detail-amenities-list.mediaListSection {
  text-align: center;
}

.detail-bar-full .detail-amenities-list.mediaListSection li.media {
  min-width: 30%;
  display: inline-block;
  float: none;
  text-align: center;
  padding: 0 15px;
  margin: 0 0 50px;
}

.detail-bar-full .detail-amenities-list.mediaListSection li.media img {
  width: auto;
}

.detail-bar-full .detail-amenities-list.mediaListSection li.media .media-left.media-middle {
  max-width: 69px;
  text-align: center;
  padding-right: 20px;
  float: left;
  display: inline-block;
}

.detail-amenities-list .media-body {
  float: left;
  width: calc(100% - 80px);
  display: inline-block;
  text-align: left;
}


.detail-features.detail-block .detail-title h2 {
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 20px;
}

.projectSliderSec .announcement-details-carousel.with-video .item {
  padding-top: 0px;
  text-align: center;
}

.projectSliderSec .announcement-details-carousel.with-video .item a {
  width: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
}

.projectSliderSec .announcement-details-carousel.with-video .item a img.bluredImageNew {
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100%;
  z-index: 1;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
}

.projectSliderSec .announcement-details-carousel.with-video .item a img {
  max-height: 490px;
  object-fit: contain;
  object-position: center;
  width: 100%;
  position: relative;
  z-index: 9;
}

.detail-features.detail-block .list-three-col.list-features li {
  display: inline-block;
  width: 30%;
  margin: 0.5% 1%;
}

.project-details-container table {
  border: none !important;
}

.project-details-container table td,
.customeTabeleDes td {
  background: transparent !important;
  margin: 0px !important;
  border: 1px solid #000;
  border-collapse: collapse;
}

.project-details-container p {
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important
}

.project-details-container table td p {
  margin: 0px !important;
  padding: 5px !important;
}

div#gmap {
  width: 100%;
  height: 400px;
  border: double;
}

#c {
  text-align: left;
}

.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
  background-color: #fff;
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  font-family: 'Roboto', sans-serif !important;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: 'Roboto', sans-serif !important;
  font-size: 13px;
  font-weight: 300;
}

#target {
  width: 345px;
}

.jFiler-theme-default .jFiler-input {
  width: 100%;
}

.dropdown-header {
  font-size: 20px !important;
}




a.rationImage {
  position: relative;
  overflow: hidden;
  max-height: 280px;
}

a.rationImage img {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 280px;
  object-fit: contain;
  object-position: center;
}

a.rationImage img.bluredImage {
  position: absolute;
  z-index: 1;
  object-fit: cover;
  filter: blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

a.rationImage .tag {
  z-index: 9;
}

.menu-profile img {
  border-radius: 50%;
  max-width: 60px;
  max-height: 60px;
}






html,
body {
  overflow-x: hidden !important;
  width: 100% !important;
}

.main-wrapper.projects-name.projectSliderSec {
  overflow-x: hidden !important;
}


.accordion .customSeclectOption .select-items {
  max-height: 200px;
  overflow-y: auto;
}

/*.accordion .card .card-body ul li .main-button {
    width: calc(50% - 15px);
}*/


.announcement-details-carousel .owl-item .rationImage {
  height: auto;
  max-height: unset;
  width: 100%;
}

.announcement-details-carousel .owl-item a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.announcement-details-carousel .owl-item .rationImage img {
  height: 470px;
  object-fit: contain;
  object-position: center;
  position: relative;
  z-index: 4;
}

.announcement-details-carousel .owl-item .rationImage img.bluredImage {
  object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}


.fullWidthDiv {
  min-width: 100%;
}

.header-media #houzez-gmap-main .col-sm-12,
.header-media #houzez-gmap-main .col-md-12,
.header-media #houzez-gmap-main .col-md-12 #gmap {
  min-width: 100% !important;
  width: 100% !important;
  padding: 0px !important;
}

.displayOnlyForMobile {
  display: none;
  width: 100%;
}

.customSelectSec {
  width: 100%;
  height: 40px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #dadada;
  padding: 0 15px;
}







/******************/
.header-detail.saleChartHeader .header-left {
  width: auto;
}

.header-detail.saleChartHeader .header-right {
  width: calc(100% - 220px);
  padding: 30px 0 0;
}

.saleChartHeader .header-right .btn {
  top: -10px;
  padding: 5px 8px;
  font-size: 12.5px;
  background-color: #EEB91B !important;
  border-radius: 50px;
  color: #1f1f1f !important;
  font-weight: 500;
  border: 2px solid #EEB91B !important;
}


.header-inner.d-f.a-i-c.j-c-c.justyfyContent {
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
  align-items: center !important;
  align-content: center !important;
}

.header-inner.justyfyContent .back-button {
  position: relative !important;
  left: 0 !important;
  top: 12px !important;
}

.header-inner.justyfyContent .copy-url {
  background-color: #EEB91B !important;
  border-radius: 50px;
  color: #1f1f1f !important;
  font-weight: 500;
  border: 2px solid #EEB91B !important;
  padding: 8px 25px;
}








.splashMainSection {
  padding: 0 !important;
  height: calc(100vh - 135px);
  overflow-y: auto;
  display: inline-block;
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

/*.splashMainSection > .container > .row {
  display: none;
}*/
.splashMainDiv {
  max-width: 500px;
  margin: 15px auto;
}

.splashContentDiv {
  width: 100%;
  position: relative;
  width: 100%;
}

.splashContentDiv>a {
  float: left;
  height: 0px;
}

.splashContentDiv>img {
  height: calc(100vh - 167px);
  width: 100%;
  object-fit: cover;
  object-position: bottom;
}

.splashText {
  position: absolute;
  left: 0px;
  top: 5%;
  width: 100%;
  text-align: center;
  padding: 5px 15px;
}

.splashText h3 {
  margin: 0;
  font-size: 23px;
  line-height: 26px;
  font-style: italic;
  font-weight: 800;
  font-family: 'Roboto', sans-serif !important;
  text-transform: unset;
}

.splashText p {
  margin: 0;
  font-size: 19px;
  font-style: italic;
  font-weight: 400;
  line-height: 23px;
  color: #000;
  font-family: 'Roboto', sans-serif !important;
}

.splashText p strong {
  font-size: 23px;
  line-height: 26px;
  font-style: italic;
  font-weight: 800;
}

.splashButton {
  position: absolute;
  bottom: 4%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  padding: 8px 26px;
  border-radius: 5px;
  min-width: 140px;
  text-align: center;
  background: #000 !important;
  color: #fff !important;
  font-size: 15px;
  border: none;
  text-transform: uppercase;
}

.splashDivBottomTooltip {
  margin-bottom: 0px;
}

.splashDivBottomTooltip .splashContentDiv>img {
  height: calc(100vh - 150px);
}

.splashDivBottomTooltip .splashText {
  padding-top: 0px;
}

.splashDivBottomTooltip .splashButton {
  bottom: 9%;
}

.fastTrackBtn {
  position: relative;
}

.fastTrackBtn h6,
.fastTrackBtn h5 {
  padding-right: 95px !important;
}

.fastTrakImg {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
}

.popupMainDivNew .splashText {
  top: 22%;
}

.popupMainDivNew .splashText h3 {
  font-size: 30px;
  line-height: 33px;
}

.splashTextBottom {
  position: absolute;
  text-align: center;
  left: 0%;
  width: 100%;
  display: inline-block;
  bottom: 12%;
}

.splashTextBottom p {
  color: #000;
  font-weight: normal;
  font-size: 14px;
}

.allEventMainDiv .allEventSec .fc-day-grid-container.fc-scroller {
  height: auto !important;
}

.customEditSaleBladeDiv .main-wrapper {
  padding: 0px !important
}

.customEditSaleBladeDiv .btn.btn-default {
  position: relative;
  min-width: 100px;
  display: inline-block;
  padding: 8px 14px;
  text-align: center;
  background: #f3bd17 !important;
  border: 1px solid #f3bd17 !important;
  color: #202020 !important;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px;
}

.step .centerBttonDiv .darkButton {
  border: 1px solid #202020 !important;
  background: #202020 !important;
  color: #fff !important;
  margin: 0 2px;
}

.step .centerBttonDiv button {
  min-width: 47%;
  padding: 8px 10px;
}

.step .form-group .headingWithBorder[for="description"] {
  border-bottom: 0 !important;
  padding: 0;
  margin: 0px !important;
  line-height: 28px;
}

.customEditSaleBladeDiv .btn.btn-primary {
  position: relative;
  min-width: 100px;
  display: inline-block;
  padding: 8px 14px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin: 0 2px 8px;
  border: 1px solid #202020 !important;
  background: #202020 !important;
  color: #fff !important;
}

.proJectSaleSodumentMinDiv .container-box.box {
  border: none !important;
}

.proJectSaleSodumentMinDiv .headingWithBorder {
  font-size: 20px;
}


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

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

.projectMainSingleImage {
  width: 100px;
  float: left;
  background: #ffffff;
  padding: 30px 6px 10px;
  position: relative;
  margin: 10px 10px 10px 0;
  border: 1px solid #dadada;
  min-height: 149px;
  text-align: center;
}

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

.projectMainSingleImage span {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 8px;
}

.projectMainSingleImage a .fa {
  font-size: 38px;
  min-height: 84px;
  padding: 30px 0 0;
}

a.deleteProjectDiv {
  position: absolute;
  top: 6px;
  right: 6px;
  background: #202020;
  width: 18px !important;
  height: 18px;
  font-size: 9px;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  line-height: 18px;
}

.projectMainSaleDiv form {
  display: inline-block;
  width: 100%;
  margin: 0px;
}

.projectMainSaleDiv form .uploadDiv {
  position: relative;
  width: 100px;
  display: inline-block;
}

.projectMainSaleDiv form .uploadDiv input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.projectMainSaleDiv form .uploadDiv {
  position: relative;
  width: 100px;
  display: inline-block;
  padding: 4px 10px;
  text-align: center;
  background: #f3bd17;
  color: #202020;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px;
}

.projectMainSaleDiv form input[type="submit"] {
  width: 100px;
  display: inline-block;
  padding: 4px 10px;
  text-align: center;
  background: #202020;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: none;
  margin-bottom: 10px;
}

.projectMainSingleImage a img {
  width: 100%;
  height: 100px;
  object-fit: contain;
  padding: 10px 0 0;
}

.projectMainSaleDiv form .SalebottomButtonDiv {
  text-align: left;
}

.SalebottomButtonDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.SalebottomButtonDiv a.customButton {
  width: calc(100% - 30px);
  text-align: center;
  margin: 0 15px 10px;
  border-radius: 5px;
  background: #f3bd17;
  color: #000000;
  font-weight: 600;
  font-size: 15px;
  max-width: 300px;
}


.splashSliderNewDiv {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}

.splashSliderNewDiv .owl-item {
  float: left;
}

.splashSliderNewDiv .owl-stage-outer {
  overflow: hidden;
}

.splashSliderNewDiv .owl-nav button {
  position: absolute;
  top: 50%;
  background: #202020;
  border: 2px solid #202020;
  color: #fed61f;
  text-align: center;
  padding: 0;
  border-radius: 50px;
  left: 15px;
}

.splashSliderNewDiv .owl-nav button span {
  width: 35px;
  height: 35px;
  margin-right: 0;
  font-size: 35px;
  line-height: 30px;
}

.splashSliderNewDiv .owl-nav button.owl-next {
  left: auto;
  right: 15px;
}

.splashSliderNewDiv .owl-dots {
  display: none !important;
}


.showebleForMobileSearchBar .form-group.subsaleNewText label span {
  font-size: 20px !important;
  margin: 6px 0 0;
}

.showebleForMobileSearchBar .form-group.subsaleNewText label span img {
  width: 30px;
  position: relative;
  top: -4px;
}

.bottomTagsTopDiv {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #c1c1c1;
  margin-bottom: 10px;

}

.notification-list .bottomTagsTopDiv {
  border: none !important;
}

.bottomTagsTopDiv a {
  display: inline-block;
  padding: 0px 10px;
  margin-bottom: 10px;
  border-left: 1px solid #6d6e71;
  line-height: 13px;
}

.bottomTagsTopDiv a:last-child {
  border-right: 1px solid #6d6e71;
}

.headingWithSearchBarPL.inboxMainDivNew+.labledDiv .bottomTagsTopDiv a {
  padding: 0px 6px;
}

.headingWithSearchBarPL.inboxMainDivNew+.labledDiv .bottomTagsTopDiv a span {
  font-size: 12px !important;
}

.labledDiv .bottomTagsTopDiv a span {
  font-size: 13px !important;
  display: inline-block;
  font-weight: 500 !important;
  /*font-size: 20px !important;*/
  font-family: 'Noto Sans', sans-serif;
}

.labledDiv .bottomTagsTopDiv a .active {
  color: #EEB91B !important;
}


.fullWidthDDList {
  width: 100% !important;
}

.buttonGropMainDiv {
  display: inline-flex !important;
  width: 100% !important;
  justify-content: center;
}

.buttonWithShadeNew {
  margin: 0 3px;
  display: inline-block;
  width: 98px;
  height: 45px;
  background-image: url(../images/button-new-shade.png);
  background-size: cover;
  background-repeat: no-repeat;
  font-family: 'Noto Sans', sans-serif;
  border: none !important;
  background-color: transparent !important;
  outline: none !important;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
  padding: 7px;
}

.buttonWithShadeNew.whiteShadeButton {
  background-image: url(../images/button-white-shade.png);
  color: #202020 !important;
  font-weight: 900;
  padding: 9px 0;
  font-size: 11px;
  text-align: center;
}

.buttonWithShadeNew.whiteShadeButton span {
  font-weight: 500;
  color: #202020 !important;
}

.buttonWithShadeNew img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}

.buttonWithShadeNew span {
  color: #eeb91b;
  width: 100%;
}

.elogButton span {
  font-family: 'Sufrimeda';
  text-transform: lowercase;
  font-size: 14px;
}

@font-face {
  font-family: 'Sufrimeda';
  src: url('Sufrimeda.eot');
  src: url('Sufrimeda.eot?#iefix') format('embedded-opentype'),
    url('Sufrimeda.woff2') format('woff2'),
    url('Sufrimeda.woff') format('woff'),
    url('Sufrimeda.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




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

.elogMainImage {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px
}

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

.elogMainDiv h2 {
  font-size: 22px;
  font-weight: 600;
  font-style: italic;
  color: #202020;
  text-transform: unset;
}

.elogMainDiv p {
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0;
  color: #202020;
  text-transform: unset;
}



/*********************/
.headerTitle {
  display: inline-block;
  width: 100%;
}

.headerTitle h2 {
  font-size: 18px;
  font-weight: 600;
  color: #212221;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 4px solid #edb81b
}

.headerTitle h4 {
  font-size: 17px;
  font-weight: 600;
  color: #212221;
  margin-bottom: 8px;
}

.backButtonDiv {
  display: inline-block;
  width: 100%;
  position: relative;
  text-align: center;
  padding: 0 25px;
  margin-bottom: 10px;
}

.backButtonNewTag {
  position: absolute;
  top: 0;
  left: 0;
}

.backButtonDiv h3 {
  font-size: 16px;
  color: #565656;
  text-transform: uppercase;
}

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

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

.iconsSectionNew ul li {
  float: left;
  width: calc(100% / 4 - 4px);
  margin: 0 2px 15px;
}

.iconsSectionNew ul li a {
  float: left;
  width: 100%;
  margin: 0 5px;
  text-align: center;
}

.iconsSectionNew ul li a img {
  width: 80%;
  max-width: 70px;
}

.iconsSectionNew ul li a img {
  width: 80%;
  max-width: 70px;
}

.iconsSectionNew ul li a span {
  display: inline-block;
  width: 100%;
  font-size: 9px;
  margin-top: 8px;
  line-height: 12px;
  color: #212121;
}

h2.withSelectBox {
  position: relative;
  padding-right: 90px;
}

.rightSelectBox {
  position: absolute;
  top: -3px;
  right: 0;
}

.selectBoxDesign {
  width: 95px;
  background: #212121;
  padding: 7px 4px 2px;
}

.selectBoxDesign img {
  width: 15px;
  height: auto;
  margin: 2px 0 0
}

.selectBoxDesign select {
  width: 70px;
  height: auto;
  font-size: 11px;
  float: right;
  padding: 0px;
  background: transparent;
  border: none;
  color: #fff;
  margin: 0px;
  font-family: 'Roboto', sans-serif !important;
  height: 15px;
  min-width: unset !important;
}

.selectBoxDesign select option {
  background: #212121 !important;
  color: #fff;
  margin: 0
}

.selectBoxDesign select option:not(:checked) {
  background: rgb(230 231 232 / 71%) !important;
  color: #212121;
}

.selectBoxDesign select option:hover,
.selectBoxDesign select option:focus,
.selectBoxDesign select option:selected,
.selectBoxDesign select option:active,
.selectBoxDesign select option:checked {
  background: #212121 !important;
  color: #fff;
}

.summaryReportDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 12px 0 0;
}

.summaryReportDiv ul {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.summaryReportDiv ul li {
  float: left;
  width: calc(100% / 4 - 4px);
  text-align: center;
  margin: 0 2px
}

.summaryReportDiv ul li h3 {
  font-size: 27px;
  margin-bottom: 5px;
  font-weight: 800;
}

.summaryReportDiv ul li p {
  font-size: 10px;
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
  line-height: 13px;
  min-height: 50px;
  color: #212121;
  text-transform: uppercase;
  font-weight: 600;
}

.summaryReportDiv ul li p span {
  display: inline-block;
  width: 100%;
}

.summaryDetailButton {
  background: #000;
  color: #fff !important;
  border-radius: 5px;
  font-size: 11px;
  padding: 5px 10px;
  display: inline-block;
}

.searchDivWithSort {
  display: inline-block;
  width: 100%;
  margin: 14px 0 0px;
  position: relative;
}

.searchDivWithSort input {
  float: left;
  width: calc(100% - 105px);
  position: relative;
  top: -4px;
  background: #f1f2f2;
  border: none;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) !important;
  padding: 6px 10px;
  font-size: 12px;
  color: #212121;
  font-family: 'Roboto', sans-serif !important;
}

.bottomTagsTopDiv.agentManagementTags a {
  padding: 0 5px;
  line-height: 10px;
  transition: all 0.5s ease 0s;
}

.bottomTagsTopDiv.agentManagementTags a:hover,
.bottomTagsTopDiv.agentManagementTags a:hover span,
.bottomTagsTopDiv.agentManagementTags a span.active {
  color: #EEB91B !important
}

.bottomTagsTopDiv.agentManagementTags a label {
  font-size: 11px;
  padding: 0;
}

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

.newStyleTableDiv table {
  width: 100%;
}

.newStyleTableDiv table thead {
  width: 100%;
  background: #212121;
  color: #fff;
}

.newStyleTableDiv table td,
.newStyleTableDiv table th {
  font-size: 12px;
  line-height: 13px;
}

.newStyleTableDiv table tbody tr:nth-child(even) {
  background: #e6e7e8 !important;
}


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

.tableButton .inviteButton {
  display: inline-block;
  background: #000;
  color: #fff !important;
  border: none;
  padding: 6px 6px 6px 30px;
  position: relative;
  font-size: 11px;
  min-width: 90px;
  text-align: center;
  margin-right: 3px;
}

.tableButton .inviteButton img {
  display: inline-flex;
  width: 14px;
  height: auto;
  margin-top: 3.5px;
  margin-right: 14px;
  position: absolute;
  top: 3px;
  left: 10px;
}

.tablebottomBar {
  display: inline-block;
  width: 100%;
  margin-top: 35px
}

.tablebottomBar p {
  float: left;
  width: 50%;
  font-size: 10px;
}

.newStyleTableDiv .navigation,
.tablebottomBar .navigation {
  float: left;
  width: 100%;
  font-size: 10px;
  text-align: right;
}

.newStyleTableDiv .navigation li,
.tablebottomBar .navigation li {
  display: inline-block;
}

.newStyleTableDiv .navigation li a,
.tablebottomBar .navigation li a {
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.3);
  text-align: center;
  border-radius: 3px;
}

.newStyleTableDiv .navigation li.active a,
.newStyleTableDiv .navigation li a:hover,
.tablebottomBar .navigation li a:hover,
.tablebottomBar .navigation li a.prevListBtn,
.tablebottomBar .navigation li a.nextListBtn,
.tablebottomBar .navigation li a.active {
  background: #202020;
  color: #fff;
}

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

.addManagementForm label {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  color: #8a8a8a;
}

.addManagementForm label span {
  position: static;
  display: inline-block;
  width: auto;
  margin: 0 0 0 2px;
  color: red
}

.addManagementForm .form-group {
  margin-bottom: 10px;
}

.addManagementForm .form-control {
  display: inline-block;
  width: 100%;
  border-radius: 0px;
}

.addManagementForm textarea.form-control {
  height: 130px;
}

.addManagementList {
  display: inline-flex;
  width: 100%;
  margin: 7px 0 0;
  flex-wrap: wrap;
}

.addManagementList li {
  float: left;
  width: 50%;
  margin: 6px 0;
  padding: 0 3px 0 0;
}

.addManagementList li label {
  font-size: 12px;
  position: relative;
  color: #424242;
  padding-left: 23px;
  float: left;
  width: 100%;
}

.addManagementList li.fullWidthLi {
  width: 100% !important;
}

.addManagementList li label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.addManagementForm .addManagementList li label span {
  position: absolute;
  left: -3px;
  top: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #888888;
  border-radius: 0;
}

.addManagementForm .addManagementList li label input:checked~span::after {
  display: inline-block;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  height: 8px;
  width: 4px;
  margin-left: 0;
  border-bottom: 1px solid #525252;
  border-right: 1px solid #464646;
  content: "";
  position: absolute;
  top: 2px;
  left: 4px;
}

.addManagementButton {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.addManagementButton button {
  padding: 6px 18px;
  border-radius: 8px;
  background: #212221;
  border: 1px solid #212221;
  color: #fff !important;
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  min-width: 110px;
}

.addManagementButton button:disabled {
  cursor: no-drop;
}

.withPhoneNumber {
  position: relative;
}

.withPhoneNumber input {
  padding-left: 68px !important;
}

.withPhoneNumber select {
  position: absolute;
  left: 5px;
  top: 5px;
  background: #e0e0e0;
  border: none;
  font-size: 12px;
  padding: 6px;
  width: 53px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.backButtonText {
  padding: 6px 15px;
  background: #212121 !important;
  color: #fff !important;
  font-size: 12px;
  border: none !important;
}

.searchDivWithSort.searchWithTwoButton input {
  width: calc(100% - 163px);
}

.newStyleTableDiv td a img {
  width: auto;
}

.newStyleTableDiv td a.tableActionBtn img {
  max-width: 16px;
  margin: 1px;
}

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

.infoList li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  font-size: 12px;
}

.infoList li img {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}

.selectBoxDesign .dropdown {
  background: transparent !important;
  float: left;
  width: 100%;
  text-align: center;
}

.selectBoxDesign button {
  background: transparent !important;
  border: none !important;
  margin: 0;
  color: #fff !important;
  font-size: 10px;
  padding: 0 0 5px;
  float: left;
  width: 100%;
  text-align: left;
}

.selectBoxDesign button img {
  margin-right: 8px
}

.selectBoxDesign .dropdown-toggle::after {
  display: none !important
}

.selectBoxDesign .dropdown-item {
  padding: 4px 10px;
  font-size: 11px;
  color: #202020;
}

.selectBoxDesign .dropdown-menu {
  left: auto !important;
  right: -4px !important;
  background: #eceded;
  padding: 3px;
  width: 96px;
  min-width: auto;
}

.selectBoxDesign .dropdown-item:hover {
  background: #202020;
  color: #fff;
}


.rightSelectBox .nav-tabs {
  margin: 0;
  box-shadow: none !important;
  border: none !important;
}

.rightSelectBox .nav-tabs li {
  box-shadow: none !important;
  border: none !important;
}

.rightSelectBox .nav-tabs li+li {
  margin: 0 0 0 2px;
  box-shadow: none !important;
}

.rightSelectBox .nav-tabs li a {
  border-radius: 4px;
  box-shadow: none !important;
}

.rightSelectBox .nav-tabs li a.active {
  background: #efba1b !important;
  color: #202002 !important;
}

#projectBrokeTabContent .tab-pane {
  padding: 4px 0 0;
}



.csrfFieldsDiv.customTearmsConditionDiv p {
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
  line-height: 26px;
  color: #000;
}

.customTearmsConditionDiv h6,
.customTearmsConditionDiv h4 {
  font-size: 16px;
  color: #202020;
  display: inline-block;
  width: 100%;
  text-align: left;
  margin: 0 0 30px;
  font-weight: 600;
  color: #000;
  text-transform: unset;
}

.customTearmsConditionDiv h6 strong {
  display: inline-block;
  width: 100%;
}

.customTearmsConditionDiv h6 span {
  font-weight: 400;
}

.csrfFieldsDiv.customTearmsConditionDiv p.textWithHeadingTC {
  padding-left: 190px;
  position: relative;
  min-height: 40px;
  color: #000;
}

.csrfFieldsDiv.customTearmsConditionDiv p.textWithHeadingTC span {
  position: absolute;
  top: 0;
  left: 0;
  width: 190px;
  color: #000;
}

.csrfFieldsDiv.customTearmsConditionDiv .agreementDiv li {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
  line-height: 24px;
  color: #000;
  font-weight: 400;
}

.customTearmsConditionDiv .agreementDiv {
  margin-top: 10px;
}

.customTearmsConditionDiv .agreementDiv ol {
  padding-left: 35px;
}

.customTearmsConditionDiv .agreementDiv li {
  padding-left: 50px;
  position: relative;
}

.customTearmsConditionDiv .agreementDiv li>span {
  position: absolute;
  top: 0;
  left: 0;
}

.customTearmsConditionDiv .agreementDiv li ul {
  padding: 30px 0 0 30px;
  margin: 0px;
}

.termConditionCheckBox {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.termConditionCheckBox label {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-left: 50px;
  font-size: 16px;
  font-weight: bold;
}

.termConditionCheckBox input {
  position: absolute;
  opacity: 0;
}

.termConditionCheckBox label input~span {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #dadada;
  display: inline-block;
  top: -3px;
  left: 0;
}

.termConditionCheckBox label input:checked~span {
  background: #f2bc1a;
}

.termConditionCheckBox label input:checked~span::after {
  content: "";
  left: 11px;
  top: 6px;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}


.withDeleteBtnAPL {
  position: relative;
  display: inline-block;
  width: 100%;
}

.deleteBtnAPL {
  float: right;
  width: 28px;
  height: 24px;
  /* margin-top: 12px;
  position: absolute;
  top: 0;
  right: 8px;*/
  filter: grayscale(1);
  margin-left: 7px;
}

.deleteBtnAPL img {
  height: auto;
  width: 100%;
  object-fit: contain;
}

.red {
  color: red;
}




.pic-dashboard .container {
  max-width: 700px;
}


/****************************\
 * Top Menu
\****************************/
.topDashboardMenus {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.topDashboardMenus ul {
  display: inline-flex;
  width: 100%;
  padding: 8px 2px 10px;
  background: #f1f2f2;
  border-radius: 7px;
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%) !important;
}

.topDashboardMenus ul li {
  display: inline-block;
  width: calc(100% / 5);
  position: relative;
  border-right: 1px solid #cfd1d2;
  border-left: 1px solid #e6e7e8;
}

.topDashboardMenus ul li:first-child {
  border-left: 0px !important;
}

.topDashboardMenus ul li:last-child {
  border-right: 0px !important;
}

.topDashboardMenus ul li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 6px 0 4px;
}

.topDashboardMenus ul li a img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  object-position: center;
}

.topDashboardMenus ul li a span {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  color: #202020;
  position: relative;
  bottom: -6px;
}

.menuNotiFication {
  position: absolute;
  width: 14px;
  height: 14px;
  background: red;
  border-radius: 15px;
  top: -3px;
  right: 5px;
  font-size: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: #fff;
}

.picBoardDiv.topDashboardMenus ul li {
  width: calc(100% / 4);
  margin: 0 !important;
}

.picBoardDiv.topDashboardMenus ul {
  padding-left: 5px;
  padding-right: 5px;
}

.picBoardDiv.topDashboardMenus ul li a img {
  width: 32px;
  height: 32px;
}

.picBoardDiv.topDashboardMenus ul:first-child {
  border-radius: 7px 7px 0 0;
  padding-bottom: 0;
}

.picBoardDiv.topDashboardMenus ul:first-child a {
  padding-bottom: 15px;
  border-bottom: 1px solid #cfd1d2;
}

.picBoardDiv.topDashboardMenus ul:last-child {
  padding-top: 0;
  border-radius: 0 0 7px 7px;
}

.picBoardDiv.topDashboardMenus ul:last-child a {
  padding-top: 15px;
}

.picBoardDiv.topDashboardMenus ul a span {
  font-size: 10px;
  bottom: 0;
  line-height: 13px;
  margin-top: 12px;
  font-family: 'Roboto', sans-serif !important;

}






/****************************\
 * My Subsale Tabs
\****************************/
.subSaleTabs {
  display: inline-block;
  width: 100%;
  padding-bottom: 6px;
  border-bottom: 1px solid #e5e6e7;
}

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

.subSaleTabs ul li {
  display: inline-block;
  position: relative;
}

.subSaleTabs ul li::after {
  content: "|";
  position: absolute;
  right: 0;
  top: -1px;
}

.subSaleTabs ul li:first-child::before {
  content: "|";
  position: absolute;
  left: 0;
  top: 0;
}

.subSaleTabs ul li a {
  display: inline-block;
  width: 100%;
  font-size: 12.5px;
  padding: 0 10px;
  font-family: 'Roboto', sans-serif !important;
  color: #231f20;
}

.subSaleTabs ul li a.active {
  color: #ecb81d;
}

.picBoardTabs {
  border: none !important;
}

.picBoardTabs.subSaleTabs ul {
  display: inline-flex;
  justify-content: space-between;
}

.picBoardTabs.subSaleTabs ul li {
  width: calc(100% / 4);
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
}

.totalSale {
  padding: 8px 15px;
  border-radius: 7px;
  background: #ecb81d;
  color: #202020 !important;
  display: inline-block;
  font-weight: 600;
  font-size: 24px;
  width: 100%;
  font-family: 'Roboto', sans-serif !important;
  text-align: center;
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%) !important;
}



/****************************\
 * Heighlight Slider
\****************************/
.heighlightMainDiv {
  display: inline-block;
  width: 100%;
}

.heighlightMainDiv h2 {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: bold;
  position: relative;
  text-align: center;
}

.heighlightMainDiv h2 span {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
  font-family: 'Roboto', sans-serif !important;
  position: relative;
  z-index: 1;
  font-weight: 700;
  color: #202020;
}

.heighlightMainDiv h2::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 1px;
  background: #d1d3d4;
}

.heighlightSlider .item img {
  display: inline-block;
  width: 100%;
}

.heighlightSlider .item .owl-nav {
  display: none;
}

.heighlightSlider .owl-dots {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.heighlightSlider .owl-dots button {
  display: inline-block;
  margin: 0 5px;
}

.heighlightSlider .owl-dots button span {
  width: 8px;
  height: 8px;
  background-color: #919395;
  display: inline-block;
  border-radius: 10px;
}

.heighlightSlider .owl-dots button.active span {
  background-color: #ecb81d !important;
}

/****************************\
 * Report
\****************************/
.doubleReport {
  display: inline-flex;
  width: 100%;
}

.halfDiv {
  display: inline-block;
  width: calc(100% / 2);
  text-align: center;
}

.lightSale {
  background: #f1f2f2;
  color: #202020 !important;
  width: calc(100% - 10px);
}




/****************************\
 * Heading With back btn
\****************************/
.headingWithBackBtn {
  display: inline-block;
  width: 100%;
  padding: 0 30px;
  position: relative;
}

.headingWithBackBtn h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  color: #231f20;
  text-transform: none;
}

.withRightSideBtn.buleBorderBottom {
  padding-bottom: 5px !important;
}

.withRightSideBtn h2 {
  text-align: left;
}

.saleDetailsDiv {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  background: #202020;
  color: #fff;
  padding: 3px 10px;
  border-radius: 5px;
}

.leftIconBtn {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
}

.rightIconBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
}

.buleBorderBottom {
  border-bottom: 4px solid #EEB91B !important;
  padding-bottom: 15px !important;
}

.allCentrerTable {
  text-align: center;
}

.allCentrerTable tr th:first-child,
.allCentrerTable tr td:first-child {
  text-align: left;
}

.allCentrerTable table {
  margin-bottom: 0 !important;
}

.allCentrerTable .tablebottomBar p {
  text-align: left;
}

.dropDownWithIcon {
  display: inline-block;
  position: relative;
  width: 95.89px;
  top: -4px;
  float: right;
}

.dropDownWithIcon .customButtonNew {
  background: #212221 !important;
  color: #fff !important;
  border-radius: 0px;
  padding: 6px 12px;
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
}

.dropDownWithIcon img {
  width: 15px;
  position: relative;
  top: 3px;
  left: -2px;
  margin-top: 1.5px;
  margin-right: 4px;
}

.optionsDiv {
  position: absolute;
  top: 100%;
  left: -7.5px;
  width: calc(100% + 15px);
  background: #fff;
  border: 1px solid #cfd1d2;
  padding: 0 10px;
  z-index: 2;
  text-align: center;
  display: none;
}

.optionsDiv a {
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-size: 12px;
  font-family: 'Avenir LT Std';
  width: 100%;
  color: #58595b;
}

.optionsDiv a span {
  display: inline-block;
  width: 100%;
}

.dropDownWithIcon .optionsDiv a:hover span {
  background: #212221;
  color: #fff;
}


.edwardGtModalDiv.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
}

.edwardGtModalDiv .modal-dialog {
  max-width: 300px;
  margin: 0 auto;
}

.edwardGtModalDiv .modal-content {
  border-radius: 30px;
  text-align: center;
  position: relative;
}

.edwardGtModalDiv .modal-body {
  padding: 40px 30px 30px;
  position: relative;
}

.edwardGtModalDiv .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #fff;
  background: #000;
  opacity: 1;
  border-radius: 50px;
  font-weight: 300;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.edwardGtModalDiv .close span {
  position: relative;
  top: -2px;
  margin: 0px !important;
}

.edwardInnerDiv {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
}

.edwardInnerDiv>img {
  max-width: 90px;
}

.edwardInnerDiv h2 {
  font-size: 24px;
  font-weight: bold;
  color: #414042;
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 15px;
}

.edwardInnerDiv p {
  font-size: 18px;
  display: inline-block;
  width: 100%;
  color: #414042;
  margin-bottom: 15px;
}

.edwardInnerDiv ul {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-bottom: 2px;
}

.edwardInnerDiv ul li {
  font-size: 18px;
  display: inline-block;
  width: 100%;
  color: #414042;
  margin-bottom: 0px;
}

.edwardInnerDiv ul li label {
  margin-bottom: 0px !important;
}

.submitBtn {
  display: inline-flex;
  align-items: center;
  margin-right: 5px;
  background: #ec1c24;
  padding: 2px 20px;
  min-width: 90px;
  color: #fff !important;
  position: relative;
  border: none !important;
}

.cancelBtn {
  display: inline-flex;
  min-width: 90px;
  align-items: center;
  margin-right: 5px;
  background: #202020;
  padding: 2px 20px;
  color: #fff !important;
  position: relative;
  border: none !important;
}

.otherInput {
  display: none;
  padding: 5px 10px !important;
  margin-bottom: 20px !important;
  border-radius: 0px !important;
  border: 1px solid #8f8f8f !important;
  text-align: left !important;
}




/************************\
        BOOKING 
\************************/
.textNormal {
  text-transform: none !important;
  font-family: 'Roboto', sans-serif !important;
}

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

.signleStepBP {
  float: left;
  width: 100%;
  padding: 15px 0;
}

.stepCountBP {
  float: left;
  min-width: 65px;
}

.stepContentBP {
  float: left;
  width: calc(100% - 72px);
  margin-left: 7px;
}

.stepCountBP p {
  font-size: 16px;
  color: #212221;
  font-weight: bold;
  font-family: 'Roboto', sans-serif !important;
}

.stepHeadingBP {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-right: 110px;
  min-height: 25px;
}

.clickButton {
  font-size: 13px;
  text-transform: none;
  color: #202020;
  font-family: 'Roboto', sans-serif !important;
  float: right;
  background: #f1f2f2;
  padding: 6px 22px;
  border-radius: 5px;
  font-weight: 500;
  position: absolute;
  top: -3px;
  right: 0;
  box-shadow: 1px 1px 1px 0px rgb(0 0 0 / 40%) !important;
}

.stepHeadingBP span {
  text-transform: none !important;
  font-weight: bold;
  font-family: 'Roboto', sans-serif !important;
  color: #212221;
  font-size: 16px;
  float: left;
}

.dottedListBP {
  display: inline-block;
  width: 100%;
  padding: 0px;
  margin-top: 8px;
}

.dottedListBP li {
  text-transform: none !important;
  font-family: 'Roboto', sans-serif !important;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding-left: 15px;
  position: relative;
  margin-bottom: 12px;
}

.dottedListBP li::after {
  content: ".";
  position: absolute;
  top: 0;
  left: 0;
  color: #212221;
}

.radioLisatBP {
  display: inline-block;
  width: 100%;
  margin-top: 8px;
}

.radioLisatBP li {
  display: inline-block;
  width: 100%;
  margin-bottom: 12px;
}

.radioLisatBP li label {
  display: inline-block;
  width: 100%;
  padding-left: 25px;
  position: relative;
  text-transform: none !important;
  font-family: 'Roboto', sans-serif !important;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.radioLisatBP li label input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.radioLisatBP li label span {
  width: 12px;
  height: 12px;
  border-radius: 50px;
  display: inline-block;
  font-family: 'Roboto', sans-serif !important;
  position: absolute;
  top: 5px;
  left: 0;
  background: #d1d3d4;
  box-shadow: -1px -1px 1px 0px rgb(0 0 0 / 40%) !important;
}

.radioLisatBP li label input:checked~span {
  background: #eeb91b;
}

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

.bookignFeesSteps ul {
  display: inline-flex;
  width: calc(100% + 10px);
  margin-left: -5px;
}

.bookignFeesSteps ul li {
  display: inline-block;
  width: calc(100% / 3 - 10px);
  font-family: 'Roboto', sans-serif !important;
  margin: 0 5px;
  background: #929497;
  min-height: 5px;
}

.bookignFeesSteps ul li.active {
  background: #eeb91b;
}

.bookignFeesSteps.sixSteps ul {
  width: calc(100% + 5px);
}

.bookignFeesSteps.sixSteps ul li {
  width: calc(100% / 6 - 5px);
  margin: 0 2.5px;
}

.inputWithIconRight {
  position: relative;
  display: inline-block;
  width: 100%;
}

.inputWithIconRight::after {
  content: "";
  right: 37px;
  width: 1px;
  height: 70%;
  background: #adadad;
  position: absolute;
  top: 15%;
}

.inputWithIconRight .form-control {
  padding-right: 50px;
  font-family: 'Roboto', sans-serif !important;
}

.inputWithIconRight>img {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 20px;
  object-fit: contain;
  transform: translateY(-50%);
}

.inputUploadImg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  width: 45px;
  height: 100%;
}

.smallInfoText {
  font-size: 11px;
  font-family: 'Roboto', sans-serif !important;
  color: #000;
  display: inline-block;
  width: 100%;
  margin-top: 6px;
}

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

.mySaleHeading h2 {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  color: #212221;
  font-family: 'Roboto', sans-serif !important;
  text-transform: none;
  font-weight: bold;
}

.mySaleHeading p {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  color: #212221;
  font-family: 'Roboto', sans-serif !important;
  text-transform: none;
  color: #6d6e71;
}


.saleDetailSteps {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.singleStep {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  background: #f1f2f2;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 30%) !important;
  overflow: hidden;
  padding: 12px;
  padding-left: 45px;
  margin-bottom: 9px;
}

.singleStep input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.singleStep .cehck {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 23px;
  height: 23px;
  background: #a6a8ab;
  border-radius: 50px;
}

.singleStep input[type="checkbox"]:checked~.cehck {
  background: #eeb91b;
}

.singleStep p {
  font-size: 14px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif !important;
  display: inline-block;
  width: 100%;
  padding-right: 30px;
  color: #000;
}

.singleStep a {
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}



.downloadBookingForm {
  display: inline-block;
  width: 100%;
  padding: 15px;
}

.downloadForm {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #f1f2f2;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 30%) !important;
  overflow: hidden;
  padding: 10px 15px;
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif !important;
}

.downloadForm img {
  width: 20px;
}

.bookingFormUpload {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.bookingFormUpload input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.uploadedDocDiv {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
}

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


.announcement-details-carousel2 .owl-dots {
  opacity: 0 !important;
}

#accordion.customAccordion .accordianButton {
  padding: 0.5em 1rem;
  display: inline-block;
  justify-content: space-between;
  width: 100%;
}

#accordion.customAccordion .accordianButton .viewMoreBtn {
  display: inline-block;
  padding: 4px 0px !important;
  /* padding: 4px 19px !important; */
  text-align: center;
  /* border: 1px solid #3266a5; */
  /* max-width: 138px; */
  border-radius: 6px;
  height: 35px !important;
  /* background: #3266a5 !important; */
  color: #3266a5 !important;
  margin: 0 12px 0 0;
  font-weight: 500;
}

#accordion.customAccordion .accordianButton .chatWithUsBtn {
  display: inline-block;
  width: 100%;
  margin: 0;
  text-align: center !important;
}

#accordion.customAccordion .accordianButton .chatWithUsBtn a {
  display: inline-block;
  max-width: 140px;
  /* float: right; */
}


.withFastCommLimitedLogoBtns {
  position: relative;
}

.projectDesignWithShadow a.LimitedLogoBtn,
.projectDesignWithShadow a.fastCommNewBtn,
.announcement-details-carousel .item>a.LimitedLogoBtn,
.announcement-details-carousel .item>a.fastCommNewBtn {
  width: 98px;
  position: absolute;
  top: 15px;
  left: 7px;
  z-index: 4;
  height: auto !important;
  background: transparent !important;
}

.announcement-details-carousel .item>a.LimitedLogoBtn img,
.announcement-details-carousel .item>a.fastCommNewBtn img,
.projectDesignWithShadow a.LimitedLogoBtn img,
.projectDesignWithShadow a.fastCommNewBtn img {
  height: auto !important;
}

.projectDesignWithShadow a.LimitedLogoBtn,
.announcement-details-carousel .item>a.LimitedLogoBtn {
  top: 42px
}



.term-condition-layout {
  padding-left: 35px;
  position: relative;
  float: left;
  width: 100%;
}

.term-condition-layout input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 30px;
  height: 100%;
  z-index: 2;
}

.term-condition-layout>p {
  line-height: 16px;
  font-size: 14px;
  color: #212221;
  float: left;
  width: 100%;
}

.term-condition-layout>a {
  line-height: 16px;
  font-size: 14px;
  color: #00aeef;
  float: left;
  width: 100%;
}

.term-condition-layout>p::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.term-condition-layout>input:checked+label+p::before,
.term-condition-layout>input:checked+p::before {
  background-image: url(../images/tick-check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgb(241 187 27);
}

label.has-error {
  font-size: 12px;
  color: red;
}

.customeCheckBoxLayout a {
  font-weight: bold;
  color: #212221;
  margin: 6px 0 0;
}

.customeCheckBoxLayout {
  margin-bottom: 15px !important;
}

.main-wrapper.sales-page.appointMentMainDiv.smallContainer.pb-0.usersupport-make-new-appointment {
  padding: 15px 0 !important;
}

.biggerHeadingIcon {
  font-size: 42px;
  font-weight: 900;
  color: #424143;
  line-height: 40px;
}

#requestSubmittedpopup p,
#weSorrypopup p {
  font-weight: 500;
}

#requestSubmittedpopup button span,
#weSorrypopup button span {
  width: 25px;
  height: 25px;
  margin-right: 2px;
  border-radius: 50px;
  background: black;
  color: #fff;
  text-shadow: none !important;
  padding: 1px 0;
  font-weight: normal;
}

#requestSubmittedpopup .customModalIcon img {
  max-width: 80px !important;
}

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

.searchByOptions ul {
  display: inline-flex;
  width: 100%;
  background: #f1f2f2;
  border-radius: 7px;
  box-shadow: 2px 2px 4px 1px rgb(0 0 0 / 16%) !important;
}

.searchByOptions ul li {
  display: inline-flex;
  width: 50%;
  padding: 5px 0;
  margin: 0;
}

.searchByOptions ul li a {
  display: inline-block;
  width: 100%;
  padding: 5px 5px;
  padding-right: 35px;
  position: relative;
  font-weight: 500;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: #212221;
  font-size: 12px;
}

.searchByOptions ul li:last-child a {
  border: none;
}

.searchByOptions ul li a img {
  width: 26px;
  max-height: 18px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.searchByOptions {
  padding: 5px;
  margin-top: 10px;
}

.searchByOptions ul li a {
  padding: 3px 5px !important;
  text-align: center;
  font-size: 10px;
}

.searchByOptions ul li a:hover,
.searchByOptions ul li a.active {
  color: #eeb91b;
  font-weight: bold;
}

.bulkDeal .bulkDealHeading {
  padding: 0 78px;
}

.bulkDeal .backButtonText {
  padding: 6px 9px;
  font-size: 10px;
}

@font-face {
  font-family: 'Bebas Neue';
  src: url('BebasNeue-Regular.eot');
  src: url('BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
    url('BebasNeue-Regular.woff2') format('woff2'),
    url('BebasNeue-Regular.woff') format('woff'),
    url('BebasNeue-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.bulkDetailMainDiv {
  display: inline-flex;
  width: 100%;
  background-image: url(https://appiliate.my/new-images/bulk-icon-bg-new.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1/1;
  justify-content: center;
  align-items: center;
  position: relative;
}

.bulkDetailMainDiv .topLogoPosition {
  position: absolute;
  top: 10px;
  left: 10px;
  height: auto;
}

.innerBulkDetailDiv {
  margin: auto;
  position: relative;
  text-align: center;
  display: inline-block;
  max-width: 210px;
}

.innerBulkDetailDiv img {
  max-width: 190px;
}

.innerBulkDetailDiv span {
  font-family: 'Bebas Neue';
  font-size: 17px;
  line-height: 16px;
  position: absolute;
  top: 18px;
  right: 27px;
  transform: rotate(-10deg);
  color: #fff;
}

.innerBulkDetailDiv h4 {
  font-size: 16px;
  display: inline-block;
  width: 100%;
  margin-top: 20px !important;
  margin-bottom: 5px;
  text-transform: none;
  font-weight: 600;
}

.innerBulkDetailDiv .customButton {
  background: #202020;
  border: none !important;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 600;
  float: none;
}

.bulkDealTextDetail .page {
  margin: 0px;
}

.bulkDealTextDetail .page span[style="font-size: 11pt;"] {
  /*display: none !important;*/
}

.bulkDealSliderDiv {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.bulkDealSliderDiv .owl-dots {
  bottom: -24px;
}

.bulkDealSliderDiv .item {
  position: relative;
}

.blulkSliderIcon {
  margin: auto;
  position: absolute;
  text-align: center;
  display: inline-block;
  max-width: 90px;
  top: 10px;
  left: 10px;
  z-index: 2;
}

.blulkSliderIcon img {
  width: 100%;
  height: auto !important;
}

.blulkSliderIcon span {
  font-family: 'Bebas Neue';
  font-size: 10px;
  line-height: 8px;
  position: absolute;
  top: 7px;
  right: 8px;
  transform: rotate(-4deg);
  color: #fff;
  width: 40px;
  letter-spacing: 1.5px;
}

.bulkDealSliderDiv.owl-carousel .owl-item img {
  /*object-fit: contain !important;*/
}

.bulkDealTextDetail {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}

.bulkDealTextDetail h2 {
  display: inline-block;
  width: 100%;
  text-transform: none;
  color: #231f20;
  font-weight: 800;
  font-size: 16px;
}

.bulkDealTextDetail p {
  display: inline-block;
  width: 100%;
  text-transform: none;
  color: #231f20;
  font-weight: 500;
  font-size: 14px;
}

.bulkDealTextDetail p .withBgColor {
  display: inline-block;
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  background: #231f20;
  padding: 0 4px;
}

.bulkDealTextDetail ul {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.bulkDealTextDetail ul li {
  display: inline-block;
  width: 100%;
  margin: 0px;
  color: #231f20;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  padding-left: 14px;
}

.bulkDealTextDetail ul li::after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: " · ";
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}

.bulkProductDesign {
  display: inline-block;
  width: 100%;
  box-shadow: 3px 3px 7px -2px rgb(0 0 0 / 50%) !important;
  padding: 7px;
}

.bulkProductImage {
  display: inline-block;
  width: 100%;
  position: relative;
}

.bulkProductImage>img {
  display: inline-block;
  width: 100%;
}

.bulkProductImage h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 11px 10px;
  padding-left: 100px;
  background: #fecf0a;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
}

.bulkProductDesign .blulkSliderIcon {
  top: auto;
  bottom: 16px;
  left: 10px;
  z-index: 1;
}

.bulkProductContent {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.bulkProductContent h4 {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  text-transform: none;
  font-weight: bold;
  color: #fff;
  background: #231f20;
  text-align: center;
  padding: 8px 15px;
}

.bulkProductList {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  background: #f1f2f2;
  padding-top: 5px;
  overflow-y: auto;
  max-height: 105px;
}

.bulkProductList li {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  font-size: 12px;
  color: #231f20;
  padding: 8px 0;
  border-bottom: 1px solid #bcbec0;
  margin: 0;
}

.bulkProductList li:last-child {
  border-bottom: none !important;
}

.bulkProductButton {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.preview-layout button,
.bulkProductButton button,
.bulkProductButton a {
  display: inline-block;
  width: 100%;
  max-width: 50%;
  background: transparent !important;
  border: none !important;
}

.preview-layout button img,
.bulkProductButton button img,
.bulkProductButton a img {
  max-width: 148px;
}

.quentitySectionMain {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.quentitySectionMain h2 {
  color: #231f20;
  font-weight: 900;
  font-size: 14px;
  margin-right: 12px;
  text-transform: none;
}

.quentitySectionMain p {
  color: #58595b;
  font-weight: 500;
  font-size: 14px;
  margin-left: 12px;
}

.mainQuntity {
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
}

.counterBtn {
  background: #fff !important;
  border: 1px solid #dddddd !important;
  border-radius: 0px;
  min-width: 38px;
  display: inline-flex;
  height: 36px;
  padding: 0 !important;
  font-weight: 300;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.counter {
  background: #fff !important;
  width: 55px;
  border-radius: 0px !important;
  text-align: center;
  border: 1px solid #dddddd !important;
  padding: 0px 2px;
  height: 36px;
  font-weight: 900;
}

.up_count {
  margin-left: -1px !important;
}

.down_count {
  margin-right: -1px;
}



.myBlockDealDiv {
  background: #f2f2f2;
  padding: 10px 15px 5px;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 24%) !important;
}

.myBlockDealDiv p {
  display: inline-flex;
  width: 100%;
  font-size: 14px;
  color: #222221;
}

.myBlockDealDiv p strong {
  min-width: 125px;
  font-weight: 700
}

.myBlockDealDiv p span {
  font-weight: 400
}

.blockWithHeading {
  padding: 10px 12px;
}

.blockWithHeading h6 {
  font-size: 16px;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #cfd2d3 !important;
  padding: 0 10px 6px;
  margin-bottom: 6px;
}

.blockWithHeading h6 strong {
  font-weight: 700
}

.blockWithHeading h6 span {
  font-weight: 400
}

.blockWithHeading p {
  align-items: center;
  margin-top: 5px;
  padding: 0 10px;
}

.blockWithHeading p b {
  font-weight: 700;
  background: #fff;
  text-align: center;
  width: calc(100% - 125px);
  padding: 4px;
}

.blockWithHeading p span {
  min-width: 125px;
  font-weight: 400
}

.myBlockDealDiv .searchByOptions ul {
  box-shadow: none !important;
}

.borderTop1 {
  border-top: 1px solid #cfd2d3 !important;
  border-radius: 0 !important;
}

.daysToGoDiv {
  background: #ecb91e;
  border-radius: 10px 10px 0 0;
  padding: 15px;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.daysCenterDiv {
  display: inline-flex;
  align-items: center;
}

.dayCounter {
  display: inline-flex;
  margin-right: 10px;
}

.dayCounter img {
  width: 40px;
  margin: 3px;
  height: auto;
}

.daysCenterDiv p.dayText {
  display: inline-block;
  width: auto;
  line-height: 36px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  margin-top: 5px;
}

.daysCenterDiv p.dayText b {
  font-size: 35px;
  display: block;
  line-height: 30px;
}

.daysCenterDiv p.dayText span {
  font-size: 30px;
}

.searchByOptions.aboveTheDots {
  padding-bottom: 35px;
  padding-top: 2px;
  position: relative;
  z-index: 1;
  margin: 0;
}

.dottosBelowtheButtons.bulkDealSliderDiv {
  margin-bottom: 0px !important;
}

.dottosBelowtheButtons.bulkDealSliderDiv.announcement-details-carousel .owl-dots {
  position: absolute !important;
  bottom: -60px !important;
}

.dottosBelowtheButtons {
  position: relative;
}

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

.newIconLayoutDesign ul {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
}

.newIconLayoutDesign ul li {
  display: inline-block;
  width: calc(100% / 5);
  flex-wrap: wrap;
  font-size: 10px;
  text-align: center;
  color: #3e3e3e;
  margin-bottom: 10px;
}

.newIconLayoutDesign ul li a {
  display: inline-block;
  width: 100%;
  color: #3e3e3e;
  opacity: 1;
  font-family: Roboto;
}

.newIconLayoutDesign ul li img {
  display: inline-block;
  aspect-ratio: 1/1;
  object-fit: contain;
}

span.iconImageNew {
  padding: 10px;
  max-width: 50px;
  border: 1px solid #3e3e3e;
  border-radius: 5px;
}

.newIconLayoutDesign ul li a span.icnTxt {
  line-height: 10px;
  margin-top: 5px;
  font-weight: 500;
  display: inline-block;
  font-family: Roboto;
  width: 100%;
  font-size: 9px;
}

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

.uploadDocumentmainDiv p {
  font-size: 14px;
  color: #222221;
  padding: 5px 0 0 10px;
}

.uploadDocumentDiv {
  display: inline-flex;
  width: 100%;
  background: #f2f2f2;
  border-radius: 8px;
  padding: 10px;
  position: relative;
  box-shadow: 3px 3px 5px -2px rgb(0 0 0 / 60%) !important;
}

.uploadedFilePreview input,
.uploadDocumentDiv input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
}

.customPreviewNew {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 3;
  overflow-y: auto;
}

.customPreviewNew canvas {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

.uploadDocumentDiv img {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 24px;
  height: auto;
  transform: translateY(-50%);
}

.uploadedFilePreview {
  display: inline-block;
  width: 100%;
  position: relative;
  background: #e5e6e7;
}

.pdfRatioImage {
  position: relative;
  width: 100%;
  opacity: 0;
}

.uploadedFilePreview #blah {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  object-fit: contain;
  object-position: center;
}

.searchByDivPL.sortByNewIconDrop {
  position: relative;
  margin-bottom: 0px !important;
  border-radius: 6px;
}

.searchByDivPL.sortByNewIconDrop a {
  font-size: 10px;
}

.searchByDivPL.sortByNewIconDrop a img {
  width: 16px;
}

.sortByNewIconDrop .dropdown {
  background: transparent;
  border: none;
  min-width: 20%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.sortByNewIconDrop .dropdown::after {
  position: absolute;
  top: 20%;
  left: -1px;
  width: 2px;
  height: 60%;
  content: "";
  background: #bcbec0;
}

.sortByNewIconDrop .dropdown button {
  margin: 0px;
  background: transparent !important;
  border: none !important;
  display: inline-flex;
  align-items: center;
  color: #212221 !important;
  font-weight: 500;
  font-size: 10px;
  width: 100%;
  display: inline-block;
}

.sortByNewIconDrop .dropdown button img {
  width: 10px;
  object-fit: contain;
  object-position: center;
  margin-left: 5px;
  margin-top: 2px;
}

.sortByNewIconDrop .dropdown button::after {
  display: none !important;
}

.sortByNewIconDrop .dropdown .dropdown-menu {
  width: 190px !important;
  text-align: left;
}

.sortByNewIconDrop .dropdown .dropdown-menu a {
  justify-content: left;
  min-width: 100%;
  padding: 5px 10px;
}

.sortByNewIconDrop .dropdown .dropdown-menu a::after {
  display: none !important;
}

.sortByNewIconDrop .dropdown .dropdown-menu a:hover {
  background: #fff !important;
}

.sortByNewIconDrop .dropdown .dropdown-menu a.borderBottonWithA {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: transparent !important;
}

.layouts-website-property_list .main-wrapper.projects {
  height: auto;
}

.customProjectBtnNew.searchByDivPL {
  display: inline-table;
  width: 100%;
  position: relative;
  top: -5px;
}

.customProjectBtnNew.searchByDivPL a {
  width: auto;
  display: table-cell;
  text-align: center;
}

.customProjectBtnNew.searchByDivPL a.active {
  color: #eeb91b !important;
}

.slider-nav.thumbSliderThumbs .slick-arrow,
.slider-nav.thumbSliderThumbs .slick-dots {
  display: none !important;
}

.layouts-website-projectAgent .container .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 60px !important;
}


/***********************booking procedure******************************/
.main-wrapper.bookingProcedure {
  padding: 0px;
}

.main-wrapper.bookingProcedure .container {
  max-width: 660px;
  padding: 0px;
}

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

.stepMainDivBP {
  display: inline-flex;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}

.stepCountBP {
  min-width: 85px;
}

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

.stepMainDivBP .stepDetailBP {
  width: calc(100% - 85px);
}

.stepMainDivBP h2 {
  font-size: 15px;
  font-weight: 700;
  color: #202020;
  text-transform: none;
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}

.withRightBtnVP {
  padding-right: 100px;
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}

.clickHereBtnBP {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 10px;
  box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 33%) !important;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  background: #f1f2f2;
}

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

.simpeListBP li {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  padding-left: 15px;
}

.simpeListBP li::after {
  content: ".";
  position: absolute;
  top: -3.5px;
  left: 0;
  font-weight: 900;
}

.bigDotListBP.simpeListBP li::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #d1d3d4;
  top: 6px;
  border-radius: 10px;
}

.bigDotListBP.simpeListBP li.active::after {
  background: #eeb91b;
}

.bigDotListBP.simpeListBP li {
  padding-left: 20px;
}

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

.bookingSystemCAU {
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  font-size: 13px;
  background: #eeb91b;
  box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 40%) !important;
  color: #202020;
  font-weight: 600;
  padding: 8px 15px;
  text-align: center;
}

.smallTextBP {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 8px;
}

.formCAU {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  border-top: 1px solid #d3d3d3;
  padding-top: 10px;
}

.formCAU.bookingFeesForm {
  padding-top: 0px !important;
  border: none !important;
}

.formCAU label {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}

.formCAU .form-control {
  border-radius: 5px;
  background-color: #f1f2f2;
  padding: 6px 10px;
  font-size: 18px !important;
  font-weight: 700;
  color: #202020;
  height: auto;
}

.formCAU .form-control[type="file"] {
  padding: 5.5px 10px;
  font-size: 15px !important;
}

.formCAU label span {
  position: unset !important;
}

.formCAU .copyInputCAU {
  display: inline-block;
  width: 100%;
  position: relative;
}

.formCAU .copyInputCAU a {
  float: right;
  width: 38px;
  height: 27px;
  position: absolute;
  top: 8.5px;
  right: 2px;
  background: #fff;
  text-align: center;
}

.formCAU .copyInputCAU .form-control {
  padding-right: 40px;
}

.formCAU .copyInputCAU img {
  position: absolute;
  top: 8.5px;
  right: 13px;
  width: 18px;
  object-fit: contain;
  height: 24px;
}

.formCAU .copyInputCAU img.copy-input-layout {
  padding: 10px 12px;
  top: 0;
  right: 0;
  z-index: 2;
  width: 43px;
  height: 45px;
  cursor: copy;
}

.formCAU .copyInputCAU::after {
  position: absolute;
  top: 8px;
  height: calc(100% - 16px);
  width: 1px;
  right: 42px;
  background: #d3d3d3;
  content: "";
}

.formCAU .form-group {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  z-index: unset !important;
}

.bookingFeesForm .smallTextBP {
  margin-top: 0px !important;
  text-align: left;
}

.formCAU.bookingFeesForm label {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
}

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

.checkAvailableityList table {
  width: 100%;
}

.checkAvailableityList table,
.checkAvailableityList table tr {
  border: 1px solid #6d6e71;
}

.checkAvailableityList table th {
  background: #f1f2f2;
  font-size: 14px;
  padding: 8px 10px 8px;
}

.checkAvailableityList table td {
  background: #fff;
  padding: 8px 10px 8px;
  font-size: 14px;
}

.checkAvailableityList td:last-child {
  width: 50px;
  text-align: center;
}

.actionButtonBP {
  display: inline-block;
  border-left: 1px solid #d3d3d3;
  padding-left: 12px;
  padding-top: 4px;
  padding-right: 3px;
}

.actionButtonBP img {
  display: inline-block;
  width: 20px;
}

.callWhatsAppDetailBP {
  display: inline-block;
  width: 100%;
  margin: 15px 0;
}

.singleCWBP {
  display: inline-flex;
  width: 100%;
  border-radius: 5px;
  font-size: 13px;
  background: #f1f2f2;
  box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 40%) !important;
  margin-bottom: 12px;
  justify-content: space-between;
  padding: 8px 8px 8px 10px;
}

.singleCWBP h2 {
  font-size: 15px;
  font-weight: 700;
  color: #202020;
  text-transform: none;
  display: inline-flex;
  align-items: center;
}

.actuionButtonCWBP {
  display: inline-block;
  width: 212px;
}

.actuionButtonCWBP a {
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  min-width: 100px;
  justify-content: center;
  margin-left: 3px;
  color: #fff;
  font-size: 11.5px;
  font-weight: 600;
}

.callBtnBP {
  background: #ecb81d;
}

.whatsappBtnBP {
  background: #39b54a;
}

.actuionButtonCWBP a img {
  width: 16px;
  margin-right: 5px;
  object-fit: contain;
}

.stepsHighlightBP {
  display: inline-flex;
  min-width: calc(100% + 6px);
}

.stepsHighlightBP span {
  display: inline-block;
  width: 100%;
  margin: 0 3px;
  height: 5px;
  background: #929497;
}

.stepsHighlightBP span.active {
  background: #eeb91b;
}

.stepsHighlightBP.cancellation span.active {
  background: red;
}

.buttonSectionBP {
  display: inline-flex;
  min-width: calc(100% + 10px);
  justify-content: space-between;
}

.buttonSectionBP button,
.buttonSectionBP a {
  display: inline-block;
  width: 50%;
  max-width: 155px;
  margin: 5px;
  border: none !important;
  padding: 0 !important;
}

.buttonSectionBP button img {
  width: 100%;
}

.noBorder {
  border: none !important;
}

.width65BP {
  min-width: 65% !important;
}

.formNewBP {
  border: none !important;
  margin: 0 !important;
}

.formNewBP label {
  padding: 0 !important;
}

.formNewBP .customFormField {
  margin-bottom: 10px;
}

.formNewBP .customFormField .form-control {
  background-color: #fff;
}

/*.formNewBP .customFormField .form-control option:focus,
.formNewBP .customFormField .form-control option:checked,
.formNewBP .customFormField .form-control option:hover {
  background: #ecb81d;
}*/
.withCrossBtn {
  padding-right: 35px;
  position: relative;
}

.cancelBtnBP {
  position: absolute;
  top: 3px;
  right: 0;
  display: inline-block;
}

.cancelBtnBP img {
  display: inline-block;
  width: auto;
}

.customLineBP {
  display: inline-block;
  width: 100%;
  border-color: rgba(0, 0, 0, 0.2);
}

.rmPriceBP {
  position: relative;
}

.rmPriceBP input {
  position: relative;
  padding-left: 45px !important;
}

.rmPriceBP span {
  position: absolute;
  top: 10px;
  left: 13px;
  font-weight: 600;
}

.checkAvailableUnitMainDiv .doubleReport {
  width: auto;
  min-width: calc(100% + 8px);
  margin-left: -4px;
}

.checkAvailableUnitMainDiv .doubleReport .halfDiv {
  margin: 0 4px;
}

.checkAvailableUnitMainDiv .doubleReport .halfDiv .annInnerBtn {
  width: 100%;
}

.projectDetailBPList {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

.listWithBGBP {
  padding: 10px 16px;
  background: #f2f2f2;
  border-radius: 6px;
  box-shadow: 0px 1px 2px 0 rgb(0 0 0 / 30%) !important;
}

.projectDetailBPList p {
  font-size: 13px;
  display: inline-flex;
  width: 100%;
  color: #6d6e71;
  margin-bottom: 5px;
}

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

.detailInnerBP li {
  display: inline-flex;
  font-size: 13px;
  width: 100%;
  margin: 0 0 5px 0px;
  color: #202020;
}

.detailInnerBP li span {
  display: inline-block;
  min-width: 100px;
}

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

.salesSingleStepBP {
  padding: 10px 16px;
  padding-right: 40px;
  padding-left: 40px;
  background: #f2f2f2;
  border-radius: 6px;
  box-shadow: 0px 1px 2px 0 rgb(0 0 0 / 30%) !important;
  position: relative;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
}

.salesSingleStepBP::before {
  position: absolute;
  top: 12px;
  left: 10px;
  content: "";
  width: 16px;
  height: 16px;
  background: #a6a8ab;
  border-radius: 50px;
  box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 70%) !important;
}

.salesSingleStepBP.active::before {
  background: #eeb91b;
}

.salesSingleStepBP a {
  position: absolute;
  top: 10px;
  right: 6px;
  display: inline-block;
  width: 30px;
}

.salesSingleStepBP a img {
  display: inline-block;
  width: 100%;
  max-width: 23px;
}

.withDetailBtnBP {
  padding-right: 60px;
  position: relative;
}

.detailButtonBP {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 9.5px;
  background: #f2f2f2;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0 rgb(0 0 0 / 26%) !important;
  padding: 2px 8px;
  font-weight: 600;
}

.itlicBlueText {
  display: inline-block;
  width: 100%;
  color: #00aeef;
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
}

.blueText {
  color: #00aeef !important;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  width: 100%;
  font-size: 14px;
}

.customModalBody h2.customMargin {
  margin-top: 0px !important;
  margin-bottom: 32px !important;
}


.assistantDetailDiv {
  display: inline-flex;
  width: 100%;
  margin-bottom: 25px;
}

.assistantImage {
  display: inline-block;
  max-width: 80px;
  width: 100%;
  position: relative;
  margin-right: 10px;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.mainImageBP {
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: contain;
  z-index: 1;
}

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

.assistantDetailDiv ul {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-top: 5px;
}

.assistantDetailDiv ul li {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  color: #202020;
  line-height: 16px;
  margin-bottom: 3px;
}

.assistantDetailDiv ul li span {
  display: inline-block;
  width: 60%;
}

.salesSingleStepBP .congrechulationMessage {
  position: absolute;
  bottom: 38px;
  right: 34px;
  background: #ecb81d;
  text-align: center;
  width: 220px;
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
  color: #ffff;
  box-shadow: 0 0 7px 0 rgb(0 0 0 / 50%) !important;
  display: none;
}

.congrechulationMessage strong {
  font-size: 16px;
}

span.congrechulationMessage::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 0 solid transparent;
  position: absolute;
  bottom: -16px;
  border-left: 0 solid red;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #ecb81d;
  right: 0;
}

.withPopupMsg img,
.withoutPopupMsg img {
  filter: grayscale(1);
}

.salesSingleStepBP .withPopupMsg.active img,
.salesSingleStepBP .withPopupMsg:hover img {
  filter: grayscale(0);
}

.salesSingleStepBP .withPopupMsg.active .congrechulationMessage,
.salesSingleStepBP .withPopupMsg:hover .congrechulationMessage {
  display: inline-block;
}


.formCAU.formSP .form-control {
  border: 2px solid #cfd1d2;
  border-radius: 0px;
  background: #fff;
}

.salesPackageDiv {
  display: inline-block;
  width: 100%;
  border: 2px solid #cfd1d2;
  border-radius: 0px;
  background: #fff;
  padding: 10px 15px;
  min-height: 220px;
}



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

.commPayoutStructureTable table {}

.commPayoutStructureTable table thead tr th {
  width: 50%;
  text-align: center;
  line-height: 14px;
  padding: 8px 5px;
  background: #eeb91b;
}

.commPayoutStructureTable table thead tr th+th {
  background: #212221;
  color: #fff;
}

.commPayoutStructureTable table thead tr th small {
  display: inline-block;
  width: 100%;
  line-height: 10px;
}

.commPayoutStructureTable table tbody tr {}

.commPayoutStructureTable table tbody tr td {
  text-align: center;
  font-weight: bold;
  line-height: 14px;
  border-bottom: 1px solid #dbdbdb !important;
  border-top: none !important;
}

.commPayoutStructureTable table tbody tr td span {
  font-weight: 400;
  position: unset !important;
  display: inline-block;
  width: 100%;
}

.tableBottomLine {
  font-style: italic;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.formCAU .copyInputCAU .form-control[type="button"] {
  font-size: 14px !important;
  font-weight: 800;
  font-family: 'Roboto', sans-serif !important;
  padding: 8px 13px;
  border-radius: 6px;
  border: none;
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%) !important;
}

.uploadFormBP {
  display: inline-block;
  width: 100%;
  position: relative;
}

.uploadFormBP input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.uploadFormBP img {
  aspect-ratio: 53/75;
  display: inline-block;
  width: 100%;
  object-position: top center;
  object-fit: cover;
}

hr.bankSubmissionLine {
  display: inline-block;
  width: 100%;
  margin-top: 0;
  margin-bottom: 8px;
}

.selectByOption {
  display: inline-block;
  width: 100%;
  background: #f1f2f2;
  padding: 6px 12px;
  border-radius: 5px;
  position: relative;
}

.selectByOption span {
  position: unset !important;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  width: 100%;
  padding-left: 25px;
}

.selectByOption input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
}

.selectByOption span.radioImage {
  position: absolute !important;
  width: 18px;
  z-index: 2;
  left: 12px;
  padding: 0 !important;
  top: 9px;
}

span.radioImage img {
  width: 100% !important;
  height: 100%;
  display: inline-block;
  position: relative;
}

.selectByOption input:checked+span::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  background: #edb91d;
  width: 11px;
  height: 11px;
  border-radius: 50px;
}

.selectByOption input:checked+.radioImage.greenBG::after {
  background: #39b54a;
}

.selectByOption input:checked+.radioImage.redBg::after {
  background: #ed1c24;
}

.formCAU .copyInputCAU .form-control.darkBgColorYellow[type="button"] {
  background: #edb91d;
}

.nice-select.customSelectNice {
  display: inline-block;
  width: 100%;
  border-radius: 0;
  border: 2px solid #cfd1d2;
  padding: 0 10px !important;
}

.customSelectNice span {
  position: unset !important;
}

.nice-select.customSelectNice {
  display: inline-block;
  width: 100%;
  border-radius: 0;
  padding: 0 10px !important;
  position: relative;
}

.customSelectNice span {
  position: unset !important;
  display: inline-block;
  width: 100%;
}

.customSelectNice ul.list {
  display: inline-block;
  width: 100%;
  border-radius: 0px !important;
  padding: 10px !important;
  background: #f1f2f2;
}

.customSelectNice.nice-select .option:hover,
.customSelectNice.nice-select .option.focus,
.customSelectNice.nice-select .option.selected.focus {
  background-color: #edb91d;
}

.customSelectNice ul.list li {
  font-weight: bold;
}

.formCAU .form-control.normalFontInput {
  font-size: 14px !important;
  font-weight: 400;
}

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

.buyerAcceptedBankDiv .topHeadingBAB {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 25px;
  color: #202020;
}

.singleBankDetailDiv {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  border-radius: 8px;
  background: #f1f2f2;
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%) !important;
  margin-bottom: 12px;
}

.bankDetailTopHeader {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 8px;
}

.bankDetailTopHeader .selectByOption {
  width: auto;
  background: transparent;
  padding: 0;
}

.bankDetailTopHeader .selectByOption span.radioImage {
  left: 0;
  top: 4px;
}

.singleBankDetailDiv .appointmentDetailDiv ul li span {
  min-width: 54%;
  width: 54%;
}

.singleBankDetailDiv .appointmentDetailDiv {
  position: relative;
}

.singleBankDetailDiv .appointmentDetailDiv ul li:last-child span {
  padding-right: 35px;
}

.singleBankDetailDiv .appointmentDetailDiv a.editBtn {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  font-weight: 700;
}




.checkAvailableUnitMainDiv .customModalBody h2 {
  font-size: 20px;
}

.checkAvailableUnitMainDiv .customModalIcon {
  margin: 15px 0;
}

.checkAvailableUnitMainDiv .customModalBody p {
  padding: 0 4%;
  font-size: 16px;
  max-width: 310px;
  margin: 8px auto !important;
}

.availableTimeSlots {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
}

.availableTimeSlots .halfTimeDiv {
  display: inline-block;
  width: calc(50% - 16px);
  text-align: center;
}

.availableTimeSlots.timeSlotesDiv::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 17px;
  height: 17px;
  background-image: url(https://appiliate.my/new-images/right-arrow-time.svg);
  background-repeat: no-repeat;
  background-size: 17px;
}

.halfTimeDiv h2 {
  background: #414042;
  display: inline-block;
  width: 86%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 8px 0;
  margin-bottom: 15px;
  margin-top: 15px;
}

.timeSlotSingle {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: center;
}

.timeSlotSingle ul {
  display: inline-flex;
  width: 33.33%;
  text-align: center;
  padding: 0 4%;
  flex-wrap: wrap;
  height: 200px;
  overflow-y: auto;
}

.timeSlotSingle ul::-webkit-scrollbar {
  width: 1px;
}

.timeSlotSingle ul::-webkit-scrollbar-track {
  background: #f6f6f6;
}

.timeSlotSingle ul::-webkit-scrollbar-thumb {
  background: #f6f6f6;
}

.timeSlotSingle ul::-webkit-scrollbar-thumb:hover {
  background: #f6f6f6;
}

.timeSlotSingle ul li {
  margin: 0 !important;
  display: inline-block;
  width: 100%;
}

.timeSlotSingle ul li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
  color: #bcbec0;
}

.timeSlotSingle ul li a:hover,
.timeSlotSingle ul li a.active,
.slick-current li a,
.timeSlotSingle ul li.centerList a {
  font-weight: 700 !important;
  color: #202020 !important;
  border-top: 2px solid #ecb81d !important;
  border-bottom: 2px solid #ecb81d !important;
}

.timeSlotSingle ul:last-child li.centerList {
  margin-bottom: 40px !important;
}

.bigHeading {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.formCalendarInput.dateTimeInput input.form-control {
  padding-right: 6px;
}

.formCalendarInput.dateTimeInput img {
  background: #fff;
  pointer-events: none;
}

.bookingpreviewimage {
  width: 50%;
}

.squareImage {
  width: 100px;
  height: 100px;
}

.stelpLeftNo .stepMainDivBP {
  position: relative;
  padding-left: 18px;
}

.stelpLeftNo .stepMainDivBP::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #d1d3d4;
  border-radius: 15px;
  display: inline-block;
  content: "";
}

.stelpLeftNo .stepMainDivBP.redColorDot::before {
  background: red;
}

input.form-control.disabledinput {
  background: gainsboro !important;
}



.layouts-website-mywanted a.notificationCheckBtn {
  position: absolute;
  top: 0;
  right: 0px;
}

.layouts-website-mywanted a.notificationCheckBtn img {
  object-fit: contain;
  padding: 4px 0 0;
}

.layouts-website-mywanted .borderBottomLine {
  padding-right: 38px;
}

.layouts-website-mywanted .topMainHeading .d-flex {
  position: relative;
}




.layouts-website-projectAgent .searchByOptions.centerAlignOptions.not-shareable {
  position: fixed;
  z-index: 9;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 720px;
  width: calc(100% - 26px);
}


#soldOutPopup .customModalBody .close {
  opacity: 1;
  position: absolute;
  top: 10px !important;
  right: 10px !important;
  color: #000000;
  background: #ffffff;
  height: 25px;
  width: 25px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border: 1px solid #1a1a1a;
  border-radius: 5px;
  opacity: 1;
  text-align: center;
  font-weight: 400;
}

#soldOutPopup .customModalBody h2 {
  font-size: 26px;
  text-transform: unset;
  color: #202020;
  font-weight: 900;
  margin-bottom: 10px;
  margin: 20px 0 20px !important;
  line-height: 36px;
}

#soldOutPopup button span {
  margin-right: 0px;
  margin-top: -4px;
}

.welcome-page .bottomFixedMenu,
.welcome-page footer.newCustomFooter,
.welcome-page .mobileHeaderOnly header {
  display: none !important;
}

.welcome-page .container {
  max-width: 600px;
}

.main-wrapper.welcomeScreen {
  padding: 0px;
}

.welcomHeaderNew {
  display: inline-block;
  width: calc(100% + 30px);
  padding: 55px 15px 35px;
  background: #FFC800;
  text-align: center;
  border-radius: 0 0 25px 25px;
  position: relative;
  margin-left: -15px;
}

.welcomHeaderNew::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #FFC800;
  top: -100%;
  left: 0;
}

.welcomHeaderNew h2 {
  color: #202020;
  font-weight: 700;
  font-size: 27px;
  font-family: 'Exo 2', sans-serif;
}

.welcomcontent {
  display: inline-block;
  width: 100%;
  padding-bottom: 110px;
}

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

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

.welcomcontent p {
  font-size: 15px;
  color: #202020;
  margin-bottom: 5px;
}

.yellowBtnNew {
  background: #FFC800 !important;
  display: inline-block;
  width: 100%;
  color: #202020 !important;
  font-weight: 800;
  border-radius: 14px;
  padding: 8px 15px;
}

.welcomcontent .stepsMainDivHLE {
  margin-left: -5px;
  margin-right: -5px;
  width: calc(100% + 10px);
  padding: 0;
  margin-bottom: 50px !important;
  position: relative;
}

.welcomcontent .singleStepHLE {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 6px solid #919395;
}

.welcomcontent .singleStepHLE.finish,
.welcomcontent .singleStepHLE.active {
  border-bottom: 6px solid #eeb91b;
}

.welcomcontent .singleStepHLE img {
  opacity: 0;
  max-width: 80px;
  height: auto;
}

.welcomcontent .singleStepHLE.active img {
  opacity: 1;
}

.welcmButtonGrp {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 0 10%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
}

.welcmButtonGrp a {
  text-align: center;
  margin-bottom: 18px;
}

.welcomcontent h3 {
  font-size: 20px;
  text-align: left;
  line-height: 25px;
}

.customSelectBoxWelcm {
  display: inline-block;
  width: 100%;
  margin-top: 28px !important;
}

.customSelectBoxWelcm h5 {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

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

.customSelectBoxWelcm ul li {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

.customWelcmCheck {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  padding-left: 34px;
  position: relative;
}

.customWelcmCheck input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.customWelcmCheck span {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
}

.customWelcmCheck input:checked~span {
  background: #FFC800;
  border-color: #FFC800;
}

.customWelcmCheck input:checked~span::after {
  content: '✓';
  color: #fff !important;
  position: absolute;
  top: -1px;
  left: 4px;
}

.accordion.welcomAccordian {
  margin: 35px 0 12px !important;
}

.welcomAccordian>.card>.card-header {
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
}

.welcomAccordian .card-header label {
  display: inline-block;
  width: 100%;
  font-size: 17px;
}

.welcomAccordian #completionyear {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 15px 5px;
  position: absolute;
  top: 41px;
  background: #fff;
  max-height: 260px;
  overflow-y: auto;
}

.welcomAccordian>.card {
  position: relative;
  z-index: 1;
}

.welcomAccordian .form-group input {
  border-radius: 0px !important;
  padding: 5px 8px;
  height: auto;
  font-size: 16px;
}

.welcomAccordian .card .card {
  padding: 0;
  margin-bottom: 10px;
}

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

.inlineWlcmList li {
  display: inline-block;
  width: auto;
  padding: 5px 16px 4px 10px;
  background: #F1F2F2;
  border-radius: 7px;
  margin-right: 7px;
  margin-bottom: 9px;
}

.letsBeginTxt {
  color: #202020;
  font-weight: 700;
  font-size: 30px;
  font-family: 'Exo 2', sans-serif;
  position: absolute;
  left: 120px;
  top: 20px;
  text-transform: uppercase;
}

body.scrollingDownNew.welcome-page {
  padding: 0 !important;
}

.main-wrapper.welcomeScreen {
  min-height: 95vh;
  position: relative;
  padding-bottom: 90px;
}



.preferredProjects {
  padding-top: 0!important;
}
.preferredProjects .proJectListingPL > .row {
  margin-right: -15px;
  margin-left: -15px;
}
.preferredProjects .headingWithBackBtn {
  border-bottom: 3px solid #edb81b;
  padding-bottom: 15px;
}
.withYellowUnderline {
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid #ebb81d;
  padding-bottom: 5px;
  margin-bottom: 15px !important;
  font-size: 18px;
}



.preferredProjects .customAccordion button.btn.btn-link,
.preferredProjects .customAccordion button.btn.btn-link.collapsed {
    border: none !important;
    background: #f1f2f2 !important;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.5) !important;
}
.preferredProjects .customAccordion .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.preferredProjects .card-header {
  margin-bottom: 12px !important;
}

.customPreviwDivFile {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    position: relative;
    cursor: pointer;
}
.customPreviwDivFile > a {
    display: inline-block;
    width: 100%;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5) !important;
    padding: 5px;
}
.previewButton {
    display: inline-flex;
    justify-content: space-around;
    width: calc(100% - 10px);
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none;
    text-align: center;
}
.previewButton a {
    color: #fff;
    margin: 3px 0;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.previewButton a.deleteBtnFile {
    pointer-events: auto;
}
.previewButton::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 60%;
    background: #fff;
}
.customPreviwDivFile a img {
    max-height: 180px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.statusMainDiv {
  display: inline-flex;
  width: 100%;
  margin: 12px 0 8px;
  align-items: center;
  position: relative;
}
.statusMainDiv::after {
  content: "";
  position: absolute;
  top: -18px;
  left: 110px;
  height: calc(100% + 40px);
  background: #CFD1D2;
  width: 2px;
  z-index: -1;
}
.statusMainDiv .submitData {
  display: inline-block;
  width: 95px;
}
.statusMainDiv .statusSymbol {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://appiliate.info/images/option-bg-icon.png);
  background-size: 25px 25px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 9px;
  position: relative;
}
.statusMainDiv .statusSymbol::after {
  position: absolute;
  top: 51%;
  left: 51%;
  transform: translate(-50%, -50%);
  content: "";
  width: 15px;
  height: 15px;
  background: #EBB71E;
  border-radius: 50px;
}
.statusMainDiv .statusSymbol.approved::after {
  background: #3BB44A;
}
.statusMainDiv .statusSymbol.rejected::after {
  background: #EB2027;
}
.statusMainParentDiv {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}

@media (min-width: 700px) {

  .header-inner .shortDiv input[type="search"] {
    width: -webkit-calc(100% - 290px);
    width: calc(100% - 290px);
    max-width: 500px;
    display: inline-block;
  }

  .newStyleTableDiv table td,
  .newStyleTableDiv table th {
    font-size: 14px;
    padding: 5px 4px;
  }

  /*
.header-inner .shortDiv .main-button.icon {
    position: absolute;
    right: 0px;
    top: 0;
}*/
  .shortDiv .customSelectbox {
    position: absolute;
    top: 0px;
    right: 50px;
    max-width: 220px;
    margin-top: 0 !important;
  }

  .shortDiv .customSelectbox {
    width: auto;
    display: inline-block;
    position: unset;
  }

  .header-inner .main-button.icon {
    position: unset;
  }

  .splashDivBottomTooltip .splashContentDiv>img,
  .splashContentDiv>img {
    height: unset;
  }

  .splashMainSection {
    height: unset;
  }

  .splashMainDiv {
    margin-bottom: 0px;
  }

  .splashText {
    top: 12%;
  }

  .splashButton {
    bottom: 8%;
  }
}

.shortDiv {
  padding: 0 15px;
}

.shortDiv .customSelectbox {
  padding: 8px 11px;
  border-radius: 50px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 15px;
  margin-top: 10px;
}

.propertyListingDiv form.shortDiv {
  padding: 0px;
  margin-bottom: 10px;
}

.propertyListingDiv form.shortDiv select,
.propertyListingDiv form.shortDiv .form-control {
  border-radius: 5px !important;
  width: calc(50% - 45px) !important;
  border: 2px solid rgba(0, 0, 0, 0.2);
  max-width: unset !important;
  float: left;
  margin: 0 10px 0 0;
  background: #fff;
}

.mapButtonDskTp {
  border-radius: 5px;
  padding: 6px 15.5px;
  width: auto;
}

label.map-button {
  float: left;
  margin: -6px 0 0;
}

label.map-button a {
  float: left;
  border-radius: 5px;
  height: 35px;
}

.propertyListingDiv form.shortDiv .map-desktop-link select,
.propertyListingDiv form.shortDiv .map-desktop-link .form-control {
  width: calc(50% - 85px) !important;
}

.propertyListingDiv form.shortDiv .main-button.icon {
  border-radius: 5px;
  padding: 0px 15.5px;
  width: auto;

}

.propertyListingDiv .pages-links-text {
  padding: 5px 0 25px;
  display: inline-block;
  width: 100%;
  position: relative;
}

.propertyListingDiv .project-detail-content {
  margin-bottom: 0px !important;
}

.propertyListingDiv .pages-links-text h5 {
  font-weight: 500;
  font-size: 18px;
  padding: 0 0 1px 0;
  color: #6D6E71;
  margin: 0px;
  font-family: 'Noto Sans', sans-serif;
}

.propertyListingDiv .pages-links-text h6 {
  font-size: 14px !important;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px !important;
  font-weight: 500 !important;
  color: #58595B !important;
}

.propertyListingDiv .pages-links-text p {
  font-size: 13px !important;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px !important;
  color: #929497 !important;
}

.listingTabSec.listingNewTab ul.nav {
  margin-bottom: 5px;
}

.listingTabSec.listingNewTab ul.nav li a {
  font-size: 14px;
  padding: 0 6px 8px;
  font-weight: 500;
}

.notiFicationsListNew .toolsNewDiv {
  padding-top: 0px;
}

.notiFicationsListNew .topLabelBar {
  margin-bottom: 15px;
}

.subSaleNew .showebleForMobileSearchBar.subSaleFilter .listing-container.letestListingSection>.container>.row {
  margin: 0 -15px 0;
}

.subSaleNew .showebleForMobileSearchBar.subSaleFilter .listing-container.letestListingSection>.container>.row .newSubSaleDesign {
  padding: 0 10px !important;
}

.listing-container.letestListingSection.mobileMoreWidth .buttonGropMainDiv {
  margin: 7px 0 12px;
}


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

.customNewBottomHeading label {
  padding-right: 170px !important;
  display: inline-block;
  width: 100%;
}

.customNewBottomHeading label>span {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  position: static !important;
}

.customNewBottomHeading label>span>img {
  width: 18px;
  display: inline-block;
  margin-top: 3px;
  height: auto;
}

.customNewBottomHeading label .rightTopButton {
  position: absolute;
  width: 170px;
  top: 0;
  right: 0;
}

.customNewBottomHeading label .cheaper {
  display: inline-block !important;
  text-align: right !important;
  color: #fff !important;
  border-radius: 0 !important;
  text-align: center !important;
  line-height: 10px !important;
  font-size: 7px !important;
  display: inline-block !important;
  text-transform: uppercase !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  width: 80px !important;
  height: 32px !important;
  padding: 0 0 0 42px !important;
}

.customNewBottomHeading label .cheaper span {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.2px !important;
  display: inline-block !important;
  width: 100% !important;
  line-height: 12px !important;
  padding: 5px 0 0 !important;
  text-align: left !important;
  position: static !important;
}

.shareUrlButoton {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.shareUrlButoton .main-button {
  display: inline-block;
  width: auto !important;
  padding: 6px 30px;
  border-radius: 10px;
  background: #EEB91B !important;
  border-color: #EEB91B !important;
  color: #202020 !important;
  font-weight: 700;
  min-width: 150px;
  font-family: 'Noto Sans', sans-serif !important;
}

.saleDetailDivNew h4 {
  font-size: 18px;
  padding: 0;
  display: inline-block;
  width: 100%;
  font-weight: 600;
  line-height: 20px;
}

.saleDetailDivNew h4 span {
  display: inline-block;
  width: 100%;
  margin-top: -5px;
}

.listingDetailContent {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
}

.listingDetailContent ul {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.listingDetailContent ul li {
  float: left;
  width: 45%;
  padding-right: 5%;
}

.listingDetailContent ul li h6 {
  /* font-size: 12px !important; */
  color: #414042;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  opacity: 1;
}

.listingDetailContent ul li p {
  font-size: 13px;
  line-height: 15px;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  color: #929497;
}


.startSelling {
  position: fixed;
  display: inline-block !important;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 720px;
  width: calc(100% - 26px);
  transition: all 0.5s ease 0s;
  z-index: 5;
  background: #eeb91b !important;
  border: 1px solid #eeb91b !important;
  color: #221f1f !important;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif !important;
  border-radius: 10px !important;
  padding: 8px 15px !important;
}

.startSelling::before {
  position: absolute;
  left: -50vw;
  top: -5px;
  background: #fff;
  width: 100vw;
  height: calc(100% + 30px);
  content: "";
  margin-left: 50%;
  z-index: -2;
}

.startSelling::after {
  position: absolute;
  left: 0;
  top: 0;
  background: #eeb91b;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

.layouts-website-projectAgent .searchByOptions.centerAlignOptions.not-shareable li a {
  font-size: 13px;
  padding: 3.5px 5px !important;
  margin: 4.5px 0;
}

.withBottomButtons .dottosBelowtheButtons.topBannerSlider.announcement-details-carousel .owl-dots {
  bottom: -70px !important;
}

.searchByOptions.aboveTheDots {
  padding-bottom: 45px !important;
  top: -1px;
}

.searchByOptions.aboveTheDots li a {
  padding: 2.5px 0 !important;
  font-size: 12px;
  margin: 4.5px 0;
}

.searchByOptions.centerAlignOptions.not-shareable li {
  width: 50%;
}






@media (max-width: 767px) {
  .displayOnlyForMobile {
    display: inline-block;
  }

  .displayOnlyForMobile hr {
    width: 100%;
    display: inline-block;
    border-color: rgba(0, 0, 0, .2);
    border-width: 1px !important;
    margin: 30px 0px 20px;
  }

  #pac-input {
    width: calc(100% - 23px);
    left: 0 !important;
    top: 50px !important;
  }

  .subSaleNew {
    padding: 0px !important;
  }

  .subSaleNew .showebleForMobileSearchBar.subSaleFilter .listing-container.letestListingSection>.container>.row .mobileNoPaddingColumn .newSubSaleDesign {
    padding: 0px !important;
  }

  .listing-container.letestListingSection.mobileMoreWidth {
    margin-left: -14px;
    margin-right: -14px;
  }

  .csrfFieldsDiv.customTearmsConditionDiv p strong {
    display: inline-block;
    width: 100%;
  }

  .customTearmsConditionDiv .agreementDiv {
    margin-top: 10px;
  }

  .csrfFieldsDiv.customTearmsConditionDiv p.textWithHeadingTC {
    padding-left: 0;
    position: relative;
    margin: 0 0 5px !important;
  }

  .customTearmsConditionDiv .agreementDiv ol {
    padding-left: 0;
  }

  .customTearmsConditionDiv .agreementDiv li ul {
    padding: 30px 0 0 0;
    margin: 0px;
  }

  .csrfFieldsDiv.customTearmsConditionDiv p {
    font-size: 13px;
    line-height: 18px;
    margin-top: 15px !important;
  }

  .customTearmsConditionDiv h6,
  .customTearmsConditionDiv h4 {
    font-size: 16px;
    margin: 8px 0 12px;
  }

  .csrfFieldsDiv.customTearmsConditionDiv .agreementDiv li {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px;
  }

  .customTearmsConditionDiv .agreementDiv li {
    padding-left: 30px;
  }

  .csrfFieldsDiv.customTearmsConditionDiv p.textWithHeadingTC span {
    position: static;
    width: 100%;
    display: inline-block;
    margin: 0 0 2px;
  }

  .termConditionCheckBox {
    margin-bottom: 70px;
  }

  .layouts-website-projectAgent .searchByOptions.centerAlignOptions.not-shareable {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 720px;
    width: calc(100% - 26px);
    transition: all 0.5s ease 0s;
    z-index: 1;
  }

  .layouts-website-projectAgent .searchByOptions.centerAlignOptions.not-shareable::after {
    position: absolute;
    top: -4px;
    left: -50vw;
    width: 100vw;
    height: calc(100% + 36px);
    background: white;
    content: "";
    margin-left: 50%;
    z-index: -1;
  }

  .layouts-website-projectAgent.scrollingDownNew .searchByOptions.centerAlignOptions.not-shareable {
    bottom: 110px;
  }

  .layouts-website-projectAgent.scrollingDownNew .startSelling {
    bottom: 115px;
  }


}

@media (max-width: 599px) {
  .shortDiv .customSelectbox {
    width: calc(100% - 50px);
  }

  .header-inner .shortDiv .main-button.icon {
    top: 48px;
  }

  .header-inner .shortDiv input[type="search"] {
    width: 100%;
  }

  .credit-container ul li {
    flex-basis: 100%;
  }

  .propertyListingDiv form.shortDiv .form-control {
    width: 100% !important;
    margin-bottom: 10px
  }

  .propertyListingDiv form.shortDiv select {
    border-radius: 5px !important;
    width: calc(100% - 80px) !important;
  }

  .propertyListingDiv form.shortDiv button {
    position: static !important;
    float: left;
  }

  .propertyListingDiv {
    padding: 0 15px !important;
  }

  .main-wrapper.appointMentMainDiv.smallContainer {
    padding-top: 16px !important;
  }

  .appointMentMainDiv>.container {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}


@media (max-width: 1199px) {
  .projectSliderSec .announcement-details-carousel.with-video .item a img {
    max-height: 400px;
  }

  .announcement-details-carousel .owl-item .rationImage img {
    height: 370px;
  }
}

@media (max-width: 991px) {
  .detail-bar-full .detail-amenities-list.mediaListSection li.media {
    min-width: 49%;
  }

  .detail-features.detail-block .list-three-col.list-features li {
    width: 47%;
  }

  .projectSliderSec .announcement-details-carousel.with-video .item a img {
    max-height: 360px;
  }

  a.rationImage,
  a.rationImage img {
    max-height: 160px;
  }

  .announcement-details-carousel .owl-item .rationImage img {
    height: 310px;
  }

  .detailsButton {
    min-width: 100%;
    width: 100%;
  }

  .listingDetailContent ul li {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {

  a.rationImage,
  a.rationImage img {
    max-height: 290px;
    height: 290px !important;
  }

  .main-wrapper.projects-name.projectSliderSec .col-sm-12.col-md-10.offset-md-1 {
    padding: 0px !important;
  }

  .mobileNoPadding {
    padding: 0 !important;
  }

  .main-wrapper.subsale .form-group.customSeclectOption {
    top: 7px;
  }

  .main-wrapper.subsale>form {
    margin: 0px;
  }

  .main-wrapper.subsale>form li .form-group.customSeclectOption {
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
  }

  span.tag {
    padding: 3px 4px;
    font-size: 14px;
  }

  .shortDiv.showebleForMobileSearchBar {
    padding: 0px;
  }
}

@media (max-width: 600px) {
  .detail-bar-full .detail-amenities-list.mediaListSection {
    text-align: left;
  }

  .detail-bar-full .detail-amenities-list.mediaListSection li.media {
    min-width: 100%;
  }

  .detail-features.detail-block .list-three-col.list-features li {
    width: 95%;
  }

  .projectSliderSec .announcement-details-carousel.with-video .item a img {
    max-height: 320px;
  }

  a.rationImage,
  a.rationImage img {
    max-height: 290px;
    height: 290px !important;
  }

  .main-wrapper.projects,
  .main-wrapper.projects>.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

@media (max-width: 440px) {

  a.rationImage,
  a.rationImage img {
    max-height: 255px;
    height: 255px !important;
  }

  .subsale-details .mobileNoPadding ul li h6 {
    font-size: 12px !important;
  }

  .picBoardDiv.topDashboardMenus ul a span {
    font-size: 9px;
    line-height: 12px;
    margin-top: 8px;
  }

}

@media (max-width: 380px) {
  .projectSliderSec .announcement-details-carousel.with-video .item a img {
    max-height: 190px;
  }

  a.rationImage,
  a.rationImage img {
    max-height: 215px;
    height: 215px !important;
  }

}

@media (max-width: 340px) {

  a.rationImage,
  a.rationImage img {
    max-height: 180px;
    height: 180px !important;
  }

}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/* Set the size of the div element that contains the map */
#pmap {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}



.subsaleMainForm .card {
  background: transparent !important;
}

.subsaleMainForm .card .card-header button {
  margin: 0px !important;
}

.letestListingSection .customSeclectOption {
  top: 0px !important;
}

.letestListingSection .customSeclectOption select.custom-sub-sales-dropdown {
  font-size: 14px !important;
}



#validate-form2 .form-control,
#validate-form1 .form-control,
#validate-form1 .form-control:focus,
#validate-form2 .form-control:focus {
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 20px;
}


.cancellationReasonDiv {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.cancellationReasonDiv .singleReasonDiv {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.cancellationReasonDiv .singleReasonDiv:last-child {
  margin-bottom: 5px;
}

.cancellationReasonDiv h2 {
  font-size: 18px;
  text-transform: none;
  color: #202020;
  font-weight: 600;
  display: inline-block;
  width: 100%;
  margin-bottom: 6px;
}



.stepsWithRondDiv .stepDetailBP {
  width: calc(100% - 85px);
}

.stepsWithRondDiv .stepCountBP h2 {
  padding-left: 15px;
  position: relative;
}

.stepsWithRondDiv .stepCountBP h2::after {
  position: absolute;
  top: 4px;
  left: -1px;
  width: 10px;
  height: 10px;
  background: lightgray;
  border-radius: 50px;
  content: "";
}

.stepsWithRondDiv .stepCountBP h2.active::after {
  background: #eeb91b;
}

.formCAU .stepsWithRondDiv .copyInputCAU .form-control[type="file"] {
  font-size: 14px !important;
  font-weight: 800;
  font-family: 'Roboto', sans-serif !important;
  padding: 6px 13px;
  border-radius: 6px;
  border: none;
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%) !important;
}


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

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

.checkAvailableUnitMainDiv .singleAccordianDivBP .doubleReport {
  flex-wrap: wrap;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 20%) !important;
  padding: 10px;
  min-width: 100%;
  margin: 0;
}

.checkAvailableUnitMainDiv .singleAccordianDivBP .doubleReport .halfDiv {
  width: calc(100% / 2 - 8px);
}

.singleAccordianDivBP h2 {
  font-size: 15px;
  text-transform: none;
  font-weight: 800;
  color: #202020;
  text-align: left;
}

.fastTagImageBP {
  text-align: right;
}

.fastTagImageBP img {
  width: 70px;
}

.singleAccordianDivBP .detailInnerBP li span {
  min-width: 40px;
  text-align: left;
  margin-right: 10px;
}

.singleAccordianDivBP h3 {
  font-size: 16px;
  font-weight: 800;
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 17px 12px 12px;
}

.singleAccordianDivBP h3 strong {
  font-size: 24px;
  font-weight: 900;
}

.singleAccordianDivBP .customTable thead td {
  background: #212221;
  padding: 2px 5px;
  color: #fff;
}

.singleAccordianDivBP .customTable tbody td {
  font-size: 15px;
  font-weight: 600;
  color: #202020;
  padding: 5px 5px;
}

.customTable tbody td strong {
  font-weight: 900;
  font-size: 17px;
}

.customTable thead td:first-child,
.customTable tbody td:first-child {
  padding-left: 12px !important;
}

.customTable thead td:last-child,
.customTable tbody td:last-child {
  padding-right: 12px !important;
}

.customTable .selectByOption {
  background: transparent;
  padding: 0;
  width: 13px;
  height: 13px;
}

.customTable .selectByOption span.radioImage {
  left: 0;
  padding: 0 !important;
  top: 0;
}

.formCAU .copyInputCAU .form-control.link-navigate[type="button"] {
  font-size: 18px !important;
  font-weight: 700;
}

















@media only screen and (max-width: 767px) {
  .newCatList li {
    width: calc(50% - 20px) !important;
    margin: 0;
  }

  .newCatList .customSeclectOption select {
    padding: 7px 8px !important;
    font-size: 13px;
  }
}

@media only screen and (max-width: 360px) {
  .newCatList li {
    width: calc(50% - 5px) !important;
    margin: 0;
  }

  .splashText h3 {
    font-size: 22px;
  }

  .splashText p {
    font-size: 16px;
    line-height: 20px;
  }

  .splashText p strong {
    font-size: 22px;
  }

  .elogMainDiv h2 {
    font-size: 16px;
  }

  .elogMainDiv p {
    font-size: 13px;
    margin: 6px 0;
    line-height: 16px;
  }

  .buttonWithShadeNew.whiteShadeButton {
    font-size: 10px;
  }

  .fullWidthDDList ol.dd-list .nested-list-content .pull-right-down.downOptionButton a {
    font-size: 11px;
    font-weight: 600;
    padding: 0 1px;
  }
}



.fullWidthCOntent * {
  text-align: center !important;
}

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




.photoLogicImage {
  position: relative;
  height: unset !important;
  border: none !important;
}

.overflowImageText>a,
.photoLogicImage>a {
  display: inline-block;
  width: 100%;
  position: relative;
}

.showableImage {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 2 !important;
}

.imageContain {
  object-fit: contain !important;
}

.bluredImage {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 1 !important;
  filter: blur(2px) !important;
  -webkit-filter: blur(2px) !important;
  -moz-filter: blur(2px) !important;
}

.imageSize3-2 {
  position: relative !important;
  opacity: 0 !important;
  width: 100% !important;
  z-index: 0 !important;
  height: auto !important;
}


.announcement .announcementContentContainer .showableImage {
  object-fit: cover !important;
}

.announcement .announcementContentContainer .bluredImage {
  display: none !important;
}


.autoHeightImage {
  height: auto !important;
}

.downOptionButton a {
  color: #202020 !important;
}

.downOptionButton a.active,
.downOptionButton a:focus,
.downOptionButton a:hover {
  color: #edb81b !important;
}

.servayPage .desktopHeader {
  padding-bottom: 100px
}

.servaySec {
  text-align: center;
}

.servayQuestion {
  max-width: 770px;
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 20px;
  /* box-shadow: 13px 22px 57px 87px rgba(0,0,0,0.8); */
  /* border: 1px solid; */
  background: whitesmoke;
  /*margin-top: -100px;*/
  position: relative;
}

.servayQuestion h3 {
  text-align: left;
  font-size: 20px;
}

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

.singleThumbNail {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 0 10px 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px;
}

.singleThumbNail img {
  display: inline-block;
  width: 90px;
  height: 90px;
}

.questionDiv {
  margin-bottom: 15px;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

.questionDiv input,
.custonSelectBoxDiv {
  width: 100%;
  padding: 7px 14px;
  border-radius: 50px;
  background: transparent;
  margin-bottom: 10px;
  max-width: 400px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.subMitButton {
  border: none !important;
  background: #e7b91f !important;
  padding: 10px 30px;
  border-radius: 50px;
  color: #202020 !importantl
}



.customCheckBox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: unset;
  width: 100%;
}

.customCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.customCheckBox:hover input~.checkmark {
  background-color: #ccc;
}

.customCheckBox input:checked~.checkmark {
  background-color: #e7b91f;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.customCheckBox input:checked~.checkmark:after {
  display: block;
}

.customCheckBox .checkmark:after {
  left: 6px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/***************started app desktop menu*************/


@media only screen and (max-width: 767px) {
  .mobileHeaderOnly {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) {

  .mobileHeaderOnly {
    display: inline-block !important;
    width: 100%;
  }

  .desktopAppHeader {
    display: none !important;
    padding: 0px;
  }

  ul.topBaarIcon li {
    padding: 5px 0 0;
  }

}

@media only screen and (max-width: 991px) {

  .desktopAppHeader .collapse.navbar-collapse {
    display: inline-block !important;
    flex-basis: 175px;
  }

  .desktopAppHeader .customNavigation {
    display: none !important;
  }

  .desktopAppHeader .form-inline {
    display: inline-block !important;
    float: right;
  }
}

.desktopAppHeader .navbar {
  background: #1f1f1f;
  margin: 0px;
  border-radius: 0px;
  border: none;
  height: unset;
}

.desktopAppHeader .navbar-brand>img {
  height: 42px;
  width: 50px;
  object-fit: contain;
}

.desktopAppHeader .navbar-brand {
  float: left;
  height: auto;
}

.desktopAppHeader .nav {
  margin-top: 10px;
}

.desktopAppHeader .customNavigation {
  /*display: inline-block;*/
}

.desktopAppHeader .customNavigation li,
.desktopAppHeader .nav>li {
  padding: 20px 6px;
  display: inline-block;
}

.desktopAppHeader .customNavigation>li>a,
.desktopAppHeader .nav>li>a {
  padding: 5px 0px;
  border-bottom: 1px solid transparent !important;
  color: #939598;
}

.desktopAppHeader .customNavigation>li>a:hover,
.desktopAppHeader .nav>li>a:hover,
.desktopAppHeader .customNavigation>.active>a,
.desktopAppHeader .navbar-nav>.active>a,
.desktopAppHeader .navbar-default .navbar-nav>.active>a:focus,
.desktopAppHeader .navbar-default .navbar-nav>.active>a:hover {
  color: #f2bc1a !important;
  background: transparent !important;
  border-bottom: 1px solid #f2bc1a !important;
}

.desktopAppHeader .socialMedia {
  float: right !important;
  width: auto !important;
}

.languageSelectBox {
  background: transparent;
  border: 1px solid #939598;
  padding: 7px 10px;
  color: #939598;
  background: #222;
  margin: 0;
  float: right;
}

.desktopAppHeader .form-inline {
  width: 175px;
  position: relative;
}

.desktopAppHeader .navbar-toggle {
  background: transparent !important;
  border: 2px solid #8888;
  margin-top: 0;
  height: 40px;
  position: unset;
  transform: none !important;
  float: left;
  margin-right: 15px;
  padding: 8px 10px;
  width: 50px;
  border-radius: 5px;
}

.desktopAppHeader .navbar-toggle span {
  border-top: 2px solid #888;
  width: 100%;
  height: 8px;
  float: left;
}

.dropDownMenu {
  position: relative;
}

.dropDownMenu .dropdown-menu {
  padding: 0px !important;
  width: 230px;
  border-radius: 3px
}

.dropDownMenu .dropdown-menu li {
  padding: 0px !important;
  border-radius: 0px !important;
}

.dropDownMenu .dropdown-menu li a {
  /*color: #f3bd17;*/
  border-radius: 0px !important;
  color: #202020;
  font-size: 15px;
  padding: 3px 0;
  border: none !important;
}


.tabImageText {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.profileDetailSec {
  display: inline-block;
  width: 100%;
  padding: 10px 70px;
  position: relative;
  text-align: left;
  margin: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.profileDetailSec .leftIcon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 55px;
}

.profileDetailSec .rightButton {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 55px;
}

.cennterContent {
  min-height: 45px;
  display: inline-block;
  width: 100%;
}

.cennterContent h3 {
  font-size: 18px;
  text-align: left;
  font-weight: 500;
  color: #414042;
  margin: 0px;
  line-height: 18px;
}

.cennterContent p {
  font: 15px;
  font-weight: 400;
}

.cennterContent p span {
  color: #EEB91B;
}

.profileTabs {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.profileTabs .nav.nav-tabs {
  width: 100%;
  margin: 0px;
}

.profileTabs .nav.nav-tabs li {
  width: calc(33.33% - 10px);
  text-align: center;
  border: none !important;
  margin: 0 5px;
}

.profileTabs .nav.nav-tabs li a {
  border: none !important;
  padding: 10px 0;
  border-bottom: 7px solid #D0D2D3 !important;
  margin-bottom: 15px;
}

.profileTabs .nav.nav-tabs li a.active {
  border-color: #EEB91B !important;
}

.profileTabs .tab-pane {
  /*display: inline-block;*/
  width: 100%;
  padding: 0px;
}

/***************end app desktop menu*************/







@media (max-width: 767px) {
  .detail-bar-full .detail-sub-title {
    margin: 35px auto;
  }

  .servayQuestion {
    margin-top: 0px;
  }

  .servayQuestion h3 {
    font-size: 16px;
  }

  .customCheckBox {
    font-size: 15px;
  }
}

.cheaper span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.2px;
  display: inline-block;
  width: 100%;
  line-height: 12px;
  padding: 5px 0 0;
  text-align: left;
}

.cheaper {
  display: inline-block;
  text-align: right;
  color: #fff;
  border-radius: 0;
  text-align: center;
  line-height: 10px;
  font-size: 7px;
  display: inline-block;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 80px;
  height: 32px;
  padding: 0 0 0 42px;
}

.buttonImage {}



/***********************************************/

.subsaleDesign {
  display: inline-block;
  width: 100%;
  margin-bottom: 13px !important;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.subsaleImageSec {
  float: left;
  width: 100%;
}

.subsaleImageSec a {
  float: left;
  width: 100%;
}

.subsaleContentSec {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.detailsButton {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  float: right;
  min-height: 70px;
}

/*.subsaleDesign {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px !important;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.subsaleImageSec {
    float: left;
    width: 40%;
}
.subsaleImageSec a {
    float: left;
    width: calc(100% - 20px);
}
.subsaleContentSec {
    float: left;
    width: 60%;
}
.detailsButton {
  display: inline-block;
  width: 60%;
  margin-top: 10px;
  float: right;
}*/
.newSubSaleDesign {
  padding: 0px !important;
}

.subsaleContentSec .pages-links-text {
  padding: 0px;
}

.subsaleContentSec h6 {
  font-size: 20px;
  font-weight: 600;
  color: #414042;
  font-family: 'Noto Sans', sans-serif;
}

.pages-links-text p {
  width: 100%;
  display: inline-block;
  font-size: 15px;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  /*opacity: 0.8;*/
  color: #929497;
}

.subsaleContentSec p span {
  display: inline-block;
  padding-right: 10px;
}

.subsailContentInner {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

a.subsaleLink {
  display: inline-block;
  color: #1f1f1f;
  background: #EEB91B;
  border: 1px solid #EEB91B;
  padding: 3px 15px;
  border-radius: 8px;
  font-size: 15px;
  float: left;
  margin-right: 5px;
  font-weight: 600;
}

a.subsaleLink:hover {
  color: #1f1f1f;
  background: #EEB91B;
  border: 1px solid #EEB91B;
}


.subsale button span {
  width: calc(100% - 25px) !important;
  padding: 0px !important;
  text-align: left !important;
}



.notificationsList {
  display: flex;
  min-width: 100%;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.notificationsList li {
  float: left;
  width: 46%;
  margin: 2%;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3) !important;
  border-radius: 10px;
  background: #f1f2f2;
}

.notificationsList li i {
  font-size: 10px;
  color: #ed1c24 !important;
  float: none !important;
  margin-left: 2px !important;
  display: inline-block;
}

.notificationsList li a {
  display: inline-block;
  width: 100%;
}

.notificationsList li p {
  color: #444143;
  font-weight: 600;
  text-align: left;
  font-size: 18px;
  padding: 14px 14px 16px;
  /* font-family: 'Tajawal', sans-serif; */
  line-height: 20px;
  white-space: normal;
  word-break: break-all;
}

.notificationsList li p span {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #6e6e6e;
  /* font-family: 'Tajawal', sans-serif; */
  margin-top: 8px;
}

.toolsNewDiv .col-sm-12.col-md-10 {
  margin-bottom: 0px;
}

.notificationViewPage {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
}

.notificationDate p {
  color: #6d6e71;
  font-size: 13px;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.notificationText {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.notificationText p {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  margin-bottom: 3px;
  color: #252525;
}

.notificationText p a.btn {
  background: #212121 !important;
  padding: 6px 20px;
  color: #fff !important;
}


.allEventSec .fc-button.fc-state-default {
  background: #f0cc16;
  border-radius: 8px !important;
  margin: 0 2px;
  color: #202020;
  border: none;
  text-shadow: none;
  font-weight: 500;
  text-transform: capitalize;
  padding: 5px 10px;
  height: unset;
  opacity: 1 !important
}

.allEventSec .fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0;
  width: 6px;
  height: 6px;
  overflow: hidden;
  border-radius: 20px;
  background: red;
  border: 1px solid red;
  margin: 0 auto;
}

.allEventSec .fc-day-grid-event .fc-content {
  display: none !important;
}

.allEventSec #calendar {
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2) !important;
  padding: 10px 10px 5px;
  text-align: center;
}

.allEventSec table th {
  font-family: 'Noto Sans', sans-serif;
  color: #000;
}

.allEventSec table th,
.allEventSec table td {
  font-family: 'Noto Sans', sans-serif;
  border: none;
  background: transparent !important;
  text-align: center !important;
  line-height: 35px !important;
  font-size: 15px;
}

.allEventSec .fc-row.fc-week.fc-widget-content {
  min-height: unset !important;
}

.allEventSec .fc-content-skeleton table {
  margin-bottom: 0px !important;
}

.allEventSec table td.fc-state-highlight {
  border: transparent;
  width: 44px;
  height: 40px !important;
  padding: 0 !important;
  background: #f0cc16 !important;
  border-radius: 50px;
}

.allEventSec .fc-row .fc-bg {
  height: 40px;
}

.allEventSec .notificationsList {
  margin: 20px 0 0;
}

.allEventSec .notificationsList li {
  width: 100%;
  padding-right: 120px;
  padding-left: 10px;
  position: relative;
  font-family: 'Tajawal', sans-serif;
}

.allEventSec .notificationsList li a.detailButtonNew {
  background-color: #EEB91B;
  padding: 4px 20px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #1f1f1f;
  font-weight: 500;
  border: 2px solid #EEB91B;
  text-align: center;
  position: absolute;
  width: auto;
  margin: 0px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  font-family: 'Noto Sans', sans-serif !important;
}

.allEventSec .notificationsList li p {
  color: #414042;
}

.allEventSec .notificationsList li p span {
  color: #929497;
}


.main-wrapper.projects>.container>.row {
  display: none;
}








.mySaleSingleEntry h3 {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  margin: 0px
}

.mySaleSingleEntry>p {
  font-size: 14px;
}

.mySaleInnerDiv {
  margin: 10px 0 0px;
  display: inline-block;
  width: 100%;
}

.mySaleProgress {
  padding: 30px 0 10px;
}

.saleSingleStep {
  padding-left: 35px;
  position: relative;
}

.saleSingleStep>span {
  width: 20px;
  height: 20px;
  background: #ffd400;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 40%;
}

.saleSingleStep .roundBorderShadow {
  padding-left: 80px;
  position: relative;
  margin: 10px 0;
}

.saleSingleStep .roundBorderShadow span {
  position: absolute;
  left: 20px;
}

.saleSingleStep .roundBorderShadow p {
  font-size: 14px;
}

.roundBorderShadow {
  padding: 20px 40px;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1) !important;
  border-radius: 20px;
}

.mySaleInnerDiv h4 {
  display: inline-block;
  text-transform: none;
  font-size: 19px;
  width: 100%;
  color: #202020;
}

.mySaleInnerDiv h4 span {
  float: right;
}

.mySaleInnerDiv h6 {
  display: inline-block;
  text-transform: none;
  font-size: 16px;
  width: 100%;
  color: #202020;
  font-weight: 500;
}

.mySaleInnerDiv p {
  display: inline-block;
  text-transform: none;
  font-size: 15px;
  width: 100%;
  color: #888888;
  font-weight: 400;
}

.mySaleInnerDiv p span {
  color: #202020;
}

.lineDash {
  display: inline-block;
  min-width: 100%;
  display: flex;
  margin: 8px -4px;
}

.lineDash li {
  width: 25%;
  height: 6px;
  background: #929497;
  margin: 0 4px;
}

.lineDash li.darkSlected {
  background: #EAA022;
}

.lineDash li.lightSlected {
  background: #FFD400;
}

.bottomTimeLine {
  font-size: 13px;
  color: #888888;
  margin-top: 15px;
}

.profilePictureDiv {
  padding: 0 0 0 120px;
  position: relative;
}

span.profileIcon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  z-index: 1;
}

.profileIcon>img {
  border-radius: 50%;
}

a.settingAnchor {
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: 2;
  width: 40px;
}

.profilePictureDiv h4 {
  margin-top: 15px;
  display: inline-block;
  width: 100%;
  font-size: 25px;
  margin-bottom: 8px;
  text-transform: none
}

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

.profilePictureDiv p .customButton {
  padding: 0px 10px !important;
  font-size: 14px;
  line-height: unset;
  border-radius: 10px;
  margin-right: 12px;
  background: #edb81b;
  color: #202020;
  font-weight: 600;
}

.profilePictureDiv p span {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}


.topDashboardDiv {
  /*background: #E5E6E7;*/
  padding: 20px;
}

.customSearchBarNew {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 0;
}

.customSearchBarNew span {
  position: absolute;
  left: 11px;
  top: 2px;
  font-size: 24px;
}

.customSearchBarNew input {
  padding-left: 45px !important;
  border-radius: 10px !important;
  border: none !important;
}


.dashboardSection {
  margin-top: -31px;
}

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

ul.topBaarIcon li {
  float: left;
  padding: 8px 0 12px;
  width: 20%;
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

ul.topBaarIcon li a {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  position: relative;
}

ul.topBaarIcon li a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  width: 1px;
  height: calc(100% - 10px);
  background: #e6e7e8;
}

ul.topBaarIcon li:last-child a::after {
  display: none;
}





ul.topBaarIcon.mt-2.newCustomTopBar {
  background: #f1f2f2;
  border-radius: 7px;
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%) !important;
}




.iconSection {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 85px;
  margin-bottom: 5px;
}

.iconSection span {
  position: absolute;
  top: -5px;
  right: 4px;
  width: 16px;
  height: 16px;
  padding: 1px 0 0;
  font-size: 8px;
  z-index: 2;
  color: #fff;
  background: red;
  border-radius: 50%;
  font-weight: 600;
}

.iconSection img {
  width: 100%;
  max-width: 35px;
}



.customHeadingDashboard {
  margin-top: 26px;
}

.customHeadingDashboard h5 {
  padding-bottom: 6px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-family: 'Noto Sans', sans-serif !important;
  color: #414042;
  font-weight: 500;
}

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

.populerPostDiv .photoLogicImage {
  width: 35%;
  float: left;
}

.populerPostDiv .overflowImageText {
  width: 65%;
  padding: 6px 0px 6px 10px;
  float: right;
}

.overflowImageSec {
  overflow-y: auto;
  display: inline-block;
  width: 100%;
}

.overflowImageSec .roundBorderShadow {
  display: inline-block;
  max-width: 80%;
  min-width: 80%;
  padding: 15px;
  overflow: hidden;
  margin-right: 30px;
  margin-bottom: 15px;
}

.overflowImageText {
  display: inline-block;
  width: 100%;
  padding: 6px 10px 6px 15px;
  position: relative;
  float: right;
  width: 60%;
}

.userImage {
  position: absolute;
  top: -50px;
  right: 10px;
  z-index: 3;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
}

.overflowImageText h5 {
  margin-bottom: 0px;
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 15px;
  line-height: 14px;
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
  float: left;
  color: #414042;
  font-weight: 500;
}

.overflowImageText h5 span {
  width: 100%;
  font-family: 'Noto Sans', sans-serif !important;
  display: inline-block;
  font-weight: 400;
  font-size: 10px;
  margin-top: 2px;
  color: #929497;
}

.overflowImageText p {
  width: 100%;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  margin-top: 2px;
  position: relative;
  padding-right: 80px;
  min-height: 33px;
  padding-top: 5px;
  font-family: 'Noto Sans', sans-serif !important;
}

.overflowImageText p .fastComnIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 75px;
}

.overflowImageText p .fastComnIcon img {
  width: 100%;
}

.flexedDivDash {
  display: flex;
}

.overflowImageSec::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  border: 1px solid #d5d5d5;
}

/*.overflowImageSec::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 15px;
}
.overflowImageSec::-webkit-scrollbar-thumb {
  background: grey; 
  border-radius: 10px;
  min-height: 5px;
}

.overflowImageSec::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}*/


.dashboardSection .headingWithBorder {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
}

.dashboardSection .headingWithBorder>span {
  position: static !important;
  float: right;
}

.bottomDashboardDiv {
  /*margin-top: 30px;*/
}

ul.topBaarIcon li p {
  font-family: 'Noto Sans', sans-serif !important;
  color: #231F20;
  font-weight: 600;
  margin-top: 6px;
}








.tutorialSectionNew {
  padding: 0;
  position: relative;
  overflow: hidden !important;
}

.tutorialSectionNew>.container>.row {
  display: none;
}

.blackBackgroudOverlay {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% + 1px);
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
}

.popupSection {
  top: 21%;
  left: 0;
  width: 90%;
  background: #fff;
  padding: 20px 10px 20px 70px;
  border-radius: 25px;
  position: relative;
  max-width: 680px;
  margin: 0 auto;
}

.popupSection::after {
  position: absolute;
  content: "";
  top: -40px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 42px solid #fff;
}

.tutorialNo1::after {
  left: 30px;
}

.tutorialNo2::after {
  left: 34%;
}

.tutorialNo3::after {
  left: 60%;
}

.tutorialNo4::after {
  left: 86%;
}

.tutorialNo5::after {
  left: 30px;
}

.tutorialNo6::after {
  left: 30px;
}

.tutorialNo7::after {
  left: 30px;
}

.tutorialNo8::after {
  left: 30px;
}

.tutorialNo9::after {
  left: 30px;
}

span.iconMainDiv {
  width: 55px;
  position: absolute;
  top: 18px;
  left: 8px;
}

span.iconMainDiv img {
  width: 100%;
}

.tutorialMessage {
  text-align: center;
}

.tutorialMessage h2 {
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  text-align: left;
}

.tutorialMessage p {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  text-align: left;
}

.tutorialMessage .customButtoon {
  border-radius: 50px;
  padding: 2px 25px;
  background: #202020 !important;
  border: 1px solid #202020 !important;
  color: #fff !important;
  margin-top: 20px;
  margin-left: -30px;
}





.myListingPage {
  max-width: 700px;
  margin: 0 auto;
}

.topMainHeading {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
}

.topMainHeading h3 {
  text-align: left;
  font-size: 22px;
  font-weight: 400;
  float: left;
  width: 100%;
  color: #202020;
  padding: 0 0 8px;
}

.topMainHeading h3 a {
  margin: 0px;
  padding: 5px 10px;
  background: #EEB91B !important;
  border: 1px solid #EEB91B !important;
  font-size: 13px;
  font-weight: 600;
  border-radius: 10px;
}

.topMainHeading h4 {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  float: left;
  width: 100%;
  color: #6D6E71;
  text-transform: none;
  margin-top: 10px;
}

.topMainHeading h4 span {
  width: 25px;
}

.listingTabSec .populerPostDiv {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.listingTabSec .nav-link {
  padding: 10px 7px;
  font-size: 14px;
  border: none !important;
}

.listingTabSec .nav.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
}

.listingTabSec .nav.nav-tabs .nav-item {
  margin: 0px;
}

.listingTabSec .nav-tabs .nav-item.show .nav-link,
.listingTabSec .nav-tabs .nav-link.active {
  color: #EEB91B;
  background-color: transparent !important;
}


.subsale>.container>.row {
  display: none;
}

.showebleForMobileSearchBar.subSaleFilter {
  display: inline-block;
}

.showebleForMobileSearchBar.subSaleFilter .borderBottomLine .form-group {
  margin-bottom: 0px;
}

.coverImage {
  object-fit: cover !important;
}


/* .main-wrapper.announcement {
  padding: 0px !important 
} */


.main-wrapper.announcement.galleryMainPageDiv {
  padding-top: 20px !important;
}

.galleryPageHeading {
  padding: 7px 0;
}

.galleryPageHeading h5 {
  width: 100%;
  display: inline-block;
  margin-bottom: 0px;
}

.galleryPageHeading p {
  padding: 1px 0;
}

.galleryMainPageDiv .page-container {
  margin-bottom: 15px;
}

.galleryMainPageDiv .pages-links-text p {
  font-size: 16px;
  line-height: 18px;
  color: #929497;
}

.topLabelBar {
  display: inline-block;
  width: 100%;
  border-bottom: 3px solid #edb81b;
  padding: 0 0 10px 0;
}

.topLabelBar h2 {
  font-size: 20px;
  font-weight: 500;
  color: #212221;
  text-transform: none;
  font-family: 'Noto Sans', sans-serif;
}

.topLabelBar h2 span {
  font-size: 12px;
  color: #969696;
  padding: 0 0 0 5px;
}

.bottomLabelBar {
  display: inline-block;
  width: 100%;
  padding: 0 0 10px 0;
}

.bottomLabelBar h3 {
  font-size: 14px;
  font-weight: 400;
  color: #6D6E71;
  text-transform: none;
  font-family: 'Noto Sans', sans-serif;
  text-align: left;
  padding: 5px 0;
  margin-bottom: 5px;
}

.bottomLabelBar h3 img {
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  position: relative;
  top: 1px;
  height: auto
}

.allEventMainDiv .fc-toolbar {
  text-align: center;
  margin-bottom: 5px;
}

.allEventMainDiv .fc-toolbar h2 {
  font-size: 13px;
  text-transform: none;
  color: #000000;
  font-weight: 600;
  margin-top: 12px;
}





.main-wrapper.eventSingleList {
  padding: 0;
}

.eventSingleList .main-wrapper {
  padding: 20px 0 85px;
}

.eventSingleList .main-wrapper .container {
  padding: 0px 10px !important;
}

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

.eventInnerDetailDiv h2 {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
  color: #58595B;
  margin: 0px;
  line-height: 20px;
}

.eventInnerDetailDiv h5 {
  display: inline-block;
  width: 100%;
  margin: 0 0 2px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  text-transform: none;
  color: #929497;
  float: left;
}

.eventInnerDetailDiv form {
  float: left;
  width: 100%;
  margin: 5px 0 0;
}

.eventInnerDetailDiv .form-group.custom-radio {
  float: left;
  width: calc(33.33% - 8px);
  margin: 0 4px;
  text-align: center;
}

.eventInnerDetailDiv .form-group.custom-radio label::after,
.eventInnerDetailDiv .form-group.custom-radio label::before {
  display: none !important;
}

.eventInnerDetailDiv .form-group.custom-radio input {
  display: none !important
}

.eventInnerDetailDiv .form-group.custom-radio label {
  color: #F0CC16;
  background: #414042;
  padding: 8px 5px;
  display: inline-block;
  width: 100%;
  border-radius: 6px;
  margin: 0 0 8px 0px;
}

.eventInnerDetailDiv .form-group.custom-radio input:checked~label {
  color: #414042;
  background: #F0CC16;
}

.eventInnerDetailDiv p {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
  text-transform: none;
  color: #6D6E71;
  float: left;
}

.customEditSaleBladeDiv .container-box.box {
  border: none !important;
}

.customEditSaleBladeDiv textarea {
  border: 1px solid #d8d8d8 !important;
  border-radius: 20px !important;
  max-height: 120px !important;
}

.customEditSaleBladeDiv .tablesaw-cell-content,
.customEditSaleBladeDiv table .input.select {
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.customEditSaleBladeDiv .input-group-addon {
  padding: 5px 10px;
  background-color: #fff;
  color: #9b9b9b;
  border-radius: 30px 0px 0px 30px;
  font-size: 16px;
  border: 1px solid #d2d2d2;
}

.customEditSaleBladeDiv h4 {
  font-size: 18px;
  border-bottom: 2px solid #f3bd17;
  display: inline-block;
  width: 100%;
  padding: 3px 0;
  margin: 10px 0;
  font-weight: 600;
}

.customEditSaleBladeDiv .tablesaw-cell-content .form-group {
  margin-bottom: 0px;
}

.notificationBlankDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 60px;
}

.notificationBlankDiv img {
  display: inline-block;
  width: auto;
}


/******************/
.excludeAgencySelectBox {
  width: 100%;
  display: inline-block;
  position: relative;
}

.excludeAgencySelectBox a {
  width: 100%;
  display: block;
  position: relative;
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 35px;
  background: #414042 !important;
  color: #fff;
  border-radius: 10px;
}

.excludeAgencySelectBox a img {
  width: auto;
  height: auto;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: rotate(-180deg) translateY(50%);
  -webkit-transform: rotate(-180deg) translateY(50%);
  -moz-transform: rotate(-180deg) translateY(50%);
}

.excludeAgencySelectBox.openOptions a img {
  transform: rotate(0) translateY(-50%);
  -webkit-transform: rotate(0) translateY(-50%);
  -moz-transform: rotate(0) translateY(-50%);
}

.excludeAgencySelectDropDown span {
  position: static !important;
  color: #808285;
  margin: 0 0 0 5px;
}

.excludeAgencySelectDropDown {
  width: 100%;
  display: block;
  position: relative;
  max-width: 350px;
  margin: 0 auto;
  text-align: left;
  padding: 25px 20px 10px;
  background: #fff !important;
  color: #fff;
  border-radius: 0;
  border: 1px solid #cfd1d2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  top: 35px;
  z-index: -1;
  height: 0px;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  max-height: 190px;
  overflow-y: auto;
}

.openOptions .excludeAgencySelectDropDown {
  padding-top: 25px;
  padding-bottom: 10px;
  height: auto;
}

.excludeAgencySelectDropDown label {
  position: relative;
  padding: 5px 0;
  padding-left: 25px;
}

.excludeAgencySelectDropDown label input {
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 0px !important;
}


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

.excludeAgencySelectDropDown ul li {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #cfd1d2;
}

.excludeAgencySelectDropDown ul li:last-child {
  border-bottom: none;
}

.borderBottomZeroNone {
  border-bottom: none !important;
}

h2.withSelectBox.borderBottomZeroNone {
  font-size: 16px;
  text-transform: none;
  color: #202020;
  font-weight: 700;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.subSaleNewLeftImage .subsaleImageSec {
  width: 35%;
}

.subSaleNewLeftImage .subsaleContentSec {
  width: calc(65% - 10px);
  float: right;
  margin-top: 0px;
}

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

.bottomSettingButtonSubSale .settingFullWidthBtn {
  display: inline-block;
  width: 100% !important;
  padding: 6px 10px !important;
  background: #414042 !important;
  border-radius: 25px !important;
  font-size: 10px !important;
  line-height: 20px !important;
  color: #fff !important;
}

.bottomSettingButtonSubSale .settingFullWidthBtn img {
  width: 20px;
  padding: 0px;
  margin-right: 3px;
  height: auto;
}

.zIndex02 {
  z-index: 2;
  position: relative;
}

.subSaleNewLeftImage .subsaleContentSec h6 {
  float: left;
  width: 100%;
  font-size: 18px;
}

.subSaleNewLeftImage .subsaleContentSec p {
  float: left;
  width: 100%;
  font-size: 14px;
}

.subSaleNewLeftImage .subsailContentInner {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}

.newSubSaleDesign.project-detail-content.subSaleNewLeftImage {
  margin-bottom: 0px;
}

.topLabelBar.withRightSideButton {
  margin-top: 15px;
}

.withRightSideButton .main-button {
  width: auto;
  padding: 5px 10px;
  float: right;
  border-radius: 6px;
  font-size: 12px;
  margin-left: 5px;
}

.customSubSaleSort {
  display: inline-block;
  z-index: 99999;
  float: right;
}

.customSubSaleSort.show .dropdown-menu {
  display: block;
}

.customSubSaleSort.show .dropdown-menu a {
  font-size: 11px;
  text-align: center;
  padding: 4px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #58595b;
  background: transparent !important;
}

.customSubSaleSort .dropdown-menu {
  min-width: 64px;
  padding: 10px 0 0;
  margin: -10px 0 0;
  z-index: -1;
  left: 5px;
}

.customSubSaleSort.show .dropdown-menu a span {
  color: #58595b;
  padding: 2px 0;
  display: inline-block;
  width: 100%;
  font-size: 10px;
}

.customSubSaleSort.show .dropdown-menu a:hover span {
  background: #eeb91b;
}

.bottomSettingButtonSubSale .settingButtonNew {
  float: left;
  width: calc(100% / 3 - 4px);
  padding: 0px 6px;
  margin: 0 2px;
  background: #414042;
  border-radius: 25px;
  font-size: 8px;
  line-height: 20px;
  color: #fff !important;
  text-align: center;
}

.bottomSettingButtonSubSale .settingButtonNew.active,
.bottomSettingButtonSubSale .settingButtonNew:hover {
  background: #eeb91b !important;
  color: #414042 !important;
}


.permanentlyDeleteBtn {
  float: left;
  padding: 0px 15px;
  margin: 0 2px;
  background: #414042;
  border-radius: 25px;
  font-size: 8px;
  line-height: 20px;
  color: #fff !important;
  text-align: center;
}

.permanentlyDeleteBtn:hover {
  background: #eeb91b;
  color: #414042;
}


#permanentlyDeleteModel .modal-content {
  border-radius: 25px;
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  background: #fff
}

#permanentlyDeleteModel .modal-content::after {
  content: "";
  position: absolute;
  bottom: -32px;
  right: 30px;
  border-left: 0px solid transparent;
  border-right: 25px solid transparent;
  border-top: 35px solid #fff;
  border-bottom: 0px solid transparent;
  transform: rotate(10deg)
}

#permanentlyDeleteModel .close {
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 28px;
}

.reminderIconDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.reminderIconDiv img {
  width: 55px;
  height: auto;
}

.reminderContent {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  text-align: center;
}

.reminderContent h3 {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  color: #4e4e4e;
  margin: 0 0 15px;
}

.reminderContent p {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #484848;
  margin-bottom: 15px;
  font-family: 'Noto Sans', sans-serif !important;
  max-width: 165px;
}

.pDelteOptionBtn {
  display: inline-block;
  width: auto !important;
  padding: 6px 20px;
  border-radius: 10px;
  background: #EEB91B !important;
  border-color: #EEB91B !important;
  color: #000 !important;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  min-width: 110px;
  font-family: 'Noto Sans', sans-serif !important;
  margin-bottom: 10px;
  margin: 5px 5px 10px;
}

.pDelteOptionBtn.redButton {
  background: #e44a40 !important;
  border-color: #e44a40 !important;
  color: #fff !important;
}

#permanentlyDeleteModel.modal .modal-dialog {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

#permanentlyDeleteModel.modal {
  z-index: 999999999;
}

.myShowNEwDesign .overflowImageText {
  width: 100%;
}


.settingButtonNew.autoWidthButton {
  width: auto;
  padding: 0 10px;
}

.settingButtonNew.autoWidthButton img {
  width: 15px;
  height: auto;
  display: inline-block;
  margin: 2px 0 0;
}




.profilePageNew {
  background: transparent;
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 10px 0;
}

.userProfileImageNew {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

.userImageNew {
  float: left;
  width: 75px;
  position: relative;
  border-radius: 50px;
}

.userImageNew img {
  border-radius: 50px;
}

.profilePlaceholderImage {
  width: 100%;
  height: 75px;
  position: relative;
  object-fit: cover;
}

.profileUploadedImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 100%;
  object-fit: cover;
}

.userImageNew span.btn.btn-default.btn-file {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 3;
  width: 25px;
  margin: 0;
  z-index: 6;
  height: 25px;
  overflow: hidden;
  opacity: 0;
}

.uploadNewImage {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 3;
  width: 25px;
}

.uploadNewImage img {
  width: 25px;
  height: auto;
}

.userDetailNewDiv {
  float: right;
  width: calc(100% - 110px);
  text-align: left;
  display: flex;
}

.userDetailNewDiv h1 {
  margin: auto 0;
  width: 100%;
  font-size: 30px;
  font-weight: 800;
}

.topHeaderNew {
  display: inline-block;
  width: 100%;
  margin: 20px 0 0;
  text-align: left;
}

.topHeaderNew h3 {
  text-transform: uppercase;
  text-align: left;
  font-size: 23px;
  color: #212221;
  font-weight: 600;
  padding: 0 0 10px;
  border-bottom: 3px solid #eeb91b;
  margin-bottom: 10px;
}

.topHeaderNew p {
  text-align: left;
  font-size: 15px;
  color: #212221;
  font-weight: 600;
  margin-bottom: 10px;
}

.profileNewForm {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  margin: 0;
}

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

.profileNewForm .form-control {
  border-radius: 0px;
  border: 1px solid #d0d2d3;
  font-size: 15px !important;
  /*color: #808184;*/
  color: black;
  padding: 5px 15px;
  -webkit-appearance: auto
}

.profileNewForm .form-control[type="file"] {
  padding-left: 5px
}

.profileNewForm .renEvNumber {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0px;
}

.profileNewForm .renEvNumber .form-control {
  padding-left: 106px
}

.profileNewForm .renEvNumber select {
  width: 90px;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 3.5px;
  font-size: 15px;
  background: #efefef;
  border: 1px solid #dadada;
  border-radius: 0px;
}

.profileNewForm label {
  font-size: 14px;
  color: #000 !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.profileNewForm label small {
  opacity: 0.8;
}

.profileNewForm label span {
  position: unset !important;
  color: red
}

.profileNewForm .rightSelectBox .backButtonText.edit-company-details {
  min-width: 60px;
  text-align: center;
}

.step2 .form-group .buttonSection .customprofileUpdateBtnDiv .customprofileUpdateBtn {
  min-width: 170px;
  font-weight: 500;
  border-radius: 8px;
  padding: 5px 0;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  margin: 18px 0 0;
}

.step2 .form-group label[for="ProjectTac"] {
  text-align: center !important;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif !important;
}

.step2 .buttonSection p {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif !important;
  color: #000;
}

.customprofileUpdateBtnDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.customprofileUpdateBtn {
  background: #414042;
  min-width: 200px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff !important;
  border-radius: 10px;
  padding: 10px 0;
  text-align: center;
}

.yellowBtn {
  background: #eeb91b;
  color: #414042 !important;
}

#reminderModel .modal-content {
  border-radius: 25px;
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

#reminderModel .modal-content::after {
  content: "";
  position: absolute;
  bottom: -32px;
  right: 30px;
  border-left: 0px solid transparent;
  border-right: 25px solid transparent;
  border-top: 35px solid #fff;
  border-bottom: 0px solid transparent;
  transform: rotate(10deg)
}

#reminderModel .close {
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 28px;
}


.reminderButton {
  display: inline-block;
  width: auto !important;
  padding: 4px 30px;
  border-radius: 10px;
  background: #EEB91B !important;
  border-color: #EEB91B !important;
  color: #000 !important;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  min-width: 120px;
  font-family: 'Noto Sans', sans-serif !important;
  margin-bottom: 10px;
}


#reminderModel .reminderContent h3 {
  margin: 0px;
}

#reminderModel .reminderContent p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}

.profileMainImageDiv {
  display: inline-block;
  width: 100%;
  position: relative;
}

.placeholderImageProfile {
  display: inline-block;
  width: 100%;
  position: relative;
  height: auto;
}

.UploadedImageProfile {
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
}

.uploadProfileMianDivNew {
  position: relative;
}

.uploadProfileMianDivNew .placeholderImageProfile {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.uploadProfileMianDivNew .UploadedImagePlaceholderImg {
  position: relative;
  height: auto;
  width: 100%;
  opacity: 0;
}

.profileButtton {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 14px 0px;
}

.profileButtton .customprofileUpdateBtn {
  margin: 0 8px;
}

.uploadFileBtn {
  position: relative;
}

.uploadFileBtn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.profilePicImage {
  background: transparent;
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 10px 0;
}

.withBackButonDiv {
  position: relative;
}

.topMainHeading h3.withBackButonDiv a {
  background: #202020 !important;
  border: 1px solid #202020 !important;
  padding: 5px 15px;
  line-height: 20px;
  border-radius: 0px;
}



.newProjectListingDIv .listingContent a {
  display: inline-block;
  width: 100%;
}

.newProjectListingDIv .listingContent a h3 {
  display: inline-block;
  width: 100%;
  font-size: 17px;
  line-height: 17px;
  margin: 0 0 2px;
  float: left;
  color: #202020;
  font-weight: 600;
}

.newProjectListingDIv .listingContent a h3 span {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 10px;
  float: left;
  color: #808080;
  font-weight: 400;
}






#deleteModel .modal-content,
#verifyModel .modal-content {
  border-radius: 30px;
  background: #fff;
}

#deleteModel .modal-dialog,
#verifyModel .modal-dialog {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
  /*    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);*/
}

#deleteModel .reminderContent h3,
#verifyModel .reminderContent h3 {
  padding: 0 10px;
}

a.delete-btn {
  background: red;
  padding: 5px 20px;
  border-radius: 10px;
  color: #fff !important;
  margin: 5px;
  text-transform: capitalize;
}

a.cancel-btn {
  background: #202020;
  padding: 5px 20px;
  border-radius: 10px;
  text-transform: capitalize;
  color: #fff !important;
  ;
  margin: 5px;
}

a.verify-btn {
  background: #00d257;
  text-transform: capitalize;
  padding: 5px 20px;
  border-radius: 10px;
  color: #fff !important;
  ;
  margin: 5px;
}



/**********************/
.csrfFieldsDiv {
  display: inline-block;
  width: 100%;
}

.csrfFieldsDiv p {
  font-size: 16px;
  color: #202020;
  display: inline-block;
  width: 100%
}

.csrfFieldsDiv p span {
  display: inline-block;
  width: 150px;
}

.csrfFieldsDiv h3 {
  font-size: 18px;
  color: #202020;
  display: inline-block;
  width: 100%;
  text-align: left;
}

.csrfFieldsDiv h3.text-center {
  text-align: center;
}

.csrfFieldsDiv input {
  font-size: 16px;
  color: #202020;
  display: inline-block;
  width: 150px;
  padding: 0px;
  border: none;
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
}

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

.halfSignatureDiv {
  float: left;
  width: 50%;
  padding: 0 10px;
}

.csrfFieldsDiv ol ul {
  margin-left: 20px;
}

.agreementDiv {
  display: inline-block;
  width: 100%;
  margin-top: 50px;
}

.csrfFieldsDiv li {
  display: inline-block;
  width: 100% margin-bottom: 10px;
}


.pic-dashboard.main-wrapper {
  padding: 20px 0;
}

.createBtnRihgt.rightSelectBox {
  right: 80px;
}



/*****************/

.my-avatar .help-block {
  text-align: left;
  padding: 17px 10px;
}

.agreementDiv p {
  padding-bottom: 8px;
}


.buttonNeedHelpNew {
  display: inline-block;
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

.buttonNeedHelpNew .needHelpBtnNew {
  display: inline-block;
  max-width: 56%;
}

/**************/
.liveSupportMainClass {
  padding: 20px 0 10px !important;
}

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

.customAccordianLiveChat .card,
.customAccordianLiveChat .card .card-header {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.customAccordianLiveChat .card .card-header .btn {
  margin: 0px;
  width: 100%;
  text-align: left;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 15px 20px 15px 0 !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  white-space: normal;
}

.customAccordianLiveChat .card .card-header .btn::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(https://appiliate.my/new-images/arrow-right-chat.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 14px;
  right: 0;
  font-weight: bold;
  color: #202020;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

.assistantcommissionAccordian.customAccordion button.btn.btn-link.collapsed,
.assistantcommissionAccordian.customAccordion button.btn.btn-link {
  border: none !important;
  background: #f2f2f2 !important;
  box-shadow: 1px 1px 4px 0.2px rgb(0 0 0 / 52%) !important;
}

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

.assistantCommissionRadioBtn label {
  display: inline-block;
  width: 100%;
  position: relative;
}

.assistantCommissionRadioBtn label input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.assistantCommissionRadioBtn label span {
  width: 100%;
  padding: 4px 15px;
  padding-left: 54px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #202020;
  position: relative;
}

.assistantCommissionRadioBtn label span::after {
  content: "";
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url(https://appiliate.my/new-images/select-icon-new.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

.assistantCommissionRadioBtn label input:checked~span::before {
  position: absolute;
  left: 30px;
  top: 50%;
  content: "";
  width: 9px;
  height: 9px;
  background: #3db54a;
  z-index: 5;
  border-radius: 50px;
  transform: translateY(-50%);
}



.customAccordianLiveChat .card .card-header .btn.collapsed::after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

.customAccordianLiveChat .card-body {
  padding: 0px 0 7px;
}

.customAccordianLiveChat .card-body p {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  color: #343434;
}

.witTextOnLeftAccordian {
  padding-left: 36px;
  position: relative;
}

.witTextOnLeftAccordian span {
  position: absolute;
  top: 0;
  left: 0;
}

.videoLiveChat {
  display: inline-block;
  width: 100%;
  position: relative;
}

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

.videoLiveChat iframe {
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.viewMoreLiveChatDiv {
  display: inline-block;
  width: 100%;
  margin-top: 25px;
}

.viewMoreLiveChatDiv a {
  display: inline-block;
  color: #3266a5;
  font-size: 18px;
}

/************/
.newHeaderWithHeadingPL {
  display: inline-block;
  width: 100%;
}

.headingWithSearchBarPL {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 3px solid #eeb91b !important;
}

.headingWithSearchBarPL>label {
  width: 110px;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  margin: 0px;
}

.headingWithSearchBarPL.fullHeadingWithSubNAme>label {
  width: 100%;
}

.headingWithSearchBarPL>label small {
  font-size: 70%;
  color: #6e6f72;
}

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

.mainSubHeading h4 {
  width: 100%;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 5px;
  font-family: 'Roboto', sans-serif !important;
  padding-left: 20px;
  position: relative;
  color: #202020;
  text-transform: none;
}

.mainSubHeading h4 img {
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 16px !important;
  object-fit: contain;
}

.mainSubHeading p {
  width: 100%;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 10px;
  font-family: 'Roboto', sans-serif !important;
  position: relative;
  color: #6e6f72;
}

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

.announcementDiscriptionText p {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #222221;
  text-align: justify;
}







/****************************/
.userTopHeading {
  display: inline-block;
  width: 100%;
  border-bottom: 3.5px solid #edb81b;
  padding: 0 0 6px 0;
}

.userTopHeading h2 {
  font-size: 18px;
  font-weight: 500;
  color: #212221;
  text-transform: none;
  font-family: 'Roboto', sans-serif !important;
}

.userTopHeading h2 strong {
  font-weight: 500;
}

.UserSupport {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.customAccordion .card {
  border: none !important;
  border-radius: 0px !important;
  margin-bottom: 10px;
}

.customAccordion button.btn.btn-link {
  margin: 0;
  width: 100%;
  font-family: 'Roboto', sans-serif !important;
  box-shadow: none !important;
  text-align: left;
  text-decoration: none !important;
  padding: 0.8em 1em;
  padding-right: 33px !important;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  border-radius: 10px !important;
  white-space: normal;
  line-height: 18px;
  border: 1px solid #edb91d !important;
  background: #edb91d !important;
}

.customAccordion button.btn.btn-link.collapsed {
  border: 1px solid #d0d2d3 !important;
  background: #fff !important;
}

.accordianArrow01 {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px !important;
  height: auto;
  animation: translateY(-35%) rotate(0deg);
  -webkit-transform: translateY(-35%) rotate(0deg);
  -moz-transform: translateY(-35%) rotate(0deg);
  display: inline-flex;
}

.collapsed .accordianArrow01 {
  animation: translateY(-60%) rotate(180deg);
  -webkit-transform: translateY(-60%) rotate(180deg);
  -moz-transform: translateY(-60%) rotate(180deg);
}



.customAccordion .card-body {
  padding: 6px !important;
  border: none !important;
  border-radius: 0px !important;
}

.customAccordion .card-body .card-body {
  padding: 4px !important;
}

.customAccordion .card-body p {
  font-size: 14px !important;
  padding: 0 2%;
}

.customAccordion .customSubAccordion button.btn.btn-link {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.customAccordion .customSubAccordion .card-body {
  padding: 5px 15px !important;
}

.customAccordion .customSubAccordion button.btn.btn-link.collapsed .accordianArrow01 {
  animation: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
}

.accordianButton {
  padding: 0.5em 1em;
}

.viewMoreBtn {
  font-family: 'Roboto', sans-serif !important;
  box-shadow: none !important;
  text-align: left;
  text-decoration: none !important;
  padding-right: 33px !important;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  color: #3266a5;
}

.chatWithUsBtn {
  display: inline-block;
  width: 100%;
  margin: 8px 0;
}

.chatWithUsBtn a {
  display: inline-block;
  max-width: 48%;
}

.smallContainer {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.smallContainer .container {
  max-width: 540px;
}

/*************/
.customFormField {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

.customFormField label {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
  display: inline-block;
  width: 100%;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: auto;
}

.customFormField label.has-error {
  font-weight: 400;
  font-size: 11px;
  color: red;
  float: left;
  width: 100%;
  margin: 3px 0px 0;
}

.customFormField label.error {
  display: none !important;
}

.customFormField .form-control.error {
  border: 1px solid red !important;
}

.customFormField .form-control {
  border-radius: 0px;
  border: 1px solid #d0d2d3;
  height: auto;
  padding: 10px;
  font-size: 14px !important;
  color: #202020;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.customFormField select,
.customDropDown {
  background-image: url(../../sales-assistant/dropdown-arrow.png);
  background-size: auto 8px;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.timeZOneDiv input+input {
  background-image: url(../../sales-assistant/up-down-arrow.png);
  background-size: auto 13px;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.timeZOneDiv select {
  background-image: url(../../sales-assistant/up-down-arrow.png);
  background-size: auto 13px;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.devidedCustomFormField {
  display: inline-flex;
  min-width: 100%;
  margin-left: -2px;
  margin-right: -2px;
}

.devidedCustomFormField .customFormField {
  width: 50%;
  margin-left: 2px;
  margin-right: 2px;
}

/*******************************/
.appointmentMainButtonDiv {
  display: inline-flex;
  min-width: calc(100% + 10px);
  margin-left: -5px;
}

.appointmentMainButtonDiv a {
  display: inline-block;
  width: 100%;
  margin: 0 5px;
  border: 1px solid #d0d2d3;
  border-radius: 10px;
  text-align: center;
}

.appointmentMainButtonDiv a.active {
  border: 2px solid #edb91d;
}

.appointmentMainButtonDiv a img {
  width: 100%;
  max-width: 120px;
}

.apntmntBtnNewDiv .appointmentButton {
  background: linear-gradient(to bottom right, #fff, #959595);
  padding: 2px;
  border: none;
  border-radius: 12px;
}

.borderInnerDiv {
  display: inline-block;
  width: 100%;
  padding: 12px 5px;
  text-align: center;
  background: #f3f3f4;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  font-family: 'Roboto', sans-serif !important;
  text-transform: uppercase;
}

.borderInnerDiv span {
  display: inline-block;
  width: 100%;
  font-size: 27px;
  font-family: 'URW DIN Demi';
  margin-top: 2px;
}

.apntmntBtnNewDiv.appointmentMainButtonDiv .appointmentButton.active {
  background: #edb91d;
  color: #edb91d;
  border: none !important;
}

.appointmentButton.active .borderInnerDiv span {
  color: #edb91d;
}

.redColor {
  color: #eb2227;
}

.customDropDown .dropdown-toggle {
  background-image: url(../../sales-assistant/dropdown-arrow.png);
  background-size: auto 8px;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
}

.customDropDown .dropdown-toggle::after {
  display: none !important;
}

.customDropDown .dropdown-menu {
  width: 100%;
  max-width: unset !important;
  left: 0 !important;
  padding: 0;
  margin-top: -2px;
  background: transparent;
  position: relative !important;
  transform: none !important;
}

.customSearchBox {
  position: relative;
}

.customSearchBox input {
  padding-right: 50px;
}

.customSearchBox .searchBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  object-fit: contain;
  background: transparent !important;
  border: none !important;
  object-position: center;
}

.customSearchBox .searchBtn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 12px;
}

.radioBoxDiv {
  display: inline-block;
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
}

.radioBoxDiv label {
  display: inline-flex;
  width: 100%;
  padding: 9px 15px;
  border-bottom: 1px solid #d0d2d3;
  align-items: center;
}

.radioBoxDiv label input {
  margin-right: 10px;
}

.radioBoxDiv label:last-child {
  margin-bottom: 0px;
}

.termsConditionsDiv label.error {
  display: none;
}

.withBottom,
.withBottom.nav-up,
.withBottom.nav-down {
  padding-bottom: 80px !important;
}

.timeZOneDiv {
  display: inline-flex;
  min-width: 100%;
  margin-left: -2px;
  margin-right: -2px;
}

.timeZOneDiv select,
.timeZOneDiv input {
  width: 25%;
  margin: 0 2px;
}

.customFormField label.infoBtn {
  display: inline-flex;
  align-items: center;
}

.infoBtn a {
  color: #27aae1;
  display: inline-flex;
  width: auto;
  align-items: center;
}

.infoBtn a img {
  width: 16px;
  margin: 0 5px 0 15px;
}

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

.termsConditionsDiv label {
  display: inline-block;
  width: 100%;
  padding-left: 35px;
  position: relative;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 600;
  font-size: 14px;
}

.termsConditionsDiv label i {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  line-height: 13px;
  margin-top: 4px;
  font-weight: 500;
}

.termsConditionsDiv label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.termsConditionsDiv label .cehck {
  position: absolute;
  left: 0;
  top: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  content: "";
  width: 20px;
  height: 20px;
  z-index: 1;
}

.termsConditionsDiv label input:checked~.cehck {
  background: #f2bc1a;
}

.termsConditionsDiv label label.error {
  display: none !important;
}

.chatWithUsBtn .submit-btn {
  background: transparent !important;
  border: none !important;
}

.termsConditionsDiv label input.error~.cehck {
  border: 1px solid red;
}

.termsConditionsDiv label input:checked~.cehck::after {
  background-image: url(../../sales-assistant/check.png);
  background-size: 70%;
  background-position: center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3px;
  background-repeat: no-repeat;
}

.learnMoreMainDiv {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.learnMoreMainDiv h2 {
  display: inline-block;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  text-transform: none !important;
  color: #222221;
  margin-bottom: 8px;
  font-family: 'Roboto', sans-serif !important;
}

.learnMoreMainDiv p {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 13px;
  text-transform: none !important;
  color: #222221;
  font-family: 'Roboto', sans-serif !important;
}

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

.learnMoreMainDiv ul li {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 13px;
  text-transform: none !important;
  color: #222221;
  position: relative;
  padding-left: 8px;
  font-family: 'Roboto', sans-serif !important;
}

.learnMoreMainDiv ul li::after {
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #222221;
  border-radius: 50px;
  content: "";
}

.learnMoreMainDiv ol {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}

.learnMoreMainDiv ol li {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 13px;
  text-transform: none !important;
  color: #222221;
  position: relative;
  padding-left: 19px;
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif !important;
}

.learnMoreMainDiv ol li span {
  position: absolute;
  top: 0;
  left: 0;
}

.salesServicesDiv .item {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.salesServicesDiv .item img {
  width: auto !important;
}

.searchingForSaleAssistenceDiv {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 25px;
  text-align: center;
}

.searchingForSaleAssistenceDiv img {
  display: inline-block;
  width: auto;
  max-width: 78%;
}

.loaderDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.loaderDiv span {
  background-color: #929497;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin: 0 2px;
}

.loaderDiv span.active {
  background: #edb91d;
}

.loaderDiv>span {
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loaderDiv span {
  -webkit-animation-delay: -1.50s;
  animation-delay: -1.50;
}

.loaderDiv span+span {
  -webkit-animation-delay: -1.20s;
  animation-delay: -1.20s;
}

.loaderDiv span+span+span {
  -webkit-animation-delay: -0.90s;
  animation-delay: -0.90s;
}

.loaderDiv span+span+span+span {
  -webkit-animation-delay: -0.60s;
  animation-delay: -0.60ss;
}

.loaderDiv span+span+span+span+span {
  -webkit-animation-delay: -0.30s;
  animation-delay: -0.30s;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    background-color: #929497;
  }

  40% {
    ackground-color: #edb91d;
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    background-color: #929497;
  }

  40% {
    background-color: #edb91d;
  }
}


.bottomHeading {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.bottomHeading h3 {
  font-size: 20px;
  color: #212221;
  font-weight: 700;
  text-transform: none;
  font-family: 'Roboto', sans-serif !important;
  line-height: 26px;
}

.customPopupModal {
  padding: 0 0 0px 7px;
  text-align: center;
}

.customPopupModal .modal-dialog {
  height: 100vh !important;
  display: flex;
}

.customPopupModal .modal-body {
  padding: 1.5rem 1rem;
}

.customPopupModal .close {
  position: absolute;
  top: 5px;
  opacity: 1 !important;
  right: 10px;
  margin: 0px !important;
  font-size: 28px;
}

.customPopupModal .modal-content {
  margin: auto !important;
  height: fit-content !important;
  border-radius: 10px;
}

.customPopupModal h3 {
  font-size: 22px;
  color: #212221;
  font-weight: 700;
  text-transform: none;
  font-family: 'Roboto', sans-serif !important;
  line-height: 26px;
}

.customPopupModal h2 {
  font-size: 44px;
  color: #212221;
  font-weight: 700;
  text-transform: none;
  font-family: 'Roboto', sans-serif !important;
  line-height: 40px;
}

.popupIcon {
  display: inline-block;
  width: 100%;
  margin: 15px 0;
}

.popupIcon img {
  display: inline-block;
  width: auto !important;
  max-width: 120px;
}

.customPopupModal p {
  font-size: 16px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}

.customPopupModal h4 {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}

.appointmentsList {
  display: inline-block;
  width: 100%;
  padding: 20px 22px;
  padding-right: 100px;
  position: relative;
  box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 45%) !important;
  margin-bottom: 15px;
}

.appointmentsList h4 {
  font-size: 19px;
  font-weight: 800;
  color: #424143;
  line-height: 20px;
  text-transform: none;
  font-family: 'Roboto', sans-serif !important;
}

.appointmentsList p {
  color: #929497;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}

.appointmentStatus {
  position: absolute;
  bottom: 17px;
  right: 15px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}


.greenColor {
  color: #39b54a;
}

.orangeColor {
  color: #FFA500;
}

.blueColor {
  color: #00aeef;
}

.yellowColor {
  color: #f7941d;
}



.userTopHeading.widthBackBtn {
  padding-right: 50px;
  position: relative;
}


.backBtn {
  position: relative;
  right: 0;
  top: 1px;
  width: 45px;
}

.userTopHeading.widthBackBtn .backBtn {
  position: absolute;
}

.buyer-delete.backBtn,
.buyer-delete-class.backBtn {
  background: #202020;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

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

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

.appointmentDetailDiv ul li {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  /*padding-right: 50%;*/
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #231f20;
  margin-bottom: 8px;
  font-family: 'Roboto', sans-serif !important;
  line-height: 17px;
}

.appointmentDetailDiv ul li span {
  display: inline-block;
  min-width: 50%;
  width: 50%;
  /* position: absolute; */
  font-weight: 700;
  /* left: 50%; */
  /* top: 0; */
  font-family: 'Roboto', sans-serif !important;
}

span.leftCoutSAS {
  padding-left: 8px;
  position: relative;
}

span.leftCoutSAS::before {
  position: absolute;
  top: 0;
  left: -1px;
  content: ":";
}

.appointmentDetailDiv ul li:last-child {
  margin-bottom: 0px;
}

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

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

.appointmentDetailDiv h4 {
  font-size: 16px;
  font-weight: 700;
  color: #231f20;
  margin-bottom: 12px;
  text-transform: none;
  font-family: 'Roboto', sans-serif !important;
}

/*.appointmentDetailDiv i {
  font-size: 15px;
  line-height: 18px !important;
  font-weight: 400;
  color: #808285;
  margin-bottom: 12px;
  text-transform: none;
  display: inline-block;
  font-family: 'Roboto', sans-serif !important;
}*/
.appointmentDetailDiv i {
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 15px;
  font-weight: 400;
  color: #231f20;
  line-height: 17px;
  margin-bottom: 6px;
  font-family: 'Roboto', sans-serif !important;
  margin-top: 10px;
}

.customTwoButtonNew {
  display: inline-flex;
  width: auto;
  min-width: 100%;
  margin-left: -8px;
  margin-right: -8px;
}

.customTwoButtonNew a {
  display: inline-block;
  width: 50%;
  margin: 0 8px;
  font-family: 'Roboto', sans-serif !important;
}

.customTwoButtonNew a img {
  width: auto;
  max-width: 100%;
}

.alertBox {
  padding: 15px 0;
}

.alertBox h1 {
  display: inline-block;
  width: 100%;
  font-size: 55px;
  font-weight: 800;
  color: #424143;
  font-family: 'Roboto', sans-serif !important;
  margin-bottom: 15px;
}

.alertBox h3 {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  color: #424143;
  font-family: 'Roboto', sans-serif !important;
  margin-bottom: 10px;
}

.alertBox h3 strong {
  display: inline-block;
  width: 100%;
}

.alertBox .viewMoreBtn {
  font-size: 20px;
  padding: 0 !important;
}

.appointmentIcon {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-flex;
}

.appointmentIcon img {
  max-height: 18px;
  object-fit: contain;
}


.imageButtonNew {
  display: inline-block;
  width: 100%;
  background: transparent !important;
  border: none !important;
  margin: 0 8px;
}

.imageButtonNew img {
  width: 100%;
  height: auto;
}

.width50New {
  width: 50% !important;
}

.popupTextarea.text-center {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.popupTextarea textarea {
  width: calc(100% - 30px);
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 5px;
}

.rescheduleAppointmentYellowDiv {
  display: inline-block;
  min-width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  background: #edb91d;
  padding: 15px;
}


/***********************/
.scheduleRightSideAW {
  display: inline-block;
  width: 100%;
  padding: 25px 16px;
}

.scheduleRightSideAW .caloenderDayAW .label-container {
  min-height: unset !important;
}

.scheduleRightSideAW h3 {
  font-size: 20px;
  color: #231f20;
  text-align: left;
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  font-weight: bold;
  margin-top: 0;
  font-family: 'Roboto', sans-serif !important;
}

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

.weeks-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}

.scheduleRightSideAW h3 .calendarArrowAW {
  float: right;
}

.calendarArrowAW a {
  font-size: 30px;
  line-height: 30px;
  display: inline-block;
  color: #231f20;
  font-weight: 500;
}

.calenderRightArrowAW {
  margin-left: 30px;
}

.caloenderDayAW table {
  width: 100%;
}

.caloenderDayAW table .header td {
  padding-bottom: 5px;
  font-family: 'Roboto', sans-serif !important;
}

.caloenderDayAW table td {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  padding: 0px;
  font-family: 'Roboto', sans-serif !important;
}

td.day[disabled="disabled"] {
  color: #aaa;
  cursor: not-allowed;
}

.caloenderDayAW table td a {
  width: 36px;
  height: 36px;
  display: inline-flex;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  color: #231f20;
  margin: 2px 0;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}

.selectedAW {
  background: #ecb91e;
  color: #202020 !important;
  font-weight: bold;
}

.bookedAW {
  background: #e6e7e8;
  font-weight: bold;
}

.tiemSlotInnerDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 16px;
}

.tiemSlotInnerDiv h3 {
  font-size: 14px;
  color: #606161;
  font-weight: 600;
  padding: 5px 0 20px;
}

.tiemSlotInnerDiv ul {
  display: inline-block;
  width: 100%;
  padding: 0px 25px;
}

.tiemSlotInnerDiv ul li {
  display: inline-block;
  width: 100%;
  padding: 5px 25px;
  margin: 0;
  border-top: 2px solid #d0d2d3;
}

.tiemSlotInnerDiv ul li a {
  display: inline-block;
  width: 100%;
  padding: 6px 15px;
  font-size: 16px;
  color: #606161;
  font-weight: 600;
}

.tiemSlotInnerDiv ul li a:hover,
.tiemSlotInnerDiv ul li a.active {
  background: #ecb91e;
  color: #231f20;
}

.calendarPopupMain {
  padding-left: 7px !important;
}

.calendarPopupMain .modal-dialog {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}

.formCalendarInput {
  display: inline-block;
  width: 100%;
  position: relative;
}

.formCalendarInput img {
  width: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  right: 10px;
}

.formCalendarInput input.form-control {
  padding-right: 30px;
}

.makeNewAppointmentDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.customAppointmentBtnNew {
  display: inline-block;
  width: 100%;
  padding: 10px 10px;
  border-radius: 30px;
  background: #d1d3d4;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.customAppointmentBtnNew.yellowBgBtn {
  background: #edb91d;
}

.handleAppointmentBtn a.customAppointmentBtnNew {
  position: relative;
  background: #e6e7e8;
  padding-left: 52px;
  text-align: left !important;
}

.handleAppointmentBtn a.customAppointmentBtnNew img {
  width: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 22px;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50px;
}

.handleAppointmentBtn a.customAppointmentBtnNew:focus::after {
  position: absolute;
  left: 27px;
  top: 50%;
  content: "";
  width: 8px;
  height: 8px;
  background: #3db54a;
  z-index: 5;
  border-radius: 50px;
  transform: translateY(-50%);
}

p.wouldYouLinkTo {
  font-size: 15px;
  color: #202020;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.salesServiceDetailDiv {
  display: inline-block;
  width: 100%;
  margin: 0px 0 0;
}

.salesServiceDetailDiv p {
  font-size: 13px;
  color: #231f20;
  line-height: 22px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif !important;
}

.commissaionPercentage {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}

.salesServiceDetailDiv h3 {
  font-size: 17px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  font-family: 'Roboto', sans-serif !important;
}

.percentageInnerDiv {
  display: inline-block;
  width: 100%;
  border-radius: 30px;
  background: #00a79d;
  margin: 3px 0 6px;
  position: relative;
  height: auto;
  min-height: unset;
  float: left;
}

.percentageInnerDiv span {
  display: inline-block;
  background: #f6bc18;
  height: 25px;
  position: relative;
  margin: 0px !important;
  float: left;
  border-radius: 30px;
}

.percentageInnerDiv::before {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../new-images/commisionPercentageImg.png);
  background-size: auto 100%;
  background-repeat: repeat;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
}

.commissaionPercentage h4 {
  font-size: 15px;
  text-transform: none;
  font-weight: bold;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  display: inline-block;
  width: 100%;
}

.roolsResponsibilitiesDiv {
  display: inline-block;
  width: 100%;
  margin: 15px 0;
  text-align: left;
}

.roolsResponsibilitiesDiv h3 {
  text-align: left;
  margin-bottom: 5px;
}

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

.roolsResponsibilitiesDiv ul li {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  color: #231f20;
  line-height: 18px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif !important;
  margin-bottom: 6px;
  float: left
}

.roolsResponsibilitiesDiv ul li span {
  position: absolute;
  left: 0;
  top: 0px;
}

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

.securityPrivacyDiv p {
  display: inline-block;
  width: 100%;
  padding-left: 24px;
  position: relative;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: #222221;
}

.securityPrivacyDiv p img {
  position: absolute;
  left: 0;
  width: 16px;
  height: auto;
  top: 2px;
}

.securityPrivacyDiv p i {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  font-family: 'Roboto', sans-serif !important;
  line-height: 12px;
}

.userTopHeading.userHeadingWithBack {
  display: inline-block;
  width: 100%;
  padding: 0 30px 10px;
  text-align: center;
  position: relative;
}

.newBackBtn {
  position: absolute;
  left: 0;
  width: 25px;
  height: 18px;
  top: 4px;
}

.apntmntUserImg {
  width: 80px;
  display: inline-block;
  float: left;
}

.apntmntDtlNewDiv ul {
  width: calc(100% - 88px);
  float: right;
}

.apntmntDtlNewDiv ul li {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  float: left;
}

.apntmntDtlNewDiv ul li span {
  font-weight: 400 !important;
}

hr.appointmentBorder {
  border: 3px solid #ebeff1 !important;
  width: 100vw;
  margin-left: -50vw;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
  left: 50%;
}

.customFormFieldMainDiv .customFormField .form-control {
  padding: 10px 20px;
  border-radius: 50px;
}

.customFormFieldMainDiv .customFormField label {
  padding: 0 10px;
}

.boxedCheckBox {
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  width: 100%;
}

.singleBoxedCheck {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 12px;
  display: inline-block;
  width: 100%;
}

.singleBoxedCheck label {
  padding-left: 30px;
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #231f20;
  font-weight: 400;
  font-family: 'Roboto', sans-serif !important;
}

.singleBoxedCheck label span.error {
  color: transparent;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: absolute;
  left: 1px;
  top: 1px;
  border: 1px solid red;
  border-radius: 3px;
}

.singleBoxedCheck label input {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 1px;
  top: 1px;
}

.mainDivSSF {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}

.mainDivSSF h4 {
  font-size: 17px;
  text-transform: none;
  font-weight: bold;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  display: inline-block;
  width: 100%;
}

.mainDivSSF h5 {
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  display: inline-block;
  width: 100%;
}

.customRangeSlider {
  display: inline-block;
  width: 100%;
  padding: 20px 0 0;
}

.customRangeSliderInnderDiv {
  display: inline-flex;
  width: 100%;
  align-items: center;
  padding: 10px 0 0;
}

.customRangeSliderInnderDiv {
  display: inline-flex;
  width: 100%;
}

.customRangeSliderInnderDiv>span {
  display: inline-flex;
  align-items: center;
}

.customRangeSliderInnderDiv>span.btn-left {
  margin-right: 5px;
}

.customRangeSliderInnderDiv>span.btn-right {
  margin-left: 5px;
}

.customRangeSliderInnderDiv>span img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.slidervalue {
  width: 35px;
  display: inline-flex;
  background: #e6e7e8;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  margin-left: 5px;
}

.customRangeSliderInnderDiv .slidershell {
  min-width: calc(100% - 95px);
  max-width: calc(100% - 95px);
}



/******************************/
.slider {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
  z-index: 100;
}

/* slidershell exists only
to provide a positioning context for the range input and other elements.*/
.slidershell {
  border: 0 none;
  position: relative;
  overflow: visible;
  height: 22px !important;
}

/* .slidertrack is the visible track on which the user drags the thumb button. */
.slidertrack {
  border: none;
  border-radius: 0;
  position: absolute;
  min-height: 13px;
  background: #e6e7e8;
  top: 3px !important;
  border-radius: 10px;
  box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 35%) !important;
  min-width: 100%;
  max-width: 100%;
}

/* .sliderfill adds color (or a gradient as seen here) to the track as the user 
  drags the thumb. */
.sliderfill {
  border: none;
  position: absolute;
  opacity: 1;
  pointer-events: none;
  background: #edb91d;
  /* background: linear-gradient(90deg, #005555, #006699); */
  min-height: 13px;
  z-index: 1;
  top: 3px !important;
  border-radius: 10px 0 0 10px !important;
}

/* .sliderthumb can be any css you like including an image. 
  The dimensions must match those found in the rule for 
  input[type=range]::-webkit-slider-thumb. */
.sliderthumb {
  width: 24px;
  height: 24px;
  border-radius: 10px;
  background: transparent;
  position: absolute;
  left: 0px;
  top: -5px !important;
  border: 0 none;
  padding: 0px;
  margin: 2px 0 0;
  text-align: center;
  pointer-events: none;
  z-index: 2;
}

/* .slidervalue can be styled as you see fit */
/*.slidervalue {
  width: 30px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-family: helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  left: 0px;
  top: 0px;
  border: 0 none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  pointer-events: none;
}*/

/* First we have to make transparent all the default elements of the range input.
  We use color:transparent to eliminate the default tick marks in IE. */
input[type=range]::-ms-track {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 100%;
  -moz-appearance: none;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}

input[type=range] {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}

/* we need a separate rule for when the range input is to be vertical */
input[type=range].slidervertical {
  -webkit-appearance: slider-vertical;
  writing-mode: bt-lr;
  /* IE */
  opacity: 0.01;
  /* needed to hide the default slider-vertical appearance */
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}

input[type=range]:focus {
  outline: none;
}

/* Make the thumbs the same size as your custom sliderthumb. 
  they will not be visible but they will be draggable.  */
input[type=range]::-ms-thumb {
  width: 40px;
  height: 40px;
  border-radius: 0px;
  border: 0 none;
  background: transparent;
}

input[type=range]::-moz-range-thumb {
  width: 40px;
  height: 40px;
  border-radius: 0px;
  border: 0 none;
  background: transparent;
}

input[type=range]::-webkit-slider-thumb {
  width: 40px;
  height: 40px;
  border-radius: 0px;
  border: 0 none;
  background: transparent;
  -webkit-appearance: none;
}

/* microsoft IE10+ and Edge - eliminates default fills before and after thumb */
input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}

input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}

input[type=range]::-ms-tooltip {
  display: none;
}


/*******************/
.projectDesignWithShadow {
  display: inline-block;
  width: 100%;
  box-shadow: 3px 3px 7px -2px rgb(0 0 0 / 50%) !important;
  padding: 7px;
  position: relative;
}

.fullySoldLabel {
  position: absolute;
  top: 20px;
  left: 7px;
  z-index: 9;
  width: 150px;
  height: auto;
}

.projectDesignWithShadow>a {
  border: none;
}

.propertyListingDiv .projectDesignWithShadow .pages-links-text p {
  font-size: 12px !important;
  font-family: 'Roboto', sans-serif !important;
  line-height: 12px !important;
  color: #414042 !important;
  font-style: italic;
  float: left;
  width: 100%;
}

.propertyListingDiv .projectDesignWithShadow .pages-links-text h6 {
  font-size: 16px !important;
  font-family: 'Roboto', sans-serif !important;
  line-height: 18px !important;
  color: #231f20 !important;
  font-weight: 600;
  float: left;
  width: 100%;
  margin: 4px 0;
}

.propertyListingDiv .projectDesignWithShadow .pages-links-text h5 {
  font-size: 10px !important;
  font-family: 'Roboto', sans-serif !important;
  line-height: 10px !important;
  color: #6d6e71 !important;
  font-weight: 500;
  float: left;
  width: 100%;
}

.propertyListingDiv .projectDesignWithShadow .pages-links-text {
  padding: 5px 110px 25px 0;
}

.projectDesignWithShadow .fastTrakImg {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 100%;
}

.projectDesignWithShadow .fastTrakImg img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}


/**********************/
a.squareImageDiv {
  position: relative !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

.squarePlaceholder {
  display: inline-block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}

.squareMainImg {
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 2;
}

.customTableProjSale table tr td,
.customTableProjSale table tr {
  border: 1px solid #ebebeb !important;
}

.customTableProjSale table tr th {
  border: 1px solid #e1e1e1 !important;
}

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

.disabledFieldBF .biggerTextBold {
  font-size: 21px !important;
  padding: 6.5px 15px;
  font-weight: 700;
  border-radius: 7px;
  border: none !important;
  box-shadow: 1px 1px 1px 0px rgb(0 0 0 / 50%) !important;
}

.next-btn {
  border: none !important;
}

.formMainHeading {
  display: inline-block;
  width: 100%;
  text-align: left;
}

.formMainHeading h3 {
  text-align: left;
  font-size: 20px;
  margin: 12px 0 8px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif !important;
}



.profileNewForm label.error {
  display: none !important;
}

.profileNewForm .error {
  border: 1px solid red;
}

.profileNewForm .email-layout label.error {
  display: inline-block !important;
  border: none !important;
  color: red !important;
}


.zIndex22 {
  z-index: 22;
}

.zIndex22 .btn.dropdown-toggle.btn-light {
  margin: 0;
  outline: none !important;
  border: none !important;
  padding: 8px 20px;
  background: transparent !important;
  font-family: 'Roboto', sans-serif !important;
}

.zIndex22 .btn.dropdown-toggle.btn-light .filter-option-inner-inner {
  font-family: 'Roboto', sans-serif !important;
}

.zIndex22 .dropdown.bootstrap-select.form-control {
  padding: 0 !important;
}

.zIndex22 .dropdown-menu {
  min-width: 100% !important;
  left: 0 !important;
  background: #fff !important;
}

.zIndex22 .dropdown.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner {
  display: inline-block;
  width: 100%;
  padding: 5px 15px;
  font-family: 'Roboto', sans-serif !important;
}

.zIndex22 .dropdown.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner li {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  padding: 6px 0px;
  font-family: 'Roboto', sans-serif !important;
}

.zIndex22 .dropdown.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner li a {
  padding: 0px;
  background: transparent !important;
  font-size: 14px;
  color: #414042 !important;
  display: inline-block;
  width: 100%;
  box-shadow: none !important;
  border: none !important;
  margin: 0px !important;
  position: relative;
  padding-right: 30px;
  font-family: 'Roboto', sans-serif !important;
}

.zIndex22 .dropdown.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner li a::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50px;
  top: 0;
  right: 0;
}

.zIndex22 .dropdown.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner li.selected a::after {
  border: 1px solid #00aeef;
}

.zIndex22 .dropdown.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner li.selected a::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: #00aeef;
  border-radius: 50px;
  top: 3px;
  right: 3px;
}

.zIndex22 .dropdown.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner li a span {
  position: unset;
  font-family: 'Roboto', sans-serif !important;
  width: 100%;
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 15px;
}

/*
.dropup.bootstrap-select.form-control {
    padding: 0px;
}
.dropup.bootstrap-select.form-control .btn-default {
    padding: 0;
    border: none !important;
    background: transparent !important;
    padding: 0px 15px;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    line-height: 40px;
    outline: none !important;
    align-items: center;
    height: unset !important;
    font-family: 'Roboto', sans-serif !important;
}
.dropup.bootstrap-select.form-control .btn-default span {
  height: auto !important;
  padding: 0;
  position: unset;
  font-family: 'Roboto', sans-serif !important;
}
.dropup.bootstrap-select.form-control .dropdown-menu {
  left:  0px !important;
  background: #fff !important;
  font-family: 'Roboto', sans-serif !important;
}

.dropup.bootstrap-select.form-control .dropup .dropdown-toggle::after {
  margin-top: 10px;
}

.dropup.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner {
  display: inline-block;
  width: 100%;
  padding: 5px 15px;
  font-family: 'Roboto', sans-serif !important;
}


*/


/*.dropup.bootstrap-select.form-control > .dropdown-menu {
    left: 50% !important;
    position: fixed !important;
    top: 20px !important;
    max-width: 700px;
    transform: translateX(-50%) !important;
    min-height: 80vh !important;
    min-width: unset;
    width: 100%;
}
.dropup.bootstrap-select.form-control .dropdown-menu ul.dropdown-menu.inner {
    display: inline-block;
    width: 100%;
    padding: 5px 15px;
    height: 100% !important;
    position: relative !important;
}*/

.layouts-website-profile2 .main-wrapper {
  padding: 0;
}

.layouts-website-profile2 .main-wrapper>.container {
  padding: 0;
}

.layouts-website-profile2 .userImageNew {
  width: 65px;
}

.layouts-website-profile2 .profilePlaceholderImage {
  height: 65px;
}

.layouts-website-profile2 .userImageNew span.btn.btn-default.btn-file {
  bottom: -4px;
  top: auto !important;
}

.layouts-website-profile2 .uploadNewImage {
  bottom: -4px;
  right: 5px;
  width: 25px;
  height: 25px;
  top: auto !important;
}

.layouts-website-profile2 .userDetailNewDiv {
  float: right;
  width: calc(100% - 80px);
}

.layouts-website-profile2 .userDetailNewDiv h1 {
  font-size: 22px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 600;
}

.layouts-website-profile2 h2.withSelectBox {
  font-family: 'Roboto', sans-serif !important;
  text-transform: unset;
  color: #202020;
  font-weight: 600;
}

.layouts-website-profile2 .buleBorderBottom {
  border-bottom: 2px solid #979797 !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px;
}

.layouts-website-profile2 p {
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px;
  color: #202020;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #f1f2f2;
}








form.priceRangeAboveBelow {
  position: relative;
  top: -10px;
}

.priceRangeAboveBelow fieldset {
  margin-bottom: 10px;
  margin-top: 15px;
}

.customPopupModlNew .sortDetailNewDivPL *,
.customPopupModlNew .sortDetailNewDivPL {
  overflow: visible !important;
}

.priceRangeAboveBelow .ui-rangeSlider-withArrows .ui-rangeSlider-container {
  margin: 0px !important;
  overflow: visible !important;
}

.priceRangeAboveBelow .ui-rangeSlider .ui-rangeSlider-label {
  display: none !important;
}

.priceRangeAboveBelow .ui-rangeSlider .ui-rangeSlider-innerBar {
  height: 5px;
  margin: 9px 5px 5px;
  background: #fff;
  box-shadow: 0 0 8px 3px rgb(0 0 0 / 20%) !important;
  border-radius: 5px;
}

.priceRangeAboveBelow .ui-rangeSlider .ui-rangeSlider-bar {
  margin: 9px 5px 5px;
  background: #eeb91b;
  height: 5px;
  border-radius: 5px;
}

.priceRangeAboveBelow .ui-rangeSlider .ui-rangeSlider-handle {
  width: 18px;
  height: 18px;
  border-radius: 12px;
  background: #fff;
  margin: 3px 0 0 0;
  box-shadow: none;
  border: 5px solid #eeb91b;
}

.priceRangeAboveBelow .ui-rangeSlider-arrow {
  z-index: 9999999999999;
}

.project-project-file .main-wrapper {
  padding: 0px;
}

.project-project-file .main-wrapper>.container .container {
  padding: 0px !important;
}

.customFileTable td,
.customFileTable th {
  white-space: normal;
  word-break: break-all;
}

.customFileTable td:last-child {
  max-width: 60px !important;
}

.bonus.files .bonus-container ul li p.red {
  font-size: 14px !important;
  display: inline-block;
  width: 100%;
  line-height: 18px;
}

.cobroke-layout font {
  text-align: left !important;
}

.right-pull {
  float: right !important;
}

.contractlabel {
  color: red;
  font-size: 13px;
  padding-top: 10px px;
  float: left;
}

.announcement.galleryMainPageDiv .header-inner .back-button {
  left: 0 !important;
}

.galleryMainPageDiv .popup-gallery .col-6 {
  margin-bottom: 25px;
}

.main-wrapper.announcement.galleryMainPageDiv {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.subsale.subSaleNew .showebleForMobileSearchBar.subSaleFilter .mobileNoPaddingColumn .newSubSaleDesign .subsaleDesign {
  margin-bottom: 0px !important;
}

.thankYouPage {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.thankYouInnerDiv {
  display: inline-block;
  width: 100%;
  max-width: 500px;
  padding: 5% 0 0;
}

.thankYouInnerDiv img {
  width: auto;
}

.thankYouInnerDiv h1 {
  font-weight: 700 !important;
  font-size: 26px !important;
  color: #202020 !important;
  text-transform: none !important;
}

.thankYouInnerDiv h2 {
  font-weight: 700 !important;
  font-size: 22px !important;
  color: #202020 !important;
  text-transform: none !important;
}

.thankYouInnerDiv h3 {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 18px;
  color: #202020 !important;
  text-transform: none !important;
  margin: 10px 0 0;
}

.thankYouInnerDiv h3 span {
  display: inline-block;
  width: 100%;
}

.thankYouInnerDiv p {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 18px;
  color: #202020 !important;
  text-transform: none !important;
  margin: 0px 0 20px;
  padding: 0 9%;
}

.thankYouTickImage {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}

.customImageButton {
  border: none !important;
}

.thankYouInnerDiv .customImageButton {
  margin-top: 15px !important;
}

.thankYouInnerDiv .customImageButton img {
  max-width: 140px;
}

.followUsDiv {
  display: inline-block;
  width: 100%;
  margin: 30px 0;
}

.followUsDiv h3 {
  margin-bottom: 15px !important;
}

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

.followUsDiv ul li {
  display: inline-block;
  margin: 0 5px;
}

.followUsDiv ul li a {
  display: inline-block;
}

.followUsDiv ul li a img {
  display: inline-block;
  max-width: 40px;
}

input[data-readonly] {
  pointer-events: initial !important;
}

.main-wrapper.sales-page.appointMentMainDiv.smallContainer {
  min-height: calc(100vh - 160px);
}



/*.mainMapImageSec {
  display: inline-block;
  width: 100%;
  position: relative;
}
.mainMapImageSec .removeBtn {
  position: absolute;
  top: 1px;
  right: -3px;
  font-size: 19px;
  color: #202020;
  opacity: 1 !important;
  background: #fff;
  width: 22px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  line-height: 18px !important;
}*/




@media only screen and (max-width: 767px) {
  .customEditSaleBladeDiv .tablesaw-cell-label {
    width: 100% !important;
  }

  .customEditSaleBladeDiv .input-group-addon+.form-control {
    width: calc(100% - 37px) !important;
    max-width: calc(100% - 37px) !important;
  }

  .customEditSaleBladeDiv table .input-group,
  .customEditSaleBladeDiv table .form-control {
    width: 100% !important;
    max-width: 80% !important;
    margin: 0 auto;
  }

  .notificationBlankDiv {
    display: inline-flex;
    justify-content: center;
    min-height: calc(100vh - 264px);
    padding-top: 0px;
  }

  .notificationBlankDiv img {
    margin: auto;
  }

  .customSubSaleSort.show .dropdown-menu a {
    font-size: 9px;
  }

  .customSubSaleSort.show .dropdown-menu a span {
    font-size: 7px;
  }

  .customSubSaleSort .dropdown-menu {
    left: 4px;
    min-width: 54px;
  }

  .alertBox h1 {
    font-size: 42px;
    margin-bottom: 10px;
  }

  .alertBox h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .alertBox .viewMoreBtn {
    font-size: 16px;
    padding: 0 !important;
  }

  ul.topBaarIcon li {
    padding: 1px 0 2px;
  }

  .iconSection {
    margin-bottom: 0px;
  }

  ul.topBaarIcon li p {
    margin-top: 0px;
  }

  .thankYouInnerDiv {
    padding: 20% 0 0;
  }
}





















@media only screen and (min-width: 1201px) {
  .topLabelBar {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .dashboardSection {
    margin-top: -50px;
  }
}

@media only screen and (max-width: 991px) {
  .notificationsList {
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
  }

  .notificationsList li {
    width: calc(100% - 5px);
    margin: 7.5px 0 7.5px 2px;
  }

  ul.topBaarIcon li p {
    font-size: 13px;
    margin-top: 4px;
  }




  .subSaleNewLeftImage .subsaleContentSec h6 {
    font-size: 16px;
    line-height: 20px;
  }

  .subSaleNewLeftImage .subsaleContentSec p {
    font-size: 12px;
    line-height: 15px;
  }

  .bottomSettingButtonSubSale .settingFullWidthBtn img {
    width: 16px;
  }

  .bottomSettingButtonSubSale .settingFullWidthBtn {
    padding: 4px 6px !important;
    font-size: 7px !important;
    line-height: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .subsailContentInner {
    margin-bottom: 2px;
  }

  .subsaleContentSec h6 {
    font-size: 16px;
  }

  .pages-links-text p {
    float: left;
    font-size: 13px;
    line-height: 15px;
  }

  .allEventSec .fc-button.fc-state-default {
    font-size: 11px;
  }

  .allEventSec .notificationsList li {
    padding-right: 100px;
  }

  .allEventSec .notificationsList li a.detailButtonNew {
    font-size: 14px;
    padding: 2px 18px;
  }

  span.profileIcon {
    width: 70px;
  }

  a.settingAnchor {
    width: 25px;
  }

  .profilePictureDiv {
    padding: 0 0 0 80px;
  }

  .profilePictureDiv h4 {
    margin-top: 0;
  }

  .profileDetailSec {
    padding: 0 70px 10px;
  }

  .profileTabs .nav.nav-tabs li a {
    padding: 5px 0;
    border-bottom: 5px solid #D0D2D3 !important;
    font-size: 10px;
  }

  .topDashboardDiv {
    padding: 0;
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 3;
  }

  ul.topBaarIcon li {
    padding: 0px;
  }

  .bottomDashboardDiv {
    margin-top: 115px;
  }

  .topDashboardDiv .col-sm-12.col-md-10 {
    margin: 0px !important;
  }

  ul.topBaarIcon li p {
    font-size: 8px;
    font-weight: 600;
  }

  .iconSection img {
    max-width: 25px
  }

  .userImage {
    top: -30px;
    right: 3px;
    width: 60px;
    height: 60px;
  }

  .tutorialSectionNew .bottomFixedMenu::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
  }

  .popupSection {
    max-width: 440px;
  }


  .popupSection.menuButtonPopup {
    position: absolute;
    width: 95%;
    max-width: 100%;
    left: 2.5%;
    top: auto;
    bottom: 80px;
  }

  .menuButtonPopup.popupSection::after {
    top: auto;
    border-bottom: 0 solid #fff;
    bottom: -39px;
    border-top: 42px solid #fff;
  }

  .menuButtonPopup.tutorialNo6.popupSection::after {
    left: 27%;
  }

  .menuButtonPopup.tutorialNo7.popupSection::after {
    left: 48%;
  }

  .menuButtonPopup.tutorialNo8.popupSection::after {
    left: 70%;
  }

  .menuButtonPopup.tutorialNo9.popupSection::after {
    left: 92%;
  }

  .menuButtonPopup .iconMainDiv img {
    filter: grayscale(2) brightness(0);
    -webkit-filter: grayscale(2) brightness(0);
    -moz-filter: grayscale(2) brightness(0);
  }

  .detailsButton {
    min-height: auto;
  }

  .main-wrapper.announcement.galleryMainPageDiv {
    /*height: calc(100vh - 135px);*/
    /*overflow-y: auto;*/
  }

  .withRightSideButton .main-button {
    font-size: 9px;
  }
}


@media only screen and (min-width: 340px) {
  .listingTabSec .nav-link {
    font-size: 17px;
    font-weight: 600;
  }

  .appointmentDetailDiv ul li {
    font-size: 15px;
    margin-bottom: 4px;
  }
}


@media only screen and (max-width: 480px) {
  .profilePicImage .customprofileUpdateBtn {
    font-size: 12px;
    min-width: 130px;
  }

  .withCreateBtn .backButtonText {
    padding: 5px 10px;
    font-size: 10px;
  }

  h2.withSelectBox.withCreateBtn {
    padding-right: 116px;
  }

  .createBtnRihgt.rightSelectBox {
    right: 53px;
  }

  .headerTitle h2 {
    font-size: 15px !important;
  }

  .customAccordianLiveChat .card .card-header .btn {
    font-size: 15px;
    padding: 12px 20px 12px 0 !important;
  }

  .customAccordianLiveChat .card-body p {
    font-size: 15px;
    line-height: 20px;
  }

  .witTextOnLeftAccordian {
    padding-left: 25px;
  }

  .customAccordianLiveChat .card .card-header .btn::after {
    width: 12px;
    height: 12px;
    top: 16px;
  }

  .viewMoreLiveChatDiv {
    margin-top: 20px;
  }

  .viewMoreLiveChatDiv a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  ul.topBaarIcon li p {
    font-size: 7px;
    font-weight: 600;
  }

  .profilePicImage .customprofileUpdateBtn {
    font-size: 9px;
    min-width: 110px;
  }

  .borderInnerDiv {
    padding: 9px 5px;
    font-size: 11.5px;
  }

  .appointMentMainDiv>.container {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .borderInnerDiv {
    font-size: 12px;
  }

  .borderInnerDiv span {
    font-size: 24px;
  }

  .customAppointmentBtnNew {
    font-size: 14.5px;
    padding: 8px 10px;
  }
}



@media only screen and (min-width: 768px) {
  .menuButtonPopup.popupSection {
    top: 35%;
    left: auto;
    width: 90%;
    background: #fff;
    padding: 20px 10px 20px 70px;
    border-radius: 25px;
    position: fixed;
    max-width: 680px;
    margin: 0 auto;
    right: 140px;
    width: 300px;
    min-height: 290px;
  }

  .menuButtonPopup::after {
    left: auto;
    right: -40px;
    border-left: 6px solid transparent;
    border-right: 42px solid transparent;
    border-bottom: 19px solid #fff;
  }

  .tutorialNo5::after {
    top: 8%;
  }

  .tutorialNo6::after {
    top: 25%;
  }

  .tutorialNo7::after {
    top: 43%;
  }

  .tutorialNo8::after {
    top: 66%;
  }

  .tutorialNo9::after {
    top: 87%;
  }
}


@media only screen and (max-width: 395px) {
  a.subsaleLink {
    padding: 4px 9px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 360px) {
  .buttonImage {
    max-width: 70px;
  }

  .cheaper span {
    font-size: 14px;
    line-height: 9px;
    padding: 6px 0 0;
  }

  .cheaper {
    width: 70px;
    line-height: 8px;
    height: 28px;
    padding: 0 0 0 36px;
  }

  a.subsaleLink {
    padding: 4px 7px;
    font-size: 12px;
  }
}



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

.customCoppyLink h3 {
  font-size: 16px;
  display: inline-block;
  width: 100%;
  font-weight: 600;
  padding: 0 10px;
  text-align: left !important;
  margin-bottom: 5px !important;
}

.customCoppyLink label {
  display: inline-flex;
  width: 100%;
  padding: 6px 35px 6px 10px;
  border-radius: 5px;
  background: #f3f3f3;
  text-align: left;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
}

.customCoppyLink label a {
  display: inline-block;
  width: calc(100% - 0px);
  overflow: hidden;
  margin: 0 !important;
  color: #2c1dd9;
}

.customCoppyLink label .copyInputCAU {
  position: absolute;
  top: 9px;
  right: 0;
  z-index: 2;
  border-left: 1px solid #c3c3c3;
  background: #f3f3f3;
  width: 30px;
  height: 16px;
}

.customCoppyLink label span {
  object-fit: contain;
  display: inline-block;
}

.customCoppyLink label span img {
  width: 14px;
  height: 16px !important;
  display: inline-block;
  margin: 0 0 0 5px;
  object-fit: contain;
}


.main-wrapper.commissionPortion {
  padding: 0px;
}

.commissionPoralContent {
  display: inline-block;
  width: 100%;
  border-top: 4px solid #eeb91b;
  padding-top: 9px;
}

.commissionPoralContent h4 {
  display: inline-block;
  width: 100%;
  font-size: 60px;
  font-weight: 600;
  text-align: center;
}

.commissionPoralContent p {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}

.commissionPoralContent .form-control {
  border-radius: 0px;
}

.withPerIcon {
  display: inline-block;
  width: 100%;
  position: relative;
}

.withPerIcon input {
  display: inline-block;
  width: 100%;
  padding-left: 30px !important;
  color: #202020;
}

.withPerIcon span {
  position: absolute;
  top: 9px;
  left: 12px;
  font-weight: 700;
  font-size: 15px;
}

.commExample {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.commExample p {
  font-size: 14px;
  font-weight: 500;
  color: #202020;
  text-align: left;
  margin-bottom: 5px;
  font-style: italic;
}

.exampleDivInfor {
  display: inline-flex;
  width: 100%;
  text-align: center;
  align-items: center;
}

.singleExample {
  display: inline-block;
  width: 100%;
  background: #f1f2f2;
  padding: 15px 10px;
  border-radius: 10px;
}

.singleExample h5 {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
}

.singleExample h2 {
  font-size: 22px;
  font-weight: 800;
  color: #202020;
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

span.spacer {
  display: inline-block;
  font-size: 15px;
  font-weight: 800;
  min-width: 20px;
}

.commissionPoralContent a.blackBtn.customButton {
  width: 100%;
  text-align: center;
  background: #202020;
  color: #fff !important;
  border-radius: 0px;
  font-size: 14px;
  padding: 9px 5px;
}

.withcustomPopupNew {
  position: relative;
}

.commissionPopup {
  position: absolute;
  top: 35px;
  right: 0;
  width: 270px;
  background: #f1f2f2;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3) !important;
  border-radius: 16px;
  padding: 30px 20px 25px 20px;
  z-index: 2;
  display: none;
}

.commissionPopup.open {
  display: inline-block;
}

.commissionPopup a.closePopup {
  position: absolute;
  top: 8px;
  right: 12px;
  width: 15px;
  height: 15px;
  background: #202020;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
}

.commissionPopup h6 {
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 8px;
}

.commissionPopup p {
  font-size: 14px;
}

#confirmModal .modal-content {
  border-radius: 25px;
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

#confirmModal .close {
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 28px;
}

.confirmIconDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.confirmIconDiv img {
  width: 75px;
  height: auto;
}

.confirmContent {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  text-align: center;
}

.confirmContent h3 {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  color: #212221;
  margin: 0 0 15px;
}

.confirmContent h3 span {
  color: #ec008c;
  line-height: 14px !important;
}

.confirmButton {
  display: inline-block;
  width: auto !important;
  padding: 6px 30px;
  border-radius: 0px;
  background: #000000 !important;
  border-color: #EEB91B !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  min-width: 120px;
  margin-bottom: 10px;
}

.company-agent-comm .container {
  max-width: 540px;
}


footer .container {
  max-width: 1140px !important;
}

.user-specialist-welcome-page .mobileHeaderOnly,
.user-specialist-welcome-page .bottomFixedMenu,
.user-specialist-welcome-page footer {
  display: none !important;
}

.scrollingDownNew.layouts-website-project-share.withBottom .bottomFixedMenu.not-shareable {
  display: none !important;
}