@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap");

/* font-family: "Red Hat Display", sans-serif; */
/* font-family: "EB Garamond", serif; */

/* Color Palette */
:root {
  --brown_color: rgba(76, 36, 9, 1);
  --beige_color: rgba(242, 235, 228, 1);
  --tan_color: rgba(236, 235, 215, 1);
  --black_color: rgba(0, 0, 0, 1);
  --blue_color: rgba(13, 47, 89, 1);
  --white_color: rgba(255, 255, 255, 1);
  --gold_color: rgba(243, 206, 126, 1);
  --ocean_color: rgba(0, 58, 92, 1);
  --sky_color: rgba(182, 209, 216, 1);
  --cream_color: rgba(243, 231, 227, 1);
  --maroon_color: rgba(114, 20, 34, 1);
}

.rh_font {
  font-family: "Red Hat Display", sans-serif;
}

.ebg_font {
  font-family: "EB Garamond", serif;
}

.page-id-163558 [data-elementor-type="wp-page"] {
  max-width: 1920px !important;
  width: 100%;
  margin: 0 auto;
}

.page-id-163558 [data-elementor-type="wp-page"] h1,
.page-id-163558 [data-elementor-type="wp-page"] h2,
.page-id-163558 [data-elementor-type="wp-page"] h3,
.page-id-163558 [data-elementor-type="wp-page"] h4,
.page-id-163558 [data-elementor-type="wp-page"] h5,
.page-id-163558 [data-elementor-type="wp-page"] h6,
.page-id-163558 [data-elementor-type="wp-page"] a,
.page-id-163558 [data-elementor-type="wp-page"] button {
  font-family: "Red Hat Display", sans-serif !important;
}

.page-id-163558 [data-elementor-type="wp-page"] p,
.page-id-163558 [data-elementor-type="wp-page"] ul li,
.page-id-163558 [data-elementor-type="wp-page"] ol li {
  font-family: "EB Garamond", serif !important;
}

.page-id-164120 [data-elementor-type="wp-page"] h1,
.page-id-164120 [data-elementor-type="wp-page"] h2,
.page-id-164120 [data-elementor-type="wp-page"] h3,
.page-id-164120 [data-elementor-type="wp-page"] h4,
.page-id-164120 [data-elementor-type="wp-page"] h5,
.page-id-164120 [data-elementor-type="wp-page"] h6,
.page-id-164120 [data-elementor-type="wp-page"] a,
.page-id-164120 [data-elementor-type="wp-page"] button {
  font-family: "Red Hat Display", sans-serif !important;
}

.page-id-164120 [data-elementor-type="wp-page"] p,
.page-id-164120 [data-elementor-type="wp-page"] ul li,
.page-id-164120 [data-elementor-type="wp-page"] ol li {
  font-family: "EB Garamond", serif !important;
}

/* on singapore location page */
.font_red_hat_display h1,
.font_red_hat_display h2,
.font_red_hat_display h3,
.font_red_hat_display h4,
.font_red_hat_display h5,
.font_red_hat_display h6,
.font_red_hat_display a,
.font_red_hat_display button,
.font_red_hat_display .elementor-button-text {
  font-family: "Red Hat Display", sans-serif !important;
}

/* on singapore location page */

/* .page-id-163558 [data-elementor-type="wp-page"] ul li,
.page-id-163558 [data-elementor-type="wp-page"] ol li {
  list-style: inside !important;
} */

.page-id-163558 [data-elementor-type="wp-page"] ul,
.page-id-163558 [data-elementor-type="wp-page"] ol {
  position: relative;
}

.page-id-163558 [data-elementor-type="wp-page"] ul li,
.page-id-163558 [data-elementor-type="wp-page"] ol li {
  position: relative;
  padding-left: 20px;
}

.page-id-163558 [data-elementor-type="wp-page"] ul li::before,
.page-id-163558 [data-elementor-type="wp-page"] ol li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 12px;
  left: 0;
  background-color: #000;
  border-radius: 50px;
}

#work,
#live,
#connect,
#discover_section {
  scroll-margin-top: var(--headerHeight);
}

.one_side_container_center {
  max-width: calc(1296px / 2);
  width: 100%;
  margin-left: auto;
}

@media (max-width: 1399.98px) {
  .one_side_container_center {
    max-width: calc(1116px / 2);
  }

  .page-id-163558 [data-elementor-type="wp-page"] ul li::before,
  .page-id-163558 [data-elementor-type="wp-page"] ol li::before {
    top: 10px;
  }
}

@media (max-width: 1199.98px) {
  .one_side_container_center {
    max-width: calc(976px / 2);
  }

  .page-id-163558 [data-elementor-type="wp-page"] ul li::before,
  .page-id-163558 [data-elementor-type="wp-page"] ol li::before {
    top: 8px;
    width: 5px;
    height: 5px;
  }

  .common_list_style ul li {
    padding-left: 15px;
  }
}

@media (max-width: 991.98px) {
  .one_side_container_center {
    max-width: calc(696px / 2);
  }
}

@media (max-width: 767.98px) {
  .one_side_container_center {
    max-width: calc(100%);
  }

  .br_inside br {
    display: none;
  }
}