@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./fonts/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "taipei";
  src: url("./fonts/Taipei-Sans-TC-Beta-Bold.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

:root {
  --primary-color: 166 153 128;
  --secondary-color: white;
  --text-color: 35 31 32;
  --gap: 100px;
  --mobile-gap: 70px;
  --line-height: 1.5;
  --header-line-height: 1.2;
  --h1: 45px;
  --h2: 40px;
  --h3: 35px;
  --h4: 30px;
  --h5: 25px;
  --h6: 20px;
  --h7: 18px;
  --mobile-h1: 30px;
  --mobile-h2: 25px;
  --mobile-h3: 20px;
  --p: 16px;
  --header-p: 18px;
  --footer-inspiren: 14px;
  --footer-padding: 10px;
  --sidebar-footer-padding: 50px;
  --logo-height: 70px;
  --logo-width: 220px;
  --footer-logo-height: 120px;
  --con-width: 1140px;
  --con-width-1199: 940px;
  --con-width-991: 720px;
  --border-width: 20px;
  --bottom-curve: ellipse(140% 150% at 50% -50%);
}

* {
  margin: 0;
  box-sizing: border-box;
}

body {
  line-height: var(--line-height);
  font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: var(--header-line-height);
  text-align: left;
  margin-top: 0 !important;
}

h1 {
  font-size: var(--h1);
}

h2 {
  font-size: var(--h2);
}

h3 {
  font-size: var(--h3);
}

h4 {
  font-size: var(--h4);
}

h5 {
  font-size: var(--h5);
}

h6 {
  font-size: var(--h6);
}

html {
  overflow-y: scroll;
  overflow-y: overlay;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar-thumb {
  background: rgb(0 0 0 / 0.2);
}

h1.title-post.entry-title,
footer.entry-footer {
  display: none;
}

.single-post h1.title-post.entry-title {
  display: block;
  font-size: var(--h4);
}

.entry-content > * {
  margin-bottom: 0 !important;
}

.content-area .hentry {
  padding-bottom: 0;
}

.page-wrap .content-wrapper,
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.single .entry-header,
.page .entry-header {
  margin-bottom: 0 !important;
}

/* .single.single-post .entry-header {
    margin-bottom: 40px !important;
  } */

.content-area .hentry {
  padding-bottom: 0 !important;
}

.wpb_gmaps_widget .wpb_wrapper {
  padding: 0 !important;
}

#mainnav ul#primary-menu {
  align-items: center;
  column-gap: 30px;
}

#mainnav ul#primary-menu > li:last-child {
  padding-right: 0;
}

#mainnav ul#primary-menu > li > a,
ul#mobmenuright > li > a {
  font-size: var(--header-p);
}

#masthead .header-col:first-child img {
  max-height: var(--logo-height);
  max-width: var(--logo-width);
}

p.inspiren {
  font-size: var(--footer-inspiren);
  margin-bottom: 0;
}

p.inspiren span,
#colophon .sydney-credits span {
  display: inline-block;
}

#colophon .sydney-credits {
  font-size: var(--footer-inspiren);
  text-align: center;
}

#colophon .sydney-credits a {
  color: inherit;
}

.footer-widgets-grid > .sidebar-column:first-child .widget.widget_media_image {
  margin-bottom: 20px;
}

.footer-widgets-grid > .sidebar-column:first-child img {
  max-height: 120px !important;
  max-width: 350px !important;
  object-fit: contain;
}

.sydney-hero-area {
  display: none !important;
}

.footer-widgets .widget {
  margin-bottom: 30px;
}

.single .hentry {
  margin-bottom: 0 !important;
}

.vc_btn3-container {
  margin-bottom: 35px;
}

.text_justify {
  text-align: justify;
}

.text_white,
.text_white h1,
.text_white h2,
.text_white h3,
.text_white h4,
.text_white h5,
.text_white h6,
.text_white a {
  color: white !important;
}

.text_black,
.text_black h1,
.text_black h2,
.text_black h3,
.text_black h4,
.text_black h5,
.text_black h6,
.text_black a {
  color: black !important;
}

.image-w-full,
.image-w-full * {
  width: 100%;
}

.image-w-full img {
  object-fit: cover;
}

.image-hover-scale {
  overflow: hidden;
}

.image-hover-scale img {
  transition: transform 500ms ease-out;
}

.image-hover-scale:hover img {
  transform: scale(1.05);
}

/* Blocksy */
audio,
canvas,
progress,
video {
  display: block;
}

ul.menu {
  display: flex;
  align-items: center;
  column-gap: 55px;
}

ul.menu > li > a {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
  padding: 20px 0 !important;
}

[data-vertical-spacing*="top"] {
  padding-top: 0;
}

[data-vertical-spacing*="bottom"] {
  padding-bottom: 0;
}

.ct-container {
  width: 100%;
  max-width: none;
}

.ct-footer [data-row="middle"] > div {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ct-footer [data-row="bottom"] > div {
  padding-top: 10px;
  padding-bottom: 10px;
}

.woocommerce-page article > .entry-content > *:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
.woocommerce-page article > .hero-section,
.woocommerce-page article > .product .product-entry-wrapper,
.woocommerce-page article > .related {
  max-width: none;
}

/* .woocommerce-page article > .entry-content > *:not(.alignfull):not(.alignleft):not(.alignright),
.woocommerce-page article > .hero-section,
.woocommerce-page article > .product .product-entry-wrapper,
.woocommerce-page article > .related {
  width: var(--con-width);
} */

.single-product .comment-form-field-input-author,
.single-product .comment-form-field-input-email {
  order: -1;
}

.single-product article > .entry-content .vc_row:not([data-vc-full-width="true"]),
.single-product article > .entry-content .vc_section:not([data-vc-full-width="true"]) {
  width: calc(var(--con-width) + 30px) !important;
  max-width: none !important;
}

.single-product article > .entry-content *:not(.vc_section) > .vc_row[data-vc-full-width="true"],
.single-product article > .entry-content .vc_section[data-vc-full-width="true"] {
  left: 0 !important;
}

.single-product .yith-wcwl-add-button {
  margin-top: 35px;
}

.single-product .wpb_text_column {
  text-align: justify;
}

.single-post .post-edit-link,
.single-post .vc_inline-link {
  display: none !important;
}

#footer .widget_media_image img {
  max-height: 70px;
  width: auto;
}

.ct-footer-copyright > *:not(:first-child) {
  margin-top: 0;
}

@media screen and (min-width: 350px) {
  .span-inline-block span {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) {
  .ct-container {
    max-width: calc(var(--con-width) + 30px);
  }

  .woocommerce-page .ct-container,
  #header .ct-container,
  #footer .ct-container {
    max-width: var(--con-width);
  }
}

@media screen and (max-width: 999px) {
  #header .ct-container,
  #footer .ct-container {
    max-width: none;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
  }
}

@media screen and (max-width: 767px) {
  .woocommerce-page article > .entry-content > *:not(.alignfull):not(.alignleft):not(.alignright),
  .woocommerce-page article > .hero-section,
  .woocommerce-page article > .product .product-entry-wrapper,
  .woocommerce-page article > .related {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 600px) {
  .admin-bar {
    --admin-bar: 46px;
  }
}
/* Blocksy End */

/* Custom */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.wpcf7 p::after {
  display: none;
}

.wpb_text_column ul,
.wpb_text_column ol {
  padding-left: 20px;
}

.mobile_view {
  display: none !important;
}

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

.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner {
  padding-top: 0;
}

.vc_grid-container-wrapper:last-child .vc_grid-container.wpb_content_element {
  margin-bottom: 0;
}

.wpb_text_column.reg_no h1:first-child span,
.wpb_text_column.reg_no h2:first-child span,
.wpb_text_column.reg_no h3:first-child span,
.wpb_text_column.reg_no h4:first-child span,
.wpb_text_column.reg_no h5:first-child span,
.wpb_text_column.reg_no h6:first-child span {
  font-size: 16px !important;
  font-weight: 400;
}

.lh-header {
  line-height: var(--header-line-height);
}

.fs-h1 {
  font-size: var(--h1);
}

.fs-h2 {
  font-size: var(--h2);
}

.fs-h3 {
  font-size: var(--h3);
}

.fs-h4 {
  font-size: var(--h4);
}

.fs-h5 {
  font-size: var(--h5);
}

.fs-h6 {
  font-size: var(--h6);
}

.fs-h7 {
  font-size: var(--h7);
}

.fw-100,
.span-fw-100 span:first-child,
.title-100 h1,
.title-100 h2,
.title-100 h3,
.title-100 h4,
.title-100 h5,
.title-100 h6 {
  font-weight: 100;
}

.fw-200,
.span-fw-200 span:first-child,
.title-200 h1,
.title-200 h2,
.title-200 h3,
.title-200 h4,
.title-200 h5,
.title-200 h6 {
  font-weight: 200;
}

.fw-300,
.span-fw-300 span:first-child,
.title-300 h1,
.title-300 h2,
.title-300 h3,
.title-300 h4,
.title-300 h5,
.title-300 h6 {
  font-weight: 300;
}

.fw-400,
.span-fw-400 span:first-child,
.title-400 h1,
.title-400 h2,
.title-400 h3,
.title-400 h4,
.title-400 h5,
.title-400 h6 {
  font-weight: 400;
}

.fw-500,
.span-fw-500 span:first-child,
.title-500 h1,
.title-500 h2,
.title-500 h3,
.title-500 h4,
.title-500 h5,
.title-500 h6 {
  font-weight: 500;
}

.fw-600,
.span-fw-600 span:first-child,
.title-600 h1,
.title-600 h2,
.title-600 h3,
.title-600 h4,
.title-600 h5,
.title-600 h6 {
  font-weight: 600;
}

.fw-700,
.span-fw-700 span:first-child,
.title-700 h1,
.title-700 h2,
.title-700 h3,
.title-700 h4,
.title-700 h5,
.title-700 h6 {
  font-weight: 700;
}

.fw-800,
.span-fw-800 span:first-child,
.title-800 h1,
.title-800 h2,
.title-800 h3,
.title-800 h4,
.title-800 h5,
.title-800 h6 {
  font-weight: 800;
}

.fw-900,
.span-fw-900 span:first-child,
.title-900 h1,
.title-900 h2,
.title-900 h3,
.title-900 h4,
.title-900 h5,
.title-900 h6 {
  font-weight: 900;
}

.background-fixed {
  background-attachment: fixed;
}

.mb {
  margin-bottom: 35px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-half {
  margin-bottom: calc(var(--gap) / 2) !important;
}

.title-mb-0 p:first-child,
.title-mb-0 h1:first-child,
.title-mb-0 h2:first-child,
.title-mb-0 h3:first-child,
.title-mb-0 h4:first-child,
.title-mb-0 h5:first-child,
.title-mb-0 h6:first-child {
  margin-bottom: 0 !important;
}

.gap {
  padding-top: var(--gap) !important;
  padding-bottom: var(--gap) !important;
}

.gap-t {
  padding-top: var(--gap) !important;
}

.gap-b {
  padding-bottom: var(--gap) !important;
}

.gap-m {
  margin-top: var(--gap) !important;
  margin-bottom: var(--gap) !important;
}

.gap-m-t {
  margin-top: var(--gap) !important;
}

.gap-m-b {
  margin-bottom: var(--gap) !important;
}

.row-mb-10 > div > div > div > *:not(:last-child) {
  margin-bottom: 10px;
}

.row-mb-20 > div > div > div > *:not(:last-child) {
  margin-bottom: 20px;
}

.row-mb-30 > div > div > div > *:not(:last-child) {
  margin-bottom: 30px;
}

.vc_section.column-inner-0,
.vc_row.column-inner-0 > div > div {
  padding-top: 0 !important;
}

.grid {
  display: grid !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: 30px;
}

.grid::before,
.grid::after {
  display: none !important;
}

.grid > div {
  width: 100% !important;
}

.grid > div > div {
  height: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.grid > div > div > div > *:last-child {
  margin-bottom: 0;
}

.grid-row-gap {
  row-gap: var(--gap);
}

.grid-column-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-column-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-column-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-column-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-column-6 {
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (min-width: 576px) {
  .grid-sm {
    display: grid !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 30px;
  }

  .grid-sm::before,
  .grid-sm::after {
    display: none !important;
  }

  .grid-sm > div {
    width: 100% !important;
  }

  .grid-sm > div > div {
    height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .grid-sm > div > div > div > *:last-child {
    margin-bottom: 0;
  }

  .grid-column-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-column-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-column-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-column-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-column-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 768px) {
  body:not(.single-product) .vc_row > div > div > div > *:last-child {
    margin-bottom: 0;
  }

  .desktop-mb {
    margin-bottom: 35px !important;
  }

  .desktop-mb-0 {
    margin-bottom: 0 !important;
  }

  .desktop-mb-10 {
    margin-bottom: 10px !important;
  }

  .desktop-mb-20 {
    margin-bottom: 20px !important;
  }

  .desktop-mb-30 {
    margin-bottom: 30px !important;
  }

  .desktop-mb-50 {
    margin-bottom: 50px !important;
  }

  .desktop-mb-half {
    margin-bottom: calc(var(--gap) / 2) !important;
  }

  .column-gap {
    --column-gap: 30px;
  }

  .column-gap > div {
    padding-left: var(--column-gap) !important;
    padding-right: var(--column-gap) !important;
  }

  .column-gap > div:first-child {
    padding-left: 0 !important;
  }

  .column-gap > div:last-child {
    padding-right: 0 !important;
  }

  .column-gap.vc_row-no-padding,
  .vc_row-no-padding .column-gap {
    --column-gap: 45px;
  }

  .column-gap .grid-md {
    display: grid !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 20px;
  }

  .padding-left-gap.vc_row:not(.vc_inner) > div:first-child {
    padding-left: calc((100% - var(--con-width)) / 2 - 15px) !important;
  }

  .padding-left-gap.vc_row-no-padding:not(.vc_inner) > div:first-child,
  .vc_row.vc_row-no-padding .padding-left-gap.vc_row.vc_inner > div:first-child {
    padding-left: calc((100% - var(--con-width)) / 2) !important;
  }

  .padding-right-gap:not(.vc_inner) > div:last-child {
    padding-right: calc((100% - var(--con-width)) / 2 - 15px) !important;
  }

  .padding-right-gap.vc_row-no-padding:not(.vc_inner) > div:last-child,
  .vc_row.vc_row-no-padding .padding-right-gap.vc_row.vc_inner > div:last-child {
    padding-right: calc((100% - var(--con-width)) / 2) !important;
  }

  .grid-md {
    display: grid !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 30px;
  }

  .grid-md::before,
  .grid-md::after {
    display: none !important;
  }

  .grid-md > div {
    width: 100% !important;
  }

  .grid-md > div > div {
    height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .grid-md > div > div > div > *:last-child {
    margin-bottom: 0;
  }

  .grid-column-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-column-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-column-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-column-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-column-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }

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

@media screen and (min-width: 992px) {
  .grid-lg {
    display: grid !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 30px;
  }

  .grid-lg::before,
  .grid-lg::after {
    display: none !important;
  }

  .grid-lg > div {
    width: 100% !important;
  }

  .grid-lg > div > div {
    height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .grid-lg > div > div > div > *:last-child {
    margin-bottom: 0;
  }

  .grid-column-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-column-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-column-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-column-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-column-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

.grid-gap-0 {
  gap: 0;
}

@media screen and (max-width: 1199px) {
  :root {
    --con-width: var(--con-width-1199);
  }
}

@media screen and (max-width: 991px) {
  :root {
    --gap: var(--mobile-gap);
    --con-width: var(--con-width-991);
    --h1: var(--mobile-h1);
    --h2: var(--mobile-h1);
    --h3: var(--mobile-h2);
    --h4: var(--mobile-h2);
    --h5: var(--mobile-h3);
    --h6: var(--mobile-h3);
  }
}

@media screen and (max-width: 767px) {
  .gap,
  .gap-b {
    padding-bottom: calc(var(--gap) - 35px) !important;
  }

  .gap.full,
  .gap-b.full {
    padding-bottom: var(--gap) !important;
  }

  .mobile-mb-0 {
    margin-bottom: 0 !important;
  }

  .mobile-mb-10 {
    margin-bottom: 10px !important;
  }

  .mobile-mb-20 {
    margin-bottom: 20px !important;
  }

  .mobile-mb-30 {
    margin-bottom: 30px !important;
  }

  .mobile-mb-50 {
    margin-bottom: 50px !important;
  }

  .mobile-mb-half {
    margin-bottom: calc(var(--gap) / 2) !important;
  }

  .reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .desktop_view {
    display: none !important;
  }

  .mobile_view {
    display: block !important;
  }

  .mobile-br-none br {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

/* End Custom */

.custom-button .vc_general,
.wpcf7 input[type="submit"] {
  outline: none !important;
  background: rgb(var(--primary-color)) !important;
  color: white !important;
  border-radius: 100vmax !important;
  padding: 8px 50px !important;
  border: 1px solid rgb(var(--primary-color)) !important;
  font-family: "Poppins", sans-serif;
  transition: all 250ms ease-out !important;
}

.custom-button .vc_general:hover,
.wpcf7 input[type="submit"]:hover {
  background: none !important;
  color: rgb(var(--primary-color)) !important;
  box-shadow: 0 0 20px rgb(var(--primary-color)), 0 0 5px rgb(var(--primary-color)) inset;
}

.custom-button.esp-button .vc_general {
  padding: 15px 25px !important;
  width: 256px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-button.contact-button .vc_general {
  background: #00a651 !important;
  padding: 10px 50px !important;
  border: 1px solid #00a651 !important;
}

.custom-button.contact-button .vc_general:hover {
  background: none !important;
  color: white !important;
  box-shadow: 0 0 20px #00a651, 0 0 5px #00a651 inset;
}

.custom-button.esp-button.visit-button .vc_general {
  background: black !important;
  border: 1px solid black !important;
}

.custom-button.esp-button.visit-button .vc_general:hover {
  background: none !important;
  color: white !important;
  box-shadow: 0 0 20px black, 0 0 5px black inset;
}

.custom-button.esp-button.profile-button .vc_general {
  background: #ec3039 !important;
  border: 1px solid #ec3039 !important;
}

.custom-button.esp-button.profile-button .vc_general:hover {
  background: none !important;
  color: white !important;
  box-shadow: 0 0 20px #ec3039, 0 0 5px #ec3039 inset;
}

.custom-button.esp-button.profile-button .vc_general::before,
.custom-button.download-button .vc_general::before {
  content: "\f063";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: inherit;
  margin-right: 12px;
}

.wpb_text_column.with-tri h1:first-child::after,
.wpb_text_column.with-tri h2:first-child::after,
.wpb_text_column.with-tri h3:first-child::after,
.wpb_text_column.with-tri h4:first-child::after,
.wpb_text_column.with-tri h5:first-child::after,
.wpb_text_column.with-tri h6:first-child::after {
  content: "";
  display: inline-block;
  background: bottom / contain no-repeat url("https://wealthyhomes4u.com.my/wp-content/uploads/2023/02/tri-logo.png");
  width: 12px;
  height: auto;
  aspect-ratio: 104 / 61;
  margin-left: 10px;
}

.bottom-curve {
  clip-path: var(--bottom-curve);
}

.wpb_single_image.image-with-br {
  overflow: hidden;
  border-radius: 15px;
}

/* Home Page */

.home-who-row > div.vc_col-sm-12 {
  width: 60%;
  margin: auto;
  float: none;
  padding-left: calc(var(--gap) / 2);
}

.home-who-row,
.about-awards-row,
.products-services-projects-row,
.new-project-plan.with-row-tri {
  position: relative;
  isolation: isolate;
}

.home-who-row::before,
.about-awards-row::before,
.products-services-projects-row::before,
.new-project-plan.with-row-tri::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: min(calc(100% - var(--gap) / 2), 50vw);
  aspect-ratio: 105 / 127;
  background: #edebe6;
  z-index: -1;
  display: block !important;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.products-services-projects-row .vc_row.vc_inner.grid {
    gap: calc(var(--gap) / 2) 30px;
}

.home-products-services-row .products-services-image {
  border-radius: 15px;
  overflow: hidden;
}

.home-products-services-row .products-services-image img {
  aspect-ratio: 120 / 67;
}

.home-products-services-row .products-services-links {
  --link-padding: 10px;
}

.home-products-services-row .products-services-links > a {
  padding-left: var(--link-padding);
  padding-right: var(--link-padding);
}

.home-products-services-row .products-services-links > a:first-child {
  padding-left: 0;
}

.home-products-services-row .products-services-links > a:last-child {
  padding-right: 0;
}

.home-products-services-row .products-services-links > a:not(:first-child) {
  border-left: 1px solid white;
}

.home-esp-row.vc_row-has-fill {
  position: relative;
  isolation: isolate;
}

.home-esp-row.vc_row-has-fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block !important;
  background: rgb(var(--primary-color) / 0.75);
}

.home-esp-row .esp-icon img {
  height: 60px;
  width: auto;
}

.home-founder-row.row_1 .founder-image img {
  aspect-ratio: 305 / 169;
}

.home-enquiry-row.vc_row-has-fill {
  position: relative;
  isolation: isolate;
}

.home-enquiry-row.vc_row-has-fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block !important;
  background: #bcbec0;
  opacity: 0.8;
}

.text-mix-blend,
.text-mix-blend h1,
.text-mix-blend h2,
.text-mix-blend h3,
.text-mix-blend h4,
.text-mix-blend h5,
.text-mix-blend h6 {
  color: #ed1c24;
  mix-blend-mode: multiply;
}

.text-mix-blend h1 {
  font-size: calc(var(--h1) + 25px);
}

.text-mix-blend h2 {
  font-size: calc(var(--h2) + 25px);
}

.text-mix-blend h3 {
  font-size: calc(var(--h3) + 25px);
}

.text-mix-blend h4 {
  font-size: calc(var(--h4) + 25px);
}

.text-mix-blend h5 {
  font-size: calc(var(--h5) + 25px);
}

.text-mix-blend h6 {
  font-size: calc(var(--h6) + 25px);
}

.home .home-founder-sec {
  position: relative;
  isolation: isolate;
}

.home .home-founder-sec::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% / 3 * 2);
  height: auto;
  display: block !important;
  z-index: -1;
}

/* About Page */
.about-mission-vision-row.vc_row-has-fill {
  position: relative;
  isolation: isolate;
}

.about-mission-vision-row.vc_row-has-fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block !important;
  background: rgb(var(--primary-color) / 0.85);
}

.home-founder-row.row_3 .founder-image img {
  aspect-ratio: 1;
}

.home-founder-row.row_4 .founder-image img {
  aspect-ratio: 705 / 142;
  object-fit: contain;
}

.home-founder-row.row_4 {
  position: relative;
  isolation: isolate;
}

.home-founder-row.row_4::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - (100vw - 30px) / 705 * (142 / 3));
  z-index: -1;
  display: block !important;
  background: #f2f2f2;
}

.home-founder-project-row .vc_row.vc_inner .wpb_text_column a {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  aspect-ratio: 201 / 160;
  text-decoration: none;
  position: relative;
  isolation: isolate;
  transition: opacity 250ms ease-out;
}

.home-founder-project-row .vc_row.vc_inner .wpb_text_column a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block !important;
  background: rgb(var(--text-color) / 0.6);
}

.home-founder-project-row .vc_row.vc_inner .wpb_text_column a:hover {
  opacity: 0;
}

.about-associations-row .associations-icon img {
  height: 110px;
  width: auto;
}

.about-awards-row .awards-image img {
  aspect-ratio: 144 / 209;
}

.about-awards-row .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
  border-radius: 0;
  padding: 0;
  border: none;
}

.about-awards-row .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
  background: none;
  border: none;
}

.about-awards-row .vc_tta.vc_general .vc_tta-tab.vc_active > a::after,
.about-awards-row .vc_tta.vc_general .vc_tta-tab.vc_active > a::before {
  display: none !important;
}

.about-awards-row .vc_tta-tabs-container {
  width: 25%;
}

.about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
  background: none;
  color: rgb(var(--text-color));
  border: none;
  border-bottom: 1px solid rgb(var(--text-color)) !important;
  border-radius: 0 !important;
  padding: 14px;
}

.about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a,
.about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:hover {
  color: white;
  background: rgb(var(--primary-color));
}

.about-awards-row .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
  margin: 0;
}

body:not(.home) .home-founder-row.row_3 {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
}

/* Products & Services Page */
.products-services-intro-row .intro-text.with-border {
  padding-left: calc(var(--gap) / 2);
  border-left: 1px solid rgb(var(--text-color));
}

.products-services-intro-row .intro-image img {
  aspect-ratio: 428 / 393;
}

.products-services-projects-row .projects-image img {
  aspect-ratio: 46 / 33;
}

.products-services-projects-row .projects-text h1:first-child,
.products-services-projects-row .projects-text h2:first-child,
.products-services-projects-row .projects-text h3:first-child,
.products-services-projects-row .projects-text h4:first-child,
.products-services-projects-row .projects-text h5:first-child,
.products-services-projects-row .projects-text h6:first-child {
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(var(--text-color));
  margin-bottom: 15px;
}

.products-services-projects-row .projects-text p:not(:last-child) {
    margin-bottom: 10px;
}

.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
  padding: 0;
  border: none;
}

.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
  background: none;
  border: none;
}

.products-services-projects-row .vc_tta.vc_general .vc_tta-tab.vc_active > a::after,
.products-services-projects-row .vc_tta.vc_general .vc_tta-tab.vc_active > a::before {
  display: none !important;
}

.products-services-projects-row .vc_tta.vc_general .vc_tta-tabs-list {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-bottom: 1px solid rgb(var(--text-color));
}

.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a,
.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
  color: black;
  font-weight: 600;
  background: none;
  border: none;
  border-radius: 0 !important;
  font-size: var(--h6);
}

.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
  padding: 0 0 25px;
  background: none !important;
}

.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab,
.awards-category-row .vc_tta.vc_tta-style-classic .vc_tta-tab {
  position: relative;
  isolation: isolate;
}

.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab::before,
.awards-category-row .vc_tta.vc_tta-style-classic .vc_tta-tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  display: block !important;
  background: rgb(var(--primary-color));
  transform: translateY(50%);
  transition: height 200ms ease-out;
}

.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab:hover::before,
.products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active::before,
.awards-category-row .vc_tta.vc_tta-style-classic .vc_tta-tab:hover::before,
.awards-category-row .vc_tta.vc_tta-style-classic .vc_tta-tab.vc_active::before {
  height: 12px;
}

.products-services-projects-row .vc_tta.vc_general .vc_tta-tabs-list,
.products-services-projects-row .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container,
.awards-category-row .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list,
.awards-category-row .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container {
  overflow: visible;
}

/* Single Post Page */
.single-post .post-image img {
  aspect-ratio: 555 / 341;
}

.single-post .wpb_text_column table:not(:last-child) {
  margin-bottom: 24px;
}

.single-post .wpb_text_column table {
  width: auto;
}

.single-post .wpb_text_column table td {
  padding: 2.5px 5px;
  vertical-align: top;
}

.single-post .wpb_text_column table,
.single-post .wpb_text_column table td {
  border: none;
}

.single-post .wpb_text_column table td:first-child {
  padding-left: 0;
}

.single-post .wpb_text_column table td:last-child {
  padding-right: 0;
}

/* Awards Page */
.awards-category-row .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
  padding: 0;
  border: none;
}

.awards-category-row .vc_gitem_row .vc_gitem-col {
  padding: 0;
}

.awards-category-row .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
  background: none;
  border: none;
}

.awards-category-row .vc_gitem-zone.vc_gitem-zone-a {
  border-radius: 15px;
  aspect-ratio: 31 / 23;
}

.awards-category-row .vc_tta.vc_general .vc_tta-tab.vc_active > a::after,
.awards-category-row .vc_tta.vc_general .vc_tta-tab.vc_active > a::before {
  display: none !important;
}

.awards-category-row .vc_tta.vc_tta-style-classic .vc_tta-tabs-list {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(var(--text-color));
  gap: 50px;
  padding-left: 20px;
}

.awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
  padding: 0 10px 8px;
  border: none;
  font-size: var(--h6);
}

.awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a,
.awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
  background: none !important;
  color: black;
}

.awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
  font-weight: 600;
}

/* Contact Page */
.contact-company-row table td {
  vertical-align: top;
  padding: 5px;
}

.contact-company-row table td:first-child {
  color: rgb(var(--primary-color));
  font-weight: 600;
  padding-left: 0;
}

.contact-company-row table td:last-child {
  padding-right: 0;
}

.contact-company-row table tr:first-child td {
  padding-top: 0;
}

.contact-company-row table tr:last-child td {
  padding-bottom: 0;
}

.contact-company-row table td,
.contact-company-row table {
  border: none;
}

.contact-gallery-row .gallery-image img {
  aspect-ratio: 92 / 63;
}

.contact-gallery-row {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
}

.contact-gallery-row::before {
  content: "";
  position: absolute;
  top: calc(var(--gap) / -2);
  right: 0;
  width: 50%;
  height: auto;
  aspect-ratio: 105 / 127;
  z-index: -1;
  display: block !important;
  background: #edebe6;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}

.contact-enquiry-row.vc_row-has-fill {
  position: relative;
  isolation: isolate;
}

.contact-enquiry-row.vc_row-has-fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: -1;
  display: block !important;
  opacity: 0.75;
}

.contact-enquiry-row .enquiry-text h1:first-child,
.contact-enquiry-row .enquiry-text h2:first-child,
.contact-enquiry-row .enquiry-text h3:first-child,
.contact-enquiry-row .enquiry-text h4:first-child,
.contact-enquiry-row .enquiry-text h5:first-child,
.contact-enquiry-row .enquiry-text h6:first-child {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(var(--text-color));
}

.wpcf7 ::placeholder {
  color: rgb(var(--text-color)) !important;
  opacity: 1 !important;
}

.wpcf7 input:not([type="submit"]) {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-left: 0;
  padding-right: 0;
}

#contact_form > p {
  display: grid;
  gap: 20px;
}

#contact_form {
  margin-bottom: 20px;
}

#contact_form + p {
  margin-top: 20px;
}

.wpcf7 input[type="submit"] {
  float: none;
}

.contact-enquiry-row.vc_row-has-fill .enquiry-text,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h1,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h2,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h3,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h4,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h5,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h6,
.contact-enquiry-row.vc_row-has-fill .wpcf7 ::placeholder,
.contact-enquiry-row.vc_row-has-fill .wpcf7-response-output,
.contact-enquiry-row.vc_row-has-fill .wpcf7 input:not([type="submit"]) {
  color: white !important;
}

.contact-enquiry-row.vc_row-has-fill .enquiry-text h1:first-child,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h2:first-child,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h3:first-child,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h4:first-child,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h5:first-child,
.contact-enquiry-row.vc_row-has-fill .enquiry-text h6:first-child,
.contact-enquiry-row.vc_row-has-fill .wpcf7 input:not([type="submit"]):not(:focus) {
  border-color: white;
}

.wpcf7-response-output {
  margin-bottom: 0 !important;
}

/* Header */
/*.single-post ul.menu > li.menu-item-64 > a,*/
ul.menu > li[class*="current"] > a {
  font-weight: 600;
}

.single-post ul.menu > li.menu-item-64 > a {
  /*color: #ec3039;*/
}

ul.menu > .menu-item-has-children > a > .ct-toggle-dropdown-desktop {
  display: none !important;
}

ul.menu > li > ul.sub-menu {
  background: white;
  width: 250px;
  isolation: isolate;
}

ul.menu ul.sub-menu a {
  color: black;
  font-size: 15px;
  padding: 10px 20px;
  font-weight: 400;
}

ul.menu ul.sub-menu a:hover,
ul.menu ul.sub-menu > li[class*="current"] > a {
  color: white;
  background: rgb(var(--primary-color));
}

ul.menu ul.sub-menu > li:not(:last-child) {
  position: relative;
  isolation: isolate;
}

ul.menu ul.sub-menu > li:not(:last-child)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgb(var(--text-color));
  display: block !important;
  transform: translateY(50%);
}

ul.menu > li > ul.sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  z-index: -1;
  background: white;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  display: block !important;
  transform: translateY(-100%);
}

/* Footer */
#footer #text-3 img {
  height: 40px;
  width: auto;
  margin-right: 10px;
}

#footer #text-3 a {
  font-weight: 700;
}

.page-id-58 #footer [data-row="middle"] {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .home-products-services-sec {
    padding-left: calc((100vw - var(--con-width)) / 2) !important;
    padding-right: calc((100vw - var(--con-width)) / 2) !important;
  }

  .home-who-row > div.vc_col-sm-12 {
    border-left: 1px solid #231f20;
  }

  .home-esp-row .vc_row.vc_inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .home-esp-row .vc_row.vc_inner > div {
    width: auto;
  }

  .home-founder-row.row_1 > div:last-child {
    padding-top: calc(var(--gap) / 2);
  }

  .home .home-founder-sec::before {
    aspect-ratio: 151 / 268;
    background: center / contain no-repeat url(https://wealthyhomes4u.com.my/wp-content/uploads/2023/02/tri-photo.png);
  }

  .about-associations-row .vc_row.vc_inner > div:not(:first-child) {
    border-left: 1px solid rgb(var(--text-color));
  }

  .about-awards-row .vc_tta-panels-container {
    padding-left: 60px;
    transform: translateY(-69px);
  }

  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a .vc_tta-title-text {
    display: block;
    text-align: center;
  }

  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a .vc_tta-title-text::before {
    content: "";
    display: block;
    width: 100px;
    height: auto;
    aspect-ratio: 1;
    margin-bottom: 20px;
    border-radius: 50%;
  }

  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a[href="#buy"] .vc_tta-title-text::before {
    background: rgb(var(--primary-color)) center / 45% no-repeat url("https://wealthyhomes4u.com.my/wp-content/uploads/2023/02/buy-icon.png");
  }

  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a[href="#rent"] .vc_tta-title-text::before {
    background: rgb(var(--primary-color)) center / 45% no-repeat url("https://wealthyhomes4u.com.my/wp-content/uploads/2023/02/rent-icon.png");
  }

  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a[href="#sale"] .vc_tta-title-text::before {
    background: rgb(var(--primary-color)) center / 45% no-repeat url("https://wealthyhomes4u.com.my/wp-content/uploads/2023/02/sale-icon.png");
  }

  .awards-category-row .vc_grid-item-mini {
    display: flex;
    align-items: center;
    gap: 90px;
  }

  .awards-category-row .vc_grid-item-mini::before,
  .awards-category-row .vc_grid-item-mini::after {
    display: none !important;
  }

  .awards-category-row .vc_grid-item-mini > div {
    width: 50%;
    overflow: visible;
  }

  .awards-category-row .vc_grid.vc_row .vc_grid-item {
    padding-top: calc(var(--gap) / 2);
    padding-bottom: calc(var(--gap) / 2);
  }

  .awards-category-row .vc_grid.vc_row .vc_grid-item:first-child {
    padding-top: 0;
  }

  .awards-category-row .vc_grid.vc_row .vc_grid-item:last-child {
    padding-bottom: 0;
  }

  .awards-category-row .vc_grid.vc_row .vc_grid-item:not(:last-child) {
    border-bottom: 1px solid rgb(var(--text-color));
  }

  .awards-category-row .vc_tta-panels-container {
    padding-top: calc(var(--gap) / 2);
  }

  #contact_form > p {
    grid-template-columns: repeat(3, 1fr);
  }

  #contact_form [data-name="contact_location"] ~ * {
    grid-column: 1 / -1;
  }

  .home-founder-project-row .founder-project-text {
    padding-right: calc((100vw - var(--con-width)) / 2);
    padding-left: calc(100% - ((var(--con-width) + 30px) / 3 * 2 - 30px) - (100vw - var(--con-width)) / 2);
  }

  body:not(.home) .home-founder-row.row_3::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: auto;
    aspect-ratio: 105 / 127;
    background: #edebe6;
    z-index: -1;
    display: block !important;
    clip-path: polygon(100% 0, 0 0, 0 100%);
  }

  body:not(.home) .home-founder-row.row_3.gap::before,
  body:not(.home) .home-founder-row.row_3.gap-t::before {
    top: calc(var(--gap) / 2);
  }

  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding-top: calc(var(--gap) / 2);
  }
  
  .home-founder-row.row_1 .founder-image {
      padding-right: 15%;
  }
}

@media screen and (min-width: 992px) {
  .home-products-services-sec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .home-products-services-sec > .home-products-services-row:first-child {
    grid-column: span 2;
    grid-row: span 2;
  }

  .home-products-services-sec > .home-products-services-row:first-child > div,
  .home-products-services-sec > .home-products-services-row:first-child > div > div,
  .home-products-services-sec > .home-products-services-row:first-child > div > div > div,
  .home-products-services-sec > .home-products-services-row:first-child .wpb_single_image,
  .home-products-services-sec > .home-products-services-row:first-child .wpb_single_image * {
    height: 100%;
  }

  .home-products-services-sec > .home-products-services-row:first-child .wpb_single_image img {
    aspect-ratio: auto;
  }

  .home-products-services-sec > .home-products-services-row:first-child .wpb_single_image,
  .home-products-services-sec > .home-products-services-row:not(:first-child) .wpb_single_image a {
    margin-bottom: 0;
    position: relative;
    isolation: isolate;
  }
  
  

  .home-products-services-sec > .home-products-services-row:first-child .wpb_single_image::before,
  .home-products-services-sec > .home-products-services-row:not(:first-child) .wpb_single_image a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    background: rgb(var(--text-color) / 0.4);
  }

  .home-products-services-sec > .home-products-services-row:first-child .wpb_single_image::before,
  .home-products-services-sec > .home-products-services-row:not(:first-child) .wpb_single_image a::before,
  .home-products-services-sec > .home-products-services-row:first-child .vc_row.vc_inner {
    transition: all 500ms ease-out;
    opacity: 0;
  }

  .home-products-services-sec > .home-products-services-row:first-child:hover .wpb_single_image::before,
  .home-products-services-sec > .home-products-services-row:not(:first-child):hover .wpb_single_image a::before,
  .home-products-services-sec > .home-products-services-row:first-child:hover .vc_row.vc_inner {
    opacity: 1;
  }

  .home-products-services-sec > .home-products-services-row:first-child .vc_row.vc_inner {
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
    transform: translateY(-50%);
  }

  .home-products-services-sec > .home-products-services-row:first-child .products-services-title {
    font-size: var(--h4);
    font-weight: 700;
    color: white;
  }

  .home-products-services-sec > .home-products-services-row:first-child .vc_row.vc_inner > div > div {
    padding-left: 0;
    padding-right: 0;
  }

  .home-products-services-sec > .home-products-services-row > div > div {
    padding-left: 0;
    padding-right: 0;
  }

  .home-products-services-sec > .home-products-services-row:not(:first-child) .vc_row.vc_inner .wpb_raw_html,
  .home-products-services-sec > .home-products-services-row:not(:first-child) .vc_row.vc_inner .custom-button {
    display: none;
  }

  .home-products-services-sec > .home-products-services-row:not(:first-child) .vc_row.vc_inner .products-services-title {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 1000px) {
  #footer #text-3 {
    text-align: right;
  }

  #footer #text-3 a {
    font-size: 25px;
  }

  #footer [data-column="widget-area-2"] {
    display: flex;
    justify-content: flex-end;
  }

  body:not(.page-id-58) #footer [data-row="bottom"] {
    display: none !important;
  }
}

@media screen and (max-width: 1199px) {
  ul.menu {
    gap: 30px;
  }
}

@media screen and (max-width: 999px) {
  .mobile-menu ul[role="menubar"] li[class*="current"] > a,
  .mobile-menu ul[role="menubar"] li[class*="current"] > .ct-sub-menu-parent > a,
  .single-post .mobile-menu ul[role="menubar"] > li.menu-item-64 > a {
    font-weight: 600;
  }

  .single-post .mobile-menu ul[role="menubar"] > li.menu-item-64 > a {
    color: #ec323a;
  }

  #footer #text-2 {
    display: none !important;
  }

  #footer .ct-container {
    row-gap: 25px;
  }

  #footer #text-3 img {
    height: 25px;
  }

  #footer #text-3 a {
    font-size: var(--h6);
  }

  .ct-footer [data-row="middle"] > div {
    padding-bottom: 0;
  }

  .ct-footer table td {
    padding: 5px;
    vertical-align: top;
    line-height: 1.5;
  }

  .ct-footer table td:first-child {
    padding-left: 0;
  }

  .ct-footer table td:last-child {
    padding-right: 0;
  }

  .ct-footer table tr:first-child td {
    padding-top: 0;
  }

  .ct-footer table tr:last-child td {
    padding-bottom: 0;
  }

  .ct-footer table,
  .ct-footer table td {
    border: none;
  }
}

@media screen and (max-width: 991px) {
  .home-products-services-sec > .home-products-services-row .vc_row.vc_inner .wpb_raw_html {
    display: none;
  }

  .home-products-services-sec {
    display: grid;
    gap: var(--gap);
  }
}

@media screen and (max-width: 767px) {
  .home-who-row > div.vc_col-sm-12 {
    width: calc(100% - 30px);
    padding-left: 15px;
  }
  
    .home-products-services-sec > .home-products-services-row .wpb_single_image a {
      position: relative;
    isolation: isolate;
  }
  
  .home-products-services-sec > .home-products-services-row .wpb_single_image a::before {
      content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    background: rgb(var(--text-color) / 0.4);
    opacity: 0;
    transition: all 500ms ease-out;
  }
  
  .home-products-services-sec > .home-products-services-row .wpb_single_image:hover a::before {
      opacity: 1;
  }

  .products-services-main-title h1:first-child,
  .products-services-main-title h2:first-child,
  .products-services-main-title h3:first-child,
  .products-services-main-title h4:first-child,
  .products-services-main-title h5:first-child,
  .products-services-main-title h6:first-child {
    text-align: left !important;
  }

  .home-products-services-row .products-services-image img {
    aspect-ratio: 413 / 242;
  }

  .home-products-services-sec {
    padding-bottom: 35px;
  }

  .custom-button.esp-button .vc_general {
    width: auto;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .home-founder-row.row_1 .founder-image {
    width: 85%;
  }

  .home-founder-row.row_1 > div:last-child {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-founder-project-row .founder-project-text {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-founder-project-row .vc_row.vc_inner .wpb_text_column a {
    aspect-ratio: 239 / 191;
  }

  .text-mix-blend h1 {
    font-size: calc(var(--h1) + 5px);
  }

  .text-mix-blend h2 {
    font-size: calc(var(--h2) + 5px);
  }

  .text-mix-blend h3 {
    font-size: calc(var(--h3) + 5px);
  }

  .text-mix-blend h4 {
    font-size: calc(var(--h4) + 5px);
  }

  .text-mix-blend h5 {
    font-size: calc(var(--h5) + 5px);
  }

  .text-mix-blend h6 {
    font-size: calc(var(--h6) + 5px);
  }

  .home-products-services-sec {
    gap: calc(var(--gap) - 35px);
  }

  .home-esp-row .esp-icon img {
    height: 50px;
  }

  .home-esp-row .vc_row.vc_inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-esp-row .vc_row.vc_inner::before,
  .home-esp-row .vc_row.vc_inner::after {
    display: none !important;
  }

  .home-esp-row .vc_row.vc_inner > div {
    width: auto;
  }

  .home-esp-row .vc_row.vc_inner > div > div {
    padding-left: 0;
    padding-right: 0;
  }

  .home-esp-row .vc_row.vc_inner > div > div > div > *:last-child {
    margin-bottom: 0;
  }

  .home-founder-row.row_1 .founder-image img {
    aspect-ratio: 377 / 233;
    object-position: top;
  }

  .home-founder-sec.gap,
  .home-founder-sec.gap-b {
    padding-bottom: 0 !important;
  }

  .site-title {
    font-size: 12px;
  }

  .home-who-row .wpb_text_column {
    position: relative;
    isolation: isolate;
  }

  .home-who-row .wpb_text_column::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 1px;
    height: 100%;
    z-index: -1;
    display: block !important;
    background: rgb(var(--text-color));
  }

  .home .home-founder-sec::before {
    aspect-ratio: 105 / 127;
    clip-path: polygon(100% 0, 0 0, 0 100%);
    background: #edebe6;
  }

  body:not(.home) .home-founder-row.row_1 > div:last-child .wpb_text_column h1:first-child,
  body:not(.home) .home-founder-row.row_1 > div:last-child .wpb_text_column h2:first-child,
  body:not(.home) .home-founder-row.row_1 > div:last-child .wpb_text_column h3:first-child,
  body:not(.home) .home-founder-row.row_1 > div:last-child .wpb_text_column h4:first-child,
  body:not(.home) .home-founder-row.row_1 > div:last-child .wpb_text_column h5:first-child,
  body:not(.home) .home-founder-row.row_1 > div:last-child .wpb_text_column h6:first-child {
    text-align: right;
  }

  .home-founder-row.row_3.gap,
  .home-founder-row.row_3.gap-t {
    padding-top: calc(var(--gap) / 2) !important;
  }

  body:not(.home) .home-founder-row.row_3 .founder-image {
    width: 50%;
    margin-left: auto;
  }

  .about-awards-row .vc_row.vc_inner {
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    gap: 15px;
    margin-bottom: 20px !important;
  }

  .about-awards-row .vc_row.vc_inner::before,
  .about-awards-row .vc_row.vc_inner::after {
    display: none !important;
  }

  .about-awards-row .vc_row.vc_inner > div > div {
    padding-left: 0;
    padding-right: 0;
  }

  .about-awards-row .vc_row.vc_inner > div > div > div > *:last-child {
    margin-bottom: 0;
  }

  .about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title,
  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title,
  .awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title {
    font-size: var(--p);
    font-weight: 400;
  }

  .about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title,
  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title,
  .awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title {
    font-weight: 600;
  }

  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title,
  .awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title {
    font-size: var(--h7);
  }

  .about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a,
  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a,
  .awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
    color: rgb(var(--text-color)) !important;
    padding: 20px 15px;
  }

  .about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
  .about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
  .awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
  .awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background: none !important;
  }

  .about-awards-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
  .products-services-projects-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
  .awards-category-row .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border: none;
  }

  .about-awards-row .vc_tta.vc_general .vc_tta-panel,
  .products-services-projects-row .vc_tta.vc_general .vc_tta-panel,
  .awards-category-row .vc_tta.vc_general .vc_tta-panel {
    border-top: 1px solid rgb(var(--primary-color));
  }

  .products-services-projects-row .vc_tta.vc_general .vc_tta-panel:last-child,
  .awards-category-row .vc_tta.vc_general .vc_tta-panel:last-child {
    border-bottom: 1px solid rgb(var(--primary-color));
  }

  .about-awards-row .vc_tta-container,
  .products-services-projects-row .vc_tta-container,
  .awards-category-row .vc_tta-container {
    margin-bottom: 0;
    margin-left: -15px;
    margin-right: -15px;
  }

  .awards-category-row .vc_grid-container-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .awards-category-row .vc_pageable-slide-wrapper {
    display: grid;
    gap: var(--gap);
  }

  .awards-category-row .vc_pageable-slide-wrapper::before,
  .awards-category-row .vc_pageable-slide-wrapper::after {
    display: none !important;
  }

  .awards-category-row .vc_gitem-zone.vc_gitem-zone-c {
    margin-top: 35px;
  }

  .awards-category-row .vc_gitem-zone.vc_gitem-zone-a {
    aspect-ratio: 414 / 211;
  }

  .about-awards-row.gap,
  .about-awards-row.gap-b {
    padding-bottom: 0 !important;
  }

  .products-services-projects-row .vc_row.vc_inner {
    margin-left: 0;
    margin-right: 0;
  }

  .about-associations-row .associations-icon img {
    height: 90px;
  }

  .products-services-intro-row .intro-image img {
    aspect-ratio: 413 / 221;
  }

  .products-services-intro-row .intro-text {
    padding-left: 15px;
  }

  .products-services-projects-row .projects-image img {
    aspect-ratio: 414 / 247;
  }

  .products-services-projects-row .projects-image {
    overflow: hidden;
    border-radius: 15px;
  }

  .awards-category-row .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding-bottom: var(--gap);
  }

  .single-post .post-image img {
    aspect-ratio: 413 / 221;
  }

  .contact-company-row {
    z-index: 1;
  }

  .contact-gallery-row::before {
    top: -270px;
  }

  .contact-gallery-row {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-gallery-row > div:nth-child(2) {
    display: none !important;
  }

  .contact-gallery-row .gallery-image img {
    aspect-ratio: 59 / 25;
  }
  
  
}


/*New Project page - CSK*/
.expand-block-gap{
    padding-top:35px;
    padding-bottom:35px;
}

.text-block-btn a{
    outline: none !important;
  background: rgb(var(--primary-color)) !important;
  color: white !important;
  border-radius: 100vmax !important;
  padding: 8px 50px !important;
  border: 1px solid rgb(var(--primary-color)) !important;
  font-family: "Poppins", sans-serif;
  transition: all 250ms ease-out !important;
  display: inline-block;
  text-decoration: none;
}

.text-block-btn a:hover{
  background: none !important;
  color: rgb(var(--primary-color)) !important;
  box-shadow: 0 0 20px rgb(var(--primary-color)), 0 0 5px rgb(var(--primary-color)) inset;
}

.new-project-location .wpb_gmaps_widget{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

.new-project-price{
    padding-bottom:100px;
    border-bottom:1px solid #808080;
}

.new-project-price .wpb_text_column p{
    font-weight:600;
}

.project-form .wpcf7-form-control-wrap.recaptcha{
  grid-column:1/4 !important;
}

.submit-green-btn{text-align:center;}

.wpcf7 .submit-green-btn input[type="submit"]{
    background: none !important;
    margin-left: 72px;
    color: #00A651 !important;
    border-color: #00A651 !important;
}

.wpcf7 .submit-green-btn input[type="submit"]:hover {
    color: #00A651 !important;
    box-shadow: 0 0 20px #00A651, 0 0 5px #00A651 inset;
    background: none !important;
}

.project-form .wpcf7-form-control-wrap input{border-color: #808080 !important;}

.project-form .wpcf7-form-control-wrap input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #808080 !important;
  opacity: 1 !important; /* Firefox */
}

.project-form .wpcf7-form-control-wrap input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  color: #808080 !important;
}

.project-form .wpcf7-form-control-wrap input::-ms-input-placeholder{ /* Microsoft Edge */
  color: #808080 !important;
}

.page-id-555 #footer{background: #E4E5E6;}

.cn-text,
.text-block-btn a strong{
    font-family: "taipei" !important;
    font-weight:400;
}

@media screen and (max-width: 767px) {
    .new-project-link.gap,
    .new-project-location.gap{
    	padding-top: 35px !important;
    }
    
    .new-project-price {
    	padding-bottom: 35px;
    }
    
    #contact_form.project-form > p {
    	grid-template-columns: 1fr;
    }
    
    #contact_form.project-form .wpcf7-form-control-wrap{
        grid-column: 1/2 !important;
    }
    
    .gap.new-project-contact-form{padding-bottom:70px !important;}
    
      .wpb_text_column h3 .cn-text{
        display: inline-block
      }
      
      .text-block-btn a br{display: none}

}

.whatsapp-button .vc_general{
    padding: 10px 20px;
    min-width: 150px;
    text-align: center;
    background-image: none !important;
    font-weight: 400;
    border-radius: 0;
    font-size: 14px;
    text-transform: initial;
    background: #25d366 !important;
    color: #fff !important;
    border:none !important;
    line-height: 1;
    opacity:1;
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.whatsapp-button .vc_general:hover{opacity:0.8;}

.or-block{padding-top:35px;}

.whatsapp-row > .wpb_column > .vc_column-inner > .wpb_wrapper{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:20px;
}

@media only screen and (max-width: 767px) {
    .whatsapp-row > .wpb_column > .vc_column-inner > .wpb_wrapper{
        flex-direction:column;
    }
}

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

.new-project-features .wpb_single_image img {
    height: 70px;
    width: auto;
}

@media screen and (min-width: 768px) {
    .column-count-2 :is(ul, ol) {
        column-count: 2;
    }
    
    .align-center {
        display: flex;
        align-items: center;
    }
}