:root {
  --black: #101010;
  --light-sea-green: #01868c;
  --dark-cyan: #294549;
  --gainsboro: #e4e5e9;
  --white: white;
  --azure-3: #f1fafb;
  --white-smoke: #f1f1f1;
  --white-3: #fbfbfb;
  --9dc1bd: #9dc1bd;
  --black-3: #222;
  --light-grey: #ccc;
  --black-2: #333;
  --white-smoke-2: #f8f8f8;
  --azure-2: #f1fafb;
  --grey: #888;
  --azure-4: #dff0ee;
  --salmon: #ff7261;
  --powder-blue: #b8dcd0;
  --light-cyan: #cbe9e1;
  --white-2: #f7fdfd;
  --azure: #f3fcfc;
  --dim-grey: #555;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--black);
  letter-spacing: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 130%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 700;
  line-height: 115%;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

p {
  margin-bottom: 0;
  line-height: 156%;
}

a {
  color: var(--light-sea-green);
  font-weight: 400;
  text-decoration: none;
  transition: color .5s;
}

a:hover {
  color: var(--dark-cyan);
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 15px;
}

ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  list-style-type: decimal;
}

li {
  text-align: left;
  margin-bottom: 10px;
  padding-left: 10px;
}

label {
  margin-bottom: 8px;
  font-weight: 700;
  display: block;
}

.all {
  padding-top: 110px;
}

.section-content.txt-regular {
  font-weight: 400;
}

.container {
  max-width: 1440px;
  padding-left: 40px;
  padding-right: 40px;
}

.container.v-1000 {
  max-width: 1000px;
  position: relative;
}

.container.v-faq {
  max-width: 700px;
}

.section-banner {
  overflow: hidden;
}

.section-banner.v-listing {
  z-index: 1;
  border-bottom: 1px solid var(--gainsboro);
  position: relative;
}

.section-banner.v-article-listing {
  z-index: 1;
  border-bottom: 1px solid var(--gainsboro);
  position: relative;
  overflow: visible;
}

.about-banner-b {
  height: 440px;
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-bottom: 5vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-banner-img {
  width: 100%;
  height: 100%;
  background-image: url('../images/about-us-banner.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.about-banner-deco {
  margin-bottom: -2px;
  margin-left: -5vw;
  margin-right: -5vw;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.about-banner-heading-b {
  width: 100%;
  position: relative;
}

.section-div {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
}

.section-div.v-about-intro {
  background-color: var(--white);
  padding-top: 40px;
  padding-bottom: 0;
  overflow: hidden;
}

.section-div.v-about-state {
  background-color: var(--azure-3);
  padding-bottom: 0;
  overflow: hidden;
}

.section-div.v-bottom-0 {
  padding-bottom: 0;
}

.section-div.v-why-compare {
  background-image: url('../images/mask-compare-20230421.png');
  background-position: 50% 110%;
  background-repeat: no-repeat;
  background-size: 300%;
  padding-top: 60px;
  padding-bottom: 0;
}

.section-div.v-why-no-commission {
  background-color: var(--azure-3);
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-div.v-why-happy {
  padding-top: 0;
  padding-bottom: 0;
}

.section-div.v-ad-why {
  background-color: #fbfbfb;
}

.section-div.v-ad-who {
  padding-top: 0;
  padding-bottom: 0;
}

.section-div.v-add-together {
  background-color: var(--azure-3);
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-div.v-guarantee-how {
  background-color: #f4f4f4;
}

.section-div.v-guarantee-not-cover {
  border-bottom: 1px solid var(--white-smoke);
}

.section-div.v-listing {
  background-color: var(--white-3);
  padding-top: 0;
}

.section-div.v-listing.v-review {
  padding-bottom: 0;
}

.section-div.v-listing.v-project {
  background-color: var(--white);
}

.section-div.v-listing.v-pro-listing {
  padding-bottom: 0;
}

.section-div.v-review-listing-how {
  padding-top: 60px;
}

.section-div.v-review-desription {
  border-top: 1px solid var(--gainsboro);
}

.section-div.quote-submitted {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-div.v-detail {
  padding-top: 40px;
}

.section-div.v-detail.v-similar {
  background-color: var(--white-3);
  padding-bottom: 40px;
}

.section-div.dashboard {
  padding-top: 40px;
}

.about-intro-content {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.about-intro-graphic-b {
  max-width: 600px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

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

.section-heading-b {
  text-align: center;
  margin-bottom: 30px;
}

.section-heading-b.v-about-stat {
  text-align: left;
}

.section-heading-b.v-home-testimonial {
  text-align: left;
  font-style: normal;
  position: relative;
}

.section-heading-b.txt-align-left {
  text-align: left;
}

.about-promise-row {
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.about-promise-list {
  margin-bottom: -60px;
  margin-left: auto;
  margin-right: auto;
}

.about-promise-txt-b {
  flex: 1;
}

.content-subheading {
  margin-bottom: 15px;
}

.about-promise-img-b {
  max-width: 280px;
  flex: none;
  margin-left: 60px;
  margin-right: 60px;
}

.relative {
  position: relative;
}

.about-common-bg {
  width: 100%;
  height: 100%;
  background-image: url('../images/about-us-background-mask-right-20230421.png'), url('../images/about-us-background-mask-left-20230421.png');
  background-position: 100%, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 260px, 260px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.about-state-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-stat-l-b {
  max-width: 400px;
  margin-right: 30px;
}

.heading-highlight {
  font-style: italic;
  text-decoration: underline;
}

.about-stat-img-b {
  max-width: 240px;
}

.about-stat-r-b {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -40px;
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 90px;
  display: flex;
}

.about-stat-item {
  width: 50%;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.about-stat-num-txt {
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 700;
  line-height: 100%;
}

.about-journey-b {
  position: relative;
}

.about-journey-line {
  width: 30px;
  background-color: var(--9dc1bd);
  border-radius: 30px 30px 0 0;
  margin-top: 35px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.about-journey-item {
  width: 50%;
  float: right;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.about-journey-box {
  background-color: var(--white);
  border-radius: 10px;
  padding: 30px;
  position: relative;
  box-shadow: 1px 1px 14px rgba(0, 0, 0, .1);
}

.about-journey-item-heading {
  margin-bottom: 10px;
}

.journey-arrow-b {
  width: 20px;
  margin: 30px -20px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.journey-arrow-b.v-right {
  display: none;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: rotate(180deg);
}

.about-journey-dot {
  width: 20px;
  height: 20px;
  background-color: var(--light-sea-green);
  border-radius: 50%;
  margin: 40px -10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.about-journey-dot.v-right {
  display: none;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.about-journey-tip {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: translate(0, 100%);
}

.about-journey-description-b {
  max-width: 750px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.footer-graphic-b {
  background-image: url('../images/common-footer-mask-20230421.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 740px;
  overflow: hidden;
}

.footer-graphic-b.v-why, .footer-graphic-b.v-ad {
  background-color: var(--azure-3);
  background-image: none;
}

.footer-graphic-img-b {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.footer-caring-b {
  background-color: var(--white);
  border-top: 1px solid #e4e5e9;
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer-caring-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-caring-item {
  padding-left: 10px;
  padding-right: 10px;
}

.footer-caring-img {
  width: auto;
  height: 120px;
  max-width: none;
}

.footer-b {
  background-color: var(--black-3);
  color: var(--light-grey);
  font-weight: 400;
}

.footer-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link-list {
  width: 100%;
  border-bottom: 1px solid var(--black-2);
  flex-wrap: wrap;
  order: -1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.footer-contact-b {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 0;
  display: flex;
}

.footer-link-item {
  margin-right: 35px;
}

.footer-link {
  color: var(--light-grey);
  font-size: 14px;
  line-height: 120%;
}

.footer-link:hover {
  color: var(--white);
}

.footer-logo-b {
  width: 245px;
}

.footer-contact-r-b {
  width: 300px;
}

.footer-subscribe-b {
  text-align: center;
}

.font-13 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 120%;
}

.form-b {
  margin-bottom: 0;
}

.footer-subscribe-field {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.subscribe-txt-field {
  height: auto;
  color: var(--black);
  border: 1px solid rgba(0, 0, 0, .1);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 0;
  padding: 5px 15px;
  font-size: 16px;
}

.subscribe-txt-field::-ms-input-placeholder {
  color: rgba(16, 16, 16, .3);
}

.subscribe-txt-field::placeholder {
  color: rgba(16, 16, 16, .3);
}

.btn-subscribe {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #555;
  border: 1px solid rgba(0, 0, 0, .1);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 12px 15px;
  font-size: 11px;
  font-weight: 500;
  line-height: 120%;
  transition: background-color .5s;
}

.btn-subscribe:hover {
  background-color: var(--black-2);
}

.subscribe-error-b {
  background-color: var(--black);
  border-radius: 4px;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 120%;
}

.subscribe-submitted-b {
  background-color: var(--black);
  color: var(--light-sea-green);
  border-radius: 4px;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 120%;
}

.footer-social-b {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.footer-social-item {
  margin-left: 15px;
}

.footer-social-link {
  width: 20px;
  display: block;
}

.footer-copyright {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 130%;
  display: flex;
}

.copyright-txt {
  margin-right: 3px;
}

.footer-terms-link {
  color: var(--light-grey);
}

.footer-terms-link:hover {
  color: var(--white);
}

.common-perks-bar {
  background-color: var(--light-sea-green);
  color: var(--white);
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  transition: background-color .5s, color .5s;
  display: block;
}

.common-perks-bar:hover {
  background-color: var(--dark-cyan);
  color: var(--white);
}

.common-perk-wrap {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.common-perk-item {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.common-perk-icon {
  width: 20px;
  flex: none;
  margin-right: 5px;
}

.perk-bold {
  margin-right: 5px;
  font-weight: 500;
}

.perk-get-more {
  order: 1;
  margin-left: 5px;
  font-weight: 500;
  text-decoration: underline;
}

.perks-points {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header {
  z-index: 1500;
  width: 100vw;
  background-color: var(--white);
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.header-top-b {
  background-color: var(--black-3);
  color: var(--white);
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  position: relative;
}

.header-top-b.v-mobile {
  display: none;
}

.header-top-wrap {
  height: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-brand {
  width: 200px;
  float: none;
  flex: none;
  transition: opacity .5s, color .5s;
  display: block;
}

.header-brand:hover {
  opacity: .7;
}

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

.nav-menu {
  flex: 1;
}

.lang-dropdown-toggle {
  height: 40px;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown-arrow-b {
  width: 10px;
  margin-left: 8px;
}

.lang-dropdown-list {
  display: none;
  overflow: hidden;
}

.lang-dropdown-list.w--open {
  background-color: var(--white);
  border-radius: 4px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}

.lang-dropdown-wrap {
  position: relative;
  overflow: hidden;
}

.lang-dropdown-link {
  color: var(--black);
  padding: 10px 15px;
  font-weight: 500;
  transition: background-color .5s, color .5s;
}

.lang-dropdown-link:hover {
  color: var(--black);
  background-color: rgba(16, 16, 16, .06);
}

.dropdown-tip {
  width: 8px;
  margin-top: -5px;
  margin-left: 30px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.header-top-link-list {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-top-link-item {
  margin-left: 30px;
}

.header-top-link {
  color: var(--white);
}

.header-top-link:hover {
  color: var(--light-sea-green);
}

.nav-menu-wrap {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu-item {
  margin-left: 2vw;
}

.nav-link {
  height: 70px;
  color: var(--black);
  text-transform: uppercase;
  align-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  transition: color .5s;
  display: flex;
  position: relative;
}

.nav-link:hover {
  color: var(--light-sea-green);
}

.nav-link-txt {
  letter-spacing: 1px;
}

.nav-link-line {
  width: 100%;
  height: 2px;
  background-color: var(--light-sea-green);
  opacity: 0;
  margin-bottom: -1px;
  transition: opacity .5s;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.nav-dropdown-list {
  background-color: var(--white);
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}

.nav-dropdown-list.w--open {
  margin-top: 1px;
  margin-left: -20px;
  overflow: hidden;
}

.nav-dropdown-list.v-brands.w--open {
  font-weight: 700;
}

.nav-dropdown-list-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.nav-dropdown-link {
  color: var(--black);
}

.nav-dropdown-link:hover, .nav-dropdown-link.w--current {
  color: var(--light-sea-green);
}

.btn-common {
  background-color: var(--light-sea-green);
  color: var(--white);
  text-align: center;
  border-radius: 4px;
  padding: 13px 20px;
  font-weight: 500;
  transition: background-color .5s, color .5s;
  display: inline-block;
}

.btn-common:hover {
  background-color: var(--dark-cyan);
  color: var(--white);
}

.btn-common.v-header {
  white-space: nowrap;
}

.btn-common.v-line {
  border: 1px solid var(--light-sea-green);
  color: var(--light-sea-green);
  background-color: rgba(0, 0, 0, 0);
  padding-top: 10px;
  padding-bottom: 10px;
  transition-property: border-color, color;
}

.btn-common.v-line:hover {
  border-color: var(--dark-cyan);
  color: var(--dark-cyan);
  background-color: rgba(0, 0, 0, 0);
}

.btn-common.v-viewmore {
  width: 180px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--black);
  padding-top: 10px;
  padding-bottom: 10px;
  transition: background-color .5s, border-color .5s, color .5s;
}

.btn-common.v-viewmore:hover {
  border-color: var(--light-grey);
  background-color: var(--white-smoke-2);
  color: var(--black);
}

.btn-common.v-next {
  width: 120px;
}

.btn-common.v-next.v-back {
  border: 1px solid var(--light-grey);
  background-color: var(--white-smoke);
  color: var(--black);
}

.btn-common.v-next.v-back:hover {
  background-color: #ececec;
}

.btn-common.v-full {
  width: 100%;
  display: block;
}

.btn-common.v-filtersort {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--black);
  padding-top: 10px;
  padding-bottom: 10px;
  transition: background-color .5s, border-color .5s, color .5s;
  display: none;
}

.btn-common.v-filtersort:hover {
  border-color: var(--light-grey);
  background-color: var(--white-smoke-2);
  color: var(--black);
}

.btn-common.v-project-detail {
  width: 100%;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--light-sea-green);
  margin-top: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: background-color .5s, border-color .5s, color .5s;
  display: block;
}

.btn-common.v-project-detail:hover {
  border-color: var(--light-grey);
  background-color: var(--white-smoke-2);
}

.btn-common.v-pro-listing {
  padding-left: 40px;
  padding-right: 40px;
}

.btn-common.v-pro-listing.popup-link {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-arrow-b {
  width: 10px;
  margin-left: 8px;
  display: none;
}

.header-bg {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid var(--white-smoke);
  background-color: var(--white);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.mobile-menu-mask {
  display: none;
}

.share-b {
  z-index: 1000;
  background-color: var(--white-smoke-2);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: 200px;
  padding: 10px;
  position: fixed;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.share-wrap {
  margin-bottom: -15px;
}

.share-item {
  margin-bottom: 15px;
}

.share-link {
  width: 25px;
  display: block;
}

.home-banner-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.home-banner-txt-b {
  width: 50%;
  order: -1;
  padding-right: 60px;
}

.home-banner-heading-b {
  margin-bottom: 20px;
}

.home-banner-btn-b {
  margin-top: 30px;
}

.home-banner-txt {
  font-size: 20px;
  line-height: 130%;
}

.home-banner-graphic-b {
  max-width: 390px;
}

.home-banner-graphic-b.v-mobile {
  display: none;
}

.home-banner-slider-b {
  width: 50%;
  margin-bottom: 10%;
  position: relative;
}

.home-banner-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50px 20px;
  position: relative;
  overflow: hidden;
}

.hide {
  display: none;
}

.home-banner-slider-nav {
  height: auto;
  margin-bottom: 15px;
  padding-top: 0;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-banner-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.7%;
}

.home-banner-img.banner-1 {
  background-image: url('../images/homepage-hero-home-hk-1.jpeg');
}

.home-banner-img.banner-2 {
  background-image: url('../images/homepage-hero-home-hk-2.jpeg');
}

.home-banner-img.banner-3 {
  background-image: url('../images/homepage-hero-home-hk-3.jpeg');
}

.home-banner-rec {
  width: 100%;
  background-color: var(--azure-2);
  opacity: 1;
  border-radius: 50px;
  padding-top: 100%;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%)rotate(-5deg);
}

.home-banner-rec.v-2 {
  opacity: .5;
  margin-top: 5%;
  margin-left: 11%;
  transform: translate(0, -50%)rotate(8deg);
}

.home-kickstart-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.home-kickstart-item {
  width: 33.3%;
  padding-left: 15px;
  padding-right: 15px;
}

.home-kickstart-link {
  height: 100%;
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border-radius: 8px;
  padding: 30px;
  transition: box-shadow .5s, color .5s;
  display: block;
  box-shadow: 1px 1px 14px rgba(0, 0, 0, .08);
}

.home-kickstart-link:hover {
  color: var(--light-sea-green);
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.home-kickstart-icon-b {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}

.home-kickstart-title {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.home-kickstart-btn {
  color: var(--light-sea-green);
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
  display: flex;
}

.home-kickstart-arrow {
  width: 5px;
  margin-left: 8px;
}

.home-kickstart-help {
  max-width: 600px;
  text-align: center;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.common-btn-arrow {
  font-weight: 500;
}

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

.home-kickstart-help-txt {
  margin-top: 15px;
  margin-bottom: 15px;
}

.home-kickstart-help-heading {
  font-family: Playfair Display, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 130%;
}

.txt-align-center {
  text-align: center;
}

.home-homeowner-b {
  max-width: 600px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

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

.home-homeowner-bg {
  width: 250px;
  height: 250px;
  background-color: var(--azure-3);
  border-radius: 30px;
  margin-top: 55px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: rotate(5deg)translate(-50%, -50%);
}

.home-brand-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: -30px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.home-brand-item {
  width: 25%;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.home-brand-link {
  max-width: 90px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.home-testimonial-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.home-testimonial-l-b {
  width: 55%;
  position: relative;
}

.home-testimonial-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.home-testimonial-nav {
  height: auto;
  text-align: left;
  margin-top: 30px;
  padding-top: 0;
  position: relative;
}

.home-testimonial-content-txt {
  font-size: 18px;
  font-style: italic;
  line-height: 150%;
}

.home-testimonial-author {
  margin-top: 15px;
  font-weight: 700;
}

.home-testimonial-r-b {
  flex: 1;
  padding-left: 60px;
}

.home-testimonial-bg {
  width: 100%;
  background-color: var(--azure-3);
  border-radius: 60px;
  margin-left: -10%;
  padding-top: 100%;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: rotate(5deg)translate(-50%, -50%);
}

.common-page-end-description {
  color: var(--grey);
  font-size: 13px;
}

.common-page-end-subtitle {
  letter-spacing: 1px;
  font-weight: 500;
}

.home-ideas-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.home-idea-item {
  width: 33.3%;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.home-idea-link {
  height: 100%;
  background-color: var(--white);
  color: var(--black);
  border: 1px solid #e4e5ea;
  border-radius: 8px;
  transition: box-shadow .5s, color .5s;
  display: block;
  overflow: hidden;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
}

.home-idea-link:hover {
  color: var(--light-sea-green);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.home-idea-img-b {
  overflow: hidden;
}

.home-idea-content-b {
  text-align: center;
  padding: 30px;
}

.home-idea-title {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.home-idea-creator {
  margin-top: 10px;
  font-size: 14px;
  line-height: 130%;
}

.why-us-logo {
  max-width: 250px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.why-us-logo.v-small {
  max-width: 170px;
  margin-bottom: 0;
}

.why-us-intro {
  max-width: 700px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.why-compare-b {
  justify-content: center;
  align-items: flex-end;
  margin-top: 40px;
  display: flex;
}

.why-compare-graphic {
  z-index: 1;
  width: 120px;
  flex: none;
  position: relative;
}

.why-compare-graphic.v-lady {
  order: -1;
}

.why-compare-content-b {
  width: 100%;
  max-width: 700px;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  position: relative;
}

.why-box-bg {
  width: 72%;
  height: 100%;
  background-color: var(--azure-4);
  border-radius: 10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  box-shadow: 1px 1px 14px rgba(0, 0, 0, .08);
}

.why-box-bg.v-grey {
  width: 35%;
  background-color: var(--white-smoke-2);
  box-shadow: none;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.why-compare-list {
  margin-top: -15px;
  margin-bottom: -15px;
  padding-top: 15px;
  padding-bottom: 30px;
}

.why-compare-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.why-compare-row.v-top {
  align-items: flex-start;
}

.why-compare-wrap {
  width: 100%;
  position: relative;
}

.why-compare-col {
  width: 72%;
  padding-left: 30px;
  padding-right: 30px;
}

.why-compare-col.col-r {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.why-compare-col.v-top {
  padding-top: 30px;
}

.why-compare-grey-title {
  color: var(--grey);
  text-align: center;
  font-weight: 700;
}

.why-compare-good {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.why-compare-icon-b {
  width: 35px;
  flex: none;
}

.why-compare-icon-b.v-exclude {
  margin-left: auto;
  margin-right: auto;
}

.why-compare-good-txt {
  flex: 1;
  margin-right: 10px;
}

.why-compare-good-txt.v-small {
  font-size: 13px;
  line-height: 130%;
}

.mobile-only {
  display: none;
}

.mobile-hide {
  display: block;
}

.scroll-read-more-b {
  text-align: center;
  margin-top: 40px;
}

.scroll-arrow-b {
  width: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.why-perks-list {
  border: 1px solid var(--gainsboro);
  border-radius: 8px;
  margin-bottom: 40px;
}

.why-perk-row {
  border-bottom: 1px solid var(--gainsboro);
}

.why-perk-click {
  color: var(--black);
  display: block;
}

.why-perk-click:hover {
  color: var(--light-sea-green);
}

.why-perk-expand.ec-content {
  overflow: hidden;
}

.why-perk-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.why-perk-wrap.v-expand {
  padding-top: 0;
}

.why-perk-icon {
  width: 53px;
  flex: none;
  margin-right: 30px;
}

.why-perk-txt-b {
  flex: 1;
}

.why-perk-title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 129%;
}

.ec-arrow {
  width: 14px;
  flex: none;
  align-self: center;
  margin-left: 20px;
}

.why-reliable-content {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.why-reliable-graphic {
  max-width: 240px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.why-how-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
  margin-left: -10%;
  margin-right: -10%;
  display: flex;
}

.why-how-item {
  width: 50%;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.why-how-img-b {
  width: 110px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.why-happy-content {
  background-color: var(--azure-3);
  padding-bottom: 90px;
}

.why-happy-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.why-happy-item {
  width: 33.3%;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.about-banner-roof {
  background-image: url('../images/about-us-house-roof-white2x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 5.14%;
}

.why-happy-box {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
}

.why-happy-img-b {
  flex: none;
  position: relative;
}

.why-happy-item-content {
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
  display: flex;
  position: relative;
}

.why-happy-txt-quote {
  font-style: italic;
}

.why-happy-author-b {
  margin-top: 40px;
}

.why-happy-txt-name {
  font-family: Playfair Display, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

.why-happy-txt-location {
  color: var(--grey);
  margin-top: 5px;
  font-size: 14px;
  line-height: 130%;
}

.why-happy-icon {
  width: 35px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 50%;
  right: auto;
  transform: translate(-50%, 50%);
}

.why-footer-graphic-img-b {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}

.faq-heading-b {
  text-align: center;
  margin-bottom: 40px;
}

.faq-list {
  border-top: 1px solid #f4f4f4;
  margin-bottom: 40px;
}

.faq-row {
  border-bottom: 1px solid #f4f4f4;
}

.faq-click {
  color: var(--black);
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  display: block;
}

.faq-click:hover {
  color: var(--light-sea-green);
}

.faq-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-ec-icon {
  width: 26px;
  flex: none;
  margin-right: 15px;
}

.faq-expand {
  overflow: hidden;
}

.faq-expand-wrap {
  padding-bottom: 15px;
  padding-left: 41px;
}

.faq-click-title {
  flex: 1;
}

.list {
  margin-bottom: -14px;
}

.terms-row {
  border: 1px solid var(--light-grey);
  border-radius: 4px;
  margin-bottom: 5px;
  overflow: hidden;
}

.terms-click {
  background-color: var(--white-smoke-2);
  color: var(--black);
  font-size: 20px;
  font-weight: 300;
  transition: background-color .5s, color .5s;
  display: block;
}

.terms-click:hover {
  color: var(--light-sea-green);
  background-color: #f3f3f3;
}

.terms-padding {
  padding: 15px;
}

.terms-padding.v-top {
  padding-top: 10px;
  padding-bottom: 10px;
}

.terms-expand-b {
  font-weight: 400;
  overflow: hidden;
}

.terms-expand-wrap {
  border-top: 1px solid var(--light-grey);
}

.ol-alphabet {
  list-style-type: lower-alpha;
}

.privacy-gp {
  margin-bottom: 40px;
}

.privacy-title-b {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  font-weight: 700;
  display: flex;
}

.privacy-title-num {
  margin-right: 10px;
}

.privacy-title-name {
  flex: 1;
}

.privacy-list {
  margin-bottom: -40px;
}

.advertise-banner-b {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
}

.advertise-banner-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.advertise-banner-l-b {
  flex: 1;
}

.advertise-banner-r-b {
  width: 340px;
  margin-left: 80px;
}

.advertise-banner-txt {
  font-size: 20px;
  line-height: 130%;
}

.advertise-banner-heading {
  margin-bottom: 20px;
}

.advertise-banner-btn-b {
  margin-top: 30px;
}

.wave-1-b {
  margin-top: -2px;
  margin-bottom: -2px;
  position: relative;
  overflow: hidden;
}

.wave-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 6.1%;
}

.wave-img.wave-1 {
  background-image: url('../images/ad-wave-12x.png');
}

.wave-img.wave-2 {
  background-image: url('../images/ad-wave-22x.png');
}

.wave-img.wave-3 {
  background-image: url('../images/ad-20230421-wave2x.png');
}

.wave-img.review-wave {
  background-image: url('../images/review-wave2x.png');
}

.advertise-circle {
  width: 100%;
  background-color: var(--azure-3);
  border-radius: 50%;
  padding-top: 100%;
}

.advertise-deco {
  width: 350px;
  margin-top: -40px;
  margin-left: -206px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.advertise-deco.deco-2 {
  width: 110px;
  margin-top: 280px;
  margin-left: 80px;
}

.advertise-deco.deco-3 {
  width: 262px;
  margin-top: 140px;
  margin-left: 0;
  margin-right: -150px;
  display: none;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.advertise-deco.deco-4 {
  width: 83px;
  margin-top: 80px;
  margin-left: 0;
  margin-right: 90px;
  display: none;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.ad-why-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 130%;
  display: flex;
}

.ad-why-img-b {
  width: 280px;
  flex: none;
  margin-left: 60px;
  margin-right: 60px;
}

.ad-why-content-b {
  flex: 1;
}

.ad-who-content {
  margin-top: 60px;
  margin-bottom: 60px;
}

.ad-who-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.ad-who-item {
  width: 25%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.ad-who-img {
  max-width: 140px;
  margin-left: auto;
  margin-right: auto;
}

.ad-who-stat-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: 60px -10px -30px;
  display: flex;
}

.ad-stat-item {
  width: 50%;
  text-align: center;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
}

.ad-together-content {
  max-width: 650px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}

.free-quote-intro-b {
  border-bottom: 2px solid var(--light-sea-green);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: flex;
}

.free-quote-heading-b {
  max-width: 300px;
  flex: none;
}

.free-quote-intro-txt {
  margin-left: 60px;
}

.free-quote-row {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.free-quote-col {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.free-quote-col-title {
  border-bottom: 1px solid var(--light-grey);
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

.form-row {
  margin-bottom: 30px;
}

.form-field {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.form-field.v-50 {
  width: 50%;
  margin-bottom: 20px;
}

.form-field.v-30 {
  width: 30%;
}

.form-field.v-70 {
  width: 70%;
}

.form-field.v-20 {
  width: 20%;
}

.form-field-message {
  margin-bottom: 10px;
}

.form-txtfield {
  height: auto;
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  margin-bottom: 0;
  padding: 8px 15px;
  font-size: 16px;
  line-height: 130%;
  transition: border-color .5s;
}

.form-txtfield:focus {
  border-color: var(--light-sea-green);
}

.form-txtfield::-ms-input-placeholder {
  color: var(--black);
}

.form-txtfield::placeholder {
  color: var(--black);
}

.form-txtfield.with-unit {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-txtfield.with-unit.v-right {
  border-radius: 5px 0 0 5px;
}

.form-txtfield.v-search {
  background-image: url('../images/icon-search2x_1icon-search@2x.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-right: 45px;
}

.form-txtfield.v-search-listing {
  background-image: url('../images/icon-search2x_1icon-search@2x.png');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 40px;
  padding-right: 35px;
}

.form-dropdown {
  height: auto;
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  background-image: url('../images/form-dropdown-arrow2x_1form-dropdown-arrow@2x.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  margin-bottom: 0;
  padding: 8px 15px 8px 12px;
  font-size: 16px;
  line-height: 130%;
  transition: border-color .5s;
}

.form-dropdown:focus {
  border-color: var(--light-sea-green);
}

.form-dropdown.period-month {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-dropdown.period-year {
  border-left-style: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-field-with-unit {
  border-radius: 5px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.form-unit-b {
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: var(--light-grey);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.form-unit-b.v-right {
  border-left-style: none;
  border-right-style: solid;
  border-radius: 0 5px 5px 0;
}

.form-period {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.free-quote-label-note {
  color: var(--grey);
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
}

.radio-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.radio-item {
  padding-left: 20px;
  padding-right: 20px;
}

.form-radio-btn-field {
  cursor: pointer;
  margin-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 300;
  transition: color .5s;
}

.form-radio-btn-field:hover {
  color: var(--light-sea-green);
}

.radio-content-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radio-circle-b {
  width: 15px;
  height: 15px;
  border: 1px solid var(--light-sea-green);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.radio-on {
  width: 8px;
  height: 8px;
  background-color: var(--light-sea-green);
  opacity: 0;
  border-radius: 50%;
  flex: none;
  transition: all .5s;
  transform: scale(0);
}

.radio-txt {
  margin-left: 10px;
}

.radio-icon-txt {
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.radio-icon-b {
  width: 15px;
  margin-right: -5px;
}

.form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.form-wrap.v-center {
  align-items: center;
}

.form-field-note {
  margin-top: 10px;
  font-size: 14px;
  line-height: 130%;
}

.form-textarea {
  width: 100%;
  max-width: 100%;
  min-height: 100px;
  min-width: 100%;
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  margin-bottom: 0;
  padding: 8px 15px;
  font-size: 16px;
  line-height: 130%;
  transition: border-color .5s;
}

.form-textarea:focus {
  border-color: var(--light-sea-green);
}

.form-textarea::-ms-input-placeholder {
  color: var(--grey);
}

.form-textarea::placeholder {
  color: var(--grey);
}

.form-textarea.v-review {
  min-height: 250px;
}

.upload-row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.upload-remove {
  color: #ff7261;
  margin-left: 10px;
}

.upload-remove:hover {
  color: #e0503f;
}

.form-checkbox-field {
  margin-bottom: 10px;
  padding-left: 0;
  font-weight: 300;
}

.form-checkbox-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.checkbox-box {
  width: 15px;
  border: 1px solid var(--light-sea-green);
  background-color: var(--white);
  border-radius: 5px;
  flex: none;
  transition: background-color .5s;
}

.checkbox-tick {
  width: 100%;
  opacity: 0;
  background-image: url('../images/form-checkbox-tick2x_1form-checkbox-tick@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100%;
  transition: all .5s;
  transform: scale(0);
}

.checkbox-txt {
  margin-top: -2px;
  margin-left: 10px;
}

.property-type-radio-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -15px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.property-type-item {
  width: 25%;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.property-type-radio-field {
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
  padding-left: 0;
  font-weight: 300;
}

.property-type-radio-content {
  transition: color .5s;
}

.property-type-img-b {
  width: 45px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.property-type-img {
  position: relative;
}

.property-type-img-active {
  width: 100%;
  opacity: 0;
  transition: all .5s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.property-type-tick {
  width: 24px;
  opacity: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  transition: all .5s;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.form-success-message {
  background-color: var(--9dc1bd);
  text-align: center;
  border-radius: 5px;
  padding: 20px;
}

.form-error-b {
  text-align: center;
  background-color: #fff2f0;
  border-radius: 5px;
  margin-top: 30px;
  padding: 10px;
}

.guarantee-intro-b {
  max-width: 600px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.quarantee-intro-separator {
  width: 200px;
  height: 3px;
  background-color: var(--black);
  margin: 30px auto;
}

.guarantee-how-point-b {
  max-width: 700px;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.guarantee-how-item {
  width: 33.3%;
  text-align: center;
}

.guarantee-icon-b {
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.guarantee-connect-b {
  justify-content: center;
  align-items: center;
  display: flex;
}

.guarantee-connect-line {
  width: 100%;
  height: 3px;
  background-color: var(--light-sea-green);
}

.guarantee-connect-line.v-no {
  opacity: 0;
}

.guarantee-connect-dot {
  width: 20px;
  height: 20px;
  background-color: var(--light-sea-green);
  border-radius: 50%;
  flex: none;
}

.guarantee-how-txt-b {
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.guarantee-how-title {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 400;
}

.guarantee-ec-click {
  color: var(--light-sea-green);
  font-weight: 700;
  display: inline-block;
}

.guarantee-ec-click:hover {
  color: var(--dark-cyan);
}

.guarantee-ec-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.guarantee-expand-gp {
  text-align: center;
  margin-top: 30px;
}

.guarantee-expand-b {
  overflow: hidden;
}

.guarantee-expand-wrap {
  padding-top: 20px;
}

.guarantee-criteria-title {
  margin-bottom: 40px;
  font-family: Playfair Display, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.guarantee-criteria-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 40px;
  display: flex;
}

.guarantee-criteria-item {
  width: 33.3%;
  border-right: 1px solid var(--light-grey);
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.g-criteria-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.g-criteria-line {
  width: 100px;
  height: 3px;
  background-color: var(--black);
  margin: 15px auto;
}

.g-question-b {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -40px;
  margin-left: -40px;
  margin-right: -40px;
  display: flex;
}

.g-question-col {
  width: 50%;
  padding-left: 40px;
  padding-right: 40px;
}

.question-item {
  margin-bottom: 40px;
}

.review-new-hero {
  width: 340px;
  margin-right: 80px;
}

.review-new-banner-txt-b {
  text-align: center;
  flex: 1;
}

.review-banner-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.review-new-banner-heading {
  margin-bottom: 20px;
}

.link-small {
  font-size: 14px;
  line-height: 130%;
}

.review-new-banner-btn-b {
  margin-top: 30px;
  margin-bottom: 30px;
}

.review-how-content-b {
  background-color: var(--azure-3);
  padding-top: 60px;
  padding-bottom: 90px;
}

.review-new-how-b {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.review-how-point-b {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.review-how-item {
  width: 33.3%;
  padding-left: 10px;
  padding-right: 10px;
}

.review-verify-icon {
  width: 35px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.review-new-banner-b {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
}

.field-label-with-limit {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.field-label-limit {
  color: var(--grey);
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 130%;
}

.form-tips-b {
  text-align: right;
  margin-top: 20px;
  font-size: 14px;
}

.form-tips-content-b {
  background-color: var(--white-smoke-2);
  color: var(--grey);
  text-align: left;
  border-radius: 5px;
  margin-top: 15px;
  padding: 20px;
  position: relative;
}

.form-tip-title {
  margin-bottom: 10px;
  font-weight: 400;
}

.form-tip-list-item {
  margin-bottom: 5px;
}

.btn-form-tip-close {
  width: 30px;
  height: 30px;
  background-image: url('../images/64d9cf9de789b5ab2bee12d6_form-tip-close-2x_164d9cf9de789b5ab2bee12d6_form-tip-close-2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.review-upload-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.review-upload-item {
  width: 140px;
  border-radius: 5px;
  margin-right: 20px;
  overflow: hidden;
}

.reviw-upload-remove {
  width: 20px;
  height: 20px;
  background-color: var(--salmon);
  background-image: url('../images/icon-close-dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 50%;
  margin-top: 5px;
  margin-right: 5px;
  transition: background-color .5s, color .5s;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.reviw-upload-remove:hover {
  background-color: #fa5844;
}

.review-btn-upload {
  width: 140px;
  height: 140px;
  border: 1px dashed var(--light-grey);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-add {
  width: 30px;
  height: 30px;
  background-image: url('../images/icon-add2x_1icon-add@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.form-rate-gp {
  justify-content: flex-start;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.form-rate-item {
  padding-left: 5px;
  padding-right: 5px;
}

.rate-star {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-image: url('../images/rate-star2x_1rate-star@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.rate-star.v-on {
  background-image: url('../images/rate-star-on-primary2x_1rate-star-on-primary@2x.png');
}

.form-btn-gp {
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

.breadcrumb-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 131%;
  display: flex;
}

.breadcrumb-link {
  color: var(--black);
  font-weight: 300;
}

.breadcrumb-link:hover {
  color: var(--light-sea-green);
}

.breadcrumb-arrow {
  width: 8px;
  height: 8px;
  background-image: url('../images/breadcrumb-arrow2x_1breadcrumb-arrow@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
  margin-right: 5px;
}

.listing-banner-b {
  padding-bottom: 20px;
}

.listing-heading-b {
  margin-bottom: 20px;
}

.listing-heading-col {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.listing-heading-row {
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.listing-search {
  max-width: 400px;
  margin-bottom: 0;
  margin-left: auto;
  position: relative;
}

.listing-search.v-listing {
  position: relative;
}

.listing-search.v-article {
  margin-left: 20px;
}

.review-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 60px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.review-list-marker {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 131%;
  display: flex;
}

.review-count {
  font-weight: 400;
}

.review-marker-dot {
  width: 3px;
  height: 3px;
  background-color: var(--black);
  border-radius: 50%;
  margin-left: 5px;
  margin-right: 5px;
}

.review-marker-verified {
  background-image: url('../images/icon-verified-review-primary.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-left: 20px;
}

.review-item-b {
  width: 33.3%;
  min-width: 300px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.review-item-box {
  border: 1px solid var(--white-smoke);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 5px;
  padding: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  transition: box-shadow .5s, color .5s;
  display: block;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0);
}

.review-item-box:hover {
  color: var(--light-sea-green);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.review-item-box.v-new {
  cursor: auto;
  font-size: 16px;
  line-height: 130%;
}

.review-item-box.v-new:hover {
  box-shadow: none;
  color: var(--black);
}

.review-item-project {
  margin-bottom: 15px;
}

.review-item-main-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.review-item-author-b {
  width: 50px;
  height: 50px;
  background-color: var(--light-grey);
  color: var(--grey);
  text-align: center;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

.review-item-main-r-b {
  flex: 1;
  margin-left: 10px;
}

.review-item-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

.review-item-rating {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.review-item-stars {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.review-item-star {
  width: 15px;
  height: 15px;
  background-image: url('../images/rate-star-bg-primary2x_1rate-star-bg-primary@2x.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-right: 2px;
  position: relative;
}

.review-rating-star-data {
  width: 100%;
  height: 100%;
  background-image: url('../images/rate-star-on-primary2x_1rate-star-on-primary@2x.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.review-rating-star-data.v-50 {
  width: 50%;
}

.review-rating-verify {
  color: var(--light-sea-green);
  background-image: url('../images/icon-verified-review-primary.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 130%;
}

.review-item-info {
  color: var(--grey);
  margin-top: 10px;
}

.review-item-info.v-detail {
  font-size: 13px;
  line-height: 130%;
}

.review-item-description {
  height: 50.7px;
  margin-top: 10px;
  overflow: hidden;
}

.review-item-description.v-detail {
  height: auto;
}

.review-item-readmore {
  color: var(--light-sea-green);
  margin-top: 10px;
  font-size: 16px;
  line-height: 130%;
}

.review-item-img-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.review-item-img-item {
  padding-left: 5px;
  padding-right: 5px;
}

.review-item-lightbox {
  width: 50px;
  display: block;
}

.review-item-img {
  width: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
}

.review-item-img.img-1 {
  background-image: url('../images/homepage-hero-home-hk-1.jpeg');
}

.review-item-img.img-2 {
  background-image: url('../images/homepage-hero-home-hk-2.jpeg');
}

.review-item-img.img-3 {
  background-image: url('../images/homepage-hero-home-hk-3.jpeg');
}

.review-item-img.img-4 {
  background-image: url('../images/home-browse-1.jpeg');
}

.popup-b {
  z-index: 1600;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background-color: rgba(0, 0, 0, .4);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: auto;
}

.popup-b.popup-scroll.edit {
  opacity: 1;
  display: block;
}

.popup-wrap {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 60px 40px;
  display: none;
  position: relative;
}

.pop-review-detail {
  width: 100%;
  max-width: 600px;
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  display: none;
  position: relative;
}

.popup-common-box {
  max-height: 85vh;
  background-color: var(--white);
  border-radius: 10px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  overflow: auto;
}

.btn-pop-close {
  width: 20px;
  height: 20px;
  background-image: url('../images/popup-close2x_1popup-close@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition-property: all;
}

.btn-pop-close:hover {
  transform: rotate(90deg);
}

.popup-close-b {
  z-index: 10;
  text-align: right;
  margin-right: -30px;
  padding-top: 12px;
  padding-bottom: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.popup-mask-click {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.btn-paging-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn-paging-wrap.project-programme {
  color: var(--light-sea-green);
  color: #01868c;
  font-weight: 400;
}

.icon-paging-arrow {
  width: 7px;
  height: 7px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  margin-left: 5px;
  margin-right: 5px;
}

.icon-paging-arrow.v-next {
  background-image: url('../images/paging-arrow-next-primary2x_1paging-arrow-next-primary@2x.png');
  margin-right: 0;
}

.review-listing-new-graphic {
  width: 70px;
  margin-bottom: 5px;
}

.review-detail-new-title {
  font-family: Playfair Display, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.review-detail-new-message {
  margin-top: 10px;
  margin-bottom: 10px;
}

.review-more-b {
  text-align: center;
  margin-top: -30px;
  margin-bottom: 60px;
}

.listing-filter-and-sort-b {
  z-index: 10;
  border-bottom: 1px solid var(--gainsboro);
  background-color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 110px;
}

.filter-sort-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-sort-l {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filter-dropdown-toggle {
  border: 1px solid var(--gainsboro);
  text-align: center;
  border-radius: 5px;
  padding: 8px 10px;
  font-weight: 400;
  transition: border-color .5s, background-color .5s;
}

.filter-dropdown-toggle:hover {
  background-color: var(--white-smoke);
}

.filter-dropdown-toggle.w--open {
  border-color: var(--grey);
}

.filter-dropdown-list {
  display: none;
}

.filter-dropdown-list.w--open {
  width: 460px;
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.filter-dropdown-wrap {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--gainsboro);
  background-color: var(--white);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 11px;
  padding: 20px;
}

.filter-dropdown-list-title {
  margin-bottom: 15px;
  font-weight: 400;
}

.filter-dropdown-list-title.v-nomargin {
  margin-bottom: 0;
}

.filter-item-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.filter-item {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.filter-item-link {
  border: 1px solid var(--gainsboro);
  color: var(--black);
  text-align: center;
  border-radius: 5px;
  padding: 8px 10px;
  font-weight: 300;
  transition: all .5s;
  display: block;
}

.filter-item-link:hover {
  background-color: var(--white-smoke-2);
  color: var(--black);
}

.filter-item-link.v-current {
  border-color: var(--light-sea-green);
  background-color: var(--azure-2);
  color: var(--light-sea-green);
}

.filter-mask {
  z-index: 8;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(16, 16, 16, .5);
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.filter-dropdown-item {
  margin-right: 10px;
}

.dropdown-sorting.v-article-listing {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.dropdown-sorting.v-detail {
  margin-left: 0;
  margin-right: 0;
}

.dropdown-sorting-toggle {
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0;
  font-weight: 400;
  display: flex;
}

.dropdown-sorting-toggle.v-article-listing {
  border: 1px solid var(--light-grey);
  border-radius: 5px;
  justify-content: space-between;
  padding: 8px 10px;
  transition: background-color .5s;
}

.dropdown-sorting-toggle.v-article-listing:hover {
  border-color: var(--white-smoke);
  background-color: var(--white-smoke);
}

.dropdown-sort-list {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-radius: 5px;
}

.dropdown-sort-list.w--open {
  overflow: hidden;
  box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

.dropdown-sort-link {
  color: var(--black);
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 300;
  line-height: 130%;
  transition-property: background-color;
}

.dropdown-sort-link:hover {
  background-color: var(--white-smoke-2);
  color: var(--black);
}

.dropdown-sort-link.w--current {
  color: var(--light-sea-green);
}

.pop-filter-sort {
  z-index: 3000;
  width: 100vw;
  height: 100vh;
  background-color: var(--white);
  opacity: 0;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: auto;
}

.filter-sort-top-b {
  border-bottom: 1px solid var(--gainsboro);
  text-align: center;
  padding: 20px 80px;
  font-weight: 400;
  position: relative;
}

.btn-filter-close {
  width: 30px;
  height: 30px;
  background-image: url('../images/popup-close2x_1popup-close@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 20px;
  transition-property: all;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.btn-filter-close:hover {
  transform: translate(0, -50%)rotate(90deg);
}

.filter-sort-apply {
  margin-right: 20px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(0, -50%);
}

.filter-sort-row {
  border-bottom: 1px solid var(--gainsboro);
  color: var(--black);
  padding: 20px;
}

.filter-sort-click {
  color: var(--black);
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-sort-ec-icon {
  width: 10px;
  height: 10px;
  background-image: url('../images/64d9cf9de789b5ab2bee1228_arrow-down-grey-2x_164d9cf9de789b5ab2bee1228_arrow-down-grey-2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.filter-sort-expand {
  overflow: hidden;
}

.filter-sort-expand-wrap {
  margin-top: 15px;
}

.pop-reset-b {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.link-reset {
  color: var(--grey);
}

.link-reset.v-listing-desktop {
  margin-left: 10px;
}

.listing-b {
  padding-top: 30px;
  position: relative;
}

.btn-search-reset {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url('../images/listing-search-reset2x_1listing-search-reset@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(0, -50%);
}

.project-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.project-item {
  width: 33.3%;
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

.project-link {
  color: var(--black);
  padding-top: 10px;
  font-weight: 300;
  display: block;
}

.project-link:hover {
  color: var(--light-sea-green);
}

.project-item-img-b {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.project-item-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.project-item-slider-nav {
  height: auto;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 0;
  display: flex;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.project-item-slider-nav.v-detail {
  margin-bottom: 30px;
}

.project-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.67%;
}

.project-item-img.img-1 {
  background-image: url('../images/project-img-1.jpeg');
}

.project-item-img.img-2 {
  background-image: url('../images/project-img-2.jpeg');
}

.project-item-img.img-3 {
  background-image: url('../images/project-img-3.jpeg');
}

.project-item-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}

.project-item-info {
  margin-top: 5px;
  font-size: 14px;
  line-height: 130%;
}

.project-item-info.view-project {
  margin-bottom: 10px;
}

.project-item-slider-arrow {
  width: auto;
  opacity: 0;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
  justify-content: flex-start;
  align-items: center;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.project-item-slider-arrow.v-next {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.project-item-slider-arrow.v-detail {
  opacity: 0;
  background-image: none;
  margin-top: 70px;
  padding-left: 10px;
  padding-right: 10px;
}

.img-project-arrow {
  width: 40px;
}

.img-project-arrow.v-detail {
  width: 50px;
}

.pop-quote-confirm {
  width: 400px;
  text-align: center;
  display: none;
}

.quote-submitted-graphic {
  width: 140px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.quote-submitted-title {
  text-align: center;
  margin-bottom: 30px;
  font-family: Playfair Display, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 130%;
}

.quote-submitted-message {
  max-width: 400px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.pop-project {
  height: 100vh;
  background-color: var(--white);
  display: none;
  overflow: hidden;
}

.link-project-detail-part {
  width: 100%;
  color: var(--black);
  display: block;
}

.link-project-detail-part:hover {
  color: var(--light-sea-green);
}

.project-programme-title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

.project-programme-list.v-pro {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  font-size: 14px;
  line-height: 120%;
  display: flex;
}

.project-programme-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  font-weight: 300;
  display: flex;
}

.project-programme-item.v-pro {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.project-programme-item-icon {
  width: 20px;
  flex: none;
  margin-right: 10px;
}

.project-programme-item-txt {
  flex: 1;
}

.project-programme-bottom-b {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 130%;
  display: flex;
}

.social-item {
  padding-left: 8px;
  padding-right: 8px;
}

.social-link {
  width: 25px;
  display: block;
}

.detail-heading-b {
  margin-bottom: 30px;
}

.project-designed-by {
  margin-top: 15px;
}

.project-detail-content-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detail-main-b {
  flex: 1;
}

.detail-enquire-b {
  width: 320px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-radius: 5px;
  margin-left: 40px;
  padding: 20px;
  font-size: 14px;
  line-height: 130%;
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
  box-shadow: 1px 1px 14px rgba(0, 0, 0, .1);
}

.detail-enquire-b.v-withtab {
  padding: 0;
}

.project-detail-img-main {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.project-img-main-l {
  width: 67%;
}

.project-img-link {
  border-radius: 5px;
  transition-property: box-shadow;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0);
}

.project-img-link:hover {
  box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
}

.project-img-link.v-small {
  height: 100%;
}

.project-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
}

.project-image.v-small {
  height: 100%;
  padding-top: 0%;
}

.project-image.v-small.img-2 {
  background-image: url('../images/project-main-2.jpeg');
}

.project-image.v-small.img-3 {
  background-image: url('../images/project-img-1.jpeg');
}

.project-image.img-1 {
  background-image: url('../images/project-main-2.jpeg');
}

.project-image.img-4 {
  background-image: url('../images/project-img-2.jpeg');
}

.project-image.img-5 {
  background-image: url('../images/project-img-3.jpeg');
}

.project-main-r {
  width: 35%;
  flex-direction: column;
  padding-left: 20px;
  display: flex;
}

.project-main-r-item {
  flex: 1;
  margin-bottom: 20px;
}

.project-main-r-item.v-2 {
  margin-bottom: 0;
}

.project-img-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 20px -10px 40px;
  display: flex;
}

.project-img-item {
  width: 33.3%;
  padding-left: 10px;
  padding-right: 10px;
}

.project-img-link-overlay {
  width: 100%;
  height: 100%;
  color: var(--white);
  text-align: center;
  background-color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.project-enquiry-title {
  margin-bottom: 20px;
}

.project-enquire-note {
  text-align: center;
  margin-top: 20px;
}

.project-info-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.project-info-item {
  width: 25%;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.project-info-fieldname {
  color: var(--grey);
  margin-bottom: 5px;
}

.detail-content-gp {
  margin-bottom: 40px;
}

.detail-content-gp.v-about, .detail-content-gp.v-faq {
  border-top: 1px solid var(--gainsboro);
  padding-top: 40px;
}

.project-work-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.project-work-icon {
  width: 40px;
  flex: none;
  margin-right: 15px;
}

.project-work-txt {
  flex: 1;
  margin-top: 10px;
}

.detail-content-gp-heading {
  margin-bottom: 20px;
}

.detail-content-gp-heading.v-with-filter {
  margin-bottom: 0;
}

.similar-title-b {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 700;
}

.similar-firm-listing {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.similar-firm-item {
  width: 25%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.similar-firm-link {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  transition: border-color .5s, color .5s;
  display: block;
  overflow: hidden;
}

.similar-firm-link:hover {
  border-color: var(--powder-blue);
  color: var(--light-sea-green);
}

.similar-firm-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.similar-firm-img.img-1 {
  background-image: url('../images/similar-firm-1.png');
}

.similar-firm-item-box {
  padding: 15px;
}

.similar-firm-top-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.similar-firm-thumb-b {
  width: 50px;
  border: 1px solid var(--gainsboro);
  border-radius: 5px;
  overflow: hidden;
}

.similar-firm-top-txt {
  flex: 1;
  margin-left: 10px;
  font-size: 14px;
  line-height: 130%;
}

.similar-firm-name {
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

.similar-firm-name-cat {
  color: var(--grey);
}

.similar-firm-des {
  height: 69.3px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 165%;
  overflow: hidden;
}

.mobile-enquiry-b {
  display: none;
}

.pop-enquiry {
  width: 500px;
  display: none;
}

.pop-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.pop-subtitle {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 130%;
}

.enquiry-grey-box {
  background-color: var(--white-smoke-2);
  border-radius: 10px;
  padding: 20px 20px 10px;
}

.txt-small {
  font-size: 14px;
  line-height: 130%;
}

.txt-subject-to-firm {
  color: var(--grey);
  margin-top: 10px;
  font-size: 14px;
  line-height: 130%;
}

.article-listing-option-b {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.article-listing-banner-row {
  justify-content: space-between;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.article-listing-heading-col {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.article-listing-subtitle {
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 130%;
}

.article-lising-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.article-item {
  width: 33.3%;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.article-item.v-recommend {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.article-item-link {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  transition: box-shadow .5s, color .5s;
  display: block;
  overflow: hidden;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0);
}

.article-item-link:hover {
  color: var(--light-sea-green);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
}

.article-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
}

.article-item-img.img-1 {
  background-image: url('../images/articles-item-1.jpeg');
}

.article-item-img.img-2 {
  background-image: url('../images/articles-item-2.jpeg');
}

.article-item-img.img-3 {
  background-image: url('../images/articles-item-3.jpeg');
}

.article-item-box {
  padding: 15px 15px 30px;
}

.article-item-cat {
  color: var(--light-sea-green);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 130%;
}

.article-item-title {
  height: 41.6px;
  font-weight: 700;
  overflow: hidden;
}

.article-detail-cat {
  margin-bottom: 20px;
}

.article-detail-date {
  color: var(--grey);
  margin-top: 10px;
  font-size: 14px;
  line-height: 130%;
}

.article-detail-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.article-col-l {
  flex: 1;
}

.article-col-r {
  width: 320px;
  margin-left: 80px;
}

.recommend-list-title {
  margin-bottom: 20px;
  font-weight: 700;
}

.article-detail-gp {
  margin-bottom: 30px;
}

.article-inspire-b {
  border-top: 1px solid var(--gainsboro);
  padding-top: 30px;
}

.meet-designer-box {
  background-color: var(--white);
  text-align: center;
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

.meet-designer-heading {
  margin-bottom: 20px;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
}

.meet-designer-message, .related-article-item {
  margin-bottom: 20px;
}

.related-article-link {
  color: var(--black);
  justify-content: flex-start;
  align-items: flex-start;
  transition: all .5s, color .5s;
  display: flex;
}

.related-article-link:hover {
  color: var(--light-sea-green);
  transform: translate(0, -5px);
}

.related-article-img-b {
  width: 40%;
  flex: none;
}

.related-article-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
}

.related-article-img.img-1 {
  background-image: url('../images/articles-item-3.jpeg');
}

.related-article-img.img-2 {
  background-image: url('../images/articles-item-2.jpeg');
}

.related-article-img.img-3 {
  background-image: url('../images/articles-item-1.jpeg');
}

.related-article-txt-b {
  flex: 1;
  margin-left: 20px;
  padding-top: 20px;
}

.related-article-title {
  font-size: 18px;
}

.related-article-des {
  margin-top: 15px;
  font-size: 14px;
  line-height: 165%;
}

.deal-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.listing-num {
  color: var(--grey);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

.deals-item {
  width: 33.3%;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.deal-item-link {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  transition: box-shadow .5s, color .5s;
  display: block;
  overflow: hidden;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0);
}

.deal-item-link:hover {
  color: var(--light-sea-green);
  box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
}

.deal-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
}

.deal-item-img.img-1 {
  background-image: url('../images/deals-item-1.jpeg');
}

.deal-item-img.img-2 {
  background-image: url('../images/deals-item-2.png');
}

.deal-item-img.img-3 {
  background-image: url('../images/deals-item-3.png');
}

.deal-item-box {
  padding: 15px;
}

.deal-item-brandname {
  margin-bottom: 10px;
  font-size: 14px;
}

.deal-item-title {
  font-weight: 700;
}

.deal-txt-claimnow {
  color: var(--light-sea-green);
  margin-top: 15px;
}

.pop-claim {
  width: 100%;
  max-width: 500px;
  text-align: center;
  font-weight: 400;
  display: none;
  position: relative;
}

.txt-align-left {
  text-align: left;
}

.brand-list {
  margin-bottom: -30px;
}

.brand-item {
  margin-bottom: 30px;
}

.brand-item-wrap {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.brand-item-img-b {
  width: 40%;
  max-width: 350px;
  position: relative;
}

.brand-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
  position: relative;
}

.brand-item-img.img-1 {
  background-image: url('../images/brand-deal-1.jpeg');
}

.brand-item-img.img-2 {
  background-image: url('../images/brand-deal-2.jpeg');
}

.brand-item-img.img-3 {
  background-image: url('../images/brand-deal-3.jpeg');
}

.brand-item-txt-b {
  flex: 1;
}

.brand-item-rating {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 130%;
  display: flex;
}

.brand-item-thumb {
  width: 70px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-radius: 5px;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.brand-icon-promotion {
  width: 30px;
  height: 30px;
  background-image: url('../images/icon-promo-badge-white-shadow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.brand-item-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.brand-item-deal-list {
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.brand-item-txt-link {
  color: var(--black);
  padding: 20px;
  display: block;
  position: relative;
}

.brand-item-txt-link:hover {
  color: var(--light-sea-green);
}

.brand-tem-deal-list-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.brand-item-deal-item {
  width: 50%;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.brand-item-deal-link {
  border: 1px solid var(--gainsboro);
  color: var(--black);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.brand-item-deal-link:hover {
  color: var(--light-sea-green);
}

.brand-item-deal-claim-b {
  border-left: 1px dashed var(--gainsboro);
  color: var(--light-sea-green);
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.brand-item-deal-title {
  flex: 1;
  padding: 20px;
}

.brand-item-des {
  max-height: 49.92px;
  margin-top: 20px;
  overflow: hidden;
}

.txt-lightgreen {
  color: var(--light-sea-green);
}

.brand-item-deal-title-txt {
  max-height: 41.6px;
  overflow: hidden;
}

.brand-detail-heading-b {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.brand-detail-thumb {
  width: 110px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-radius: 5px;
  flex: none;
  margin-right: 20px;
  overflow: hidden;
}

.brand-heading-txt-b {
  flex: 1;
}

.brands-detail-tagline {
  margin-bottom: 30px;
  font-size: 20px;
  font-style: italic;
  line-height: 130%;
}

.brand-detail-banner-b {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 30px;
  display: flex;
}

.brand-detail-banner-l {
  flex: 1;
  overflow: hidden;
}

.brand-detail-banner-r {
  width: 30%;
  overflow: hidden;
}

.brand-detail-lightbox {
  border: 2px solid rgba(0, 181, 162, 0);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition-property: all;
  display: block;
  overflow: hidden;
}

.brand-detail-lightbox:hover {
  border: 2px solid var(--light-sea-green);
}

.brand-detail-lightbox.v-small {
  height: 100%;
  border-radius: 0 5px 5px 0;
}

.brand-detail-banner-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
  position: relative;
}

.brand-detail-banner-img.img-1 {
  background-image: url('../images/brand-deal-2.jpeg');
}

.brand-detail-banner-img.v-small {
  height: 100%;
  padding-top: 0%;
}

.brand-detail-banner-img.v-small.img-s-1 {
  background-image: url('../images/brand-detail-small-1.jpeg');
}

.brand-detail-banner-img.v-small.img-s-2 {
  background-image: url('../images/brand-detail-small-2.jpeg');
}

.brand-detail-banner-img.v-small.img-s-3 {
  background-image: url('../images/brand-detail-small-3.jpeg');
}

.brand-detail-banner-small-b {
  height: 50%;
  overflow: hidden;
}

.brand-img-link-overlay {
  width: 100%;
  height: 100%;
  color: var(--white);
  text-align: center;
  background-color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.brand-detail-deal-item {
  border: 1px solid var(--gainsboro);
  color: var(--black);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding: 15px;
  font-weight: 700;
  display: flex;
}

.brand-detail-deal-item:hover {
  color: var(--light-sea-green);
}

.brand-detail-deal-img {
  width: 190px;
  flex: none;
  margin-right: 15px;
}

.brand-detail-detail-title {
  max-height: 46.8px;
  flex: 1;
  margin-right: 20px;
  font-size: 18px;
  line-height: 130%;
  overflow: hidden;
}

.brand-detail-toppick-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.brand-toppick-item {
  width: 25%;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.brand-toppick-link {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--black);
  border-radius: 5px;
  font-weight: 700;
  transition: box-shadow .5s, color .5s;
  display: block;
  overflow: hidden;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0);
}

.brand-toppick-link:hover {
  color: var(--light-sea-green);
  box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
}

.brand-toppick-img-b {
  border-bottom: 1px solid var(--gainsboro);
  background-color: var(--white-smoke-2);
  overflow: hidden;
}

.brand-toppick-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
}

.brand-toppick-img.img-1 {
  background-image: url('../images/brand-detail-deal-2.jpg');
}

.brand-toppick-img.img-2 {
  background-image: url('../images/brand-detail-deal-1.jpg');
}

.brand-toppick-title {
  padding: 10px;
}

.brand-toppick-title-txt {
  max-height: 41.6px;
  overflow: hidden;
}

.review-box {
  border: 1px solid var(--gainsboro);
  border-radius: 5px;
  padding: 15px 20px;
}

.brand-detail-share {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.showroom-item {
  border: 1px solid var(--gainsboro);
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden;
}

.showroom-map-b {
  height: 300px;
  position: relative;
}

.showroom-link {
  border-top: 1px solid var(--gainsboro);
  color: var(--black);
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
}

.showroom-link:hover {
  color: var(--light-sea-green);
}

.open-gmap-txt {
  color: var(--grey);
  background-image: url('../images/open-gmail.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 25px;
  font-size: 14px;
  line-height: 130%;
}

.showroom-link-txt {
  flex: 1;
  margin-right: 20px;
}

.e-tab-menu {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.e-tab-link {
  width: 50%;
  background-color: var(--light-grey);
  opacity: .5;
  padding: 10px 20px;
  font-weight: 700;
  transition-property: all;
  display: block;
}

.e-tab-link:hover {
  background-color: var(--white);
  color: var(--black);
}

.e-tab-link.w--current {
  background-color: var(--white);
  opacity: 1;
}

.e-tab-link-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.e-tab-icon {
  width: 15px;
  flex: none;
  margin-right: 10px;
}

.enquiry-tab-content {
  padding: 20px;
}

.filter-dropdown-gp {
  border-bottom: 1px solid var(--gainsboro);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.filter-dropdown-with-unit {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-unit-select {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.filter-unit-option {
  width: 60px;
  border: 1px solid var(--gainsboro);
  color: var(--black);
  text-align: center;
  border-radius: 5px 0 0 5px;
  padding: 3px 5px;
}

.filter-unit-option:hover {
  color: var(--light-sea-green);
}

.filter-unit-option.w--current {
  border-color: var(--powder-blue);
  background-color: var(--azure-2);
}

.filter-unit-option.v-second {
  border-left-style: none;
  border-radius: 0 5px 5px 0;
}

.form-range-b {
  margin-top: 20px;
}

.row-range-move {
  height: 5px;
  background-color: var(--light-sea-green);
  margin-bottom: 20px;
  position: relative;
}

.form-rande-dot {
  width: 30px;
  height: 30px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  background-image: url('../images/icon-slider.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
}

.form-rande-dot.v-right {
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.form-range-field-list {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-rande-field-item {
  padding-left: 5px;
  padding-right: 5px;
}

.filter-bottom-btn-gp {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.toggle-b {
  width: 40px;
  height: 20px;
  border: 1px solid var(--powder-blue);
  background-color: var(--azure-2);
  border-radius: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.toggle-dot {
  width: 15px;
  height: 15px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-radius: 50%;
  margin-right: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

.pro-detail-heading-address {
  background-image: url('../images/icon-location.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 9px;
  margin-top: 10px;
  padding-left: 15px;
}

.pro-detail-banner-link {
  height: 100%;
  border: 2px solid var(--white);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition-property: border-color;
  display: block;
  position: relative;
  overflow: hidden;
}

.pro-detail-banner-link:hover {
  border-color: var(--light-sea-green);
}

.pro-detail-banner-link.v-small {
  border-radius: 0 5px 5px 0;
}

.pro-detail-banner-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
  position: relative;
}

.pro-detail-banner-img.img-1 {
  background-image: url('../images/pro-detail-banner-img-1.jpeg');
}

.pro-detail-banner-img.v-small {
  height: 100%;
  padding-top: 0%;
}

.pro-detail-banner-img.v-small.img-s-1 {
  background-image: url('../images/pro-detail-banner-img-2.jpeg');
}

.pro-detail-banner-img.v-small.img-s-2 {
  background-image: url('../images/pro-detail-banner-img-3.jpeg');
}

.pro-detail-banner-img.img-2 {
  background-image: url('../images/pro-detail-banner-img-4.jpeg');
}

.pro-detail-banner-img.img-3 {
  background-image: url('../images/pro-detail-banner-img-5.jpeg');
}

.pro-detail-banner-img.img-4 {
  background-image: url('../images/pro-detail-banner-img-6.jpeg');
}

.pro-detail-banner-b {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.pro-detail-thumb {
  width: 110px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-radius: 5px;
  flex: none;
  margin-right: 20px;
  overflow: hidden;
}

.pro-detail-heading-b {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.pro-heading-txt-b {
  flex: 1;
}

.pro-detail-banner-info {
  width: 100%;
  color: var(--white);
  text-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
  padding: 10px 15px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.pro-banner-project-stat {
  height: 18.2px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 130%;
  overflow: hidden;
}

.pro-detail-banner-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.pro-detail-banner-item-b {
  width: 33.3%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.pro-detail-banner-item-link {
  border-radius: 5px;
  transition-property: box-shadow;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0);
}

.pro-detail-banner-item-link:hover {
  box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
}

.pro-detail-trust-b {
  background-color: var(--azure-3);
  background-image: url('../images/project-house.svg');
  background-position: 98% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e2f0ee;
  border-radius: 5px;
  padding: 20px;
}

.pro-rating-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pro-rating-overall {
  background-color: var(--white-smoke-2);
  color: var(--light-sea-green);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 40px;
  padding: 10px 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
}

.rating-overall-img {
  width: 30px;
  flex: none;
  margin-left: 10px;
}

.pro-rating-list {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.pro-rating-cat {
  width: 50%;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pro-rating-cat-name {
  margin-right: 15px;
  font-weight: 400;
}

.pro-rating-cat-score {
  color: var(--grey);
  flex: none;
  font-weight: 400;
}

.detail-content-gp-top-b {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.detail-review-list {
  margin-top: 20px;
  margin-bottom: 20px;
}

.detail-review-item {
  margin-bottom: 31px;
}

.detail-review-readmore-b {
  margin-top: 10px;
}

.detail-review-expand-b {
  overflow: hidden;
}

.detail-review-hide {
  display: none;
}

.detail-review-rate-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.detail-review-rate-item {
  width: 25%;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
}

.detail-review-rate-title {
  margin-bottom: 5px;
}

.detail-review-paging-b {
  justify-content: flex-start;
  align-items: center;
  margin: 20px -10px;
  display: flex;
}

.btn-paging-circle {
  width: 30px;
  height: 30px;
  background-color: var(--white);
  border-radius: 50%;
  transition-property: background-color;
  display: block;
}

.btn-paging-circle:hover {
  background-color: var(--white-smoke);
}

.detail-review-paging-item {
  padding-left: 10px;
  padding-right: 10px;
}

.detail-review-paging-item.v-num {
  padding-left: 20px;
  padding-right: 20px;
}

.txt-link-paging {
  text-align: center;
}

.txt-link-paging.w--current {
  color: var(--black);
  font-weight: 700;
}

.detail-faq-item {
  margin-bottom: 20px;
}

.detail-faq-q {
  margin-bottom: 5px;
  font-weight: 700;
}

.pro-listing-b {
  margin-bottom: 30px;
  padding-bottom: 20px;
  display: block;
  position: relative;
}

.pro-item-b {
  border-bottom: 1px solid var(--gainsboro);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.pro-item-link {
  color: var(--black);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pro-item-link:hover {
  color: var(--light-sea-green);
}

.pro-item-img-b {
  width: 40%;
  border-radius: 5px;
  flex: none;
  position: relative;
}

.pro-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
  position: relative;
}

.pro-item-img.img-1 {
  background-image: url('../images/pro-item-img-1.jpeg');
}

.pro-item-img.img-2 {
  background-image: url('../images/pro-item-img-2.jpeg');
}

.pro-item-img.img-3 {
  background-image: url('../images/pro-item-img-3.jpeg');
}

.pro-item-thumb {
  width: 80px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-radius: 5px;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.pro-item-r-b {
  flex: 1;
  padding-top: 10px;
  padding-left: 20px;
}

.pro-item-top-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pro-item-top-l {
  flex: 1;
}

.pro-item-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.pro-item-info {
  color: var(--grey);
  font-size: 14px;
  line-height: 130%;
}

.pro-item-stat-b {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.pro-item-rating-b {
  background-color: var(--white-smoke-2);
  color: var(--light-sea-green);
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  padding: 5px 10px;
  font-weight: 400;
  display: flex;
}

.pro-item-star {
  width: 15px;
  margin-left: 5px;
}

.pro-item-des {
  max-height: 54.6px;
  color: var(--grey);
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 130%;
  overflow: hidden;
}

.pro-item-top-r {
  width: 250px;
  text-align: right;
}

.pro-item-list {
  text-align: left;
  margin-top: 5px;
  font-size: 13px;
  line-height: 130%;
}

.pro-item-list-point {
  color: var(--grey);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.pro-item-list-icon {
  width: 10px;
  flex: none;
  margin-right: 5px;
}

.pro-item-more {
  color: var(--light-sea-green);
}

.pro-listing-recommend-b {
  border: 1px solid var(--gainsboro);
  border-radius: 5px;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.pro-listing-recommend-l {
  max-width: 500px;
  flex: 1;
  padding: 40px;
}

.pro-listing-recommend-r {
  width: 40%;
  background-image: url('../images/pro-recommond-mask2x.png'), url('../images/prolist-banner-image-pc.png');
  background-position: 0%, 50% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 20px 100%, cover;
  order: 1;
  position: relative;
}

.pro-listing-recommend-title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.pro-list-recommend-message {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 156%;
}

.pro-listing-recommended-note {
  color: var(--grey);
  margin-top: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
}

.pop-project-list {
  display: none;
}

.pro-detail-content-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sticky-freequote {
  z-index: 100;
  background-color: var(--white);
  text-align: center;
  border-radius: 10px;
  margin: 30px 10px;
  padding: 20px;
  display: none;
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.sticky-quote-p {
  margin-bottom: 10px;
}

.sticky-quote-note {
  margin-top: 10px;
  font-size: 14px;
  line-height: 120%;
}

.sticky-quote-close-b {
  margin-top: 5px;
  margin-right: 5px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.btn-sticky-close {
  width: 20px;
  display: block;
}

.login-fb-btn {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  transition-property: all;
  display: block;
}

.login-fb-btn:hover {
  transform: scale(.98);
}

.txt-normal {
  font-weight: 400;
}

.pop-login {
  display: none;
}

.after-login-profile-img-b {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
}

.comon-icon-dropdown-link {
  color: var(--black);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 12px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 10px 15px 10px 38px;
  font-weight: 500;
  transition: background-color .5s, color .5s;
}

.comon-icon-dropdown-link:hover {
  color: var(--black);
  background-color: rgba(16, 16, 16, .06);
}

.comon-icon-dropdown-link.setting {
  background-image: url('../images/settings.svg');
  background-position: 10px;
  background-size: 20px;
}

.comon-icon-dropdown-link.logout {
  background-image: url('../images/logout.svg');
  background-position: 10px;
  background-size: 20px;
}

.comon-icon-dropdown-link.link {
  background-image: url('../images/icon-link.svg');
  background-position: 10px;
  background-size: 20px;
}

.comon-icon-dropdown-link.check-circle {
  background-image: url('../images/icon-check-circle.svg');
  background-position: 10px;
  background-size: 20px;
}

.edit-preference-header-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.edit-preference-get-start-wrap {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.border-bottom {
  border-bottom: 1px solid var(--white-smoke);
}

.edit-preference-get-start-col-l {
  padding-left: 15px;
  padding-right: 15px;
}

.edit-preference-get-start-col-r {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.max-width-900 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.margin-auto {
  margin: auto;
}

.btn-common-outline {
  border: 1px solid var(--light-sea-green);
  color: var(--light-sea-green);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
  padding: 13px 20px;
  font-weight: 500;
  transition: background-color .5s, color .5s;
  display: inline-block;
}

.btn-common-outline:hover {
  background-color: var(--dark-cyan);
  color: var(--white);
}

.btn-common-outline.v-full {
  width: 100%;
  display: block;
}

.form-smaller-tnc {
  color: var(--salmon);
  text-align: center;
  margin-top: 5px;
}

.profile-setting-img-b {
  width: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

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

.profile-setting-img-hover {
  background-color: rgba(1, 134, 140, .5);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.edit-preference-box {
  max-height: 80vh;
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 10px;
  padding: 40px;
  display: none;
  position: relative;
  overflow: auto;
}

.radio-button-field {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  border-radius: 5px;
  margin: 0;
  padding: 8px 15px;
  transition: all .5s;
  position: absolute;
}

.radio-button-field:hover, .radio-button-field:focus {
  border-color: var(--light-sea-green);
}

.radio-button-field::-ms-input-placeholder {
  color: var(--black);
}

.radio-button-field::placeholder {
  color: var(--black);
}

.radio-button-field.w--redirected-checked {
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-color: var(--light-cyan);
  background-color: var(--light-cyan);
  border-radius: 5px;
}

.radio-button-field.w--redirected-focus {
  width: 100%;
  height: 100%;
  box-shadow: none;
  border-radius: 5px;
}

.radio-button-field.w--redirected-focus-visible {
  width: 100%;
  height: 100%;
}

.radio-button-field-b {
  width: 100%;
  min-height: 38px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 8px 0;
  transition: all .5s;
  display: flex;
  position: relative;
}

.radio-button-label {
  z-index: 1;
  margin-bottom: 0;
  position: relative;
}

.no-key {
  overflow: hidden;
}

.radio-button-img-hover {
  z-index: 1;
  margin-top: 8px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.radio-button-img {
  z-index: 0;
  margin-bottom: 5px;
  display: block;
  position: relative;
}

.checkbox {
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-style: none;
  border-radius: 0;
  margin: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.checkbox.w--redirected-checked {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-style: none;
  border-radius: 0;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
  border-style: none;
  border-radius: 0;
}

.checkbox-field {
  color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  transition: all .5s;
  position: relative;
  overflow: hidden;
}

.checkbox-field:hover {
  color: var(--dark-cyan);
}

.checkbox-checked-img {
  z-index: 5;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.checkbox-checked-img.company-bookmarks {
  margin-top: 0;
  margin-right: 0;
}

.dashboard-top-b {
  border: 1px solid var(--light-grey);
  padding-top: 20px;
}

.dashboard-heading-b {
  margin-bottom: 5px;
}

.dashboard-heading-row {
  flex-direction: row-reverse;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.dashboard-heading-col-l {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.dashboard-heading-col-r {
  padding-left: 20px;
  padding-right: 20px;
}

.dashboard-heading-col-img-b {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.dashboard-profile-row {
  flex-wrap: wrap;
  margin-top: -5px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.dashboard-profile-col {
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.dashboard-top-content {
  padding: 20px 40px;
}

.dashboard-top-content-b {
  background-color: var(--white-smoke);
  margin-top: 20px;
}

.dashboard-tab-menu {
  border-top: 1px solid var(--light-grey);
  border-right: 1px solid var(--light-grey);
  border-bottom: 1px solid var(--light-grey);
  flex-wrap: wrap;
  display: flex;
}

.dashboard-tab-link {
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  border-left: 1px solid var(--light-grey);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  flex: 1;
  padding: 10px;
  transition-property: all;
}

.dashboard-tab-link:hover {
  border-bottom-color: var(--light-sea-green);
}

.dashboard-tab-link.w--current {
  border-bottom-color: var(--light-sea-green);
  background-color: rgba(0, 0, 0, 0);
}

.dashboard-tab-link-img-b {
  width: 50px;
  height: 50px;
  margin-right: 5px;
  position: relative;
}

.dashboard-tab-link-img {
  display: block;
}

.dashboard-tab-link-img-hover {
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.txt-bold-500 {
  font-weight: 500;
}

.dashboard-tab-link-wrap {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-tab-content {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--light-grey);
  padding: 40px;
}

.dashboard-subtitle-row {
  justify-content: space-between;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.dashboard-subtitle-col-l, .dashboard-subtitle-col-r {
  padding-left: 5px;
  padding-right: 5px;
}

.dashboard-common-b {
  border: 1px solid var(--light-grey);
  margin-top: 20px;
  padding: 20px;
}

.dashboard-profile-info-col {
  width: 33.33%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.dashboard-profile-info-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.dashboard-profile-info-txt-b {
  margin-top: 3px;
}

.dashboard-content-col {
  margin-top: 40px;
}

.dashboard-content-row {
  margin-top: -40px;
}

.txt-align-right {
  text-align: right;
}

.margin-top-15 {
  color: var(--salmon);
  text-align: center;
  margin-top: 15px;
}

.bookmarks-dropdown-d {
  text-align: right;
}

.bookmarks-dropdown-toggle {
  border: 1px solid var(--gainsboro);
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  font-weight: 400;
  transition: border-color .5s, background-color .5s;
}

.bookmarks-dropdown-toggle:hover {
  background-color: var(--white-smoke);
}

.bookmarks-dropdown-toggle.w--open {
  border-color: var(--grey);
}

.bookmarks-dropdown-list {
  margin-top: 46px;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.bookmarks-dropdown-list.w--open {
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.myboards-dropdown-wrap {
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.bookmarks-heading-row {
  justify-content: space-between;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.bookmarks-heading-col-l {
  flex: 1;
  padding-left: 5px;
  padding-right: 5px;
}

.bookmarks-heading-col-r {
  width: 255px;
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
}

.bookmarks-b {
  z-index: 0;
  padding-top: 30px;
  position: relative;
}

.bookmarks-col {
  width: 33.33%;
  flex: none;
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.bookmarks-wrap {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -15px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.dashboard-bookmark-img-b {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.dashboard-bookmark-txt-col {
  flex: 1;
  padding-left: 20px;
}

.txt-grey {
  color: var(--grey);
}

.dashboard-bookmark-col {
  width: 50%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.dashboard-bookmark-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.dashboard-bookmark-link-b {
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-bookmark-link-b:hover {
  color: var(--light-sea-green);
}

.dashboard-bookmark-img-col {
  width: 40%;
  border-radius: 5px;
  flex: none;
}

.subtitle {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.my-idea-boards-row {
  flex-wrap: wrap;
  margin-top: -2px;
  margin-left: -2px;
  display: flex;
}

.my-idea-boards-col {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 2px;
  margin-left: 2px;
  padding: 9.8%;
  position: relative;
}

.my-idea-boards-col.img01 {
  background-image: url('../images/410-width-1.jpg');
}

.my-idea-boards-col.img02 {
  background-image: url('../images/250-width.jpg');
}

.margin-bottom-10-copy {
  margin-bottom: 10px;
}

.col-fade-bg {
  z-index: 1;
  background-color: rgba(255, 255, 255, .45);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bookmarks-row {
  margin-bottom: 30px;
}

.bookmarks-content-b {
  margin-bottom: 0;
}

.qr-code-img-b {
  max-width: 180px;
  border: 1px solid var(--light-grey);
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.qr-code-b {
  text-align: center;
}

.pop-public-link {
  width: 500px;
  display: none;
}

.notice-wrap {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.notice-icon {
  margin-top: 1px;
  margin-right: 3px;
}

.he-line-grey {
  width: 100%;
  height: 1px;
  background-color: var(--light-grey);
}

.link-copy-wrap {
  flex-wrap: wrap;
  display: flex;
}

.link-copy-col-r {
  padding-left: 10px;
  padding-right: 10px;
}

.link-copy-col-l {
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-common-txt-wrap {
  display: flex;
}

.btn-common-icon {
  margin-right: 5px;
}

.link-copy-col-l-content {
  height: 100%;
  border: 1px solid var(--light-grey);
  border-radius: 5px;
  align-items: center;
  padding: 10px;
  display: flex;
}

.edit-button-col {
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.edit-button-row {
  justify-content: flex-end;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.edit-button-link-delete-wrap {
  display: flex;
}

.edit-button-link-delete {
  height: 40px;
  border: 1px solid var(--salmon);
  color: var(--salmon);
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  transition-property: all;
  display: flex;
}

.edit-button-link-delete:hover {
  border-color: var(--dark-cyan);
}

.edit-button-link-delete-icon {
  margin-top: -1px;
  margin-right: 5px;
}

.edit-button-close-icon {
  width: 15px;
  display: block;
}

.edit-button-close {
  height: 40px;
  border: 1px solid var(--light-grey);
  color: var(--salmon);
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  transition-property: all;
  display: flex;
}

.edit-button-close:hover {
  border-color: var(--dark-cyan);
}

.edit-button {
  display: none;
}

.z-index-01 {
  z-index: 1;
  position: relative;
}

.article-bookmarks-img-b {
  margin-bottom: 10px;
  position: relative;
}

.article-bookmarks-img-txt-b {
  z-index: 3;
  padding: 15px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.article-bookmarks-img-txt-bg {
  z-index: 1;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(16, 16, 16, .8));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.article-bookmarks-img-txt-bg-white {
  z-index: 2;
  background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.font-20 {
  font-size: 20px;
  line-height: 120%;
}

.after-login-profile-wrap {
  align-items: center;
  display: flex;
}

.show-smallest-m {
  display: none;
}

.comon-icon-dropdown-link-header {
  color: var(--black);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 12px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 10px 15px 10px 38px;
  font-weight: 500;
  transition: background-color .5s, color .5s;
}

.comon-icon-dropdown-link-header:hover {
  color: var(--black);
  background-color: rgba(16, 16, 16, .06);
}

.comon-icon-dropdown-link-header.setting {
  background-image: url('../images/settings.svg');
  background-position: 10px;
  background-size: 20px;
}

.comon-icon-dropdown-link-header.logout {
  background-image: url('../images/logout.svg');
  background-position: 10px;
  background-size: 20px;
}

.bookmarks-dropdown-m {
  text-align: right;
  display: none;
}

.checkbox-field-link-b {
  width: 100%;
  display: block;
}

.company-bookmarks-col {
  width: 100%;
  border-bottom: 1px solid var(--gainsboro);
  flex: none;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: inline-block;
}

.company-bookmarks-row {
  margin-bottom: 30px;
}

.company-bookmarks-content-wrap {
  flex-wrap: wrap;
  display: flex;
}

.company-bookmarks-img-b {
  width: 40%;
  border-radius: 5px;
  flex: none;
  position: relative;
}

.company-bookmarks-content-b {
  flex: 1;
  padding-top: 50px;
  padding-left: 20px;
}

.company-bookmarks-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
  position: relative;
}

.company-bookmarks-img.img-1 {
  background-image: url('../images/pro-item-img-1.jpeg');
}

.company-bookmarks-img.img-2 {
  background-image: url('../images/pro-item-img-2.jpeg');
}

.company-bookmarks-img.img-3 {
  background-image: url('../images/pro-item-img-3.jpeg');
}

.company-bookmarks-thumb {
  width: 80px;
  border: 1px solid var(--gainsboro);
  background-color: var(--white);
  border-radius: 5px;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.company-bookmarks-top-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.company-bookmarks-des {
  max-height: 54.6px;
  color: var(--grey);
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 130%;
  overflow: hidden;
}

.company-bookmarks-more {
  color: var(--light-sea-green);
}

.company-bookmarks-top-l {
  flex: 1;
}

.company-bookmarks-top-r {
  width: 250px;
  text-align: right;
}

.company-bookmarks-list {
  text-align: left;
  margin-top: 5px;
  font-size: 13px;
  line-height: 130%;
}

.company-bookmarks-stat-b {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.company-bookmarks-info {
  color: var(--grey);
  font-size: 14px;
  line-height: 130%;
}

.company-bookmarks-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.company-bookmarks-checkbox-field {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  transition: all .5s;
  position: relative;
}

.company-bookmarks-checkbox-field:hover {
  color: var(--dark-cyan);
}

.pop-paging-content {
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.project-detail-company-thumb {
  width: 70px;
  height: 70px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e4e5e9;
  border-radius: 5px;
  flex: none;
  overflow: hidden;
}

.project-detail-company-thumb.company-1 {
  background-image: url('../images/project-company-thumb-1.jpeg');
}

.project-detail-company-name {
  font-weight: 700;
}

.project-top-close-b {
  max-width: 320px;
  border-left: 1px solid #e4e5e9;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.pop-paging-thumb {
  width: 50px;
  border-radius: 5px;
  flex: none;
  margin-right: 10px;
}

.btn-pop-paging-wrap {
  height: 70px;
  border-right: 1px solid #e4e5e9;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.btn-pop-paging-wrap.v-next {
  border-left: 1px solid #e4e5e9;
  border-right-style: none;
}

.popup-project {
  height: 100vh;
  background-color: #fff;
  display: none;
  overflow: hidden;
}

.project-detail-img-wrap {
  height: 100vh;
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  display: flex;
}

.project-detail-img {
  width: 100%;
  height: 100%;
  max-height: 780px;
  max-width: 1080px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.project-detail-img.img-2 {
  background-image: url('../images/project-img-2.jpeg');
}

.project-detail-img.img-1 {
  background-image: url('../images/project-img-1.jpeg');
}

.project-detail-img.img-3 {
  background-image: url('../images/project-img-3.jpeg');
}

.project-detail-company-txt {
  flex: 1;
  padding-left: 10px;
}

.project-tag-link {
  color: #101010;
  text-align: center;
  border: 1px solid #e4e5e9;
  border-radius: 20px;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 130%;
  transition: background-color .5s;
  display: block;
}

.project-tag-link:hover {
  color: #101010;
  background-color: #f1f1f1;
}

.project-detail-company-designed-by {
  color: #888;
  margin-bottom: 2px;
  font-size: 13px;
  line-height: 130%;
}

.project-social-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.project-detail-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.project-tag-item {
  padding-left: 5px;
  padding-right: 5px;
}

.project-detail-l {
  width: 100%;
  background-color: #555;
  flex: 0 auto;
}

.project-detail-top-bar {
  z-index: 10;
  width: 100%;
  background-color: #fff;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: fixed;
}

.link-project-detail-part-2 {
  width: 100%;
  color: #101010;
  display: block;
}

.link-project-detail-part-2:hover {
  color: #01868c;
}

.link-project-detail-part-2.view-project {
  margin-top: 20px;
  font-size: 14px;
  line-height: 130%;
}

.project-detail-content {
  display: flex;
}

.project-top-paging {
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.project-detail-designer {
  align-items: flex-start;
  display: flex;
}

.project-detail-slide {
  width: 100%;
}

.project-detail-compay-stat {
  margin-top: 5px;
  font-size: 13px;
  line-height: 130%;
}

.arrow-project-pop-top {
  width: 12px;
}

.btn-project-pop-paging {
  color: #101010;
}

.btn-project-pop-paging:hover {
  color: #01868c;
}

.project-tag-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.pop-paging-txt-small {
  color: #888;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 130%;
}

.project-detail-part-b {
  border-top: 1px solid #e4e5e9;
  padding: 20px;
}

.project-detail-part-b.v-programme {
  background-color: #f1fafb;
  background-image: url('../images/project-house.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 90px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.btn-common-2 {
  color: #fff;
  text-align: center;
  background-color: #01868c;
  border-radius: 4px;
  padding: 13px 20px;
  font-weight: 500;
  transition: background-color .5s, color .5s;
  display: inline-block;
}

.btn-common-2:hover {
  color: #fff;
  background-color: #294549;
}

.btn-common-2.v-full {
  width: 100%;
  display: block;
}

.project-detail-r {
  width: 320px;
  height: 100vh;
  flex: none;
  padding-top: 70px;
  overflow: auto;
}

html.w-mod-js [data-ix="common-scale-in"] {
  transform: scale(1.1);
}

html.w-mod-js [data-ix="common-scale-fade-in"] {
  opacity: 0;
  transform: scale(1.1);
}

html.w-mod-js [data-ix="common-fade-from-bottom"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="common-fade-in"] {
  opacity: 0;
}

html.w-mod-js [data-ix="height-0"] {
  height: 0;
}

html.w-mod-js [data-ix="opacity-0"] {
  opacity: 0;
}

@media screen and (min-width: 1280px) {
  .nav-menu-item {
    margin-left: 40px;
  }

  .home-banner-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .advertise-deco {
    margin-left: -120px;
  }

  .advertise-deco.deco-2 {
    margin-left: 170px;
  }

  .advertise-deco.deco-3, .advertise-deco.deco-4 {
    display: block;
  }

  .review-item-b {
    width: 25%;
  }

  .popup-b {
    background-color: rgba(0, 0, 0, .5);
  }

  .pop-project {
    display: none;
  }

  .project-programme-item.v-pro, .article-item, .deals-item {
    width: 25%;
  }

  .brand-detail-share {
    margin-top: 20px;
  }

  .txt-red {
    color: var(--salmon);
  }

  .company-bookmarks-checkbox-field {
    color: var(--black);
  }

  .popup-project {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 36px;
  }

  .all {
    padding-top: 70px;
  }

  .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .section-div {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .about-intro-content {
    max-width: 680px;
  }

  .about-promise-img-b {
    max-width: 240px;
  }

  .about-stat-l-b {
    max-width: 350px;
  }

  .about-stat-r-b {
    padding-bottom: 60px;
  }

  .about-stat-num-txt {
    font-size: 40px;
  }

  .about-journey-box {
    padding: 20px;
  }

  .footer-graphic-b {
    background-position: 50% 30px;
    background-size: 600px;
  }

  .perk-get-more {
    order: 0;
  }

  .perks-points {
    margin-top: 6px;
  }

  .header-top-b {
    display: none;
  }

  .header-top-b.v-mobile {
    display: block;
  }

  .header-top-wrap {
    height: auto;
    padding-top: 15px;
    padding-bottom: 60px;
    display: block;
  }

  .header-brand {
    z-index: 1000;
  }

  .header-wrap {
    height: 70px;
  }

  .nav-menu {
    width: 260px;
    height: 100dvh;
    background-color: var(--black-3);
    flex: none;
    padding-bottom: 50px;
    display: block;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: auto;
  }

  .header-lang-dropdown {
    display: block;
  }

  .lang-dropdown-toggle {
    height: auto;
    justify-content: space-between;
    padding: 15px 20px;
  }

  .lang-dropdown-list.w--open {
    background-color: #7c7c7c;
    border-radius: 0;
    position: relative;
  }

  .lang-dropdown-link {
    color: var(--white);
    padding: 15px 20px;
  }

  .lang-dropdown-link:hover {
    color: var(--white);
    background-color: rgba(16, 16, 16, .3);
  }

  .dropdown-tip {
    display: none;
  }

  .header-top-link-list {
    display: block;
  }

  .header-top-link-item {
    text-align: left;
    margin-left: 0;
    padding: 15px 20px;
  }

  .nav-menu-wrap {
    background-color: var(--white-smoke-2);
    padding-top: 70px;
    display: block;
  }

  .nav-menu-item {
    border-top: 1px solid #e9e9e9;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow: hidden;
  }

  .nav-link {
    height: auto;
    text-align: left;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-link-line {
    display: none;
  }

  .nav-dropdown {
    display: block;
  }

  .nav-dropdown-list {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-dropdown-list.w--open {
    box-shadow: none;
    margin-top: 0;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
  }

  .nav-dropdown-list-wrap {
    background-color: var(--white);
  }

  .btn-common:hover {
    background-color: var(--dark-cyan);
  }

  .btn-common.v-header {
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
  }

  .btn-common.v-filtersort {
    padding: 8px 10px;
    font-weight: 400;
    display: inline-block;
  }

  .btn-menu {
    z-index: 1000;
    float: none;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .btn-menu.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .btn-menu-line-1 {
    width: 25px;
    height: 2px;
    background-color: var(--black);
    padding: 0;
  }

  .btn-menu-line-2 {
    width: 25px;
    height: 2px;
    background-color: var(--black);
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0;
  }

  .btn-menu-line-3 {
    width: 25px;
    height: 2px;
    background-color: var(--black);
    padding: 0;
  }

  .nav-dropdown-arrow-b {
    display: block;
  }

  .header-bg {
    z-index: 10;
  }

  .mobile-menu-mask {
    width: 100vw;
    height: 100vh;
    opacity: 0;
    background-color: rgba(1, 134, 140, .5);
    display: none;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .home-banner-txt-b {
    padding-right: 6vw;
  }

  .home-banner-img {
    padding-top: 100%;
  }

  .home-kickstart-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .home-kickstart-item {
    width: auto;
    margin-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
  }

  .home-kickstart-link {
    height: auto;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .home-kickstart-icon-b {
    width: 90px;
    flex: none;
    margin-left: 0;
    margin-right: 20px;
  }

  .home-kickstart-btn, .btn-arrow-content {
    justify-content: flex-start;
    margin-bottom: 0;
  }

  .home-testimonial-r-b {
    padding-left: 5vw;
  }

  .home-ideas-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .home-idea-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .why-compare-content-b {
    margin-left: -30px;
    margin-right: -30px;
  }

  .why-compare-list {
    padding-top: 15px;
  }

  .why-how-list {
    margin-left: -5%;
    margin-right: -5%;
  }

  .why-how-item {
    padding-left: 5%;
    padding-right: 5%;
  }

  .why-happy-content {
    padding-bottom: 60px;
  }

  .why-happy-list {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .why-happy-item {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .why-happy-author-b {
    margin-top: 30px;
  }

  .advertise-banner-b {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .advertise-banner-r-b {
    width: 45%;
    margin-left: 5vw;
  }

  .advertise-banner-txt {
    font-size: 16px;
  }

  .advertise-deco.deco-2 {
    margin-top: 260px;
    margin-left: 150px;
  }

  .ad-why-row {
    font-size: 16px;
  }

  .ad-why-img-b {
    margin-right: 5vw;
  }

  .ad-stat-item, .ad-together-content {
    font-size: 16px;
  }

  .free-quote-intro-txt {
    margin-left: 5vw;
  }

  .property-type-item {
    width: 50%;
  }

  .guarantee-connect-dot {
    width: 16px;
    height: 16px;
  }

  .g-criteria-line {
    width: 80px;
  }

  .g-question-b {
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .g-question-col {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .review-new-hero {
    width: 45%;
    margin-left: 5vw;
  }

  .review-new-banner-b {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .review-list {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .review-item-b {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .popup-wrap {
    padding: 40px 5vw;
  }

  .listing-filter-and-sort-b {
    top: 70px;
  }

  .filter-sort-wrap {
    display: none;
  }

  .pop-filter-sort {
    z-index: 3000;
  }

  .project-list {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .project-item {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .pop-project {
    overflow: auto;
  }

  .project-detail-content-b {
    display: block;
  }

  .detail-enquire-b {
    display: none;
  }

  .project-detail-img-main {
    display: block;
  }

  .project-img-main-l {
    width: auto;
    display: block;
  }

  .project-main-r {
    display: none;
  }

  .project-info-item, .similar-firm-item {
    width: 33.3%;
  }

  .mobile-enquiry-b {
    z-index: 1000;
    width: 100vw;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    padding: 20px 5vw;
    display: block;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .article-lising-b {
    margin-left: -10px;
    margin-right: -10px;
  }

  .article-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .article-item.v-recommend {
    width: 33.3%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .article-detail-wrap {
    display: block;
  }

  .article-col-r {
    width: auto;
    margin-left: 0;
  }

  .recommend-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
  }

  .deal-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .deals-item {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-item {
    margin-bottom: 20px;
  }

  .brand-item-img-b {
    max-width: none;
  }

  .brand-item-img {
    height: 100%;
    padding-top: 0%;
  }

  .brand-item-txt-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .brand-tem-deal-list-wrap {
    overflow: hidden;
  }

  .brand-item-deal-item {
    width: 100%;
  }

  .brand-item-deal-title {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .brand-toppick-item {
    width: 33.3%;
  }

  .pro-item-top-b {
    display: block;
  }

  .pro-item-top-r {
    width: auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }

  .pro-item-list {
    flex: 1;
    order: -1;
    margin-top: 0;
    margin-right: 20px;
  }

  .pro-item-list-point {
    justify-content: flex-start;
  }

  .pro-detail-content-b {
    display: block;
  }

  .sticky-freequote {
    padding: 15px 10px;
    display: block;
  }

  .sticky-quote-p {
    margin-bottom: 5px;
  }

  .sticky-quote-note {
    margin-top: 5px;
  }

  .edit-preference-get-start-wrap {
    display: block;
  }

  .edit-preference-get-start-col-l {
    max-width: 55%;
    margin-left: auto;
    margin-right: auto;
  }

  .edit-preference-get-start-col-r {
    width: 100%;
    margin-top: 30px;
  }

  .btn-common-outline:hover {
    background-color: var(--dark-cyan);
  }

  .dashboard-top-content {
    padding-left: 5%;
    padding-right: 5%;
  }

  .dashboard-tab-link-img-b {
    width: 40px;
    height: 40px;
  }

  .dashboard-tab-content {
    padding-left: 5%;
    padding-right: 5%;
  }

  .dashboard-profile-info-col {
    width: 50%;
  }

  .dashboard-bookmark-txt-col {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
  }

  .dashboard-bookmark-link-b {
    display: block;
  }

  .dashboard-bookmark-img-col {
    width: 100%;
  }

  .my-idea-boards-col {
    padding: 12.3%;
  }

  .margin-bottom-10-copy {
    margin-bottom: 5px;
  }

  .comon-icon-dropdown-link-header {
    color: var(--white);
    padding: 15px 20px 15px 48px;
  }

  .comon-icon-dropdown-link-header:hover {
    color: var(--white);
    background-color: rgba(16, 16, 16, .3);
  }

  .comon-icon-dropdown-link-header.setting {
    background-image: url('../images/settings-w.svg');
    background-position: 20px;
  }

  .comon-icon-dropdown-link-header.logout {
    background-image: url('../images/logout-w.svg');
    background-position: 20px;
  }

  .company-bookmarks-content-b {
    padding-top: 0;
    padding-right: 40px;
  }

  .company-bookmarks-top-b {
    display: block;
  }

  .company-bookmarks-top-r {
    width: auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }

  .company-bookmarks-list {
    flex: 1;
    order: -1;
    margin-top: 0;
    margin-right: 20px;
  }

  .project-top-close-b {
    max-width: 70px;
    justify-content: center;
    padding-right: 0;
  }

  .popup-project {
    overflow: auto;
  }

  .project-detail-img-wrap {
    height: auto;
  }

  .project-detail-img {
    height: auto;
    padding-top: 66.6%;
  }

  .project-detail-content {
    display: block;
  }

  .btn-common-2:hover {
    background-color: #294549;
  }

  .project-detail-r {
    width: auto;
    height: auto;
    padding-top: 0;
    overflow: visible;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 20px;
  }

  .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .about-banner-b {
    height: 300px;
  }

  .section-div.v-about-state {
    padding-bottom: 60px;
  }

  .section-div.v-why-compare {
    background-position: 50% 120%;
    background-size: 500%;
  }

  .section-div.v-detail {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-div.v-detail.v-similar {
    padding-bottom: 30px;
  }

  .about-intro-content {
    max-width: 400px;
  }

  .section-heading-b {
    margin-bottom: 25px;
  }

  .section-heading-b.v-about-stat, .section-heading-b.v-home-testimonial {
    text-align: center;
  }

  .about-promise-row {
    text-align: center;
    margin-bottom: 40px;
    display: block;
  }

  .about-promise-list {
    max-width: 400px;
    margin-bottom: -40px;
  }

  .about-promise-img-b {
    max-width: 195px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .about-common-bg {
    background-image: url('../images/about-us-background-mask-mobile-20230421.png');
    background-position: 50%;
    background-size: 110%;
  }

  .about-state-b {
    display: block;
  }

  .about-stat-l-b {
    max-width: none;
    margin-right: 0;
  }

  .about-stat-img-b {
    margin: -10px auto 30px;
  }

  .about-stat-r-b {
    padding-bottom: 0;
  }

  .about-stat-item {
    text-align: center;
  }

  .about-journey-line {
    width: 21px;
    margin-top: 40px;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .about-journey-item {
    width: 100%;
    float: none;
    margin-bottom: 15px;
    padding-right: 0;
  }

  .about-journey-dot {
    width: 15px;
    height: 15px;
    margin: 43px -7px;
  }

  .footer-graphic-b {
    background-position: 50% 0;
    background-size: 372px;
  }

  .footer-graphic-img-b {
    max-width: 300px;
  }

  .footer-caring-img {
    height: 80px;
  }

  .footer-wrap {
    display: block;
  }

  .footer-link-list {
    width: auto;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .footer-contact-b {
    display: block;
  }

  .footer-link-item {
    width: 50%;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-logo-b {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-contact-r-b {
    width: auto;
    max-width: 300px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-social-b {
    justify-content: center;
    margin-bottom: 30px;
  }

  .footer-social-item {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-social-link {
    width: 30px;
  }

  .footer-copyright {
    text-align: center;
    display: block;
  }

  .nav-menu {
    width: 100vw;
  }

  .home-banner-b {
    padding-bottom: 0%;
  }

  .home-banner-wrap {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .home-banner-txt-b {
    z-index: 1;
    width: auto;
    text-align: center;
    background-image: linear-gradient(rgba(255, 255, 255, .8) 56%, rgba(255, 255, 255, 0));
    margin-left: -5vw;
    margin-right: -5vw;
    padding: 40px 5vw;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .home-banner-txt {
    font-size: 18px;
  }

  .home-banner-graphic-b {
    display: none;
  }

  .home-banner-graphic-b.v-mobile {
    z-index: 1;
    max-width: 300px;
    margin-top: -70px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .home-banner-slider-b {
    width: auto;
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .home-banner-slider {
    border-radius: 0;
  }

  .home-banner-rec {
    width: 120%;
    padding-top: 120%;
    left: 50%;
    transform: translate(-50%, -50%)rotate(-5deg);
  }

  .home-banner-rec.v-2 {
    margin-top: 0%;
    margin-left: 0%;
    transform: translate(-50%, -50%)rotate(8deg);
  }

  .home-kickstart-title {
    font-size: 18px;
  }

  .home-kickstart-btn, .btn-arrow-content {
    margin-top: 10px;
  }

  .home-homeowner-bg {
    width: 200px;
    height: 200px;
    margin-top: 20px;
  }

  .home-brand-link {
    max-width: 80px;
  }

  .home-testimonial-b {
    display: block;
  }

  .home-testimonial-l-b {
    width: auto;
    text-align: center;
  }

  .home-testimonial-nav {
    text-align: center;
    margin-top: 25px;
  }

  .home-testimonial-content-txt {
    text-align: center;
    font-size: 16px;
  }

  .home-testimonial-author {
    text-align: center;
  }

  .home-testimonial-r-b {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .home-testimonial-bg {
    display: none;
  }

  .home-idea-item {
    width: 50%;
    margin-bottom: 20px;
  }

  .home-idea-content-b {
    padding: 20px;
  }

  .home-idea-title {
    font-size: 18px;
  }

  .why-compare-b {
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .why-compare-graphic {
    width: 80px;
  }

  .why-compare-content-b {
    max-width: none;
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .why-compare-list {
    padding-top: 30px;
  }

  .why-compare-col {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .why-compare-col.col-r {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .why-compare-icon-b {
    width: 30px;
  }

  .mobile-only {
    display: block;
  }

  .mobile-hide {
    display: none;
  }

  .why-perks-list {
    border-radius: 0;
    margin-bottom: 25px;
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .why-perk-wrap {
    align-items: center;
    padding: 20px;
  }

  .why-perk-icon {
    margin-right: 15px;
  }

  .why-how-list {
    margin-top: 20px;
  }

  .why-how-img-b {
    width: 90px;
  }

  .why-happy-content {
    padding-bottom: 50px;
  }

  .why-happy-list {
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .why-happy-item {
    width: 50%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .why-footer-graphic-img-b {
    max-width: 200px;
  }

  .faq-heading-b {
    margin-bottom: 25px;
  }

  .faq-list {
    margin-bottom: 30px;
  }

  .terms-click {
    font-size: 18px;
  }

  .advertise-banner-wrap {
    text-align: center;
    display: block;
  }

  .advertise-banner-r-b {
    width: auto;
    max-width: 300px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .advertise-deco {
    display: none;
  }

  .ad-why-row {
    text-align: center;
    display: block;
  }

  .ad-why-img-b {
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
  }

  .ad-who-img {
    max-width: 100px;
  }

  .ad-who-stat-list {
    margin-top: 40px;
  }

  .free-quote-intro-b {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    display: block;
  }

  .free-quote-heading-b {
    max-width: none;
  }

  .free-quote-intro-txt {
    margin-top: 15px;
    margin-left: 0;
  }

  .free-quote-row {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .free-quote-col {
    width: auto;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-field.v-20 {
    width: 30%;
  }

  .guarantee-how-point-b {
    max-width: 400px;
    display: block;
  }

  .guarantee-how-item {
    width: auto;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .guarantee-icon-b {
    width: 80px;
    height: 80px;
    border: 2px solid var(--light-sea-green);
    border-radius: 50%;
  }

  .guarantee-connect-b {
    width: 2px;
    height: 30px;
    background-color: var(--light-sea-green);
    margin-left: auto;
    margin-right: auto;
  }

  .guarantee-connect-line, .guarantee-connect-dot {
    display: none;
  }

  .guarantee-how-txt-b {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 0;
  }

  .guarantee-how-title {
    margin-bottom: 2px;
  }

  .guarantee-criteria-list {
    margin-bottom: 30px;
    display: block;
  }

  .guarantee-criteria-item {
    width: auto;
    border-bottom: 1px solid var(--light-grey);
    border-right-style: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .g-question-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .g-question-col {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .review-new-hero {
    width: auto;
    max-width: 250px;
    margin: 0 auto 20px;
  }

  .review-banner-wrap {
    display: block;
  }

  .review-how-point-b {
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .review-how-item {
    width: auto;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .review-verify-icon {
    width: 30px;
    flex: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
  }

  .listing-heading-row {
    display: block;
  }

  .listing-search.v-listing {
    max-width: none;
    margin-top: 10px;
    margin-left: 0;
  }

  .review-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .review-item-b {
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .popup-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .popup-common-box {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .popup-close-b {
    margin-right: -20px;
  }

  .pop-reset-b {
    margin-bottom: 140px;
  }

  .listing-b {
    padding-top: 20px;
  }

  .project-list {
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .project-item {
    width: 50%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .social-link {
    width: 20px;
  }

  .project-img-list {
    margin-top: 8px;
    margin-left: -4px;
    margin-right: -4px;
  }

  .project-img-item {
    padding-left: 4px;
    padding-right: 4px;
  }

  .similar-firm-item {
    width: 50%;
  }

  .article-listing-option-b {
    justify-content: flex-start;
    margin-top: 15px;
  }

  .article-listing-banner-row {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .article-listing-heading-col {
    padding-left: 0;
    padding-right: 0;
  }

  .article-listing-subtitle {
    margin-bottom: 20px;
  }

  .article-item {
    width: 50%;
    margin-bottom: 20px;
  }

  .article-item.v-recommend {
    width: 50%;
  }

  .article-item-cat {
    font-size: 13px;
  }

  .related-article-link {
    font-size: 14px;
  }

  .related-article-img-b {
    width: 150px;
  }

  .related-article-txt-b {
    padding-top: 0;
  }

  .related-article-title {
    font-size: 16px;
  }

  .related-article-des {
    display: none;
  }

  .deals-item {
    width: 50%;
  }

  .brand-item-wrap {
    display: block;
  }

  .brand-item-img-b {
    width: auto;
    display: block;
  }

  .brand-item-img {
    height: auto;
    padding-top: 50%;
  }

  .brand-item-title {
    font-size: 18px;
    line-height: 130%;
  }

  .brand-item-deal-item {
    width: 50%;
    min-width: 250px;
    font-size: 14px;
  }

  .brand-item-deal-title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-item-des {
    max-height: 43.68px;
    font-size: 14px;
  }

  .brand-detail-heading-b {
    margin-bottom: 20px;
  }

  .brand-detail-thumb {
    width: 90px;
  }

  .brands-detail-tagline {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .brand-detail-banner-b {
    margin-bottom: 20px;
    display: block;
  }

  .brand-detail-banner-l {
    border-radius: 5px;
  }

  .brand-detail-banner-r {
    width: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 10px -5px 0;
    display: none;
  }

  .brand-detail-lightbox.v-small {
    height: auto;
    border-radius: 5px;
    overflow: hidden;
  }

  .brand-detail-banner-img.v-small {
    height: auto;
    padding-top: 66.6%;
  }

  .brand-detail-banner-small-b {
    width: 33.3%;
    height: auto;
    border-radius: 0;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .brand-detail-deal-img {
    display: none;
  }

  .brand-detail-toppick-list {
    margin-left: -5px;
    margin-right: -5px;
  }

  .brand-toppick-item {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .showroom-link {
    display: block;
  }

  .open-gmap-txt {
    margin-top: 10px;
    display: inline-block;
  }

  .pro-detail-banner-link {
    border-radius: 5px;
  }

  .pro-detail-banner-img.v-small {
    height: auto;
    padding-top: 66.6%;
  }

  .pro-detail-banner-b {
    margin-bottom: 20px;
    display: block;
  }

  .pro-detail-thumb {
    width: 90px;
  }

  .pro-detail-heading-b {
    margin-bottom: 20px;
  }

  .pro-detail-banner-item-b {
    width: 50%;
  }

  .pro-rating-b {
    display: block;
  }

  .pro-rating-overall {
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .detail-review-rate-item {
    width: 50%;
  }

  .pro-item-link {
    display: block;
  }

  .pro-item-img-b {
    width: auto;
    max-width: none;
  }

  .pro-item-img {
    padding-top: 33%;
  }

  .pro-item-r-b {
    padding-top: 15px;
    padding-left: 0;
  }

  .pro-item-title {
    font-size: 18px;
  }

  .pro-item-des {
    display: none;
  }

  .pro-listing-recommend-b {
    margin-left: -5vw;
    margin-right: -5vw;
    display: block;
  }

  .pro-listing-recommend-l {
    max-width: none;
    text-align: center;
    padding: 20px 5vw;
  }

  .pro-listing-recommend-r {
    width: auto;
    background-image: url('../images/pro-recommond-mask-m2x.png'), url('../images/prolist-banner-image-pc.png');
    background-position: 50% 100%, 50%;
    background-size: 100%, cover;
    padding-top: 56.25%;
  }

  .pro-listing-recommend-title {
    font-size: 18px;
  }

  .edit-preference-box {
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .checkbox-checked-img.company-bookmarks {
    margin-top: 10px;
    margin-right: 10px;
  }

  .dashboard-top-b {
    padding-top: 0;
  }

  .dashboard-heading-row {
    text-align: center;
    display: block;
  }

  .dashboard-heading-col-img-b {
    margin-left: auto;
    margin-right: auto;
  }

  .dashboard-profile-row {
    margin-top: 0;
    display: block;
  }

  .dashboard-top-content-b {
    margin-top: 0;
  }

  .dashboard-tab-link-img-b {
    margin-bottom: 3px;
    margin-right: 0;
  }

  .dashboard-tab-link-wrap {
    flex-direction: column;
  }

  .dashboard-tab-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .bookmarks-b {
    padding-top: 20px;
  }

  .bookmarks-col {
    width: 50%;
  }

  .dashboard-bookmark-txt-col {
    padding-left: 0;
  }

  .dashboard-bookmark-link-b {
    display: block;
  }

  .dashboard-bookmark-img-col {
    width: auto;
    max-width: none;
  }

  .my-idea-boards-col {
    padding: 16.4%;
  }

  .link-copy-wrap {
    width: 100%;
    display: block;
  }

  .link-copy-col-r {
    text-align: center;
    margin-top: 10px;
    padding: 0;
  }

  .link-copy-col-l {
    padding: 0;
  }

  .link-copy-col-l-content {
    justify-content: center;
  }

  .edit-button-row {
    flex-wrap: nowrap;
  }

  .edit-button-link-delete, .edit-button-close {
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .font-20 {
    font-size: 18px;
  }

  .company-bookmarks-content-wrap {
    display: block;
  }

  .company-bookmarks-img-b {
    width: auto;
    max-width: none;
  }

  .company-bookmarks-content-b {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .company-bookmarks-img {
    padding-top: 33%;
  }

  .company-bookmarks-des {
    display: none;
  }

  .company-bookmarks-title {
    font-size: 18px;
  }

  .pop-paging-content {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .section-div {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-div.v-about-state {
    padding-bottom: 50px;
  }

  .section-div.v-why-compare {
    background-size: 600%;
  }

  .section-div.v-add-together {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-heading-b {
    margin-bottom: 30px;
  }

  .about-promise-img-b {
    margin-bottom: 20px;
  }

  .about-common-bg {
    background-image: url('../images/about-us-background-mask-mobile.png');
    background-position: 50%;
    background-size: 150%;
  }

  .about-stat-num-txt {
    font-size: 36px;
  }

  .common-perk-wrap {
    text-align: left;
    justify-content: flex-start;
  }

  .common-perk-item {
    margin-left: 0;
    margin-right: 0;
  }

  .perk-get-more {
    margin-left: 0;
  }

  .perks-points {
    justify-content: flex-start;
  }

  .nav-menu {
    width: 100vw;
  }

  .btn-common.v-next {
    width: 100px;
  }

  .btn-common.v-pro-listing {
    width: 100%;
  }

  .home-banner-graphic-b.v-mobile {
    margin-top: -70px;
  }

  .home-banner-img {
    padding-top: 140%;
  }

  .home-kickstart-link {
    text-align: center;
    display: block;
  }

  .home-kickstart-icon-b {
    margin-left: auto;
    margin-right: auto;
  }

  .home-kickstart-btn, .btn-arrow-content {
    justify-content: center;
  }

  .home-brand-item {
    width: 33.3%;
  }

  .home-ideas-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .home-idea-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .why-us-logo.v-small {
    max-width: 150px;
  }

  .why-compare-b {
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }

  .why-compare-graphic {
    width: 30%;
    max-width: 80px;
    margin-top: -20px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .why-compare-graphic.v-lady {
    order: 0;
  }

  .why-compare-content-b {
    margin-left: 0;
    margin-right: 0;
  }

  .why-perk-wrap {
    padding: 15px;
  }

  .why-perk-icon {
    width: 45px;
  }

  .why-happy-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .why-happy-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .why-happy-box, .why-happy-item-content {
    display: block;
  }

  .faq-heading-b {
    margin-bottom: 30px;
  }

  .terms-list {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .terms-row {
    border-radius: 0;
  }

  .advertise-banner-b {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ad-who-content {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .ad-who-item {
    width: 33.3%;
  }

  .ad-who-stat-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .ad-stat-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .form-row {
    margin-bottom: 20px;
  }

  .form-row.btn {
    margin-top: 40px;
  }

  .form-field {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-field.v-50, .form-field.v-30, .form-field.v-70, .form-field.v-20 {
    width: auto;
  }

  .form-wrap {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .guarantee-icon-b {
    width: 70px;
    height: 70px;
  }

  .review-how-point-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .review-how-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .review-verify-icon {
    margin-bottom: 10px;
  }

  .review-new-banner-b {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .listing-search.v-article {
    margin-top: 10px;
    margin-left: 0;
  }

  .review-item-main-b {
    align-items: flex-start;
  }

  .review-item-author-b {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .review-item-rating {
    margin-top: 0;
  }

  .popup-common-box {
    padding-left: 25px;
    padding-right: 25px;
  }

  .popup-close-b {
    margin-right: -18px;
    padding-bottom: 0;
  }

  .project-list {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .project-item {
    width: auto;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .project-programme-item.v-pro {
    width: 100%;
  }

  .project-img-list {
    display: block;
  }

  .project-img-item {
    display: none;
  }

  .project-img-item.v-more {
    width: auto;
    display: block;
  }

  .project-info-item {
    width: 50%;
    margin-bottom: 20px;
  }

  .project-work-icon {
    width: 30px;
    margin-right: 10px;
  }

  .project-work-txt {
    margin-top: 5px;
  }

  .similar-firm-item {
    width: 100%;
  }

  .article-listing-option-b {
    display: block;
  }

  .article-lising-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .article-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .article-item.v-recommend {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .recommend-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .related-article-img-b {
    width: 100px;
  }

  .related-article-title {
    margin-top: -5px;
  }

  .deal-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .deals-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .brand-item-rating {
    margin-top: 0;
  }

  .brand-item-rating.v-detail {
    justify-content: center;
    margin-top: 5px;
  }

  .brand-tem-deal-list-wrap {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .brand-item-deal-item {
    width: 100%;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .brand-detail-heading-b {
    text-align: center;
    display: block;
  }

  .brand-detail-thumb {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .brands-detail-tagline {
    text-align: center;
  }

  .brand-detail-banner-r {
    margin-top: 2px;
    margin-left: -1px;
    margin-right: -1px;
  }

  .brand-detail-banner-small-b {
    padding-left: 1px;
    padding-right: 1px;
  }

  .brand-detail-detail-title {
    max-height: none;
  }

  .pro-detail-heading-address {
    text-align: left;
  }

  .pro-detail-thumb {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .pro-detail-heading-b {
    text-align: center;
    display: block;
  }

  .pro-detail-banner-list {
    margin-left: 0;
    margin-right: 0;
  }

  .pro-detail-banner-item-b {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .pro-rating-b {
    display: block;
  }

  .pro-rating-overall {
    justify-content: center;
    margin-right: 0;
  }

  .pro-rating-list {
    margin-left: 0;
    margin-right: 0;
  }

  .pro-rating-cat {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .detail-review-paging-b {
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
  }

  .detail-review-paging-item {
    padding-left: 5px;
    padding-right: 5px;
  }

  .detail-review-paging-item.v-num {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pro-item-top-r {
    flex-wrap: wrap;
  }

  .pro-item-list {
    width: 100%;
    flex: 0 auto;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .pro-item-more {
    display: none;
  }

  .pro-detail-content-b {
    overflow: hidden;
  }

  .sticky-quote-p {
    font-size: 14px;
  }

  .sticky-quote-note {
    font-size: 13px;
  }

  .edit-preference-get-start-col-l {
    max-width: 70%;
  }

  .edit-preference-box {
    padding-left: 25px;
    padding-right: 25px;
  }

  .dashboard-tab-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .dashboard-common-b {
    margin-top: 10px;
  }

  .dashboard-profile-info-col {
    width: 100%;
  }

  .dashboard-profile-info-row {
    display: block;
  }

  .bookmarks-dropdown-d {
    width: 35px;
    height: 35px;
    margin-right: 5px;
    display: none;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .bookmarks-dropdown-list {
    margin-top: 36px;
  }

  .bookmarks-heading-row {
    display: block;
  }

  .bookmarks-heading-col-l {
    width: 100%;
    padding-right: 40px;
    position: relative;
  }

  .bookmarks-heading-col-r {
    width: 100%;
    margin-bottom: 10px;
  }

  .bookmarks-col {
    width: 100%;
    padding: 0;
    display: block;
  }

  .bookmarks-wrap {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .dashboard-bookmark-col {
    width: 100%;
  }

  .my-idea-boards-col {
    padding: 24.5%;
  }

  .bookmarks-row {
    margin-bottom: 20px;
  }

  .hide-smallest-m {
    display: none;
  }

  .show-smallest-m {
    display: block;
  }

  .bookmarks-dropdown-m {
    width: 35px;
    height: 35px;
    margin-right: 5px;
    display: block;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .company-bookmarks-row {
    margin-bottom: 20px;
  }

  .company-bookmarks-more {
    display: none;
  }

  .company-bookmarks-top-r {
    flex-wrap: wrap;
  }

  .company-bookmarks-list {
    width: 100%;
    flex: 0 auto;
    margin-bottom: 10px;
    margin-right: 0;
  }
}