/* DWC Millwork - generated by wp-local/tools/build-theme.js from the sytech theme + Front Editor bundles. Do not edit by hand. */
body { line-height: normal; background-color: #fff; }
h1, h2, h3, h4, h5, h6 { line-height: inherit; } /* browser default: headings inherit the line-height (Bricks sets its own) */
h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1em; }
img { max-width: none; height: auto; }
[class*="brxe-"] { max-width: none; }
*, ::before, ::after { border-color: currentcolor; }
/* Bricks' generic form-control styles are not part of the design: back to the browser defaults.
   :where() keeps these at zero specificity so every rule below still applies. */
:where(button, input, optgroup, select, textarea) { font-family: revert; font-size: revert; line-height: revert; margin: revert; overflow: revert; text-transform: revert; text-align: revert; }
:where(button) { border: revert; cursor: revert; outline: revert; padding: revert; background: revert; }
:where(label) { color: revert; display: revert; font-weight: revert; margin-bottom: revert; }
:where(.input, input:not([type=submit]), select, textarea) { border-style: revert; border-width: revert; box-shadow: revert; color: revert; font-size: revert; line-height: revert; outline: revert; padding: revert; transition: revert; width: revert; }
:where(input[type=range], input[type=button], input[type=checkbox], input[type=radio], input[type=submit]) { border: revert; height: revert; line-height: revert; padding: revert; width: revert; cursor: revert; }
:where(select) { -webkit-appearance: revert; appearance: revert; background-color: revert; background-image: revert; background-position: revert; background-repeat: revert; background-size: revert; padding: revert; cursor: revert; }
:where(textarea) { height: revert; min-height: revert; padding: revert; overflow: revert; }
:where(blockquote) { border-left-style: revert; border-left-width: revert; font-family: revert; font-size: revert; margin: revert; padding: revert; position: revert; }
:where(table) { border-collapse: revert; border-spacing: revert; width: revert; }
:where(td, th) { border: revert; padding: revert; }
:where(legend) { box-sizing: revert; color: revert; display: revert; max-width: revert; white-space: revert; }
:where(figcaption) { color: revert; font-size: revert; margin: revert; text-align: revert; }
:where(*)::before, :where(*)::after { box-sizing: revert; }
#brx-content { overflow: visible; }
/* logged-in editors: keep the fixed header below the WordPress admin bar */
@media screen and (min-width: 601px) { body.admin-bar header#brx-header { top: var(--wp-admin--admin-bar--height, 32px); } }
/* sytech/assets/css/public.css */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  /* espresso brown: buttons, icons, italic titles */
  --primary: #6f4e37;
  --primary_dark: #5a3e2b;
  /* honey: highlights, buttons and labels on dark backgrounds */
  --accent: #ecb176;
  --accent_dark: #e3a061;
  --peach: #fed8b1;
  --caramel: #a67b5b;
  --title: #2a1e16;
  --text: #5b4a3e;
  --text2: #8a7869;
  /* body text on dark backgrounds */
  --text_light: #cdb9a5;
  --line: #e7dcce;
  --cream: #fbf7f1;
  --sand: #f4ebdf;
  --dark: #2a1e16;
  --serif: 'Instrument Serif', serif;
}
html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 10px);
}
.content {
  max-width: 144rem;
  margin: 0px auto;
  position: relative;
}
.content .content {
  padding: 0px;
}
li {
  list-style: none;
}
li.swiper-slide {
  height: auto;
}
a {
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}
i,
em {
  font-style: normal;
}
input,
button,
textarea,
select {
  border: none;
  outline: none;
  font-family: inherit;
  color: var(--title);
  background-color: transparent;
}
button {
  cursor: pointer;
}
select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 3.2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%236f4e37' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.4rem center;
  background-size: 1rem 0.6rem;
}
select.focus {
  border-color: var(--primary);
}
button.btn,
button.btn_line {
  appearance: none;
  -webkit-appearance: none;
}
body {
  font-size: 1.6rem;
  color: var(--title);
  font-family: 'Manrope', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img.img_ct img {
  object-fit: contain;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.img_bg {
  position: relative;
  z-index: 2;
}
.img_bg > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -2;
}
.tag {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 1.4rem;
  color: var(--caramel);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.tag::before {
  content: '';
  flex-shrink: 0;
  width: 3.6rem;
  height: 1px;
  background-color: currentColor;
}
.tag.light {
  color: var(--accent);
}
.tcon h1,
.tcon h2 {
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 6rem;
  line-height: 6.8rem;
}
.tcon h1 {
  font-size: 9rem;
  line-height: 9.2rem;
}
.tcon .tag + h1,
.tcon .tag + h2 {
  margin-top: 2.54rem;
}
.tcon h1 em,
.tcon h2 em {
  font-style: italic;
  color: var(--primary);
}
.tcon p {
  color: var(--text);
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.tcon h1 + p,
.tcon h2 + p {
  margin-top: 1.58rem;
}
.tcon.center {
  text-align: center;
}
.tcon.center .tag {
  margin: 0px auto;
}
.tcon.light h1,
.tcon.light h2 {
  color: var(--cream);
}
.tcon.light p {
  color: var(--text_light);
}
.tcon.light h1 em,
.tcon.light h2 em {
  color: var(--accent);
}
.btn,
.btn_line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  height: 6rem;
  padding: 0px 3.3rem;
  border-radius: 3rem;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem;
  transition: 0.3s;
}
.btn.arrow::after,
.btn_line.arrow::after,
.btn_text::after {
  content: '';
  flex-shrink: 0;
  width: 1.32rem;
  height: 0.78rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform 0.3s;
}
.btn.arrow:hover::after,
.btn_line.arrow:hover::after,
.btn_text:hover::after {
  transform: translateX(0.4rem);
}
.btn {
  color: #fff;
  background-color: var(--primary);
}
.btn:hover {
  background-color: var(--primary_dark);
  box-shadow: 0px 1rem 2.4rem rgba(111, 78, 55, 0.25);
}
.btn.honey {
  color: var(--title);
  background-color: var(--accent);
}
.btn.honey:hover {
  background-color: var(--peach);
  box-shadow: 0px 1rem 2.4rem rgba(0, 0, 0, 0.2);
}
.btn_line {
  padding: 0px 2.8rem;
  color: var(--title);
  border: 1px solid var(--title);
}
.btn_line:hover {
  color: #fff;
  border-color: var(--primary);
  background-color: var(--primary);
}
.btn_line.light {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.4);
}
.btn_line.light:hover {
  color: var(--title);
  border-color: var(--cream);
  background-color: var(--cream);
}
/* text link: arrow + underline (honey by default) */
.btn_text {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0px 0.2rem 0.31rem 0px;
  color: var(--title);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem;
  border-bottom: 1.4px solid var(--accent);
  transition: 0.3s;
}
.btn_text::after {
  width: 1.1rem;
  height: 0.88rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E");
}
.btn_text:hover {
  color: var(--primary);
  border-color: var(--primary);
}
.btn_text.dark {
  border-color: var(--primary);
}
.swiper_btns {
  display: flex;
  gap: 3.57rem;
}
.swiper_btns div {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.57rem;
  height: 2.08rem;
  color: var(--title);
  transition: 0.3s;
}
.swiper_btns div::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.7 20.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M25.7 10.4H.1M10.5.1.2 10.4l10.3 10.3'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.7 20.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M25.7 10.4H.1M10.5.1.2 10.4l10.3 10.3'/%3E%3C/svg%3E") no-repeat center / contain;
}
.swiper_btns .btn_next::after {
  transform: rotate(180deg);
}
.swiper_btns div:hover {
  color: var(--primary);
}
.swiper_btns .btn_prev:hover {
  transform: translateX(-0.4rem);
}
.swiper_btns .btn_next:hover {
  transform: translateX(0.4rem);
}
.swiper_btns .swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.swiper_btns:has(.swiper-button-lock) {
  display: none;
}
.check_list li {
  position: relative;
  padding-left: 2.8rem;
  color: var(--text);
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.check_list li + li {
  margin-top: 0.6rem;
}
.check_list li::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0.5rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.2 4.2 3.8 6.8 8.8 1.2'/%3E%3C/svg%3E") no-repeat center / 0.8rem;
}
.check_list.light li {
  color: var(--text_light);
}
.check_list.light li::before {
  background-color: rgba(236, 177, 118, 0.25);
}
/* shared card hover */
.card_hover {
  transition: transform 0.35s, box-shadow 0.35s;
}
.card_hover:hover {
  transform: translateY(-0.6rem);
}

/* #region common */
.flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.between {
  justify-content: space-between;
}
.flex_middle {
  align-items: center;
}
.flex_top {
  align-items: flex-start;
}
.center {
  text-align: center;
}
body {
  background-color: var(--cream);
}
body.fixed {
  overflow: hidden;
}
body.preview-page {
  overflow-x: clip;
}
.only_mobile {
  display: none;
}
/* #endregion */

/* #region header (cream bar in the page flow, sticks to the top when scrolling up) */
header {
  position: sticky;
  left: 0px;
  top: 0px;
  z-index: 996;
  width: 100%;
  background-color: var(--cream);
  transition: transform 0.4s, box-shadow 0.4s;
}
header.hide {
  transform: translateY(-100%);
}
header.sticky {
  transform: translateY(-3.8rem);
  box-shadow: 0px 0.4rem 2rem rgba(42, 30, 22, 0.08);
}
header .top_bar {
  height: 3.8rem;
  color: #d9c9b8;
  font-size: 1.4rem;
  line-height: 1.9rem;
  background-color: var(--dark);
}
header .top_bar .content {
  height: 100%;
}
header .member b {
  margin: 0px 0.2rem;
  color: var(--accent);
  font-weight: 600;
}
header .top_contact {
  gap: 2.71rem;
}
header .top_contact a {
  display: flex;
  align-items: center;
  gap: 1.21rem;
  transition: 0.3s;
}
header .top_contact a::before {
  content: '';
  flex-shrink: 0;
  width: 1.9rem;
  height: 1.5rem;
  background: url(../img/icon-mail-top.svg) no-repeat center / contain;
}
header .top_contact a.phone {
  gap: 0.9rem;
}
header .top_contact a.phone::before {
  height: 1.9rem;
  background-image: url(../img/icon-whatsapp-top.svg);
}
header .top_contact a:hover {
  color: var(--accent);
}
header .lang {
  position: relative;
  margin: 0px 0.35rem 0px 3.49rem;
}
header .btn_lang {
  display: flex;
  align-items: center;
  height: 3.8rem;
  color: rgba(217, 201, 184, 0.8);
  font-size: 1.4rem;
  text-transform: uppercase;
}
header .btn_lang::before {
  content: '';
  width: 1.8rem;
  height: 1.9rem;
  margin-right: 0.88rem;
  background: url(../img/icon-globe.svg) no-repeat center / contain;
}
header .btn_lang::after {
  content: '';
  width: 0.8rem;
  height: 0.4rem;
  margin-left: 0.99rem;
  opacity: 0.8;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4' fill='none' stroke='%23d9c9b8' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.6.4 4 3.6 7.4.4'/%3E%3C/svg%3E") no-repeat center / contain;
}
header .lang_list {
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: 3;
  min-width: 14rem;
  padding: 0.8rem 0px;
  border-radius: 0.8rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.6rem);
  transition: 0.3s;
  background-color: #fff;
  box-shadow: 0px 1.2rem 3rem rgba(42, 30, 22, 0.12);
}
header .lang.open .lang_list {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
header .lang_list a {
  display: block;
  padding: 0.8rem 1.8rem;
  color: var(--title);
  font-size: 1.4rem;
  transition: 0.3s;
}
header .lang_list a:hover,
header .lang_list .active a {
  color: var(--primary);
  background-color: var(--sand);
}
header .main_bar {
  height: 8.49rem;
  border-bottom: 1px solid rgba(42, 30, 22, 0.1);
}
header .logo,
footer .logo {
  display: flex;
  align-items: center;
}
header .logo {
  flex-shrink: 0;
  width: 40.15rem;
}
header .logo img,
footer .logo img {
  display: block;
  width: 14.6rem;
  height: 4.3rem;
}
header .logo p,
footer .logo p {
  margin-left: 2.29rem;
  padding-left: 1.6rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-left: 1px solid rgba(42, 30, 22, 0.2);
}
header nav {
  align-self: stretch;
  margin-right: auto;
}
header nav .menu {
  display: flex;
  gap: 6.07rem;
}
header nav .menu > li {
  position: relative;
}
header nav .menu > li > a {
  position: relative;
  display: block;
  padding: 2.78rem 0px;
  color: var(--title);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.2rem;
  transition: 0.3s;
}
header nav .menu > li > a::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 5.75rem;
  width: 0px;
  height: 0.2rem;
  background-color: var(--accent);
  transition: 0.3s;
}
header nav .menu > li:hover > a::after,
header nav .menu > li.current-menu-item > a::after {
  width: 4.26rem;
}
header nav .menu > li:hover > a {
  color: var(--primary);
}
header nav .sub-menu {
  position: absolute;
  left: -2rem;
  top: 100%;
  z-index: 3;
  min-width: 24rem;
  padding: 1rem 0px;
  border-radius: 0.8rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.6rem);
  transition: 0.3s;
  background-color: #fff;
  box-shadow: 0px 1.2rem 3rem rgba(42, 30, 22, 0.12);
}
header nav .menu > li:hover .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
header nav .sub-menu a {
  display: block;
  padding: 0.9rem 2rem;
  color: var(--title);
  font-size: 1.5rem;
  line-height: 2rem;
  transition: 0.3s;
}
header nav .sub-menu a:hover,
header nav .sub-menu .current-menu-item a {
  color: var(--primary);
  background-color: var(--sand);
}
header .btn_search {
  width: 2.6rem;
  height: 2.6rem;
  margin-right: 3.37rem;
  background: url(../img/icon-search.svg) no-repeat center / contain;
  transition: 0.3s;
}
header .btn_search:hover {
  opacity: 0.6;
}
header .btn_quote {
  margin-bottom: 0.6rem;
  height: 5rem;
  padding: 0px 2.87rem;
  gap: 1.26rem;
  border-radius: 2.5rem;
}
header .btns .btn_lang {
  display: none;
}
header .btn_menu {
  display: none;
}
header .search_form {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  padding: 2.4rem 0px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  transform: translateY(-1rem);
  background-color: var(--cream);
  border-top: 1px solid var(--line);
  box-shadow: 0px 2rem 4rem rgba(42, 30, 22, 0.08);
}
header.search_open .search_form {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
header .search_form .content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
header .search_form input {
  flex: 1;
  height: 5.6rem;
  padding: 0px 2.4rem;
  font-size: 1.6rem;
  border-radius: 2.8rem;
  border: 1px solid var(--line);
  background-color: #fff;
}
header .search_form button {
  width: 5.6rem;
  height: 5.6rem;
  margin-left: 1.2rem;
  border-radius: 50%;
  background: var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='6.5'/%3E%3Cpath d='m13.5 13.5 5 5'/%3E%3C/svg%3E") no-repeat center / 1.8rem;
}
header .search_form .search_error {
  display: none;
  flex: 0 0 100%;
  margin: 0.8rem 0 0;
  padding-left: 2.4rem;
  color: #9a3b2f;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
header .search_form.error .search_error {
  display: block;
}
header .search_form.error input {
  border-color: #9a3b2f;
}
/* #endregion */

/* #region footer */
footer {
  position: relative;
  padding: 8.86rem 0px 4.99rem;
  color: var(--text_light);
  background-color: var(--dark);
}
footer .cta {
  align-items: flex-start;
  padding-bottom: 4.95rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
footer .cta .btn {
  margin-top: 2.79rem;
  padding: 0px 3.29rem;
}
footer .mid {
  padding-top: 5.71rem;
}
footer .brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
footer .logo p {
  color: var(--peach);
  border-left-color: rgba(255, 255, 255, 0.2);
}
footer .slogan {
  margin-top: 3.48rem;
  font-size: 1.8rem;
  line-height: 3rem;
}
footer .social {
  gap: 0.84rem;
  margin-top: 3.75rem;
}
footer .social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.88rem;
  height: 4.88rem;
  border-radius: 50%;
  transition: 0.3s;
}
footer .social a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
footer .social img {
  display: block;
  width: 4.88rem;
  height: 4.88rem;
}
footer .bottom {
  margin-top: auto;
  color: #9e8a78;
  font-size: 1.4rem;
  line-height: 1.9rem;
}
footer .bottom .links {
  margin-top: 0.88rem;
}
footer .bottom .links a {
  position: relative;
  transition: 0.3s;
}
footer .bottom .links a + a {
  margin-left: 2.6rem;
}
footer .bottom .links a + a::before {
  content: '';
  position: absolute;
  left: -1.3rem;
  top: 0.54rem;
  width: 1px;
  height: 1.05rem;
  background-color: #9e8a78;
}
footer .bottom .links a:hover {
  color: var(--accent);
}
footer .right {
  width: 79.98rem;
  padding-top: 2.03rem;
}
footer .cols {
  gap: 0px;
}
footer .menu_col strong,
footer .updates strong {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.7rem;
}
footer .menu_col:nth-child(1) {
  width: 28.11rem;
}
footer .menu_col:nth-child(2) {
  width: 24.94rem;
}
footer .menu_col ul {
  margin-top: 1.89rem;
}
footer .menu_col li {
  font-size: 1.8rem;
  line-height: 3.8rem;
}
footer .menu_col li a {
  transition: 0.3s;
}
footer .menu_col li a:hover {
  color: var(--accent);
}
footer .contact{
  padding-top: 16px;
}
footer .contact li {
  display: flex;
  align-items: center;
  padding-left: 3.79rem;
  position: relative;
  color: #e8d2bf;
  font-weight: 500;
}
footer .contact li::before {
  content: '';
  position: absolute;
  left: -0.37rem;
  top: 1.48rem;
  width: 2.1rem;
  height: 1.8rem;
  background: url(../img/icon-mail-foot.svg) no-repeat center / contain;
}
footer .contact li.phone::before {
  top: 1.28rem;
  height: 2.2rem;
  background-image: url(../img/icon-whatsapp-foot.svg);
}
footer .contact li.address::before {
  left: -0.17rem;
  top: 1.08rem;
  width: 1.8rem;
  height: 2.4rem;
  background-image: url(../img/icon-location-foot.svg);
}
footer .updates {
  margin-top: 5.09rem;
  padding-left: 0.14rem;
}
footer .updates form {
  margin-top: 1.78rem;
  height: 6rem;
  padding: 0px 0.6rem 0px 2.6rem;
  border-radius: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
footer .updates input {
  flex: 1;
  height: 100%;
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
}
footer .updates input::placeholder {
  color: var(--text_light);
}
footer .updates .btn {
  height: 4.8rem;
  padding: 0px 2.71rem;
  border-radius: 2.4rem;
}
footer .back_top {
  position: fixed;
  right: 3.25rem;
  bottom: 5.59rem;
  z-index: 90;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  transition: 0.3s;
  background: var(--dark) url(../img/icon-top.svg) no-repeat center / 1.5rem 1.7rem;
}
footer .back_top:hover {
  background-color: #3d2e22;
}
/* #endregion */

@media screen and (min-width: 769px) and (max-width: 1500px) {
  header nav {
    margin-left: 6rem;
  }
  header nav .menu {
    gap: 4rem;
  }
  footer .right {
    width: 72rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  header .member span {
    display: none;
  }
  header nav {
    margin: 0 auto;
  }
  header nav .menu {
    gap: 2.6rem;
  }
  header .logo p {
    display: none;
  }
  header .btn_search {
    margin-right: 2rem;
  }
  footer .mid {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .brand {
    display: contents;
  }
  footer .bottom {
    order: 3;
    margin-top: 4rem;
  }
  footer .right {
    order: 2;
    width: 100%;
    margin-top: 5rem;
    padding-top: 0px;
  }
  header .logo{
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .only_mobile {
    display: block;
  }
  header .top_bar {
    display: none;
  }
  header .btns .btn_lang {
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    font-size: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 19' fill='none' stroke='%232a1e16' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9.5' r='8'/%3E%3Cpath d='M1 9.5h16M9 1.5c2 2.2 3.2 5.1 3.2 8s-1.2 5.8-3.2 8c-2-2.2-3.2-5.1-3.2-8s1.2-5.8 3.2-8Z'/%3E%3C/svg%3E") no-repeat center / contain;
  }
  header .btns .btn_lang::before,
  header .btns .btn_lang::after {
    display: none;
  }
  header .btns .btn_lang:hover {
    opacity: 0.6;
  }
  header.sticky,header,header.hide {
    transform: none;
  }
  header .main_bar {
    height: 64px;
  }
  header .logo {
    width: auto;
  }
  header .logo img {
    width: 112px;
    height: 33px;
  }
  header .logo p {
    margin-left: 14px;
    padding-left: 12px;
    font-size: 10px;
    line-height: 13px;
  }
  header nav {
    position: fixed;
    left: 0px;
    top: 64px;
    right: 0;
    bottom: 0;
    width: 100%;
    max-height: unset;
    margin: 0px;
    padding: 10px 20px 24px;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transform: none;
    transition: 0.3s;
    background-color: var(--cream);
    border-top: 1px solid var(--line);
    box-shadow: 0px 20px 40px rgba(42, 30, 22, 0.1);
  }
  header.menu_open nav {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
  }
  header nav .menu {
    display: block;
  }
  header nav .menu > li {
    border-bottom: 1px solid var(--line);
  }
  header nav .menu > li > a {
    padding: 14px 0px;
    font-size: 16px;
    line-height: 22px;
  }
  header nav .menu > li > a::after {
    display: none;
  }
  header nav .menu-item-has-children > a::before {
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: 0.3s;
  }
  header nav .menu-item-has-children.open > a::before {
    margin-top: -2px;
    transform: rotate(-135deg);
  }
  header nav .sub-menu {
    position: static;
    display: none;
    min-width: 0px;
    padding: 0px 0px 10px;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    box-shadow: none;
    background-color: transparent;
    transform: none;
  }
  header nav .menu > li:hover .sub-menu {
    transform: none;
  }
  header nav .sub-menu a {
    padding: 8px 14px;
    font-size: 15px;
  }
  header .btn_search {
    width: 22px;
    height: 22px;
    margin-right: 14px;
  }
  header .btn_quote {
    display: none;
  }
  header .btn_menu {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin-right: -8px;
  }
  header .btn_menu span,
  header .btn_menu::before,
  header .btn_menu::after {
    content: '';
    position: absolute;
    left: 9px;
    width: 22px;
    height: 1.5px;
    border-radius: 1px;
    background-color: var(--title);
    transition: 0.3s;
  }
  header .btn_menu span {
    top: 19px;
  }
  header .btn_menu::before {
    top: 12px;
  }
  header .btn_menu::after {
    top: 26px;
  }
  header.menu_open .btn_menu span {
    opacity: 0;
  }
  header.menu_open .btn_menu::before {
    top: 19px;
    transform: rotate(45deg);
  }
  header.menu_open .btn_menu::after {
    top: 19px;
    transform: rotate(-45deg);
  }
  header .search_form {
    padding: 14px 0px;
  }
  header .search_form input,
  header .search_form button {
    height: 46px;
  }
  header .search_form button {
    width: 46px;
    background-size: 16px;
  }
  footer {
    padding: 56px 0px 40px;
  }
  footer .cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-bottom: 40px;
  }
  footer .mid {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 40px;
  }
  footer .brand {
    display: contents;
  }
  footer .logo img {
    width: 120px;
    height: 35px;
  }
  footer .logo p {
    margin-left: 16px;
    padding-left: 14px;
    font-size: 10px;
    line-height: 14px;
  }
  footer .slogan {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.7;
  }
  footer .social {
    gap: 4px;
    margin: 18px 0px 0px -12px;
  }
  footer .social a,
  footer .social img {
    width: 44px;
    height: 44px;
  }
  footer .right {
    order: 2;
    width: 100%;
    margin-top: 36px;
    padding-top: 0px;
  }
  footer .cols {
    flex-direction: column;
    gap: 10px;
  }
  footer .menu_col,
  footer .menu_col:nth-child(1),
  footer .menu_col:nth-child(2),
  footer .menu_col.contact {
    width: 100%;
  }
  footer .menu_col:not(.contact) strong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    cursor: pointer;
  }
  footer .menu_col:not(.contact) strong::after {
    content: '';
    flex-shrink: 0;
    width: 10px;
    height: 6px;
    background-color: var(--peach);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform 0.3s;
  }
  footer .menu_col:not(.contact).active strong {
    border-color: rgba(254, 216, 177, 0.5);
  }
  footer .menu_col:not(.contact).active strong::after {
    transform: rotate(180deg);
  }
  footer .menu_col:not(.contact) > ul,
  footer .menu_col:not(.contact) > div {
    display: none;
    margin: 0;
    padding: 8px 16px 4px;
  }
  footer .menu_col strong,
  footer .updates strong {
    font-size: 16px;
    line-height: 22px;
  }
  footer .menu_col ul {
    margin-top: 0;
  }
  footer .menu_col li {
    font-size: 15px;
    line-height: 32px;
  }
  footer .contact li {
    padding-left: 32px;
  }
  footer .contact li::before {
    width: 18px;
    height: 20px;
  }
  footer .updates {
    margin-top: 36px;
  }
  footer .updates form {
    height: 52px;
    margin-top: 14px;
    padding: 0px 5px 0px 20px;
    border-radius: 26px;
  }
  footer .updates input {
    min-width: 0px;
    font-size: 15px;
  }
  footer .updates .btn {
    height: 42px;
    padding: 0px 18px;
    border-radius: 21px;
    font-size: 14px;
  }
  footer .bottom {
    order: 3;
    margin-top: 36px;
    font-size: 13px;
    line-height: 1.6;
  }
  footer .back_top {
    right: 14px;
    bottom: 30px;
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1500px) {
  .content {
    padding: 0px 3rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content {
    max-width: 960px;
  }
  .tcon h1 {
    font-size: 7rem;
    line-height: 1.05;
  }
  .tcon h2 {
    font-size: 5.2rem;
    line-height: 1.12;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 10px;
  }
  body {
    font-size: 1.4rem;
  }
  .content {
    padding: 0px 20px;
  }
  .tag {
    gap: 10px;
    font-size: 12px;
    line-height: 16px;
  }
  .tag::before {
    width: 24px;
  }
  .tcon .tag + h1,
  .tcon .tag + h2 {
    margin-top: 14px;
  }
  .tcon h1 {
    font-size: 46px;
    line-height: 1.05;
  }
  .tcon h2 {
    font-size: 36px;
    line-height: 1.1;
  }
  .tcon p {
    font-size: 15px;
    line-height: 1.7;
  }
  .tcon h1 + p,
  .tcon h2 + p {
    margin-top: 12px;
  }
  .btn,
  .btn_line {
    height: 48px;
    gap: 10px;
    padding: 0px 24px;
    border-radius: 24px;
    font-size: 15px;
  }
  .btn.arrow::after,
  .btn_line.arrow::after {
    width: 12px;
    height: 8px;
  }
  .btn_text {
    gap: 8px;
    font-size: 15px;
  }
  .btn_text::after {
    width: 11px;
    height: 9px;
  }
  .swiper_btns {
    gap: 28px;
  }
  .swiper_btns div {
    width: 26px;
    height: 21px;
  }
  .card_hover:hover {
    transform: none;
  }
}

.jst-language-switcher {
  display: none;
}
.quote_modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999;
  overflow: auto;
  background: rgba(42, 30, 22, 0.55);
  scrollbar-width: none;
  align-items: center;
}
.quote_modal::-webkit-scrollbar {
  display: none;
}
.quote_modal .modal_content {
  width: calc(100% - 4rem);
  max-width: 76.8rem;
  margin: 5rem auto;
  padding: 4.8rem 4.8rem 4rem;
  border-radius: 1.6rem;
  background-color: #fff;
  box-shadow: 0 2rem 5rem rgba(42, 30, 22, 0.18);
}
.quote_modal .title {
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 4.2rem;
}
.quote_modal .desc {
  margin-top: 1.2rem;
  color: var(--text);
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.quote_modal .wpcf7 {
  margin-top: 2.4rem;
}
.quote_modal .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1.4rem;
}
.quote_modal .wpcf7-form-control-wrap {
  display: block;
}
.quote_modal .wpcf7-form > .wpcf7-form-control-wrap {
  width: calc(50% - 0.8rem);
}
.quote_modal .wpcf7-form > .wpcf7-form-control-wrap:has(textarea),
.quote_modal .upload,
.quote_modal .note,
.quote_modal .btn,
.quote_modal .wpcf7-response-output {
  width: 100%;
}
.quote_modal input.wpcf7-form-control:not([type="submit"]):not([type="file"]),
.quote_modal select.wpcf7-form-control,
.quote_modal textarea.wpcf7-form-control {
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  background-color: var(--cream);
  color: var(--title);
  font-size: 1.5rem;
  transition: border-color 0.3s, background-color 0.3s;
}
.quote_modal input::placeholder,
.quote_modal textarea::placeholder {
  color: var(--text2);
}
.quote_modal select.wpcf7-form-control {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 3.6rem;
  background-color: var(--cream);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%236f4e37' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.8rem center;
  background-size: 1rem 0.6rem;
}
.quote_modal textarea.wpcf7-form-control {
  height: 13rem;
  padding: 1.5rem 1.8rem;
  line-height: 2.2rem;
  resize: none;
}
.quote_modal input.wpcf7-form-control:focus,
.quote_modal select.wpcf7-form-control:focus,
.quote_modal textarea.wpcf7-form-control:focus {
  border-color: var(--primary);
  background-color: #fff;
}
.quote_modal .upload {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.8rem;
  height: 7.6rem;
  padding-left: 1.6rem;
  border: 1px dashed var(--caramel);
  border-radius: 0.8rem;
  cursor: pointer;
  background-color: var(--cream);
  transition: 0.3s;
}
.quote_modal .upload:hover {
  border-color: var(--primary);
  background-color: #fff;
}
.quote_modal .upload i {
  flex-shrink: 0;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.3 13.8' fill='none' stroke='%232a1e16' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.65 13.05V.9M.75 4.8 4.65.9l3.9 3.9'/%3E%3C/svg%3E") no-repeat center / 0.93rem 1.38rem;
}
.quote_modal .upload strong {
  display: block;
  color: var(--title, #2a1e16);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
}
.quote_modal .upload em {
  display: block;
  margin-top: 0.2rem;
  color: var(--text, #6b5a4e);
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.quote_modal label.btn {
  justify-content: center;
  margin-top: 0.4rem;
}
.quote_modal .note {
  margin: 0;
  text-align: center;
  color: var(--text2);
  font-size: 1.4rem;
  line-height: 1.9rem;
}
@media screen and (max-width: 768px) {
  .quote_modal .modal_content {
    width: calc(100% - 32px);
    margin: 24px auto;
    padding: 28px 18px 24px;
    border-radius: 16px;
  }
  .quote_modal .title {
    font-size: 28px;
    line-height: 34px;
  }
  .quote_modal .desc {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
  }
  .quote_modal .wpcf7 {
    margin-top: 20px;
  }
  .quote_modal .wpcf7-form {
    row-gap: 12px;
  }
  .quote_modal .wpcf7-form > .wpcf7-form-control-wrap {
    width: 100%;
  }
  .quote_modal input.wpcf7-form-control:not([type="submit"]):not([type="file"]),
  .quote_modal select.wpcf7-form-control,
  .quote_modal textarea.wpcf7-form-control {
    height: 48px;
    padding: 0 14px;
    font-size: 15px;
  }
  .quote_modal textarea.wpcf7-form-control {
    height: 110px;
    padding: 12px 14px;
  }
  .quote_modal .upload {
    gap: 14px;
    height: 68px;
    padding-left: 12px;
  }
  .quote_modal .upload i {
    width: 40px;
    height: 40px;
    background-size: 9px 14px;
  }
  .quote_modal .note {
    font-size: 13px;
    line-height: 1.5;
  }
}
label.btn .wpcf7-submit,
.btn .wpcf7-submit {
  display: none;
}
.wpcf7 form label.btn,
.wpcf7 form .btn {
  position: relative;
}
.wpcf7 form .wpcf7-spinner {
  position: absolute !important;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  visibility: hidden;
  pointer-events: none;
}
.wpcf7 form .btn.arrow {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
}
.wpcf7 form .btn.arrow::after,
.wpcf7 form .btn.arrow .wpcf7-spinner {
  grid-area: 1 / 2;
}
.wpcf7 form .btn.arrow .wpcf7-spinner {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  z-index: 1;
  width: 1.32rem;
  height: 1.32rem;
  margin: 0 !important;
  transform: none;
  justify-self: center;
  align-self: center;
  background: transparent;
  opacity: 1;
  border: 1.5px solid currentColor;
  border-right-color: transparent;
  animation: dwc-spin 0.7s linear infinite;
}
.wpcf7 form .btn.arrow .wpcf7-spinner::before {
  content: none;
}
.wpcf7 form .btn:not(.arrow) {
  gap: 0;
}
.wpcf7 form .btn:not(.arrow) .wpcf7-spinner {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 0;
  height: 0;
  margin: 0 !important;
  overflow: hidden;
  transform: none !important;
  background: transparent;
  border: 0;
}
.wpcf7 form .btn:not(.arrow) .wpcf7-spinner::before {
  content: none;
}
.wpcf7 form.submitting .wpcf7-spinner {
  visibility: visible;
}
.wpcf7 form.submitting .btn:not(.arrow) .wpcf7-spinner {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.8rem !important;
  overflow: visible;
  border: 1.5px solid currentColor;
  border-right-color: transparent;
  animation: dwc-spin 0.7s linear infinite;
}
.wpcf7 form.submitting .btn.arrow::after {
  visibility: hidden;
}
@keyframes dwc-spin {
  to {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 768px) {
  .wpcf7 form .btn.arrow .wpcf7-spinner {
    width: 12px;
    height: 12px;
  }
}
.wpcf7 .wpcf7-not-valid-tip {
  margin-top: 0.6rem;
  color: #9a3b2f;
  font-size: 1.3rem;
}
.wpcf7-response-output {
  margin: 1.6rem 0 0 !important;
  padding: 1.2rem 1.6rem !important;
  border: 0 !important;
  border-radius: 0.8rem;
  background: #fff;
  color: var(--title);
}
.inner_banner {
  display: flex;
  align-items: center;
  min-height: 58rem;
  padding: 8rem 0px 9rem;
  overflow: hidden;
  background-color: var(--dark);
}
.inner_banner::before {
  content: '';
  position: absolute;
  inset: 0px;
  z-index: -1;
  background: linear-gradient(90deg, rgba(42, 30, 22, 0.94) 0%, rgba(42, 30, 22, 0.78) 34%, rgba(42, 30, 22, 0.18) 68%, rgba(42, 30, 22, 0) 100%);
}
.inner_banner::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: -1;
  width: 100%;
  height: 40%;
  background: linear-gradient(180deg, rgba(21, 24, 28, 0) 0%, rgba(21, 16, 12, 0.45) 100%);
}
.inner_banner .content {
  width: 100%;
}
.inner_banner .crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.2rem;
  color: var(--text_light);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.9rem;
}
.inner_banner .crumbs a {
  transition: 0.3s;
}
.inner_banner .crumbs a::after {
  content: '/';
  margin-left: 1.2rem;
  color: rgba(236, 177, 118, 0.7);
}
.inner_banner .crumbs a:hover {
  color: var(--accent);
}
.inner_banner .crumbs span {
  color: var(--cream);
}
.inner_banner .tcon {
  max-width: 72rem;
  margin-top: 5.2rem;
}
.inner_banner .tcon h1 {
  font-size: 7.6rem;
  line-height: 8rem;
}
.inner_banner .tcon h1 + p {
  max-width: 56rem;
  margin-top: 2.6rem;
  color: #e8d2bf;
}
.inner_banner .btns {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 4rem;
}
/* slim: blog detail (breadcrumb + page label, the h1 is in the article) */
.inner_banner.slim {
  min-height: 30rem;
  padding: 6rem 0px;
}
.inner_banner.slim::before {
  background: linear-gradient(90deg, rgba(42, 30, 22, 0.94) 0%, rgba(42, 30, 22, 0.8) 45%, rgba(42, 30, 22, 0.35) 100%);
}
.inner_banner .title {
  margin-top: 2.4rem;
  color: var(--cream);
  font-family: var(--serif);
  font-size: 5.2rem;
  line-height: 6rem;
}
.inner_banner .title em {
  font-style: italic;
  color: var(--accent);
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .inner_banner {
    min-height: 50rem;
  }
  .inner_banner .tcon h1 {
    font-size: 6rem;
    line-height: 1.08;
  }
}

@media screen and (max-width: 768px) {
  .inner_banner {
    min-height: 420px;
    padding: 48px 0px 56px;
  }
  .inner_banner::before {
    background: linear-gradient(90deg, rgba(42, 30, 22, 0.9) 0%, rgba(42, 30, 22, 0.7) 60%, rgba(42, 30, 22, 0.45) 100%);
  }
  .inner_banner > img {
    object-position: 70% 50%;
  }
  .inner_banner .crumbs {
    gap: 8px;
    font-size: 13px;
    line-height: 18px;
  }
  .inner_banner .crumbs a::after {
    margin-left: 8px;
  }
  .inner_banner .tcon {
    margin-top: 32px;
  }
  .inner_banner .tcon h1 {
    font-size: 40px;
    line-height: 1.08;
  }
  .inner_banner .tcon h1 + p {
    margin-top: 14px;
  }
  .inner_banner .btns {
    gap: 12px;
    margin-top: 26px;
  }
  .inner_banner.slim {
    min-height: 200px;
    padding: 40px 0px;
  }
  .inner_banner .title {
    margin-top: 16px;
    font-size: 32px;
    line-height: 38px;
  }
}
.home_design {
  position: relative;
  padding: 9.47rem 0px 7.72rem;
  border-radius: 0.6rem;
  overflow: hidden;
  background-color: var(--primary);
}
.home_design .pic {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 94.3rem;
  height: 100%;
}
.home_design .box {
  width: 58.08rem;
  margin-left: 85.92rem;
}
.home_design .tag.light {
  color: var(--peach);
}
.home_design .tcon.light h2 em {
  color: var(--peach);
}
.home_design .tcon p {
  max-width: 57rem;
}
.home_design .form {
  margin: 3.27rem 0px 0px 0.2rem;
}
.home_design .form input,
.home_design .form select,
.home_design .form textarea {
  width: 100%;
  height: 5.6rem;
  padding: 0px 2.1rem;
  border-radius: 0.8rem;
  color: #ffebd7;
  font-size: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: border-color 0.3s;
}
.home_design .form select {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 3.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23ffebd7' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.8rem center;
  background-size: 1rem 0.6rem;
}
.home_design .form select option {
  color: var(--title);
}
.home_design .form input::placeholder,
.home_design .form textarea::placeholder {
  color: #ffebd7;
  opacity: 1;
}
.home_design .form input:focus,
.home_design .form select:focus,
.home_design .form select.focus,
.home_design .form textarea:focus {
  border-color: rgba(254, 216, 177, 0.7);
}
.home_design .form .half {
  width: 28.15rem;
  margin-top: 0;
}
.home_design .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1.7rem;
}
.home_design .wpcf7-form > .wpcf7-form-control-wrap {
  width: calc((100% - 1.7rem) / 2);
}
.home_design .upload {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.04rem;
  width: 100%;
  height: 7.64rem;
  margin-top: 0;
  padding-left: 2.1rem;
  cursor: pointer;
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: border-color 0.3s;
}
.home_design .upload:hover {
  border-color: rgba(254, 216, 177, 0.7);
}
.home_design .upload input {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.home_design .upload i {
  flex-shrink: 0;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.3 13.8' fill='none' stroke='%23081426' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.65 13.05V.9M.75 4.8 4.65.9l3.9 3.9'/%3E%3C/svg%3E") no-repeat center / 0.93rem 1.38rem;
}
.home_design .upload strong {
  display: block;
  color: #ffebd7;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
}
.home_design .upload em {
  display: block;
  margin-top: 0.32rem;
  color: #d8c2ad;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.home_design .form textarea {
  height: 11.01rem;
  margin-top: 0;
  padding: 1.34rem 2rem;
  line-height: 2rem;
  resize: none;
}
.home_design .form .btn {
  width: 100%;
  margin-top: 0;
}
.home_design .note {
  width: 100%;
  margin-top: 0;
  text-align: center;
  color: #cfb8a2;
  font-size: 1.4rem;
  line-height: 1.9rem;
}

@media screen and (min-width: 769px) and (max-width: 1500px) {
  .home_design .pic {
    width: 49%;
  }
  .home_design .box {
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .home_design .pic {
    width: 40%;
  }
  .home_design .box {
    width: 55%;
  }
  .home_design .wpcf7-form {
    gap: 1.4rem;
  }
  .home_design .form .half,
  .home_design .wpcf7-form > .wpcf7-form-control-wrap {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .home_design {
    padding: 0px 0px 56px;
    border-radius: 0px;
  }
  .home_design .pic {
    position: relative;
    width: 100%;
    height: 260px;
  }
  .home_design .box {
    width: 100%;
    margin: 40px 0px 0px;
  }
  .home_design .form {
    margin: 24px 0px 0px;
  }
  .home_design .form input,
  .home_design .form select,
  .home_design .form textarea {
    height: 50px;
    padding: 0px 16px;
    border-radius: 8px;
    font-size: 15px;
  }
  .home_design .wpcf7-form {
    gap: 12px;
  }
  .home_design .form .half,
  .home_design .wpcf7-form > .wpcf7-form-control-wrap {
    width: 100%;
  }
  .home_design .upload {
    gap: 14px;
    height: 68px;
    padding-left: 14px;
    border-radius: 8px;
  }
  .home_design .upload i {
    width: 40px;
    height: 40px;
    background-size: 9px 14px;
  }
  .home_design .upload strong {
    font-size: 15px;
    line-height: 20px;
  }
  .home_design .upload em {
    margin-top: 2px;
    font-size: 13px;
    line-height: 18px;
  }
  .home_design .form textarea {
    height: 110px;
    padding: 13px 16px;
    line-height: 20px;
  }
  .home_design .note {
    font-size: 13px;
    line-height: 1.5;
  }
}
.home_blog {
  padding: 14.59rem 0px 16.08rem;
  background-color: #fff;
}
.home_blog.related {
  padding: 12rem 0px 14rem;
  background-color: var(--cream);
}
.home_blog .top {
  align-items: flex-end;
}
.home_blog .top .btn_text {
  margin-bottom: 1.85rem;
}
.home_blog .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.74rem;
  margin-top: 2.99rem;
}
.home_blog .item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.home_blog .pic {
  height: 34.23rem;
  border-radius: 0.8rem;
}
.home_blog .item:hover .pic img {
  transform: scale(1.05);
}
.home_blog .meta {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-top: 2.37rem;
}
.home_blog .cat {
  display: flex;
  align-items: center;
  height: 2.9rem;
  padding: 0px 1.13rem;
  border-radius: 1.45rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  background-color: var(--sand);
}
.home_blog .date {
  color: var(--text2);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.home_blog h3 {
  max-width: 43rem;
  margin-top: 1.35rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.6rem;
  transition: color 0.3s;
}
.home_blog .item:hover h3 {
  color: var(--primary);
}
.home_blog .item p {
  max-width: 42.2rem;
  margin-top: 1.03rem;
  color: var(--text);
  font-size: 1.5rem;
  line-height: 2.4rem;
  margin-bottom: auto;
}
.home_blog li:nth-child(2) .item p {
  max-width: 39rem;
}
.home_blog .read {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 2.41rem;
  color: var(--primary);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.home_blog .read::after {
  content: '';
  width: 1.1rem;
  height: 0.88rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform 0.3s;
}
.home_blog .item:hover .read::after {
  transform: translateX(0.4rem);
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .home_blog .list {
    gap: 2.4rem;
  }
  .home_blog .pic {
    height: 26rem;
  }
  .home_blog h3 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
}

@media screen and (max-width: 768px) {
  .home_blog,
  .home_blog.related {
    padding: 64px 0px;
  }
  .home_blog .top {
    flex-direction: column;
    align-items: flex-start;
  }
  .home_blog .top .btn_text {
    margin: 18px 0px 0px;
  }
  .home_blog .list {
    grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));
    gap: 36px;
    margin-top: 32px;
  }
  .home_blog .pic {
    height: auto;
    aspect-ratio: 462 / 342;
    border-radius: 8px;
  }
  .home_blog .meta {
    gap: 12px;
    margin-top: 16px;
  }
  .home_blog .cat {
    height: 26px;
    padding: 0px 10px;
    border-radius: 13px;
    font-size: 12px;
  }
  .home_blog .date {
    font-size: 12px;
  }
  .home_blog h3 {
    max-width: none;
    margin-top: 10px;
    font-size: 24px;
    line-height: 30px;
  }
  .home_blog .item p,
  .home_blog li:nth-child(2) .item p {
    max-width: none;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .home_blog .read {
    margin-top: 14px;
    font-size: 15px;
  }
}
.home_design .form.flex {
  display: block;
}
.home_design .wpcf7-response-output {
  margin: 0 !important;
}
.home_design .wpcf7-form > .wpcf7-form-control-wrap:has(textarea),
.home_design .wpcf7-form > .upload,
.home_design .wpcf7-form > .note,
.home_design .wpcf7-form > .btn,
.home_design .wpcf7-form > .wpcf7-response-output {
  width: 100%;
}
.home_design .wpcf7-form input.wpcf7-form-control,
.home_design .wpcf7-form select,
.home_design .wpcf7-form textarea {
  width: 100%;
}
.contact_main .fields label > span.wpcf7-form-control-wrap {
  display: block;
  margin: 0;
  color: inherit;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
}
.contact_main .checks label > span.wpcf7-list-item-label {
  display: inline;
  margin: 0;
  color: inherit;
  font-weight: 500;
  font-size: inherit;
  line-height: inherit;
}
.contact_main .checks .wpcf7-form-control-wrap,
.contact_main .checks .wpcf7-checkbox,
.contact_main .checks .wpcf7-list-item {
  display: contents;
}
.contact_main .checks .wpcf7-list-item label {
  margin: 0;
}
.contact_main .checks .wpcf7-list-item label::before {
  content: '';
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.4rem;
  border: 1px solid var(--caramel);
}
.contact_main .checks label:has(input:checked) {
  border-color: var(--primary);
}
.contact_main .checks label:has(input:checked)::before {
  border-color: var(--primary);
  background: var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.2 4.2 3.8 6.8 8.8 1.2'/%3E%3C/svg%3E") no-repeat center / 1rem;
}
.quote_modal .upload .wpcf7-form-control-wrap,
.contact_main .upload .wpcf7-form-control-wrap,
.home_design .upload .wpcf7-form-control-wrap,
.quote_modal .upload input[type="file"],
.contact_main .upload input[type="file"],
.home_design .upload input[type="file"] {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
}
footer .updates .wpcf7-form {
  display: flex;
  align-items: center;
  margin-top: 1.78rem;
  height: 6rem;
  padding: 0 0.6rem 0 2.6rem;
  border-radius: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
footer .updates .wpcf7-form-control-wrap {
  flex: 1;
  min-width: 0;
}
footer .updates .wpcf7-form input[type="email"] {
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  background: transparent;
  border: 0;
}
footer .updates .wpcf7 {
  position: relative;
}
footer .updates .wpcf7-form {
  align-items: stretch;
}
footer .updates .wpcf7-form-control-wrap {
  display: flex;
  align-items: center;
}
footer .updates .wpcf7-form .btn {
  align-self: center;
}
footer .updates form.invalid,
footer .updates form.unaccepted,
footer .updates form.failed,
footer .updates form.aborted,
footer .updates form.sent,
footer .updates form.spam {
  margin-bottom: 2.8rem;
}
footer .updates form.invalid:has(.wpcf7-not-valid-tip),
footer .updates form.unaccepted:has(.wpcf7-not-valid-tip) {
  margin-bottom: 4.6rem;
}
footer .updates .wpcf7-not-valid-tip,
footer .updates .wpcf7-response-output {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  z-index: 1;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: #f6d7c8;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
footer .updates form:has(.wpcf7-not-valid-tip) .wpcf7-response-output {
  top: calc(100% + 2.8rem);
}
footer .updates form.sent .wpcf7-response-output {
  color: #d9e7c9;
}
.blog_list .tabs a {
  color: inherit;
  text-decoration: none;
}
.page_loading {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.72);
}
.page_loading.show {
  display: flex;
}
.page_loading span {
  width: 4.2rem;
  height: 4.2rem;
  border: 2px solid var(--line);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: dwc-spin 0.7s linear infinite;
}
@media screen and (max-width: 768px) {
  .page_loading span {
    width: 36px;
    height: 36px;
  }
}
.custom-popup {
  --radius: 0px;
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid var(--line, #ccc);
  border-radius: var(--radius);
  z-index: 9999;
  padding: 8px;
  font-size: var(--font-size, 14px);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.custom-popup.show {
  opacity: 1;
  transform: scaleY(1);
}
.custom-popup.up {
  transform-origin: bottom;
}
.custom-popup.up .popup-input {
  order: 3;
  margin-bottom: 0;
  margin-top: 8px;
}
.custom-popup.up .popup-options {
  order: 1;
}
.custom-popup.up .popup-empty {
  order: 2;
}
.custom-popup .popup-empty {
  padding: 12px;
  text-align: center;
  color: #999;
}
.custom-popup input.popup-input {
  display: block;
  width: 100%;
  padding: 11px 12px;
  font-size: inherit;
  border: 1px solid var(--line, #ccc);
  background: #fff;
  color: var(--title);
  margin-bottom: 8px;
  border-radius: calc(var(--radius) - 2px);
  flex-shrink: 0;
}
.custom-popup input.popup-input::placeholder {
  color: #666;
}
.custom-popup input.popup-input:focus {
  border-color: var(--primary);
}
.custom-popup .popup-options {
  flex: 0 1 auto;
  min-height: 0;
  overflow: auto;
  max-height: 50vh;
}
.custom-popup .popup-option {
  padding: 12px;
  margin: 0 0 4px;
  cursor: pointer;
  transition: all 0.15s;
  word-break: break-word;
  border-radius: calc(var(--radius) - 2px);
}
.custom-popup .popup-option:hover,
.custom-popup .popup-option.selected {
  background-color: var(--sand, #f4ebdf);
}
.custom-popup .popup-option:last-child {
  margin-bottom: 0;
}
.btn_text::after {
  width: 1.1rem;
  height: 0.88rem;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E") no-repeat center / contain;
}
@keyframes home_solutions_zoom {
  from {
    transform: scale(1.06);
  }
  to {
    transform: scale(1);
  }
}
@keyframes home_solutions_bar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

/* sytech/assets/css/home.css (dwc-home) */
:where(body.dwc-home) .home_banner { position: relative;
  background-color: var(--cream); }
:where(body.dwc-home) .home_banner .pic { position: absolute;
  right: 0px;
  top: 0px;
  width: 101.13rem;
  height: 90rem; }
:where(body.dwc-home) .home_banner .pins { position: absolute;
  left: 3.08rem;
  bottom: 12.76rem;
  z-index: 2;
  display: flex;
  gap: 0.94rem; }
:where(body.dwc-home) .home_banner .pins li { display: flex;
  align-items: center;
  gap: 1rem;
  height: 4.23rem;
  padding: 0px 2.11rem 0px 1.47rem;
  border-radius: 2.11rem;
  white-space: nowrap;
  color: var(--title);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.9rem;
  background-color: rgba(255, 255, 255, 0.9); }
:where(body.dwc-home) .home_banner .pins li::before { content: '';
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--accent); }
:where(body.dwc-home) .home_banner .txt { position: relative;
  z-index: 2;
  min-height: 90rem;
  padding-top: 11.77rem; }
:where(body.dwc-home) .home_banner .tcon h1 { margin-top: 2.54rem; }
:where(body.dwc-home) .home_banner .tcon p { max-width: 50rem;
  margin-top: 3.52rem; }
:where(body.dwc-home) .home_banner .btns { gap: 2.45rem;
  margin-top: 3.93rem; }
:where(body.dwc-home) .home_banner .features { position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 36.44rem 36.58rem 36.31rem 1fr;
  margin: -5.08rem -5.9rem 0px;
  padding: 4rem 0px 4rem 5.9rem;
  border-radius: 1.2rem;
  background-color: #fff;
  box-shadow: 0px 1.5rem 3rem rgba(221, 215, 208, 0.5); }
:where(body.dwc-home) .home_banner .features li { display: flex;
  align-items: flex-start;
  gap: 2rem; }
:where(body.dwc-home) .home_banner .features .icon { flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  background-color: var(--sand);
  transition: 0.3s; }
:where(body.dwc-home) .home_banner .features .icon img { display: block;
  width: auto;
  height: auto;
  max-width: 3.2rem; }
:where(body.dwc-home) .home_banner .features li:hover .icon { background-color: #ecdcc6; }
:where(body.dwc-home) .home_banner .features h3 { margin-top: 0.26rem;
  color: var(--title);
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.7rem; }
:where(body.dwc-home) .home_banner .features p { margin-top: 0.84rem;
  color: rgba(91, 74, 62, 0.8);
  font-size: 1.5rem;
  line-height: 2.2rem; }
:where(body.dwc-home) .home_banner .features li:nth-child(1) p { max-width: 22rem; }
:where(body.dwc-home) .home_banner .features li:nth-child(2) p { max-width: 21rem; }
:where(body.dwc-home) .home_banner .features li:nth-child(3) p { max-width: 18.5rem; }
:where(body.dwc-home) .home_banner .features li:nth-child(4) p { max-width: 25rem; }
@media screen and (min-width: 769px) and (max-width: 1500px) {
  :where(body.dwc-home) .home_banner .pic { width: 50%; }
  :where(body.dwc-home) .home_banner .tcon { max-width: 50%; }
  :where(body.dwc-home) .home_banner .features { grid-template-columns: repeat(4, 1fr);
    gap: 2.4rem;
    margin: -5.08rem 0px 0px;
    padding: 4rem; }
  :where(body.dwc-home) .home_banner .features p { max-width: none !important; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-home) .home_banner .pic { height: 64rem; }
  :where(body.dwc-home) .home_banner .txt { min-height: 64rem;
    padding-top: 7rem; }
  :where(body.dwc-home) .home_banner .tcon { max-width: 46%; }
  :where(body.dwc-home) .home_banner .pins { flex-wrap: wrap;
    bottom: 9rem;
    right: 2rem; }
  :where(body.dwc-home) .home_banner .btns { flex-wrap: wrap;
    gap: 1.6rem; }
  :where(body.dwc-home) .home_banner .features { grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem 2.4rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-home) .home_banner .pic { position: relative;
    width: 100%;
    height: 300px; }
  :where(body.dwc-home) .home_banner .pins { left: 14px;
    right: 14px;
    bottom: 46px;
    flex-wrap: wrap;
    gap: 6px; }
  :where(body.dwc-home) .home_banner .pins li { gap: 7px;
    height: 32px;
    padding: 0px 13px 0px 11px;
    border-radius: 16px;
    font-size: 12px; }
  :where(body.dwc-home) .home_banner .pins li::before { width: 6px;
    height: 6px; }
  :where(body.dwc-home) .home_banner .txt { min-height: 0px;
    padding: 40px 0px 0px; }
  :where(body.dwc-home) .home_banner .tcon h1 { margin-top: 14px; }
  :where(body.dwc-home) .home_banner .tcon p { max-width: none;
    margin-top: 16px; }
  :where(body.dwc-home) .home_banner .btns { flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px; }
  :where(body.dwc-home) .home_banner .features { grid-template-columns: 1fr;
    gap: 22px;
    margin: 40px 0px 0px;
    padding: 24px 20px;
    border-radius: 12px; }
  :where(body.dwc-home) .home_banner .features li { gap: 14px; }
  :where(body.dwc-home) .home_banner .features .icon { width: 46px;
    height: 46px; }
  :where(body.dwc-home) .home_banner .features .icon img { max-width: 26px;
    max-height: 26px; }
  :where(body.dwc-home) .home_banner .features h3 { margin-top: 0px;
    font-size: 17px;
    line-height: 24px; }
  :where(body.dwc-home) .home_banner .features p { max-width: none !important;
    margin-top: 4px;
    font-size: 14px;
    line-height: 21px; }
}
:where(body.dwc-home) .home_about { padding: 17.78rem 0px 0.96rem;
  background-color: var(--cream); }
:where(body.dwc-home) .home_about .left .btn_text { margin-top: 9.03rem; }
:where(body.dwc-home) .home_about .right { width: 64rem;
  padding-top: 6.88rem; }
:where(body.dwc-home) .home_about .right .tcon p { max-width: 62rem; }
:where(body.dwc-home) .home_about .nums { display: grid;
  grid-template-columns: 20.37rem 24.76rem 1fr;
  margin-top: 3.65rem; }
:where(body.dwc-home) .home_about .nums strong { display: block;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 5rem;
  line-height: 6rem; }
:where(body.dwc-home) .home_about .nums span { display: block;
  margin-top: 0.5rem;
  color: var(--text2);
  font-size: 1.4rem;
  line-height: 1.9rem; }
:where(body.dwc-home) .home_about .steps { display: flex;
  height: 54.7rem;
  margin-top: 7.77rem;
  overflow: hidden; }
:where(body.dwc-home) .home_about .steps li { position: relative;
  display: flex;
  flex-shrink: 0;
  width: 17.11%;
  transition: width 0.6s; }
:where(body.dwc-home) .home_about .steps li.active { width: 65.78%; }
:where(body.dwc-home) .home_about .steps .pic { flex: 1;
  min-width: 0px;
  height: 100%; }
:where(body.dwc-home) .home_about .steps li:nth-child(1) .pic img { object-position: 36.1% 50%; }
:where(body.dwc-home) .home_about .steps li:nth-child(2) .pic img { object-position: 59.4% 50%; }
:where(body.dwc-home) .home_about .steps li:nth-child(3) .pic img { object-position: 64.4% 50%; }
:where(body.dwc-home) .home_about .steps .txt { flex-shrink: 0;
  width: 0px;
  height: 100%;
  overflow: hidden;
  background-color: #6d4d36;
  transition: width 0.6s; }
:where(body.dwc-home) .home_about .steps li.active .txt { width: 38.63%; }
:where(body.dwc-home) .home_about .steps .inner { position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 48.83rem;
  height: 100%;
  padding: 6.16rem;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s; }
:where(body.dwc-home) .home_about .steps li.active .inner { opacity: 1;
  transition: opacity 0.5s 0.3s; }
:where(body.dwc-home) .home_about .steps .icon { position: absolute;
  left: 6.16rem;
  top: 6.69rem;
  display: block;
  width: 7.1rem;
  height: 5.1rem; }
:where(body.dwc-home) .home_about .steps h3 { font-family: var(--serif);
  font-weight: 400;
  font-size: 3.4rem;
  line-height: 4.4rem; }
:where(body.dwc-home) .home_about .steps p { max-width: 33rem;
  margin-top: 1.16rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
  line-height: 2.8rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-home) .home_about .content { flex-direction: column; }
  :where(body.dwc-home) .home_about .right { width: 100%;
    padding-top: 3rem; }
  :where(body.dwc-home) .home_about .left .btn_text { margin-top: 3rem; }
  :where(body.dwc-home) .home_about .steps { height: 48rem;
    margin-top: 6rem; }
  :where(body.dwc-home) .home_about .steps li.active .txt { width: 48%; }
  :where(body.dwc-home) .home_about .steps .inner { width: 38rem;
    padding: 4rem; }
  :where(body.dwc-home) .home_about .steps .icon { left: 4rem;
    top: 4rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-home) .home_about { padding: 64px 0px 0px; }
  :where(body.dwc-home) .home_about .content { flex-direction: column; }
  :where(body.dwc-home) .home_about .left .btn_text { display: none; }
  :where(body.dwc-home) .home_about .right { width: 100%;
    padding-top: 16px; }
  :where(body.dwc-home) .home_about .nums { grid-template-columns: repeat(3, auto);
    justify-content: space-between;
    margin-top: 28px; }
  :where(body.dwc-home) .home_about .nums strong { font-size: 34px;
    line-height: 42px; }
  :where(body.dwc-home) .home_about .nums span { max-width: 110px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 17px; }
  :where(body.dwc-home) .home_about .steps { flex-direction: column;
    height: auto;
    margin-top: 40px; }
  :where(body.dwc-home) .home_about .steps li, :where(body.dwc-home) .home_about .steps li.active { flex-direction: column;
    width: 100%; }
  :where(body.dwc-home) .home_about .steps .pic { flex: none;
    height: 240px; }
  :where(body.dwc-home) .home_about .steps .txt, :where(body.dwc-home) .home_about .steps li.active .txt { width: 100%;
    height: auto; }
  :where(body.dwc-home) .home_about .steps .inner, :where(body.dwc-home) .home_about .steps li.active .inner { width: 100%;
    padding: 76px 20px 28px;
    opacity: 1; }
  :where(body.dwc-home) .home_about .steps .icon { left: 20px;
    top: 26px;
    width: 50px;
    height: 36px; }
  :where(body.dwc-home) .home_about .steps h3 { font-size: 28px;
    line-height: 34px; }
  :where(body.dwc-home) .home_about .steps p { max-width: none;
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.6; }
}
:where(body.dwc-home) .home_products { padding: 14.94rem 0px 16.75rem;
  background-color: #fff; }
:where(body.dwc-home) .home_products .right { width: 64rem;
  padding-top: 8.59rem; }
:where(body.dwc-home) .home_products .right .tcon p { max-width: 62rem; }
:where(body.dwc-home) .home_products .right .btn_text { margin-top: 2.8rem; }
:where(body.dwc-home) .home_products .list { display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7.74rem 2.8rem;
  margin-top: 5.04rem; }
:where(body.dwc-home) .home_products .item { display: block; }
:where(body.dwc-home) .home_products .pic { position: relative;
  height: 56rem;
  border-radius: 0.6rem; }
:where(body.dwc-home) .home_products .item:hover .pic img { transform: scale(1.04); }
:where(body.dwc-home) .home_products .num { position: absolute;
  left: 2.2rem;
  top: 2.2rem;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 3.46rem;
  padding: 0px 1.38rem;
  border-radius: 1.73rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  background-color: rgba(255, 255, 255, 0.9); }
:where(body.dwc-home) .home_products .txt { display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 2.26rem; }
:where(body.dwc-home) .home_products h3 { color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.9rem; }
:where(body.dwc-home) .home_products .txt p { margin-top: 0.88rem;
  color: var(--text2);
  font-size: 1.5rem;
  line-height: 2rem; }
:where(body.dwc-home) .home_products .more { position: relative;
  flex-shrink: 0;
  width: 5.2rem;
  height: 5.2rem;
  margin-top: 0.38rem;
  border-radius: 50%;
  color: var(--primary);
  border: 1px solid var(--line);
  transition: 0.3s; }
:where(body.dwc-home) .home_products .more::after { content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.1rem;
  height: 1.1rem;
  margin: -0.55rem 0px 0px -0.55rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M1.6 9.4 9.4 1.6M2.8 1.6h6.6v6.6'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M1.6 9.4 9.4 1.6M2.8 1.6h6.6v6.6'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform 0.3s; }
:where(body.dwc-home) .home_products li.active .more { color: #fff;
  border-color: var(--primary);
  background-color: var(--primary); }
:where(body.dwc-home) .home_products li.active .more::after { transform: rotate(45deg); }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-home) .home_products .top { flex-direction: column; }
  :where(body.dwc-home) .home_products .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-home) .home_products .list { grid-template-columns: repeat(2, 1fr);
    gap: 5rem 2.4rem; }
  :where(body.dwc-home) .home_products .pic { height: 50rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-home) .home_products { padding: 64px 0px; }
  :where(body.dwc-home) .home_products .top { flex-direction: column; }
  :where(body.dwc-home) .home_products .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-home) .home_products .right .btn_text { margin-top: 18px; }
  :where(body.dwc-home) .home_products .list { grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));
    gap: 34px;
    margin-top: 32px; }
  :where(body.dwc-home) .home_products .pic { height: auto;
    aspect-ratio: 461 / 420;
    border-radius: 6px; }
  :where(body.dwc-home) .home_products .num { left: 14px;
    top: 14px;
    height: 30px;
    padding: 0px 12px;
    border-radius: 15px;
    font-size: 12px; }
  :where(body.dwc-home) .home_products .txt { margin-top: 16px; }
  :where(body.dwc-home) .home_products h3 { font-size: 26px;
    line-height: 32px; }
  :where(body.dwc-home) .home_products .txt p { margin-top: 4px;
    font-size: 14px;
    line-height: 20px; }
  :where(body.dwc-home) .home_products .more { width: 44px;
    height: 44px;
    margin-top: 0px; }
  :where(body.dwc-home) .home_products .more::after { width: 11px;
    height: 11px;
    margin: -5.5px 0px 0px -5.5px; }
}
:where(body.dwc-home) .home_why { padding: 14.5rem 0px 13.62rem;
  background-color: var(--dark); }
:where(body.dwc-home) .home_why .content { align-items: stretch; }
:where(body.dwc-home) .home_why .pic { position: relative;
  flex-shrink: 0;
  width: 60rem;
  height: 78.79rem;
  border-radius: 1rem; }
:where(body.dwc-home) .home_why .label { position: absolute;
  left: 3.2rem;
  right: 3.2rem;
  bottom: 3.99rem;
  z-index: 2;
  height: 10.44rem;
  padding: 2.64rem 2rem 0px 8.1rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(42, 30, 22, 0.8);
  -webkit-backdrop-filter: blur(1.2rem);
  backdrop-filter: blur(1.2rem); }
:where(body.dwc-home) .home_why .label .icon { position: absolute;
  left: 3.3rem;
  top: 3.01rem;
  display: block;
  width: 2.5rem;
  height: 2.8rem; }
:where(body.dwc-home) .home_why .label strong { display: block;
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.7rem; }
:where(body.dwc-home) .home_why .label p { margin-top: 0.36rem;
  color: var(--text_light);
  font-size: 1.4rem;
  line-height: 1.9rem; }
:where(body.dwc-home) .home_why .right { display: flex;
  flex-direction: column;
  width: 73rem;
  padding-top: 4.31rem; }
:where(body.dwc-home) .home_why .tcon p { max-width: 69rem; }
:where(body.dwc-home) .home_why .list { flex: 1;
  display: grid;
  grid-template-columns: 36.5rem 1fr;
  grid-template-rows: auto 1fr;
  margin-top: 5.63rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
:where(body.dwc-home) .home_why .list li { padding: 3.75rem 0px 4.32rem; }
:where(body.dwc-home) .home_why .list li:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.1); }
:where(body.dwc-home) .home_why .list li:nth-child(even) { padding-left: 4.1rem; }
:where(body.dwc-home) .home_why .list li:nth-child(-n + 2) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
:where(body.dwc-home) .home_why .list li:nth-child(n + 3) { padding-top: 3.87rem;
  padding-bottom: 1rem; }
:where(body.dwc-home) .home_why .num { display: block;
  color: var(--accent);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem; }
:where(body.dwc-home) .home_why h3 { margin-top: 1.2rem;
  color: #fff;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.9rem; }
:where(body.dwc-home) .home_why .list p { max-width: 32rem;
  margin-top: 1.22rem;
  color: var(--text_light);
  font-size: 1.6rem;
  line-height: 2.4rem; }
:where(body.dwc-home) .home_why .list li:nth-child(3) p { max-width: 30rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-home) .home_why .pic { width: 40%;
    height: auto; }
  :where(body.dwc-home) .home_why .label { left: 2rem;
    right: 2rem;
    bottom: 2rem;
    height: auto;
    padding-bottom: 2.4rem; }
  :where(body.dwc-home) .home_why .right { width: 55%;
    padding-top: 0px; }
  :where(body.dwc-home) .home_why .list { grid-template-columns: 1fr 1fr; }
  :where(body.dwc-home) .home_why .list li:nth-child(even) { padding-left: 3rem; }
  :where(body.dwc-home) .home_why .list li:nth-child(odd) { padding-right: 2rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-home) .home_why { padding: 64px 0px; }
  :where(body.dwc-home) .home_why .content { flex-direction: column-reverse; }
  :where(body.dwc-home) .home_why .pic { width: 100%;
    height: 420px;
    margin-top: 36px;
    border-radius: 10px; }
  :where(body.dwc-home) .home_why .label { left: 14px;
    right: 14px;
    bottom: 14px;
    height: auto;
    padding: 16px 16px 16px 54px; }
  :where(body.dwc-home) .home_why .label .icon { left: 18px;
    top: 18px;
    width: 22px;
    height: 25px; }
  :where(body.dwc-home) .home_why .label strong { font-size: 16px;
    line-height: 22px; }
  :where(body.dwc-home) .home_why .label p { font-size: 13px;
    line-height: 18px; }
  :where(body.dwc-home) .home_why .right { width: 100%;
    padding-top: 0px; }
  :where(body.dwc-home) .home_why .list { grid-template-columns: 1fr;
    margin-top: 28px; }
  :where(body.dwc-home) .home_why .list li, :where(body.dwc-home) .home_why .list li:nth-child(even), :where(body.dwc-home) .home_why .list li:nth-child(n + 3) { padding: 22px 0px;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  :where(body.dwc-home) .home_why .list li:nth-child(odd) { border-right: none; }
  :where(body.dwc-home) .home_why h3 { margin-top: 8px;
    font-size: 26px;
    line-height: 32px; }
  :where(body.dwc-home) .home_why .list p, :where(body.dwc-home) .home_why .list li:nth-child(3) p { max-width: none;
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.6; }
}
:where(body.dwc-home) .home_solutions { position: relative;
  z-index: 1;
  height: 96rem;
  overflow: hidden;
  background-color: var(--dark); }
:where(body.dwc-home) .home_solutions .swiper, :where(body.dwc-home) .home_solutions .swiper-wrapper, :where(body.dwc-home) .home_solutions .swiper-slide { height: 100%; }
:where(body.dwc-home) .home_solutions .swiper-slide { position: relative; }
:where(body.dwc-home) .home_solutions .pic { position: absolute;
  inset: 0px; }
:where(body.dwc-home) .home_solutions .pic::after { content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 48.37rem;
  background: linear-gradient(180deg, rgba(21, 24, 28, 0) 14.6%, rgba(1, 1, 1, 0.87) 100%); }
:where(body.dwc-home) .home_solutions .swiper-slide-active .pic img { animation: home_solutions_zoom 7s linear both; }
@keyframes home_solutions_zoom {
from {
    transform: scale(1.06);
  }
  to {
    transform: scale(1);
  }
}
:where(body.dwc-home) .home_solutions .txt { position: absolute;
  left: 5.99rem;
  bottom: 15.03rem;
  z-index: 2;
  color: #fff; }
:where(body.dwc-home) .home_solutions .txt h3 { font-family: var(--serif);
  font-weight: 400;
  font-size: 5rem;
  line-height: 6.4rem; }
:where(body.dwc-home) .home_solutions .txt p { max-width: 55rem;
  margin-top: 1.02rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.8rem;
  line-height: 2.8rem; }
:where(body.dwc-home) .home_solutions .tag.light { position: absolute;
  left: 5.99rem;
  top: 7.79rem;
  z-index: 3;
  color: rgba(251, 247, 241, 0.8); }
:where(body.dwc-home) .home_solutions .more { position: absolute;
  right: 7.43rem;
  bottom: 14.8rem;
  z-index: 3;
  padding: 0px 3.26rem; }
:where(body.dwc-home) .home_solutions .tabs { position: absolute;
  left: 5.99rem;
  right: 7.43rem;
  bottom: 5.9rem;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.05rem; }
:where(body.dwc-home) .home_solutions .tabs li { position: relative;
  padding-top: 1.59rem;
  cursor: pointer;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
  line-height: 2.4rem;
  transition: color 0.3s; }
:where(body.dwc-home) .home_solutions .tabs li::before { content: '';
  position: absolute;
  left: 0px;
  top: -2px;
  width: 0px;
  height: 2px;
  background-color: #fff; }
:where(body.dwc-home) .home_solutions .tabs li.active, :where(body.dwc-home) .home_solutions .tabs li:hover { color: #fff; }
:where(body.dwc-home) .home_solutions .tabs li.active::before { animation: home_solutions_bar 6s linear both; }
@keyframes home_solutions_bar {
from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-home) .home_solutions { height: 72rem; }
  :where(body.dwc-home) .home_solutions .txt { right: 26rem; }
  :where(body.dwc-home) .home_solutions .tabs li { font-size: 1.6rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-home) .home_solutions { height: 600px; }
  :where(body.dwc-home) .home_solutions .pic::after { height: 75%; }
  :where(body.dwc-home) .home_solutions .tag.light { left: 20px;
    top: 40px; }
  :where(body.dwc-home) .home_solutions .txt { left: 20px;
    right: 20px;
    bottom: 220px; }
  :where(body.dwc-home) .home_solutions .txt h3 { font-size: 32px;
    line-height: 38px; }
  :where(body.dwc-home) .home_solutions .txt p { margin-top: 8px;
    font-size: 15px;
    line-height: 1.6; }
  :where(body.dwc-home) .home_solutions .more { left: 20px;
    right: auto;
    bottom: 148px; }
  :where(body.dwc-home) .home_solutions .tabs { left: 20px;
    right: 20px;
    bottom: 28px;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 14px; }
  :where(body.dwc-home) .home_solutions .tabs li { padding-top: 10px;
    font-size: 13px;
    line-height: 18px; }
}
:where(body.dwc-home) .home_process { padding: 13.82rem 0px 12.47rem;
  background-color: var(--cream); }
:where(body.dwc-home) .home_process .right { width: 55.43rem;
  padding-top: 8.59rem; }
:where(body.dwc-home) .home_process .right p { max-width: 54rem; }
:where(body.dwc-home) .home_process .steps { position: relative;
  display: grid;
  grid-template-columns: repeat(7, 18.24rem) 1fr;
  margin-top: 6.07rem; }
:where(body.dwc-home) .home_process .steps::before { content: '';
  position: absolute;
  left: 1.8rem;
  top: 2.73rem;
  width: 127.44rem;
  height: 1.5px;
  opacity: 0.3;
  background: repeating-linear-gradient(90deg, var(--primary) 0px, var(--primary) 0.6rem, transparent 0.6rem, transparent 1.6rem); }
:where(body.dwc-home) .home_process .steps li { position: relative;
  padding-right: 1.6rem;
  cursor: default; }
:where(body.dwc-home) .home_process .steps li::after { content: '';
  position: absolute;
  left: 1.8rem;
  top: 2.73rem;
  z-index: 1;
  width: 0px;
  height: 1.5px;
  background-color: var(--primary);
  transition: width 0.4s; }
:where(body.dwc-home) .home_process .steps li.active:not(:last-child)::after { width: 12.98rem; }
:where(body.dwc-home) .home_process .num { position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  color: var(--primary);
  font-family: var(--serif);
  font-size: 2.4rem;
  line-height: 1;
  border: 1px solid var(--caramel);
  background-color: var(--cream);
  transition: 0.3s; }
:where(body.dwc-home) .home_process .steps li.active .num { color: #fff;
  border-color: var(--primary);
  background-color: var(--primary); }
:where(body.dwc-home) .home_process h3 { margin-top: 4.66rem;
  color: var(--title);
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.7rem; }
:where(body.dwc-home) .home_process .steps p { max-width: 16rem;
  margin-top: 0.94rem;
  color: var(--text);
  font-size: 1.5rem;
  line-height: 2.4rem; }
:where(body.dwc-home) .home_process .steps li:nth-child(1) p { max-width: 14rem; }
:where(body.dwc-home) .home_process .btns { display: flex;
  justify-content: center;
  margin-top: 8.37rem; }
@media screen and (min-width: 769px) and (max-width: 1500px) {
  :where(body.dwc-home) .home_process .steps { grid-template-columns: repeat(8, 1fr); }
  :where(body.dwc-home) .home_process .steps::before { width: calc(100% - 3.6rem); }
  :where(body.dwc-home) .home_process .steps li.active:not(:last-child)::after { width: calc(100% - 1.8rem); }
  :where(body.dwc-home) .home_process .steps li:nth-child(1) p { max-width: 16rem; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-home) .home_process .top { flex-direction: column; }
  :where(body.dwc-home) .home_process .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-home) .home_process .steps { grid-template-columns: repeat(4, 1fr);
    row-gap: 5rem; }
  :where(body.dwc-home) .home_process .steps::before { display: none; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-home) .home_process { padding: 64px 0px; }
  :where(body.dwc-home) .home_process .top { flex-direction: column; }
  :where(body.dwc-home) .home_process .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-home) .home_process .steps { grid-template-columns: 1fr;
    gap: 0px;
    margin-top: 32px; }
  :where(body.dwc-home) .home_process .steps::before { left: 21px;
    top: 22px;
    width: 1.5px;
    height: calc(100% - 44px);
    background: repeating-linear-gradient(180deg, var(--primary) 0px, var(--primary) 6px, transparent 6px, transparent 14px); }
  :where(body.dwc-home) .home_process .steps li { min-height: 44px;
    padding: 0px 0px 24px 62px; }
  :where(body.dwc-home) .home_process .steps li::after { display: none; }
  :where(body.dwc-home) .home_process .num { position: absolute;
    left: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    font-size: 20px; }
  :where(body.dwc-home) .home_process h3 { margin-top: 0px;
    font-size: 17px;
    line-height: 24px; }
  :where(body.dwc-home) .home_process .steps p, :where(body.dwc-home) .home_process .steps li:nth-child(1) p { max-width: none;
    margin-top: 2px;
    font-size: 14px;
    line-height: 21px; }
  :where(body.dwc-home) .home_process .btns { justify-content: flex-start;
    margin-top: 16px; }
}
:where(body.dwc-home) .home_materials { padding: 13.68rem 0px 15.75rem;
  background-color: #efe6d9; }
:where(body.dwc-home) .home_materials .box { width: 60rem;
  margin-left: 84rem; }
:where(body.dwc-home) .home_materials .tcon h2 + p { max-width: 57rem;
  margin-top: 2.92rem; }
:where(body.dwc-home) .home_materials .swatches { display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.71rem 1.53rem;
  margin-top: 3.16rem; }
:where(body.dwc-home) .home_materials .swatches li { display: flex;
  align-items: center;
  gap: 1.1rem;
  height: 5.4rem;
  padding: 0px 1.2rem 0px 0.9rem;
  border-radius: 2.7rem;
  white-space: nowrap;
  color: var(--title);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.9rem;
  background-color: rgba(255, 255, 255, 0.8);
  transition: 0.3s; }
:where(body.dwc-home) .home_materials .swatches li:hover { background-color: #fff;
  box-shadow: 0px 0.8rem 2rem rgba(111, 78, 55, 0.12); }
:where(body.dwc-home) .home_materials .swatches i { flex-shrink: 0;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%; }
:where(body.dwc-home) .home_materials .btn { margin-top: 3.46rem; }
@media screen and (min-width: 769px) and (max-width: 1500px) {
  :where(body.dwc-home) .home_materials .box { margin-left: auto; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-home) .home_materials > img { object-position: 30% 50%; }
  :where(body.dwc-home) .home_materials .box { width: 52%; }
  :where(body.dwc-home) .home_materials .swatches { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-home) .home_materials { padding: 300px 0px 64px; }
  :where(body.dwc-home) .home_materials > img { height: 340px;
    object-position: 22% 50%; }
  :where(body.dwc-home) .home_materials .box { width: 100%;
    margin: 0px;
    padding: 28px 20px;
    border-radius: 12px;
    background-color: rgba(251, 247, 241, 0.94); }
  :where(body.dwc-home) .home_materials .tcon h2 + p { margin-top: 12px; }
  :where(body.dwc-home) .home_materials .swatches { grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 22px; }
  :where(body.dwc-home) .home_materials .swatches li { gap: 8px;
    height: 44px;
    padding: 0px 10px 0px 7px;
    border-radius: 22px;
    font-size: 13px; }
  :where(body.dwc-home) .home_materials .swatches i { width: 30px;
    height: 30px; }
  :where(body.dwc-home) .home_materials .btn { margin-top: 24px; }
}
:where(body.dwc-home) .home_projects { padding: 11.7rem 0px 13.06rem;
  overflow: hidden;
  background-color: var(--cream); }
:where(body.dwc-home) .home_projects .tcon .tag + h2 { margin-top: 2.42rem; }
:where(body.dwc-home) .home_projects .tcon h2 + p { margin-top: 2.4rem; }
:where(body.dwc-home) .home_projects .link { display: flex;
  justify-content: center;
  margin-top: 2.59rem; }
:where(body.dwc-home) .home_projects .slider { position: relative;
  margin-top: 4.65rem; }
:where(body.dwc-home) .home_projects .swiper { margin-left: 48.13rem;
  overflow: hidden; }
:where(body.dwc-home) .home_projects .swiper-slide { width: 101.87rem; }
:where(body.dwc-home) .home_projects .pic { height: 56.11rem;
  border-radius: 1rem; }
:where(body.dwc-home) .home_projects .swiper-slide .info { display: none; }
:where(body.dwc-home) .home_projects .info_box { position: absolute;
  left: 5.99rem;
  top: 0px;
  width: 36rem;
  height: 56.11rem;
  transition: opacity 0.35s; }
:where(body.dwc-home) .home_projects .info_box.fade { opacity: 0; }
:where(body.dwc-home) .home_projects .info { display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }
:where(body.dwc-home) .home_projects .cat { display: block;
  margin-top: 1.09rem;
  color: var(--title);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-transform: uppercase; }
:where(body.dwc-home) .home_projects h3 { color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 4rem;
  line-height: 5.2rem; }
:where(body.dwc-home) .home_projects .txt p { max-width: 27rem;
  margin-top: 1.69rem;
  color: var(--text);
  font-size: 1.6rem;
  line-height: 2.4rem; }
:where(body.dwc-home) .home_projects .tags { display: flex;
  flex-wrap: wrap;
  gap: 1.19rem;
  margin-top: 3.57rem; }
:where(body.dwc-home) .home_projects .tags span { display: flex;
  align-items: center;
  height: 3.2rem;
  padding: 0px 1.6rem;
  border-radius: 1.6rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.9rem;
  border: 1px solid rgba(111, 78, 55, 0.5); }
:where(body.dwc-home) .home_projects .swiper_btns { justify-content: flex-end;
  gap: 6.14rem;
  width: 101.87rem;
  margin: 2.45rem 0px 0px 48.13rem;
  padding-right: 0.28rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-home) .home_projects .swiper { margin-left: 30rem; }
  :where(body.dwc-home) .home_projects .swiper-slide { width: 80rem; }
  :where(body.dwc-home) .home_projects .pic { height: 48rem; }
  :where(body.dwc-home) .home_projects .info_box { left: 3rem;
    width: 24rem;
    height: 48rem; }
  :where(body.dwc-home) .home_projects .swiper_btns { width: 80rem;
    margin-left: 30rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-home) .home_projects { padding: 64px 0px; }
  :where(body.dwc-home) .home_projects .tcon .tag + h2 { margin-top: 14px; }
  :where(body.dwc-home) .home_projects .tcon h2 + p { margin-top: 12px; }
  :where(body.dwc-home) .home_projects .link { margin-top: 18px; }
  :where(body.dwc-home) .home_projects .slider { display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding: 0px 20px; }
  :where(body.dwc-home) .home_projects .swiper { order: 1;
    width: 100%;
    margin: 0px;
    overflow: visible; }
  :where(body.dwc-home) .home_projects .swiper-slide { width: 88%; }
  :where(body.dwc-home) .home_projects .pic { height: 230px;
    border-radius: 8px; }
  :where(body.dwc-home) .home_projects .info_box { position: relative;
    left: auto;
    order: 2;
    width: 100%;
    height: auto;
    margin-top: 20px; }
  :where(body.dwc-home) .home_projects .cat { margin-top: 0px;
    font-size: 12px; }
  :where(body.dwc-home) .home_projects h3 { margin-top: 10px;
    font-size: 28px;
    line-height: 34px; }
  :where(body.dwc-home) .home_projects .txt p { max-width: none;
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.6; }
  :where(body.dwc-home) .home_projects .tags { gap: 8px;
    margin-top: 16px; }
  :where(body.dwc-home) .home_projects .tags span { height: 30px;
    padding: 0px 14px;
    font-size: 13px; }
  :where(body.dwc-home) .home_projects .swiper_btns { order: 3;
    width: 100%;
    margin: 22px 0px 0px;
    padding: 0px;
    justify-content: flex-start;
    gap: 30px; }
}
/* sytech/assets/css/about.css (dwc-about) */
:where(body.dwc-about) .about_intro { padding: 14rem 0px;
  background-color: var(--cream); }
:where(body.dwc-about) .about_intro .content { align-items: center; }
:where(body.dwc-about) .about_intro .pics { position: relative;
  flex-shrink: 0;
  width: 66rem;
  height: 70rem; }
:where(body.dwc-about) .about_intro .pic { position: absolute;
  border-radius: 1rem; }
:where(body.dwc-about) .about_intro .pic.big { left: 0px;
  top: 0px;
  width: 54rem;
  height: 58rem; }
:where(body.dwc-about) .about_intro .pic.small { right: 0px;
  bottom: 0px;
  z-index: 2;
  width: 32rem;
  height: 30rem;
  border: 0.8rem solid var(--cream);
  border-radius: 1.6rem; }
:where(body.dwc-about) .about_intro .since { position: absolute;
  left: 3.2rem;
  bottom: 3rem;
  z-index: 2;
  width: 22rem;
  padding: 2.4rem 2.6rem;
  border-radius: 1rem;
  color: #fff;
  background-color: var(--primary); }
:where(body.dwc-about) .about_intro .since strong { display: block;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 5rem;
  line-height: 5.6rem; }
:where(body.dwc-about) .about_intro .since span { display: block;
  margin-top: 0.4rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.5rem;
  line-height: 2.2rem; }
:where(body.dwc-about) .about_intro .right { width: 66rem; }
:where(body.dwc-about) .about_intro .tcon p + p { margin-top: 1.6rem; }
:where(body.dwc-about) .about_intro .nums { display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem 2.4rem;
  margin-top: 4.4rem;
  padding-top: 4rem;
  border-top: 1px solid rgba(42, 30, 22, 0.12); }
:where(body.dwc-about) .about_intro .nums strong { display: block;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 5rem;
  line-height: 6rem; }
:where(body.dwc-about) .about_intro .nums span { display: block;
  margin-top: 0.4rem;
  color: var(--text2);
  font-size: 1.5rem;
  line-height: 2.1rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-about) .about_intro .content { flex-direction: column;
    align-items: flex-start; }
  :where(body.dwc-about) .about_intro .right { width: 100%;
    margin-top: 6rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-about) .about_intro { padding: 64px 0px; }
  :where(body.dwc-about) .about_intro .content { flex-direction: column; }
  :where(body.dwc-about) .about_intro .pics { width: 100%;
    height: 400px; }
  :where(body.dwc-about) .about_intro .pic.big { width: 88%;
    height: 320px; }
  :where(body.dwc-about) .about_intro .pic.small { width: 52%;
    height: 170px;
    border-width: 6px; }
  :where(body.dwc-about) .about_intro .since { left: 14px;
    bottom: 96px;
    width: 160px;
    padding: 14px 16px; }
  :where(body.dwc-about) .about_intro .since strong { font-size: 32px;
    line-height: 38px; }
  :where(body.dwc-about) .about_intro .since span { font-size: 13px;
    line-height: 18px; }
  :where(body.dwc-about) .about_intro .right { width: 100%;
    margin-top: 36px; }
  :where(body.dwc-about) .about_intro .tcon p + p { margin-top: 12px; }
  :where(body.dwc-about) .about_intro .nums { gap: 22px 14px;
    margin-top: 28px;
    padding-top: 26px; }
  :where(body.dwc-about) .about_intro .nums strong { font-size: 32px;
    line-height: 40px; }
  :where(body.dwc-about) .about_intro .nums span { font-size: 13px;
    line-height: 18px; }
}
:where(body.dwc-about) .about_group { padding: 14rem 0px;
  background-color: #fff; }
:where(body.dwc-about) .about_group .right { width: 55.4rem;
  padding-top: 8.59rem; }
:where(body.dwc-about) .about_group .box { align-items: stretch;
  margin-top: 6rem; }
:where(body.dwc-about) .about_group .pic { position: relative;
  flex-shrink: 0;
  width: 66rem;
  min-height: 64rem;
  border-radius: 1rem; }
:where(body.dwc-about) .about_group .pic img { transition: opacity 0.12s ease; }
:where(body.dwc-about) .about_group .pic img.is_next { position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
:where(body.dwc-about) .about_group .list { width: 70rem; }
:where(body.dwc-about) .about_group .list li { display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  padding: 2.4rem 2.6rem;
  border-radius: 1rem;
  cursor: pointer;
  transition: background-color 0.3s; }
:where(body.dwc-about) .about_group .list li + li { margin-top: 0.4rem; }
:where(body.dwc-about) .about_group .list li:hover { background-color: var(--cream); }
:where(body.dwc-about) .about_group .list li.main { color: #fff;
  background-color: var(--primary); }
:where(body.dwc-about) .about_group .num { flex-shrink: 0;
  width: 3rem;
  padding-top: 0.8rem;
  color: var(--caramel);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem; }
:where(body.dwc-about) .about_group .list li.main .num { color: var(--peach); }
:where(body.dwc-about) .about_group .list h3 { color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 3.4rem; }
:where(body.dwc-about) .about_group .list p { margin-top: 0.6rem;
  color: var(--text);
  font-size: 1.5rem;
  line-height: 2.3rem; }
:where(body.dwc-about) .about_group .list li.main h3 { color: #fff; }
:where(body.dwc-about) .about_group .list li.main p { color: rgba(255, 255, 255, 0.8); }
@media screen and (min-width: 769px) and (max-width: 1500px) {
  :where(body.dwc-about) .about_group .pic { width: 46%; }
  :where(body.dwc-about) .about_group .list { width: 50%; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-about) .about_group .top { flex-direction: column; }
  :where(body.dwc-about) .about_group .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-about) .about_group .list li { padding: 2rem; }
  :where(body.dwc-about) .about_group .list h3 { font-size: 2.4rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-about) .about_group { padding: 64px 0px; }
  :where(body.dwc-about) .about_group .top { flex-direction: column; }
  :where(body.dwc-about) .about_group .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-about) .about_group .box { flex-direction: column;
    margin-top: 32px; }
  :where(body.dwc-about) .about_group .pic { width: 100%;
    min-height: 0px;
    height: 240px; }
  :where(body.dwc-about) .about_group .list { width: 100%;
    margin-top: 20px; }
  :where(body.dwc-about) .about_group .list li { gap: 14px;
    padding: 16px; }
  :where(body.dwc-about) .about_group .num { width: 22px;
    padding-top: 5px;
    font-size: 12px; }
  :where(body.dwc-about) .about_group .list h3 { font-size: 21px;
    line-height: 27px; }
  :where(body.dwc-about) .about_group .list p { font-size: 14px;
    line-height: 21px; }
}
:where(body.dwc-about) .about_quality { padding: 14rem 0px;
  background-color: var(--cream); }
:where(body.dwc-about) .about_quality .tcon.center p { max-width: 64rem;
  margin: 2rem auto 0px; }
:where(body.dwc-about) .about_quality .list { display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.8rem;
  margin-top: 6rem; }
:where(body.dwc-about) .about_quality .list li { overflow: hidden;
  border-radius: 1.2rem;
  background-color: #fff;
  box-shadow: 0px 1.5rem 3rem rgba(221, 215, 208, 0.45);
  transition: transform 0.35s; }
:where(body.dwc-about) .about_quality .list li:hover { transform: translateY(-0.6rem); }
:where(body.dwc-about) .about_quality .pic { height: 24rem; }
:where(body.dwc-about) .about_quality .txt { padding: 2.8rem 2.8rem 3.4rem; }
:where(body.dwc-about) .about_quality .num { display: block;
  color: var(--caramel);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em; }
:where(body.dwc-about) .about_quality h3 { margin-top: 0.8rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 3.2rem; }
:where(body.dwc-about) .about_quality .txt p { margin-top: 1rem;
  color: var(--text);
  font-size: 1.5rem;
  line-height: 2.4rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-about) .about_quality .list { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-about) .about_quality { padding: 64px 0px; }
  :where(body.dwc-about) .about_quality .list { grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 32px; }
  :where(body.dwc-about) .about_quality .pic { height: 200px; }
  :where(body.dwc-about) .about_quality .txt { padding: 20px 20px 24px; }
  :where(body.dwc-about) .about_quality h3 { font-size: 23px;
    line-height: 29px; }
  :where(body.dwc-about) .about_quality .txt p { font-size: 14px;
    line-height: 22px; }
}
:where(body.dwc-about) .about_showroom { padding: 14rem 0px;
  background-color: var(--dark); }
:where(body.dwc-about) .about_showroom::before { content: '';
  position: absolute;
  inset: 0px;
  z-index: -1;
  background: linear-gradient(90deg, rgba(42, 30, 22, 0.92) 0%, rgba(42, 30, 22, 0.72) 40%, rgba(42, 30, 22, 0.1) 75%); }
:where(body.dwc-about) .about_showroom .box { width: 60rem; }
:where(body.dwc-about) .about_showroom .check_list { margin-top: 3.2rem; }
:where(body.dwc-about) .about_showroom .btn { margin-top: 4rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-about) .about_showroom .box { width: 60%; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-about) .about_showroom { padding: 64px 0px; }
  :where(body.dwc-about) .about_showroom::before { background: rgba(42, 30, 22, 0.75); }
  :where(body.dwc-about) .about_showroom .box { width: 100%; }
  :where(body.dwc-about) .about_showroom .check_list { margin-top: 22px; }
  :where(body.dwc-about) .about_showroom .btn { margin-top: 26px; }
}
:where(body.dwc-about) .about_markets { padding: 14rem 0px;
  background-color: #fff; }
:where(body.dwc-about) .about_markets .right { width: 64rem;
  padding-top: 8.59rem; }
:where(body.dwc-about) .about_markets .right .btn_text { margin-top: 2.8rem; }
:where(body.dwc-about) .about_markets .list { display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.8rem;
  margin-top: 6rem; }
:where(body.dwc-about) .about_markets .pic { position: relative;
  height: 40rem;
  border-radius: 0.8rem; }
:where(body.dwc-about) .about_markets li:hover .pic img { transform: scale(1.05); }
:where(body.dwc-about) .about_markets .country { position: absolute;
  left: 2rem;
  top: 2rem;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 3.46rem;
  padding: 0px 1.5rem;
  border-radius: 1.73rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  background-color: rgba(255, 255, 255, 0.9); }
:where(body.dwc-about) .about_markets h3 { margin-top: 2.2rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 3.4rem; }
:where(body.dwc-about) .about_markets li p { margin-top: 0.8rem;
  color: var(--text);
  font-size: 1.5rem;
  line-height: 2.4rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-about) .about_markets .top { flex-direction: column; }
  :where(body.dwc-about) .about_markets .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-about) .about_markets .list { grid-template-columns: repeat(2, 1fr);
    row-gap: 4.4rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-about) .about_markets { padding: 64px 0px; }
  :where(body.dwc-about) .about_markets .top { flex-direction: column; }
  :where(body.dwc-about) .about_markets .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-about) .about_markets .right .btn_text { margin-top: 18px; }
  :where(body.dwc-about) .about_markets .list { grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 32px; }
  :where(body.dwc-about) .about_markets .pic { height: 240px; }
  :where(body.dwc-about) .about_markets .country { left: 14px;
    top: 14px;
    height: 30px;
    font-size: 12px; }
  :where(body.dwc-about) .about_markets h3 { margin-top: 14px;
    font-size: 24px;
    line-height: 30px; }
  :where(body.dwc-about) .about_markets li p { font-size: 14px;
    line-height: 22px; }
}
/* sytech/assets/css/products.css (dwc-products) */
:where(body.dwc-products) .products_families { padding: 13rem 0px 14rem;
  background-color: var(--cream); }
:where(body.dwc-products) .products_families .tcon.center p { max-width: 70rem;
  margin: 2rem auto 0px; }
:where(body.dwc-products) .products_families .index { position: sticky;
  top: 1.6rem;
  z-index: 5;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  width: fit-content;
  margin: 5rem auto 0px;
  padding: 0.8rem;
  border-radius: 4rem;
  background-color: rgba(255, 255, 255, 0.92);
  box-shadow: 0px 1.2rem 3rem rgba(221, 215, 208, 0.55);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  transition: top 0.4s; }
:where(body.dwc-products) .products_families .index[data-aos] { transition-property: opacity, transform, top;
  transition-duration: 0.7s, 0.7s, 0.4s; }
:where(body.dwc-products) .products_families .index a { display: flex;
  align-items: center;
  gap: 0.8rem;
  height: 4.6rem;
  padding: 0px 2rem;
  border-radius: 2.3rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.5rem;
  transition: 0.3s; }
:where(body.dwc-products) .products_families .index i { color: var(--caramel);
  font-weight: 700;
  font-size: 1.2rem; }
:where(body.dwc-products) .products_families .index a:hover, :where(body.dwc-products) .products_families .index a.active { color: #fff;
  background-color: var(--primary); }
:where(body.dwc-products) .products_families .index a:hover i, :where(body.dwc-products) .products_families .index a.active i { color: var(--peach); }
:where(body.dwc-products) .products_families .list { margin-top: 8rem; }
:where(body.dwc-products) .products_families .item { display: flex;
  align-items: center;
  justify-content: space-between;
  scroll-margin-top: 12rem; }
:where(body.dwc-products) .products_families .item + .item { margin-top: 10rem; }
:where(body.dwc-products) .products_families .item:nth-child(even) { flex-direction: row-reverse; }
:where(body.dwc-products) .products_families .pic { flex-shrink: 0;
  width: 76rem;
  height: 57rem;
  border-radius: 1rem; }
:where(body.dwc-products) .products_families .item:hover .pic img { transform: scale(1.03); }
:where(body.dwc-products) .products_families .txt { width: 56rem; }
:where(body.dwc-products) .products_families .num { display: block;
  color: var(--caramel);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.2em; }
:where(body.dwc-products) .products_families h3 { margin-top: 1.4rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 5.2rem;
  line-height: 6rem; }
:where(body.dwc-products) .products_families .txt p { margin-top: 1.8rem;
  color: var(--text);
  font-size: 1.8rem;
  line-height: 2.8rem; }
:where(body.dwc-products) .products_families .types { display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2.8rem; }
:where(body.dwc-products) .products_families .types li { display: flex;
  align-items: center;
  height: 3.6rem;
  padding: 0px 1.8rem;
  border-radius: 1.8rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.4rem;
  border: 1px solid rgba(111, 78, 55, 0.4);
  background-color: #fff; }
:where(body.dwc-products) .products_families .check_list { margin-top: 2.8rem; }
:where(body.dwc-products) .products_families .btns { display: flex;
  align-items: center;
  gap: 3.2rem;
  margin-top: 4rem; }
@media screen and (min-width: 769px) and (max-width: 1500px) {
  :where(body.dwc-products) .products_families .pic { width: 55%; }
  :where(body.dwc-products) .products_families .txt { width: 40%; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-products) .products_families .item { align-items: flex-start; }
  :where(body.dwc-products) .products_families .pic { width: 48%;
    height: 48rem; }
  :where(body.dwc-products) .products_families .txt { width: 46%; }
  :where(body.dwc-products) .products_families h3 { font-size: 4.2rem;
    line-height: 1.15; }
  :where(body.dwc-products) .products_families .btns { flex-wrap: wrap;
    gap: 2rem; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-products) .products_families { padding: 64px 0px; }
  :where(body.dwc-products) .products_families .index { position: relative;
    top: auto;
    justify-content: flex-start;
    gap: 6px;
    width: auto;
    margin-top: 28px;
    padding: 0px;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none; }
  :where(body.dwc-products) .products_families .index a { height: 38px;
    padding: 0px 14px;
    border-radius: 19px;
    font-size: 13px;
    background-color: #fff; }
  :where(body.dwc-products) .products_families .list { margin-top: 40px; }
  :where(body.dwc-products) .products_families .item, :where(body.dwc-products) .products_families .item:nth-child(even) { flex-direction: column;
    align-items: stretch;
    scroll-margin-top: 80px; }
  :where(body.dwc-products) .products_families .item + .item { margin-top: 52px; }
  :where(body.dwc-products) .products_families .pic { width: 100%;
    height: 250px;
    border-radius: 8px; }
  :where(body.dwc-products) .products_families .txt { width: 100%;
    margin-top: 22px; }
  :where(body.dwc-products) .products_families h3 { margin-top: 8px;
    font-size: 32px;
    line-height: 38px; }
  :where(body.dwc-products) .products_families .txt p { margin-top: 10px;
    font-size: 15px;
    line-height: 1.7; }
  :where(body.dwc-products) .products_families .types { gap: 6px;
    margin-top: 18px; }
  :where(body.dwc-products) .products_families .types li { height: 32px;
    padding: 0px 13px;
    font-size: 13px; }
  :where(body.dwc-products) .products_families .check_list { margin-top: 18px; }
  :where(body.dwc-products) .products_families .btns { flex-wrap: wrap;
    gap: 18px;
    margin-top: 24px; }
}
:where(body.dwc-products) .products_finishes { padding: 14rem 0px;
  background-color: #fff; }
:where(body.dwc-products) .products_finishes .right { width: 64rem;
  padding-top: 6.88rem; }
:where(body.dwc-products) .products_finishes .tabs { display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2.8rem; }
:where(body.dwc-products) .products_finishes .tabs li { display: flex;
  align-items: center;
  height: 4rem;
  padding: 0px 1.8rem;
  cursor: pointer;
  border-radius: 2rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.4rem;
  border: 1px solid var(--line);
  transition: 0.3s; }
:where(body.dwc-products) .products_finishes .tabs li:hover { border-color: var(--primary); }
:where(body.dwc-products) .products_finishes .tabs li.active { color: #fff;
  border-color: var(--primary);
  background-color: var(--primary); }
:where(body.dwc-products) .products_finishes .list { display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4rem 2.4rem;
  margin-top: 6rem; }
:where(body.dwc-products) .products_finishes .list li.hide { display: none; }
:where(body.dwc-products) .products_finishes .pic { aspect-ratio: 1 / 1;
  border-radius: 50%;
  box-shadow: 0px 1.2rem 2.6rem rgba(42, 30, 22, 0.12); }
:where(body.dwc-products) .products_finishes .list li:hover .pic img { transform: scale(1.12); }
:where(body.dwc-products) .products_finishes .list strong { display: block;
  margin-top: 2rem;
  text-align: center;
  color: var(--title);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem; }
:where(body.dwc-products) .products_finishes .list span { display: block;
  margin-top: 0.4rem;
  text-align: center;
  color: var(--text2);
  font-size: 1.4rem;
  line-height: 1.9rem; }
:where(body.dwc-products) .products_finishes .note { display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  margin-top: 7rem;
  padding: 3.6rem 4.4rem;
  border-radius: 1.2rem;
  background-color: var(--sand); }
:where(body.dwc-products) .products_finishes .note p { max-width: 82rem;
  color: var(--text);
  font-size: 1.8rem;
  line-height: 2.8rem; }
:where(body.dwc-products) .products_finishes .note b { color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 2.6rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-products) .products_finishes .top { flex-direction: column; }
  :where(body.dwc-products) .products_finishes .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-products) .products_finishes .list { grid-template-columns: repeat(4, 1fr); }
  :where(body.dwc-products) .products_finishes .note { flex-direction: column;
    align-items: flex-start; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-products) .products_finishes { padding: 64px 0px; }
  :where(body.dwc-products) .products_finishes .top { flex-direction: column; }
  :where(body.dwc-products) .products_finishes .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-products) .products_finishes .tabs { gap: 6px;
    margin-top: 18px; }
  :where(body.dwc-products) .products_finishes .tabs li { height: 34px;
    padding: 0px 13px;
    font-size: 13px; }
  :where(body.dwc-products) .products_finishes .list { grid-template-columns: repeat(3, 1fr);
    gap: 24px 14px;
    margin-top: 32px; }
  :where(body.dwc-products) .products_finishes .list strong { margin-top: 10px;
    font-size: 13px;
    line-height: 18px; }
  :where(body.dwc-products) .products_finishes .list span { font-size: 12px;
    line-height: 16px; }
  :where(body.dwc-products) .products_finishes .note { flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin-top: 40px;
    padding: 24px 20px; }
  :where(body.dwc-products) .products_finishes .note p { font-size: 15px;
    line-height: 1.7; }
  :where(body.dwc-products) .products_finishes .note b { font-size: 21px; }
}
:where(body.dwc-products) .products_details { padding: 14rem 0px;
  background-color: var(--dark); }
:where(body.dwc-products) .products_details .right { width: 55.4rem;
  padding-top: 8.59rem; }
:where(body.dwc-products) .products_details .list { display: flex;
  gap: 2rem;
  height: 56rem;
  margin-top: 6rem; }
:where(body.dwc-products) .products_details .list li { position: relative;
  flex: 1;
  overflow: hidden;
  border-radius: 1rem;
  transition: flex 0.6s; }
:where(body.dwc-products) .products_details .list li.active { flex: 2.4; }
:where(body.dwc-products) .products_details .pic { position: absolute;
  inset: 0px; }
:where(body.dwc-products) .products_details .pic::after { content: '';
  position: absolute;
  inset: 0px;
  background: linear-gradient(180deg, rgba(42, 30, 22, 0) 40%, rgba(42, 30, 22, 0.88) 100%); }
:where(body.dwc-products) .products_details .txt { position: absolute;
  left: 3.2rem;
  right: 3.2rem;
  bottom: 3.2rem;
  z-index: 2;
  color: #fff; }
:where(body.dwc-products) .products_details .txt h3 { font-family: var(--serif);
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 4rem;
  white-space: nowrap; }
:where(body.dwc-products) .products_details .txt p { max-width: 40rem;
  max-height: 0px;
  margin-top: 0px;
  overflow: hidden;
  opacity: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.6rem;
  line-height: 2.5rem;
  transition: max-height 0.5s, opacity 0.4s, margin-top 0.5s; }
:where(body.dwc-products) .products_details .list li.active .txt p { max-height: 10rem;
  margin-top: 1rem;
  opacity: 1; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-products) .products_details .top { flex-direction: column; }
  :where(body.dwc-products) .products_details .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-products) .products_details .list { height: 46rem; }
  :where(body.dwc-products) .products_details .txt h3 { font-size: 2.6rem;
    white-space: normal; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-products) .products_details { padding: 64px 0px; }
  :where(body.dwc-products) .products_details .top { flex-direction: column; }
  :where(body.dwc-products) .products_details .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-products) .products_details .list { flex-direction: column;
    gap: 14px;
    height: auto;
    margin-top: 32px; }
  :where(body.dwc-products) .products_details .list li, :where(body.dwc-products) .products_details .list li.active { flex: none;
    height: 260px; }
  :where(body.dwc-products) .products_details .txt { left: 18px;
    right: 18px;
    bottom: 18px; }
  :where(body.dwc-products) .products_details .txt h3 { font-size: 24px;
    line-height: 30px; }
  :where(body.dwc-products) .products_details .txt p, :where(body.dwc-products) .products_details .list li.active .txt p { max-height: none;
    margin-top: 6px;
    opacity: 1;
    font-size: 14px;
    line-height: 21px; }
  :where(body.dwc-products) .products_finishes .content .list { display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(150px,100%),1fr)); }
}
/* sytech/assets/css/service.css (dwc-service) */
:where(body.dwc-service) .service_intro { padding: 14rem 0px;
  background-color: var(--cream); }
:where(body.dwc-service) .service_intro .content { align-items: center; }
:where(body.dwc-service) .service_intro .pic { position: relative;
  flex-shrink: 0;
  width: 60rem;
  height: 74rem;
  border-radius: 1rem; }
:where(body.dwc-service) .service_intro .badge { position: absolute;
  right: 3.2rem;
  bottom: 3.2rem;
  z-index: 2;
  width: 26rem;
  padding: 2.6rem 2.8rem;
  border-radius: 1rem;
  color: #fff;
  background-color: rgba(111, 78, 55, 0.92);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem); }
:where(body.dwc-service) .service_intro .badge strong { display: block;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 5rem;
  line-height: 5.6rem; }
:where(body.dwc-service) .service_intro .badge span { display: block;
  margin-top: 0.6rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.5rem;
  line-height: 2.2rem; }
:where(body.dwc-service) .service_intro .right { width: 68rem; }
:where(body.dwc-service) .service_intro .blocks { display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  margin-top: 4.4rem; }
:where(body.dwc-service) .service_intro .blocks > li { padding: 3.2rem 3rem 3.4rem;
  border-radius: 1.2rem;
  background-color: #fff;
  box-shadow: 0px 1.5rem 3rem rgba(221, 215, 208, 0.45);
  transition: transform 0.35s; }
:where(body.dwc-service) .service_intro .blocks > li:hover { transform: translateY(-0.6rem); }
:where(body.dwc-service) .service_intro .num { display: block;
  color: var(--caramel);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em; }
:where(body.dwc-service) .service_intro .blocks h3 { margin-top: 1rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 4rem; }
:where(body.dwc-service) .service_intro .check_list { margin-top: 1.8rem; }
:where(body.dwc-service) .service_intro .btn { margin-top: 4.4rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-service) .service_intro .content { align-items: flex-start; }
  :where(body.dwc-service) .service_intro .pic { width: 40%;
    height: 72rem; }
  :where(body.dwc-service) .service_intro .right { width: 55%; }
  :where(body.dwc-service) .service_intro .blocks { grid-template-columns: 1fr; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-service) .service_intro { padding: 64px 0px; }
  :where(body.dwc-service) .service_intro .content { flex-direction: column; }
  :where(body.dwc-service) .service_intro .pic { width: 100%;
    height: 400px;
    border-radius: 10px; }
  :where(body.dwc-service) .service_intro .badge { right: 14px;
    bottom: 14px;
    width: 200px;
    padding: 16px 18px; }
  :where(body.dwc-service) .service_intro .badge strong { font-size: 34px;
    line-height: 40px; }
  :where(body.dwc-service) .service_intro .badge span { font-size: 13px;
    line-height: 19px; }
  :where(body.dwc-service) .service_intro .right { width: 100%;
    margin-top: 36px; }
  :where(body.dwc-service) .service_intro .blocks { grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 28px; }
  :where(body.dwc-service) .service_intro .blocks > li { padding: 22px 20px; }
  :where(body.dwc-service) .service_intro .blocks h3 { font-size: 26px;
    line-height: 32px; }
  :where(body.dwc-service) .service_intro .btn { margin-top: 28px; }
}
:where(body.dwc-service) .service_deliverables { padding: 14rem 0px;
  background-color: #fff; }
:where(body.dwc-service) .service_deliverables .right { width: 55.4rem;
  padding-top: 8.59rem; }
:where(body.dwc-service) .service_deliverables .list { display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.8rem;
  margin-top: 6rem; }
:where(body.dwc-service) .service_deliverables .pic { height: 26rem;
  border-radius: 0.8rem; }
:where(body.dwc-service) .service_deliverables li:hover .pic img { transform: scale(1.05); }
:where(body.dwc-service) .service_deliverables .num { display: block;
  margin-top: 2.4rem;
  color: var(--caramel);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em; }
:where(body.dwc-service) .service_deliverables .list h3 { margin-top: 0.8rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 3.4rem; }
:where(body.dwc-service) .service_deliverables .list p { margin-top: 1rem;
  color: var(--text);
  font-size: 1.5rem;
  line-height: 2.4rem; }
:where(body.dwc-service) .service_deliverables .send { display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  padding: 4.4rem 5rem;
  border-radius: 1.2rem;
  background-color: var(--sand); }
:where(body.dwc-service) .service_deliverables .send .tcon { flex-shrink: 0;
  width: 30rem; }
:where(body.dwc-service) .service_deliverables .send h3 { color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 4.2rem; }
:where(body.dwc-service) .service_deliverables .send .tcon p { margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 2.5rem; }
:where(body.dwc-service) .service_deliverables .items { flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem; }
:where(body.dwc-service) .service_deliverables .items li { position: relative;
  padding-left: 5.4rem; }
:where(body.dwc-service) .service_deliverables .items i { position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  color: var(--primary);
  font-family: var(--serif);
  font-size: 2rem;
  border: 1px solid var(--caramel); }
:where(body.dwc-service) .service_deliverables .items strong { display: block;
  color: var(--title);
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2.4rem; }
:where(body.dwc-service) .service_deliverables .items span { display: block;
  margin-top: 0.4rem;
  color: var(--text);
  font-size: 1.4rem;
  line-height: 2.1rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-service) .service_deliverables .top { flex-direction: column; }
  :where(body.dwc-service) .service_deliverables .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-service) .service_deliverables .list { grid-template-columns: repeat(2, 1fr);
    row-gap: 4.4rem; }
  :where(body.dwc-service) .service_deliverables .send { flex-direction: column;
    align-items: flex-start;
    gap: 3rem; }
  :where(body.dwc-service) .service_deliverables .send .tcon { width: auto; }
  :where(body.dwc-service) .service_deliverables .items { grid-template-columns: repeat(2, 1fr);
    width: 100%; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-service) .service_deliverables { padding: 64px 0px; }
  :where(body.dwc-service) .service_deliverables .top { flex-direction: column; }
  :where(body.dwc-service) .service_deliverables .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-service) .service_deliverables .list { grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 32px; }
  :where(body.dwc-service) .service_deliverables .pic { height: 220px; }
  :where(body.dwc-service) .service_deliverables .num { margin-top: 16px; }
  :where(body.dwc-service) .service_deliverables .list h3 { font-size: 24px;
    line-height: 30px; }
  :where(body.dwc-service) .service_deliverables .list p { font-size: 14px;
    line-height: 22px; }
  :where(body.dwc-service) .service_deliverables .send { flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-top: 48px;
    padding: 28px 20px; }
  :where(body.dwc-service) .service_deliverables .send .tcon { width: auto; }
  :where(body.dwc-service) .service_deliverables .send h3 { font-size: 28px;
    line-height: 34px; }
  :where(body.dwc-service) .service_deliverables .items { grid-template-columns: 1fr;
    gap: 18px;
    width: 100%; }
  :where(body.dwc-service) .service_deliverables .items li { padding-left: 50px; }
  :where(body.dwc-service) .service_deliverables .items i { width: 36px;
    height: 36px;
    font-size: 18px; }
  :where(body.dwc-service) .service_deliverables .items strong { font-size: 16px;
    line-height: 22px; }
  :where(body.dwc-service) .service_deliverables .items span { font-size: 14px;
    line-height: 20px; }
}
:where(body.dwc-service) .service_manufacturing { padding: 14rem 0px 12rem;
  background-color: var(--dark); }
:where(body.dwc-service) .service_manufacturing .right { width: 55.4rem;
  padding-top: 8.59rem; }
:where(body.dwc-service) .service_manufacturing .list { display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5.6rem 2.8rem;
  margin-top: 6rem; }
:where(body.dwc-service) .service_manufacturing .pic { position: relative;
  height: 32rem;
  border-radius: 0.8rem; }
:where(body.dwc-service) .service_manufacturing li:hover .pic img { transform: scale(1.05); }
:where(body.dwc-service) .service_manufacturing .num { position: absolute;
  left: 2rem;
  top: 2rem;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 3.46rem;
  padding: 0px 1.38rem;
  border-radius: 1.73rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  background-color: rgba(255, 255, 255, 0.9); }
:where(body.dwc-service) .service_manufacturing .list h3 { margin-top: 2.4rem;
  color: #fff;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.8rem; }
:where(body.dwc-service) .service_manufacturing .list p { max-width: 40rem;
  margin-top: 1rem;
  color: var(--text_light);
  font-size: 1.6rem;
  line-height: 2.5rem; }
:where(body.dwc-service) .service_manufacturing .facts { display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
:where(body.dwc-service) .service_manufacturing .facts li { padding: 4rem 3rem 0px 0px; }
:where(body.dwc-service) .service_manufacturing .facts li + li { padding-left: 3.6rem;
  border-left: 1px solid rgba(255, 255, 255, 0.1); }
:where(body.dwc-service) .service_manufacturing .facts strong { display: block;
  color: var(--accent);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 4.6rem;
  line-height: 5.4rem; }
:where(body.dwc-service) .service_manufacturing .facts span { display: block;
  margin-top: 0.6rem;
  color: var(--text_light);
  font-size: 1.5rem;
  line-height: 2.2rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-service) .service_manufacturing .top { flex-direction: column; }
  :where(body.dwc-service) .service_manufacturing .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-service) .service_manufacturing .list { grid-template-columns: repeat(2, 1fr); }
  :where(body.dwc-service) .service_manufacturing .facts { grid-template-columns: repeat(2, 1fr); }
  :where(body.dwc-service) .service_manufacturing .facts li:nth-child(3) { padding-left: 0px;
    border-left: none; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-service) .service_manufacturing { padding: 64px 0px; }
  :where(body.dwc-service) .service_manufacturing .top { flex-direction: column; }
  :where(body.dwc-service) .service_manufacturing .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-service) .service_manufacturing .list { grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 32px; }
  :where(body.dwc-service) .service_manufacturing .pic { height: 220px; }
  :where(body.dwc-service) .service_manufacturing .num { left: 14px;
    top: 14px;
    height: 30px;
    padding: 0px 12px;
    font-size: 12px; }
  :where(body.dwc-service) .service_manufacturing .list h3 { margin-top: 16px;
    font-size: 24px;
    line-height: 30px; }
  :where(body.dwc-service) .service_manufacturing .list p { max-width: none;
    font-size: 14px;
    line-height: 22px; }
  :where(body.dwc-service) .service_manufacturing .facts { grid-template-columns: repeat(2, 1fr);
    margin-top: 44px; }
  :where(body.dwc-service) .service_manufacturing .facts li, :where(body.dwc-service) .service_manufacturing .facts li + li { padding: 22px 10px 0px 0px;
    border-left: none; }
  :where(body.dwc-service) .service_manufacturing .facts strong { font-size: 30px;
    line-height: 36px; }
  :where(body.dwc-service) .service_manufacturing .facts span { font-size: 13px;
    line-height: 19px; }
}
:where(body.dwc-service) .service_faq { padding: 14rem 0px;
  background-color: var(--cream); }
:where(body.dwc-service) .service_faq .flex { gap: 3rem; }
:where(body.dwc-service) .service_faq .left { width: 48rem; }
:where(body.dwc-service) .service_faq .card { display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 4.4rem;
  padding: 3.6rem 3.6rem 4rem;
  border-radius: 1.2rem;
  color: #fff;
  background-color: var(--primary); }
:where(body.dwc-service) .service_faq .card strong { font-family: var(--serif);
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.8rem; }
:where(body.dwc-service) .service_faq .card .mail, :where(body.dwc-service) .service_faq .card .phone { display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 1.4rem;
  color: #e8d2bf;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 2.4rem;
  transition: 0.3s; }
:where(body.dwc-service) .service_faq .card .mail { margin-top: 2.2rem; }
:where(body.dwc-service) .service_faq .card .mail::before, :where(body.dwc-service) .service_faq .card .phone::before { content: '';
  flex-shrink: 0;
  width: 2.1rem;
  height: 1.8rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 18' fill='none' stroke='%23ecb176' stroke-width='1.2'%3E%3Crect x='1.9' y='1.9' width='17.2' height='14.2' rx='2'/%3E%3Cpath d='m1.9 3.5 8.6 6.4 8.6-6.4'/%3E%3C/svg%3E") no-repeat center / contain; }
:where(body.dwc-service) .service_faq .card .phone::before { height: 2.2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 22' fill='none' stroke='%23ecb176' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M18.6 11c0 4.4-3.6 8.1-8 8.1-1.3 0-2.6-.3-3.7-.9l-4.3 1.4 1.5-4.2a8 8 0 1 1 14.5-4.4Z'/%3E%3C/svg%3E"); }
:where(body.dwc-service) .service_faq .card a:hover { color: var(--accent); }
:where(body.dwc-service) .service_faq .card .btn { margin-top: 3rem;
  color: var(--title);
  background-color: var(--accent); }
:where(body.dwc-service) .service_faq .card .btn:hover { color: var(--title);
  background-color: var(--peach); }
:where(body.dwc-service) .service_faq .faq_list { width: 82rem; }
:where(body.dwc-service) .service_faq .faq_item { border-bottom: 1px solid rgba(42, 30, 22, 0.12); }
:where(body.dwc-service) .service_faq .faq_item:first-child { border-top: 1px solid rgba(42, 30, 22, 0.12); }
:where(body.dwc-service) .service_faq .question { position: relative;
  padding: 2.8rem 6rem 2.8rem 0px;
  cursor: pointer;
  color: var(--title);
  font-family: var(--serif);
  font-size: 2.6rem;
  line-height: 3.4rem;
  transition: color 0.3s; }
:where(body.dwc-service) .service_faq .question::before, :where(body.dwc-service) .service_faq .question::after { content: '';
  position: absolute;
  right: 1.2rem;
  top: 50%;
  width: 1.6rem;
  height: 1.5px;
  background-color: var(--primary);
  transition: transform 0.3s; }
:where(body.dwc-service) .service_faq .question::after { transform: rotate(90deg); }
:where(body.dwc-service) .service_faq .faq_item.active .question::after { transform: rotate(0deg); }
:where(body.dwc-service) .service_faq .question:hover, :where(body.dwc-service) .service_faq .faq_item.active .question { color: var(--primary); }
:where(body.dwc-service) .service_faq .answer { display: none; }
:where(body.dwc-service) .service_faq .answer p { max-width: 70rem;
  padding-bottom: 3rem;
  color: var(--text);
  font-size: 1.7rem;
  line-height: 2.8rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-service) .service_faq .left { width: 36%; }
  :where(body.dwc-service) .service_faq .faq_list { width: 58%; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-service) .service_faq { padding: 64px 0px; }
  :where(body.dwc-service) .service_faq .content { flex-direction: column; }
  :where(body.dwc-service) .service_faq .left, :where(body.dwc-service) .service_faq .faq_list { width: 100%; }
  :where(body.dwc-service) .service_faq .card { margin-top: 24px;
    padding: 24px 20px 26px; }
  :where(body.dwc-service) .service_faq .card strong { font-size: 24px;
    line-height: 30px; }
  :where(body.dwc-service) .service_faq .card .mail, :where(body.dwc-service) .service_faq .card .phone { font-size: 15px; }
  :where(body.dwc-service) .service_faq .card .mail::before, :where(body.dwc-service) .service_faq .card .phone::before { width: 20px;
    height: 18px; }
  :where(body.dwc-service) .service_faq .card .btn { margin-top: 20px; }
  :where(body.dwc-service) .service_faq .faq_list { margin-top: 36px; }
  :where(body.dwc-service) .service_faq .question { padding: 18px 40px 18px 0px;
    font-size: 20px;
    line-height: 27px; }
  :where(body.dwc-service) .service_faq .question::before, :where(body.dwc-service) .service_faq .question::after { right: 6px;
    width: 14px; }
  :where(body.dwc-service) .service_faq .answer p { padding-bottom: 20px;
    font-size: 15px;
    line-height: 1.7; }
  :where(body.dwc-service) .service_deliverables .content .list { grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr)); }
  :where(body.dwc-service) .service_manufacturing .content .list { grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr)); }
}
/* sytech/assets/css/contact.css (dwc-contact) */
:where(body.dwc-contact) .contact_main { padding: 12rem 0px 14rem;
  background-color: var(--cream); }
:where(body.dwc-contact) .contact_main .content { align-items: flex-start; }
:where(body.dwc-contact) .contact_main .left { width: 52rem; }
:where(body.dwc-contact) .contact_main .cards { margin-top: 4rem; }
:where(body.dwc-contact) .contact_main .cards li { position: relative;
  padding: 2.2rem 0px 2.2rem 7rem;
  border-bottom: 1px solid rgba(42, 30, 22, 0.1); }
:where(body.dwc-contact) .contact_main .cards li::before { content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  width: 5.2rem;
  height: 5.2rem;
  margin-top: -2.6rem;
  border-radius: 50%;
  background: var(--sand) no-repeat center / 2.2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%236f4e37' stroke-width='1.3'%3E%3Crect x='2' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='m2 6 9 6.5L20 6'/%3E%3C/svg%3E"); }
:where(body.dwc-contact) .contact_main .cards li.phone::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%236f4e37' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M19.5 10.8a8.4 8.4 0 0 1-12.4 7.4l-4.6 1.5 1.5-4.4a8.4 8.4 0 1 1 15.5-4.5Z'/%3E%3Cpath d='M8.2 8c.2-.6.5-.7.8-.7h.6c.2 0 .4.1.5.4l.7 1.7c.1.2 0 .4-.1.5l-.5.6c-.1.1-.1.3 0 .4.6 1.2 1.6 2.2 2.8 2.7.1.1.3.1.4 0l.6-.7c.2-.2.4-.2.6-.1l1.6.8c.2.1.3.3.3.5 0 .8-.6 1.6-1.4 1.8-1 .3-2.6-.1-4.6-1.8-1.7-1.5-2.6-3.1-2.6-4.4 0-.7.2-1.3.3-1.7Z'/%3E%3C/svg%3E"); }
:where(body.dwc-contact) .contact_main .cards li.address::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%236f4e37' stroke-width='1.3'%3E%3Cpath d='M11 20s7-6.2 7-11.5A7 7 0 0 0 4 8.5C4 13.8 11 20 11 20Z'/%3E%3Ccircle cx='11' cy='8.7' r='2.7'/%3E%3C/svg%3E"); }
:where(body.dwc-contact) .contact_main .cards li.hours::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%236f4e37' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M11 6.5V11l3 2'/%3E%3C/svg%3E"); }
:where(body.dwc-contact) .contact_main .cards span { display: block;
  color: var(--text2);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
:where(body.dwc-contact) .contact_main .cards a, :where(body.dwc-contact) .contact_main .cards p { display: block;
  margin-top: 0.4rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.6rem;
  transition: 0.3s; }
:where(body.dwc-contact) .contact_main .cards a:hover { color: var(--primary); }
:where(body.dwc-contact) .contact_main .social { margin-top: 4rem; }
:where(body.dwc-contact) .contact_main .social strong { display: block;
  color: var(--title);
  font-weight: 600;
  font-size: 1.6rem; }
:where(body.dwc-contact) .contact_main .social .flex { gap: 1rem;
  margin-top: 1.6rem; }
:where(body.dwc-contact) .contact_main .social a { width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  background: var(--dark) no-repeat center / 1.7rem;
  transition: 0.3s; }
:where(body.dwc-contact) .contact_main .social a:hover { background-color: var(--primary); }
:where(body.dwc-contact) .contact_main .social .in { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M1 5.3h3.2V15H1zM2.6.8a1.8 1.8 0 1 1 0 3.7 1.8 1.8 0 0 1 0-3.7zM6.2 5.3h3v1.3c.5-.8 1.5-1.6 3-1.6 3.2 0 3.8 2 3.8 4.7V15h-3.2v-4.6c0-1.1 0-2.5-1.5-2.5S9.4 9 9.4 10.3V15H6.2z'/%3E%3C/svg%3E"); }
:where(body.dwc-contact) .contact_main .social .fb { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M9.2 16V8.8h2.4l.4-2.8H9.2V4.2c0-.8.2-1.4 1.4-1.4H12V.3C11.7.2 10.9.1 9.9.1 7.9.1 6.4 1.4 6.4 3.8V6H4v2.8h2.4V16z'/%3E%3C/svg%3E"); }
:where(body.dwc-contact) .contact_main .social .yt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M15.7 4.6a2 2 0 0 0-1.4-1.4C13 2.8 8 2.8 8 2.8s-5 0-6.3.4A2 2 0 0 0 .3 4.6 21 21 0 0 0 0 8a21 21 0 0 0 .3 3.4 2 2 0 0 0 1.4 1.4c1.3.4 6.3.4 6.3.4s5 0 6.3-.4a2 2 0 0 0 1.4-1.4A21 21 0 0 0 16 8a21 21 0 0 0-.3-3.4zM6.4 10.4V5.6L10.6 8z'/%3E%3C/svg%3E"); }
:where(body.dwc-contact) .contact_main .social .ig { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.3'%3E%3Crect x='1.5' y='1.5' width='13' height='13' rx='3.5'/%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='11.9' cy='4.1' r='.4' fill='%23fff'/%3E%3C/svg%3E"); }
:where(body.dwc-contact) .contact_main .form { width: 78rem;
  padding: 5.2rem 5.2rem 4.8rem;
  border-radius: 1.6rem;
  background-color: #fff;
  box-shadow: 0px 2rem 4rem rgba(221, 215, 208, 0.5); }
:where(body.dwc-contact) .contact_main .form h3 { color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 4.2rem; }
:where(body.dwc-contact) .contact_main .fields { display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.2rem 2rem;
  margin-top: 3.2rem; }
:where(body.dwc-contact) .contact_main .fields .full { grid-column: 1 / -1; }
:where(body.dwc-contact) .contact_main .fields label > span, :where(body.dwc-contact) .contact_main .products > span { display: block;
  margin-bottom: 0.8rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.9rem; }
:where(body.dwc-contact) .contact_main .fields input[type='text'], :where(body.dwc-contact) .contact_main .fields input[type='email'], :where(body.dwc-contact) .contact_main .fields input[type='tel'], :where(body.dwc-contact) .contact_main .fields select, :where(body.dwc-contact) .contact_main .fields textarea { width: 100%;
  height: 5.4rem;
  padding: 0px 1.8rem;
  border-radius: 0.8rem;
  color: var(--title);
  font-size: 1.5rem;
  border: 1px solid var(--line);
  background-color: var(--cream);
  transition: border-color 0.3s, background-color 0.3s; }
:where(body.dwc-contact) .contact_main .fields select { cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background: var(--cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%236f4e37' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 1.8rem center / 1rem; }
:where(body.dwc-contact) .contact_main .fields textarea { height: 13rem;
  padding: 1.5rem 1.8rem;
  line-height: 2.2rem;
  resize: vertical; }
:where(body.dwc-contact) .contact_main .fields input::placeholder, :where(body.dwc-contact) .contact_main .fields textarea::placeholder { color: var(--text2); }
:where(body.dwc-contact) .contact_main .fields input:focus, :where(body.dwc-contact) .contact_main .fields select:focus, :where(body.dwc-contact) .contact_main .fields select.focus, :where(body.dwc-contact) .contact_main .fields textarea:focus { border-color: var(--primary);
  background-color: #fff; }
:where(body.dwc-contact) .contact_main .checks { display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; }
:where(body.dwc-contact) .contact_main .checks label { position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 4.6rem;
  padding: 0px 1.4rem;
  cursor: pointer;
  border-radius: 0.8rem;
  color: var(--title);
  font-weight: 500;
  font-size: 1.4rem;
  border: 1px solid var(--line);
  transition: 0.3s; }
:where(body.dwc-contact) .contact_main .checks input { position: absolute;
  opacity: 0;
  pointer-events: none; }
:where(body.dwc-contact) .contact_main .checks i { flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.4rem;
  border: 1px solid var(--caramel);
  transition: 0.3s; }
:where(body.dwc-contact) .contact_main .checks label:has(input:checked) { border-color: var(--primary);
  background-color: var(--sand); }
:where(body.dwc-contact) .contact_main .checks input:checked + i { border-color: var(--primary);
  background: var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.2 4.2 3.8 6.8 8.8 1.2'/%3E%3C/svg%3E") no-repeat center / 1rem; }
:where(body.dwc-contact) .contact_main .upload { position: relative;
  display: flex;
  align-items: center;
  gap: 1.8rem;
  height: 7.6rem;
  padding-left: 1.6rem;
  cursor: pointer;
  border-radius: 0.8rem;
  border: 1px dashed var(--caramel);
  transition: 0.3s; }
:where(body.dwc-contact) .contact_main .upload:hover { background-color: var(--cream); }
:where(body.dwc-contact) .contact_main .upload input { position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer; }
:where(body.dwc-contact) .contact_main .upload i { flex-shrink: 0;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.3 13.8' fill='none' stroke='%232a1e16' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.65 13.05V.9M.75 4.8 4.65.9l3.9 3.9'/%3E%3C/svg%3E") no-repeat center / 0.93rem 1.38rem; }
:where(body.dwc-contact) .contact_main .upload strong { display: block;
  color: var(--title);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem; }
:where(body.dwc-contact) .contact_main .upload em { display: block;
  margin-top: 0.3rem;
  color: var(--text2);
  font-size: 1.3rem;
  line-height: 1.8rem; }
:where(body.dwc-contact) .contact_main .form .btn { width: 100%;
  margin-top: 3.2rem; }
:where(body.dwc-contact) .contact_main .note { margin-top: 1.4rem;
  text-align: center;
  color: var(--text2);
  font-size: 1.4rem;
  line-height: 1.9rem; }
@media screen and (min-width: 769px) and (max-width: 1500px) {
  :where(body.dwc-contact) .contact_main .left { width: 36%; }
  :where(body.dwc-contact) .contact_main .form { width: 58%; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-contact) .contact_main .content { flex-direction: column; }
  :where(body.dwc-contact) .contact_main .left, :where(body.dwc-contact) .contact_main .form { width: 100%; }
  :where(body.dwc-contact) .contact_main .form { margin-top: 6rem; }
  :where(body.dwc-contact) .contact_main .checks { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-contact) .contact_main { padding: 48px 0px 64px; }
  :where(body.dwc-contact) .contact_main .content { flex-direction: column; }
  :where(body.dwc-contact) .contact_main .left, :where(body.dwc-contact) .contact_main .form { width: 100%; }
  :where(body.dwc-contact) .contact_main .cards { margin-top: 24px; }
  :where(body.dwc-contact) .contact_main .cards li { padding: 16px 0px 16px 58px; }
  :where(body.dwc-contact) .contact_main .cards li::before { width: 44px;
    height: 44px;
    margin-top: -22px;
    background-size: 19px; }
  :where(body.dwc-contact) .contact_main .cards span { font-size: 11px;
    line-height: 16px; }
  :where(body.dwc-contact) .contact_main .cards a, :where(body.dwc-contact) .contact_main .cards p { font-size: 16px;
    line-height: 23px; }
  :where(body.dwc-contact) .contact_main .social { margin-top: 26px; }
  :where(body.dwc-contact) .contact_main .social a { width: 42px;
    height: 42px;
    background-size: 15px; }
  :where(body.dwc-contact) .contact_main .form { margin-top: 40px;
    padding: 28px 18px 26px;
    border-radius: 12px; }
  :where(body.dwc-contact) .contact_main .form h3 { font-size: 28px;
    line-height: 34px; }
  :where(body.dwc-contact) .contact_main .fields { grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 22px; }
  :where(body.dwc-contact) .contact_main .fields label > span, :where(body.dwc-contact) .contact_main .products > span { font-size: 13px; }
  :where(body.dwc-contact) .contact_main .fields input[type='text'], :where(body.dwc-contact) .contact_main .fields input[type='email'], :where(body.dwc-contact) .contact_main .fields input[type='tel'], :where(body.dwc-contact) .contact_main .fields select, :where(body.dwc-contact) .contact_main .fields textarea { height: 48px;
    padding: 0px 14px;
    font-size: 15px; }
  :where(body.dwc-contact) .contact_main .fields textarea { height: 120px;
    padding: 12px 14px; }
  :where(body.dwc-contact) .contact_main .checks { grid-template-columns: 1fr 1fr;
    gap: 8px; }
  :where(body.dwc-contact) .contact_main .checks label { gap: 8px;
    height: 44px;
    padding: 0px 10px;
    font-size: 13px; }
  :where(body.dwc-contact) .contact_main .checks i { width: 16px;
    height: 16px; }
  :where(body.dwc-contact) .contact_main .upload { gap: 14px;
    height: 68px;
    padding-left: 12px; }
  :where(body.dwc-contact) .contact_main .upload i { width: 40px;
    height: 40px;
    background-size: 9px 14px; }
  :where(body.dwc-contact) .contact_main .form .btn { margin-top: 22px; }
  :where(body.dwc-contact) .contact_main .note { font-size: 13px;
    line-height: 1.5; }
}
:where(body.dwc-contact) .contact_visit { padding: 14rem 0px;
  background-color: #fff; }
:where(body.dwc-contact) .contact_visit .right { width: 55.4rem;
  padding-top: 8.59rem; }
:where(body.dwc-contact) .contact_visit .box { align-items: stretch;
  gap: 2.8rem;
  margin-top: 6rem; }
:where(body.dwc-contact) .contact_visit .showroom { position: relative;
  flex: 1;
  min-height: 62rem;
  border-radius: 1.2rem; }
:where(body.dwc-contact) .contact_visit .showroom:hover img { transform: scale(1.03); }
:where(body.dwc-contact) .contact_visit .address { position: absolute;
  left: 2.8rem;
  bottom: 2.8rem;
  z-index: 2;
  display: block;
  padding: 1.6rem 5.6rem 1.6rem 2.2rem;
  border-radius: 1rem;
  color: var(--text);
  font-size: 1.4rem;
  line-height: 2rem;
  background: rgba(255, 255, 255, 0.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%236f4e37' stroke-width='1.3'%3E%3Cpath d='M11 20s7-6.2 7-11.5A7 7 0 0 0 4 8.5C4 13.8 11 20 11 20Z'/%3E%3Ccircle cx='11' cy='8.7' r='2.7'/%3E%3C/svg%3E") no-repeat right 2rem center / 2.2rem;
  transition: 0.3s; }
:where(body.dwc-contact) .contact_visit .address b { display: block;
  color: var(--title);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem; }
:where(body.dwc-contact) .contact_visit .address:hover { background-color: #fff; }
:where(body.dwc-contact) .contact_visit .side { display: flex;
  flex-direction: column;
  width: 46rem; }
:where(body.dwc-contact) .contact_visit .pic { height: 26rem;
  border-radius: 1.2rem; }
:where(body.dwc-contact) .contact_visit .next { flex: 1;
  margin-top: 2.8rem;
  padding: 3.4rem 3.4rem 3rem;
  border-radius: 1.2rem;
  color: #fff;
  background-color: var(--dark); }
:where(body.dwc-contact) .contact_visit .next strong { display: block;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.6rem; }
:where(body.dwc-contact) .contact_visit .next ol { margin-top: 2.4rem;
  counter-reset: step; }
:where(body.dwc-contact) .contact_visit .next li { position: relative;
  padding-left: 5rem;
  counter-increment: step;
  color: var(--text_light);
  font-size: 1.5rem;
  line-height: 2.3rem; }
:where(body.dwc-contact) .contact_visit .next li + li { margin-top: 2rem; }
:where(body.dwc-contact) .contact_visit .next li::before { content: counter(step);
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  color: var(--dark);
  font-family: var(--serif);
  font-size: 1.8rem;
  background-color: var(--accent); }
:where(body.dwc-contact) .contact_visit .next b { display: block;
  margin-bottom: 0.2rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-contact) .contact_visit .top { flex-direction: column; }
  :where(body.dwc-contact) .contact_visit .right { width: 100%;
    padding-top: 2.4rem; }
  :where(body.dwc-contact) .contact_visit .side { width: 40%; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-contact) .contact_visit { padding: 64px 0px; }
  :where(body.dwc-contact) .contact_visit .top { flex-direction: column; }
  :where(body.dwc-contact) .contact_visit .right { width: 100%;
    padding-top: 14px; }
  :where(body.dwc-contact) .contact_visit .box { flex-direction: column;
    gap: 16px;
    margin-top: 32px; }
  :where(body.dwc-contact) .contact_visit .showroom { flex: none;
    min-height: 0px;
    height: 260px; }
  :where(body.dwc-contact) .contact_visit .address { left: 12px;
    bottom: 12px;
    padding: 10px 44px 10px 14px;
    font-size: 13px;
    line-height: 18px;
    background-position: right 14px center;
    background-size: 18px; }
  :where(body.dwc-contact) .contact_visit .address b { font-size: 14px;
    line-height: 20px; }
  :where(body.dwc-contact) .contact_visit .side { width: 100%; }
  :where(body.dwc-contact) .contact_visit .pic { height: 200px; }
  :where(body.dwc-contact) .contact_visit .next { margin-top: 16px;
    padding: 24px 20px; }
  :where(body.dwc-contact) .contact_visit .next strong { font-size: 24px;
    line-height: 30px; }
  :where(body.dwc-contact) .contact_visit .next li { padding-left: 44px;
    font-size: 14px;
    line-height: 21px; }
  :where(body.dwc-contact) .contact_visit .next li::before { width: 30px;
    height: 30px;
    font-size: 16px; }
  :where(body.dwc-contact) .contact_visit .next b { font-size: 15px; }
}
/* sytech/assets/css/blog.css (dwc-blog) */
:where(body.dwc-blog) .blog_list { padding: 12rem 0px 14rem;
  background-color: #fff; }
:where(body.dwc-blog) .blog_list .featured { display: flex;
  align-items: center;
  gap: 6.4rem; }
:where(body.dwc-blog) .blog_list .featured .pic { flex-shrink: 0;
  width: 78rem;
  height: 50rem;
  border-radius: 1rem; }
:where(body.dwc-blog) .blog_list .featured:hover .pic img, :where(body.dwc-blog) .blog_list .item:hover .pic img { transform: scale(1.04); }
:where(body.dwc-blog) .blog_list .label { display: block;
  color: var(--caramel);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.2em;
  text-transform: uppercase; }
:where(body.dwc-blog) .blog_list .meta { display: flex;
  align-items: center;
  gap: 1.4rem; }
:where(body.dwc-blog) .blog_list .featured .meta { margin-top: 2.4rem; }
:where(body.dwc-blog) .blog_list .cat { display: flex;
  align-items: center;
  height: 2.9rem;
  padding: 0px 1.13rem;
  border-radius: 1.45rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  background-color: var(--sand); }
:where(body.dwc-blog) .blog_list .date { color: var(--text2);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem; }
:where(body.dwc-blog) .blog_list .featured h2 { margin-top: 2rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 4.6rem;
  line-height: 5.2rem;
  transition: color 0.3s; }
:where(body.dwc-blog) .blog_list .featured p { margin-top: 1.8rem;
  color: var(--text);
  font-size: 1.7rem;
  line-height: 2.7rem; }
:where(body.dwc-blog) .blog_list .read { display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 2.4rem;
  color: var(--primary);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem; }
:where(body.dwc-blog) .blog_list .read::after { content: '';
  width: 1.1rem;
  height: 0.88rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform 0.3s; }
:where(body.dwc-blog) .blog_list .featured:hover h2, :where(body.dwc-blog) .blog_list .item:hover h3 { color: var(--primary); }
:where(body.dwc-blog) .blog_list .featured:hover .read::after, :where(body.dwc-blog) .blog_list .item:hover .read::after { transform: translateX(0.4rem); }
:where(body.dwc-blog) .blog_list .tabs { display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 10rem;
  padding-bottom: 3.2rem;
  border-bottom: 1px solid var(--line); }
:where(body.dwc-blog) .blog_list .tabs li { display: flex;
  align-items: stretch;
  height: 4.4rem;
  cursor: pointer;
  border-radius: 2.2rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.5rem;
  border: 1px solid var(--line);
  transition: 0.3s; }
:where(body.dwc-blog) .blog_list .tabs a { display: flex;
  align-items: center;
  flex: 1;
  height: 100%;
  padding: 0px 2rem; }
:where(body.dwc-blog) .blog_list .tabs li:hover { border-color: var(--primary); }
:where(body.dwc-blog) .blog_list .tabs li.active { color: #fff;
  border-color: var(--primary);
  background-color: var(--primary); }
:where(body.dwc-blog) .blog_list .list { display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6.4rem 2.74rem;
  margin-top: 5.6rem; }
:where(body.dwc-blog) .blog_list .list li.hide { display: none; }
:where(body.dwc-blog) .blog_list .item { display: flex;
  flex-direction: column;
  height: 100%; }
:where(body.dwc-blog) .blog_list .item .pic { height: 34.23rem;
  border-radius: 0.8rem; }
:where(body.dwc-blog) .blog_list .item .meta { margin-top: 2.37rem; }
:where(body.dwc-blog) .blog_list .item h3 { max-width: 43rem;
  margin-top: 1.35rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.6rem;
  transition: color 0.3s; }
:where(body.dwc-blog) .blog_list .item p { max-width: 42rem;
  margin-top: 1.03rem;
  color: var(--text);
  font-size: 1.5rem;
  line-height: 2.4rem;
  margin-bottom: auto; }
:where(body.dwc-blog) .blog_list .empty { display: none;
  padding: 6rem 0px;
  text-align: center;
  color: var(--text2);
  font-size: 1.6rem; }
:where(body.dwc-blog) .blog_list .empty.show { display: block; }
:where(body.dwc-blog) .blog_list .pages { display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 8rem; }
:where(body.dwc-blog) .blog_list .pages a { display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  color: var(--title);
  font-weight: 600;
  font-size: 1.5rem;
  border: 1px solid var(--line);
  transition: 0.3s; }
:where(body.dwc-blog) .blog_list .pages a:hover, :where(body.dwc-blog) .blog_list .pages a.active { color: #fff;
  border-color: var(--primary);
  background-color: var(--primary); }
:where(body.dwc-blog) .blog_list .pages .prev::after, :where(body.dwc-blog) .blog_list .pages .next::after { content: '';
  width: 1.3rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 5h12.5M8 .5 12.5 5 8 9.5'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 5h12.5M8 .5 12.5 5 8 9.5'/%3E%3C/svg%3E") no-repeat center / contain; }
:where(body.dwc-blog) .blog_list .pages .prev::after { transform: rotate(180deg); }
:where(body.dwc-blog) .blog_list .pages a.disabled { opacity: 0.35;
  pointer-events: none; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  :where(body.dwc-blog) .blog_list .featured { gap: 4rem; }
  :where(body.dwc-blog) .blog_list .featured .pic { width: 50%;
    height: 42rem; }
  :where(body.dwc-blog) .blog_list .featured h2 { font-size: 3.6rem;
    line-height: 1.15; }
  :where(body.dwc-blog) .blog_list .list { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-blog) .blog_list { padding: 48px 0px 64px; }
  :where(body.dwc-blog) .blog_list .featured { flex-direction: column;
    align-items: stretch;
    gap: 22px; }
  :where(body.dwc-blog) .blog_list .featured .pic { width: 100%;
    height: 230px;
    border-radius: 8px; }
  :where(body.dwc-blog) .blog_list .featured .meta { margin-top: 14px; }
  :where(body.dwc-blog) .blog_list .cat { height: 26px;
    padding: 0px 10px;
    font-size: 12px; }
  :where(body.dwc-blog) .blog_list .date { font-size: 12px; }
  :where(body.dwc-blog) .blog_list .featured h2 { margin-top: 12px;
    font-size: 28px;
    line-height: 34px; }
  :where(body.dwc-blog) .blog_list .featured p { margin-top: 10px;
    font-size: 15px;
    line-height: 1.7; }
  :where(body.dwc-blog) .blog_list .read { margin-top: 14px;
    font-size: 15px; }
  :where(body.dwc-blog) .blog_list .tabs { gap: 6px;
    margin-top: 52px;
    padding-bottom: 20px; }
  :where(body.dwc-blog) .blog_list .tabs li { height: 36px;
    font-size: 13px; }
  :where(body.dwc-blog) .blog_list .tabs a { padding: 0px 14px; }
  :where(body.dwc-blog) .blog_list .list { grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));
    gap: 36px;
    margin-top: 28px; }
  :where(body.dwc-blog) .blog_list .item .pic { height: auto;
    aspect-ratio: 462 / 342; }
  :where(body.dwc-blog) .blog_list .item .meta { margin-top: 16px; }
  :where(body.dwc-blog) .blog_list .item h3 { max-width: none;
    margin-top: 10px;
    font-size: 24px;
    line-height: 30px; }
  :where(body.dwc-blog) .blog_list .item p { max-width: none;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px; }
  :where(body.dwc-blog) .blog_list .pages { gap: 6px;
    margin-top: 44px; }
  :where(body.dwc-blog) .blog_list .pages a { width: 40px;
    height: 40px;
    font-size: 14px; }
}
/* sytech/assets/css/single.css (dwc-single) */
:where(body.dwc-single) .blogd_article { padding: 10rem 0px 12rem;
  background-color: #fff; }
:where(body.dwc-single) .blogd_article .content { align-items: flex-start; }
:where(body.dwc-single) .blogd_article .main { width: 94rem; }
:where(body.dwc-single) .blogd_article .meta { display: flex;
  align-items: center;
  gap: 1.4rem; }
:where(body.dwc-single) .blogd_article .cat { display: flex;
  align-items: center;
  height: 2.9rem;
  padding: 0px 1.13rem;
  border-radius: 1.45rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  background-color: var(--sand); }
:where(body.dwc-single) .blogd_article .date { color: var(--text2);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem; }
:where(body.dwc-single) .blogd_article h1 { margin-top: 2.4rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 5.6rem;
  line-height: 6.4rem; }
:where(body.dwc-single) .blogd_article .lead { margin-top: 2.4rem;
  color: var(--text);
  font-size: 2rem;
  line-height: 3.2rem; }
:where(body.dwc-single) .blogd_article .cover { height: 54rem;
  margin-top: 4.4rem;
  border-radius: 1rem; }
:where(body.dwc-single) .blogd_article .rich { margin-top: 5.6rem;
  color: var(--text);
  font-size: 1.7rem;
  line-height: 2.9rem; }
:where(body.dwc-single) .blogd_article .rich h2 { margin: 5.2rem 0px 1.8rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 4.4rem; }
:where(body.dwc-single) .blogd_article .rich h2:first-child { margin-top: 0px; }
:where(body.dwc-single) .blogd_article .rich p + p { margin-top: 1.8rem; }
:where(body.dwc-single) .blogd_article .rich b { color: var(--title);
  font-weight: 600; }
:where(body.dwc-single) .blogd_article .rich ul, :where(body.dwc-single) .blogd_article .rich ol { margin-top: 2rem; }
:where(body.dwc-single) .blogd_article .rich ul li, :where(body.dwc-single) .blogd_article .rich ol li { position: relative;
  padding-left: 3.2rem; }
:where(body.dwc-single) .blogd_article .rich ul li + li, :where(body.dwc-single) .blogd_article .rich ol li + li { margin-top: 1.2rem; }
:where(body.dwc-single) .blogd_article .rich ul li::before { content: '';
  position: absolute;
  left: 0.6rem;
  top: 1.2rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--accent); }
:where(body.dwc-single) .blogd_article .rich ol { counter-reset: step; }
:where(body.dwc-single) .blogd_article .rich ol li { counter-increment: step; }
:where(body.dwc-single) .blogd_article .rich ol li::before { content: counter(step);
  position: absolute;
  left: 0px;
  top: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: var(--primary); }
:where(body.dwc-single) .blogd_article figure { margin: 4.4rem 0px; }
:where(body.dwc-single) .blogd_article figure .img { height: 48rem;
  border-radius: 1rem; }
:where(body.dwc-single) .blogd_article figcaption { margin-top: 1.4rem;
  color: var(--text2);
  font-size: 1.4rem;
  line-height: 2.1rem; }
:where(body.dwc-single) .blogd_article blockquote { margin: 4.4rem 0px;
  padding: 3.6rem 4rem;
  border-left: 0.3rem solid var(--accent);
  border-radius: 0px 1rem 1rem 0px;
  background-color: var(--cream); }
:where(body.dwc-single) .blogd_article blockquote p { color: var(--primary);
  font-family: var(--serif);
  font-style: italic;
  font-size: 3rem;
  line-height: 4rem; }
:where(body.dwc-single) .blogd_article .foot { display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  margin-top: 5.6rem;
  padding: 3rem 0px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line); }
:where(body.dwc-single) .blogd_article .tags { display: flex;
  flex-wrap: wrap;
  gap: 1rem; }
:where(body.dwc-single) .blogd_article .tags span { display: flex;
  align-items: center;
  height: 3.4rem;
  padding: 0px 1.6rem;
  border-radius: 1.7rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.4rem;
  border: 1px solid rgba(111, 78, 55, 0.4); }
:where(body.dwc-single) .blogd_article .share { display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--title);
  font-weight: 600;
  font-size: 1.5rem; }
:where(body.dwc-single) .blogd_article .share a { width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: var(--primary) no-repeat center / 1.6rem;
  transition: 0.3s; }
:where(body.dwc-single) .blogd_article .share a:hover { background-color: var(--primary_dark); }
:where(body.dwc-single) .blogd_article .share .in { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M1 5.3h3.2V15H1zM2.6.8a1.8 1.8 0 1 1 0 3.7 1.8 1.8 0 0 1 0-3.7zM6.2 5.3h3v1.3c.5-.8 1.5-1.6 3-1.6 3.2 0 3.8 2 3.8 4.7V15h-3.2v-4.6c0-1.1 0-2.5-1.5-2.5S9.4 9 9.4 10.3V15H6.2z'/%3E%3C/svg%3E"); }
:where(body.dwc-single) .blogd_article .share .fb { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M9.2 16V8.8h2.4l.4-2.8H9.2V4.2c0-.8.2-1.4 1.4-1.4H12V.3C11.7.2 10.9.1 9.9.1 7.9.1 6.4 1.4 6.4 3.8V6H4v2.8h2.4V16z'/%3E%3C/svg%3E"); }
:where(body.dwc-single) .blogd_article .share .wa { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.2'%3E%3Cpath d='M14.6 7.8a6.6 6.6 0 0 1-9.7 5.8L1.4 14.7l1.2-3.4A6.6 6.6 0 1 1 14.6 7.8Z'/%3E%3C/svg%3E"); }
:where(body.dwc-single) .blogd_article .nav { display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  margin-top: 4rem; }
:where(body.dwc-single) .blogd_article .nav a { display: block;
  padding: 2.8rem 3rem;
  border-radius: 1rem;
  color: var(--title);
  font-family: var(--serif);
  font-size: 2.4rem;
  line-height: 3rem;
  background-color: var(--cream);
  transition: 0.3s; }
:where(body.dwc-single) .blogd_article .nav a.next { text-align: right; }
:where(body.dwc-single) .blogd_article .nav span { display: block;
  margin-bottom: 1rem;
  color: var(--caramel);
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.2em;
  text-transform: uppercase; }
:where(body.dwc-single) .blogd_article .nav a:hover { color: #fff;
  background-color: var(--primary); }
:where(body.dwc-single) .blogd_article .nav a:hover span { color: var(--peach); }
:where(body.dwc-single) .blogd_article .side { position: sticky;
  top: 10rem;
  width: 40rem; }
:where(body.dwc-single) .blogd_article .box { padding: 3.2rem;
  border-radius: 1.2rem;
  background-color: var(--cream); }
:where(body.dwc-single) .blogd_article .box + .box { margin-top: 2.4rem; }
:where(body.dwc-single) .blogd_article .box > strong { display: block;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 3.4rem; }
:where(body.dwc-single) .blogd_article .cats ul { margin-top: 1.6rem; }
:where(body.dwc-single) .blogd_article .cats a { display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.3rem 0px;
  color: var(--title);
  font-weight: 500;
  font-size: 1.6rem;
  border-bottom: 1px solid rgba(42, 30, 22, 0.1);
  transition: 0.3s; }
:where(body.dwc-single) .blogd_article .cats li:last-child a { border-bottom: none; }
:where(body.dwc-single) .blogd_article .cats i { min-width: 2.8rem;
  height: 2.8rem;
  padding: 0px 0.8rem;
  border-radius: 1.4rem;
  text-align: center;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 2.8rem;
  background-color: #fff; }
:where(body.dwc-single) .blogd_article .cats a:hover { color: var(--primary); }
:where(body.dwc-single) .blogd_article .recent ul { margin-top: 2rem; }
:where(body.dwc-single) .blogd_article .recent li + li { margin-top: 1.8rem; }
:where(body.dwc-single) .blogd_article .recent a { display: flex;
  align-items: center;
  gap: 1.6rem; }
:where(body.dwc-single) .blogd_article .recent .img { flex-shrink: 0;
  width: 9rem;
  height: 7rem;
  border-radius: 0.6rem; }
:where(body.dwc-single) .blogd_article .recent p { color: var(--title);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.2rem;
  transition: 0.3s; }
:where(body.dwc-single) .blogd_article .recent p span { display: block;
  margin-top: 0.4rem;
  color: var(--text2);
  font-weight: 500;
  font-size: 1.3rem; }
:where(body.dwc-single) .blogd_article .recent a:hover p { color: var(--primary); }
:where(body.dwc-single) .blogd_article .box.cta { color: #fff;
  background-color: var(--primary); }
:where(body.dwc-single) .blogd_article .box.cta > strong { color: #fff; }
:where(body.dwc-single) .blogd_article .box.cta p { margin-top: 1.2rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.6rem;
  line-height: 2.5rem; }
:where(body.dwc-single) .blogd_article .box.cta .btn { margin-top: 2.6rem; }
@media screen and (min-width: 769px) and (max-width: 1500px) {
  :where(body.dwc-single) .blogd_article .main { max-width: 66%;
    width: 100%;
    flex: 1; }
  :where(body.dwc-single) .blogd_article .side { width: 30%; }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-single) .blogd_article { padding: 48px 0px 64px; }
  :where(body.dwc-single) .blogd_article .content { flex-direction: column; }
  :where(body.dwc-single) .blogd_article .main, :where(body.dwc-single) .blogd_article .side { position: static;
    width: 100%; }
  :where(body.dwc-single) .blogd_article .cat { height: 26px;
    padding: 0px 10px;
    font-size: 12px; }
  :where(body.dwc-single) .blogd_article .date { font-size: 12px; }
  :where(body.dwc-single) .blogd_article h1 { margin-top: 14px;
    font-size: 34px;
    line-height: 40px; }
  :where(body.dwc-single) .blogd_article .lead { margin-top: 14px;
    font-size: 16px;
    line-height: 1.65; }
  :where(body.dwc-single) .blogd_article .cover { height: 230px;
    margin-top: 26px;
    border-radius: 8px; }
  :where(body.dwc-single) .blogd_article .rich { margin-top: 32px;
    font-size: 15px;
    line-height: 1.75; }
  :where(body.dwc-single) .blogd_article .rich h2 { margin: 36px 0px 12px;
    font-size: 27px;
    line-height: 33px; }
  :where(body.dwc-single) .blogd_article .rich p + p { margin-top: 12px; }
  :where(body.dwc-single) .blogd_article .rich ul li, :where(body.dwc-single) .blogd_article .rich ol li { padding-left: 30px; }
  :where(body.dwc-single) .blogd_article .rich ul li::before { top: 10px;
    width: 7px;
    height: 7px; }
  :where(body.dwc-single) .blogd_article .rich ol li::before { width: 22px;
    height: 22px;
    font-size: 12px; }
  :where(body.dwc-single) .blogd_article figure { margin: 28px 0px; }
  :where(body.dwc-single) .blogd_article figure .img { height: 200px; }
  :where(body.dwc-single) .blogd_article figcaption { font-size: 13px;
    line-height: 19px; }
  :where(body.dwc-single) .blogd_article blockquote { margin: 28px 0px;
    padding: 22px 20px; }
  :where(body.dwc-single) .blogd_article blockquote p { font-size: 22px;
    line-height: 30px; }
  :where(body.dwc-single) .blogd_article .foot { flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin-top: 36px;
    padding: 22px 0px; }
  :where(body.dwc-single) .blogd_article .tags span { height: 30px;
    padding: 0px 12px;
    font-size: 13px; }
  :where(body.dwc-single) .blogd_article .share { font-size: 14px; }
  :where(body.dwc-single) .blogd_article .share a { width: 36px;
    height: 36px;
    background-size: 14px; }
  :where(body.dwc-single) .blogd_article .nav { grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 28px; }
  :where(body.dwc-single) .blogd_article .nav a { padding: 20px;
    font-size: 19px;
    line-height: 25px; }
  :where(body.dwc-single) .blogd_article .nav a.next { text-align: left; }
  :where(body.dwc-single) .blogd_article .nav span { margin-bottom: 6px;
    font-size: 12px; }
  :where(body.dwc-single) .blogd_article .side { margin-top: 44px; }
  :where(body.dwc-single) .blogd_article .box { padding: 24px 20px; }
  :where(body.dwc-single) .blogd_article .box > strong { font-size: 24px;
    line-height: 30px; }
  :where(body.dwc-single) .blogd_article .cats a { padding: 11px 0px;
    font-size: 15px; }
  :where(body.dwc-single) .blogd_article .recent .img { width: 80px;
    height: 62px; }
  :where(body.dwc-single) .blogd_article .recent p { font-size: 14px;
    line-height: 20px; }
  :where(body.dwc-single) .blogd_article .box.cta p { font-size: 15px;
    line-height: 1.6; }
}
/* sytech/assets/css/search.css (dwc-search) */
:where(body.dwc-search) .search_page { padding: 14rem 0 12rem; }
:where(body.dwc-search) .search_page h1 { color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 4.8rem;
  line-height: 1.2; }
:where(body.dwc-search) .search_page .tcon p { margin-top: 1.2rem;
  color: var(--text2); }
:where(body.dwc-search) .search_page .center { margin-top: 4rem;
  padding: 6.4rem 3.2rem;
  color: var(--title);
  font-family: var(--serif);
  font-size: 3.2rem;
  line-height: 1.3;
  background-color: var(--sand);
  border: 1px solid var(--line);
  border-radius: 1.2rem; }
:where(body.dwc-search) .search_list { display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  margin-top: 4rem; }
:where(body.dwc-search) .search_list .item { display: block;
  color: inherit;
  text-decoration: none; }
:where(body.dwc-search) .search_list .pic { border-radius: 1.2rem;
  overflow: hidden;
  aspect-ratio: 3 / 2; }
:where(body.dwc-search) .search_list .pic img { width: 100%;
  height: 100%;
  object-fit: cover; }
:where(body.dwc-search) .search_list .cat { display: inline-block;
  margin-top: 1.6rem;
  color: var(--primary);
  font-weight: 600;
  font-size: 1.3rem; }
:where(body.dwc-search) .search_list h3 { margin-top: 0.8rem;
  color: var(--title);
  font-size: 2rem;
  line-height: 1.4; }
:where(body.dwc-search) .search_list p { margin-top: 0.8rem;
  color: var(--text); }
:where(body.dwc-search) .search_list .read { display: inline-block;
  margin-top: 1.2rem;
  color: var(--primary);
  font-weight: 600; }
:where(body.dwc-search) .search_page .pages { display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 8rem; }
:where(body.dwc-search) .search_page .pages a { display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  color: var(--title);
  font-weight: 600;
  font-size: 1.5rem;
  border: 1px solid var(--line);
  transition: 0.3s; }
:where(body.dwc-search) .search_page .pages a:hover, :where(body.dwc-search) .search_page .pages a.active { color: #fff;
  border-color: var(--primary);
  background-color: var(--primary); }
:where(body.dwc-search) .search_page .pages .prev::after, :where(body.dwc-search) .search_page .pages .next::after { content: '';
  width: 1.3rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 5h12.5M8 .5 12.5 5 8 9.5'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 5h12.5M8 .5 12.5 5 8 9.5'/%3E%3C/svg%3E") no-repeat center / contain; }
:where(body.dwc-search) .search_page .pages .prev::after { transform: rotate(180deg); }
:where(body.dwc-search) .search_page .pages a.disabled { opacity: 0.35;
  pointer-events: none; }
@media screen and (max-width: 1024px) {
  :where(body.dwc-search) .search_list { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px) {
  :where(body.dwc-search) .search_page h1 { font-size: 3.2rem; }
  :where(body.dwc-search) .search_list { grid-template-columns: 1fr; }
  :where(body.dwc-search) .search_page .pages { gap: 6px;
    margin-top: 44px; }
  :where(body.dwc-search) .search_page .pages a { width: 40px;
    height: 40px;
    font-size: 14px; }
  :where(body.dwc-search) .search_page .center { margin-top: 24px;
    padding: 36px 20px;
    font-size: 22px;
    border-radius: 10px; }
}
/* sytech/assets/css/post.css (dwc-post) */
:where(body.dwc-post) .legal_page { padding: 8rem 0 12rem; }
:where(body.dwc-post) .legal_page .rich { max-width: 90rem;
  color: var(--text);
  font-size: 1.6rem;
  line-height: 1.8; }
:where(body.dwc-post) .legal_page .rich h2 { margin: 3.2rem 0 1.2rem;
  color: var(--title);
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3.2rem; }
:where(body.dwc-post) .legal_page .rich p, :where(body.dwc-post) .legal_page .rich li { margin-bottom: 1.2rem; }
:where(body.dwc-post) .legal_page .rich ul { padding-left: 2rem; }
/* fronteditor/3_5/style/style.css (dwc-home) */
html:has(body.dwc-home) { scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px) }
:where(body.dwc-home) .content { max-width:144rem;margin:0px auto;position:relative }
:where(body.dwc-home) .content .content { padding:0px }
:where(body.dwc-home) .img.img_cv { overflow:hidden }
:where(body.dwc-home) .img.img_cv img { object-fit:cover }
:where(body.dwc-home) .img.img_ct img { object-fit:contain }
:where(body.dwc-home) .img img { width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit }
:where(body.dwc-home) .tcon h1, :where(body.dwc-home) .tcon h2 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:6rem;line-height:6.8rem }
:where(body.dwc-home) .tcon h1 { font-size:9rem;line-height:9.2rem }
:where(body.dwc-home) .tcon .tag + h1, :where(body.dwc-home) .tcon .tag + h2 { margin-top:2.54rem }
:where(body.dwc-home) .tcon h1 em, :where(body.dwc-home) .tcon h2 em { font-style:italic;color:var(--primary) }
:where(body.dwc-home) .tcon p { color:var(--text);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-home) .tcon h1 + p, :where(body.dwc-home) .tcon h2 + p { margin-top:1.58rem }
:where(body.dwc-home) .tcon.center { text-align:center }
:where(body.dwc-home) .tcon.center .tag { margin:0px auto }
:where(body.dwc-home) .tcon.light h1, :where(body.dwc-home) .tcon.light h2 { color:var(--cream) }
:where(body.dwc-home) .tcon.light p { color:var(--text_light) }
:where(body.dwc-home) .tcon.light h1 em, :where(body.dwc-home) .tcon.light h2 em { color:var(--accent) }
:where(body.dwc-home) .btn, :where(body.dwc-home) .btn_line { display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;height:6rem;padding:0px 3.3rem;border-radius:3rem;cursor:pointer;white-space:nowrap;font-weight:600;font-size:1.6rem;line-height:2.2rem;transition:0.3s }
:where(body.dwc-home) .btn.arrow::after, :where(body.dwc-home) .btn_line.arrow::after, :where(body.dwc-home) .btn_text::after { content:'';flex-shrink:0;width:1.32rem;height:0.78rem;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform 0.3s }
:where(body.dwc-home) .btn.arrow:hover::after, :where(body.dwc-home) .btn_line.arrow:hover::after, :where(body.dwc-home) .btn_text:hover::after { transform:translateX(0.4rem) }
:where(body.dwc-home) .btn { color:#fff;background-color:var(--primary) }
:where(body.dwc-home) .btn:hover { background-color:var(--primary_dark);box-shadow:0px 1rem 2.4rem rgba(111,78,55,0.25) }
:where(body.dwc-home) .btn.honey { color:var(--title);background-color:var(--accent) }
:where(body.dwc-home) .btn.honey:hover { background-color:var(--peach);box-shadow:0px 1rem 2.4rem rgba(0,0,0,0.2) }
:where(body.dwc-home) .flex { display:flex }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-home) .content { padding:0px 3rem }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home) .content { max-width:960px }
  :where(body.dwc-home) .tcon h1 { font-size:7rem;line-height:1.05 }
  :where(body.dwc-home) .tcon h2 { font-size:5.2rem;line-height:1.12 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home) .content { padding:0px 20px }
  :where(body.dwc-home) .tcon .tag + h1, :where(body.dwc-home) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-home) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-home) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-home) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-home) .tcon h1 + p, :where(body.dwc-home) .tcon h2 + p { margin-top:12px }
  :where(body.dwc-home) .btn, :where(body.dwc-home) .btn_line { height:48px;gap:10px;padding:0px 24px;border-radius:24px;font-size:15px }
  :where(body.dwc-home) .btn.arrow::after, :where(body.dwc-home) .btn_line.arrow::after { width:12px;height:8px }
}
:where(body.dwc-home) .home_banner { position:relative;background-color:var(--cream) }
:where(body.dwc-home) .home_banner .pic { position:absolute;right:0px;top:0px;width:101.13rem;height:90rem }
:where(body.dwc-home) .home_banner .pins { position:absolute;left:3.08rem;bottom:12.76rem;z-index:2;display:flex;gap:0.94rem }
:where(body.dwc-home) .home_banner .pins li { display:flex;align-items:center;gap:1rem;height:4.23rem;padding:0px 2.11rem 0px 1.47rem;border-radius:2.11rem;white-space:nowrap;color:var(--title);font-weight:600;font-size:1.4rem;line-height:1.9rem;background-color:rgba(255,255,255,0.9) }
:where(body.dwc-home) .home_banner .pins li::before { content:'';flex-shrink:0;width:0.8rem;height:0.8rem;border-radius:50%;background-color:var(--accent) }
:where(body.dwc-home) .home_banner .txt { position:relative;z-index:2;min-height:90rem;padding-top:11.77rem }
:where(body.dwc-home) .home_banner .tcon h1 { margin-top:2.54rem }
:where(body.dwc-home) .home_banner .tcon p { max-width:50rem;margin-top:3.52rem }
:where(body.dwc-home) .home_banner .btns { gap:2.45rem;margin-top:3.93rem }
:where(body.dwc-home) .home_banner .features { position:relative;z-index:3;display:grid;grid-template-columns:36.44rem 36.58rem 36.31rem 1fr;margin:-5.08rem -5.9rem 0px;padding:4rem 0px 4rem 5.9rem;border-radius:1.2rem;background-color:#fff;box-shadow:0px 1.5rem 3rem rgba(221,215,208,0.5) }
:where(body.dwc-home) .home_banner .features li { display:flex;align-items:flex-start;gap:2rem }
:where(body.dwc-home) .home_banner .features .icon { flex-shrink:0;display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:50%;background-color:var(--sand);transition:0.3s }
:where(body.dwc-home) .home_banner .features .icon img { display:block;width:auto;height:auto;max-width:3.2rem }
:where(body.dwc-home) .home_banner .features li:hover .icon { background-color:#ecdcc6 }
:where(body.dwc-home) .home_banner .features h3 { margin-top:0.26rem;color:var(--title);font-weight:600;font-size:2rem;line-height:2.7rem }
:where(body.dwc-home) .home_banner .features p { margin-top:0.84rem;color:rgba(91,74,62,0.8);font-size:1.5rem;line-height:2.2rem }
:where(body.dwc-home) .home_banner .features li:nth-child(1) p { max-width:22rem }
:where(body.dwc-home) .home_banner .features li:nth-child(2) p { max-width:21rem }
:where(body.dwc-home) .home_banner .features li:nth-child(3) p { max-width:18.5rem }
:where(body.dwc-home) .home_banner .features li:nth-child(4) p { max-width:25rem }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-home) .home_banner .pic { width:50% }
  :where(body.dwc-home) .home_banner .tcon { max-width:50% }
  :where(body.dwc-home) .home_banner .features { grid-template-columns:repeat(4,1fr);gap:2.4rem;margin:-5.08rem 0px 0px;padding:4rem }
  :where(body.dwc-home) .home_banner .features p { max-width:none !important }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home) .home_banner .pic { height:64rem }
  :where(body.dwc-home) .home_banner .txt { min-height:64rem;padding-top:7rem }
  :where(body.dwc-home) .home_banner .tcon { max-width:46% }
  :where(body.dwc-home) .home_banner .pins { flex-wrap:wrap;bottom:9rem;right:2rem }
  :where(body.dwc-home) .home_banner .btns { flex-wrap:wrap;gap:1.6rem }
  :where(body.dwc-home) .home_banner .features { grid-template-columns:repeat(2,1fr);gap:3.2rem 2.4rem }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home) .home_banner .pic { position:relative;width:100%;height:300px }
  :where(body.dwc-home) .home_banner .pins { left:14px;right:14px;bottom:46px;flex-wrap:wrap;gap:6px }
  :where(body.dwc-home) .home_banner .pins li { gap:7px;height:32px;padding:0px 13px 0px 11px;border-radius:16px;font-size:12px }
  :where(body.dwc-home) .home_banner .pins li::before { width:6px;height:6px }
  :where(body.dwc-home) .home_banner .txt { min-height:0px;padding:40px 0px 0px }
  :where(body.dwc-home) .home_banner .tcon h1 { margin-top:14px }
  :where(body.dwc-home) .home_banner .tcon p { max-width:none;margin-top:16px }
  :where(body.dwc-home) .home_banner .btns { flex-wrap:wrap;gap:12px;margin-top:24px }
  :where(body.dwc-home) .home_banner .features { grid-template-columns:1fr;gap:22px;margin:40px 0px 0px;padding:24px 20px;border-radius:12px }
  :where(body.dwc-home) .home_banner .features li { gap:14px }
  :where(body.dwc-home) .home_banner .features .icon { width:46px;height:46px }
  :where(body.dwc-home) .home_banner .features .icon img { max-width:26px;max-height:26px }
  :where(body.dwc-home) .home_banner .features h3 { margin-top:0px;font-size:17px;line-height:24px }
  :where(body.dwc-home) .home_banner .features p { max-width:none !important;margin-top:4px;font-size:14px;line-height:21px }
}
:where(body.dwc-home) .between { justify-content:space-between }
@media screen and (max-width:768px) {
  :where(body.dwc-home) .content { padding:0px 20px }
  :where(body.dwc-home) .tcon .tag + h1, :where(body.dwc-home) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-home) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-home) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-home) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-home) .tcon h1 + p, :where(body.dwc-home) .tcon h2 + p { margin-top:12px }
}
:where(body.dwc-home) .home_about { padding:17.78rem 0px 0.96rem;background-color:var(--cream) }
:where(body.dwc-home) .home_about .left .btn_text { margin-top:9.03rem }
:where(body.dwc-home) .home_about .right { width:64rem;padding-top:6.88rem }
:where(body.dwc-home) .home_about .right .tcon p { max-width:62rem }
:where(body.dwc-home) .home_about .nums { display:grid;grid-template-columns:20.37rem 24.76rem 1fr;margin-top:3.65rem }
:where(body.dwc-home) .home_about .nums strong { display:block;color:var(--title);font-family:var(--serif);font-weight:400;font-size:5rem;line-height:6rem }
:where(body.dwc-home) .home_about .nums span { display:block;margin-top:0.5rem;color:var(--text2);font-size:1.4rem;line-height:1.9rem }
:where(body.dwc-home) .home_about .steps { display:flex;height:54.7rem;margin-top:7.77rem;overflow:hidden }
:where(body.dwc-home) .home_about .steps li { position:relative;display:flex;flex-shrink:0;width:17.11%;transition:width 0.6s }
:where(body.dwc-home) .home_about .steps li.active { width:65.78% }
:where(body.dwc-home) .home_about .steps .pic { flex:1;min-width:0px;height:100% }
:where(body.dwc-home) .home_about .steps li:nth-child(1) .pic img { object-position:36.1% 50% }
:where(body.dwc-home) .home_about .steps li:nth-child(2) .pic img { object-position:59.4% 50% }
:where(body.dwc-home) .home_about .steps li:nth-child(3) .pic img { object-position:64.4% 50% }
:where(body.dwc-home) .home_about .steps .txt { flex-shrink:0;width:0px;height:100%;overflow:hidden;background-color:#6d4d36;transition:width 0.6s }
:where(body.dwc-home) .home_about .steps li.active .txt { width:38.63% }
:where(body.dwc-home) .home_about .steps .inner { position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:48.83rem;height:100%;padding:6.16rem;color:#fff;opacity:0;transition:opacity 0.3s }
:where(body.dwc-home) .home_about .steps li.active .inner { opacity:1;transition:opacity 0.5s 0.3s }
:where(body.dwc-home) .home_about .steps .icon { position:absolute;left:6.16rem;top:6.69rem;display:block;width:7.1rem;height:5.1rem }
:where(body.dwc-home) .home_about .steps h3 { font-family:var(--serif);font-weight:400;font-size:3.4rem;line-height:4.4rem }
:where(body.dwc-home) .home_about .steps p { max-width:33rem;margin-top:1.16rem;color:rgba(255,255,255,0.8);font-size:1.8rem;line-height:2.8rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home) .home_about .content { flex-direction:column }
  :where(body.dwc-home) .home_about .right { width:100%;padding-top:3rem }
  :where(body.dwc-home) .home_about .left .btn_text { margin-top:3rem }
  :where(body.dwc-home) .home_about .steps { height:48rem;margin-top:6rem }
  :where(body.dwc-home) .home_about .steps li.active .txt { width:48% }
  :where(body.dwc-home) .home_about .steps .inner { width:38rem;padding:4rem }
  :where(body.dwc-home) .home_about .steps .icon { left:4rem;top:4rem }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home) .home_about { padding:64px 0px 0px }
  :where(body.dwc-home) .home_about .content { flex-direction:column }
  :where(body.dwc-home) .home_about .left .btn_text { display:none }
  :where(body.dwc-home) .home_about .right { width:100%;padding-top:16px }
  :where(body.dwc-home) .home_about .nums { grid-template-columns:repeat(3,auto);justify-content:space-between;margin-top:28px }
  :where(body.dwc-home) .home_about .nums strong { font-size:34px;line-height:42px }
  :where(body.dwc-home) .home_about .nums span { max-width:110px;margin-top:2px;font-size:12px;line-height:17px }
  :where(body.dwc-home) .home_about .steps { flex-direction:column;height:auto;margin-top:40px }
  :where(body.dwc-home) .home_about .steps li, :where(body.dwc-home) .home_about .steps li.active { flex-direction:column;width:100% }
  :where(body.dwc-home) .home_about .steps .pic { flex:none;height:240px }
  :where(body.dwc-home) .home_about .steps .txt, :where(body.dwc-home) .home_about .steps li.active .txt { width:100%;height:auto }
  :where(body.dwc-home) .home_about .steps .inner, :where(body.dwc-home) .home_about .steps li.active .inner { width:100%;padding:76px 20px 28px;opacity:1 }
  :where(body.dwc-home) .home_about .steps .icon { left:20px;top:26px;width:50px;height:36px }
  :where(body.dwc-home) .home_about .steps h3 { font-size:28px;line-height:34px }
  :where(body.dwc-home) .home_about .steps p { max-width:none;margin-top:8px;font-size:15px;line-height:1.6 }
  :where(body.dwc-home) .btn, :where(body.dwc-home) .btn_line { height:48px;gap:10px;padding:0px 24px;border-radius:24px;font-size:15px }
  :where(body.dwc-home) .btn.arrow::after, :where(body.dwc-home) .btn_line.arrow::after { width:12px;height:8px }
}
:where(body.dwc-home) .home_solutions { position:relative;z-index:1;height:96rem;overflow:hidden;background-color:var(--dark) }
:where(body.dwc-home) .home_solutions .swiper, :where(body.dwc-home) .home_solutions .swiper-wrapper, :where(body.dwc-home) .home_solutions .swiper-slide { height:100% }
:where(body.dwc-home) .home_solutions .swiper-slide { position:relative }
:where(body.dwc-home) .home_solutions .pic { position:absolute;inset:0px }
:where(body.dwc-home) .home_solutions .pic::after { content:'';position:absolute;left:0px;bottom:0px;width:100%;height:48.37rem;background:linear-gradient(180deg,rgba(21,24,28,0) 14.6%,rgba(1,1,1,0.87) 100%) }
:where(body.dwc-home) .home_solutions .swiper-slide-active .pic img { animation:home_solutions_zoom 7s linear both }
:where(body.dwc-home) .home_solutions .txt { position:absolute;left:5.99rem;bottom:15.03rem;z-index:2;color:#fff }
:where(body.dwc-home) .home_solutions .txt h3 { font-family:var(--serif);font-weight:400;font-size:5rem;line-height:6.4rem }
:where(body.dwc-home) .home_solutions .txt p { max-width:55rem;margin-top:1.02rem;color:rgba(255,255,255,0.7);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-home) .home_solutions .tag.light { position:absolute;left:5.99rem;top:7.79rem;z-index:3;color:rgba(251,247,241,0.8) }
:where(body.dwc-home) .home_solutions .more { position:absolute;right:7.43rem;bottom:14.8rem;z-index:3;padding:0px 3.26rem }
:where(body.dwc-home) .home_solutions .tabs { position:absolute;left:5.99rem;right:7.43rem;bottom:5.9rem;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:2.05rem }
:where(body.dwc-home) .home_solutions .tabs li { position:relative;padding-top:1.59rem;cursor:pointer;border-top:2px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.8);font-size:1.8rem;line-height:2.4rem;transition:color 0.3s }
:where(body.dwc-home) .home_solutions .tabs li::before { content:'';position:absolute;left:0px;top:-2px;width:0px;height:2px;background-color:#fff }
:where(body.dwc-home) .home_solutions .tabs li.active, :where(body.dwc-home) .home_solutions .tabs li:hover { color:#fff }
:where(body.dwc-home) .home_solutions .tabs li.active::before { animation:home_solutions_bar 6s linear both }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home) .home_solutions { height:72rem }
  :where(body.dwc-home) .home_solutions .txt { right:26rem }
  :where(body.dwc-home) .home_solutions .tabs li { font-size:1.6rem }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home) .home_solutions { height:600px }
  :where(body.dwc-home) .home_solutions .pic::after { height:75% }
  :where(body.dwc-home) .home_solutions .tag.light { left:20px;top:40px }
  :where(body.dwc-home) .home_solutions .txt { left:20px;right:20px;bottom:220px }
  :where(body.dwc-home) .home_solutions .txt h3 { font-size:32px;line-height:38px }
  :where(body.dwc-home) .home_solutions .txt p { margin-top:8px;font-size:15px;line-height:1.6 }
  :where(body.dwc-home) .home_solutions .more { left:20px;right:auto;bottom:148px }
  :where(body.dwc-home) .home_solutions .tabs { left:20px;right:20px;bottom:28px;grid-template-columns:repeat(2,1fr);gap:14px 14px }
  :where(body.dwc-home) .home_solutions .tabs li { padding-top:10px;font-size:13px;line-height:18px }
}
:where(body.dwc-home) .img_bg { position:relative;z-index:2 }
:where(body.dwc-home) .img_bg > img { display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2 }
:where(body.dwc-home) .home_materials { padding:13.68rem 0px 15.75rem;background-color:#efe6d9 }
:where(body.dwc-home) .home_materials .box { width:60rem;margin-left:84rem }
:where(body.dwc-home) .home_materials .tcon h2 + p { max-width:57rem;margin-top:2.92rem }
:where(body.dwc-home) .home_materials .swatches { display:grid;grid-template-columns:repeat(3,1fr);gap:1.71rem 1.53rem;margin-top:3.16rem }
:where(body.dwc-home) .home_materials .swatches li { display:flex;align-items:center;gap:1.1rem;height:5.4rem;padding:0px 1.2rem 0px 0.9rem;border-radius:2.7rem;white-space:nowrap;color:var(--title);font-weight:600;font-size:1.4rem;line-height:1.9rem;background-color:rgba(255,255,255,0.8);transition:0.3s }
:where(body.dwc-home) .home_materials .swatches li:hover { background-color:#fff;box-shadow:0px 0.8rem 2rem rgba(111,78,55,0.12) }
:where(body.dwc-home) .home_materials .swatches i { flex-shrink:0;width:3.4rem;height:3.4rem;border-radius:50% }
:where(body.dwc-home) .home_materials .btn { margin-top:3.46rem }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-home) .home_materials .box { margin-left:auto }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home) .home_materials > img { object-position:30% 50% }
  :where(body.dwc-home) .home_materials .box { width:52% }
  :where(body.dwc-home) .home_materials .swatches { grid-template-columns:repeat(2,1fr) }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home) .home_materials { padding:300px 0px 64px }
  :where(body.dwc-home) .home_materials > img { height:340px;object-position:22% 50% }
  :where(body.dwc-home) .home_materials .box { width:100%;margin:0px;padding:28px 20px;border-radius:12px;background-color:rgba(251,247,241,0.94) }
  :where(body.dwc-home) .home_materials .tcon h2 + p { margin-top:12px }
  :where(body.dwc-home) .home_materials .swatches { grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px }
  :where(body.dwc-home) .home_materials .swatches li { gap:8px;height:44px;padding:0px 10px 0px 7px;border-radius:22px;font-size:13px }
  :where(body.dwc-home) .home_materials .swatches i { width:30px;height:30px }
  :where(body.dwc-home) .home_materials .btn { margin-top:24px }
}
:where(body.dwc-home) .home_projects { padding:11.7rem 0px 13.06rem;overflow:hidden;background-color:var(--cream) }
:where(body.dwc-home) .home_projects .tcon .tag + h2 { margin-top:2.42rem }
:where(body.dwc-home) .home_projects .tcon h2 + p { margin-top:2.4rem }
:where(body.dwc-home) .home_projects .link { display:flex;justify-content:center;margin-top:2.59rem }
:where(body.dwc-home) .home_projects .slider { position:relative;margin-top:4.65rem }
:where(body.dwc-home) .home_projects .swiper { margin-left:48.13rem;overflow:hidden }
:where(body.dwc-home) .home_projects .swiper-slide { width:101.87rem }
:where(body.dwc-home) .home_projects .pic { height:56.11rem;border-radius:1rem }
:where(body.dwc-home) .home_projects .swiper-slide .info { display:none }
:where(body.dwc-home) .home_projects .info_box { position:absolute;left:5.99rem;top:0px;width:36rem;height:56.11rem;transition:opacity 0.35s }
:where(body.dwc-home) .home_projects .info_box.fade { opacity:0 }
:where(body.dwc-home) .home_projects .info { display:flex;flex-direction:column;justify-content:space-between;height:100% }
:where(body.dwc-home) .home_projects .cat { display:block;margin-top:1.09rem;color:var(--title);font-weight:500;font-size:1.3rem;line-height:1.8rem;text-transform:uppercase }
:where(body.dwc-home) .home_projects h3 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:4rem;line-height:5.2rem }
:where(body.dwc-home) .home_projects .txt p { max-width:27rem;margin-top:1.69rem;color:var(--text);font-size:1.6rem;line-height:2.4rem }
:where(body.dwc-home) .home_projects .tags { display:flex;flex-wrap:wrap;gap:1.19rem;margin-top:3.57rem }
:where(body.dwc-home) .home_projects .tags span { display:flex;align-items:center;height:3.2rem;padding:0px 1.6rem;border-radius:1.6rem;color:var(--title);font-weight:600;font-size:1.4rem;line-height:1.9rem;border:1px solid rgba(111,78,55,0.5) }
:where(body.dwc-home) .home_projects .swiper_btns { justify-content:flex-end;gap:6.14rem;width:101.87rem;margin:2.45rem 0px 0px 48.13rem;padding-right:0.28rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home) .home_projects .swiper { margin-left:30rem }
  :where(body.dwc-home) .home_projects .swiper-slide { width:80rem }
  :where(body.dwc-home) .home_projects .pic { height:48rem }
  :where(body.dwc-home) .home_projects .info_box { left:3rem;width:24rem;height:48rem }
  :where(body.dwc-home) .home_projects .swiper_btns { width:80rem;margin-left:30rem }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home) .home_projects { padding:64px 0px }
  :where(body.dwc-home) .home_projects .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-home) .home_projects .tcon h2 + p { margin-top:12px }
  :where(body.dwc-home) .home_projects .link { margin-top:18px }
  :where(body.dwc-home) .home_projects .slider { display:flex;flex-direction:column;margin-top:32px;padding:0px 20px }
  :where(body.dwc-home) .home_projects .swiper { order:1;width:100%;margin:0px;overflow:visible }
  :where(body.dwc-home) .home_projects .swiper-slide { width:88% }
  :where(body.dwc-home) .home_projects .pic { height:230px;border-radius:8px }
  :where(body.dwc-home) .home_projects .info_box { position:relative;left:auto;order:2;width:100%;height:auto;margin-top:20px }
  :where(body.dwc-home) .home_projects .cat { margin-top:0px;font-size:12px }
  :where(body.dwc-home) .home_projects h3 { margin-top:10px;font-size:28px;line-height:34px }
  :where(body.dwc-home) .home_projects .txt p { max-width:none;margin-top:6px;font-size:15px;line-height:1.6 }
  :where(body.dwc-home) .home_projects .tags { gap:8px;margin-top:16px }
  :where(body.dwc-home) .home_projects .tags span { height:30px;padding:0px 14px;font-size:13px }
  :where(body.dwc-home) .home_projects .swiper_btns { order:3;width:100%;margin:22px 0px 0px;padding:0px;justify-content:flex-start;gap:30px }
}
/* fronteditor/6_6/style/style.css (dwc-service) */
html:has(body.dwc-service) { scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px) }
:where(body.dwc-service) .content { max-width:144rem;margin:0px auto;position:relative }
:where(body.dwc-service) .content .content { padding:0px }
:where(body.dwc-service) .img.img_cv { overflow:hidden }
:where(body.dwc-service) .img.img_cv img { object-fit:cover }
:where(body.dwc-service) .img.img_ct img { object-fit:contain }
:where(body.dwc-service) .img img { width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit }
:where(body.dwc-service) .img_bg { position:relative;z-index:2 }
:where(body.dwc-service) .img_bg > img { display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2 }
:where(body.dwc-service) .tcon h1, :where(body.dwc-service) .tcon h2 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:6rem;line-height:6.8rem }
:where(body.dwc-service) .tcon h1 { font-size:9rem;line-height:9.2rem }
:where(body.dwc-service) .tcon .tag + h1, :where(body.dwc-service) .tcon .tag + h2 { margin-top:2.54rem }
:where(body.dwc-service) .tcon h1 em, :where(body.dwc-service) .tcon h2 em { font-style:italic;color:var(--primary) }
:where(body.dwc-service) .tcon p { color:var(--text);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-service) .tcon h1 + p, :where(body.dwc-service) .tcon h2 + p { margin-top:1.58rem }
:where(body.dwc-service) .tcon.center { text-align:center }
:where(body.dwc-service) .tcon.center .tag { margin:0px auto }
:where(body.dwc-service) .tcon.light h1, :where(body.dwc-service) .tcon.light h2 { color:var(--cream) }
:where(body.dwc-service) .tcon.light p { color:var(--text_light) }
:where(body.dwc-service) .tcon.light h1 em, :where(body.dwc-service) .tcon.light h2 em { color:var(--accent) }
:where(body.dwc-service) .btn, :where(body.dwc-service) .btn_line { display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;height:6rem;padding:0px 3.3rem;border-radius:3rem;cursor:pointer;white-space:nowrap;font-weight:600;font-size:1.6rem;line-height:2.2rem;transition:0.3s }
:where(body.dwc-service) .btn.arrow::after, :where(body.dwc-service) .btn_line.arrow::after, :where(body.dwc-service) .btn_text::after { content:'';flex-shrink:0;width:1.32rem;height:0.78rem;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform 0.3s }
:where(body.dwc-service) .btn.arrow:hover::after, :where(body.dwc-service) .btn_line.arrow:hover::after, :where(body.dwc-service) .btn_text:hover::after { transform:translateX(0.4rem) }
:where(body.dwc-service) .btn { color:#fff;background-color:var(--primary) }
:where(body.dwc-service) .btn:hover { background-color:var(--primary_dark);box-shadow:0px 1rem 2.4rem rgba(111,78,55,0.25) }
:where(body.dwc-service) .btn.honey { color:var(--title);background-color:var(--accent) }
:where(body.dwc-service) .btn.honey:hover { background-color:var(--peach);box-shadow:0px 1rem 2.4rem rgba(0,0,0,0.2) }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-service) .content { padding:0px 3rem }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-service) .content { max-width:960px }
  :where(body.dwc-service) .tcon h1 { font-size:7rem;line-height:1.05 }
  :where(body.dwc-service) .tcon h2 { font-size:5.2rem;line-height:1.12 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-service) .content { padding:0px 20px }
  :where(body.dwc-service) .tcon .tag + h1, :where(body.dwc-service) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-service) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-service) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-service) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-service) .tcon h1 + p, :where(body.dwc-service) .tcon h2 + p { margin-top:12px }
  :where(body.dwc-service) .btn, :where(body.dwc-service) .btn_line { height:48px;gap:10px;padding:0px 24px;border-radius:24px;font-size:15px }
  :where(body.dwc-service) .btn.arrow::after, :where(body.dwc-service) .btn_line.arrow::after { width:12px;height:8px }
}
:where(body.dwc-service) .inner_banner { display:flex;align-items:center;min-height:58rem;padding:8rem 0px 9rem;overflow:hidden;background-color:var(--dark) }
:where(body.dwc-service) .inner_banner::before { content:'';position:absolute;inset:0px;z-index:-1;background:linear-gradient(90deg,rgba(42,30,22,0.94) 0%,rgba(42,30,22,0.78) 34%,rgba(42,30,22,0.18) 68%,rgba(42,30,22,0) 100%) }
:where(body.dwc-service) .inner_banner::after { content:'';position:absolute;left:0px;bottom:0px;z-index:-1;width:100%;height:40%;background:linear-gradient(180deg,rgba(21,24,28,0) 0%,rgba(21,16,12,0.45) 100%) }
:where(body.dwc-service) .inner_banner .content { width:100% }
:where(body.dwc-service) .inner_banner .crumbs { display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;color:var(--text_light);font-weight:500;font-size:1.4rem;line-height:1.9rem }
:where(body.dwc-service) .inner_banner .crumbs a { transition:0.3s }
:where(body.dwc-service) .inner_banner .crumbs a::after { content:'/';margin-left:1.2rem;color:rgba(236,177,118,0.7) }
:where(body.dwc-service) .inner_banner .crumbs a:hover { color:var(--accent) }
:where(body.dwc-service) .inner_banner .crumbs span { color:var(--cream) }
:where(body.dwc-service) .inner_banner .tcon { max-width:72rem;margin-top:5.2rem }
:where(body.dwc-service) .inner_banner .tcon h1 { font-size:7.6rem;line-height:8rem }
:where(body.dwc-service) .inner_banner .tcon h1 + p { max-width:56rem;margin-top:2.6rem;color:#e8d2bf }
:where(body.dwc-service) .inner_banner .btns { display:flex;flex-wrap:wrap;gap:2rem;margin-top:4rem }
:where(body.dwc-service) .inner_banner.slim { min-height:30rem;padding:6rem 0px }
:where(body.dwc-service) .inner_banner.slim::before { background:linear-gradient(90deg,rgba(42,30,22,0.94) 0%,rgba(42,30,22,0.8) 45%,rgba(42,30,22,0.35) 100%) }
:where(body.dwc-service) .inner_banner .title { margin-top:2.4rem;color:var(--cream);font-family:var(--serif);font-size:5.2rem;line-height:6rem }
:where(body.dwc-service) .inner_banner .title em { font-style:italic;color:var(--accent) }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-service) .inner_banner { min-height:50rem }
  :where(body.dwc-service) .inner_banner .tcon h1 { font-size:6rem;line-height:1.08 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-service) .inner_banner { min-height:420px;padding:48px 0px 56px }
  :where(body.dwc-service) .inner_banner::before { background:linear-gradient(90deg,rgba(42,30,22,0.9) 0%,rgba(42,30,22,0.7) 60%,rgba(42,30,22,0.45) 100%) }
  :where(body.dwc-service) .inner_banner > img { object-position:70% 50% }
  :where(body.dwc-service) .inner_banner .crumbs { gap:8px;font-size:13px;line-height:18px }
  :where(body.dwc-service) .inner_banner .crumbs a::after { margin-left:8px }
  :where(body.dwc-service) .inner_banner .tcon { margin-top:32px }
  :where(body.dwc-service) .inner_banner .tcon h1 { font-size:40px;line-height:1.08 }
  :where(body.dwc-service) .inner_banner .tcon h1 + p { margin-top:14px }
  :where(body.dwc-service) .inner_banner .btns { gap:12px;margin-top:26px }
  :where(body.dwc-service) .inner_banner.slim { min-height:200px;padding:40px 0px }
  :where(body.dwc-service) .inner_banner .title { margin-top:16px;font-size:32px;line-height:38px }
}
:where(body.dwc-service) .flex { display:flex }
:where(body.dwc-service) .between { justify-content:space-between }
:where(body.dwc-service) .service_intro { padding:14rem 0px;background-color:var(--cream) }
:where(body.dwc-service) .service_intro .content { align-items:center }
:where(body.dwc-service) .service_intro .pic { position:relative;flex-shrink:0;width:60rem;height:74rem;border-radius:1rem }
:where(body.dwc-service) .service_intro .badge { position:absolute;right:3.2rem;bottom:3.2rem;z-index:2;width:26rem;padding:2.6rem 2.8rem;border-radius:1rem;color:#fff;background-color:rgba(111,78,55,0.92);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem) }
:where(body.dwc-service) .service_intro .badge strong { display:block;font-family:var(--serif);font-weight:400;font-size:5rem;line-height:5.6rem }
:where(body.dwc-service) .service_intro .badge span { display:block;margin-top:0.6rem;color:rgba(255,255,255,0.82);font-size:1.5rem;line-height:2.2rem }
:where(body.dwc-service) .service_intro .right { width:68rem }
:where(body.dwc-service) .service_intro .blocks { display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem;margin-top:4.4rem }
:where(body.dwc-service) .service_intro .blocks > li { padding:3.2rem 3rem 3.4rem;border-radius:1.2rem;background-color:#fff;box-shadow:0px 1.5rem 3rem rgba(221,215,208,0.45);transition:transform 0.35s }
:where(body.dwc-service) .service_intro .blocks > li:hover { transform:translateY(-0.6rem) }
:where(body.dwc-service) .service_intro .num { display:block;color:var(--caramel);font-weight:700;font-size:1.3rem;line-height:1.8rem;letter-spacing:0.1em }
:where(body.dwc-service) .service_intro .blocks h3 { margin-top:1rem;color:var(--title);font-family:var(--serif);font-weight:400;font-size:3.2rem;line-height:4rem }
:where(body.dwc-service) .service_intro .check_list { margin-top:1.8rem }
:where(body.dwc-service) .service_intro .btn { margin-top:4.4rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-service) .service_intro .content { align-items:flex-start }
  :where(body.dwc-service) .service_intro .pic { width:40%;height:72rem }
  :where(body.dwc-service) .service_intro .right { width:55% }
  :where(body.dwc-service) .service_intro .blocks { grid-template-columns:1fr }
}
@media screen and (max-width:768px) {
  :where(body.dwc-service) .service_intro { padding:64px 0px }
  :where(body.dwc-service) .service_intro .content { flex-direction:column }
  :where(body.dwc-service) .service_intro .pic { width:100%;height:400px;border-radius:10px }
  :where(body.dwc-service) .service_intro .badge { right:14px;bottom:14px;width:200px;padding:16px 18px }
  :where(body.dwc-service) .service_intro .badge strong { font-size:34px;line-height:40px }
  :where(body.dwc-service) .service_intro .badge span { font-size:13px;line-height:19px }
  :where(body.dwc-service) .service_intro .right { width:100%;margin-top:36px }
  :where(body.dwc-service) .service_intro .blocks { grid-template-columns:1fr;gap:14px;margin-top:28px }
  :where(body.dwc-service) .service_intro .blocks > li { padding:22px 20px }
  :where(body.dwc-service) .service_intro .blocks h3 { font-size:26px;line-height:32px }
  :where(body.dwc-service) .service_intro .btn { margin-top:28px }
  :where(body.dwc-service) .content { padding:0px 20px }
  :where(body.dwc-service) .tcon .tag + h1, :where(body.dwc-service) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-service) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-service) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-service) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-service) .tcon h1 + p, :where(body.dwc-service) .tcon h2 + p { margin-top:12px }
}
:where(body.dwc-service) .service_deliverables { padding:14rem 0px;background-color:#fff }
:where(body.dwc-service) .service_deliverables .right { width:55.4rem;padding-top:8.59rem }
:where(body.dwc-service) .service_deliverables .list { display:grid;grid-template-columns:repeat(4,1fr);gap:2.8rem;margin-top:6rem }
:where(body.dwc-service) .service_deliverables .pic { height:26rem;border-radius:0.8rem }
:where(body.dwc-service) .service_deliverables li:hover .pic img { transform:scale(1.05) }
:where(body.dwc-service) .service_deliverables .num { display:block;margin-top:2.4rem;color:var(--caramel);font-weight:700;font-size:1.3rem;line-height:1.8rem;letter-spacing:0.1em }
:where(body.dwc-service) .service_deliverables .list h3 { margin-top:0.8rem;color:var(--title);font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:3.4rem }
:where(body.dwc-service) .service_deliverables .list p { margin-top:1rem;color:var(--text);font-size:1.5rem;line-height:2.4rem }
:where(body.dwc-service) .service_deliverables .send { display:flex;align-items:center;gap:6rem;margin-top:8rem;padding:4.4rem 5rem;border-radius:1.2rem;background-color:var(--sand) }
:where(body.dwc-service) .service_deliverables .send .tcon { flex-shrink:0;width:30rem }
:where(body.dwc-service) .service_deliverables .send h3 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:3.6rem;line-height:4.2rem }
:where(body.dwc-service) .service_deliverables .send .tcon p { margin-top:1rem;font-size:1.6rem;line-height:2.5rem }
:where(body.dwc-service) .service_deliverables .items { flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem }
:where(body.dwc-service) .service_deliverables .items li { position:relative;padding-left:5.4rem }
:where(body.dwc-service) .service_deliverables .items i { position:absolute;left:0px;top:0px;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;color:var(--primary);font-family:var(--serif);font-size:2rem;border:1px solid var(--caramel) }
:where(body.dwc-service) .service_deliverables .items strong { display:block;color:var(--title);font-weight:600;font-size:1.7rem;line-height:2.4rem }
:where(body.dwc-service) .service_deliverables .items span { display:block;margin-top:0.4rem;color:var(--text);font-size:1.4rem;line-height:2.1rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-service) .service_deliverables .top { flex-direction:column }
  :where(body.dwc-service) .service_deliverables .right { width:100%;padding-top:2.4rem }
  :where(body.dwc-service) .service_deliverables .list { grid-template-columns:repeat(2,1fr);row-gap:4.4rem }
  :where(body.dwc-service) .service_deliverables .send { flex-direction:column;align-items:flex-start;gap:3rem }
  :where(body.dwc-service) .service_deliverables .send .tcon { width:auto }
  :where(body.dwc-service) .service_deliverables .items { grid-template-columns:repeat(2,1fr);width:100% }
}
@media screen and (max-width:768px) {
  :where(body.dwc-service) .service_deliverables { padding:64px 0px }
  :where(body.dwc-service) .service_deliverables .top { flex-direction:column }
  :where(body.dwc-service) .service_deliverables .right { width:100%;padding-top:14px }
  :where(body.dwc-service) .service_deliverables .list { grid-template-columns:1fr;gap:32px;margin-top:32px }
  :where(body.dwc-service) .service_deliverables .pic { height:220px }
  :where(body.dwc-service) .service_deliverables .num { margin-top:16px }
  :where(body.dwc-service) .service_deliverables .list h3 { font-size:24px;line-height:30px }
  :where(body.dwc-service) .service_deliverables .list p { font-size:14px;line-height:22px }
  :where(body.dwc-service) .service_deliverables .send { flex-direction:column;align-items:flex-start;gap:24px;margin-top:48px;padding:28px 20px }
  :where(body.dwc-service) .service_deliverables .send .tcon { width:auto }
  :where(body.dwc-service) .service_deliverables .send h3 { font-size:28px;line-height:34px }
  :where(body.dwc-service) .service_deliverables .items { grid-template-columns:1fr;gap:18px;width:100% }
  :where(body.dwc-service) .service_deliverables .items li { padding-left:50px }
  :where(body.dwc-service) .service_deliverables .items i { width:36px;height:36px;font-size:18px }
  :where(body.dwc-service) .service_deliverables .items strong { font-size:16px;line-height:22px }
  :where(body.dwc-service) .service_deliverables .items span { font-size:14px;line-height:20px }
}
:where(body.dwc-service) .service_manufacturing { padding:14rem 0px 12rem;background-color:var(--dark) }
:where(body.dwc-service) .service_manufacturing .right { width:55.4rem;padding-top:8.59rem }
:where(body.dwc-service) .service_manufacturing .list { display:grid;grid-template-columns:repeat(3,1fr);gap:5.6rem 2.8rem;margin-top:6rem }
:where(body.dwc-service) .service_manufacturing .pic { position:relative;height:32rem;border-radius:0.8rem }
:where(body.dwc-service) .service_manufacturing li:hover .pic img { transform:scale(1.05) }
:where(body.dwc-service) .service_manufacturing .num { position:absolute;left:2rem;top:2rem;z-index:2;display:flex;align-items:center;height:3.46rem;padding:0px 1.38rem;border-radius:1.73rem;color:var(--primary);font-weight:700;font-size:1.3rem;line-height:1.8rem;background-color:rgba(255,255,255,0.9) }
:where(body.dwc-service) .service_manufacturing .list h3 { margin-top:2.4rem;color:#fff;font-family:var(--serif);font-weight:400;font-size:3rem;line-height:3.8rem }
:where(body.dwc-service) .service_manufacturing .list p { max-width:40rem;margin-top:1rem;color:var(--text_light);font-size:1.6rem;line-height:2.5rem }
:where(body.dwc-service) .service_manufacturing .facts { display:grid;grid-template-columns:repeat(4,1fr);margin-top:8rem;border-top:1px solid rgba(255,255,255,0.1) }
:where(body.dwc-service) .service_manufacturing .facts li { padding:4rem 3rem 0px 0px }
:where(body.dwc-service) .service_manufacturing .facts li + li { padding-left:3.6rem;border-left:1px solid rgba(255,255,255,0.1) }
:where(body.dwc-service) .service_manufacturing .facts strong { display:block;color:var(--accent);font-family:var(--serif);font-weight:400;font-size:4.6rem;line-height:5.4rem }
:where(body.dwc-service) .service_manufacturing .facts span { display:block;margin-top:0.6rem;color:var(--text_light);font-size:1.5rem;line-height:2.2rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-service) .service_manufacturing .top { flex-direction:column }
  :where(body.dwc-service) .service_manufacturing .right { width:100%;padding-top:2.4rem }
  :where(body.dwc-service) .service_manufacturing .list { grid-template-columns:repeat(2,1fr) }
  :where(body.dwc-service) .service_manufacturing .facts { grid-template-columns:repeat(2,1fr) }
  :where(body.dwc-service) .service_manufacturing .facts li:nth-child(3) { padding-left:0px;border-left:none }
}
@media screen and (max-width:768px) {
  :where(body.dwc-service) .service_manufacturing { padding:64px 0px }
  :where(body.dwc-service) .service_manufacturing .top { flex-direction:column }
  :where(body.dwc-service) .service_manufacturing .right { width:100%;padding-top:14px }
  :where(body.dwc-service) .service_manufacturing .list { grid-template-columns:1fr;gap:32px;margin-top:32px }
  :where(body.dwc-service) .service_manufacturing .pic { height:220px }
  :where(body.dwc-service) .service_manufacturing .num { left:14px;top:14px;height:30px;padding:0px 12px;font-size:12px }
  :where(body.dwc-service) .service_manufacturing .list h3 { margin-top:16px;font-size:24px;line-height:30px }
  :where(body.dwc-service) .service_manufacturing .list p { max-width:none;font-size:14px;line-height:22px }
  :where(body.dwc-service) .service_manufacturing .facts { grid-template-columns:repeat(2,1fr);margin-top:44px }
  :where(body.dwc-service) .service_manufacturing .facts li, :where(body.dwc-service) .service_manufacturing .facts li + li { padding:22px 10px 0px 0px;border-left:none }
  :where(body.dwc-service) .service_manufacturing .facts strong { font-size:30px;line-height:36px }
  :where(body.dwc-service) .service_manufacturing .facts span { font-size:13px;line-height:19px }
}
:where(body.dwc-service) .service_faq { padding:14rem 0px;background-color:var(--cream) }
:where(body.dwc-service) .service_faq .left { width:48rem }
:where(body.dwc-service) .service_faq .card { display:flex;flex-direction:column;align-items:flex-start;margin-top:4.4rem;padding:3.6rem 3.6rem 4rem;border-radius:1.2rem;color:#fff;background-color:var(--primary) }
:where(body.dwc-service) .service_faq .card strong { font-family:var(--serif);font-weight:400;font-size:3rem;line-height:3.8rem }
:where(body.dwc-service) .service_faq .card .mail, :where(body.dwc-service) .service_faq .card .phone { display:flex;align-items:center;gap:1.2rem;margin-top:1.4rem;color:#e8d2bf;font-weight:500;font-size:1.7rem;line-height:2.4rem;transition:0.3s }
:where(body.dwc-service) .service_faq .card .mail { margin-top:2.2rem }
:where(body.dwc-service) .service_faq .card .mail::before, :where(body.dwc-service) .service_faq .card .phone::before { content:'';flex-shrink:0;width:2.1rem;height:1.8rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 18' fill='none' stroke='%23ecb176' stroke-width='1.2'%3E%3Crect x='1.9' y='1.9' width='17.2' height='14.2' rx='2'/%3E%3Cpath d='m1.9 3.5 8.6 6.4 8.6-6.4'/%3E%3C/svg%3E") no-repeat center / contain }
:where(body.dwc-service) .service_faq .card .phone::before { height:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 22' fill='none' stroke='%23ecb176' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M18.6 11c0 4.4-3.6 8.1-8 8.1-1.3 0-2.6-.3-3.7-.9l-4.3 1.4 1.5-4.2a8 8 0 1 1 14.5-4.4Z'/%3E%3C/svg%3E") }
:where(body.dwc-service) .service_faq .card a:hover { color:var(--accent) }
:where(body.dwc-service) .service_faq .card .btn { margin-top:3rem;color:var(--title);background-color:var(--accent) }
:where(body.dwc-service) .service_faq .card .btn:hover { color:var(--title);background-color:var(--peach) }
:where(body.dwc-service) .service_faq .faq_list { width:82rem }
:where(body.dwc-service) .service_faq .faq_item { border-bottom:1px solid rgba(42,30,22,0.12) }
:where(body.dwc-service) .service_faq .faq_item:first-child { border-top:1px solid rgba(42,30,22,0.12) }
:where(body.dwc-service) .service_faq .question { position:relative;padding:2.8rem 6rem 2.8rem 0px;cursor:pointer;color:var(--title);font-family:var(--serif);font-size:2.6rem;line-height:3.4rem;transition:color 0.3s }
:where(body.dwc-service) .service_faq .question::before, :where(body.dwc-service) .service_faq .question::after { content:'';position:absolute;right:1.2rem;top:50%;width:1.6rem;height:1.5px;background-color:var(--primary);transition:transform 0.3s }
:where(body.dwc-service) .service_faq .question::after { transform:rotate(90deg) }
:where(body.dwc-service) .service_faq .faq_item.active .question::after { transform:rotate(0deg) }
:where(body.dwc-service) .service_faq .question:hover, :where(body.dwc-service) .service_faq .faq_item.active .question { color:var(--primary) }
:where(body.dwc-service) .service_faq .answer { display:none }
:where(body.dwc-service) .service_faq .answer p { max-width:70rem;padding-bottom:3rem;color:var(--text);font-size:1.7rem;line-height:2.8rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-service) .service_faq .left { width:36% }
  :where(body.dwc-service) .service_faq .faq_list { width:58% }
}
@media screen and (max-width:768px) {
  :where(body.dwc-service) .service_faq { padding:64px 0px }
  :where(body.dwc-service) .service_faq .content { flex-direction:column }
  :where(body.dwc-service) .service_faq .left, :where(body.dwc-service) .service_faq .faq_list { width:100% }
  :where(body.dwc-service) .service_faq .card { margin-top:24px;padding:24px 20px 26px }
  :where(body.dwc-service) .service_faq .card strong { font-size:24px;line-height:30px }
  :where(body.dwc-service) .service_faq .card .mail, :where(body.dwc-service) .service_faq .card .phone { font-size:15px }
  :where(body.dwc-service) .service_faq .card .mail::before, :where(body.dwc-service) .service_faq .card .phone::before { width:20px;height:18px }
  :where(body.dwc-service) .service_faq .card .btn { margin-top:20px }
  :where(body.dwc-service) .service_faq .faq_list { margin-top:36px }
  :where(body.dwc-service) .service_faq .question { padding:18px 40px 18px 0px;font-size:20px;line-height:27px }
  :where(body.dwc-service) .service_faq .question::before, :where(body.dwc-service) .service_faq .question::after { right:6px;width:14px }
  :where(body.dwc-service) .service_faq .answer p { padding-bottom:20px;font-size:15px;line-height:1.7 }
}
/* fronteditor/5_7/style/style.css (dwc-products) */
html:has(body.dwc-products) { scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px) }
:where(body.dwc-products) .content { max-width:144rem;margin:0px auto;position:relative }
:where(body.dwc-products) .content .content { padding:0px }
:where(body.dwc-products) .img.img_cv { overflow:hidden }
:where(body.dwc-products) .img.img_cv img { object-fit:cover }
:where(body.dwc-products) .img.img_ct img { object-fit:contain }
:where(body.dwc-products) .img img { width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit }
:where(body.dwc-products) .img_bg { position:relative;z-index:2 }
:where(body.dwc-products) .img_bg > img { display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2 }
:where(body.dwc-products) .tcon h1, :where(body.dwc-products) .tcon h2 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:6rem;line-height:6.8rem }
:where(body.dwc-products) .tcon h1 { font-size:9rem;line-height:9.2rem }
:where(body.dwc-products) .tcon .tag + h1, :where(body.dwc-products) .tcon .tag + h2 { margin-top:2.54rem }
:where(body.dwc-products) .tcon h1 em, :where(body.dwc-products) .tcon h2 em { font-style:italic;color:var(--primary) }
:where(body.dwc-products) .tcon p { color:var(--text);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-products) .tcon h1 + p, :where(body.dwc-products) .tcon h2 + p { margin-top:1.58rem }
:where(body.dwc-products) .tcon.center { text-align:center }
:where(body.dwc-products) .tcon.center .tag { margin:0px auto }
:where(body.dwc-products) .tcon.light h1, :where(body.dwc-products) .tcon.light h2 { color:var(--cream) }
:where(body.dwc-products) .tcon.light p { color:var(--text_light) }
:where(body.dwc-products) .tcon.light h1 em, :where(body.dwc-products) .tcon.light h2 em { color:var(--accent) }
:where(body.dwc-products) .btn, :where(body.dwc-products) .btn_line { display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;height:6rem;padding:0px 3.3rem;border-radius:3rem;cursor:pointer;white-space:nowrap;font-weight:600;font-size:1.6rem;line-height:2.2rem;transition:0.3s }
:where(body.dwc-products) .btn.arrow::after, :where(body.dwc-products) .btn_line.arrow::after, :where(body.dwc-products) .btn_text::after { content:'';flex-shrink:0;width:1.32rem;height:0.78rem;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform 0.3s }
:where(body.dwc-products) .btn.arrow:hover::after, :where(body.dwc-products) .btn_line.arrow:hover::after, :where(body.dwc-products) .btn_text:hover::after { transform:translateX(0.4rem) }
:where(body.dwc-products) .btn { color:#fff;background-color:var(--primary) }
:where(body.dwc-products) .btn:hover { background-color:var(--primary_dark);box-shadow:0px 1rem 2.4rem rgba(111,78,55,0.25) }
:where(body.dwc-products) .btn.honey { color:var(--title);background-color:var(--accent) }
:where(body.dwc-products) .btn.honey:hover { background-color:var(--peach);box-shadow:0px 1rem 2.4rem rgba(0,0,0,0.2) }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-products) .content { padding:0px 3rem }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-products) .content { max-width:960px }
  :where(body.dwc-products) .tcon h1 { font-size:7rem;line-height:1.05 }
  :where(body.dwc-products) .tcon h2 { font-size:5.2rem;line-height:1.12 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-products) .content { padding:0px 20px }
  :where(body.dwc-products) .tcon .tag + h1, :where(body.dwc-products) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-products) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-products) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-products) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-products) .tcon h1 + p, :where(body.dwc-products) .tcon h2 + p { margin-top:12px }
  :where(body.dwc-products) .btn, :where(body.dwc-products) .btn_line { height:48px;gap:10px;padding:0px 24px;border-radius:24px;font-size:15px }
  :where(body.dwc-products) .btn.arrow::after, :where(body.dwc-products) .btn_line.arrow::after { width:12px;height:8px }
}
:where(body.dwc-products) .inner_banner { display:flex;align-items:center;min-height:58rem;padding:8rem 0px 9rem;overflow:hidden;background-color:var(--dark) }
:where(body.dwc-products) .inner_banner::before { content:'';position:absolute;inset:0px;z-index:-1;background:linear-gradient(90deg,rgba(42,30,22,0.94) 0%,rgba(42,30,22,0.78) 34%,rgba(42,30,22,0.18) 68%,rgba(42,30,22,0) 100%) }
:where(body.dwc-products) .inner_banner::after { content:'';position:absolute;left:0px;bottom:0px;z-index:-1;width:100%;height:40%;background:linear-gradient(180deg,rgba(21,24,28,0) 0%,rgba(21,16,12,0.45) 100%) }
:where(body.dwc-products) .inner_banner .content { width:100% }
:where(body.dwc-products) .inner_banner .crumbs { display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;color:var(--text_light);font-weight:500;font-size:1.4rem;line-height:1.9rem }
:where(body.dwc-products) .inner_banner .crumbs a { transition:0.3s }
:where(body.dwc-products) .inner_banner .crumbs a::after { content:'/';margin-left:1.2rem;color:rgba(236,177,118,0.7) }
:where(body.dwc-products) .inner_banner .crumbs a:hover { color:var(--accent) }
:where(body.dwc-products) .inner_banner .crumbs span { color:var(--cream) }
:where(body.dwc-products) .inner_banner .tcon { max-width:72rem;margin-top:5.2rem }
:where(body.dwc-products) .inner_banner .tcon h1 { font-size:7.6rem;line-height:8rem }
:where(body.dwc-products) .inner_banner .tcon h1 + p { max-width:56rem;margin-top:2.6rem;color:#e8d2bf }
:where(body.dwc-products) .inner_banner .btns { display:flex;flex-wrap:wrap;gap:2rem;margin-top:4rem }
:where(body.dwc-products) .inner_banner.slim { min-height:30rem;padding:6rem 0px }
:where(body.dwc-products) .inner_banner.slim::before { background:linear-gradient(90deg,rgba(42,30,22,0.94) 0%,rgba(42,30,22,0.8) 45%,rgba(42,30,22,0.35) 100%) }
:where(body.dwc-products) .inner_banner .title { margin-top:2.4rem;color:var(--cream);font-family:var(--serif);font-size:5.2rem;line-height:6rem }
:where(body.dwc-products) .inner_banner .title em { font-style:italic;color:var(--accent) }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-products) .inner_banner { min-height:50rem }
  :where(body.dwc-products) .inner_banner .tcon h1 { font-size:6rem;line-height:1.08 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-products) .inner_banner { min-height:420px;padding:48px 0px 56px }
  :where(body.dwc-products) .inner_banner::before { background:linear-gradient(90deg,rgba(42,30,22,0.9) 0%,rgba(42,30,22,0.7) 60%,rgba(42,30,22,0.45) 100%) }
  :where(body.dwc-products) .inner_banner > img { object-position:70% 50% }
  :where(body.dwc-products) .inner_banner .crumbs { gap:8px;font-size:13px;line-height:18px }
  :where(body.dwc-products) .inner_banner .crumbs a::after { margin-left:8px }
  :where(body.dwc-products) .inner_banner .tcon { margin-top:32px }
  :where(body.dwc-products) .inner_banner .tcon h1 { font-size:40px;line-height:1.08 }
  :where(body.dwc-products) .inner_banner .tcon h1 + p { margin-top:14px }
  :where(body.dwc-products) .inner_banner .btns { gap:12px;margin-top:26px }
  :where(body.dwc-products) .inner_banner.slim { min-height:200px;padding:40px 0px }
  :where(body.dwc-products) .inner_banner .title { margin-top:16px;font-size:32px;line-height:38px }
}
:where(body.dwc-products) .flex { display:flex }
:where(body.dwc-products) .between { justify-content:space-between }
:where(body.dwc-products) .products_finishes { padding:14rem 0px;background-color:#fff }
:where(body.dwc-products) .products_finishes .right { width:64rem;padding-top:6.88rem }
:where(body.dwc-products) .products_finishes .tabs { display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.8rem }
:where(body.dwc-products) .products_finishes .tabs li { display:flex;align-items:center;height:4rem;padding:0px 1.8rem;cursor:pointer;border-radius:2rem;color:var(--title);font-weight:600;font-size:1.4rem;border:1px solid var(--line);transition:0.3s }
:where(body.dwc-products) .products_finishes .tabs li:hover { border-color:var(--primary) }
:where(body.dwc-products) .products_finishes .tabs li.active { color:#fff;border-color:var(--primary);background-color:var(--primary) }
:where(body.dwc-products) .products_finishes .list { display:grid;grid-template-columns:repeat(6,1fr);gap:4rem 2.4rem;margin-top:6rem }
:where(body.dwc-products) .products_finishes .list li.hide { display:none }
:where(body.dwc-products) .products_finishes .pic { aspect-ratio:1 / 1;border-radius:50%;box-shadow:0px 1.2rem 2.6rem rgba(42,30,22,0.12) }
:where(body.dwc-products) .products_finishes .list li:hover .pic img { transform:scale(1.12) }
:where(body.dwc-products) .products_finishes .list strong { display:block;margin-top:2rem;text-align:center;color:var(--title);font-weight:600;font-size:1.6rem;line-height:2.2rem }
:where(body.dwc-products) .products_finishes .list span { display:block;margin-top:0.4rem;text-align:center;color:var(--text2);font-size:1.4rem;line-height:1.9rem }
:where(body.dwc-products) .products_finishes .note { display:flex;align-items:center;justify-content:space-between;gap:4rem;margin-top:7rem;padding:3.6rem 4.4rem;border-radius:1.2rem;background-color:var(--sand) }
:where(body.dwc-products) .products_finishes .note p { max-width:82rem;color:var(--text);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-products) .products_finishes .note b { color:var(--title);font-family:var(--serif);font-weight:400;font-size:2.6rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-products) .products_finishes .top { flex-direction:column }
  :where(body.dwc-products) .products_finishes .right { width:100%;padding-top:2.4rem }
  :where(body.dwc-products) .products_finishes .list { grid-template-columns:repeat(4,1fr) }
  :where(body.dwc-products) .products_finishes .note { flex-direction:column;align-items:flex-start }
}
@media screen and (max-width:768px) {
  :where(body.dwc-products) .products_finishes { padding:64px 0px }
  :where(body.dwc-products) .products_finishes .top { flex-direction:column }
  :where(body.dwc-products) .products_finishes .right { width:100%;padding-top:14px }
  :where(body.dwc-products) .products_finishes .tabs { gap:6px;margin-top:18px }
  :where(body.dwc-products) .products_finishes .tabs li { height:34px;padding:0px 13px;font-size:13px }
  :where(body.dwc-products) .products_finishes .list { grid-template-columns:repeat(3,1fr);gap:24px 14px;margin-top:32px }
  :where(body.dwc-products) .products_finishes .list strong { margin-top:10px;font-size:13px;line-height:18px }
  :where(body.dwc-products) .products_finishes .list span { font-size:12px;line-height:16px }
  :where(body.dwc-products) .products_finishes .note { flex-direction:column;align-items:flex-start;gap:18px;margin-top:40px;padding:24px 20px }
  :where(body.dwc-products) .products_finishes .note p { font-size:15px;line-height:1.7 }
  :where(body.dwc-products) .products_finishes .note b { font-size:21px }
  :where(body.dwc-products) .content { padding:0px 20px }
  :where(body.dwc-products) .tcon .tag + h1, :where(body.dwc-products) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-products) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-products) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-products) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-products) .tcon h1 + p, :where(body.dwc-products) .tcon h2 + p { margin-top:12px }
}
:where(body.dwc-products) .products_details { padding:14rem 0px;background-color:var(--dark) }
:where(body.dwc-products) .products_details .right { width:55.4rem;padding-top:8.59rem }
:where(body.dwc-products) .products_details .list { display:flex;gap:2rem;height:56rem;margin-top:6rem }
:where(body.dwc-products) .products_details .list li { position:relative;flex:1;overflow:hidden;border-radius:1rem;transition:flex 0.6s }
:where(body.dwc-products) .products_details .list li.active { flex:2.4 }
:where(body.dwc-products) .products_details .pic { position:absolute;inset:0px }
:where(body.dwc-products) .products_details .pic::after { content:'';position:absolute;inset:0px;background:linear-gradient(180deg,rgba(42,30,22,0) 40%,rgba(42,30,22,0.88) 100%) }
:where(body.dwc-products) .products_details .txt { position:absolute;left:3.2rem;right:3.2rem;bottom:3.2rem;z-index:2;color:#fff }
:where(body.dwc-products) .products_details .txt h3 { font-family:var(--serif);font-weight:400;font-size:3.2rem;line-height:4rem;white-space:nowrap }
:where(body.dwc-products) .products_details .txt p { max-width:40rem;max-height:0px;margin-top:0px;overflow:hidden;opacity:0;color:rgba(255,255,255,0.8);font-size:1.6rem;line-height:2.5rem;transition:max-height 0.5s,opacity 0.4s,margin-top 0.5s }
:where(body.dwc-products) .products_details .list li.active .txt p { max-height:10rem;margin-top:1rem;opacity:1 }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-products) .products_details .top { flex-direction:column }
  :where(body.dwc-products) .products_details .right { width:100%;padding-top:2.4rem }
  :where(body.dwc-products) .products_details .list { height:46rem }
  :where(body.dwc-products) .products_details .txt h3 { font-size:2.6rem;white-space:normal }
}
@media screen and (max-width:768px) {
  :where(body.dwc-products) .products_details { padding:64px 0px }
  :where(body.dwc-products) .products_details .top { flex-direction:column }
  :where(body.dwc-products) .products_details .right { width:100%;padding-top:14px }
  :where(body.dwc-products) .products_details .list { flex-direction:column;gap:14px;height:auto;margin-top:32px }
  :where(body.dwc-products) .products_details .list li, :where(body.dwc-products) .products_details .list li.active { flex:none;height:260px }
  :where(body.dwc-products) .products_details .txt { left:18px;right:18px;bottom:18px }
  :where(body.dwc-products) .products_details .txt h3 { font-size:24px;line-height:30px }
  :where(body.dwc-products) .products_details .txt p, :where(body.dwc-products) .products_details .list li.active .txt p { max-height:none;margin-top:6px;opacity:1;font-size:14px;line-height:21px }
}
/* fronteditor/4_8/style/style.css (dwc-about) */
html:has(body.dwc-about) { scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px) }
:where(body.dwc-about) .content { max-width:144rem;margin:0px auto;position:relative }
:where(body.dwc-about) .content .content { padding:0px }
:where(body.dwc-about) .img.img_cv { overflow:hidden }
:where(body.dwc-about) .img.img_cv img { object-fit:cover }
:where(body.dwc-about) .img.img_ct img { object-fit:contain }
:where(body.dwc-about) .img img { width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit }
:where(body.dwc-about) .img_bg { position:relative;z-index:2 }
:where(body.dwc-about) .img_bg > img { display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2 }
:where(body.dwc-about) .tcon h1, :where(body.dwc-about) .tcon h2 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:6rem;line-height:6.8rem }
:where(body.dwc-about) .tcon h1 { font-size:9rem;line-height:9.2rem }
:where(body.dwc-about) .tcon .tag + h1, :where(body.dwc-about) .tcon .tag + h2 { margin-top:2.54rem }
:where(body.dwc-about) .tcon h1 em, :where(body.dwc-about) .tcon h2 em { font-style:italic;color:var(--primary) }
:where(body.dwc-about) .tcon p { color:var(--text);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-about) .tcon h1 + p, :where(body.dwc-about) .tcon h2 + p { margin-top:1.58rem }
:where(body.dwc-about) .tcon.center { text-align:center }
:where(body.dwc-about) .tcon.center .tag { margin:0px auto }
:where(body.dwc-about) .tcon.light h1, :where(body.dwc-about) .tcon.light h2 { color:var(--cream) }
:where(body.dwc-about) .tcon.light p { color:var(--text_light) }
:where(body.dwc-about) .tcon.light h1 em, :where(body.dwc-about) .tcon.light h2 em { color:var(--accent) }
:where(body.dwc-about) .btn, :where(body.dwc-about) .btn_line { display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;height:6rem;padding:0px 3.3rem;border-radius:3rem;cursor:pointer;white-space:nowrap;font-weight:600;font-size:1.6rem;line-height:2.2rem;transition:0.3s }
:where(body.dwc-about) .btn.arrow::after, :where(body.dwc-about) .btn_line.arrow::after, :where(body.dwc-about) .btn_text::after { content:'';flex-shrink:0;width:1.32rem;height:0.78rem;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform 0.3s }
:where(body.dwc-about) .btn.arrow:hover::after, :where(body.dwc-about) .btn_line.arrow:hover::after, :where(body.dwc-about) .btn_text:hover::after { transform:translateX(0.4rem) }
:where(body.dwc-about) .btn { color:#fff;background-color:var(--primary) }
:where(body.dwc-about) .btn:hover { background-color:var(--primary_dark);box-shadow:0px 1rem 2.4rem rgba(111,78,55,0.25) }
:where(body.dwc-about) .btn.honey { color:var(--title);background-color:var(--accent) }
:where(body.dwc-about) .btn.honey:hover { background-color:var(--peach);box-shadow:0px 1rem 2.4rem rgba(0,0,0,0.2) }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-about) .content { padding:0px 3rem }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-about) .content { max-width:960px }
  :where(body.dwc-about) .tcon h1 { font-size:7rem;line-height:1.05 }
  :where(body.dwc-about) .tcon h2 { font-size:5.2rem;line-height:1.12 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-about) .content { padding:0px 20px }
  :where(body.dwc-about) .tcon .tag + h1, :where(body.dwc-about) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-about) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-about) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-about) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-about) .tcon h1 + p, :where(body.dwc-about) .tcon h2 + p { margin-top:12px }
  :where(body.dwc-about) .btn, :where(body.dwc-about) .btn_line { height:48px;gap:10px;padding:0px 24px;border-radius:24px;font-size:15px }
  :where(body.dwc-about) .btn.arrow::after, :where(body.dwc-about) .btn_line.arrow::after { width:12px;height:8px }
}
:where(body.dwc-about) .inner_banner { display:flex;align-items:center;min-height:58rem;padding:8rem 0px 9rem;overflow:hidden;background-color:var(--dark) }
:where(body.dwc-about) .inner_banner::before { content:'';position:absolute;inset:0px;z-index:-1;background:linear-gradient(90deg,rgba(42,30,22,0.94) 0%,rgba(42,30,22,0.78) 34%,rgba(42,30,22,0.18) 68%,rgba(42,30,22,0) 100%) }
:where(body.dwc-about) .inner_banner::after { content:'';position:absolute;left:0px;bottom:0px;z-index:-1;width:100%;height:40%;background:linear-gradient(180deg,rgba(21,24,28,0) 0%,rgba(21,16,12,0.45) 100%) }
:where(body.dwc-about) .inner_banner .content { width:100% }
:where(body.dwc-about) .inner_banner .crumbs { display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;color:var(--text_light);font-weight:500;font-size:1.4rem;line-height:1.9rem }
:where(body.dwc-about) .inner_banner .crumbs a { transition:0.3s }
:where(body.dwc-about) .inner_banner .crumbs a::after { content:'/';margin-left:1.2rem;color:rgba(236,177,118,0.7) }
:where(body.dwc-about) .inner_banner .crumbs a:hover { color:var(--accent) }
:where(body.dwc-about) .inner_banner .crumbs span { color:var(--cream) }
:where(body.dwc-about) .inner_banner .tcon { max-width:72rem;margin-top:5.2rem }
:where(body.dwc-about) .inner_banner .tcon h1 { font-size:7.6rem;line-height:8rem }
:where(body.dwc-about) .inner_banner .tcon h1 + p { max-width:56rem;margin-top:2.6rem;color:#e8d2bf }
:where(body.dwc-about) .inner_banner .btns { display:flex;flex-wrap:wrap;gap:2rem;margin-top:4rem }
:where(body.dwc-about) .inner_banner.slim { min-height:30rem;padding:6rem 0px }
:where(body.dwc-about) .inner_banner.slim::before { background:linear-gradient(90deg,rgba(42,30,22,0.94) 0%,rgba(42,30,22,0.8) 45%,rgba(42,30,22,0.35) 100%) }
:where(body.dwc-about) .inner_banner .title { margin-top:2.4rem;color:var(--cream);font-family:var(--serif);font-size:5.2rem;line-height:6rem }
:where(body.dwc-about) .inner_banner .title em { font-style:italic;color:var(--accent) }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-about) .inner_banner { min-height:50rem }
  :where(body.dwc-about) .inner_banner .tcon h1 { font-size:6rem;line-height:1.08 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-about) .inner_banner { min-height:420px;padding:48px 0px 56px }
  :where(body.dwc-about) .inner_banner::before { background:linear-gradient(90deg,rgba(42,30,22,0.9) 0%,rgba(42,30,22,0.7) 60%,rgba(42,30,22,0.45) 100%) }
  :where(body.dwc-about) .inner_banner > img { object-position:70% 50% }
  :where(body.dwc-about) .inner_banner .crumbs { gap:8px;font-size:13px;line-height:18px }
  :where(body.dwc-about) .inner_banner .crumbs a::after { margin-left:8px }
  :where(body.dwc-about) .inner_banner .tcon { margin-top:32px }
  :where(body.dwc-about) .inner_banner .tcon h1 { font-size:40px;line-height:1.08 }
  :where(body.dwc-about) .inner_banner .tcon h1 + p { margin-top:14px }
  :where(body.dwc-about) .inner_banner .btns { gap:12px;margin-top:26px }
  :where(body.dwc-about) .inner_banner.slim { min-height:200px;padding:40px 0px }
  :where(body.dwc-about) .inner_banner .title { margin-top:16px;font-size:32px;line-height:38px }
}
:where(body.dwc-about) .flex { display:flex }
:where(body.dwc-about) .between { justify-content:space-between }
@media screen and (max-width:768px) {
  :where(body.dwc-about) .content { padding:0px 20px }
  :where(body.dwc-about) .tcon .tag + h1, :where(body.dwc-about) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-about) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-about) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-about) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-about) .tcon h1 + p, :where(body.dwc-about) .tcon h2 + p { margin-top:12px }
}
:where(body.dwc-about) .about_intro { padding:14rem 0px;background-color:var(--cream) }
:where(body.dwc-about) .about_intro .content { align-items:center }
:where(body.dwc-about) .about_intro .pics { position:relative;flex-shrink:0;width:66rem;height:70rem }
:where(body.dwc-about) .about_intro .pic { position:absolute;border-radius:1rem }
:where(body.dwc-about) .about_intro .pic.big { left:0px;top:0px;width:54rem;height:58rem }
:where(body.dwc-about) .about_intro .pic.small { right:0px;bottom:0px;z-index:2;width:32rem;height:30rem;border:0.8rem solid var(--cream);border-radius:1.6rem }
:where(body.dwc-about) .about_intro .since { position:absolute;left:3.2rem;bottom:3rem;z-index:2;width:22rem;padding:2.4rem 2.6rem;border-radius:1rem;color:#fff;background-color:var(--primary) }
:where(body.dwc-about) .about_intro .since strong { display:block;font-family:var(--serif);font-weight:400;font-size:5rem;line-height:5.6rem }
:where(body.dwc-about) .about_intro .since span { display:block;margin-top:0.4rem;color:rgba(255,255,255,0.82);font-size:1.5rem;line-height:2.2rem }
:where(body.dwc-about) .about_intro .right { width:66rem }
:where(body.dwc-about) .about_intro .tcon p + p { margin-top:1.6rem }
:where(body.dwc-about) .about_intro .nums { display:grid;grid-template-columns:repeat(2,1fr);gap:3.2rem 2.4rem;margin-top:4.4rem;padding-top:4rem;border-top:1px solid rgba(42,30,22,0.12) }
:where(body.dwc-about) .about_intro .nums strong { display:block;color:var(--title);font-family:var(--serif);font-weight:400;font-size:5rem;line-height:6rem }
:where(body.dwc-about) .about_intro .nums span { display:block;margin-top:0.4rem;color:var(--text2);font-size:1.5rem;line-height:2.1rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-about) .about_intro .content { flex-direction:column;align-items:flex-start }
  :where(body.dwc-about) .about_intro .right { width:100%;margin-top:6rem }
}
@media screen and (max-width:768px) {
  :where(body.dwc-about) .about_intro { padding:64px 0px }
  :where(body.dwc-about) .about_intro .content { flex-direction:column }
  :where(body.dwc-about) .about_intro .pics { width:100%;height:400px }
  :where(body.dwc-about) .about_intro .pic.big { width:88%;height:320px }
  :where(body.dwc-about) .about_intro .pic.small { width:52%;height:170px;border-width:6px }
  :where(body.dwc-about) .about_intro .since { left:14px;bottom:96px;width:160px;padding:14px 16px }
  :where(body.dwc-about) .about_intro .since strong { font-size:32px;line-height:38px }
  :where(body.dwc-about) .about_intro .since span { font-size:13px;line-height:18px }
  :where(body.dwc-about) .about_intro .right { width:100%;margin-top:36px }
  :where(body.dwc-about) .about_intro .tcon p + p { margin-top:12px }
  :where(body.dwc-about) .about_intro .nums { gap:22px 14px;margin-top:28px;padding-top:26px }
  :where(body.dwc-about) .about_intro .nums strong { font-size:32px;line-height:40px }
  :where(body.dwc-about) .about_intro .nums span { font-size:13px;line-height:18px }
}
:where(body.dwc-about) .about_group { padding:14rem 0px;background-color:#fff }
:where(body.dwc-about) .about_group .right { width:55.4rem;padding-top:8.59rem }
:where(body.dwc-about) .about_group .box { align-items:stretch;margin-top:6rem }
:where(body.dwc-about) .about_group .pic { flex-shrink:0;width:66rem;min-height:64rem;border-radius:1rem }
:where(body.dwc-about) .about_group .list { width:70rem }
:where(body.dwc-about) .about_group .list li { display:flex;align-items:flex-start;gap:2.4rem;padding:2.4rem 2.6rem;border-radius:1rem;transition:background-color 0.3s }
:where(body.dwc-about) .about_group .list li + li { margin-top:0.4rem }
:where(body.dwc-about) .about_group .list li:hover { background-color:var(--cream) }
:where(body.dwc-about) .about_group .list li.main { color:#fff;background-color:var(--primary) }
:where(body.dwc-about) .about_group .num { flex-shrink:0;width:3rem;padding-top:0.8rem;color:var(--caramel);font-weight:700;font-size:1.3rem;line-height:1.8rem }
:where(body.dwc-about) .about_group .list li.main .num { color:var(--peach) }
:where(body.dwc-about) .about_group .list h3 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:3.4rem }
:where(body.dwc-about) .about_group .list p { margin-top:0.6rem;color:var(--text);font-size:1.5rem;line-height:2.3rem }
:where(body.dwc-about) .about_group .list li.main h3 { color:#fff }
:where(body.dwc-about) .about_group .list li.main p { color:rgba(255,255,255,0.8) }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-about) .about_group .pic { width:46% }
  :where(body.dwc-about) .about_group .list { width:50% }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-about) .about_group .top { flex-direction:column }
  :where(body.dwc-about) .about_group .right { width:100%;padding-top:2.4rem }
  :where(body.dwc-about) .about_group .list li { padding:2rem }
  :where(body.dwc-about) .about_group .list h3 { font-size:2.4rem }
}
@media screen and (max-width:768px) {
  :where(body.dwc-about) .about_group { padding:64px 0px }
  :where(body.dwc-about) .about_group .top { flex-direction:column }
  :where(body.dwc-about) .about_group .right { width:100%;padding-top:14px }
  :where(body.dwc-about) .about_group .box { flex-direction:column;margin-top:32px }
  :where(body.dwc-about) .about_group .pic { width:100%;min-height:0px;height:240px }
  :where(body.dwc-about) .about_group .list { width:100%;margin-top:20px }
  :where(body.dwc-about) .about_group .list li { gap:14px;padding:16px }
  :where(body.dwc-about) .about_group .num { width:22px;padding-top:5px;font-size:12px }
  :where(body.dwc-about) .about_group .list h3 { font-size:21px;line-height:27px }
  :where(body.dwc-about) .about_group .list p { font-size:14px;line-height:21px }
}
:where(body.dwc-about) .about_quality { padding:14rem 0px;background-color:var(--cream) }
:where(body.dwc-about) .about_quality .tcon.center p { max-width:64rem;margin:2rem auto 0px }
:where(body.dwc-about) .about_quality .list { display:grid;grid-template-columns:repeat(4,1fr);gap:2.8rem;margin-top:6rem }
:where(body.dwc-about) .about_quality .list li { overflow:hidden;border-radius:1.2rem;background-color:#fff;box-shadow:0px 1.5rem 3rem rgba(221,215,208,0.45);transition:transform 0.35s }
:where(body.dwc-about) .about_quality .list li:hover { transform:translateY(-0.6rem) }
:where(body.dwc-about) .about_quality .pic { height:24rem }
:where(body.dwc-about) .about_quality .txt { padding:2.8rem 2.8rem 3.4rem }
:where(body.dwc-about) .about_quality .num { display:block;color:var(--caramel);font-weight:700;font-size:1.3rem;line-height:1.8rem;letter-spacing:0.1em }
:where(body.dwc-about) .about_quality h3 { margin-top:0.8rem;color:var(--title);font-family:var(--serif);font-weight:400;font-size:2.6rem;line-height:3.2rem }
:where(body.dwc-about) .about_quality .txt p { margin-top:1rem;color:var(--text);font-size:1.5rem;line-height:2.4rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-about) .about_quality .list { grid-template-columns:repeat(2,1fr) }
}
@media screen and (max-width:768px) {
  :where(body.dwc-about) .about_quality { padding:64px 0px }
  :where(body.dwc-about) .about_quality .list { grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:18px;margin-top:32px }
  :where(body.dwc-about) .about_quality .pic { height:200px }
  :where(body.dwc-about) .about_quality .txt { padding:20px 20px 24px }
  :where(body.dwc-about) .about_quality h3 { font-size:23px;line-height:29px }
  :where(body.dwc-about) .about_quality .txt p { font-size:14px;line-height:22px }
}
:where(body.dwc-about) .about_showroom { padding:14rem 0px;background-color:var(--dark) }
:where(body.dwc-about) .about_showroom::before { content:'';position:absolute;inset:0px;z-index:-1;background:linear-gradient(90deg,rgba(42,30,22,0.92) 0%,rgba(42,30,22,0.72) 40%,rgba(42,30,22,0.1) 75%) }
:where(body.dwc-about) .about_showroom .box { width:60rem }
:where(body.dwc-about) .about_showroom .check_list { margin-top:3.2rem }
:where(body.dwc-about) .about_showroom .btn { margin-top:4rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-about) .about_showroom .box { width:60% }
}
@media screen and (max-width:768px) {
  :where(body.dwc-about) .about_showroom { padding:64px 0px }
  :where(body.dwc-about) .about_showroom::before { background:rgba(42,30,22,0.75) }
  :where(body.dwc-about) .about_showroom .box { width:100% }
  :where(body.dwc-about) .about_showroom .check_list { margin-top:22px }
  :where(body.dwc-about) .about_showroom .btn { margin-top:26px }
}
:where(body.dwc-about) .about_markets { padding:14rem 0px;background-color:#fff }
:where(body.dwc-about) .about_markets .right { width:64rem;padding-top:8.59rem }
:where(body.dwc-about) .about_markets .right .btn_text { margin-top:2.8rem }
:where(body.dwc-about) .about_markets .list { display:grid;grid-template-columns:repeat(4,1fr);gap:2.8rem;margin-top:6rem }
:where(body.dwc-about) .about_markets .pic { position:relative;height:40rem;border-radius:0.8rem }
:where(body.dwc-about) .about_markets li:hover .pic img { transform:scale(1.05) }
:where(body.dwc-about) .about_markets .country { position:absolute;left:2rem;top:2rem;z-index:2;display:flex;align-items:center;height:3.46rem;padding:0px 1.5rem;border-radius:1.73rem;color:var(--primary);font-weight:700;font-size:1.3rem;line-height:1.8rem;background-color:rgba(255,255,255,0.9) }
:where(body.dwc-about) .about_markets h3 { margin-top:2.2rem;color:var(--title);font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:3.4rem }
:where(body.dwc-about) .about_markets li p { margin-top:0.8rem;color:var(--text);font-size:1.5rem;line-height:2.4rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-about) .about_markets .top { flex-direction:column }
  :where(body.dwc-about) .about_markets .right { width:100%;padding-top:2.4rem }
  :where(body.dwc-about) .about_markets .list { grid-template-columns:repeat(2,1fr);row-gap:4.4rem }
}
@media screen and (max-width:768px) {
  :where(body.dwc-about) .about_markets { padding:64px 0px }
  :where(body.dwc-about) .about_markets .top { flex-direction:column }
  :where(body.dwc-about) .about_markets .right { width:100%;padding-top:14px }
  :where(body.dwc-about) .about_markets .right .btn_text { margin-top:18px }
  :where(body.dwc-about) .about_markets .list { grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:30px;margin-top:32px }
  :where(body.dwc-about) .about_markets .pic { height:240px }
  :where(body.dwc-about) .about_markets .country { left:14px;top:14px;height:30px;font-size:12px }
  :where(body.dwc-about) .about_markets h3 { margin-top:14px;font-size:24px;line-height:30px }
  :where(body.dwc-about) .about_markets li p { font-size:14px;line-height:22px }
}
/* fronteditor/7_10/style/style.css (dwc-contact) */
html:has(body.dwc-contact) { scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px) }
:where(body.dwc-contact) .content { max-width:144rem;margin:0px auto;position:relative }
:where(body.dwc-contact) .content .content { padding:0px }
:where(body.dwc-contact) .img.img_cv { overflow:hidden }
:where(body.dwc-contact) .img.img_cv img { object-fit:cover }
:where(body.dwc-contact) .img.img_ct img { object-fit:contain }
:where(body.dwc-contact) .img img { width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit }
:where(body.dwc-contact) .img_bg { position:relative;z-index:2 }
:where(body.dwc-contact) .img_bg > img { display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2 }
:where(body.dwc-contact) .tcon h1, :where(body.dwc-contact) .tcon h2 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:6rem;line-height:6.8rem }
:where(body.dwc-contact) .tcon h1 { font-size:9rem;line-height:9.2rem }
:where(body.dwc-contact) .tcon .tag + h1, :where(body.dwc-contact) .tcon .tag + h2 { margin-top:2.54rem }
:where(body.dwc-contact) .tcon h1 em, :where(body.dwc-contact) .tcon h2 em { font-style:italic;color:var(--primary) }
:where(body.dwc-contact) .tcon p { color:var(--text);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-contact) .tcon h1 + p, :where(body.dwc-contact) .tcon h2 + p { margin-top:1.58rem }
:where(body.dwc-contact) .tcon.center { text-align:center }
:where(body.dwc-contact) .tcon.center .tag { margin:0px auto }
:where(body.dwc-contact) .tcon.light h1, :where(body.dwc-contact) .tcon.light h2 { color:var(--cream) }
:where(body.dwc-contact) .tcon.light p { color:var(--text_light) }
:where(body.dwc-contact) .tcon.light h1 em, :where(body.dwc-contact) .tcon.light h2 em { color:var(--accent) }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-contact) .content { padding:0px 3rem }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-contact) .content { max-width:960px }
  :where(body.dwc-contact) .tcon h1 { font-size:7rem;line-height:1.05 }
  :where(body.dwc-contact) .tcon h2 { font-size:5.2rem;line-height:1.12 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-contact) .content { padding:0px 20px }
  :where(body.dwc-contact) .tcon .tag + h1, :where(body.dwc-contact) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-contact) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-contact) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-contact) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-contact) .tcon h1 + p, :where(body.dwc-contact) .tcon h2 + p { margin-top:12px }
}
:where(body.dwc-contact) .inner_banner { display:flex;align-items:center;min-height:58rem;padding:8rem 0px 9rem;overflow:hidden;background-color:var(--dark) }
:where(body.dwc-contact) .inner_banner::before { content:'';position:absolute;inset:0px;z-index:-1;background:linear-gradient(90deg,rgba(42,30,22,0.94) 0%,rgba(42,30,22,0.78) 34%,rgba(42,30,22,0.18) 68%,rgba(42,30,22,0) 100%) }
:where(body.dwc-contact) .inner_banner::after { content:'';position:absolute;left:0px;bottom:0px;z-index:-1;width:100%;height:40%;background:linear-gradient(180deg,rgba(21,24,28,0) 0%,rgba(21,16,12,0.45) 100%) }
:where(body.dwc-contact) .inner_banner .content { width:100% }
:where(body.dwc-contact) .inner_banner .crumbs { display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;color:var(--text_light);font-weight:500;font-size:1.4rem;line-height:1.9rem }
:where(body.dwc-contact) .inner_banner .crumbs a { transition:0.3s }
:where(body.dwc-contact) .inner_banner .crumbs a::after { content:'/';margin-left:1.2rem;color:rgba(236,177,118,0.7) }
:where(body.dwc-contact) .inner_banner .crumbs a:hover { color:var(--accent) }
:where(body.dwc-contact) .inner_banner .crumbs span { color:var(--cream) }
:where(body.dwc-contact) .inner_banner .tcon { max-width:72rem;margin-top:5.2rem }
:where(body.dwc-contact) .inner_banner .tcon h1 { font-size:7.6rem;line-height:8rem }
:where(body.dwc-contact) .inner_banner .tcon h1 + p { max-width:56rem;margin-top:2.6rem;color:#e8d2bf }
:where(body.dwc-contact) .inner_banner .btns { display:flex;flex-wrap:wrap;gap:2rem;margin-top:4rem }
:where(body.dwc-contact) .inner_banner.slim { min-height:30rem;padding:6rem 0px }
:where(body.dwc-contact) .inner_banner.slim::before { background:linear-gradient(90deg,rgba(42,30,22,0.94) 0%,rgba(42,30,22,0.8) 45%,rgba(42,30,22,0.35) 100%) }
:where(body.dwc-contact) .inner_banner .title { margin-top:2.4rem;color:var(--cream);font-family:var(--serif);font-size:5.2rem;line-height:6rem }
:where(body.dwc-contact) .inner_banner .title em { font-style:italic;color:var(--accent) }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-contact) .inner_banner { min-height:50rem }
  :where(body.dwc-contact) .inner_banner .tcon h1 { font-size:6rem;line-height:1.08 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-contact) .inner_banner { min-height:420px;padding:48px 0px 56px }
  :where(body.dwc-contact) .inner_banner::before { background:linear-gradient(90deg,rgba(42,30,22,0.9) 0%,rgba(42,30,22,0.7) 60%,rgba(42,30,22,0.45) 100%) }
  :where(body.dwc-contact) .inner_banner > img { object-position:70% 50% }
  :where(body.dwc-contact) .inner_banner .crumbs { gap:8px;font-size:13px;line-height:18px }
  :where(body.dwc-contact) .inner_banner .crumbs a::after { margin-left:8px }
  :where(body.dwc-contact) .inner_banner .tcon { margin-top:32px }
  :where(body.dwc-contact) .inner_banner .tcon h1 { font-size:40px;line-height:1.08 }
  :where(body.dwc-contact) .inner_banner .tcon h1 + p { margin-top:14px }
  :where(body.dwc-contact) .inner_banner .btns { gap:12px;margin-top:26px }
  :where(body.dwc-contact) .inner_banner.slim { min-height:200px;padding:40px 0px }
  :where(body.dwc-contact) .inner_banner .title { margin-top:16px;font-size:32px;line-height:38px }
}
:where(body.dwc-contact) .flex { display:flex }
:where(body.dwc-contact) .between { justify-content:space-between }
:where(body.dwc-contact) .contact_visit { padding:14rem 0px;background-color:#fff }
:where(body.dwc-contact) .contact_visit .right { width:55.4rem;padding-top:8.59rem }
:where(body.dwc-contact) .contact_visit .box { align-items:stretch;gap:2.8rem;margin-top:6rem }
:where(body.dwc-contact) .contact_visit .showroom { position:relative;flex:1;min-height:62rem;border-radius:1.2rem }
:where(body.dwc-contact) .contact_visit .showroom:hover img { transform:scale(1.03) }
:where(body.dwc-contact) .contact_visit .address { position:absolute;left:2.8rem;bottom:2.8rem;z-index:2;display:block;padding:1.6rem 5.6rem 1.6rem 2.2rem;border-radius:1rem;color:var(--text);font-size:1.4rem;line-height:2rem;background:rgba(255,255,255,0.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%236f4e37' stroke-width='1.3'%3E%3Cpath d='M11 20s7-6.2 7-11.5A7 7 0 0 0 4 8.5C4 13.8 11 20 11 20Z'/%3E%3Ccircle cx='11' cy='8.7' r='2.7'/%3E%3C/svg%3E") no-repeat right 2rem center / 2.2rem;transition:0.3s }
:where(body.dwc-contact) .contact_visit .address b { display:block;color:var(--title);font-weight:600;font-size:1.6rem;line-height:2.2rem }
:where(body.dwc-contact) .contact_visit .address:hover { background-color:#fff }
:where(body.dwc-contact) .contact_visit .side { display:flex;flex-direction:column;width:46rem }
:where(body.dwc-contact) .contact_visit .pic { height:26rem;border-radius:1.2rem }
:where(body.dwc-contact) .contact_visit .next { flex:1;margin-top:2.8rem;padding:3.4rem 3.4rem 3rem;border-radius:1.2rem;color:#fff;background-color:var(--dark) }
:where(body.dwc-contact) .contact_visit .next strong { display:block;font-family:var(--serif);font-weight:400;font-size:3rem;line-height:3.6rem }
:where(body.dwc-contact) .contact_visit .next ol { margin-top:2.4rem;counter-reset:step }
:where(body.dwc-contact) .contact_visit .next li { position:relative;padding-left:5rem;counter-increment:step;color:var(--text_light);font-size:1.5rem;line-height:2.3rem }
:where(body.dwc-contact) .contact_visit .next li + li { margin-top:2rem }
:where(body.dwc-contact) .contact_visit .next li::before { content:counter(step);position:absolute;left:0px;top:0px;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:50%;color:var(--dark);font-family:var(--serif);font-size:1.8rem;background-color:var(--accent) }
:where(body.dwc-contact) .contact_visit .next b { display:block;margin-bottom:0.2rem;color:#fff;font-weight:600;font-size:1.6rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-contact) .contact_visit .top { flex-direction:column }
  :where(body.dwc-contact) .contact_visit .right { width:100%;padding-top:2.4rem }
  :where(body.dwc-contact) .contact_visit .side { width:40% }
}
@media screen and (max-width:768px) {
  :where(body.dwc-contact) .contact_visit { padding:64px 0px }
  :where(body.dwc-contact) .contact_visit .top { flex-direction:column }
  :where(body.dwc-contact) .contact_visit .right { width:100%;padding-top:14px }
  :where(body.dwc-contact) .contact_visit .box { flex-direction:column;gap:16px;margin-top:32px }
  :where(body.dwc-contact) .contact_visit .showroom { flex:none;min-height:0px;height:260px }
  :where(body.dwc-contact) .contact_visit .address { left:12px;bottom:12px;padding:10px 44px 10px 14px;font-size:13px;line-height:18px;background-position:right 14px center;background-size:18px }
  :where(body.dwc-contact) .contact_visit .address b { font-size:14px;line-height:20px }
  :where(body.dwc-contact) .contact_visit .side { width:100% }
  :where(body.dwc-contact) .contact_visit .pic { height:200px }
  :where(body.dwc-contact) .contact_visit .next { margin-top:16px;padding:24px 20px }
  :where(body.dwc-contact) .contact_visit .next strong { font-size:24px;line-height:30px }
  :where(body.dwc-contact) .contact_visit .next li { padding-left:44px;font-size:14px;line-height:21px }
  :where(body.dwc-contact) .contact_visit .next li::before { width:30px;height:30px;font-size:16px }
  :where(body.dwc-contact) .contact_visit .next b { font-size:15px }
}
/* sytech functions.php: sytech_late_styles (inline on every page) */
.btn_text::after {
  width: 1.1rem;
  height: 0.88rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 4.4h11M6.5 0l4.4 4.4-4.4 4.4'/%3E%3C/svg%3E") no-repeat center / contain;
}
.home_products .more.arrow::after {
  width: 1.1rem;
  height: 1.1rem;
  margin: -0.55rem 0px 0px -0.55rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M1.6 9.4 9.4 1.6M2.8 1.6h6.6v6.6'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M1.6 9.4 9.4 1.6M2.8 1.6h6.6v6.6'/%3E%3C/svg%3E") no-repeat center / contain;
}
.home_products li.active .more.arrow::after {
  transform: rotate(45deg);
}
body select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%236f4e37' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1.4rem center !important;
  background-size: 1rem 0.6rem !important;
}
.home_design select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23ffebd7' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E") !important;
  background-position: right 1.8rem center !important;
}
.wpcf7 form label.btn,
.wpcf7 form .btn {
  position: relative;
}
.wpcf7 form .wpcf7-spinner {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  visibility: hidden;
  pointer-events: none;
}
.wpcf7 form .btn.arrow {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
}
.wpcf7 form .btn.arrow::after,
.wpcf7 form .btn.arrow .wpcf7-spinner {
  grid-area: 1 / 2;
}
.wpcf7 form .btn.arrow .wpcf7-spinner {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  z-index: 1;
  width: 1.32rem;
  height: 1.32rem;
  margin: 0 !important;
  transform: none;
  justify-self: center;
  align-self: center;
  background: transparent;
  opacity: 1;
  border: 1.5px solid currentColor;
  border-right-color: transparent;
  animation: dwc-spin 0.7s linear infinite;
}
.wpcf7 form .btn.arrow .wpcf7-spinner::before {
  content: none;
}
.wpcf7 form .btn:not(.arrow) {
  gap: 0;
}
.wpcf7 form .btn:not(.arrow) .wpcf7-spinner {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 0;
  height: 0;
  margin: 0 !important;
  overflow: hidden;
  transform: none !important;
  background: transparent;
  border: 0;
}
.wpcf7 form .btn:not(.arrow) .wpcf7-spinner::before {
  content: none;
}
.wpcf7 form.submitting .wpcf7-spinner {
  visibility: visible;
}
.wpcf7 form.submitting .btn:not(.arrow) .wpcf7-spinner {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.8rem !important;
  overflow: visible;
  visibility: visible;
  border: 1.5px solid currentColor;
  border-right-color: transparent;
  animation: dwc-spin 0.7s linear infinite;
}
.wpcf7 form.submitting .btn.arrow::after {
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .wpcf7 form .btn.arrow .wpcf7-spinner {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 768px) {
  .btn_text::after {
    width: 11px;
    height: 9px;
  }
  .home_products .more.arrow::after {
    width: 11px;
    height: 11px;
    margin: -5.5px 0px 0px -5.5px;
  }
}
/* fronteditor/1_72/style/style.css (dwc-home, dwc-about) */
html:has(body.dwc-home, body.dwc-about) { scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px) }
:where(body.dwc-home, body.dwc-about) .content { max-width:144rem;margin:0px auto;position:relative }
:where(body.dwc-home, body.dwc-about) .content .content { padding:0px }
:where(body.dwc-home, body.dwc-about) .img.img_cv { overflow:hidden }
:where(body.dwc-home, body.dwc-about) .img.img_cv img { object-fit:cover }
:where(body.dwc-home, body.dwc-about) .img.img_ct img { object-fit:contain }
:where(body.dwc-home, body.dwc-about) .img img { width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit }
:where(body.dwc-home, body.dwc-about) .tcon h1, :where(body.dwc-home, body.dwc-about) .tcon h2 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:6rem;line-height:6.8rem }
:where(body.dwc-home, body.dwc-about) .tcon h1 { font-size:9rem;line-height:9.2rem }
:where(body.dwc-home, body.dwc-about) .tcon .tag + h1, :where(body.dwc-home, body.dwc-about) .tcon .tag + h2 { margin-top:2.54rem }
:where(body.dwc-home, body.dwc-about) .tcon h1 em, :where(body.dwc-home, body.dwc-about) .tcon h2 em { font-style:italic;color:var(--primary) }
:where(body.dwc-home, body.dwc-about) .tcon p { color:var(--text);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-home, body.dwc-about) .tcon h1 + p, :where(body.dwc-home, body.dwc-about) .tcon h2 + p { margin-top:1.58rem }
:where(body.dwc-home, body.dwc-about) .tcon.center { text-align:center }
:where(body.dwc-home, body.dwc-about) .tcon.center .tag { margin:0px auto }
:where(body.dwc-home, body.dwc-about) .tcon.light h1, :where(body.dwc-home, body.dwc-about) .tcon.light h2 { color:var(--cream) }
:where(body.dwc-home, body.dwc-about) .tcon.light p { color:var(--text_light) }
:where(body.dwc-home, body.dwc-about) .tcon.light h1 em, :where(body.dwc-home, body.dwc-about) .tcon.light h2 em { color:var(--accent) }
:where(body.dwc-home, body.dwc-about) .flex { display:flex }
:where(body.dwc-home, body.dwc-about) .between { justify-content:space-between }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-home, body.dwc-about) .content { padding:0px 3rem }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home, body.dwc-about) .content { max-width:960px }
  :where(body.dwc-home, body.dwc-about) .tcon h1 { font-size:7rem;line-height:1.05 }
  :where(body.dwc-home, body.dwc-about) .tcon h2 { font-size:5.2rem;line-height:1.12 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home, body.dwc-about) .content { padding:0px 20px }
  :where(body.dwc-home, body.dwc-about) .tcon .tag + h1, :where(body.dwc-home, body.dwc-about) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-home, body.dwc-about) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-home, body.dwc-about) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-home, body.dwc-about) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-home, body.dwc-about) .tcon h1 + p, :where(body.dwc-home, body.dwc-about) .tcon h2 + p { margin-top:12px }
}
:where(body.dwc-home, body.dwc-about) .home_why { padding:14.5rem 0px 13.62rem;background-color:var(--dark) }
:where(body.dwc-home, body.dwc-about) .home_why .content { align-items:stretch }
:where(body.dwc-home, body.dwc-about) .home_why .pic { position:relative;flex-shrink:0;width:60rem;height:78.79rem;border-radius:1rem }
:where(body.dwc-home, body.dwc-about) .home_why .label { position:absolute;left:3.2rem;right:3.2rem;bottom:3.99rem;z-index:2;height:10.44rem;padding:2.64rem 2rem 0px 8.1rem;border-radius:0.6rem;border:1px solid rgba(255,255,255,0.1);background-color:rgba(42,30,22,0.8);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem) }
:where(body.dwc-home, body.dwc-about) .home_why .label .icon { position:absolute;left:3.3rem;top:3.01rem;display:block;width:2.5rem;height:2.8rem }
:where(body.dwc-home, body.dwc-about) .home_why .label strong { display:block;color:#fff;font-weight:600;font-size:2rem;line-height:2.7rem }
:where(body.dwc-home, body.dwc-about) .home_why .label p { margin-top:0.36rem;color:var(--text_light);font-size:1.4rem;line-height:1.9rem }
:where(body.dwc-home, body.dwc-about) .home_why .right { display:flex;flex-direction:column;width:73rem;padding-top:4.31rem }
:where(body.dwc-home, body.dwc-about) .home_why .tcon p { max-width:69rem }
:where(body.dwc-home, body.dwc-about) .home_why .list { flex:1;display:grid;grid-template-columns:36.5rem 1fr;grid-template-rows:auto 1fr;margin-top:5.63rem;border-top:1px solid rgba(255,255,255,0.1) }
:where(body.dwc-home, body.dwc-about) .home_why .list li { padding:3.75rem 0px 4.32rem }
:where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(odd) { border-right:1px solid rgba(255,255,255,0.1) }
:where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(even) { padding-left:4.1rem }
:where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(-n + 2) { border-bottom:1px solid rgba(255,255,255,0.1) }
:where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(n + 3) { padding-top:3.87rem;padding-bottom:1rem }
:where(body.dwc-home, body.dwc-about) .home_why .num { display:block;color:var(--accent);font-weight:600;font-size:1.3rem;line-height:1.8rem }
:where(body.dwc-home, body.dwc-about) .home_why h3 { margin-top:1.2rem;color:#fff;font-family:var(--serif);font-weight:400;font-size:3rem;line-height:3.9rem }
:where(body.dwc-home, body.dwc-about) .home_why .list p { max-width:32rem;margin-top:1.22rem;color:var(--text_light);font-size:1.6rem;line-height:2.4rem }
:where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(3) p { max-width:30rem }
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home, body.dwc-about) .home_why .pic { width:40%;height:auto }
  :where(body.dwc-home, body.dwc-about) .home_why .label { left:2rem;right:2rem;bottom:2rem;height:auto;padding-bottom:2.4rem }
  :where(body.dwc-home, body.dwc-about) .home_why .right { width:55%;padding-top:0px }
  :where(body.dwc-home, body.dwc-about) .home_why .list { grid-template-columns:1fr 1fr }
  :where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(even) { padding-left:3rem }
  :where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(odd) { padding-right:2rem }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home, body.dwc-about) .home_why { padding:64px 0px }
  :where(body.dwc-home, body.dwc-about) .home_why .content { flex-direction:column-reverse }
  :where(body.dwc-home, body.dwc-about) .home_why .pic { width:100%;height:420px;margin-top:36px;border-radius:10px }
  :where(body.dwc-home, body.dwc-about) .home_why .label { left:14px;right:14px;bottom:14px;height:auto;padding:16px 16px 16px 54px }
  :where(body.dwc-home, body.dwc-about) .home_why .label .icon { left:18px;top:18px;width:22px;height:25px }
  :where(body.dwc-home, body.dwc-about) .home_why .label strong { font-size:16px;line-height:22px }
  :where(body.dwc-home, body.dwc-about) .home_why .label p { font-size:13px;line-height:18px }
  :where(body.dwc-home, body.dwc-about) .home_why .right { width:100%;padding-top:0px }
  :where(body.dwc-home, body.dwc-about) .home_why .list { grid-template-columns:1fr;margin-top:28px }
  :where(body.dwc-home, body.dwc-about) .home_why .list li, :where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(even), :where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(n + 3) { padding:22px 0px;border-right:none;border-bottom:1px solid rgba(255,255,255,0.1) }
  :where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(odd) { border-right:none }
  :where(body.dwc-home, body.dwc-about) .home_why h3 { margin-top:8px;font-size:26px;line-height:32px }
  :where(body.dwc-home, body.dwc-about) .home_why .list p, :where(body.dwc-home, body.dwc-about) .home_why .list li:nth-child(3) p { max-width:none;margin-top:8px;font-size:15px;line-height:1.6 }
}
/* fronteditor/2_73/style/style.css (dwc-home, dwc-service) */
html:has(body.dwc-home, body.dwc-service) { scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px) }
:where(body.dwc-home, body.dwc-service) .content { max-width:144rem;margin:0px auto;position:relative }
:where(body.dwc-home, body.dwc-service) .content .content { padding:0px }
:where(body.dwc-home, body.dwc-service) .tcon h1, :where(body.dwc-home, body.dwc-service) .tcon h2 { color:var(--title);font-family:var(--serif);font-weight:400;font-size:6rem;line-height:6.8rem }
:where(body.dwc-home, body.dwc-service) .tcon h1 { font-size:9rem;line-height:9.2rem }
:where(body.dwc-home, body.dwc-service) .tcon .tag + h1, :where(body.dwc-home, body.dwc-service) .tcon .tag + h2 { margin-top:2.54rem }
:where(body.dwc-home, body.dwc-service) .tcon h1 em, :where(body.dwc-home, body.dwc-service) .tcon h2 em { font-style:italic;color:var(--primary) }
:where(body.dwc-home, body.dwc-service) .tcon p { color:var(--text);font-size:1.8rem;line-height:2.8rem }
:where(body.dwc-home, body.dwc-service) .tcon h1 + p, :where(body.dwc-home, body.dwc-service) .tcon h2 + p { margin-top:1.58rem }
:where(body.dwc-home, body.dwc-service) .tcon.center { text-align:center }
:where(body.dwc-home, body.dwc-service) .tcon.center .tag { margin:0px auto }
:where(body.dwc-home, body.dwc-service) .tcon.light h1, :where(body.dwc-home, body.dwc-service) .tcon.light h2 { color:var(--cream) }
:where(body.dwc-home, body.dwc-service) .tcon.light p { color:var(--text_light) }
:where(body.dwc-home, body.dwc-service) .tcon.light h1 em, :where(body.dwc-home, body.dwc-service) .tcon.light h2 em { color:var(--accent) }
:where(body.dwc-home, body.dwc-service) .btn, :where(body.dwc-home, body.dwc-service) .btn_line { display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;height:6rem;padding:0px 3.3rem;border-radius:3rem;cursor:pointer;white-space:nowrap;font-weight:600;font-size:1.6rem;line-height:2.2rem;transition:0.3s }
:where(body.dwc-home, body.dwc-service) .btn.arrow::after, :where(body.dwc-home, body.dwc-service) .btn_line.arrow::after, :where(body.dwc-home, body.dwc-service) .btn_text::after { content:'';flex-shrink:0;width:1.32rem;height:0.78rem;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 7.8' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M0 3.9h13.2M9.2.1l3.9 3.8-3.9 3.8'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform 0.3s }
:where(body.dwc-home, body.dwc-service) .btn.arrow:hover::after, :where(body.dwc-home, body.dwc-service) .btn_line.arrow:hover::after, :where(body.dwc-home, body.dwc-service) .btn_text:hover::after { transform:translateX(0.4rem) }
:where(body.dwc-home, body.dwc-service) .btn { color:#fff;background-color:var(--primary) }
:where(body.dwc-home, body.dwc-service) .btn:hover { background-color:var(--primary_dark);box-shadow:0px 1rem 2.4rem rgba(111,78,55,0.25) }
:where(body.dwc-home, body.dwc-service) .btn.honey { color:var(--title);background-color:var(--accent) }
:where(body.dwc-home, body.dwc-service) .btn.honey:hover { background-color:var(--peach);box-shadow:0px 1rem 2.4rem rgba(0,0,0,0.2) }
:where(body.dwc-home, body.dwc-service) .flex { display:flex }
:where(body.dwc-home, body.dwc-service) .between { justify-content:space-between }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-home, body.dwc-service) .content { padding:0px 3rem }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home, body.dwc-service) .content { max-width:960px }
  :where(body.dwc-home, body.dwc-service) .tcon h1 { font-size:7rem;line-height:1.05 }
  :where(body.dwc-home, body.dwc-service) .tcon h2 { font-size:5.2rem;line-height:1.12 }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home, body.dwc-service) .content { padding:0px 20px }
  :where(body.dwc-home, body.dwc-service) .tcon .tag + h1, :where(body.dwc-home, body.dwc-service) .tcon .tag + h2 { margin-top:14px }
  :where(body.dwc-home, body.dwc-service) .tcon h1 { font-size:46px;line-height:1.05 }
  :where(body.dwc-home, body.dwc-service) .tcon h2 { font-size:36px;line-height:1.1 }
  :where(body.dwc-home, body.dwc-service) .tcon p { font-size:15px;line-height:1.7 }
  :where(body.dwc-home, body.dwc-service) .tcon h1 + p, :where(body.dwc-home, body.dwc-service) .tcon h2 + p { margin-top:12px }
  :where(body.dwc-home, body.dwc-service) .btn, :where(body.dwc-home, body.dwc-service) .btn_line { height:48px;gap:10px;padding:0px 24px;border-radius:24px;font-size:15px }
  :where(body.dwc-home, body.dwc-service) .btn.arrow::after, :where(body.dwc-home, body.dwc-service) .btn_line.arrow::after { width:12px;height:8px }
}
:where(body.dwc-home, body.dwc-service) .home_process { padding:13.82rem 0px 12.47rem;background-color:var(--cream) }
:where(body.dwc-home, body.dwc-service) .home_process .right { width:55.43rem;padding-top:8.59rem }
:where(body.dwc-home, body.dwc-service) .home_process .right p { max-width:54rem }
:where(body.dwc-home, body.dwc-service) .home_process .steps { position:relative;display:grid;grid-template-columns:repeat(7,18.24rem) 1fr;margin-top:6.07rem }
:where(body.dwc-home, body.dwc-service) .home_process .steps::before { content:'';position:absolute;left:1.8rem;top:2.73rem;width:127.44rem;height:1.5px;opacity:0.3;background:repeating-linear-gradient(90deg,var(--primary) 0px,var(--primary) 0.6rem,transparent 0.6rem,transparent 1.6rem) }
:where(body.dwc-home, body.dwc-service) .home_process .steps li { position:relative;padding-right:1.6rem;cursor:default }
:where(body.dwc-home, body.dwc-service) .home_process .steps li::after { content:'';position:absolute;left:1.8rem;top:2.73rem;z-index:1;width:0px;height:1.5px;background-color:var(--primary);transition:width 0.4s }
:where(body.dwc-home, body.dwc-service) .home_process .steps li.active:not(:last-child)::after { width:12.98rem }
:where(body.dwc-home, body.dwc-service) .home_process .num { position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:50%;color:var(--primary);font-family:var(--serif);font-size:2.4rem;line-height:1;border:1px solid var(--caramel);background-color:var(--cream);transition:0.3s }
:where(body.dwc-home, body.dwc-service) .home_process .steps li.active .num { color:#fff;border-color:var(--primary);background-color:var(--primary) }
:where(body.dwc-home, body.dwc-service) .home_process h3 { margin-top:4.66rem;color:var(--title);font-weight:600;font-size:2rem;line-height:2.7rem }
:where(body.dwc-home, body.dwc-service) .home_process .steps p { max-width:16rem;margin-top:0.94rem;color:var(--text);font-size:1.5rem;line-height:2.4rem }
:where(body.dwc-home, body.dwc-service) .home_process .steps li:nth-child(1) p { max-width:14rem }
:where(body.dwc-home, body.dwc-service) .home_process .btns { display:flex;justify-content:center;margin-top:8.37rem }
@media screen and (min-width:769px) and (max-width:1500px) {
  :where(body.dwc-home, body.dwc-service) .home_process .steps { grid-template-columns:repeat(8,1fr) }
  :where(body.dwc-home, body.dwc-service) .home_process .steps::before { width:calc(100% - 3.6rem) }
  :where(body.dwc-home, body.dwc-service) .home_process .steps li.active:not(:last-child)::after { width:calc(100% - 1.8rem) }
  :where(body.dwc-home, body.dwc-service) .home_process .steps li:nth-child(1) p { max-width:16rem }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  :where(body.dwc-home, body.dwc-service) .home_process .top { flex-direction:column }
  :where(body.dwc-home, body.dwc-service) .home_process .right { width:100%;padding-top:2.4rem }
  :where(body.dwc-home, body.dwc-service) .home_process .steps { grid-template-columns:repeat(4,1fr);row-gap:5rem }
  :where(body.dwc-home, body.dwc-service) .home_process .steps::before { display:none }
}
@media screen and (max-width:768px) {
  :where(body.dwc-home, body.dwc-service) .home_process { padding:64px 0px }
  :where(body.dwc-home, body.dwc-service) .home_process .top { flex-direction:column }
  :where(body.dwc-home, body.dwc-service) .home_process .right { width:100%;padding-top:14px }
  :where(body.dwc-home, body.dwc-service) .home_process .steps { grid-template-columns:1fr;gap:0px;margin-top:32px }
  :where(body.dwc-home, body.dwc-service) .home_process .steps::before { left:21px;top:22px;width:1.5px;height:calc(100% - 44px);background:repeating-linear-gradient(180deg,var(--primary) 0px,var(--primary) 6px,transparent 6px,transparent 14px) }
  :where(body.dwc-home, body.dwc-service) .home_process .steps li { min-height:44px;padding:0px 0px 24px 62px }
  :where(body.dwc-home, body.dwc-service) .home_process .steps li::after { display:none }
  :where(body.dwc-home, body.dwc-service) .home_process .num { position:absolute;left:0px;top:0px;width:44px;height:44px;font-size:20px }
  :where(body.dwc-home, body.dwc-service) .home_process h3 { margin-top:0px;font-size:17px;line-height:24px }
  :where(body.dwc-home, body.dwc-service) .home_process .steps p, :where(body.dwc-home, body.dwc-service) .home_process .steps li:nth-child(1) p { max-width:none;margin-top:2px;font-size:14px;line-height:21px }
  :where(body.dwc-home, body.dwc-service) .home_process .btns { justify-content:flex-start;margin-top:16px }
}
/* sytech 404.php */
.error_page {
    padding: 12rem 0 14rem;
  }
  .error_page .code {
    font-family: var(--serif);
    font-size: 12rem;
    line-height: 1;
    color: var(--primary);
  }
  .error_page h1 {
    margin: 1rem 0;
  }
  .error_page .btns {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    margin-top: 3rem;
  }
/* Bricks forces textarea { line-height: inherit !important } inside its cascade layer: the design's textarea
   line-heights go to a layer declared before Bricks' (functions.php), where !important wins */
@layer dwc-important {
  .quote_modal textarea.wpcf7-form-control { line-height: 2.2rem !important; }
  .home_design .form textarea { line-height: 2rem !important; }
  @media screen and (max-width: 768px) { .home_design .form textarea { line-height: 20px !important; } }
  :where(body.dwc-contact) .contact_main .fields textarea { line-height: 2.2rem !important; }
  /* Bricks forces textarea { line-height: inherit !important !important; }
}