/* widgets.css — partials/float-bar.html + partials/modals.html (inquiry popup, video popup)
   Derived from the original theme stylesheet (wangzhan theme) and reorganised per component. */
.page_video_click_btn {
  cursor: pointer;
}

.ind_video_maskBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
}

.ind_video_maskBox .video_Box_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-60%);
  -webkit-transform: translate(-50%,-60%);
  transform: translate(-50%,-60%);
  width: 800px;
  height: 485px;
}

.ind_video_maskBox .video_Box_1 .videoIframe {
  background: #333;
  width: 100%;
  height: 100%;
  border: none;
}

.ind_video_maskBox .video_Box_1 .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  -ms-transform: translate(50%,-50%);
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ind_video_maskBox .video_Box_1 .closeBtn:hover {
  color: #f40a0a;
}

.float_fixed {
  position: fixed;
  z-index: 3;
  right: clamp(0.625rem, 0.458rem + 0.7vw, 1.25rem);
  bottom: 20%;
  width: clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem);
}

.float_fixed_list .item {
  display: block;
  width: clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem);
  height: clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem);
  position: relative;
  margin-bottom: 5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.float_fixed_list .item .con {
  position: absolute;
  left: 0;
  width: auto;
  white-space: nowrap;
  border-radius: clamp(0.938rem, 0.752rem + 0.93vw, 1.563rem);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.float_fixed_list .item .item_icon {
  width: clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem);
  height: clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem);
  padding: clamp(0.438rem, 0.308rem + 0.65vw, 0.875rem);
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,.15);
  border-radius: 50%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.float_fixed_list .item .item_icon .iconfont {
  font-size: clamp(1.375rem, 1.208rem + 0.7vw, 2rem);
  color: var(--hue);
}

/* WhatsApp: inline SVG logo, same size / colour as the icon-font icons */
.float_fixed_list .item .item_icon .ycx_wa_icon {
  display: block;
  width: clamp(1.125rem, 0.97rem + 0.65vw, 1.625rem);
  height: clamp(1.125rem, 0.97rem + 0.65vw, 1.625rem);
  flex: 0 0 auto;
  color: var(--hue);
}

.float_fixed_list .item .item_con {
  opacity: 0;
  font-size: 16px;
  width: auto;
  padding: 0 20px 0 0;
  color: var(--hue);
  background: #fff;
  line-height: clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem);
  border-top-right-radius: clamp(0.938rem, 0.752rem + 0.93vw, 1.563rem);
  border-bottom-right-radius: clamp(0.938rem, 0.752rem + 0.93vw, 1.563rem);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.float_fixed_list .item:hover .item_icon {
  box-shadow: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.float_fixed_list .item.back_top_btn:hover .item_icon {
  box-shadow: 0 3px 6px rgba(0,0,0,.35);
}

.float_fixed_list .item:hover .con {
  opacity: 1;
  position: absolute;
  -ms-transform: translate(calc(-100% + clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem)),0);
  -webkit-transform: translate(calc(-100% + clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem)),0);
  transform: translate(calc(-100% + clamp(1.875rem, 1.505rem + 1.85vw, 3.125rem)),0);
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,.15);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.float_fixed_list .item:hover .item_con {
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.module2Sixteen {
  display: none;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.module2Sixteen1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(54,54,54,.5);
  cursor: pointer;
}

.module2Sixteen2 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 92%;
  max-width: 800px;
}

.page_pop_inquiry_form_close {
  font-size: clamp(1.5rem, 1.274rem + 0.95vw, 2.25rem);
  color: #fff;
  position: absolute;
  right: 0;
  bottom: calc(100% + clamp(0.625rem, 0.531rem + 0.4vw, 0.938rem));
  cursor: pointer;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.page_pop_inquiry_form_close:hover {
  -ms-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.Pop_up_inquiry {
  border-radius: 10px;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.Pop_up_inquiry_l {
  width: 33.8%;
}

.Pop_up_inquiry_l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Pop_up_inquiry_r {
  width: 66.2%;
  background: #E1E8F2;
  padding: clamp(1.563rem, 1.186rem + 1.59vw, 2.813rem) clamp(0.938rem, -0.099rem + 4.37vw, 4.375rem) clamp(1.875rem, 1.498rem + 1.59vw, 3.125rem);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.Pop_up_inquiry_r_01 {
  color: #444;
  text-align: center;
  padding-bottom: clamp(1.125rem, 0.993rem + 0.56vw, 1.563rem);
  text-transform: capitalize;
}

.Pop_up_inquiry_form .item {
  margin-bottom: clamp(0.75rem, 0.712rem + 0.16vw, 0.875rem);
}

.Pop_up_inquiry_form .item input {
  font-family: "Inter-Regular","Arial","sans-serif";
  font-size: clamp(0.875rem, 0.837rem + 0.16vw, 1rem);
  color: #444;
  width: 100%;
  height: clamp(2.375rem, 2.3rem + 0.32vw, 2.625rem);
  background: #FFF;
  border-radius: 5px;
  padding: 0 10px 0 15px;
  border: 1px solid #fff;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.Pop_up_inquiry_form .item input:focus {
  border-color: var(--hue);
}

.Pop_up_inquiry_form .item textarea {
  font-family: "Inter-Regular","Arial","sans-serif";
  font-size: clamp(0.875rem, 0.837rem + 0.16vw, 1rem);
  color: #444;
  width: 100%;
  height: clamp(5.625rem, 4.494rem + 4.76vw, 9.375rem);
  background: #FFF;
  border-radius: 5px;
  padding: 12px 10px 10px 15px;
  border: 1px solid #fff;
  resize: none;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.Pop_up_inquiry_form .item textarea:focus {
  border-color: var(--hue);
}

.Pop_up_inquiry_form .btn input {
  font-family: "Inter-Regular","Arial","sans-serif";
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: clamp(2.375rem, 2.3rem + 0.32vw, 2.625rem);
  background: var(--hue);
  border: none;
  cursor: pointer;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.Pop_up_inquiry_form .btn input:hover {
  opacity: .8;
}

.wpcf7-spinner {
  display: block;
}

@media screen and (min-width:768px) and (max-width:1024px){
  .ind_video_maskBox .video_Box_1 {
    width: 92%;
    height: 400px;
  }
}

@media screen and (min-width:1px) and (max-width:767px){
  .ind_video_maskBox .video_Box_1 {
    width: 92%;
    height: 220px;
  }
  .ind_video_maskBox .video_Box_1 .closeBtn {
    font-size: 20px;
  }
  .Pop_up_inquiry_l {
    display: none;
  }
  .Pop_up_inquiry_r {
    width: 100%;
  }
}

/* static-form feedback (replaces Contact Form 7 response output) */
.inquiry-response{margin-top:10px;font-size:14px;line-height:1.5;color:var(--hue)}
.inquiry-response.is-error{color:#d63638}

/* ========== 2.2.23 quieter float bar ========== */
.float_fixed {
  width: clamp(1.5rem, 1.25rem + 1.1vw, 2.5rem);
  right: clamp(0.5rem, 0.35rem + 0.5vw, 1rem);
  opacity: 0.92;
}

.float_fixed_list .item,
.float_fixed_list .item .item_icon {
  width: clamp(1.5rem, 1.25rem + 1.1vw, 2.5rem);
  height: clamp(1.5rem, 1.25rem + 1.1vw, 2.5rem);
}

.float_fixed_list .item {
  margin-bottom: 6px;
}

.float_fixed_list .item .item_icon {
  padding: clamp(0.3rem, 0.22rem + 0.35vw, 0.55rem);
  box-shadow: 0 2px 8px rgba(6, 29, 66, 0.12);
  border: 1px solid rgba(11, 47, 102, 0.08);
}

.float_fixed_list .item .item_icon .iconfont {
  font-size: clamp(1rem, 0.9rem + 0.4vw, 1.35rem);
  color: var(--hue);
}

.float_fixed_list .item .item_icon .ycx_wa_icon {
  width: clamp(0.9rem, 0.8rem + 0.35vw, 1.2rem);
  height: clamp(0.9rem, 0.8rem + 0.35vw, 1.2rem);
  color: var(--hue);
}

.float_fixed_list .item .item_con {
  color: var(--hue);
  line-height: clamp(1.5rem, 1.25rem + 1.1vw, 2.5rem);
  font-size: 14px;
  border-top-right-radius: clamp(0.75rem, 0.6rem + 0.5vw, 1.25rem);
  border-bottom-right-radius: clamp(0.75rem, 0.6rem + 0.5vw, 1.25rem);
}

.float_fixed_list .item .con {
  border-radius: clamp(0.75rem, 0.6rem + 0.5vw, 1.25rem);
}

.float_fixed_list .item:hover .item_icon {
  background: var(--hue);
}

.float_fixed_list .item:hover .item_icon .iconfont,
.float_fixed_list .item:hover .item_icon .ycx_wa_icon {
  color: #fff;
}