html, body, div, span, section, footer, applet, object, iframe, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, output, ruby, section, summary, time, mark, audio, video, a, ul, input, select, textarea, table {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  scroll-behavior: smooth;
  list-style: none;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Common CSS */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}

p {
  margin: 0.75rem 0;
}

a {
  color: unset;
  word-break: break-word;
}

section {
  padding: 5rem 0;
}
section .section_block {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
section .section_block h2 {
  font-size: 2rem;
  text-align: center;
}

.bg_lightblue {
  background-color: #F3F7FA;
}

.bg_green2 {
  background-color: #1998D9;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
nav .navLogo {
  width: 10%;
}
nav .navLogo a > div {
  display: flex;
  align-items: center;
  width: 100%;
}
nav .navLogo a > div > div:nth-child(1) img {
  width: 100%;
}
nav .navLogo a > div > div:nth-child(2) {
  min-width: 40px;
}
nav .navLogo a > div > div:nth-child(2) span {
  padding: 0 0.5rem;
  font-weight: bold;
}
nav .navLogo a > div > div:nth-child(3) img {
  width: 50%;
  padding: 1rem 0 0 0;
}
nav .navLogo .nav_mb {
  display: none;
}
nav .navMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 70%;
}
nav .navMenu ul {
  display: flex;
  justify-content: space-around;
  width: 68%;
}
nav .navMenu ul li a {
  font-weight: bold;
}
nav .navMenu .navButton {
  display: flex;
  width: 30%;
}
nav .navMenu .navButton a {
  padding: 2rem 0.5rem;
  width: 50%;
  text-align: center;
}
nav .navMenu .navButton a:nth-child(1) {
  background-color: #1D7AAA;
  color: #fff;
  font-weight: bold;
}
nav .navMenu .navButton a:nth-child(2) {
  background-color: #F3F7FA;
}
nav .navMenu .navButton a:nth-child(2) a {
  font-weight: bold;
}

@media (max-width: 1280px) {
  nav {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0;
  }
  nav .navLogo {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  nav .navLogo a > div {
    width: 34%;
  }
  nav .navLogo .nav_mb {
    display: block;
  }
  nav .navLogo .nav_mb span {
    background-color: #333;
    height: 0.2rem;
    width: 2rem;
    display: block;
    margin: 0.5rem 0;
  }
  nav .navLogo .burger_act span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 3px);
  }
  nav .navLogo .burger_act span:nth-child(2) {
    transform: rotate(-45deg) translate(5px, -2px);
  }
  nav .navMenu {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  nav .navMenu ul {
    padding: 2rem 20px 0;
    flex-direction: column;
    justify-content: unset;
    width: 100%;
  }
  nav .navMenu ul li {
    margin: 0 0 2rem 0;
  }
  nav .navMenu .navButton {
    flex-direction: column;
    width: 100%;
  }
  nav .navMenu .navButton a {
    padding: 2rem 20px;
    width: 100%;
    text-align: left;
  }
  nav .nav_act {
    display: block;
    transition: all 3s ease-in-out;
  }
}
header {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 9;
}

@media (max-width: 1280px) {
  .overFlowHidden {
    overflow: hidden;
  }
  .header_act {
    height: 100vh;
  }
}
.floatingBtn {
  position: fixed;
  right: 0;
  bottom: 2.5rem;
  color: #fff;
  z-index: 9;
}
.floatingBtn a div {
  display: flex;
  align-items: center;
  border-radius: 1rem 0 0 1rem;
  padding: 0.5rem 1.25rem;
  margin: 0 0 1.25rem 0;
}
.floatingBtn a div:hover {
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.5);
  transform: translateY(-10px);
}
.floatingBtn a div img {
  padding: 0 0.5rem 0 0;
}
.floatingBtn a .lineBtn {
  background-color: #1D7AAA;
}
.floatingBtn a .whatsappBtn {
  background-color: #1D7AAA;
}

@media (max-width: 992px) {
  .floatingBtn {
    display: flex;
    bottom: 0;
    width: 100%;
  }
  .floatingBtn a {
    width: 50%;
  }
  .floatingBtn a div {
    justify-content: center;
    border-radius: 0;
    margin: 0;
    padding: 0.5rem 0;
  }
  .floatingBtn a div:hover {
    box-shadow: none;
    transform: none;
  }
  .floatingBtn a div img {
    width: 40px;
  }
  .floatingBtn a div p {
    font-size: 14px;
    padding: 0;
    margin: 0;
  }
}
/*-- Footer --*/
footer {
  margin: 0 0 1.25rem 0;
}
footer .footer_block {
  display: flex;
  justify-content: space-between;
  position: relative;
}
footer .footer_block .footer_logo {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .footer_block .footer_logo > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0 0 0;
}
footer .footer_block .footer_logo > div img {
  width: 50%;
  margin: 0 0 0 1.25rem;
}
footer .footer_block .footer_nav {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
footer .footer_block .footer_nav > div {
  display: grid;
  grid-template-rows: auto auto auto auto;
  grid-auto-flow: column;
  grid-gap: 0.5rem;
  width: 100%;
}
footer .footer_block .backToTop {
  position: absolute;
  top: -6.5rem;
  right: 0;
  transform: rotate(180deg);
  cursor: pointer;
}
footer .copyright {
  text-align: center;
  font-size: 14px;
}

@media (max-width: 992px) {
  footer {
    padding: 0 20px 5rem;
  }
  footer .footer_block {
    flex-direction: column;
    align-items: center;
  }
  footer .footer_block .footer_logo {
    width: 80%;
  }
  footer .footer_block .footer_nav {
    width: 100%;
  }
  footer .footer_block .footer_nav > div {
    margin: 2.5rem 0 0 0;
    grid-template-rows: auto auto auto auto auto;
  }
}
.heroArea {
  background: url(../assets/img/bbix-wasabi-home-top.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.heroArea .heroArea_cover {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.heroArea .heroArea_cover .heroText {
  width: 1280px;
  color: #fff;
  margin: 0 auto;
  font-weight: bold;
}
.heroArea .heroArea_cover .heroText h1 {
  font-size: 80px;
  font-family: "Goldman", sans-serif;
}
.heroArea .heroArea_cover .heroText h1 span {
  color: #1998D9;
}
.heroArea .heroArea_cover .heroText p {
  font-size: 32px;
}

@media (max-width: 992px) {
  .heroArea .heroArea_cover .heroText {
    padding: 0 20px;
  }
  .heroArea .heroArea_cover .heroText h1 {
    font-size: 36px;
  }
  .heroArea .heroArea_cover .heroText p {
    font-size: 18px;
  }
}
/* --- Feature --- */
#features {
  position: relative;
}
#features .feature-bg {
  position: absolute;
  right: 5%;
  top: 5%;
}

.feature {
  text-align: center;
}
.feature > img {
  margin: 0 0 2.5rem 0;
}

.feature_item {
  text-align: center;
  margin: 5rem 0 0 0;
}
.feature_item h2 {
  font-size: 2rem;
}
.feature_item h2 span {
  font-size: 3.5rem;
}
.feature_item .feature_item_block {
  display: flex;
  justify-content: space-between;
}
.feature_item .feature_item_block > div {
  width: 24%;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.feature_item .feature_item_block > div > div {
  height: 140px;
  border-radius: 10px 10px 0 0;
}
.feature_item .feature_item_block > div .featureImg1 {
  background: url("../assets/img/feature1.jpg");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
}
.feature_item .feature_item_block > div .featureImg2 {
  background: #1D7AAA;
}
.feature_item .feature_item_block > div .featureImg2 img {
  height: 100%;
}
.feature_item .feature_item_block > div .featureImg3 {
  background: url("../assets/img/feature3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.feature_item .feature_item_block > div .featureImg4 {
  background: url("../assets/img/feature4.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.feature_item .feature_item_block > div p {
  min-height: 100px;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 0 0 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 992px) {
  #features .feature-bg {
    width: 20%;
    right: 10px;
    top: 10px;
  }
  .feature {
    padding: 0 20px;
  }
  .feature > img {
    width: 70%;
  }
  .feature_item .feature_item_block {
    flex-direction: column;
    padding: 0 20px;
  }
  .feature_item .feature_item_block > div {
    width: 100%;
    margin: 0 0 1.25rem 0;
  }
  .feature_item .feature_item_block > div > div {
    height: 180px;
  }
}
/* --- Price --- */
.price h2 {
  font-size: 2.25rem !important;
  color: #fff;
}
.price .price_inner {
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
}
.price .price_inner .tab {
  display: flex;
}
.price .price_inner .tab:hover {
  cursor: pointer;
}
.price .price_inner .tab .tablink {
  text-align: center;
  width: 50%;
  padding: 1.25rem 0;
  background-color: #aaa;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}
.price .price_inner .tab .tabActive {
  display: block;
  background-color: #fff;
}
.price .price_inner .tabcontent {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  padding: 1.25rem 0 0 0;
}
.price .price_inner .tabcontent h3 {
  text-align: center;
  font-size: 2rem;
}
.price .price_inner .tabcontent h3 span {
  font-size: 3.5rem;
}
.price .price_inner .tabcontent .price_plan {
  display: flex;
  justify-content: space-between;
  padding: 0 2.5rem 2.5rem 2.5rem;
}
.price .price_inner .tabcontent .price_plan .price_plan_item {
  width: 32%;
  padding: 1.25rem;
  position: relative;
}
.price .price_inner .tabcontent .price_plan .price_plan_item .recomend {
  font-size: 14px;
  position: absolute;
  background-color: #fff;
  text-align: center;
  color: #1998D9;
  padding: 0.5rem 1.25rem;
  border-radius: 10px;
  border: 2px solid #1998D9;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.price .price_inner .tabcontent .price_plan .price_plan_item h4 {
  text-align: center;
  margin: 2.5rem 0 0 0;
}
.price .price_inner .tabcontent .price_plan .price_plan_item .price_plan_item_price {
  display: flex;
  justify-content: center;
  align-items: center;
}
.price .price_inner .tabcontent .price_plan .price_plan_item .price_plan_item_price > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0 0.5rem 0 0;
}
.price .price_inner .tabcontent .price_plan .price_plan_item .price_plan_item_price > div:nth-child(1) > div:nth-child(1) {
  font-size: 14px;
  padding: 0;
}
.price .price_inner .tabcontent .price_plan .price_plan_item .price_plan_item_price > div:nth-child(1) > div:nth-child(2) {
  font-weight: bold;
  font-size: 1.5vmax;
  line-height: 20px;
}
.price .price_inner .tabcontent .price_plan .price_plan_item .price_plan_item_price > div:nth-child(2) {
  font-size: 3vmax;
  font-weight: bold;
}
.price .price_inner .tabcontent .price_plan .price_plan_item .price_plan_item_price > div:nth-child(2) span {
  font-size: 24px;
}
.price .price_inner .tabcontent .price_plan .price_plan_item:nth-child(1) {
  background-color: #1D7AAA;
  border: 2px solid #1998D9;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.price .price_inner .tabcontent .price_plan .price_plan_item:nth-child(2), .price .price_inner .tabcontent .price_plan .price_plan_item:nth-child(3) {
  background-color: #F3F7FA;
  border: 2px solid #1998D9;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.price .price_inner .tabcontent .price_plan ul {
  margin: 1.25rem 0;
}
.price .price_inner .tabcontent .price_plan ul li {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 0 0 0.5rem 0;
}
.price .price_inner .tabcontent .price_plan ul li img {
  width: 15px;
  margin: 0 0.5rem 0 0;
}
.price .price_inner .tabcontent .option {
  background-color: #F3F7FA;
  border-radius: 0 0 10px 10px;
}
.price .price_inner .tabcontent .option .option_block {
  padding: 2.5rem;
}
.price .price_inner .tabcontent .option .option_block .optionTitle {
  display: flex;
  justify-content: center;
  margin: 0 0 2.5rem 0;
}
.price .price_inner .tabcontent .option .option_block .optionTitle img {
  width: 40px;
  margin: 0 0.75rem 0 0;
}
.price .price_inner .tabcontent .option .option_block .optionTitle p {
  font-size: 24px;
  font-weight: bold;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block {
  display: flex;
  justify-content: space-between;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem {
  width: 32%;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem h4 {
  text-align: center;
  margin: 2.5rem 0 0 0;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem .optionItem_price {
  display: flex;
  justify-content: center;
  align-items: center;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem .optionItem_price > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0 0.5rem 0 0;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem .optionItem_price > div:nth-child(1) > div:nth-child(1) {
  font-size: 14px;
  padding: 0;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem .optionItem_price > div:nth-child(1) > div:nth-child(2) {
  font-weight: bold;
  font-size: 1.5vmax;
  line-height: 20px;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem .optionItem_price > div:nth-child(2) {
  font-size: 3vmax;
  font-weight: bold;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem .optionItem_price > div:nth-child(2) span {
  font-size: 24px;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem:nth-child(1) {
  background-color: #1D7AAA;
  border: 2px solid #1998D9;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem:nth-child(2), .price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem:nth-child(3) {
  background-color: #F3F7FA;
  border: 2px solid #1998D9;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem > p {
  font-size: 24px;
  font-weight: bold;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block ul {
  margin: 1.25rem 0;
  padding: 0 1.25rem;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block ul li {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 0 0 0.5rem 0;
}
.price .price_inner .tabcontent .option .option_block .optionItem_block ul li img {
  width: 15px;
  margin: 0 0.5rem 0 0;
}

@media (max-width: 992px) {
  .price {
    padding: 0 20px;
  }
  .price .price_inner .tabcontent h3 {
    font-size: 1rem;
    margin: 2.5rem 0;
  }
  .price .price_inner .tabcontent h3 span {
    font-size: 2.5rem;
  }
  .price .price_inner .tabcontent .price_plan {
    flex-direction: column;
    padding: 0 20px 2.5rem;
  }
  .price .price_inner .tabcontent .price_plan .price_plan_item {
    width: 100%;
    margin: 0 0 1.25rem 0;
  }
  .price .price_inner .tabcontent .price_plan .price_plan_item h4 {
    font-size: 1.5rem;
  }
  .price .price_inner .tabcontent .price_plan .price_plan_item .price_plan_item_price > div:nth-child(1) > div {
    font-size: 18px !important;
  }
  .price .price_inner .tabcontent .price_plan .price_plan_item .price_plan_item_price > div:nth-child(2) {
    font-size: 3rem;
  }
  .price .price_inner .tabcontent .option .option_block {
    padding: 2.5rem 20px;
  }
  .price .price_inner .tabcontent .option .option_block .optionItem_block {
    flex-direction: column;
  }
  .price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem {
    width: 100%;
    margin: 0 0 1.25rem 0;
  }
  .price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem h4 {
    font-size: 1.5rem;
  }
  .price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem .optionItem_price > div:nth-child(1) > div {
    font-size: 18px !important;
  }
  .price .price_inner .tabcontent .option .option_block .optionItem_block .optionItem .optionItem_price > div:nth-child(2) {
    font-size: 3rem;
  }
}
/*-- Process --*/
.process_bg {
  background: url("../assets/img/process_bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
}
.process_bg .process_bg_cover {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  width: 100%;
  height: 100%;
  padding: 5rem;
}
.process_bg .process_bg_cover .section_block .process h2 {
  color: #fff;
}
.process_bg .process_bg_cover .section_block .process .prcess_block {
  display: flex;
  justify-content: space-between;
}
.process_bg .process_bg_cover .section_block .process .prcess_block .process_item {
  display: flex;
  flex-direction: column;
  width: 20%;
}
.process_bg .process_bg_cover .section_block .process .prcess_block .process_item h3 {
  background-color: #1D7AAA;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 1.25rem 0;
  border-radius: 10px 10px 0 0;
}
.process_bg .process_bg_cover .section_block .process .prcess_block .process_item p {
  background-color: #fff;
  text-align: center;
  margin: 0;
  padding: 1.25rem 0;
  height: 100%;
  border-radius: 0 0 10px 10px;
}
.process_bg .process_bg_cover .section_block .process .prcess_block .process_item p a {
  font-size: 14px;
  text-decoration: underline;
}
.process_bg .process_bg_cover .section_block .process .prcess_block img {
  transform: rotate(-90deg);
}

@media (max-width: 992px) {
  .process_bg .process_bg_cover {
    padding: 5rem 20px;
  }
  .process_bg .process_bg_cover .section_block .process .prcess_block {
    flex-direction: column;
    align-items: center;
  }
  .process_bg .process_bg_cover .section_block .process .prcess_block .process_item {
    margin: 1.25rem 0;
    width: 100%;
  }
  .process_bg .process_bg_cover .section_block .process .prcess_block img {
    width: auto;
    transform: rotate(0deg);
  }
}
/*-- Q and A --*/
.qna .qna_block {
  border-top: 2px solid #aaa;
}
.qna .qna_block .qna_block_item {
  border-bottom: 2px solid #aaa;
}
.qna .qna_block .qna_block_item .accordion {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  padding: 1.25rem;
}
.qna .qna_block .qna_block_item .accordion h3 {
  margin: 0 0 0 1.25rem;
}
.qna .qna_block .qna_block_item .accordion .qna_arrow {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
}
.qna .qna_block .qna_block_item .panel {
  align-items: flex-start;
  padding: 1.25rem 0;
  background-color: #F3F7FA;
  border-radius: 10px;
  padding: 1.25rem;
  margin: 0 0 1.25rem 0;
}
.qna .qna_block .qna_block_item .panel p {
  margin: 0 0 0 1.25rem;
}
.qna .qna_block .qna_block_item .panel .qna_note {
  font-size: 14px;
}

@media (max-width: 992px) {
  .qna {
    padding: 0 20px;
  }
  .qna .qna_block .qna_block_item .accordion {
    padding: 0.75rem 0;
  }
  .qna .qna_block .qna_block_item .accordion img {
    width: 36px;
  }
  .qna .qna_block .qna_block_item .accordion h3 {
    font-size: 18px;
    margin: 0 1.25rem;
  }
  .qna .qna_block .qna_block_item .accordion .qna_arrow {
    width: 16px;
  }
  .qna .qna_block .qna_block_item .panel img {
    width: 36px;
  }
}
/*-- Contact Us --*/
.contactus .contactus_block {
  display: flex;
  justify-content: space-between;
  margin: 2.5rem 0 0 0;
}
.contactus .contactus_block a {
  width: 30%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
}
.contactus .contactus_block a .contactus_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contactus .contactus_block a .contactus_item h3 {
  position: relative;
}
.contactus .contactus_block a .contactus_item h3::before, .contactus .contactus_block a .contactus_item h3::after {
  content: "|";
  display: block;
  position: absolute;
}
.contactus .contactus_block a .contactus_item h3::before {
  top: 0;
  left: -1.25rem;
  transform: rotate(-30deg);
}
.contactus .contactus_block a .contactus_item h3::after {
  top: 0;
  right: -1.25rem;
  transform: rotate(30deg);
}
.contactus .contactus_block a .contactus_item .contactus_item_img {
  height: 200px;
  display: flex;
  justify-content: center;
}
.contactus .contactus_block a .contactus_item .contactus_item_img img {
  height: 100%;
}
.contactus .contactus_block a .contactus_item .contactus_item_img .contactus_item_img_svg {
  width: 40%;
}

@media (max-width: 992px) {
  .contactus {
    padding: 0 20px;
  }
  .contactus .contactus_block {
    flex-direction: column;
  }
  .contactus .contactus_block a {
    width: 100%;
    margin: 0 0 1.25rem 0;
    padding: 0 0 1.25rem 0;
  }
  .contactus .contactus_block a .contactus_item {
    width: 100%;
  }
}
.aboutus_top .aboutus_top_content h1 {
  margin-top: 5rem;
  font-size: 2rem;
  font-weight: bold;
}
.aboutus_top .aboutus_top_content img {
  position: absolute;
  right: 0;
  top: -1.25rem;
  width: 10%;
}

.aboutus_content {
  padding: 0;
}
.aboutus_content .aboutus_content_1 {
  display: flex;
}
.aboutus_content .aboutus_content_1 .aboutus_content_1_left {
  background: url("../assets/img/about1.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  width: 50%;
}
.aboutus_content .aboutus_content_1 .aboutus_content_1_right {
  width: 50%;
  max-width: 600px;
  padding: 5rem 0 5rem 5rem;
}
.aboutus_content .aboutus_content_2 {
  background-color: #1998D9;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 5rem 0;
}
.aboutus_content .aboutus_content_2 .aboutus_content_2_left {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutus_content .aboutus_content_2 .aboutus_content_2_left h2 {
  font-size: 2.5rem;
}
.aboutus_content .aboutus_content_2 .aboutus_content_2_right {
  width: 50%;
  max-width: 600px;
}
.aboutus_content .aboutus_address_bg {
  background: url("../assets/img/process_bg.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}
.aboutus_content .aboutus_address_bg .aboutus_address_cover {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
.aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 5rem 0;
  display: flex;
}
.aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_left, .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_right {
  width: 50%;
}
.aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_left .aboutus_address_text, .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_right .aboutus_address_text {
  display: flex;
}
.aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_left .aboutus_address_text img, .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_right .aboutus_address_text img {
  margin: 0 0.5rem 0 0;
}
.aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_left .aboutus_address_text p:nth-child(2), .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_right .aboutus_address_text p:nth-child(2) {
  width: 100px;
}
.aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content:nth-child(1) {
  border-bottom: 1px solid #fff;
  padding-bottom: 1.25rem;
}
.aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content:nth-child(2) {
  padding-top: 1.25rem;
}

@media (max-width: 992px) {
  .aboutus_top .aboutus_top_content h1 {
    padding-left: 20px;
  }
  .aboutus_content .aboutus_content_1 {
    display: block;
  }
  .aboutus_content .aboutus_content_1 .aboutus_content_1_left {
    width: 100%;
    height: 30vh;
  }
  .aboutus_content .aboutus_content_1 .aboutus_content_1_right {
    width: 100%;
    max-width: unset;
    padding: 2.5rem 20px;
  }
  .aboutus_content .aboutus_content_2 {
    display: block;
    padding: 2.5rem 20px;
  }
  .aboutus_content .aboutus_content_2 .aboutus_content_2_left, .aboutus_content .aboutus_content_2 .aboutus_content_2_right {
    width: 100%;
    max-width: unset;
    margin: 0 auto;
    padding: 0;
  }
  .aboutus_content .aboutus_content_2 .aboutus_content_2_left h2, .aboutus_content .aboutus_content_2 .aboutus_content_2_right h2 {
    font-size: 1.5rem;
    text-align: center;
  }
  .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content {
    display: block;
    padding: 2.5rem 20px;
  }
  .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_left, .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_right {
    width: 100%;
  }
  .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_left h3, .aboutus_content .aboutus_address_bg .aboutus_address_cover .aboutus_address_content .aboutus_address_right h3 {
    margin-bottom: 0;
  }
}
.tac {
  padding: 0 2.5rem;
}
.tac h1 {
  font-size: 2rem;
  text-align: center;
  margin: 5rem 0;
}
.tac ol {
  counter-reset: section;
  list-style: none;
  padding-left: 1em;
}
.tac ol > li {
  counter-increment: section;
  padding-left: 1rem;
  padding-bottom: 0.25rem;
  margin: 1rem 0;
}
.tac ol > li h2 {
  text-align: left;
}
.tac ol > li::before {
  content: counters(section, ".") ". ";
  font-weight: bold;
  margin-left: -3.5rem;
  position: absolute;
  font-size: 2rem;
}
.tac ol > li > ol {
  counter-reset: section;
}
.tac ol > li > ol > li::before {
  font-size: unset;
}
.tac ol > li > ol > li > ol {
  padding-left: 2em;
}
.tac ol > li > ol > li > ol > li {
  list-style: lower-alpha;
  padding: 0;
}
.tac ol > li > ol > li > ol > li::before {
  content: unset;
}
.tac ol > li > ol > li > ol > li > ol > li {
  list-style: lower-roman;
  padding: 0;
}
.tac ol > li > ol > li > ol > li > ol > li::before {
  content: unset;
}
.tac ol a {
  color: #1D7AAA;
  text-decoration: underline;
}

@media (max-width: 992px) {
  .tac > ol {
    padding-left: 20px;
  }
  .tac > ol li {
    padding-left: 0;
  }
  .tac > ol li h2 {
    font-size: 1.5rem;
  }
  .tac > ol li::before {
    font-size: 1.5rem;
    margin-left: -3rem;
  }
  .tac > ol li > ol > li > ol {
    padding-left: 20px;
  }
}
.pp {
  padding: 0 2.5rem;
}
.pp h1 {
  font-size: 2rem;
  text-align: center;
  margin: 5rem 0;
}
.pp > ul {
  padding-left: 1.25rem;
}
.pp > ul li {
  list-style: disc;
  padding: 0 0 1rem 0;
}
.pp > ol {
  padding-left: 1.25rem;
}
.pp > ol li {
  font-weight: bold;
  font-size: 2rem;
  list-style: decimal;
  padding: 1rem 0;
}
.pp > ol li h2 {
  text-align: left;
  margin: 0;
}
.pp > ol > ul {
  padding-left: 1.25rem;
}
.pp > ol > ul li {
  font-weight: unset;
  font-size: unset;
  list-style: disc;
  padding: 0 0 1rem 0;
}
.pp > ol .pp_custom_list_1 {
  counter-reset: section;
  list-style: none;
  padding-left: 1em;
}
.pp > ol .pp_custom_list_1 > li {
  counter-increment: section;
  list-style: none;
  margin-left: -1rem;
  font-size: 24px;
}
.pp > ol .pp_custom_list_1 > li::before {
  content: "(" counter(section) ") ";
  font-weight: bold;
}
.pp > ol .pp_custom_list_1 ul {
  padding-left: 1.25rem;
}
.pp > ol .pp_custom_list_1 ul li {
  font-weight: unset;
  font-size: unset;
  list-style: disc;
  padding: 0 0 1rem 0;
}

@media (max-width: 992px) {
  .pp > ol li {
    font-size: 1.5rem;
  }
  .pp > ol li h2 {
    font-size: 1.5rem;
  }
  .pp > ol .pp_custom_list_1 > li {
    font-size: 1rem;
  }
}

/*# sourceMappingURL=wb.css.map */
