@charset "UTF-8";
.section-banner {
  margin-bottom: 48px;
}

.map-contact {
  margin-bottom: 48px;
}
.map-contact iframe {
  width: 100%;
  height: 316px;
}

#gmap .MicrosoftMap div#MicrosoftNav.NavBar_Container .NavBar_Button {
  width: 20px !important;
  height: 20px !important;
}

#gmap .MicrosoftMap div#MicrosoftNav.NavBar_Container {
  right: 30px !important;
  bottom: 20px !important;
}

#gmap canvas {
  border-radius: 20px;
}

#gmap {
  min-height: 700px;
}

#missingCredential div {
  display: none;
}

.contact-box {
  display: grid;
}
.contact-box .left-box {
  background-color: rgba(250, 248, 244, 0.72);
  border-radius: 16px;
  padding: 48px;
  height: -moz-fit-content;
  height: fit-content;
}
.contact-box .left-box .title_contact {
  color: #ea212d;
  margin-bottom: 40px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 34px;
}
.contact-box .left-box .line_contact {
  display: grid;
  grid-template-columns: 48px auto;
  grid-gap: 24px;
  margin-bottom: 24px;
}
.contact-box .left-box .line_contact .line_right p {
  color: #828897;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
}
.contact-box .left-box .line_contact .line_right .text_bold {
  margin-bottom: 8px;
  color: #828897;
}
.contact-box .right-box .heading-contact {
  max-width: 880px;
  margin: auto;
  color: #17233e;
  line-height: 33px;
  margin-bottom: 24px;
}
.contact-box .right-box .summary-contact {
  max-width: 880px;
  margin: auto;
}
.contact-box .right-box .summary_contact {
  margin-bottom: 24px;
}
.contact-box .right-box .summary_contact p {
  color: #828897;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
}
.contact-box .right-box .summary_contact p:last-child {
  margin-top: 8px;
}
.contact-box .right-box #frmContact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px 16px;
  max-width: 880px;
  margin: auto;
}
.contact-box .right-box #frmContact input::-moz-placeholder {
  color: #9ea3ae;
  font-size: 14px;
  font-family: "San-light";
}
.contact-box .right-box #frmContact input::placeholder {
  color: #9ea3ae;
  font-size: 14px;
  font-family: "San-light";
}
.contact-box .right-box #frmContact .box label {
  color: #17233e;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 16px;
}
.contact-box .right-box #frmContact .box input,
.contact-box .right-box #frmContact .box textarea {
  border-radius: 8px;
  background-color: #f6f6f7;
  padding: 10px 16px 12px;
  border: unset;
}
.contact-box .right-box #frmContact .box input::-moz-placeholder, .contact-box .right-box #frmContact .box textarea::-moz-placeholder {
  color: #828897;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  font-family: "San-light";
}
.contact-box .right-box #frmContact .box input::placeholder,
.contact-box .right-box #frmContact .box textarea::placeholder {
  color: #828897;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  font-family: "San-light";
}
.contact-box .right-box #frmContact .box .submitFrmC {
  display: inline-block;
  background-color: #e5c403;
  padding: 14.5px 42px;
  border-radius: 13px;
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  transition: all 0.4s;
}
.contact-box .right-box #frmContact .box .submitFrmC:hover {
  background-color: #d0b206;
}
.contact-box .right-box #frmContact .box-area {
  grid-area: auto/1/auto/3;
}

@media all and (max-width: 1000px) {
  main .map-contact {
    margin-bottom: 0;
  }
  main .contact-box {
    display: block;
  }
  main .contact-box .right-box {
    padding: 48px;
  }
}
@media all and (max-width: 500px) {
  main .map-contact iframe {
    width: 100%;
    height: 316px;
  }
  main .contact-box .left-box {
    padding: 16px;
  }
  main .contact-box .left-box .title_contact {
    font-size: 18px;
    line-height: 30px;
  }
  main .contact-box .right-box {
    padding: 16px;
    padding-top: 0;
  }
  main .contact-box .right-box #frmContact {
    display: block;
  }
  main .contact-box .right-box #frmContact .box input,
  main .contact-box .right-box #frmContact .box textarea {
    margin-bottom: 16px;
  }
  main .contact-box .right-box #frmContact .box-area:last-child {
    text-align: center;
  }
}
.Global_representatives {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
.Global_representatives .item {
  width: calc((100% - 48px) / 3);
}
.Global_representatives .item img {
  min-height: 180px;
  max-height: 180px;
  max-width: 180px;
  min-width: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.Global_representatives .click-mail {
  margin-top: 1rem;
  display: inline-block;
  background-color: #e5c403;
  padding: 14.5px 42px;
  border-radius: 13px;
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  transition: all 0.4s;
}

.nav-presentation li button.nav-link {
  min-width: 300px;
  text-align: center;
  color: #17233e;
}
.nav-presentation li button.nav-link.active {
  min-width: 300px;
  text-align: center;
  color: #e5c403;
  font-weight: 700;
}

@media (max-width: 768px) {
  .nav-presentation li button.nav-link {
    border: 1px solid #ccc; /* Thêm viền cho button */
    border-radius: 4px; /* Có thể thêm bo tròn cho viền */
    padding: 10px; /* Thêm padding cho đẹp */
  }
  .nav-presentation li button.nav-link.active {
    border: 1px solid #e5c403;
  }
}
@media (max-width: 768px) {
  .banner .banner-name .name {
    font-size: 30px !important;
  }
  .banner .banner-name .content {
    width: 98% !important;
  }
  .summary-content {
    width: 98%;
  }
}
@media (max-width: 768px) {
  .tab-pane .global .summary-content {
    width: 95% !important;
  }
}
@media (max-width: 768px) {
  .Global_representatives {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 20px;
    justify-items: center;
    margin: 0 2.2%;
  }
  .Global_representatives .item {
    width: 100% !important;
    border: 2px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    margin-bottom: 16px;
  }
  .Global_representatives .item .text-start {
    display: flex;
    flex-direction: column;
    text-align: start !important;
  }
  .Global_representatives .item .text-start .click-mail {
    padding: 12px 11% !important;
  }
}/*# sourceMappingURL=contact.css.map */