.layout-pageContact {
  margin-bottom: 40px; }

.layout-pageContact .knk_breadcrumb-text-image {
  margin-bottom: 0; }

.heading-pageDetail h1 {
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 20px; }

.wrapper-bodycontact .wrapbox-content-left {
  padding-right: 0; }

.box-info-contact,
.box-send-contact {
  /*background: #fff;
	padding: 0;
	border-radius: 3px;*/ }

.box-info-contact {
  margin-bottom: 15px; }

.box-info-contact li {
  margin-bottom: 10px; }

.box-info-contact li > span {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  float: left;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 15px; }

.box-info-contact li p {
  width: calc(100% - 35px);
  float: left;
  padding-left: 15px;
  margin-bottom: 5px;
  color: #696969;
  font-weight: 500; }

.box-info-contact li p a {
  color: #696969; }

.box-info-contact li p strong {
  color: #000;
  margin-bottom: 5px; }

.wrapbox-contact {
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.wrapbox-contact .infoList-contact {
  width: 50%; }

.box-send-contact h2,
.box-info-contact h2 {
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 20px; }

.box-send-contact p {
  margin-bottom: 15px; }

@media (min-width: 992px) {
  .box-map-contact {
    height: 100%;
    border-radius: 4px;
    overflow: hidden; }
  .box-map-contact iframe {
    top: 30px;
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease; } }

@media (max-width: 991px) {
  .wrapbox-contact {
    flex-direction: column;
    -ms-flex-direction: column; }
  .wrapbox-contact .infoList-contact {
    width: 100%; }
  .wrapbox-contact .infoList-contact:nth-child(2) {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse; }
  .widthContent {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse; }
  .wrapper-bodycontact .wrapbox-content-left {
    padding-right: 15px;
    margin-top: 15px; }
  .box-map-contact iframe {
    height: 50vh; } }

@media (max-width: 767px) {
  .wrapbox-content-right {
    padding: 0; } }

/* new contact */
.section-padding-contact {
  padding: 80px 0; }
  @media (max-width: 767px) {
    .section-padding-contact {
      padding: 60px 0; } }

/* info1 */
.pgcontact_info1 {
  background-image: var(--bg-module);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.pgcontact_info1.section-padding-contact {
  padding: 100px 0 0; }
  @media (max-width: 767px) {
    .pgcontact_info1.section-padding-contact {
      padding: 70px 0; } }

.pgcontact_intro_wrapper {
  background-color: var(--bg-info);
  background-image: var(--bg-img-info);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto; }

.pgcontact_intro_wrapper {
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 17px;
  color: var(--clr-stitle);
  border-radius: 2px; }

@media (min-width: 768px) {
  .pgcontact_intro_wrapper {
    width: 29%; } }

.pgcontact_info_heading .pgcontact-media svg {
  fill: var(--clr-title-module);
  width: 60px;
  height: 60px; }

.pgcontact-content .pgcontact-content-title {
  margin: 29px 0px 5px 0px;
  font-size: 36px; }

.pgcontact-content .pgcontact-content-desc {
  font-size: 18px;
  margin-bottom: 20px; }

.button-wrapper-pgcontact {
  margin: 20px 0;
  display: inline-block;
  width: 100%; }

.pgcontact_info_item_flex {
  display: flex;
  align-items: flex-start;
  gap: 13px; }

.pgcontact_info_item_flex .pgcontact_info_item_icon {
  flex: 0 0 20px; }

.pgcontact_info_item_flex .pgcontact_info_item_icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor; }

.pgcontact_info_item_flex {
  margin-bottom: 13px; }

.pgcontact_info_item_link a {
  color: currentColor; }

/* branch */
.pgcontact_branch {
  padding: 120px 0; }
  @media (max-width: 991px) {
    .pgcontact_branch {
      padding: 80px 0; } }
  @media (max-width: 767px) {
    .pgcontact_branch {
      padding: 60px 0; } }

.pgcontact-title {
  color: var(--clr-title);
  font-size: 50px;
  margin-bottom: 0; }
  @media (max-width: 991px) {
    .pgcontact-title {
      font-size: 32px; } }
  @media (max-width: 767px) {
    .pgcontact-title {
      font-size: 28px; } }

.pgcontact-title {
  margin: 12px 0 40px 0; }

.pgcontact_heading_center {
  text-align: center; }

.pgcontact-flex {
  position: relative;
  display: flex;
  flex-wrap: wrap; }

.pgcontact-flex-item {
  flex: 0 0 auto;
  width: 100%; }

.pgcontact-flex-margin {
  margin: 0 -15px; }

.pgcontact-flex-item-padding {
  padding: 0 15px; }

.pgcontact_branch_list {
  color: var(--clr-stitle); }

.pgcontact_branch_list {
  justify-content: center; }

.pgcontact_branch_list {
  row-gap: 30px; }

@media (min-width: 992px) {
  .pgcontact_branch_list .pgcontact_branch-item {
    width: 33.333%; } }

.pgcontact_branch-box {
  background-color: #F7F7F7;
  background-image: var(--bg-item);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover; }

.pgcontact_branch-box {
  border-radius: 4px;
  border-top: 4px solid var(--clr-title-module);
  padding: 40px; }

.pgcontact_branch-box {
  padding-bottom: 270px; }

.pgcontact_branch-box {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); }

.pgcontact_branch-box .pgcontact_info_item {
  display: flex;
  flex-direction: column;
  gap: 30px; }

.pgcontact_branch_heading .pgcontact-content-title {
  margin-bottom: 0;
  font-size: 30px; }

.pgcontact_branch-box .pgcontact_info_item .button-wrapper-pgcontact {
  margin: 0; }

@media (max-width: 991px) {
  .pgcontact-flex-item.pgcontact_branch-item {
    padding: 0; } }

@media (max-width: 767px) {
  .pgcontact_branch_heading .pgcontact-content-title {
    margin-bottom: 0;
    font-size: 24px; } }

/* form map */
.pgcontact-form-wrap {
  margin: 0 auto; }

@media (min-width: 992px) {
  .pgcontact-form-wrap {
    max-width: 65%; } }

.pgcontact-process_form_padding {
  padding: 80px;
  background: var(--bg-form);
  border-radius: 4px;
  border-top: 4px solid var(--clr-title-module);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); }

.pgcontact-process_form_heading {
  margin-bottom: 30px;
  text-align: center; }

.pgcontact_form_heading_desc {
  font-size: 17px;
  margin-bottom: 0; }

.pgcontact_form_heading_h2 {
  font-size: 40px;
  color: var(--clr-title); }

.pgcontact-process_form_padding {
  color: var(--clr-form); }

.pg-contact-form-input {
  margin-bottom: 15px; }

.pg-contact_form-control {
  padding: 12px 18px;
  background: #f7f7f7;
  border: 1px solid var(--border_shop);
  width: 100%;
  border-radius: 4px; }

@media (max-width: 991px) {
  .pgcontact-form-wrap {
    padding: 0 15px; }
  .pgcontact-process_form_padding {
    padding: 40px; }
  .pgcontact_form_heading_h2 {
    font-size: 32px; } }

@media (max-width: 767px) {
  .wrapper-pgservice_process .container {
    padding: 0; }
  .pgservice-process_form_padding {
    padding: 15px; }
  .pgservice-process_form_heading_h2 {
    font-size: 26px; }
  .pgcontact-process_form_padding {
    padding: 20px 15px; }
  .pgcontact_form_heading_h2 {
    font-size: 28px; } }

.pgcontact_form_map .box-map-contact iframe {
  height: 800px;
  width: 100%; }
  @media (max-width: 767px) {
    .pgcontact_form_map .box-map-contact iframe {
      height: 500px; } }

.pgcontact_form_map .box-map-contact iframe {
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); }

.pgcontact-form-wrap {
  position: relative; }

.pgcontact-form-wrap {
  margin-bottom: 60px; }

@media (min-width: 992px) {
  .pgcontact-form-wrap {
    margin-bottom: -335px;
    z-index: 1; } }