:root {
  --grey-fc: #fcfcfc;
  --body: #373737;
  --logo-dark-blue: #035aa6;
  --logo-orange: #ed8209;
  --white: #fff;
  --brown: #816e67;
  --blue-hover-dark: #023f74;
  --transparent: #0000;
  --grey-fa: #fafafa;
  --light-grey: #d1d5db;
  --field-placeholder-grey: #d2d2d2;
  --error-red-bg: #ffc0bc;
  --error-red-txt: #df0000;
  --303547: #303547;
  --light-blue: #e8f0f4;
  --light-orange: #fff9f2;
  --darker-light-blue: #e1eff6;
  --grey-a7: #a7a7a7;
  --field-label-black: #404d61;
  --121416: #121416;
  --6c757d: #6c757d;
  --yellow: #faff00;
  --bright-green: #00ff29;
  --lime-green: #00c51f;
  --a9cce9: #a9cce9;
  --dark-grey: #8f8f8f;
  --grey: #d1d5db;
  --white-2: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--grey-fc);
  color: var(--body);
  font-family: Noto Sans TC, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

h1, h2 {
  letter-spacing: 4px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  letter-spacing: 4px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

p {
  margin-bottom: 0;
  line-height: 170%;
}

a {
  color: var(--logo-dark-blue);
  text-decoration: underline;
  transition: color .5s;
}

a:hover {
  color: var(--logo-orange);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

li {
  margin-top: 5px;
  margin-bottom: 15px;
}

.all {
  padding-top: 90px;
}

.header {
  z-index: 3000;
  background-color: var(--white);
  width: 100%;
  position: fixed;
  inset: 0% auto auto 0%;
}

.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.container.v-header {
  padding-left: 3vw;
  padding-right: 3vw;
  position: static;
}

.container.v-contact-map {
  padding-left: 0;
  padding-right: 0;
}

.container.v-procedure {
  padding-left: 30px;
}

.container.v-narrower {
  max-width: 1000px;
}

.header-wrap {
  justify-content: space-between;
  align-items: center;
  height: 90px;
  display: flex;
  position: static;
}

.header-bg {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.nav-menu {
  float: none;
  letter-spacing: 2px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  line-height: 120%;
  display: flex;
  position: static;
}

.header-brand {
  flex: none;
  width: 25%;
  min-width: 240px;
  padding-left: 0;
  padding-right: 0;
  transition: opacity .5s, color .5s;
}

.header-brand:hover {
  opacity: .5;
}

.img-full {
  width: 100%;
  display: block;
  position: relative;
}

.nav-sublist {
  border-left: 1px solid var(--brown);
  justify-content: flex-end;
  align-items: center;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
}

.nav-item {
  margin-left: .8vw;
  margin-right: .8vw;
}

.nav-link {
  color: var(--logo-dark-blue);
  text-align: center;
  padding: 0;
  font-weight: 500;
  text-decoration: none;
  transition: color .5s;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--logo-orange);
}

.nav-link.v-sub {
  color: var(--body);
}

.nav-link.v-sub:hover, .nav-link.v-sub.w--current, .nav-link.orange {
  color: var(--logo-orange);
}

.nav-link.orange:hover {
  color: var(--logo-dark-blue);
}

.nav-mainlist {
  justify-content: flex-end;
  align-items: center;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
}

.nav-login-b {
  order: 1;
}

.header-account-dropdown {
  font-weight: 500;
}

.header-login-dropdown-toggle {
  background-color: var(--logo-dark-blue);
  color: var(--white);
  letter-spacing: 2px;
  padding: 10px 30px;
  transition: background-color .8s;
}

.header-login-dropdown-toggle:hover {
  background-color: var(--blue-hover-dark);
}

.header-account-dropdown-list.w--open {
  background-color: var(--transparent);
}

.header-account-dropdown-link {
  border: 1px solid var(--logo-dark-blue);
  background-color: var(--white);
  color: var(--body);
  text-align: center;
  margin-top: 5px;
  padding: 6px 8px;
}

.header-account-dropdown-link:hover {
  color: var(--logo-dark-blue);
}

.header-account-dropdown-link.w--current {
  color: var(--body);
}

.header-account-dropdown-link.w--current:hover {
  color: var(--logo-dark-blue);
}

.nav-link-dropdown {
  position: static;
}

.nav-link-dropdown-list.w--open {
  background-color: var(--grey-fc);
  max-height: 85vh;
  inset: auto 0% 0%;
  overflow: auto;
  transform: translate(0, 100%);
  box-shadow: 0 4px 10px #00000026;
}

.nav-dropdown-arrow {
  background-image: url('../images/nav-dropdown-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.nav-subcat-dropdown-list.w--open {
  background-color: var(--grey-fa);
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 5px 5px #0000001a;
}

.nav-subcat-dropdown-col-link-item {
  margin-top: 15px;
}

.nav-dropdown-link {
  color: var(--body);
  font-weight: 500;
  text-decoration: none;
}

.nav-dropdown-link:hover {
  color: var(--logo-dark-blue);
}

.btn-menu {
  float: none;
}

.section-footer {
  z-index: 1000;
  position: relative;
}

.footer-subscribe-b {
  background-color: var(--light-grey);
  padding-top: 100px;
  padding-bottom: 100px;
}

.footer-subscribe-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.footer-subscribe-col {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.small-title {
  letter-spacing: 2px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.form-b {
  margin-bottom: 0;
}

.footer-subscriibe-field {
  border: 1px solid var(--transparent);
  color: var(--body);
  border-radius: 0;
  flex: 1;
  height: auto;
  margin-bottom: 0;
  padding: 8px 10px;
  font-size: 17px;
  line-height: 120%;
  transition: border-color .8s;
}

.footer-subscriibe-field:focus {
  border: 1px solid var(--logo-dark-blue);
}

.footer-subscriibe-field::placeholder {
  color: var(--field-placeholder-grey);
}

.footer-subscriibe-field-wrap {
  align-items: stretch;
  display: flex;
}

.footer-subscriibe-submit {
  background-color: var(--logo-dark-blue);
  padding: 8px 30px;
  transition: background-color .8s;
}

.footer-subscriibe-submit:hover {
  background-color: var(--blue-hover-dark);
}

.footer-subscribe-success {
  background-color: var(--transparent);
  text-align: left;
  padding: 0;
}

.footer-subscribe-error {
  background-color: var(--error-red-bg);
  color: var(--error-red-txt);
}

.footer-main-b {
  background-color: var(--303547);
  color: var(--white);
  padding-top: 90px;
  padding-bottom: 60px;
}

.footer-main-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-main-l {
  width: 45%;
}

.footer-about-b {
  padding-bottom: 50px;
}

.footer-about-title {
  letter-spacing: 2px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.footer-about-box {
  background-color: var(--white);
  color: var(--logo-dark-blue);
  padding: 25px 30px;
}

.footer-contact-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -25px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.footer-contact-item {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.footer-contact-icon {
  flex: none;
  width: 34px;
  margin-right: 10px;
}

.footer-contact-content {
  flex: 1;
}

.footer-contact-title {
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-weight: 700;
}

.footer-contact-link {
  text-decoration: none;
}

.footer-main-r {
  flex: 1;
  margin-left: 40px;
}

.footer-sitemap-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.footer-sitemap-col {
  width: 33.3%;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.footer-sitemap-title {
  letter-spacing: 5px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.footer-sitemap-item {
  margin-top: 10px;
}

.footer-link {
  color: var(--white);
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.footer-ec-click {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-ec-arrow {
  background-image: url('../images/footer-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.footer-ec-content {
  overflow: hidden;
}

.footer-expand-list {
  border-left: 1px solid var(--white);
  margin-top: 15px;
  margin-left: 15px;
  padding-left: 10px;
}

.footer-social-list {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: -30px;
  display: flex;
}

.footer-social-item {
  margin-left: 15px;
}

.footer-social-link {
  width: 30px;
  transition-property: opacity;
  display: block;
}

.footer-social-link:hover {
  opacity: .5;
}

.footer-bottom-b {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 60px;
  font-size: 15px;
  line-height: 120%;
  display: flex;
}

.footer-license-b {
  line-height: 160%;
}

.footer-copyright-b {
  text-align: right;
  flex: 1;
  margin-left: 20px;
}

.footer-webdesign {
  margin-top: 5px;
}

.footer-webdesign-link {
  color: var(--white);
  text-decoration: none;
}

.home-banner-b {
  min-height: 28.8vw;
  padding-top: 60px;
  padding-bottom: 130px;
  position: relative;
  overflow: hidden;
}

.home-banner-img {
  background-image: url('../images/home-banner15x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.banner-heading {
  letter-spacing: 4px;
  max-width: 450px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.section-div {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section-div.v-home-insurance {
  background-image: url('../images/bg-gradient-12x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
}

.section-div.v-light-blue {
  background-color: var(--light-blue);
}

.section-div.v-light-blue.v-top-0 {
  padding-top: 0;
}

.section-div.v-home-testimonial {
  background-color: #f3f3f3;
}

.section-div.v-faq-sec {
  background-color: var(--grey-fc);
}

.section-div.top-0 {
  padding-top: 0;
}

.section-div.v-hr-intro {
  z-index: 2;
  background-image: url('../images/bg-gradient-12x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-div.v-hr-lesson {
  background-color: #f3f3f3;
}

.section-div.v-hr-item {
  z-index: 2;
}

.section-div.padding-0, .section-div.contact-map {
  padding-top: 0;
  padding-bottom: 0;
}

.section-div.v-ask-question {
  background-image: url('../images/enquiry-gradient-bg2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-div.v-blog-detail {
  padding-top: 60px;
}

.section-div.v-hr-learn-article {
  padding-top: 0;
  padding-bottom: 0;
}

.section-div.bg-f3 {
  background-color: #f3f3f3;
}

.section-div.template-covering {
  background-image: url('../images/template-covering-bg2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30px;
  overflow: hidden;
}

.section-div.template-top {
  padding-top: 0;
  padding-bottom: 0;
}

.section-div.v-template-b-compare {
  padding-top: 45px;
}

.section-div.v-template-c-guide {
  background-image: url('../images/template-c-guide-bg2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-div.orange-bg {
  background-color: var(--light-orange);
}

.section-div.orange-bg.radius {
  border-radius: 80px;
}

.insurance-intro-box {
  background-color: var(--white);
  margin-top: -70px;
  position: relative;
  box-shadow: 9px 9px 30px #0000001a;
}

.insurance-intro-tab-menu {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.insurance-intro-tab-link {
  background-color: var(--light-blue);
  color: var(--body);
  text-align: center;
  letter-spacing: 4px;
  flex: 1;
  padding: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  transition: background-color .5s, color .5s;
}

.insurance-intro-tab-link:hover {
  color: var(--logo-dark-blue);
}

.insurance-intro-tab-link.w--current {
  background-color: var(--grey-fc);
}

.insurance-intro-tab-pane {
  background-color: var(--grey-fc);
  background-image: url('../images/home-quote-intro-bg-22x.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 1024px;
  padding: 40px;
}

.insurance-tab-h3 {
  color: var(--logo-dark-blue);
  text-align: center;
  margin-bottom: 50px;
}

.insurance-intro-thumb-slider {
  background-color: var(--light-blue);
  height: auto;
  margin-bottom: 50px;
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 56px;
  padding-right: 56px;
  position: relative;
}

.insurance-intro-thumb-slider.home-thumb-update {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
}

.hide {
  display: none;
}

.insurance-intro-thumb-slide {
  border-right: 1px solid var(--light-grey);
  flex: none;
  width: 20%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0%;
  padding-right: 0%;
}

.insurance-intro-thumb-slider-mask {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.insurance-intro-thumb-click {
  background-color: var(--transparent);
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  height: 100%;
  padding: 20px 10px;
  font-weight: 700;
  transition: color .5s, background-color .5s;
}

.insurance-intro-thumb-click:hover, .insurance-intro-thumb-click.active {
  background-color: var(--logo-dark-blue);
  color: var(--white);
}

.insurance-intro-thumb-icon {
  width: 60px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.insurance-intro-thumb-slider-arrow {
  z-index: 10;
  background-color: var(--logo-dark-blue);
  background-image: url('../images/slider-arrow-prev.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-left: 10px;
  margin-right: 10px;
  transition: background-color .5s;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.insurance-intro-thumb-slider-arrow:hover {
  background-color: var(--blue-hover-dark);
}

.insurance-intro-thumb-slider-arrow.v-next {
  background-image: url('../images/slider-arrow-next.svg');
  inset: 50% 0% auto auto;
}

.insurance-intro-content-slider {
  background-color: var(--transparent);
  height: auto;
  position: relative;
}

.insurance-intro-content-slide {
  overflow: hidden;
}

.insurance-intro-content-title-b {
  border-bottom: 1px solid var(--light-grey);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.insurance-intro-content-title-txt {
  border-bottom: 3px solid var(--logo-dark-blue);
  letter-spacing: 2px;
  margin-bottom: -2px;
  padding-bottom: 15px;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}

.insurance-intro-content-main-b {
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.insurance-intro-content-main-col {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.insurance-intro-content-main-col.col-btn {
  flex: none;
  justify-content: center;
  align-items: flex-end;
  min-width: 33.3%;
  display: flex;
}

.insurance-intro-content-main-title-b {
  letter-spacing: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
}

.insurance-intro-content-main-title-icon {
  flex: none;
  width: 20px;
  margin-right: 10px;
}

.insurance-intro-content-main-title-txt {
  flex: 1;
}

.insurance-intro-content-btn-list {
  border: 1px solid var(--logo-dark-blue);
  background-color: var(--white);
  width: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: -2px 2px 5px #00000014;
}

.btn-common {
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
  text-align: center;
  letter-spacing: 2px;
  padding: 13px 50px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition-property: background-color;
}

.btn-common:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.btn-common.v-100 {
  width: 100%;
  display: block;
}

.btn-common.v-white {
  background-color: var(--grey-fc);
  color: var(--logo-dark-blue);
}

.btn-common.v-white:hover {
  background-color: var(--darker-light-blue);
}

.btn-common.v-temp-quote-login {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.btn-common.with-border {
  border: 1px solid var(--white);
}

.btn-common.whatsapp-icon {
  background-image: url('../images/whatsapp-icon2x_1whatsapp-icon@2x.png');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 60px;
  padding-right: 20px;
}

.btn-common.v-template-quote-plan-update {
  display: block;
}

.insurance-intro-content-btn {
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
  letter-spacing: 2px;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 15px 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
  transition-property: background-color;
  display: flex;
}

.insurance-intro-content-btn:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.insurance-intro-content-btn-icon {
  background-color: var(--grey-fc);
  background-image: url('../images/btn-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  flex: none;
  width: 36px;
  height: 36px;
  margin-left: 10px;
}

.common-bg-circle {
  background-color: var(--light-blue);
  border-radius: 50%;
  padding-top: 100%;
}

.common-bg-circle.v-bottom-left {
  width: 100%;
  margin-left: -26%;
}

.common-bg-circle.v-bottom-right {
  width: 100%;
  position: relative;
  right: -40%;
}

.common-bg-circle.v-template-hr-info {
  position: relative;
  left: 200px;
}

.home-insurance-bg-b {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.home-insurance-circle-box {
  width: 400px;
  margin-top: -200px;
  margin-left: -300px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.home-insurance-circle-box.v-center-right {
  margin-top: 0;
  margin-left: 0;
  inset: 50% 0% auto auto;
  transform: translate(50%, -50%);
}

.home-insurance-circle-box.v-bottom-left {
  margin-top: 0;
  margin-left: 0;
  inset: auto auto 0% 0%;
  transform: translate(0, 70%);
}

.home-insurance-circle-box.v-top-right {
  margin-right: -300px;
  inset: 0% 0% auto auto;
}

.home-insurance-circle-box.v-bottom-right {
  margin-top: 0;
  margin-left: 0;
  inset: auto 0% 0% auto;
  transform: translate(0, 40%);
}

.home-quote-b {
  margin-top: 100px;
}

.big-heading {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.big-heading.align-center {
  text-align: center;
  margin-bottom: 20px;
}

.txt-align-center {
  text-align: center;
}

.home-quote-list {
  flex-wrap: nowrap;
  align-items: stretch;
  margin-top: 40px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.home-quote-item {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.home-quote-link {
  background-color: var(--white);
  color: var(--body);
  height: 100%;
  text-decoration: none;
  transition-property: all;
  display: block;
  position: relative;
  overflow: hidden;
}

.home-quote-link:hover {
  color: var(--body);
  transform: translate(0, -10px);
}

.home-quote-content {
  width: 100%;
  padding: 30px 20px;
}

.home-quote-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 78.125%;
  position: relative;
}

.home-quote-item-img.v-img-1 {
  background-image: url('../images/home-quote-img-hr2x.jpg');
}

.home-quote-item-img.v-img-2 {
  background-image: url('../images/home-quote-img-employer2x.jpg');
}

.home-quote-item-title {
  color: var(--logo-dark-blue);
  letter-spacing: 4px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.home-quote-item-des {
  line-height: 170%;
}

.home-quote-btn-b {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
}

.home-quote-item-arrow {
  flex: none;
  width: 15px;
  margin-left: 10px;
}

.home-faq-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.lined-h3-b {
  border-left: 2px solid var(--logo-dark-blue);
  color: var(--logo-dark-blue);
  margin-bottom: 35px;
  padding-left: 23px;
  overflow: hidden;
}

.lined-h3-b.sub {
  margin-top: 15px;
  margin-bottom: 0;
}

.lined-h3-b.v-terms {
  margin-bottom: 25px;
}

.lined-h3-b.orange {
  border-left-color: var(--logo-orange);
}

.home-faq-l-b {
  flex: none;
  width: 350px;
  margin-right: 60px;
  position: sticky;
  top: 120px;
}

.home-faq-l-b.v-no-stick {
  position: static;
}

.home-faq-total-b {
  margin-bottom: 35px;
}

.home-faq-total-title {
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.home-faq-total-num {
  letter-spacing: 1px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.home-faq-r-b {
  flex: 1;
}

.faq-hit-item {
  border-bottom: 1px solid var(--light-grey);
  padding-right: 40px;
}

.faq-hit-link {
  color: var(--body);
  background-image: url('../images/faq-hit-icon.svg');
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  text-decoration: none;
  display: block;
}

.faq-hit-link:hover {
  color: var(--logo-dark-blue);
}

.faq-hit-list-title {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 130%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.faq-search {
  margin-bottom: 30px;
  position: relative;
}

.faq-search-field {
  background-color: var(--transparent);
  color: var(--body);
  border: 1px #000;
  border-bottom: 1px solid #a7a7a7;
  height: auto;
  margin-bottom: 0;
  padding: 2px 0;
  font-size: 17px;
  line-height: 170%;
  transition: border-color .5s;
}

.faq-search-field:focus {
  border-bottom-color: var(--logo-dark-blue);
}

.faq-search-field::placeholder {
  color: #a7a7a7;
}

.faq-list-more-b {
  text-align: right;
  margin-top: 60px;
}

.faq-item {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  border-radius: 8px;
  margin-bottom: 40px;
  padding: 25px;
  box-shadow: 5px 5px 10px #0000001a;
}

.faq-item-tag-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 18px;
  display: flex;
}

.faq-tag {
  border: 1px solid var(--logo-dark-blue);
  color: var(--logo-dark-blue);
  margin-right: 10px;
  padding: 5px;
}

.faq-question-b {
  border-bottom: 1px solid var(--light-grey);
  margin-bottom: 18px;
  padding-bottom: 18px;
}

.faq-people-txt {
  color: #3c3c43d9;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 120%;
}

.faq-question-txt {
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.faq-answer-b {
  line-height: 170%;
}

.faq-like-b {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  margin-top: 18px;
  display: flex;
}

.btn-post-like {
  color: var(--body);
  background-image: url('../images/faq-thumb-up.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-right: 30px;
  text-decoration: none;
}

.btn-post-like:hover {
  color: var(--logo-dark-blue);
}

.why-ginsmall-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.why-ginsmall-item {
  width: 25%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.why-ginsmall-box {
  background-color: var(--grey-fc);
  height: 100%;
  padding: 50px 20px;
  position: relative;
}

.why-ginsmall-box.v-hover {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  color: var(--white);
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.why-ginsmall-icon-b {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}

.relative {
  position: relative;
}

.why-ginsmall-title {
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 2px;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.why-ginsmall-title.v-hover {
  color: var(--white);
}

.why-ginsmall-des {
  line-height: 170%;
}

.patner-slider-link {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.btn-faq-search {
  width: 20px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.common-arch {
  background-image: url('../images/arch-down-lightblue2x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -2px;
  margin-bottom: -2px;
  padding-top: 6.94%;
  position: absolute;
  inset: 0% 0% auto;
}

.testimonial-slider {
  background-color: var(--transparent);
  height: auto;
}

.testimonial-slide {
  width: 33.3%;
  padding-left: 1%;
  padding-right: 1%;
}

.testimonial-slider-mask {
  margin-left: -1%;
  margin-right: -1%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.testimonial-box {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--white);
  border-radius: 8px;
  padding: 30px;
  box-shadow: 2px 2px 8px #0000001a;
}

.testomnial-item-top-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
  display: flex;
}

.testimonial-profile-b {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.testimonial-profile-img {
  flex: none;
  width: 60px;
  margin-right: 20px;
}

.testimonial-profile-txt-b {
  flex: 1;
}

.testimonial-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.testimonial-name-title {
  color: #3c3c43d9;
  font-size: 18px;
  line-height: 140%;
}

.testimonial-rate-b {
  flex: none;
  justify-content: flex-end;
  display: flex;
}

.testimonial-star {
  flex: none;
  width: 14px;
  margin-left: 4px;
}

.testimonial-slider-tool {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.testimonial-slider-num-b {
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-count-slash {
  margin-left: 8px;
  margin-right: 8px;
}

.testimonial-slider-arrow {
  width: 16px;
  margin-left: 20px;
  margin-right: 20px;
}

.tall-banner-b {
  color: var(--white);
  flex: 1;
  min-height: 38.8vw;
  padding-top: 60px;
  padding-bottom: 130px;
  position: relative;
  overflow: hidden;
}

.tall-banner-b.v-slide {
  height: 100%;
}

.tall-banner-b.v-shorter {
  min-height: 28.8vw;
}

.inner-banner-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.inner-banner-img.img-quotation-1 {
  background-image: url('../images/quotation-banner2x.jpg');
}

.inner-banner-img.img-hr-1 {
  background-image: url('../images/hr-banner-12x.jpg');
}

.inner-banner-img.img-faq-1 {
  background-image: url('../images/faq-banner-12x.jpg');
}

.inner-banner-img.img-hr-learning-centre {
  background-image: url('../images/hr-learning-centre-banner2x.jpg');
}

.inner-banner-img.img-inquire-restaurant {
  background-image: url('../images/g16-banner2x.jpg');
}

.inner-banner-img.img-inquire-single-travel {
  background-image: url('../images/g17-banner2x.jpg');
}

.inner-banner-img.img-register-company {
  background-image: url('../images/g18-banner2x.jpg');
}

.inner-banner-img.img-register-personal {
  background-image: url('../images/g19-banner2x.jpg');
}

.inner-banner-img.img-b-airline {
  background-image: url('../images/b1-banner2x.jpg');
}

.inner-banner-img.img-c-medical {
  background-image: url('../images/c2-banner2x.jpg');
}

.common-h2-b {
  color: var(--logo-dark-blue);
  margin-bottom: 40px;
  padding-bottom: 5px;
  position: relative;
  overflow: hidden;
}

.common-h2-b.v-terms {
  text-align: center;
  margin-bottom: 25px;
}

.quotation-faq-b {
  padding-top: 6.94vw;
}

.common-tab.swiper-tab-container {
  width: 100%;
  overflow: hidden;
}

.common-tab-menu {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  max-width: 800px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.common-tab-menu.v-template-faq {
  justify-content: space-between;
}

.common-tab-link {
  background-color: var(--transparent);
  color: var(--grey-a7);
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #a7a7a74d;
  justify-content: center;
  align-items: center;
  width: 16.66%;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
}

.common-tab-link:hover {
  color: var(--logo-dark-blue);
}

.common-tab-link.w--current {
  background-color: var(--transparent);
  color: var(--logo-dark-blue);
}

.common-tab-link.v-quote-faq.orange:hover, .common-tab-link.v-quote-faq.orange.w--current {
  color: var(--logo-orange);
}

.common-tab-link.v-quote-commercial {
  flex: 1;
  min-width: 16.66%;
}

.common-tab-link.v-quote-commercial.w--current {
  border-bottom-width: 2px;
  border-bottom-color: var(--logo-dark-blue);
}

.common-tab-link.v-quote-personal {
  flex: 1;
  min-width: 16.66%;
}

.common-tab-link.v-hr-intro {
  color: var(--body);
}

.common-tab-link.v-hr-intro:hover, .common-tab-link.v-hr-intro.w--current {
  color: var(--logo-dark-blue);
}

.common-tab-link.v-contact {
  padding-left: 20px;
  padding-right: 20px;
}

.common-tab-link.template-faq {
  width: 33.3%;
}

.common-tab-pane.v-member-coupon {
  padding-top: 50px;
}

.common-tab-content {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.common-tab-link-content {
  padding: 10px 5px;
  position: relative;
}

.common-tab-link-content.v-contact {
  flex: 1;
}

.common-tab-link-content.template-faq {
  width: 100%;
}

.common-tab-link-active-line {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  border-radius: 3px 3px 0 0;
  height: 3px;
  margin-bottom: -1px;
  transition: opacity .8s;
  position: absolute;
  inset: auto 0% 0%;
}

.common-tab-link-active-line.orange {
  background-color: var(--logo-orange);
}

.quotation-faq-content {
  margin-bottom: 40px;
  padding-top: 15px;
}

.faq-ec-item {
  margin-bottom: 30px;
}

.faq-ec-click {
  border-bottom: 1px solid var(--light-grey);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: color .8s;
  display: flex;
  position: relative;
}

.faq-ec-click:hover {
  color: var(--logo-dark-blue);
}

.faq-ec-click.ec-expand.orange:hover {
  color: var(--logo-orange);
}

.faq-ec-click.ec-collapse {
  color: var(--logo-dark-blue);
}

.faq-ec-click.ec-collapse.orange {
  color: var(--logo-orange);
}

.faq-ec-title-b {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.faq-ec-item-num {
  width: 25px;
  margin-right: 5px;
}

.faq-ec-arrow {
  background-image: url('../images/ec-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 16px;
  height: 16px;
}

.faq-ec-arrow.v-expanded {
  transform: rotate(90deg);
}

.faq-ec-content {
  overflow: hidden;
}

.faq-ec-content-wrap {
  padding-top: 18px;
  padding-bottom: 18px;
  line-height: 170%;
}

.common-small-btn-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.common-small-btn {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  display: inline-block;
}

.common-small-btn:hover {
  color: var(--logo-dark-blue);
}

.common-small-btn.v-white {
  color: var(--white);
}

.common-small-btn.v-grey {
  color: var(--grey-a7);
}

.common-small-btn.v-bold {
  font-weight: 700;
}

.common-small-btn.v-black {
  color: var(--body);
}

.common-small-btn.v-orange {
  color: var(--logo-orange);
}

.common-small-btn-arrow {
  flex: none;
  width: 15px;
  margin-left: 5px;
  transition: all .5s;
}

.common-small-btn-arrow.v-back {
  margin-left: 0;
  margin-right: 5px;
}

.quotation-faq-more-b {
  text-align: right;
}

.quote-insurance-banner-watermark {
  transform-origin: 100% 0;
  color: #fff6;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Poppins, sans-serif;
  font-size: 4.3vw;
  font-weight: 300;
  line-height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(-90deg)translate(0%, -100%);
}

.quote-insurance-banner-watermark.white {
  color: var(--white);
}

.common-banner-col-hover-content {
  width: 100%;
  max-width: 220px;
}

.common-banner-col-btn-b {
  margin-top: 15px;
}

.common-banner-col-hover-title {
  letter-spacing: 4px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.txt-align-right {
  text-align: right;
}

.inner-banner-slider {
  background-color: var(--transparent);
  height: auto;
}

.inner-banner-slide {
  flex: none;
  width: 100%;
  height: auto;
}

.inner-banner-mask {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.inner-banner-slider-nav {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  padding: 0 40px 40px;
  display: flex;
}

.hr-class-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hr-class-col-l {
  width: 40%;
  position: relative;
}

.hr-class-photo-big-b {
  position: relative;
  overflow: hidden;
}

.hr-class-photo-small-b {
  width: 40%;
  margin-bottom: -20px;
  margin-right: -20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hr-class-photo-small-white {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  margin-top: -20px;
  margin-left: -20px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hr-class-photo-small-white.update {
  background-color: var(--light-orange);
  border-top-left-radius: 20px;
}

.hr-class-col-r {
  flex: 1;
  width: 40%;
  margin-left: 60px;
  position: relative;
}

.hr-class-more-b {
  text-align: right;
}

.hr-class-link {
  color: var(--body);
  padding-bottom: 40px;
  text-decoration: none;
  transition-property: all;
  transition-duration: .8s;
  display: block;
}

.hr-class-link:hover {
  color: var(--logo-dark-blue);
  transform: translate(0, -10px);
}

.hr-class-link.orange:hover {
  color: var(--logo-orange);
}

.hr-class-item {
  border-bottom: 1px solid var(--body);
  margin-bottom: 40px;
}

.hr-class-tag {
  background-color: var(--body);
  color: var(--white);
  letter-spacing: 2px;
  margin-bottom: 15px;
  padding: 4px 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  display: inline-block;
}

.hr-class-title {
  letter-spacing: 4px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.hr-class-des {
  line-height: 170%;
}

.hr-intro-content {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hr-intro-col-l {
  width: 45%;
}

.hr-intro-pdf-link {
  color: var(--body);
  min-height: 480px;
  padding: 30px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.hr-intro-pdf-link:hover {
  color: var(--logo-dark-blue);
}

.hr-intro-pdf-title {
  letter-spacing: 1px;
  width: 100%;
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: 700;
  line-height: 137%;
}

.hr-intro-pdf-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hr-intro-pdf-img.img-1 {
  background-image: url('../images/hr-intro-img-12x.jpg');
}

.hr-intro-col-r {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: -40px;
  margin-left: 40px;
  display: flex;
}

.hr-intro-box {
  background-color: var(--white);
  flex-direction: column;
  flex: 1;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.hr-intro-btn-more {
  color: var(--body);
  text-align: center;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 25px;
  text-decoration: none;
  transition: background-color .5s, color .5s;
  display: flex;
}

.hr-intro-btn-more:hover {
  background-color: var(--darker-light-blue);
  color: var(--body);
}

.hr-intro-more-des {
  width: 100%;
  margin-bottom: 30px;
}

.hr-intro-more-title {
  letter-spacing: 1px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 137%;
}

.hr-intro-box-title {
  border-bottom: 1px solid var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 4px;
  padding: 20px 25px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.hr-intro-box-col {
  border-right: 1px solid #e7e7e7;
  width: 50%;
  padding: 25px;
}

.hr-intro-box-row {
  flex: 1;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.hr-intro-box-more-b {
  text-align: right;
  margin-top: 20px;
}

.hidden-h1 {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.about-bg-b {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.about-bg-circle-box {
  width: 400px;
  margin-top: -90px;
  margin-left: -80px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.about-bg-circle-box.v-bottom-right {
  margin-bottom: 70px;
  margin-right: -60px;
  inset: auto 0% 0% auto;
  transform: translate(0, 40%);
}

.about-content-b {
  justify-content: flex-start;
  align-items: center;
  margin-left: -40px;
  margin-right: -40px;
  display: flex;
}

.about-content-col {
  width: 50%;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.about-content-col.v-last {
  order: 1;
}

.about-content-img-b {
  position: relative;
  overflow: hidden;
}

.about-content-img-color {
  background-color: var(--light-blue);
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-left: 20px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-content-p {
  line-height: 170%;
}

.about-wethink-b {
  text-align: center;
  max-width: 670px;
  margin: 150px auto;
}

.about-wethink-heading {
  color: var(--logo-dark-blue);
  margin-bottom: 25px;
}

.about-wethink-txt {
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.about-hover-b {
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 4px;
  justify-content: center;
  align-items: center;
  min-height: 38.8vw;
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 36px;
  font-weight: 700;
  line-height: 130%;
  transition: color .8s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-hover-b:hover {
  color: var(--white);
}

.about-hover-content {
  width: 100%;
  position: relative;
}

.about-hover-img {
  opacity: 0;
  background-image: linear-gradient(#00000080, #00000080), url('../images/about-partner-bg2x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact-top-box {
  z-index: 2;
  background-color: var(--logo-dark-blue);
  color: var(--white);
  position: relative;
}

.contact-top-wrap {
  justify-content: space-between;
  align-items: center;
  padding-top: 45px;
  padding-bottom: 45px;
  display: flex;
  position: relative;
}

.contact-top-tip {
  width: 64px;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(0, 100%);
}

.contact-top-message {
  letter-spacing: 1px;
  flex: 1;
  font-weight: 700;
}

.contact-top-info-b {
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.contact-top-info-data {
  letter-spacing: 1px;
  font-weight: 700;
}

.contact-top-info-fieldname {
  justify-content: flex-start;
  align-items: center;
  margin-right: 15px;
  display: flex;
}

.contact-top-info-field-icon {
  flex: none;
  width: 25px;
  margin-right: 10px;
}

.contact-top-info-link {
  color: var(--white);
  text-decoration: none;
}

.contact-bg-b {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.contact-bg-circle-box {
  width: 400px;
  margin-top: -90px;
  margin-left: -240px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.contact-bg-circle-box.v-bottom-right {
  margin-bottom: -50px;
  margin-right: -200px;
  inset: auto 0% 0% auto;
  transform: translate(0, 40%);
}

.form-must-instruction {
  text-align: right;
  margin-bottom: 15px;
}

.form-submit-b {
  text-align: center;
  margin-top: 90px;
}

.form-submit-b.v-inquiry {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -30px;
  margin-left: -4%;
  margin-right: -4%;
  display: flex;
}

.contact-form {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.form-item {
  width: 50%;
  margin-bottom: 30px;
  padding-left: 4%;
  padding-right: 4%;
}

.form-item.v-100 {
  width: 100%;
}

.form-txtfield {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  color: var(--body);
  border-radius: 8px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 17px;
  line-height: 120%;
  transition: border-color .8s;
}

.form-txtfield:focus {
  border-color: var(--logo-dark-blue);
}

.form-txtfield::placeholder {
  color: var(--light-grey);
}

.form-txtfield.v-promotion-code {
  letter-spacing: 2px;
  font-size: 16px;
}

.form-txtfield.datepicker {
  background-image: url('../images/form-calendar.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 71px;
  padding-right: 60px;
}

.form-txtfield.v-plusminus {
  padding-right: 85px;
}

.form-txtfield.v-template-c-guide {
  border-color: var(--grey-a7);
  border-radius: 5px;
}

.form-txtfield.v-template-c-guide:focus {
  border-color: var(--logo-dark-blue);
}

.form-txtfield.v-template-c-guide::placeholder {
  color: var(--grey-a7);
}

.form-field-label {
  color: var(--field-label-black);
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.form-field-label.v-emphasize {
  color: var(--logo-dark-blue);
  font-weight: 700;
}

.form-select {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  color: var(--body);
  background-image: url('../images/form-dropdown-arrow.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 56px;
  border-radius: 8px;
  height: auto;
  margin-bottom: 0;
  padding: 12px 50px 12px 16px;
  font-size: 17px;
  line-height: 120%;
  transition: border-color .8s;
}

.form-select:focus {
  border-color: var(--logo-dark-blue);
}

.form-select::placeholder {
  color: var(--light-grey);
}

.form-select.top-10 {
  margin-top: 10px;
}

.form-select.v-price-range {
  max-width: 250px;
}

.form-select.v-date {
  max-width: 200px;
}

.form-select.title {
  color: var(--logo-dark-blue);
}

.form-select.update {
  border-color: var(--body);
  border-radius: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  display: block;
}

.form-textarea {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  color: var(--body);
  border-radius: 8px;
  height: auto;
  min-height: 100px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 17px;
  line-height: 120%;
  transition: border-color .8s;
}

.form-textarea:focus {
  border-color: var(--logo-dark-blue);
}

.form-textarea::placeholder {
  color: var(--light-grey);
}

.form-textarea.v-longer {
  min-height: 150px;
}

.form-radio-field-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-radio-field-question {
  color: var(--field-label-black);
  letter-spacing: 1px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 15px;
  font-weight: 700;
  display: flex;
}

.form-radio-field-question.v-medium {
  font-weight: 500;
}

.radio-box-gp {
  justify-content: flex-start;
  align-items: center;
  margin-left: -17px;
  margin-right: -17px;
  display: flex;
}

.radio-box-gp-item {
  padding-left: 17px;
  padding-right: 17px;
}

.radio-btn-field {
  cursor: pointer;
  margin-bottom: 0;
  padding-left: 0;
}

.radio-box {
  border: 1px solid var(--light-grey);
  color: var(--body);
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  min-width: 120px;
  padding: 10px 20px;
  font-weight: 700;
  transition: border-color .8s, color .8s, background-color .8s;
}

.radio-box:hover, .radio-box.v-on {
  background-color: var(--light-grey);
}

.radio-box.v-select-quote-industry {
  min-width: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.contact-box-list {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 100px -20px -20px;
  display: flex;
}

.contact-box-item {
  width: 33.3%;
  max-width: 240px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.max-900 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.contact-box-link {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  color: var(--body);
  text-align: center;
  border-radius: 5px;
  padding: 25px;
  text-decoration: none;
  transition-property: all;
  transition-duration: .8s;
  display: block;
  box-shadow: 4px 4px 8px #0000001a;
}

.contact-box-link:hover {
  color: var(--logo-dark-blue);
  transform: translate(0, -10px);
}

.contact-box-icon {
  width: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.contact-map-b {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.contact-map-content {
  background-image: url('../images/contact-map-gradient2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 320px;
  padding: 80px 40px;
  line-height: 160%;
}

.contact-map {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.contact-map-img {
  background-image: url('../images/contact-map2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 50%;
}

.contact-map-info-item {
  color: var(--logo-dark-blue);
  text-align: center;
}

.contact-map-info-icon {
  width: 30px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.contact-map-info-seperator {
  background-color: var(--logo-dark-blue);
  width: 10px;
  height: 2px;
  margin: 45px auto;
}

.submit-page-subtitle {
  letter-spacing: 2px;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.procedure-top-box {
  z-index: 2;
  text-align: center;
  background-image: url('../images/procedure-top-gradient2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  margin-left: -30px;
  margin-right: -30px;
  padding: 60px 30px 100px;
  position: relative;
}

.procedure-top-box.type-2 {
  border-radius: 100% 100% 0% 0%;
  padding-top: 100px;
  padding-bottom: 60px;
}

.procedure-top-wrap {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 170%;
}

.procedure-top-big-heading {
  letter-spacing: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.procedure-top-small-heading {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.procedure-top-b {
  margin-bottom: -10vw;
  overflow: hidden;
}

.procedure-top-b.type-2 {
  margin-bottom: 0;
}

.procedure-step-list {
  padding-top: 10vw;
}

.procedure-step-row {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 60px;
  display: flex;
}

.procedure-step-r-b {
  flex: 1;
}

.procedure-step-l-b {
  width: 40%;
  margin-right: 40px;
  padding-top: 30px;
}

.procedure-bg-b {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.procedure-bg-circle-box {
  width: 400px;
  margin-top: 0;
  margin-left: -150px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.procedure-bg-circle-box.v-bottom-right {
  margin-right: -200px;
  inset: auto 0% 20% auto;
  transform: translate(0, 40%);
}

.procedure-box {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  border-radius: 8px;
  padding: 40px;
  box-shadow: 4px 4px 8px #0000001a;
}

.procedure-box-content-gp {
  margin-top: 25px;
}

.procedure-box-content-title {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.procedure-step-title-b {
  color: var(--body);
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 5%;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  transition: padding .8s, letter-spacing .8s, font-size .8s, color .8s;
  display: flex;
  position: relative;
}

.procedure-step-des {
  margin-top: 30px;
  position: relative;
}

.procedure-step-line-b {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: 25px;
  display: flex;
  position: relative;
}

.procedure-step-line {
  background-color: var(--light-grey);
  flex: 1;
  height: 1px;
  transition: background-color .8s;
}

.procedure-step-index {
  color: var(--body);
  cursor: auto;
  text-decoration: none;
  transition-property: none;
  display: block;
}

.procedure-step-index:hover {
  color: var(--body);
}

.procedure-step-circle {
  border: 2px solid var(--light-grey);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.procedure-step-dot {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
  transition: all .8s;
  transform: scale(0);
}

.procedure-step-small-num {
  white-space: nowrap;
  margin-right: 5px;
  transition: all .8s;
  position: relative;
  overflow: hidden;
}

.procedure-step-title-txt {
  position: relative;
}

.procedure-step-big-num {
  opacity: 0;
  transform-origin: 50%;
  color: #d1d5dbb3;
  letter-spacing: 4px;
  margin-top: -74px;
  font-family: Poppins, sans-serif;
  font-size: 128px;
  font-weight: 200;
  line-height: 100%;
  transition: all .8s;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: scale(0);
}

.procedure-box-img-b {
  border: 1px solid var(--light-grey);
  border-radius: 4px;
  margin-top: 15px;
  overflow: hidden;
}

.font-color-blue {
  color: var(--logo-dark-blue);
}

.procedure-step-title-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.procedure-ordered-list-item {
  margin-bottom: 25px;
}

.procedure-bottom-gp {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 160px;
  display: flex;
  position: relative;
}

.procedure-bottom-img-mask {
  position: relative;
  overflow: hidden;
}

.procedure-bottom-content-b {
  z-index: 1;
  flex: 1;
  position: relative;
}

.procedure-bottom-img-b {
  width: 50%;
  margin-right: 9%;
  position: relative;
}

.procedure-bottom-img-b.v-even {
  order: 1;
  margin-left: 9%;
  margin-right: 0%;
}

.procedure-bottom-img-deco {
  width: 100%;
  height: 100%;
  margin-left: -40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.procedure-bottom-img-deco.v-even {
  margin-left: 40px;
}

.procedure-bottom-deco-1 {
  width: 80%;
  margin-top: 36%;
  margin-left: -21%;
  position: relative;
  overflow: hidden;
}

.procedure-bottom-content-gp {
  margin-top: 60px;
}

.procedure-bottom-deco-2 {
  background-color: var(--light-blue);
  border-top-left-radius: 100%;
  width: 100%;
  height: 100%;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}

.procedure-bottom-banner-title {
  letter-spacing: 1px;
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.qa-paging-num-b {
  justify-content: center;
  align-items: center;
  display: flex;
}

.qa-arrow {
  width: 16px;
  margin-left: 20px;
  margin-right: 20px;
}

.qa-paging-b {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.qna-top-box {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.qna-top-btn {
  background-color: var(--logo-dark-blue);
  color: var(--white);
  letter-spacing: 4px;
  justify-content: center;
  align-items: center;
  padding: 40px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .8s;
  display: flex;
}

.qna-top-btn:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.qna-top-btn-arrow {
  background-color: var(--white);
  background-image: url('../images/btn-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex: none;
  width: 36px;
  height: 36px;
  margin-left: 40px;
}

.qna-top-content-b {
  background-image: url('../images/bg-gradient-12x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  padding: 90px 40px;
}

.qna-filter-gp {
  border-bottom: 1px solid var(--light-grey);
  margin-top: 45px;
  padding-top: 45px;
  padding-bottom: 45px;
  position: relative;
}

.qna-filter-gp-title {
  color: var(--logo-dark-blue);
  letter-spacing: 4px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.filter-checkbox-item {
  width: 50%;
  margin-bottom: 10px;
  padding: 5px 15px;
}

.filter-checkbox-item.v-all {
  letter-spacing: 2px;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.filter-checkbox-item.v-blog, .filter-checkbox-item.v-full {
  width: 100%;
}

.filter-checkbox-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.filter-checkbox-list.v-all {
  margin-bottom: 10px;
}

.form-checkbox-field {
  margin-bottom: 0;
  padding-left: 0;
}

.checkbox-content {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

.checkbox-box {
  border: 1px solid var(--logo-dark-blue);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 10px;
  display: flex;
}

.checkbox-box.v-all {
  border-width: 2px;
}

.checkbox-box.black {
  border-color: var(--body);
}

.checkbox-txt {
  flex: 1;
}

.checkbox-tick {
  opacity: 0;
  background-image: url('../images/form-checkbox-tick.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 100%;
  height: 100%;
  transition: all .5s;
  position: relative;
  transform: scale(0);
}

.checkbox-tick.black {
  background-image: url('../images/form-checkbox-tick-orange.svg');
}

.qna-list-bg {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.faq-list-bg-circle-box {
  width: 400px;
  margin-top: -200px;
  margin-left: -132px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.qna-more-list {
  align-items: stretch;
  display: flex;
}

.qna-more-item {
  width: 50%;
  position: relative;
}

.qna-more-btn-img {
  opacity: 0;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 54.6%;
  position: relative;
}

.qna-more-btn-img.img-1 {
  background-image: url('../images/qna-more-img-22x.jpg');
}

.qna-more-btn-img.img-2 {
  background-image: url('../images/qna-more-img-12x.jpg');
}

.qba-more-hover-content {
  background-color: #0000004d;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.qna-more-btn {
  border: 1px solid var(--white);
  background-color: var(--transparent);
  color: var(--grey-fc);
  letter-spacing: 2px;
  padding: 13px 50px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition-property: background-color;
}

.qna-more-btn:hover {
  color: var(--white);
  background-color: #023f74;
}

.qna-more-default-content {
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.qna-more-default-content-wrap {
  text-align: center;
  width: 100%;
}

.qna-more-default-title {
  letter-spacing: 4px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.faq-more-bg-circle-box {
  width: 400px;
  margin-bottom: -200px;
  margin-right: -200px;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.mobile-hide {
  display: block;
}

.mobile-only {
  display: none;
}

.search-result-bg-b {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.search-result-circle-box {
  width: 400px;
  margin-top: -264px;
  margin-left: -120px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.search-result-circle-box.v-right {
  margin-top: 0;
  margin-bottom: 330px;
  margin-right: -120px;
  inset: auto 0% 0% auto;
}

.ask-form-item {
  width: 50%;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.ask-form-item.v-100 {
  width: 100%;
}

.ask-form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -30px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.ask-form-intro {
  text-align: center;
  margin-bottom: 40px;
  line-height: 170%;
}

.ask-form-submit-b {
  text-align: center;
  margin-top: 40px;
}

.recapcha-temp-img {
  width: 308px;
}

.ask-form-contact-gp {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 15px;
  display: flex;
}

.ask-form-contact-col {
  width: 50%;
}

.ask-form-contact-or {
  text-align: center;
  width: 40px;
  margin-top: 41px;
}

.qna-related-bg-b {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.qna-related-circle-box {
  width: 400px;
  margin-top: -264px;
  margin-right: -120px;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.qna-related-circle-box.v-bottom {
  margin-bottom: -300px;
  margin-left: -80px;
  inset: auto auto 0% 0%;
}

.related-faq-hot-b {
  flex: none;
  order: 1;
  width: 350px;
  margin-left: 60px;
  position: sticky;
  top: 120px;
}

.related-faq-list-b {
  flex: 1;
}

.related-faq-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.blog-filter-gp {
  border-bottom: 1px solid var(--light-grey);
  margin-bottom: 45px;
  padding-bottom: 45px;
  position: relative;
}

.blog-list-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.blog-list-l-b {
  flex: none;
  width: 240px;
  margin-right: 40px;
  position: sticky;
  top: 120px;
}

.blog-list-r-b {
  flex: 1;
}

.blog-list-paging-b {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.blog-list {
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.blog-item {
  width: 50%;
  margin-bottom: 40px;
  padding-left: 2%;
  padding-right: 2%;
}

.blog-item-link {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  color: var(--121416);
  border-radius: 8px;
  height: 100%;
  padding: 15px 16px 110px;
  text-decoration: none;
  display: block;
  position: relative;
  box-shadow: 5px 5px 15px #0000001a;
}

.blog-item-link:hover {
  color: var(--logo-dark-blue);
}

.blog-item-img-b {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.blog-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 52.5%;
  position: relative;
}

.blog-item-img.blog-1 {
  background-image: url('../images/blog-thumb-22x.jpg');
}

.blog-item-img.blog-2 {
  background-image: url('../images/blog-thumb-32x.jpg');
}

.blog-item-img.blog-3 {
  background-image: url('../images/blog-thumb-42x.jpg');
}

.blog-item-img.blog-4 {
  background-image: url('../images/blog-thumb-52x.jpg');
}

.blog-item-img.blog-5 {
  background-image: url('../images/blog-thumb-62x.jpg');
}

.blog-item-img.blog-6 {
  background-image: url('../images/blog-thumb-72x.jpg');
}

.blog-item-tag {
  color: var(--white);
  letter-spacing: 2px;
  background-color: #0003;
  border-radius: 4px;
  margin-top: 6px;
  margin-left: 6px;
  padding: 8px 10px;
  font-size: 17px;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.blog-item-title {
  letter-spacing: 4px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.blog-item-des {
  color: var(--6c757d);
  max-height: 190.4px;
  font-size: 16px;
  line-height: 170%;
  overflow: hidden;
}

.blog-item-info-b {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
  display: flex;
}

.blog-item-info-line {
  background-color: var(--6c757d);
  opacity: .4;
  flex: 1;
  height: 1px;
}

.blog-item-info {
  color: var(--6c757d);
  justify-content: flex-start;
  align-items: center;
  margin-left: 5%;
  display: flex;
}

.blog-item-info-dot {
  background-color: var(--6c757d);
  opacity: .4;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
  margin-right: 5px;
}

.blog-item-share {
  background-image: url('../images/blog-icon-share.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 20px;
  height: 20px;
}

.blog-item-btn-b {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.blog-item-btn-arrow {
  flex: none;
  width: 15px;
  margin-left: 10px;
  transition: all .8s;
}

.blog-mobile-filter-b {
  display: none;
}

.blog-list-bg {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.blog-list-bg-circle-box {
  width: 400px;
  margin-top: -200px;
  margin-left: -132px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.blog-list-bg-circle-box.v-bottom {
  margin-bottom: 50px;
  margin-right: -200px;
  inset: auto 0% 0% auto;
}

.blog-feature-b {
  position: relative;
}

.blog-feature-link {
  background-color: var(--light-blue);
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  transition-property: background-color;
  display: flex;
  position: relative;
}

.blog-feature-link:hover {
  background-color: var(--darker-light-blue);
  color: var(--logo-dark-blue);
}

.blog-feature-img-b {
  width: 50%;
  overflow: hidden;
}

.blog-feature-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 74.8%;
}

.blog-feature-img.img-1 {
  background-image: url('../images/blog-thumb-12x.jpg');
}

.blog-feature-content-b {
  flex: 1;
  padding: 40px;
}

.blog-feature-info {
  color: var(--6c757d);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-feature-info-b {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  font-size: 16px;
  display: flex;
}

.blog-feature-title {
  letter-spacing: 4px;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.blog-feature-btn-b {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  position: static;
  inset: auto auto 0% 0%;
}

.blog-feature-dot-copy {
  background-color: var(--6c757d);
  opacity: .4;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.blog-feature-info-line {
  background-color: var(--6c757d);
  opacity: .4;
  flex: 1;
  height: 1px;
  margin-left: 20px;
}

.blog-hot-list {
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: -40px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.blog-hot-item {
  width: 33.3%;
  margin-bottom: 40px;
  padding-left: 2%;
  padding-right: 2%;
}

.blog-detail-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-detail-col-index {
  flex: none;
  width: 285px;
  margin-right: 40px;
  position: sticky;
  top: 120px;
}

.blog-index-heading-b {
  color: var(--logo-dark-blue);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 45px;
  display: flex;
}

.blog-index-heading-line {
  background-color: var(--logo-dark-blue);
  flex: 1;
  height: 1px;
  margin-left: 45px;
}

.blog-index-gp {
  margin-bottom: 45px;
}

.blog-index-gp-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  letter-spacing: 1px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
  display: inline-block;
}

.blog-index-gp-title:hover {
  color: var(--logo-dark-blue);
}

.blog-index-btn-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-index-arrow {
  background-image: url('../images/detail-arrow-blue.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 15px;
  height: 15px;
  margin-right: 15px;
}

.blog-index-sublist {
  margin-top: 20px;
  padding-left: 35px;
}

.blog-index-sublink {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--body);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  line-height: 130%;
  text-decoration: none;
  display: block;
}

.blog-index-sublink:hover {
  color: var(--body);
}

.blog-index-sublink-txt {
  background-image: url('../images/list-bullet-black.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 4px;
  margin-left: 14px;
  padding-left: 14px;
}

.blog-detail-col-content {
  flex: 1;
}

.blog-detail-box {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 8px 8px 30px #0000001a;
}

.blog-detail-title {
  color: var(--logo-dark-blue);
  letter-spacing: 4px;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.blog-detail-content-box {
  padding: 40px 40px 80px;
}

.blog-detail-content-box.v-intro {
  background-color: var(--light-blue);
}

.blog-detail-key-img-b {
  margin-top: 40px;
  overflow: hidden;
}

.blog-detail-gp {
  margin-bottom: 60px;
}

.blog-detail-tag {
  color: var(--grey-fc);
  letter-spacing: 2px;
  background-color: #0000004d;
  border-radius: 4px;
  margin-bottom: 25px;
  padding: 8px 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: inline-block;
}

.detail-share-title {
  justify-content: center;
  align-items: center;
  margin-bottom: 45px;
  display: flex;
}

.detail-share-title-txt {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  margin-left: 17px;
  margin-right: 17px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.detail-share-line {
  background-color: var(--logo-dark-blue);
  flex: 1;
  height: 1px;
}

.detail-share-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.detail-share-item {
  margin-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
}

.link-block {
  width: 32px;
  display: block;
}

.detail-back-b {
  margin-top: 60px;
}

.hr-learn-banner-hover-content {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.hr-learn-banner-hover-heading {
  letter-spacing: 1px;
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}

.hr-learn-banner-btn {
  border: 1px solid var(--white);
  background-color: var(--transparent);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 15px;
  padding: 15px 20px;
  font-size: 17px;
  font-weight: 700;
  line-height: 120%;
  transition-property: background-color;
  display: block;
}

.hr-learn-banner-btn:hover {
  background-color: var(--logo-dark-blue);
  color: var(--white);
}

.hr-learn-top-handbook-btn {
  z-index: 200;
  background-color: var(--logo-dark-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  width: 100%;
  padding: 10px 5%;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .8s;
  display: block;
  position: fixed;
  top: 90px;
}

.hr-learn-top-handbook-btn:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.hr-learn-article-tabs {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hr-learn-article-tabs-menu {
  background-color: var(--grey-fc);
  border-right: 1px solid #e6e6e6;
  height: 100vh;
  padding-bottom: 132px;
  position: sticky;
  top: 132px;
  overflow: auto;
}

.hr-learn-article-tab-link {
  border-right: 1.5px solid var(--transparent);
  background-color: var(--transparent);
  color: var(--grey-a7);
  text-align: center;
  width: 92px;
  padding: 15px 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .5s, border-color .5s, color .5s;
  display: block;
  box-shadow: 0 4px 4px #0000;
}

.hr-learn-article-tab-link:hover {
  color: var(--logo-dark-blue);
}

.hr-learn-article-tab-link.w--current {
  border-right-color: var(--logo-dark-blue);
  background-color: var(--grey-fc);
  color: var(--logo-dark-blue);
  box-shadow: 0 4px 4px #00000040;
}

.hr-learn-article-tabs-content {
  flex: 1;
  padding-top: 45px;
  overflow: visible;
}

.hr-learn-article-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 50px;
  display: flex;
}

.hr-learn-article-index-b {
  flex: none;
  width: 150px;
  margin-right: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
  position: sticky;
  top: 130px;
}

.hr-learn-article-tab-img-b {
  width: 40px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hr-learn-article-tab-img-active {
  opacity: 0;
  width: 100%;
  transition: opacity .5s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hr-learn-article-content-b {
  flex: 1;
  padding-bottom: 90px;
}

.hr-learn-article-gp {
  padding-top: 90px;
  line-height: 170%;
}

.hr-learn-article-vid-b {
  margin-top: 35px;
}

.detail-bottom-btn-gp {
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.detail-bottom-btn-item {
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-sitcky-contact {
  z-index: 10;
  background-color: var(--grey-fc);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100vh;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.btn-sitcky-contact:hover {
  color: var(--blue-hover-dark);
}

.btn-sticky-contact-icon {
  width: 20px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.btn-sticky-contact-content {
  text-align: center;
  width: 20px;
}

.hr-learn-article-index-dot-line {
  flex: none;
}

.hr-learn-article-list {
  margin-bottom: 90px;
}

.hr-learn-handbook-box {
  z-index: 100;
  background-image: url('../images/hr-learn-gradient2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 45px;
  position: relative;
}

.hr-learn-handbook-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 980px;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hr-learn-handbook-footnote {
  color: var(--logo-dark-blue);
  text-align: center;
  font-size: 15px;
  line-height: 120%;
}

.btn-hr-learn-handbook {
  color: var(--body);
  letter-spacing: 1.5px;
  width: 260px;
  padding: 0;
  font-weight: 700;
  display: block;
  position: relative;
  overflow: hidden;
}

.btn-hr-learn-handbook:hover {
  color: var(--logo-dark-blue);
}

.btn-hr-learn-handbook-content {
  padding: 20px;
  position: absolute;
  inset: 0%;
}

.hr-learn-handbook-main {
  flex: 1;
  margin-left: 8%;
}

.handbook-form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -20px;
  margin-left: -14px;
  margin-right: -14px;
  display: flex;
}

.handbook-form-item {
  width: 50%;
  margin-bottom: 20px;
  padding-left: 14px;
  padding-right: 14px;
}

.handbook-form-item.v-100 {
  width: 100%;
}

.handbook-form-submit-b {
  text-align: center;
  margin-top: 50px;
}

.handbook-form-title {
  color: var(--logo-dark-blue);
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.pop-handbook {
  z-index: 100;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding-top: 132px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.btn-pop-handbook-close {
  background-image: url('../images/pop-close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  margin-top: -50px;
  transition-property: opacity;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-pop-handbook-close:hover {
  opacity: .5;
}

.pop-handbook-bg-close {
  cursor: pointer;
  position: fixed;
  inset: 0%;
}

.hr-learn-article-bg-b {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hr-learn-article-bg-circle-box {
  width: 400px;
  margin-top: -100px;
  margin-left: -90px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.login-member-feature-heading-b {
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  font-weight: 700;
  display: flex;
}

.login-member-feature-heading-txt {
  margin-left: 20px;
  margin-right: 20px;
}

.login-member-feature-heading-line {
  background-color: var(--logo-dark-blue);
  flex: 1;
  min-width: 100px;
  height: 1px;
}

.login-member-feature-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.login-member-feature-box {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  border-radius: 8px;
  height: 100%;
  padding: 20px 25px;
  box-shadow: 4px 4px 8px #0000001a;
}

.login-member-feature-item {
  width: 33.3%;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.login-member-feature-title-b {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.login-member-feature-title-icon {
  flex: none;
  width: 60px;
  margin-right: 10px;
}

.login-member-feature-title-txt {
  flex: 1;
}

.login-b {
  align-items: stretch;
  display: flex;
}

.login-col-img {
  width: 38%;
  position: relative;
  overflow: hidden;
}

.login-img {
  background-image: url('../images/login-banner-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.login-col-main {
  flex: 1;
  padding-top: 60px;
  padding-bottom: 60px;
}

.login-tab-menu {
  border-bottom: 1px solid #a7a7a74d;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
  display: flex;
}

.login-tab-link {
  background-color: var(--transparent);
  color: var(--body);
  text-align: center;
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
}

.login-tab-link:hover {
  color: var(--logo-dark-blue);
}

.login-tab-link.w--current {
  background-color: var(--transparent);
  color: var(--logo-dark-blue);
}

.login-tab-link-content {
  padding: 10px 16px;
  position: relative;
}

.forgot-pw-txt-link {
  letter-spacing: 1px;
  margin-top: 10px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.login-or-b {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.login-or-txt {
  margin-left: 20px;
  margin-right: 20px;
}

.login-or-line {
  background-color: var(--light-grey);
  flex: 1;
  min-width: 100px;
  height: 1px;
}

.login-option-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.login-option-item {
  padding-left: 8px;
  padding-right: 8px;
}

.login-option-link {
  background-color: var(--white);
  border-radius: 6px;
  width: 65px;
  transition-property: background-color;
  display: block;
  box-shadow: 0 4px 10px #00000014;
}

.login-option-link:hover {
  background-color: var(--darker-light-blue);
}

.login-submit-b {
  margin-top: 30px;
}

.login-resigter-question-b {
  text-align: center;
  margin-top: 20px;
}

.login-content {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.login-form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.login-form-item {
  margin-bottom: 22px;
}

.login-form-item.v-checkbox {
  margin-top: 40px;
}

.inquiry-form-or-b {
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  margin-top: 90px;
  margin-bottom: 90px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.inquiry-form-or-txt {
  margin-left: 20px;
  margin-right: 20px;
}

.inquiry-form-or-line {
  background-color: var(--logo-dark-blue);
  flex: 1;
  min-width: 100px;
  height: 1px;
}

.inquiry-form-bottom-b {
  margin-top: 110px;
}

.inquiry-form-top-b {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.form-agreement-b {
  margin-top: 60px;
}

.form-agreement-row {
  margin-bottom: 60px;
}

.form-agreement-row-title {
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-weight: 700;
}

.form-agreement-checkbox-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.form-agreement-checkbox-item {
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.form-agreenment-note {
  margin-top: 10px;
  margin-bottom: 15px;
}

.pop-inquiry-login {
  z-index: 3000;
  opacity: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.pop-common-close-bg {
  cursor: pointer;
  background-color: #1d335366;
  position: fixed;
  inset: 0%;
}

.pop-login-box {
  background-color: var(--grey-fc);
  flex: 1;
  max-width: 760px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 60px 90px;
  position: relative;
}

.register-form-footnote {
  text-align: right;
  margin-top: 45px;
}

.register-menu-b {
  border-bottom: 1px solid #a7a7a74d;
  justify-content: space-between;
  align-items: stretch;
  max-width: 400px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.register-menu-link {
  color: var(--grey-a7);
  text-align: center;
  letter-spacing: 2px;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  display: block;
  position: relative;
}

.register-menu-link:hover {
  color: var(--logo-dark-blue);
}

.register-menu-link.w--current {
  background-color: var(--transparent);
  color: var(--logo-dark-blue);
}

.register-menu-item-line {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  border-radius: 3px 3px 0 0;
  height: 3px;
  margin-bottom: -1px;
  transition: opacity .8s;
  position: absolute;
  inset: auto 0% 0%;
}

.register-or-b {
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 2px;
  margin-top: 60px;
  margin-bottom: 45px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.terms-intro-box {
  background-color: var(--light-blue);
  padding-top: 90px;
  padding-bottom: 40px;
}

.terms-h3 {
  letter-spacing: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.terms-h2 {
  letter-spacing: 0;
}

.terms-content-gp {
  margin-bottom: 90px;
  line-height: 170%;
}

.common-banner-col-list {
  align-items: stretch;
  height: 500px;
  display: flex;
  position: relative;
}

.common-banner-col-list.v-strategy {
  height: auto;
}

.common-banner-col-item {
  width: 100%;
  transition: width .8s;
  position: static;
}

.common-banner-col-mask {
  z-index: 1;
  border-right: 1px solid var(--grey-fc);
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.common-banner-col-mask.white {
  background-color: #ffffff80;
}

.common-item-banner-col-img {
  opacity: 0;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity .8s;
  position: absolute;
  inset: 0%;
}

.common-item-banner-col-img.img-construction-onetime {
  background-image: url('../images/quote-commercial-bg-工程保險2x.jpg');
}

.common-item-banner-col-img.img-travel-annual {
  background-image: url('../images/quote-commercial-bg-全年旅遊保險2x.jpg');
}

.common-item-banner-col-img.img-hr-1 {
  background-image: url('../images/hr-item-bg2x.jpg');
}

.common-item-banner-col-img.img-hr-2 {
  background-image: url('../images/hr-item-bg-22x.jpg');
}

.common-item-banner-col-img.img-hr-3 {
  background-image: url('../images/hr-item-bg-32x.jpg');
}

.common-item-banner-col-img.img-hr-4 {
  background-image: url('../images/hr-item-bg-42x.jpg');
}

.common-item-banner-col-img.img-hr-5 {
  background-image: url('../images/hr-item-bg-52x.jpg');
}

.common-item-banner-col-img.img-hr-learn-1 {
  background-image: url('../images/hr-learn-item-banner-12x.jpg');
}

.common-item-banner-col-img.img-hr-learn-2 {
  background-image: url('../images/hr-learn-item-banner-22x.jpg');
}

.common-item-banner-col-img.img-hr-learn-3 {
  background-image: url('../images/hr-learn-item-banner-32x.jpg');
}

.common-item-banner-col-img.img-hr-learn-4 {
  background-image: url('../images/hr-learn-item-banner-42x.jpg');
}

.common-item-banner-col-img.img-hr-learn-5 {
  background-image: url('../images/hr-learn-item-banner-52x.jpg');
}

.common-banner-col-default-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.common-banner-col-default-img.v-travel {
  background-image: url('../images/quote-commercial-bg-旅遊保險2x.jpg');
}

.common-banner-col-default-img.v-hr {
  background-image: url('../images/hr-item-bg2x.jpg');
}

.common-banner-col-default-img.v-hr-learn {
  background-image: url('../images/hr-learn-item-banner-12x.jpg');
}

.common-banner-col-default {
  color: var(--white);
  letter-spacing: 2px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 15px;
  font-size: 17px;
  font-weight: 700;
  line-height: 120%;
  transition: opacity .8s;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.common-banner-col-hover {
  opacity: 0;
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 25px;
  transition: opacity .8s;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.common-banner-col-hover.v-strategy {
  height: auto;
  position: relative;
}

.common-banner-col-hover.black {
  color: var(--body);
}

.member-b {
  width: 100%;
  padding-left: 250px;
  position: relative;
}

.member-menu-b {
  border-right: 1px solid var(--grey-fc);
  background-color: #f3f3f3;
  flex: none;
  width: 250px;
  padding: 130px 25px 40px;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: auto;
  box-shadow: 0 4px 4px #00000040;
}

.member-menu-top {
  color: var(--logo-dark-blue);
  margin-bottom: 25px;
  line-height: 130%;
}

.member-menu-welcome {
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: 700;
}

.member-menu-item {
  margin-bottom: 10px;
}

.member-menu-link {
  background-color: var(--grey-fc);
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  transition: box-shadow .5s, background-color .5s, color .5s;
  display: flex;
  box-shadow: inset 0 2px 4px #0000, 0 2px 4px #00000040;
}

.member-menu-link:hover {
  color: var(--logo-dark-blue);
  background-color: #f3f3f3;
  box-shadow: inset 0 2px 4px #00000040, 0 2px 4px #0000;
}

.member-menu-link.w--current {
  box-shadow: inset 0 2px 4px #00000040, 0 2px 4px #0000;
}

.member-menu-icon {
  flex: none;
  width: 20px;
  margin-right: 10px;
}

.member-menu-notification-num {
  background-color: var(--logo-dark-blue);
  color: var(--white);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.member-menu-logout-b {
  margin-top: 35px;
}

.btn-logout {
  letter-spacing: 1px;
  background-image: url('../images/member-icon-logout2x_1member-icon-logout@2x.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 34px;
  font-weight: 700;
  text-decoration: none;
  transition-property: opacity;
}

.btn-logout:hover {
  opacity: .5;
  color: var(--logo-dark-blue);
}

.member-menu-bottom-txt {
  color: #8a99af;
  margin-top: 60px;
  padding-right: 15px;
  font-size: 14px;
  line-height: 150%;
}

.member-menu-bottom-link {
  color: #8a99af;
  text-decoration: none;
}

.member-menu-bottom-link:hover {
  color: var(--field-label-black);
}

.member-content {
  padding-top: 40px;
  padding-bottom: 120px;
}

.member-content.v-quote-inner {
  padding-top: 0;
  padding-bottom: 0;
}

.member-content.v-submit {
  padding-top: 90px;
}

.member-content-box {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  color: var(--field-label-black);
  border-radius: 15px;
  margin-bottom: 60px;
  padding: 30px;
  box-shadow: 4px 4px 10px #0000001a;
}

.member-content-box.v-construction-plan {
  height: 100%;
  margin-bottom: 0;
}

.member-content-box.v-inactive {
  color: var(--grey-a7);
  background-color: #f3f3f3;
}

.member-content-box-heading-b {
  color: var(--logo-dark-blue);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.member-content-box-heading-b.v-construction-evident-radio {
  align-items: center;
  margin-bottom: 0;
}

.member-content-h3 {
  flex: 1;
}

.btn-member-edit {
  border-radius: 50%;
  flex: none;
  width: 29px;
  margin-left: 20px;
  padding: 4px;
  transition-property: background-color;
}

.btn-member-edit:hover, .btn-member-edit.w--current {
  background-color: var(--light-grey);
}

.btn-member-edit.v-inactive {
  opacity: .4;
  pointer-events: none;
}

.btn-member-edit.v-inactive:hover {
  background-color: var(--transparent);
}

.member-info-list {
  overflow: hidden;
}

.member-info-row {
  border-bottom: 1px solid var(--light-grey);
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.member-info-row.v-construction-plan {
  padding-right: 0;
  display: block;
}

.member-info-row.v-construction-cover {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 0;
}

.member-info-col-fieldname {
  color: var(--field-label-black);
  letter-spacing: 1px;
  flex: none;
  width: 170px;
  padding-right: 20px;
  font-weight: 700;
  line-height: 130%;
}

.member-info-col-fieldname.v-construction {
  width: 250px;
}

.member-info-col-fieldname.v-consturction-plan {
  width: auto;
  margin-bottom: 5px;
}

.member-info-col-fieldname.v-medical {
  width: 260px;
}

.member-info-col-data {
  flex: 1;
}

.member-info-data-txt {
  letter-spacing: 2px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.member-info-data-txt.bold-blue {
  color: var(--logo-dark-blue);
  font-weight: 700;
}

.member-info-gp {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.member-info-gp-item {
  flex: 1;
  min-width: 400px;
}

.member-info-w-note {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.member-info-data-note-txt {
  color: var(--grey-a7);
  letter-spacing: 2px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.member-info-data-note {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.member-form-btn-gp {
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.member-form-btn-item {
  margin-left: 48px;
  display: flex;
}

.form-cancel-btn {
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.btn-member-mobile-menu {
  display: none;
}

.pw-form-item {
  margin-bottom: 60px;
}

.pw-form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.pw-form {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.pw-form-btn-gp {
  justify-content: space-between;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.pw-form-btn-item {
  padding-left: 10px;
  padding-right: 10px;
}

.member-filter-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.member-filter-item {
  width: 50%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.member-filter-item.v-insurance {
  width: 33.3%;
}

.member-quote-tab-menu {
  border-bottom: 1px solid #a7a7a74d;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 400px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.member-quote-tab-link {
  background-color: var(--transparent);
  color: var(--grey-a7);
  text-align: center;
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
}

.member-quote-tab-link:hover {
  color: var(--logo-dark-blue);
}

.member-quote-tab-link.w--current {
  background-color: var(--transparent);
  color: var(--logo-dark-blue);
}

.member-quote-tab-link-content {
  padding: 10px 30px;
  position: relative;
}

.quote-notice-num {
  background-color: var(--logo-dark-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: -20px;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.member-quote-list {
  padding-top: 10px;
}

.member-quote-item-link {
  border-style: none solid solid;
  border-width: 1px 1px 1px 4px;
  border-color: var(--light-grey) var(--light-grey) var(--light-grey) var(--logo-dark-blue);
  background-color: var(--grey-fa);
  color: var(--body);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 10px 20px;
  text-decoration: none;
  transition-property: all;
  display: block;
  box-shadow: 4px 4px 10px #0000001a;
}

.member-quote-item-link:hover {
  background-color: var(--white);
  color: var(--body);
  transform: translate(0, -10px);
}

.member-quote-item-link.v-unavailable {
  color: var(--grey-a7);
  background-color: #f3f3f3;
}

.member-quote-item-main {
  border-right: 1px none var(--light-grey);
  border-bottom: 1px solid var(--light-grey);
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.member-quote-item-img {
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-right: 20px;
  display: flex;
}

.member-quote-item {
  margin-bottom: 25px;
}

.member-quote-item-name-b {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.member-quote-item-name-wrap {
  flex: 1;
}

.member-quote-item-title {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.mamber-quote-item-date {
  color: var(--grey-a7);
  position: absolute;
  inset: 0% 0% auto auto;
}

.mamber-quote-item-info {
  flex: none;
  width: auto;
}

.mamber-quote-item-info-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.mamber-quote-item-info-item {
  letter-spacing: 1px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.mamber-quote-item-info-data.bold-blue {
  color: var(--logo-dark-blue);
  font-weight: 700;
}

.mamber-quote-item-info-data.bold-black {
  color: var(--body);
  font-weight: 700;
}

.member-quote-item-term {
  color: var(--field-label-black);
  letter-spacing: 1px;
  font-weight: 700;
  text-decoration: underline;
}

.member-mobile-filter-b {
  display: none;
}

.m-quotation-innerpage-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.m-quotation-innerpage-main {
  flex: 1;
  padding-top: 40px;
  padding-bottom: 90px;
}

.m-quotation-innerpage-summary {
  background-color: var(--logo-dark-blue);
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  display: flex;
}

.m-quote-breakdown-b {
  letter-spacing: 1px;
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  position: relative;
}

.m-quote-breakdown-row {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.m-quote-breakdown-row.v-discount {
  color: var(--yellow);
}

.m-quote-breakdown-row.v-promotioinalcode {
  color: var(--bright-green);
}

.m-quote-breakdown-fieldname {
  margin-right: 10px;
}

.m-quote-breakdown-data {
  text-align: right;
  flex: 1;
}

.m-quote-breakdown-sum {
  border-top: 1px solid var(--grey-fc);
  letter-spacing: 2px;
  padding-top: 10px;
  font-size: 18px;
  line-height: 120%;
}

.m-quote-code-b {
  letter-spacing: 2px;
  margin-top: 0;
  font-size: 16px;
  line-height: 120%;
}

.m-quote-code-label {
  margin-bottom: 5px;
  font-weight: 500;
}

.m-quote-code-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.m-quote-code-data {
  flex: 1;
  margin-right: 15px;
}

.m-quote-code-data.v-submitted {
  letter-spacing: 0;
  font-size: 14px;
  line-height: 120%;
}

.btn-promotioncode {
  border: 1px solid var(--white);
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
  text-align: center;
  letter-spacing: 2px;
  padding: 13px 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition-property: background-color;
}

.btn-promotioncode:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.m-quote-code-submitted-b {
  display: none;
}

.m-quote-summary-footnote {
  margin-top: 35px;
  font-size: 14px;
  line-height: 150%;
}

.m-quote-innerpage-summary-submit-b {
  margin-top: 35px;
}

.m-quotation-innerpage-heading-b {
  border-bottom: 1px solid var(--light-grey);
  color: var(--logo-dark-blue);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.m-quotation-innerpage-heading-txt {
  font-size: 24px;
  line-height: 120%;
}

.member-info-btn-b {
  text-align: center;
  margin-top: 50px;
}

.mamber-content-box-subheading-b {
  border-left: 2px solid var(--logo-dark-blue);
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 25px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.m-quote-document-b {
  letter-spacing: 1px;
  margin-top: 25px;
}

.m-quote-innerpage-summary-r-b {
  width: 280px;
  margin-left: 40px;
}

.m-quotation-innerpage-summary-cancel-b {
  text-align: center;
  margin-top: 15px;
}

.txt-link-white {
  color: var(--white);
}

.m-quote-document-upload-list {
  letter-spacing: 2px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 10px -35px -15px;
  font-size: 16px;
  line-height: 120%;
  display: flex;
}

.m-quote-document-upload-item {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-bottom: 15px;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
}

.document-upload-link {
  letter-spacing: 1px;
  font-weight: 700;
  text-decoration: none;
}

.m-quote-document-upload-title {
  flex: 1;
  min-width: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.m-quote-innerpage-coupon-list {
  margin-bottom: -30px;
}

.member-coupon-item-link {
  border-style: none solid solid;
  border-width: 1px 1px 1px 4px;
  border-color: var(--light-grey) var(--light-grey) var(--light-grey) var(--logo-dark-blue);
  background-color: var(--grey-fa);
  color: var(--body);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  text-decoration: none;
  transition-property: all;
  display: flex;
  box-shadow: 4px 4px 7px #0000001a;
}

.member-coupon-item-link:hover {
  background-color: var(--white);
  color: var(--body);
  transform: translate(0, -10px);
  box-shadow: 6px 6px 10px #00000026;
}

.member-coupon-item-link.v-used {
  border-left-color: var(--grey-a7);
}

.member-qoute-innerpage-coupon-item {
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
}

.member-coupon-item-main {
  flex: 1;
  padding: 20px 30px;
}

.member-coupon-item-side {
  background-image: url('../images/member-coupon-item-dash2x.png');
  background-position: 0%;
  background-repeat: repeat-y;
  background-size: 3px;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 150px;
  padding: 20px;
  display: flex;
}

.member-coupon-item-code-b {
  border-radius: 5px;
  padding: 7px;
}

.member-coupon-item-code-b.v-cash {
  background-color: #ffc558;
}

.member-coupon-item-code-b.v-discount {
  background-color: #f1f36a;
}

.member-coupon-item-code-txt {
  word-break: break-all;
  font-size: 14px;
  line-height: 120%;
}

.member-coupon-item-code-title {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-weight: 700;
}

.member-coupon-value-b {
  margin-top: 20px;
}

.member-coupon-value-currency {
  color: var(--grey-a7);
  letter-spacing: 1px;
  font-weight: 700;
}

.member-coupon-value-txt {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.member-coupon-title {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  background-image: url('../images/member-icon-promotion2x_1member-icon-promotion@2x.png');
  background-position: 0 1px;
  background-repeat: no-repeat;
  background-size: 18px;
  margin-bottom: 10px;
  padding-left: 23px;
  font-weight: 700;
}

.member-coupon-item-detail {
  margin-top: 15px;
}

.member-coupon-item-detail-row {
  margin-top: 5px;
  font-size: 14px;
  line-height: 120%;
}

.member-coupon-value-unit {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  font-weight: 700;
}

.pop-cancel-insure {
  z-index: 3000;
  opacity: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.pop-cancel-insure-box {
  background-color: var(--grey-fc);
  flex: 1;
  max-width: 642px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 60px 90px;
  position: relative;
}

.cancel-insure-reason-list {
  margin-top: 40px;
}

.cancel-insure-reason-item {
  margin-top: 20px;
}

.m-quotation-innerpage-intro-b {
  margin-bottom: 50px;
}

.member-quote-select-date-b {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-left: -25px;
  margin-right: -25px;
  display: block;
}

.member-quote-select-date-col {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.member-quote-doc-radio-row {
  margin-top: 25px;
  margin-bottom: 20px;
}

.radio-btn-content {
  color: var(--field-label-black);
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.radio-btn-circle {
  border: 4px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 50%;
  flex: none;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  transition: border-color .5s;
  box-shadow: 0 2px #00000040;
}

.member-box-red-footnote {
  color: var(--error-red-txt);
  margin-top: 25px;
  font-size: 14px;
  line-height: 120%;
}

.radio-common-btn-b {
  margin-top: 5px;
  margin-bottom: 5px;
}

.member-quote-payment-radio-gp {
  margin-top: 50px;
}

.member-quote-payment-tabs {
  color: var(--body);
}

.member-quote-payment-tabs-menu {
  border-right: 1px solid var(--light-grey);
  border-bottom: 1px solid var(--light-grey);
  flex-wrap: wrap;
  display: flex;
}

.member-quote-payment-tabs-content {
  background-color: var(--light-blue);
  padding: 25px;
}

.member-quote-payment-tab-link {
  border-style: solid none none solid;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fc);
  color: var(--body);
  text-align: center;
  width: 25%;
  padding: 20px;
  transition: background-color .5s, color .5s;
  display: block;
}

.member-quote-payment-tab-link:hover {
  color: var(--logo-dark-blue);
}

.member-quote-payment-tab-link.w--current {
  border-right-color: var(--transparent);
  background-color: var(--logo-dark-blue);
  color: var(--white);
}

.radio-btn-txt-w-btn {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radio-common-w-btn-txt {
  margin-right: 15px;
}

.member-insure-table {
  font-size: 1.25vw;
  line-height: 120%;
}

.member-insure-table-top {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--light-blue);
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  border-radius: 8px;
  font-weight: 700;
}

.member-insure-table-wrap {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.member-insure-table-col {
  border-right: 1px solid var(--light-grey);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  display: flex;
}

.member-insure-table-col.col-no {
  width: 10%;
}

.member-insure-table-col.col-cat {
  width: 12%;
}

.member-insure-table-col.col-company {
  flex: 1;
}

.member-insure-table-col.col-insure-no {
  width: 15%;
}

.member-insure-table-col.col-date {
  width: 22%;
}

.member-insure-table-col.col-price {
  width: 12%;
}

.member-insure-table-col.col-status {
  letter-spacing: 2px;
  width: 12%;
}

.member-insure-table-row {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  color: var(--body);
  border-radius: 5px;
  margin-top: 20px;
  text-decoration: none;
  transition: box-shadow .5s, background-color .5s, color .5s;
  display: block;
  box-shadow: 2px 2px 5px #0000001a;
}

.member-insure-table-row:hover {
  background-color: var(--white);
  color: var(--body);
  box-shadow: 4px 4px 5px #0000001a;
}

.insure-status-green {
  color: var(--lime-green);
  font-weight: 500;
}

.member-table-fieldname {
  display: none;
}

.insure-status-red {
  color: var(--error-red-txt);
  font-weight: 500;
}

.member-coupon-tabs-menu {
  border-bottom: 1px solid #a7a7a74d;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 605px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.member-coupon-tabs-link {
  background-color: var(--transparent);
  color: var(--grey-a7);
  text-align: center;
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
}

.member-coupon-tabs-link:hover {
  color: var(--logo-dark-blue);
}

.member-coupon-tabs-link.w--current {
  background-color: var(--transparent);
  color: var(--logo-dark-blue);
}

.member-coupon-tab-link-content {
  padding: 10px 30px;
  position: relative;
}

.member-coupon-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.member-coupon-item {
  width: 100%;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.coupon-copied-b {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 5px;
  width: 100%;
  max-width: 867px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 5px 20px;
  font-weight: 700;
  display: none;
  position: absolute;
  inset: 0% 0% auto 50%;
  transform: translate(-50%);
}

.member-notice-list-paging-b {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.member-notice-item {
  border-bottom: 1px solid var(--light-grey);
  color: var(--body);
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 170%;
}

.member-notice-item-date {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 120%;
}

.m-quotation-innerpage-subheading-txt {
  color: var(--body);
  margin-top: 5px;
}

.member-empleyee-list-tool {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 40px;
  margin-bottom: 40px;
  display: block;
}

.member-employee-filter-list {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.member-employee-filter-item {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.member-employee-list-btn-b {
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.member-employee-list-btn-item {
  padding-left: 15px;
  padding-right: 15px;
}

.btn-member-add-employee {
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
  text-align: center;
  letter-spacing: 2px;
  background-image: url('../images/member-icon-add-employee2x_1member-icon-add-employee@2x.png');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 10px 10px 10px 35px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition-property: background-color;
}

.btn-member-add-employee:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.btn-member-delete-employee {
  background-color: var(--transparent);
  color: var(--grey-a7);
  background-image: url('../images/member-icon-delete-employee2x_1member-icon-delete-employee@2x.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  padding: 0 0 0 26px;
  transition-property: opacity;
}

.btn-member-delete-employee:hover {
  opacity: .5;
  color: var(--grey-a7);
}

.member-employee-table {
  font-size: 1.25vw;
  line-height: 120%;
}

.member-empoyee-table-wrap {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.member-employee-table-top-box {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--light-blue);
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  border-radius: 8px;
  flex: 1;
  font-weight: 700;
}

.member-employee-table-top-b {
  align-items: center;
  display: flex;
}

.member-employee-table-checkbox-col {
  flex: none;
  width: 35px;
}

.member-employee-table-box {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  color: var(--body);
  border-radius: 5px;
  flex: 1;
  text-decoration: none;
  transition: box-shadow .5s, background-color .5s, color .5s;
  display: block;
  box-shadow: 2px 2px 5px #0000001a;
}

.member-employee-table-box:hover {
  color: var(--body);
}

.member-employee-table-row {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.member-employee-table-col {
  border-right: 1px solid var(--light-grey);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  display: flex;
}

.member-employee-table-col.col-no {
  width: 10%;
}

.member-employee-table-col.col-nickname {
  width: 12%;
}

.member-employee-table-col.col-name {
  width: 18%;
}

.member-employee-table-col.col-email {
  flex: 1;
}

.member-employee-table-col.col-account {
  width: 15%;
}

.member-employee-table-col.col-date {
  width: 12%;
}

.m-employee-delete-intro {
  margin-bottom: 40px;
}

.m-employee-delete-intro-heading {
  color: var(--logo-dark-blue);
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 120%;
}

.member-accont-feature-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: -30px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.member-accont-feature-item {
  width: 50%;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.member-add-employee-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 800px;
  margin: 30px auto -30px;
  display: flex;
}

.member-add-employee-item {
  width: 50%;
  min-width: 250px;
  margin-bottom: 30px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.member-handbook-b {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}

.member-add-employee-item-btn-b {
  text-align: center;
  margin-top: 10px;
  position: absolute;
  inset: auto 0% 0%;
}

.btn-member-download {
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
  text-align: center;
  letter-spacing: 2px;
  background-image: url('../images/member-icon-download-document2x_1member-icon-download-document@2x.png');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 10px 10px 10px 35px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition-property: background-color;
}

.btn-member-download:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.member-add-qr-link {
  color: #000;
  word-break: break-all;
  background-color: #f3f3f3;
  border-radius: 8px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.member-add-qr-link:hover {
  color: #000;
}

.member-add-ar-path {
  padding-top: 15px;
  position: relative;
}

.member-add-ar-copied-b {
  opacity: 0;
  color: var(--grey-fc);
  text-align: center;
  letter-spacing: 4px;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  padding: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.member-content-b {
  margin-bottom: 60px;
}

.member-construction-list-tool {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 40px;
  margin-bottom: 40px;
  display: block;
}

.member-consturction-filter-list {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.member-construction-filter-item {
  width: 33.3%;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-member-add-construction {
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
  text-align: center;
  letter-spacing: 2px;
  background-image: url('../images/member-icon-add-construction2x_1member-icon-add-construction@2x.png');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 10px 10px 10px 35px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition-property: background-color;
}

.btn-member-add-construction:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.member-construction-list-btn-item {
  padding-left: 15px;
  padding-right: 15px;
}

.member-consturction-list-btn-b {
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.member-construction-plan-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.member-construction-plan-item {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.member-construction-plan-summary {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-left: -20px;
  margin-right: -20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.member-construction-plan-summary-item {
  border-right: 1px solid var(--light-grey);
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  display: flex;
}

.member-construction-plan-fieldname {
  text-align: center;
  width: 100%;
}

.member-construction-plan-data {
  text-align: center;
}

.member-construction-table {
  font-size: 1.25vw;
  line-height: 120%;
}

.member-consturction-table-top {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--light-blue);
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  border-radius: 8px;
  font-weight: 700;
}

.member-construction-table-wrap {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.member-construction-table-col {
  border-right: 1px solid var(--light-grey);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  display: flex;
}

.member-construction-table-col.col-date {
  width: 10%;
}

.member-construction-table-col.col-status {
  letter-spacing: 2px;
  width: 12%;
}

.member-construction-table-col.col-cat {
  width: 12%;
}

.member-construction-table-col.col-address {
  flex: 1;
  width: 10%;
}

.member-construction-table-col.col-value {
  width: 10%;
}

.member-construction-table-col.col-code {
  width: 12%;
}

.member-construction-table-col.col-status, .member-construction-table-col.col-year {
  width: 10%;
}

.member-construction-table-row {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  color: var(--body);
  border-radius: 5px;
  margin-top: 20px;
  text-decoration: none;
  transition: box-shadow .5s, background-color .5s, color .5s;
  display: block;
  box-shadow: 2px 2px 5px #0000001a;
}

.member-construction-table-row:hover {
  background-color: var(--white);
  color: var(--body);
  box-shadow: 4px 4px 5px #0000001a;
}

.member-construction-table-row.v-inactive {
  color: var(--grey-a7);
  background-color: #f3f3f3;
}

.pop-use-credits {
  z-index: 3000;
  opacity: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.pop-use-credit-box {
  background-color: var(--grey-fc);
  flex: 1;
  max-width: 660px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 60px;
  position: relative;
}

.member-construct-credit-from-range-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.member-construct-credit-from-range-field {
  flex: 1;
  transition: width .8s;
}

.member-construct-credit-from-range-txt-b {
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
  margin-left: 20px;
  display: flex;
}

.member-construct-credit-from-range-value {
  background-color: var(--transparent);
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  border: 1px #000;
  border-radius: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
}

.use-credit-to-currency {
  color: var(--logo-dark-blue);
  text-align: center;
  margin-top: 50px;
  margin-bottom: 40px;
}

.credit-to-use-label {
  letter-spacing: 2px;
  margin-bottom: 30px;
  font-weight: 700;
}

.member-construction-use-credit-bottom-b {
  text-align: center;
  margin-top: 40px;
}

.member-construction-use-credit-bottom-txt {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-weight: 700;
}

.member-construction-use-credit-done {
  text-align: center;
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: none;
}

.member-construction-cover-content {
  background-image: url('../images/member-icon-construction-cover2x_1member-icon-construction-cover@2x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 100%;
  padding-top: 1px;
  padding-left: 32px;
  line-height: 120%;
}

.member-construction-cover-content.v-hori-align {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.member-construction-cover-content.v-new {
  background-image: none;
  margin-right: 10px;
  padding-left: 0;
}

.member-construction-cover-tc {
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.member-construction-cover-tc.v-hori-align {
  margin-bottom: 0;
  margin-right: 10px;
}

.member-construction-evident-need-content {
  overflow: hidden;
}

.member-construction-evident-intro {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mamber-content-box-subheading-txt {
  flex: 1;
}

.member-medical-filter-item {
  width: 50%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.member-medical-filter-list {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.member-medical-list-tool {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 40px;
  margin-bottom: 20px;
  display: block;
}

.member-medical-table-row {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  color: var(--body);
  border-radius: 5px;
  margin-top: 20px;
  text-decoration: none;
  transition: box-shadow .5s, background-color .5s, color .5s;
  display: block;
  box-shadow: 2px 2px 5px #0000001a;
}

.member-medical-table-row:hover {
  background-color: var(--white);
  color: var(--body);
  box-shadow: 4px 4px 5px #0000001a;
}

.member-medical-table-row.v-inactive {
  color: var(--grey-a7);
  background-color: #f3f3f3;
}

.member-medical-table-row.v-delete:hover {
  background-color: var(--grey-fa);
  box-shadow: 2px 2px 5px #0000001a;
}

.member-medical-table-wrap {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.member-medical-table-col {
  border-right: 1px solid var(--light-grey);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  display: flex;
}

.member-medical-table-col.col-no {
  width: 10%;
}

.member-medical-table-col.col-status {
  letter-spacing: 2px;
  width: 10%;
}

.member-medical-table-col.col-name {
  flex: 1;
}

.member-medical-table-col.col-type, .member-medical-table-col.col-plan, .member-medical-table-col.col-gender, .member-medical-table-col.col-status {
  width: 10%;
}

.member-medical-table-col.col-datestart, .member-medical-table-col.col-dateend {
  width: 11%;
}

.member-medical-table-top {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--light-blue);
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  border-radius: 8px;
  font-weight: 700;
}

.member-medical-table {
  font-size: 1.25vw;
  line-height: 120%;
}

.insurance-comercial-next {
  display: none;
}

.insurance-quote-select-industry-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.insurance-quote-select-industry-item {
  width: 33.3%;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.insurance-quote-select-footnote {
  margin-top: 20px;
  font-size: 14px;
  line-height: 120%;
}

.insurance-quote-range-gp {
  margin-bottom: 40px;
}

.insurance-quote-range-gp-title {
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-weight: 700;
}

.form-range-field {
  flex: 1;
  transition: width .8s;
}

.form-range-field.v-insurance-quote {
  margin-bottom: 4px;
}

.insurance-quote-range-wrap {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.form-range-field-b {
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.template-bottom-faq-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template-bottom-faq-img-b {
  order: -1;
  width: 42%;
  margin-right: 40px;
  position: sticky;
  top: 130px;
  overflow: hidden;
}

.template-bottom-faq-content-b {
  flex: 1;
}

.hr-info-list-more-b {
  text-align: right;
  margin-top: 40px;
}

.template-hr-info-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -2.8%;
  margin-right: -2.8%;
  display: flex;
}

.template-hr-info-item {
  width: 33.3%;
  margin-bottom: 40px;
  padding-left: 2.8%;
  padding-right: 2.8%;
}

.template-hr-info-item-box {
  color: var(--body);
  transition: color .8s;
  position: relative;
  overflow: hidden;
}

.template-hr-info-item-box:hover {
  color: var(--grey-fc);
}

.template-hr-info-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 148.7%;
  position: relative;
}

.template-hr-info-item-img.img-1 {
  background-image: url('../images/temp-hr-info-item-12x.jpg');
}

.template-hr-info-item-img.img-2 {
  background-image: url('../images/temp-hr-info-item-22x.jpg');
}

.template-hr-info-item-img.img-3 {
  background-image: url('../images/temp-hr-info-item-32x.jpg');
}

.template-hr-info-item-overlay {
  opacity: .5;
  background-color: #fff;
  transition: background-color .8s;
  position: absolute;
  inset: 0%;
}

.template-hr-info-item-watermark {
  opacity: .4;
  transform-origin: 100% 0;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Poppins, sans-serif;
  font-size: 4.3vw;
  font-weight: 300;
  line-height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(-90deg)translate(0%, -100%);
}

.template-hr-info-item-content {
  padding: 20px 18% 20px 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.template-hr-info-item-title {
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.template-hr-info-item-expand-b {
  color: var(--white);
  height: 0;
  overflow: hidden;
}

.template-hr-info-item-expand-des {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 170%;
}

.template-more-feature-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -90px;
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
}

.template-more-feature-item {
  text-align: center;
  width: 33.3%;
  margin-bottom: 90px;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 170%;
}

.template-more-feature-icon {
  width: 130px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.template-more-feature-title {
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.template-hr-info-bg-circle-box {
  pointer-events: none;
  width: 400px;
  margin-top: -200px;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.template-case-study-item {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 120px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.template-case-study-col {
  padding-left: 20px;
  padding-right: 20px;
}

.template-case-study-col.col-img {
  width: 49%;
}

.template-case-study-col.col-content {
  flex: 1;
}

.template-case-study-img-b {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.template-case-study-title {
  letter-spacing: 4px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.template-case-study-tag {
  background-color: var(--body);
  color: var(--white);
  letter-spacing: 2px;
  margin-bottom: 15px;
  padding: 3px 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  display: inline-block;
}

.template-case-study-list {
  margin-bottom: -120px;
}

.template-covering-footnote {
  max-width: 535px;
}

.template-covering-box {
  background-color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 60px 30px;
  transition: color .8s, background-color .8s;
  display: flex;
  position: relative;
}

.template-covering-box:hover {
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
}

.template-covering-icon-b {
  width: 80px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.template-covering-icon-default {
  position: relative;
}

.template-covering-icon-hover {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.template-covering-title {
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.template-covering-des {
  max-width: 210px;
  margin-left: auto;
  margin-right: auto;
}

.template-plan-gp {
  margin-bottom: 100px;
  position: relative;
}

.template-plan-table {
  position: relative;
}

.template-plan-table-top {
  z-index: 100;
  position: sticky;
  top: 89px;
}

.template-plan-table-row {
  border-bottom: 1px solid var(--light-grey);
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.template-plan-table-row.v-top, .template-plan-table-row.v-clear {
  border-bottom-style: none;
}

.template-plan-table-l {
  background-color: var(--light-blue);
  color: #000;
  align-items: stretch;
  width: 44%;
  display: flex;
}

.template-plan-table-l.v-top, .template-plan-table-l.v-clear {
  background-color: var(--transparent);
}

.template-plan-table-r {
  background-color: var(--white);
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 44%;
  display: flex;
}

.template-plan-table-r.v-top {
  background-color: var(--light-blue);
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.template-plan-table-r.v-clear {
  background-color: var(--transparent);
}

.template-plan-table-cell {
  border-right: 1px solid var(--light-grey);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 25px 30px;
  display: flex;
}

.template-plan-table-cell.v-clear {
  text-align: center;
  border-right-style: none;
  padding-left: 10px;
  padding-right: 10px;
}

.template-plan-table-cell-content {
  width: 100%;
}

.template-plan-table-title {
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.template-plan-table-des {
  margin-top: 15px;
  line-height: 170%;
}

.template-plan-table-icon {
  width: 35px;
  margin-left: auto;
  margin-right: auto;
}

.btn-template-plan {
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
  text-align: center;
  letter-spacing: 2px;
  padding: 13px 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition-property: background-color;
  display: block;
}

.btn-template-plan:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.template-plan-bg-b {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.template-plan-bg-circle-box {
  width: 400px;
  margin-top: -210px;
  margin-left: -150px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.template-plan-bg-circle-box.v-bottom-right {
  margin-bottom: -100px;
  margin-right: -100px;
  inset: auto 0% 0% auto;
}

.template-plan-bg-circle-box.v-left {
  margin-right: -150px;
  inset: 0% 0% auto auto;
}

.template-top-b {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.template-top-white-box {
  background-color: var(--grey-fc);
  width: 40%;
  padding: 40px;
}

.template-top-info-b {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.template-top-bg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.template-top-bg.medicalteam {
  background-image: url('../images/template-top-bg-medicalteam2x.jpg');
}

.template-top-bg.restaurant {
  background-image: url('../images/template-top-bg-12x.jpg');
}

.template-top-register-btn {
  z-index: 10;
  background-color: var(--body);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  padding: 5px 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
  transition-property: background-color;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.template-top-register-btn:hover {
  background-color: var(--121416);
  color: var(--white);
}

.template-top-info-wrap {
  color: var(--grey-fc);
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.template-top-info-btn {
  background-color: var(--logo-dark-blue);
  color: var(--grey-fc);
  text-align: left;
  cursor: pointer;
  flex-wrap: wrap;
  place-content: center flex-start;
  align-items: center;
  width: 45%;
  max-width: 300px;
  padding: 30px;
  text-decoration: none;
  transition: color .5s, background-color .5s;
  display: flex;
  position: relative;
}

.template-top-info-btn:hover {
  background-color: var(--grey-fc);
  color: var(--body);
}

.template-top-info-btn.template-i {
  max-width: 280px;
}

.template-top-info-btn.template-i.orange {
  background-color: var(--logo-orange);
}

.template-top-info-btn.template-i.orange:hover {
  background-color: var(--white);
}

.template-top-info-title {
  letter-spacing: 4px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.template-top-info-value-wrap {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.template-top-info-value-price {
  letter-spacing: 1px;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%;
}

.template-top-info-btn-main {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 25px;
  display: flex;
}

.template-top-info-value-icon {
  background-color: var(--grey-fc);
  background-image: url('../images/btn-arrow-orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  flex: none;
  width: 36px;
  height: 36px;
  margin-left: 10px;
}

.template-top-info-main {
  background-color: #0003;
  flex: 1;
  padding: 30px;
}

.template-top-info-title-item {
  letter-spacing: 1px;
  background-image: url('../images/template-top-bullet2x_1template-top-bullet@2x.png');
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 25px;
  font-weight: 700;
}

.template-top-info-value-icon-hover {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  background-image: url('../images/slider-arrow-next.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100%;
  padding-top: 100%;
  transition: opacity .5s;
}

.template-top-info-value-icon-hover.orange {
  background-color: var(--logo-orange);
}

.template-quotation-b {
  width: 100%;
  padding-left: 280px;
  position: relative;
}

.template-quotation-content {
  padding-top: 60px;
  padding-bottom: 100px;
}

.template-quotation-content.v-submit {
  padding-top: 90px;
  padding-bottom: 90px;
}

.template-quotation-progress-b {
  z-index: 10;
  background-color: var(--logo-dark-blue);
  flex-direction: column;
  justify-content: space-between;
  width: 280px;
  height: 100vh;
  padding-top: 90px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.template-quotation-progress-box {
  padding: 60px 40px;
}

.template-quotation-progress-summary {
  background-color: var(--logo-dark-blue);
  color: var(--white);
  padding: 40px;
}

.template-quotation-progress-summary-title {
  letter-spacing: 4px;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.template-quotation-progress-summary-subtitle {
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.template-quotation-progress-summary-value-wrap {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 5px;
  display: flex;
}

.template-quotation-progress-summary-value-wrap.v-result {
  margin-bottom: 0;
}

.template-quotation-progress-item {
  position: relative;
}

.template-quotation-progress-link {
  color: var(--light-grey);
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  line-height: 120%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.template-quotation-progress-link:hover, .template-quotation-progress-link.v-current {
  color: var(--logo-dark-blue);
}

.template-quotation-progress-link.with-bg:hover, .template-quotation-progress-link.with-bg.v-orange {
  color: var(--logo-orange);
}

.template-quotation-progress-circle {
  border: 2px solid var(--light-grey);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: border-color .5s;
  display: flex;
}

.template-quotation-progress-circle.v-current {
  border-color: var(--logo-dark-blue);
}

.template-quotation-progress-circle.v-current.v-orange {
  border-color: var(--logo-orange);
}

.template-quotation-progress-circle.v-done {
  border-color: var(--logo-dark-blue);
  background-image: url('../images/template-plan-icon-tick.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.template-quotation-progress-circle.v-done.v-orange {
  border-color: var(--logo-orange);
  background-image: url('../images/template-plan-icon-tick-orange.svg');
}

.template-quotation-progress-circle.last {
  border-style: none;
  height: auto;
}

.template-quotation-progress-circle-dot {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.template-quotation-progress-circle-dot.v-current {
  opacity: 1;
}

.template-quotation-progress-circle-dot.v-current.v-orange {
  background-color: var(--logo-orange);
}

.template-quotation-progress-line {
  background-color: var(--light-grey);
  width: 2px;
  height: 80px;
  margin-left: 15px;
  position: relative;
}

.template-quotation-progress-line.v-blue {
  background-color: var(--logo-dark-blue);
}

.template-quotation-progress-line.last-line {
  display: none;
}

.template-quotation-progress-line.last-line.v-orange {
  background-color: var(--logo-orange);
}

.template-quotation-progress-line.half {
  height: 40px;
  position: absolute;
  inset: auto 0% 0%;
}

.template-quotation-progress-line.half.v-orange, .template-quotation-progress-line.v-orange-mobile.v-orange {
  background-color: var(--logo-orange);
}

.template-quotation-innerpage-heading-b {
  border-bottom: 1px solid var(--light-grey);
  color: var(--logo-dark-blue);
  margin-bottom: 35px;
  padding-bottom: 15px;
}

.template-quotation-innerpage-heading-txt {
  font-size: 24px;
  line-height: 120%;
}

.template-quotation-innerpage-subheading-txt {
  letter-spacing: 2px;
  font-size: 20px;
  line-height: 120%;
}

.template-quotation-innerpage-subheading-txt.with-btn {
  flex: 1;
  margin-right: 10px;
}

.template-quotation-innerpage-subheading-b {
  border-left: 2px solid var(--logo-dark-blue);
  color: var(--logo-dark-blue);
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.t-q-1-form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -30px;
  margin-left: -4%;
  margin-right: -4%;
  display: flex;
}

.t-q-1-form-item {
  width: 50%;
  margin-bottom: 30px;
  padding-left: 4%;
  padding-right: 4%;
}

.t-q-1-form-item.v-full {
  width: 100%;
}

.template-quotation-notice-box {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  border-radius: 8px;
  margin-top: 50px;
  padding: 30px;
  box-shadow: 4px 4px 10px #0000001a;
}

.template-quotation-warning-txt {
  color: var(--error-red-txt);
  letter-spacing: 1px;
  background-image: url('../images/template-quotation-icon-warning2x_1template-quotation-icon-warning@2x.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px;
  margin-bottom: 10px;
  padding-left: 34px;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.template-quotation-progress-txt {
  flex: 1;
  margin-left: 39px;
  position: absolute;
}

.template-quotation-progress-summary-center {
  display: block;
}

.template-quotation-notice-info-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 25px -10px 20px;
  display: flex;
}

.template-quotation-notice-info-item {
  color: var(--field-label-black);
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-bottom: 25px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.template-quotation-notice-info-graphic {
  flex: none;
  width: 100px;
}

.template-quotation-notice-info-content {
  flex: 1;
}

.template-quotation-notice-info-title {
  letter-spacing: 1px;
  margin-right: 0;
  font-weight: 700;
}

.template-quotation-notice-info-value-b {
  color: var(--logo-dark-blue);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.template-quotation-notice-info-value-txt {
  letter-spacing: 1px;
  margin-bottom: -5px;
  margin-right: 5px;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}

.template-quotation-notice-contact-list {
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.template-quotation-notice-contact-item {
  border-right: 1px solid var(--light-grey);
  color: var(--field-label-black);
  text-align: center;
  width: 33.3%;
  padding: 15px 20px;
}

.template-quotation-notice-contact-title {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-weight: 700;
}

.template-quotation-notice-contact-data {
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 120%;
}

.template-quotation-notice-contact-link {
  color: var(--field-label-black);
  text-decoration: none;
}

.quote-form-btn-gp {
  justify-content: flex-end;
  align-items: center;
  margin-top: 90px;
  display: flex;
}

.template-quotation-i-icon {
  cursor: pointer;
  background-image: url('../images/template-i-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 15px;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}

.template-quotation-i-box {
  background-color: var(--body);
  color: var(--white);
  flex: none;
  width: auto;
  padding: 15px;
  font-size: 14px;
  line-height: 120%;
  position: relative;
}

.template-quotation-i-content {
  z-index: 10;
  opacity: 0;
  margin-bottom: -5px;
  margin-left: 0;
  margin-right: -100px;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(0, 100%);
}

.t-q-employee-table {
  color: var(--field-label-black);
  margin-bottom: 35px;
}

.t-q-employee-table-top {
  z-index: 10;
  line-height: 120%;
  display: none;
  position: relative;
}

.t-q-employee-table-col {
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  display: flex;
  position: relative;
}

.t-q-employee-table-col.col-title {
  width: 100%;
}

.t-q-employee-table-col.col-qty, .t-q-employee-table-col.col-income {
  width: 50%;
}

.t-q-employee-table-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.t-q-employee-table-main {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.t-q-employee-table-tool {
  border-left: 1px solid var(--light-grey);
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 100px;
  margin-left: 10px;
  display: flex;
}

.t-q-employee-table-row {
  margin-top: 25px;
}

.t-q-employee-table-field-b {
  width: 100%;
}

.t-q-employee-table-tool-list {
  justify-content: center;
  align-items: center;
  display: flex;
}

.t-q-employee-table-tool-item {
  letter-spacing: 2px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.grey-link {
  color: var(--light-grey);
}

.t-q-employee-checkbox-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.t-q-employee-checkbox-item {
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.t-q-employee-table-type {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  width: 100%;
  margin-bottom: 10px;
  margin-right: 0;
  font-weight: 700;
}

.t-q-employee-col-title {
  color: var(--field-label-black);
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.t-q-employee-col-fieldname {
  color: var(--field-label-black);
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
}

.template-quotation-i-li {
  background-image: url('../images/temp-i-bullet-white.svg');
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: 3px;
  margin-bottom: 0;
  padding-left: 10px;
}

.template-quotation-i-ul {
  margin-top: 20px;
}

.t-q-employee-table-employee-list {
  flex: 1;
}

.t-q-employee-table-employee-item {
  border-bottom: 1px solid var(--light-grey);
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.template-quotation-innerpage-instruction {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  margin-bottom: 25px;
  font-weight: 700;
}

.template-quotation-yesno-row {
  border-bottom: 1px solid var(--light-grey);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.template-quotation-innerpage-bottom-note {
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 170%;
}

.template-quotation-extra-form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -30px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.template-quotation-extra-form-wrap.v-address {
  display: flex;
}

.template-quotation-extra-form-item {
  width: 50%;
  margin-bottom: 30px;
  padding-left: 2%;
  padding-right: 2%;
}

.template-quotation-extra-form-item.v-100 {
  width: 100%;
}

.template-quotation-extra-form-item.v-address {
  width: 33.3%;
}

.template-quotation-extra-form-label-b {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.template-quotation-extra-form-label {
  color: var(--field-label-black);
  letter-spacing: 2px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.template-quotation-extra-form-label.v-sub {
  letter-spacing: 0;
  font-weight: 400;
}

.template-quotation-innerpage-gp {
  margin-bottom: 60px;
}

.template-quotation-terms-b {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 170%;
}

.template-quotation-terms-title {
  letter-spacing: 1px;
  margin-bottom: 30px;
  font-weight: 700;
}

.template-quotation-terms-ul {
  font-size: 15px;
  line-height: 170%;
}

.template-quotation-terms-li {
  background-image: url('../images/list-bullet-black.svg');
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: 4px;
  margin-bottom: 5px;
  padding-left: 15px;
  font-size: 15px;
  line-height: 170%;
}

.template-quotation-reg-form-item {
  width: 50%;
  margin-bottom: 30px;
  padding-left: 2%;
  padding-right: 2%;
}

.template-quotation-reg-form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -30px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.template-quote-reg-or-b {
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.template-quotation-agreement-b {
  margin-top: 60px;
}

.template-quote-submit-after-heading {
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 700;
  display: flex;
}

.template-quote-submit-after-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.template-quote-submit-after-item {
  width: 25%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.template-quote-submit-after-box {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  border-radius: 8px;
  height: 100%;
  padding: 15px 20px 30px;
  box-shadow: 4px 4px 8px #0000001a;
}

.template-quote-submit-after-num {
  color: var(--logo-dark-blue);
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.template-quotation-terms-li-ordered {
  margin-bottom: 5px;
}

.template-quotation-terms-ol {
  font-size: 16px;
  line-height: 170%;
}

.template-quotation-result-big-q {
  color: var(--logo-dark-blue);
  letter-spacing: 4px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.template-quotation-result-big-btn-b {
  margin-top: 35px;
}

.template-quotation-result-big-box {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

.template-quote-result-radio-gp-update {
  flex-flow: row;
  padding: 5px 5px 15px;
  display: flex;
  overflow: auto;
}

.template-quote-result-radio-item {
  width: 33.3%;
  min-width: 320px;
  padding-left: 3px;
  padding-right: 3px;
}

.template-quote-result-radio-content {
  pointer-events: auto;
  height: 100%;
  position: relative;
}

.template-quote-result-radio-main-price {
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.font-color-red {
  color: var(--error-red-txt);
}

.insurance-intro-thumb-icon-active {
  opacity: 0;
  width: 100%;
  transition: opacity .5s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.insurance-intro-total-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 30px;
  display: flex;
}

.insurance-intro-total-num {
  color: var(--error-red-txt);
  margin-bottom: -5px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.insurance-intro-total-num-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.insurance-intro-content-main-l-content {
  border: 1px solid var(--logo-dark-blue);
  background-color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 15px;
  display: flex;
  box-shadow: -2px 2px 5px #00000014;
}

.insurance-intro-content-main-graphic-b {
  max-width: 120px;
  margin-left: auto;
  margin-right: auto;
}

.insurance-range-textfield-b {
  justify-content: flex-start;
  align-items: center;
  max-width: 150px;
  margin-top: 10px;
  margin-left: auto;
  display: flex;
}

.insurance-range-textfield-unit {
  flex: none;
  margin-left: 10px;
}

.template-b-home-b {
  background-color: var(--grey-fa);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template-b-home-l-b {
  z-index: 100;
  background-color: var(--grey-fc);
  flex: none;
  width: 300px;
  max-height: 100vh;
  padding-bottom: 120px;
  position: sticky;
  top: 90px;
  overflow: auto;
}

.template-b-home-r-b {
  flex: 1;
  padding-top: 60px;
  padding-bottom: 120px;
}

.template-b-home-filter-box {
  background-image: url('../images/template-b-filter-gradient2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 20px 100px;
  position: relative;
}

.filter-gp-title {
  color: var(--logo-dark-blue);
  letter-spacing: 4px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.filter-gp-title.v-c2 {
  text-align: center;
  margin-bottom: 45px;
}

.template-b-home-filter-tab {
  border-bottom: 1px solid #a7a7a7;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
  display: flex;
}

.template-b-home-filter-tab-link {
  background-color: var(--transparent);
  color: var(--body);
  text-align: center;
  letter-spacing: 2px;
  width: 50%;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  position: relative;
}

.template-b-home-filter-tab-link:hover {
  color: var(--logo-dark-blue);
}

.template-b-home-filter-tab-link.w--current {
  background-color: var(--transparent);
  color: var(--logo-dark-blue);
}

.template-b-home-filter-bottom {
  position: absolute;
  inset: auto 0% 0%;
}

.template-b-home-filter-row {
  margin-bottom: 20px;
}

.template-b-home-filter-tab-link-content {
  padding: 10px 16px;
  position: relative;
}

.template-b-filter-gp {
  margin-bottom: 60px;
  position: relative;
}

.template-b-home-other-filter {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.range-gp-title {
  letter-spacing: 2px;
  margin-bottom: 5px;
  font-weight: 700;
}

.range-gp {
  margin-top: 30px;
}

.range-gp-textfield-b {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.range-gp-textfield-unit {
  flex: none;
  margin-left: 10px;
}

.range-gp-textfield-unit.v-left {
  margin-left: 0;
  margin-right: 10px;
}

.template-b-top-fields {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.tamplate-b-top-field-col {
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.tamplate-b-top-field-col.col-sort {
  flex: 1;
  min-width: 30%;
  max-width: 510px;
}

.tamplate-b-top-field-col.col-code {
  width: 200px;
}

.form-plus-minus {
  position: relative;
}

.form-plus-minus-btn-gp {
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.form-plus-minus-btn {
  flex: none;
  width: 31px;
  margin-left: 5px;
  display: block;
}

.template-b-top-social-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-height: 50px;
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
}

.template-b-top-social-item {
  padding-left: 7px;
  padding-right: 7px;
}

.template-b-top-social-link {
  width: 30px;
  transition-property: opacity;
  display: block;
}

.template-b-top-social-link:hover {
  opacity: .5;
}

.template-b-home-item {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fc);
  border-radius: 15px;
  margin-bottom: 60px;
  overflow: hidden;
  box-shadow: 7px 7px 15px #0000001a;
}

.template-b-home-item-open {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  transition: color .8s;
  display: flex;
}

.template-b-home-item-open:hover {
  color: var(--blue-hover-dark);
}

.template-b-home-item-open.update {
  padding-left: 20px;
  padding-right: 20px;
}

.template-b-home-item-ec-arrow {
  flex: none;
  width: 16px;
}

.template-b-home-item-ec-arrow.v-expanded {
  margin-top: 30px;
  margin-right: 30px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.template-b-home-item-expand {
  transition: height .8s;
  overflow: hidden;
}

.template-b-home-item-content {
  padding: 30px;
  position: relative;
}

.template-b-home-item-top {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.template-b-home-item-logo-b {
  width: 230px;
  margin-right: 30px;
}

.template-b-home-item-top-content {
  flex: 1;
  padding-right: 30px;
}

.template-home-item-top-title {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.template-home-item-rate-gp {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template-home-item-rate-star {
  background-image: url('../images/b-item-rate-off2x_1b-item-rate-off@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  position: relative;
}

.template-home-item-rate-star.v-on {
  background-image: url('../images/b-item-rate-on2x_1b-item-rate-on@2x.png');
}

.temp-home-item-claim-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.template-home-item-claim-item {
  margin-right: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.template-home-item-claim-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.template-home-item-claim-icon {
  flex: none;
  width: 24px;
  margin-left: 5px;
}

.template-b-home-item-main {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.template-b-home-item-price-b {
  text-align: right;
  flex: none;
}

.template-b-home-item-price-discount {
  background-color: var(--error-red-bg);
  color: var(--error-red-txt);
  letter-spacing: 2px;
  margin-bottom: 5px;
  padding: 3px 7px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

.template-b-home-item-price-original {
  color: var(--logo-dark-blue);
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: line-through;
}

.template-b-home-item-price-txt {
  letter-spacing: 1px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.template-b-home-item-price-member-discount {
  background-color: var(--logo-orange);
  color: var(--white);
  letter-spacing: 2px;
  padding: 3px 7px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

.template-b-home-item-main-content {
  flex: 1;
  margin-right: 20px;
}

.overflow-hidden {
  overflow: hidden;
}

.template-b-home-item-open-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.template-b-home-item-main-gp {
  margin-top: 15px;
}

.template-b-home-item-main-gp-title {
  color: var(--logo-dark-blue);
  text-align: left;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: 700;
}

.template-b-home-item-main-tag-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
}

.template-b-home-item-main-tag-item {
  margin-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
}

.template-b-home-item-main-tag-item.more {
  display: none;
}

.template-b-home-item-main-tag {
  border: 1px solid var(--light-grey);
  padding: 5px;
}

.template-b-home-item-main-tag.v-filled {
  background-color: var(--light-blue);
  border-style: none;
}

.template-b-home-item-main-tag.round {
  border-radius: 8px;
}

.txt-link-more {
  font-weight: 700;
  text-decoration: none;
}

.template-b-home-item-bottom {
  border-top: 1px solid var(--light-grey);
  margin-top: 30px;
  padding-top: 30px;
}

.template-b-home-item-bottom-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.template-b-home-item-bottom-expand {
  order: 1;
  width: 100%;
  overflow: hidden;
}

.btn-b-item-tool {
  background-color: var(--light-blue);
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  transition-property: background-color;
  display: flex;
}

.btn-b-item-tool:hover {
  background-color: var(--darker-light-blue);
  color: var(--logo-dark-blue);
}

.btn-b-item-icon {
  flex: none;
  width: 20px;
  margin-left: 5px;
}

.btn-b-item-icon.v-ec {
  width: 16px;
}

.template-b-home-item-bottom-detail-btn-b {
  text-align: right;
  flex: 1;
}

.template-b-home-item-bottom-expand-wrap {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.template-b-home-item-bottom-expand-content {
  flex: 1;
  max-width: 500px;
}

.template-b-home-item-bottom-expand-box {
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 10px 30px;
}

.template-b-home-item-bottom-expand-row {
  border-bottom: 1px solid var(--light-grey);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.template-b-home-item-bottom-expand-col-l {
  flex: 1;
}

.template-b-home-item-bottom-expand-col-r {
  text-align: right;
  max-width: 40%;
  margin-left: 10px;
}

.icon-tick-circle {
  background-image: url('../images/b-item-content-tick2x_1b-item-content-tick@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.btn-download-terms {
  letter-spacing: 2px;
  background-image: url('../images/b-item-icon-download2x_1b-item-icon-download@2x.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  margin-top: 30px;
  margin-left: 40px;
  padding-right: 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.pop-template-compare {
  z-index: 4000;
  background-color: var(--303547);
  max-height: 100vh;
  padding-top: 30px;
  padding-bottom: 30px;
  position: fixed;
  inset: auto 0% 0%;
  overflow: auto;
  transform: translate(0, 100%);
}

.pop-template-compare.update {
  background-color: var(--logo-orange);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}

.pop-template-compare-list {
  justify-content: center;
  align-items: stretch;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.pop-compare-template-item {
  width: 33.3%;
  padding-left: 20px;
  padding-right: 20px;
}

.pop-compare-template-item-box {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fc);
  text-align: center;
  border-radius: 5px;
  height: 100%;
  padding: 30px;
  box-shadow: 7px 7px 15px #00000026;
}

.pop-compare-template-item-logo {
  max-width: 300px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.pop-compare-template-item-title {
  color: var(--logo-dark-blue);
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.pop-compare-template-item-price {
  letter-spacing: 1px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.pop-template-compare-btn-gp {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.btn-pop-template-compare-cancel {
  color: var(--white);
  letter-spacing: 1px;
  background-image: url('../images/pop-close-white.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 30px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.btn-pop-template-compare-cancel:hover {
  color: var(--darker-light-blue);
}

.pop-template-compare-btn-item {
  margin-left: 48px;
  display: flex;
}

.template-b-quote-summary-company {
  letter-spacing: 1px;
  margin-bottom: 15px;
  font-weight: 700;
}

.template-b-quote-summary-subtitle {
  letter-spacing: 4px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.template-quotation-icon-subtitle {
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 700;
  display: flex;
}

.template-quotation-icon-subtitle-icon {
  flex: none;
  width: 25px;
  margin-right: 10px;
}

.template-quotation-icon-subtitle-txt {
  flex: 1;
  margin-top: 3px;
}

.template-quotation-travel-add-b {
  text-align: center;
}

.btn-template-quotation-add {
  border: 1px solid var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 2px;
  min-width: 480px;
  padding: 13px 50px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color .5s, background-color .5s;
}

.btn-template-quotation-add:hover {
  background-color: var(--logo-dark-blue);
  color: var(--white);
}

.margin-top-15 {
  margin-top: 15px;
}

.template-plan-terms-b {
  margin-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  line-height: 170%;
}

.template-b-plan-table-top {
  z-index: 100;
  position: sticky;
  top: 89px;
}

.template-b-plan-table-row {
  border-bottom: 1px solid var(--light-grey);
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.template-b-plan-table-row.v-top, .template-b-plan-table-row.v-clear {
  border-bottom-style: none;
}

.template-b-plan-table-l {
  background-color: var(--light-blue);
  color: #000;
  flex: none;
  align-items: stretch;
  width: 260px;
  display: flex;
}

.template-b-plan-table-l.v-top, .template-b-plan-table-l.v-clear {
  background-color: var(--transparent);
}

.template-b-plan-table-r {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 44%;
  display: flex;
}

.template-b-plan-table-r.v-top {
  background-color: var(--light-blue);
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 2px;
  font-weight: 700;
}

.template-b-plan-table-r.v-clear {
  background-color: var(--transparent);
}

.template-b-plan-table-content {
  border-top: 1px solid var(--light-grey);
  position: relative;
}

.template-b-plan-table-cell {
  border-right: 1px solid var(--light-grey);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
}

.template-b-plan-table-cell.v-clear {
  border-right-style: none;
  padding-left: 10px;
  padding-right: 10px;
}

.template-plan-table-cell-top-title {
  color: var(--body);
  margin-top: 2px;
  font-size: 18px;
  line-height: 120%;
}

.template-b-plan-table-cell-recommend-box {
  border: 1px solid var(--logo-dark-blue);
  color: var(--logo-dark-blue);
  text-align: left;
  letter-spacing: 1px;
  background-image: url('../images/plan-recommend.svg');
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 3px;
  padding: 5px 5px 5px 34px;
  font-size: 17px;
  font-weight: 700;
  line-height: 120%;
}

.template-b-plan-logo {
  max-width: 235px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

.template-b-plan-logo-title {
  text-align: center;
  font-weight: 500;
}

.b-plan-price-original {
  color: var(--logo-dark-blue);
  margin: 5px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: line-through;
}

.b-plan-price-main {
  letter-spacing: 1px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.b-plan-price-online-discount {
  background-color: var(--error-red-bg);
  color: var(--error-red-txt);
  letter-spacing: 2px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 3px 7px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

.b-plan-price-member-discount {
  background-color: var(--logo-orange);
  color: var(--white);
  letter-spacing: 2px;
  margin-top: 5px;
  padding: 3px 7px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

.b-plan-price-value {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.b-plan-price-discount {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.template-b-plan-feature-ul {
  margin-left: auto;
  margin-right: auto;
}

.template-b-plan-table-cell-recommend {
  justify-content: center;
  align-items: center;
  margin-top: -15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0, -100%);
}

.template-b-plan-gp {
  margin-bottom: 60px;
}

.template-b-plan-table-title {
  letter-spacing: 1px;
  font-weight: 700;
}

.template-plan-table-cell-top-subtitle {
  letter-spacing: 1px;
  font-size: 17px;
  line-height: 120%;
}

.template-b-plan-subgp-title {
  z-index: 200;
  color: var(--logo-dark-blue);
  letter-spacing: 4px;
  width: 260px;
  margin-top: -46px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, -50%);
}

.template-b-plan-table-subrow {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.template-b-plan-table-cell-price-breakdown-txt {
  color: var(--logo-dark-blue);
  text-align: center;
  letter-spacing: 1px;
  font-weight: 700;
}

.template-b-plan-table-row-list {
  flex: 1;
}

.template-b-plan-subgp {
  margin-bottom: 115px;
  position: relative;
}

.template-b-plan-subgp.v-last {
  margin-bottom: 40px;
}

.template-b-plan-bottom-btn-item {
  text-align: center;
  margin-bottom: 20px;
}

.rediect-graphic-b {
  width: 300px;
  margin-top: -35px;
  margin-left: auto;
  margin-right: auto;
}

.template-top-radio-gp {
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.template-top-radio-list {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template-top-radio-item {
  margin-bottom: 5px;
  margin-right: 20px;
}

.template-c-home-hover-b {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 38.8vw;
  margin-bottom: 90px;
  padding-top: 60px;
  padding-bottom: 60px;
  transition: color .8s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.template-c-hover-img {
  opacity: 0;
  background-image: url('../images/template-c-home-hover-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.template-c-home-hover-content-heading {
  color: var(--logo-dark-blue);
  padding-bottom: 5px;
  overflow: hidden;
}

.template-c-home-hover-content {
  width: 100%;
  position: relative;
}

.template-c-home-hover-content-btn-b {
  margin-top: 30px;
}

.template-more-feature-footnote {
  margin-top: 40px;
}

.template-c-guide-form-intro {
  text-align: center;
  margin-bottom: 60px;
  line-height: 170%;
}

.template-c-guide-form-heading {
  color: var(--logo-dark-blue);
  text-align: center;
  margin-bottom: 30px;
}

.template-c-quide-form-submit-b {
  text-align: center;
  margin-top: 40px;
}

.tempalte-c-guide-form-wrap {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.tempalte-c-guide-form-item {
  margin-bottom: 25px;
}

.template-c-plan-bg-circle-box {
  width: 400px;
  margin-top: -280px;
  margin-left: -150px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.template-c-plan-table-intro {
  margin-bottom: 40px;
}

.template-c1-text-watermark {
  color: #f3f3f3;
  letter-spacing: 2px;
  max-width: 90vw;
  margin-top: -15px;
  margin-left: -40px;
  font-family: Poppins, sans-serif;
  font-size: 100px;
  line-height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.template-b-home-filte-radio-gp {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.template-b-home-filte-radio-item {
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.template-c-item-info-box {
  background-color: #f3f3f3;
  border-radius: 5px;
  max-width: 500px;
  padding: 10px 20px;
}

.template-c-item-info-box-row {
  border-bottom: 1px solid var(--light-grey);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.template-c-item-info-box-col-r {
  text-align: right;
}

.template-c-item-info-box-col-l {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  flex: 1;
  font-weight: 700;
}

.template-c-quote-remark-b {
  text-align: left;
  margin-top: 10px;
}

.template-c-quote-remark-title {
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.template-c-quote-remark-li {
  background-image: url('../images/list-bullet-black.svg');
  background-position: 8px 7px;
  background-repeat: no-repeat;
  background-size: 3px;
  margin-bottom: 0;
  padding-left: 19px;
  font-size: 14px;
  line-height: 120%;
}

.t-q-1-checkbox-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.t-q-1-checkbox-item {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.t-q-1-checkbox {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.t-q-1-checkbox-content {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  color: var(--body);
  letter-spacing: 2px;
  cursor: pointer;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  transition: border-color .8s, background-color .8s;
  display: flex;
  box-shadow: 5px 5px 8px #0000001a;
}

.t-q-1-checkbox-graphic {
  flex: none;
  width: 60px;
  margin-right: 10px;
}

.template-c-member-list-box {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: var(--light-grey);
  background-color: var(--grey-fa);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 5px 5px 10px #0000001a;
}

.template-c-member-list-box-title {
  color: var(--logo-dark-blue);
  letter-spacing: 4px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.template-c-member-table-top {
  margin-bottom: 25px;
  display: none;
}

.template-c-member-table-wrap {
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -1%;
  display: flex;
  position: relative;
}

.template-c-member-table-col {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 1%;
  padding-right: 1%;
  display: block;
  position: relative;
}

.template-c-member-table-col.col-gender, .template-c-member-table-col.col-type, .template-c-member-table-col.col-age, .template-c-member-table-col.col-roomrank, .template-c-member-table-col.col-planrank {
  width: 33.3%;
}

.template-c-member-table-col-title {
  color: var(--field-label-black);
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.template-quotation-member-add-b {
  text-align: center;
  margin-top: 30px;
}

.template-c-member-table-main {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.template-c-member-table-delete {
  border-left: 1px solid var(--light-grey);
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  margin-left: 10px;
  display: flex;
}

.template-c-member-table-row {
  border-bottom: 1px solid var(--light-grey);
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.a7-link {
  color: var(--grey-a7);
}

.tempalte-c-member-fieldname {
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  display: flex;
  position: relative;
}

.tempalte-c-step-2-expand-b {
  overflow: hidden;
}

.tempalte-c-step-2-expand-content {
  max-width: 450px;
  margin-top: 20px;
}

.breadcrumb-b {
  z-index: 1000;
  border-top: 1px solid var(--light-grey);
  background-color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.breadcrumb-list {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.breadcrumb-item {
  justify-content: flex-start;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 120%;
  display: flex;
}

.breadcrumb-link {
  color: var(--body);
  text-decoration: none;
}

.breadcrumb-arrow {
  background-image: url('../images/ec-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.m-quote-coupon-more {
  text-align: center;
  margin-top: 60px;
}

.partner-carousel {
  overflow: hidden;
}

.partner-carousel-item {
  width: 160px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
}

.faq-search-field-2 {
  color: #373737;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #a7a7a7;
  height: auto;
  margin-bottom: 0;
  padding: 2px 0;
  font-size: 17px;
  line-height: 170%;
  transition: border-color .5s;
}

.faq-search-field-2:focus {
  border-bottom-color: #035aa6;
}

.faq-search-field-2::placeholder {
  color: #a7a7a7;
}

.form-radio-field-question-txt {
  flex: 1;
}

.form-radio-field-question-num {
  width: 30px;
  margin-right: 5px;
}

.referal-reason-b {
  margin-top: 20px;
}

.referal-reason-title {
  margin-bottom: 10px;
  font-weight: 700;
}

.template-covering-list {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 30px;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.template-covering-item {
  width: 25%;
  margin-bottom: 2%;
  padding-left: 1%;
  padding-right: 1%;
}

.template-top-white-box-question-box {
  background-color: var(--darker-light-blue);
  color: var(--body);
  letter-spacing: 1px;
  border: 1px solid #cbe6f3;
  border-radius: 20px 20px 20px 0;
  margin-top: 10px;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 15px;
  box-shadow: 4px 4px #00000026;
}

.template-top-white-box-question-bold {
  color: var(--logo-dark-blue);
  margin-bottom: 10px;
  font-weight: 700;
}

.cursor-area {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.quotation-cursor {
  width: 80px;
  position: relative;
}

.insurance-intro-content-select-industry-b {
  margin-top: 40px;
}

.insurance-intro-content-select-industry-title {
  background-color: var(--darker-light-blue);
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  border-radius: 20px 20px 20px 0;
  margin-bottom: 15px;
  padding: 10px;
  font-weight: 700;
  display: inline-block;
}

.header-quotation-tab {
  display: flex;
}

.header-quotation-tab-menu {
  background-color: var(--light-blue);
  width: 200px;
  display: block;
}

.header-quotation-tab-link {
  background-color: var(--transparent);
  color: var(--body);
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .5s, color .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-quotation-tab-link:hover, .header-quotation-tab-link.w--current {
  background-color: var(--logo-dark-blue);
  color: var(--white);
}

.header-quotation-tab-link-line {
  background-color: var(--logo-dark-blue);
  width: 2px;
  height: 30px;
  margin-right: 10px;
  transition: background-color .5s;
  position: relative;
}

.header-quotation-tab-link-line.v-active {
  background-color: var(--white);
}

.header-quotation-tab-link-txt, .header-quotation-tab-content {
  flex: 1;
}

.header-quotation-content-wrap {
  flex: 1;
  display: flex;
}

.header-quotation-content-img-b {
  flex: none;
  width: 300px;
  position: relative;
  overflow: hidden;
}

.header-quotation-content-main {
  flex: 1;
  padding: 30px;
}

.header-quotation-menu {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.header-quotation-menu-col {
  width: 33.3%;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.header-quotation-menu-col-title {
  border-bottom: 2px solid var(--logo-dark-blue);
  color: var(--logo-dark-blue);
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.header-quotation-content-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.header-quotation-content-img.v-business {
  background-image: url('../images/quotation-menu-business2x.jpg');
}

.header-quotation-content-img.v-personal {
  background-image: url('../images/quotation-menu-personal2x.jpg');
}

.header-quotation-content-img.menu-img {
  background-image: url('../images/quotation-menu-img2x.jpg');
}

.header-quotation-menu-col-title-link {
  text-decoration: none;
}

.header-quotation-menu-btn-b {
  text-align: right;
}

.header-quotation-tab-link-active {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  color: var(--white);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.header-quotation-tab-link-active.v-active {
  opacity: 1;
}

.header-quotation-qp {
  display: none;
}

.header-quotation-qp.quotation-menu-gp-1 {
  display: block;
}

.member-quote-item-company-name {
  color: var(--logo-dark-blue);
  letter-spacing: 2px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.one-time-verify-field-b {
  text-align: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.one-time-verify-btn-b {
  margin-top: 20px;
}

.insurance-intro-content-main-l-content-wrap {
  width: 100%;
}

.template-i-bg {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.i-template-hover-hide {
  pointer-events: none;
  position: relative;
}

.i-template-hover-show {
  color: var(--white);
  width: 100%;
  padding: 60px 30px;
  position: absolute;
  inset: 0%;
}

.i-template-covering-btn-b {
  padding-bottom: 60px;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  inset: auto 0% 0%;
}

.i-template-covering-btn {
  border: 1px solid var(--white);
  background-color: var(--transparent);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 15px;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  transition-property: background-color;
  display: block;
}

.i-template-covering-btn:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.i-template-top-info-wrap {
  color: var(--grey-fc);
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.i-template-top-b {
  padding-top: 90px;
  position: relative;
}

.i-template-banner-heading-b {
  color: var(--white);
  margin-bottom: 280px;
  position: relative;
}

.i-template-banner-bg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.i-template-banner-bg.i1 {
  background-image: url('../images/i1-top-banner-12x.jpg');
}

.i-template-banner-bg.i2 {
  background-image: url('../images/i2-top-banner-12x.jpg');
}

.i-template-banner-mask {
  mix-blend-mode: multiply;
  background-image: linear-gradient(135deg, #2d2d2d, #2d2d2d00 30%);
  position: absolute;
  inset: 0%;
}

.i-template-banner-btn-txt {
  letter-spacing: 1px;
  flex: 1;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.i-template-banner-btn-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.template-i-plan-bg-circle-box {
  width: 400px;
  margin-top: -190px;
  margin-left: -150px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.t-i-q-1-checkbox-graphic {
  flex: none;
  width: 50px;
  margin-right: 10px;
}

.i4-claim-max-b {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-left: 35px;
  margin-right: 35px;
  display: flex;
  position: relative;
}

.i4-claim-max-col {
  color: var(--light-grey);
  text-align: center;
  width: 33.3%;
  position: relative;
}

.i4-claim-max-col.v-last {
  width: auto;
}

.i4-claim-max-col.v-on {
  color: var(--logo-dark-blue);
  font-weight: 700;
}

.i4-claim-max-dot {
  border: 4px solid var(--transparent);
  background-color: var(--light-grey);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: box-shadow .8s, border-color .8s, height .8s, width .8s, background-color .8s;
  position: relative;
  box-shadow: 0 2px #0000;
}

.i4-claim-max-dot.v-morethan {
  background-color: var(--logo-dark-blue);
}

.i4-claim-max-dot.v-max {
  border-color: var(--logo-dark-blue);
  background-color: var(--white);
  width: 17px;
  height: 17px;
  box-shadow: 0 2px #00000040;
}

.i4-claim-max-line-b {
  background-color: var(--light-grey);
  height: 5px;
  margin-left: 4px;
  margin-right: 4px;
  position: absolute;
  inset: 50% 0% auto;
  transform: translate(0, -50%);
}

.i4-claim-max-line-progress {
  background-color: var(--logo-dark-blue);
  width: 0%;
  height: 100%;
  position: relative;
}

.i4-claim-max-line-progress.v-33 {
  width: 33.3%;
}

.i4-claim-max-txt {
  margin-top: 15px;
  transition: color .8s;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%);
}

.strategy-wrapped-content {
  flex: none;
  min-width: 100%;
}

.hr-detail-index-link {
  color: var(--a9cce9);
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 15px;
  line-height: 120%;
  text-decoration: none;
  display: flex;
}

.hr-detail-index-link:hover {
  color: var(--logo-dark-blue);
}

.hr-detail-index-txt {
  margin-top: 6px;
  margin-left: 7px;
}

.hr-detail-index-line-b {
  background-color: #a9cce9;
  width: 2px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.hr-detail-index-line-progress {
  background-color: var(--logo-dark-blue);
  width: 100%;
  height: 0%;
}

.hr-detail-index-circle {
  border: 2px solid #a9cce9;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: border-color .8s;
  display: flex;
}

.hr-detail-index-dot {
  background-color: var(--logo-dark-blue);
  opacity: 0;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
  transition: opacity .5s;
}

.member-info-download-btn-list {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.member-info-download-btn-item {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.sticky-btn-b {
  z-index: 2000;
  pointer-events: none;
  margin-bottom: 20px;
  padding: 10px 30px 10px 10px;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.btn-whatsapp {
  border: 2px solid var(--white);
  pointer-events: auto;
  background-color: #25d366;
  background-image: url('../images/whatsapp-icon2x_1whatsapp-icon@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  transition: box-shadow .8s;
  display: block;
  box-shadow: 0 0 10px #0003;
}

.btn-whatsapp:hover {
  box-shadow: 0 0 10px #00000080;
}

.uploaded-file-list {
  border: 1px solid var(--light-grey);
  border-radius: 10px;
  width: 100%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.uploaded-file-item {
  border-bottom: 1px solid var(--light-grey);
  color: var(--6c757d);
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.uploaded-file-name {
  letter-spacing: 0;
  flex: 1;
  margin-right: 10px;
}

.uploaded-file-delete-btn {
  background-color: var(--logo-dark-blue);
  cursor: pointer;
  background-image: url('../images/pop-close-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  flex: none;
  width: 20px;
  height: 20px;
  transition: background-color .8s;
}

.uploaded-file-delete-btn:hover {
  background-color: var(--blue-hover-dark);
}

.radio-upload-title-b {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radio-upload-title-txt {
  margin-right: 20px;
}

.padding-20-top {
  padding-top: 20px;
}

.header-btn-common {
  background-color: var(--logo-orange);
  color: var(--grey-fc);
  text-align: center;
  letter-spacing: 2px;
  background-image: url('../images/header-btn.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 40px;
  padding: 13px 50px 13px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition-property: background-color;
}

.header-btn-common:hover {
  background-color: var(--grey-fc);
  color: var(--logo-orange);
  background-image: url('../images/header-btn-hover.svg');
}

.header-btn-common.no-arrow {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding-right: 20px;
}

.quotation-hints-container {
  padding-bottom: 20px;
}

.quotation-hints-b {
  background-color: var(--darker-light-blue);
  border-radius: 10px;
  padding: 20px;
}

.quotation-hints-row {
  justify-content: space-between;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.quotation-hints-col {
  padding-left: 10px;
  padding-right: 10px;
}

.quotation-hints-info-row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quotation-hints-profile-pic {
  background-image: url('../images/profile-pic-dummy.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  flex: none;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.quotation-hints-profile-info-b {
  margin-left: 20px;
}

.quotation-hints-profile-info-title {
  letter-spacing: 2px;
  padding-bottom: 5px;
  font-size: 20px;
  line-height: 120%;
}

.quotation-hints-dropdown-arrow {
  width: 30px;
  display: block;
}

.quotation-hints-dropdown-b {
  height: 0;
  overflow: hidden;
}

.quotation-hints-dropdown-border-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quotation-hints-dropdown-border {
  background-color: var(--logo-dark-blue);
  flex: 1;
  height: 1px;
}

.quotation-hints-dropdown-border-txt-b {
  padding-left: 20px;
  padding-right: 20px;
}

.quotation-hints-list-b {
  color: var(--body);
  text-align: left;
}

.quotation-hints-list {
  margin-top: 20px;
  margin-bottom: 0;
}

.form-password-hints-row {
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.form-password-hints-txt {
  color: var(--field-placeholder-grey);
  font-size: 14px;
}

.form-password-hints-checkbox {
  background-color: var(--field-placeholder-grey);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.form-password-hints-checkbox.checked {
  background-color: var(--logo-dark-blue);
  background-image: url('../images/password-checkbox-tick.svg');
  background-position: 50%;
  background-size: cover;
}

.template-quotation-btn-row {
  justify-content: center;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.template-quotation-btn-col {
  padding-left: 10px;
  padding-right: 10px;
}

.quote-insurance-icon-row {
  flex-flow: wrap;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.quote-insurance-icon-col {
  width: 16.6667%;
  padding: 10px;
}

.quote-insurance-icon-b {
  background-color: var(--white);
  color: var(--body);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.quote-insurance-icon {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.quote-insurance-content-b {
  padding-top: 10px;
  font-weight: 600;
}

.mobile-header-btn-row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-whatsapp-b {
  display: none;
}

.insurance-intro-thumb-slider-b {
  margin-top: -70px;
}

.home-banner-btn-b {
  padding-top: 20px;
}

.home-info-b {
  padding-top: 50px;
}

.home-info-list-row {
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.home-info-list-col {
  flex: none;
  width: 40%;
  padding-left: 20px;
  padding-right: 20px;
}

.home-info-link {
  background-color: var(--grey-fa);
  color: var(--121416);
  border-radius: 0;
  height: 100%;
  padding-bottom: 110px;
  text-decoration: none;
  display: block;
  position: relative;
}

.home-info-link:hover {
  color: var(--logo-dark-blue);
}

.home-info-link.grey-bg {
  background-color: #f5f5f5;
}

.home-item-title {
  letter-spacing: 4px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.home-item-des {
  color: var(--6c757d);
  max-height: 190.4px;
  font-size: 16px;
  line-height: 170%;
  overflow: hidden;
}

.home-item-btn-b {
  color: var(--logo-dark-blue);
  letter-spacing: 1px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-item-btn-arrow {
  flex: none;
  width: 15px;
  margin-left: 10px;
  transition: all .8s;
}

.home-item-img-b {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.home-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 52.5%;
  position: relative;
}

.home-item-img.blog-1 {
  background-image: url('../images/blog-thumb-22x.jpg');
}

.home-section-banner-container {
  justify-content: center;
  align-items: center;
  min-height: 350px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-section-banner-b {
  z-index: 1;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.home-section-banner-content-b {
  color: var(--white);
  margin-top: -10px;
}

.home-section-banner-content {
  padding-top: 10px;
}

.home-section-banner-subtitle {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 130%;
}

.home-section-banner-btn {
  background-color: var(--blue-hover-dark);
  color: var(--white);
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
  transition-property: background-color;
  display: flex;
}

.home-section-banner-btn:hover {
  background-color: var(--logo-orange);
  color: var(--white);
}

.home-section-banner-btn-b {
  display: inline-block;
}

.home-section-banner-img {
  background-image: linear-gradient(90deg, #035aa6bf, #035aa6e6 50%, #035aa6bf), url('../images/home-banner15x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.home-section-banner-title {
  font-size: 24px;
}

.home-cfa-banner-container {
  justify-content: flex-start;
  align-items: center;
  min-height: 300px;
  padding: 40px;
  display: flex;
  position: relative;
}

.home-cfa-content-b {
  z-index: 1;
  color: var(--white);
  width: 50%;
  position: relative;
}

.home-cfa-btn-b {
  padding-top: 20px;
}

.home-cfa-banner-img-b {
  position: absolute;
  inset: 0%;
}

.home-cfa-banner-img {
  background-image: url('../images/home-banner15x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60%;
  height: 100%;
  margin-left: auto;
}

.home-cfa-banner-gradient {
  background-image: linear-gradient(90deg, var(--logo-dark-blue) 40%, #035aa600 75%);
  position: absolute;
  inset: 0%;
}

.insurance-intro-thumb-row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.insurance-intro-thumb-col {
  flex: none;
  width: 15%;
  max-width: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.insurance-intro-thumb-b {
  border-right: 1px solid var(--light-grey);
}

.home-info-scroll-b {
  padding: 40px 10px 15px;
  overflow: auto;
}

.quotation-border-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.quotation-border-col {
  flex: 1;
}

.quotation-border-dropdown-col {
  padding-left: 20px;
}

.quotation-hints-close-btn {
  background-color: var(--light-grey);
  border-radius: 100%;
  width: 30px;
  padding: 9px;
  display: block;
}

.quotation-dropdown-btn {
  margin-top: 10px;
  text-decoration: none;
  display: block;
}

.template-quotation-progress-last-dot {
  background-color: var(--light-grey);
  border-radius: 100%;
  width: 10px;
  height: 10px;
}

.template-quotation-progress-last-dot.v-orange {
  background-color: var(--logo-orange);
}

.template-quotation-progress-bg {
  z-index: -1;
  background-color: #f3f3f3;
  margin: -60px -40px 40px;
  position: absolute;
  inset: 0%;
}

.template-quotation-progress-description-mobile {
  flex: 1;
  font-size: 13px;
}

.template-quotation-mobile-description-b {
  color: var(--light-grey);
  display: none;
}

.template-quotation-progress-mobile-border-b {
  display: none;
}

.template-quote-result-radio-main-update {
  background-color: var(--darker-light-blue);
  text-align: left;
  border-radius: 8px;
  height: 100%;
  padding-bottom: 20px;
}

.template-quote-result-radio-main-cell-update {
  padding: 20px 15px 0;
  line-height: 170%;
}

.template-quote-result-radio-main-cell-update.list-b {
  text-align: left;
  padding-top: 25px;
}

.template-quote-result-radio-main-title {
  color: var(--logo-dark-blue);
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.template-quote-result-list-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template-quote-result-list-icon {
  flex: none;
  width: 20px;
  padding-top: 5px;
}

.template-quote-result-list-b {
  padding-top: 10px;
}

.template-quote-result-download-row {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.template-quote-radio-field-update {
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 400;
  position: relative;
}

.template-quote-result-download-col {
  padding-left: 10px;
  padding-right: 10px;
}

.template-quote-result-download-b {
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.template-quote-result-download-icon {
  width: 20px;
  margin-right: 5px;
}

.template-quote-result-download-container {
  border-top: 1px solid var(--light-grey);
  padding-top: 10px;
}

.home-insurance-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.header-quotation-tab-b {
  background-color: var(--grey-fc);
}

.template-quotation-bg {
  background-color: var(--light-blue);
  margin-left: -40px;
  margin-right: -40px;
  padding: 40px;
}

.member-quote-wtsapp-b {
  border: 1px solid var(--logo-dark-blue);
  color: var(--logo-dark-blue);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  display: flex;
}

.member-quote-wtsapp-icon {
  width: 40px;
  margin-left: 5px;
}

.member-quote-wtsapp-container {
  padding-left: 10px;
}

.home-info-content-b {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-10-top {
  padding-top: 10px;
}

.update-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-list-b {
  background-image: url('../images/list-dot.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 6px;
  padding-left: 16px;
}

.subtitle-txt {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
}

.update-btn {
  background-color: var(--logo-dark-blue);
  text-align: center;
  border-radius: 50px;
  padding: 12px 50px;
  transition-property: background-color;
}

.update-btn:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.update-btn.grey {
  background-color: var(--dark-grey);
}

.update-btn.grey:hover {
  background-color: var(--body);
}

.update-btn.white {
  background-color: var(--white);
  color: var(--logo-orange);
}

.update-btn.white:hover {
  background-color: #ffffffbf;
}

.update-btn.orange {
  background-color: var(--logo-orange);
  transition-property: all;
}

.update-btn.orange:hover {
  opacity: .7;
}

.update-btn.small-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.update-btn.white-blue {
  background-color: var(--white);
  color: var(--logo-dark-blue);
}

.update-btn.white-blue:hover {
  background-color: #ffffffbf;
}

.txt-black {
  color: var(--body);
}

.update-content-b {
  padding-top: 40px;
}

.update-big-icon-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  display: flex;
}

.update-big-icon-col {
  width: calc(50% - 20px);
}

.update-big-icon-col._100 {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.update-icon-content {
  border: 1px solid var(--grey);
  background-color: var(--white);
  border-radius: 20px;
  height: 100%;
  padding: 40px 20px;
}

.update-icon-content.orange-bg {
  background-color: var(--logo-orange);
  color: var(--white);
  border-style: none;
  box-shadow: 0 5px 10px #0003;
}

.update-icon-content.white-bg {
  background-color: var(--white);
  border-style: none;
  box-shadow: 0 5px 10px #0003;
}

.update-icon-content.link {
  color: var(--body);
  text-decoration: none;
  display: block;
}

.update-icon-content.link:hover {
  color: var(--logo-orange);
}

.update-icon-content.blue-bg {
  background-color: var(--logo-dark-blue);
  color: var(--white);
  border-style: none;
  box-shadow: 0 5px 10px #0003;
}

.update-icon-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.update-icon-list-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-icon-tick {
  flex: none;
  width: 32px;
}

.update-icon-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-icon-b {
  flex: none;
  width: 80px;
}

.update-table {
  position: relative;
}

.update-table-top {
  z-index: 100;
  position: sticky;
  top: 89px;
}

.update-table-row {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.update-table-l {
  color: #000;
  align-items: stretch;
  width: 220px;
  display: flex;
}

.update-table-r {
  border-left: 1px solid var(--logo-orange);
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 44%;
  display: flex;
  overflow: hidden;
}

.update-table-r.v-clear {
  background-color: var(--grey-fc);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  border-left-style: none;
  border-right-style: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.update-table-cell {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  display: flex;
}

.update-table-cell.top-r {
  background-color: var(--dark-grey);
}

.update-table-cell.l {
  border-right: 1px solid var(--logo-orange);
  background-color: var(--light-orange);
}

.update-table-cell.r {
  border-right: 1px solid var(--logo-orange);
  background-color: #f6f6f6;
}

.update-table-cell.top-l {
  background-color: var(--logo-orange);
}

.update-table-cell-content {
  width: 100%;
}

.update-table-title-b {
  padding-top: 15px;
}

.update-table-icon {
  flex: none;
  width: 35px;
  display: inline-block;
}

.update-table-icon-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.txt-remark {
  font-size: 12px;
  line-height: 120%;
}

.txt-align-left {
  text-align: left;
}

.price-list-wrap {
  display: flex;
}

.price-list-col {
  flex: none;
  width: 33.33%;
  padding-bottom: 10px;
  padding-right: 10px;
}

.price-list-b {
  background-color: var(--white);
  color: var(--body);
  border-radius: 20px;
  height: 100%;
  padding: 40px 20px;
  text-decoration: none;
  display: block;
  box-shadow: 0 5px 10px #37373726;
}

.price-title-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.price-tag {
  color: var(--white);
  text-align: center;
  background-color: #ed8209;
  border-radius: 25px;
  padding: 5px 20px;
}

.price-tag._50 {
  background-color: #ed820980;
}

.price-tag._75 {
  background-color: #ed8209bf;
}

.txt-orange {
  color: var(--logo-orange);
}

.title-txt {
  font-size: 36px;
  line-height: 120%;
}

.price-content-b {
  padding-top: 40px;
}

.price-content-list-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.price-content-list-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  display: flex;
}

.price-content-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  display: flex;
}

.price-content-list-icon {
  flex: none;
  width: 28px;
}

.pice-list-subtite-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.price-content-list-col {
  width: calc(50% - 5px);
}

.swiper-container {
  width: 100%;
  overflow: hidden;
}

.swiper-arrow-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.price-list-arrow-prev {
  cursor: pointer;
  width: 40px;
  transition: all .3s;
}

.price-list-arrow-prev:hover {
  transform: scale(.9);
}

.price-list-arrow-nxt {
  cursor: pointer;
  width: 40px;
  transition: all .3s;
}

.price-list-arrow-nxt:hover {
  transform: scale(.9);
}

.update-article-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.update-article-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-article-col {
  flex: 1;
}

.update-article-col._50 {
  flex: 0 auto;
  width: calc(50% - 20px);
}

.update-article-img-col {
  width: 40%;
}

.update-article-img-col._50 {
  width: calc(50% - 20px);
}

.update-article-img {
  padding-top: 150%;
  position: relative;
}

.update-article-img.horizontal {
  padding-top: 66.66%;
}

.img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.update-home-inside-content {
  padding-top: 40px;
}

.update-download-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  display: flex;
}

.update-download-col {
  width: calc(50% - 20px);
}

.update-download-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--grey);
  background-color: var(--white);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.update-download-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.update-download-icon {
  flex: none;
  width: 40px;
}

.update-article-big-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.update-article-big-col {
  flex: 1;
}

.update-article-big-img-col {
  width: 35%;
}

.update-apply-list-b {
  background-color: var(--light-orange);
  border-radius: 20px;
  padding: 20px;
}

.update-apply-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-table-b {
  background-color: #f6f6f6;
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.plan-table-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--light-grey);
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.plan-table-title {
  flex: none;
  width: 180px;
  font-weight: 600;
}

.plan-table-content {
  text-align: right;
}

.plan-table-tick {
  width: 18px;
}

.plan-detail-dropdown-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.plan-detail-dropdown {
  background-color: var(--light-orange);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  display: block;
  overflow: hidden;
}

.plan-detail-dropdown-btn {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.plan-detail-dropdown-content-b {
  background-color: var(--transparent);
}

.plan-detail-dropdown-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
  display: flex;
}

.plan-detail-dropdown-title {
  flex: none;
  width: 200px;
  font-weight: 600;
}

.plan-detail-dropdown-icon {
  flex: none;
  width: 16px;
}

.plan-detail-dropdown-content-container {
  padding-top: 20px;
}

.update-template-top {
  z-index: 999;
  background-color: var(--light-orange);
  padding-top: 20px;
  padding-bottom: 20px;
  position: sticky;
  top: 88px;
}

.update-template-top-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template-top-filter-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.template-top-filter-col {
  width: calc(25% - 30px);
}

.template-top-filter-conainer {
  border-top: 1px solid var(--body);
  width: 100%;
  padding-top: 20px;
}

.result-top-b {
  border: 1px solid var(--grey);
  border-radius: 100px;
  padding: 10px 40px;
}

.result-top-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-top-col {
  flex: 1;
}

.result-top-switch-col {
  flex: none;
}

.result-top-switch-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--light-blue);
  cursor: pointer;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.switch-list-link-b {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.switch-icon-b {
  width: 70%;
  position: relative;
}

.switch-list-icon {
  z-index: 1;
  width: 100%;
  display: block;
  position: relative;
}

.switch-list-icon-active {
  z-index: 1;
  opacity: 0;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.switch-grid-link-b {
  background-color: var(--logo-dark-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.switch-grid-icon {
  width: 100%;
  display: block;
  position: relative;
}

.switch-grid-icon-active {
  z-index: 1;
  opacity: 1;
  width: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.template-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.temp-update-b {
  border: 1px solid var(--dark-grey);
  border-radius: 20px;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 4px #0003;
}

.temp-update-top-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.update-temp-logo {
  border: 1px solid var(--grey);
  border-radius: 10px;
  width: 25%;
  max-width: 260px;
  padding: 10px;
}

.update-temp-top-title-b, .update-temp-plan-b {
  flex: 1;
}

.update-temp-price-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.update-temp-price-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.txt-dark-grey {
  color: var(--dark-grey);
}

.update-temp-discount {
  background-color: var(--logo-orange);
  color: var(--white);
  border-radius: 50px;
  padding: 2px 10px;
}

.temp-update-main-container {
  border-top: 1px solid var(--grey);
  border-bottom: 1px solid var(--grey);
  padding: 20px;
}

.temp-update-main-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.temp-update-main-col {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--grey);
  width: calc(33.333% - 26.67px);
  padding-right: 40px;
}

.temp-update-main-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.temp-update-title-info {
  flex: none;
  width: 16px;
  margin-top: 6px;
  display: block;
}

.temp-update-main-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.temp-update-btn-b {
  padding: 20px;
}

.temp-update-btn-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  display: flex;
}

.temp-update-btn-wrap.grid {
  justify-content: center;
  align-items: center;
}

.temp-update-btn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--logo-dark-blue);
  color: var(--white);
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  transition-property: background-color;
  display: flex;
}

.temp-update-btn:hover {
  background-color: var(--blue-hover-dark);
  color: var(--white);
}

.temp-update-btn-icon {
  width: 20px;
}

.update-temp-promo-code-b {
  margin-top: 5px;
}

.update-temp-promo-code {
  color: var(--logo-dark-blue);
  background-color: #ffeedb;
  border-radius: 50px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 120%;
  display: inline-block;
}

.temp-update-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.temp-update-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  display: flex;
}

.temp-grid-col {
  width: calc(33.33% - 13.33px);
}

.temp-update-main-grid-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.temp-update-main-grid-col {
  border-bottom: 1px solid var(--grey);
  width: 100%;
  padding-bottom: 10px;
}

.temp-update-top-grid-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 60px 20px 20px;
  display: flex;
  position: relative;
}

.temp-grid-promo-container {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.update-temp-grid-logo {
  border: 1px solid var(--grey);
  border-radius: 10px;
  width: 75%;
  max-width: 260px;
  padding: 10px;
}

.update-temp-top-grid-title-b, .update-temp-grid-plan-b {
  width: 100%;
}

.temp-grid-promo-icon {
  flex: none;
  width: 16px;
  display: block;
}

.temp-grid-promo-pop-b {
  z-index: 999;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--logo-orange);
  color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  margin-top: 12px;
  padding: 20px;
  display: none;
  position: absolute;
  inset: 100% auto auto 50%;
  transform: translate(-50%);
}

.temp-grid-promo-pop-b.full {
  width: 100%;
}

.temp-grid-promo-pop-close {
  width: 15px;
  margin-top: 5px;
  margin-right: 5px;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.temp-grid-promo-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--body);
  background-color: #ffeedb;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  text-decoration: none;
  display: flex;
}

.temp-grid-promo-pop-arrow {
  width: 20px;
  margin-top: -10px;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.temp-grid-promo-pop-arrow.full {
  margin-left: 20px;
  left: 0%;
  transform: translate(0%);
}

.temp-list-promo-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--logo-orange);
  color: var(--white);
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.temp-list-promo-title-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.temp-list-promo-btn {
  flex: none;
}

.update-tab-active {
  background-color: var(--logo-orange);
  opacity: 0;
  height: 4px;
  margin-bottom: -4px;
  position: absolute;
  inset: auto 0% 0%;
}

.update-tab-content-big-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 25px;
  flex-flow: wrap;
  display: flex;
}

.update-tab-content-big-col {
  width: calc(50% - 20px);
  padding-top: 10px;
  padding-bottom: 15px;
  padding-right: 5px;
}

.update-tab-content-big-col._100 {
  width: 100%;
}

.update-tab-content-b {
  background-color: var(--white);
  border-radius: 20px;
  height: 100%;
  padding: 40px;
  box-shadow: 2px 4px 4px #0003;
}

.update-tab-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-tab-content-col {
  width: calc(50% - 10px);
}

.update-tab-content-img {
  padding-top: 65%;
  position: relative;
}

.update-tab-content-img._100 {
  margin-top: 10px;
  padding-top: 25%;
}

.update-tab-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hr-class-photo-radius {
  border-radius: 20px;
  overflow: hidden;
}

.faq-ec-arrow-orange {
  background-image: url('../images/ec-arrow-orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 16px;
  height: 16px;
}

.faq-ec-arrow-orange.v-expanded {
  transform: rotate(90deg);
}

.compare-table-row {
  display: flex;
}

.compare-title-l {
  width: 250px;
}

.compare-content-r {
  background-color: var(--white);
  flex: 1;
  display: flex;
}

.compare-content-r.v-top {
  border-left: 1px solid var(--white);
  background-color: var(--grey);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.compare-content-r.v-clear {
  background-color: var(--transparent);
}

.compare-title-b {
  border-bottom: 1px solid var(--white);
  background-color: var(--grey);
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 20px;
  font-weight: 600;
  display: flex;
}

.compare-content-small-col {
  flex: 1;
}

.compare-content-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid var(--grey);
  border-bottom: 1px solid var(--grey);
  background-color: #0000;
  height: 100%;
  padding: 20px;
}

.compare-content-b.vtop {
  border-right-color: var(--white);
  text-align: center;
  font-weight: 600;
}

.compare-content-b.v-clear {
  border-bottom-style: none;
  border-right-style: none;
}

.compare-content-b.logo {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.compare-content-logo {
  width: 75%;
  max-width: 230px;
}

.update-icon-txt {
  padding-top: 5px;
}

.template-top-dropdown {
  border: 1px solid var(--body);
  background-color: var(--white);
  border-radius: 50px;
  display: block;
}

.template-top-dropdown-link {
  color: var(--body);
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
}

.template-top-dropdown-arrow {
  width: 12px;
}

.template-top-dropdown-nav {
  background-color: var(--transparent);
  margin-top: 5px;
  overflow: hidden;
}

.template-top-dropdown-nav-list {
  border: 1px solid var(--grey);
  background-color: var(--white);
  border-radius: 20px;
  padding: 12px;
}

.template-top-dropdown-wrap {
  flex-flow: wrap;
  display: flex;
}

.update-template-top-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--logo-orange);
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  transition-property: background-color;
  display: flex;
}

.update-template-top-btn:hover {
  background-color: var(--body);
  color: var(--white);
}

.update-template-top-btn-icon {
  width: 16px;
}

.compare-table-content {
  border: 1px solid var(--grey);
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.compare-table-top {
  z-index: 99;
  position: sticky;
  top: 89px;
}

.compare-table-container {
  padding-bottom: 40px;
}

.compare-table-subgp {
  margin-bottom: 115px;
  position: relative;
}

.compare-table-subgp.v-last {
  margin-bottom: 40px;
}

.compare-table-subgp-title {
  z-index: 200;
  width: 260px;
  margin-top: -46px;
  font-size: 20px;
  line-height: 110%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, -50%);
}

.compare-table-row-list {
  flex: 1;
}

.compare-table-subrow {
  display: flex;
}

.compare-bottom-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.swipper-tab-menu {
  flex-flow: row;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.swipper-tab-link {
  border-bottom: 4px solid var(--white);
  background-color: var(--transparent);
  color: var(--body);
  text-align: center;
  letter-spacing: 2px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25%;
  margin-bottom: 0;
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  position: relative;
}

.swipper-tab-link:hover {
  color: var(--logo-orange);
}

.swipper-tab-link.w--current {
  background-color: var(--transparent);
  color: var(--logo-orange);
}

.update-tab-title-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tab-swiper-arrow-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-arrow-prev {
  cursor: pointer;
  width: 40px;
  transition: all .3s;
}

.tab-arrow-prev:hover {
  transform: scale(.9);
}

.tab-arrow-nxt {
  cursor: pointer;
  width: 40px;
  transition: all .3s;
}

.tab-arrow-nxt:hover {
  transform: scale(.9);
}

.plan-detail-b {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.update-template-top-btn--b {
  margin-bottom: -40px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.compare-btn-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.txt-b {
  font-weight: 700;
}

.compare-txt-remark {
  font-size: 14px;
  line-height: 110%;
}

.template-select-txt {
  white-space: pre-wrap;
  overflow: hidden;
}

.txt-cross {
  text-decoration: line-through;
}

.plan-table-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.plan-table-big-title {
  color: var(--logo-orange);
  margin-bottom: 10px;
  font-weight: 700;
}

.template-filter-close-b {
  width: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

html.w-mod-js [data-ix="common-fade-from-bottom"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="common-fade-from-top"] {
  opacity: 0;
  transform: translate(0, -50px);
}

html.w-mod-js [data-ix="common-scale-in"] {
  transform: scale(1.1);
}

html.w-mod-js [data-ix="common-scale-fade-out"] {
  opacity: 0;
  transform: scale(.8);
}

html.w-mod-js [data-ix="common-scale-fade-in"] {
  opacity: 0;
  transform: scale(1.1);
}

html.w-mod-js [data-ix="init-h-0"] {
  height: 0;
}

html.w-mod-js [data-ix="lined-h3-txt-animation"] {
  opacity: 0;
  transform: translate(-100px);
}

html.w-mod-js [data-ix="lined-h3-txt-animation-right"] {
  opacity: 0;
  transform: translate(100px);
}

html.w-mod-js [data-ix="inner-banner-container-init"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="inner-banner-img-init"] {
  transform: scale(1.1);
}

@media screen and (min-width: 1280px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }

  .header-brand {
    width: 342px;
  }

  .nav-item {
    margin-left: 15px;
    margin-right: 15px;
  }

  .nav-mainlist {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-main-l {
    width: 40%;
  }

  .footer-about-b {
    padding-bottom: 100px;
  }

  .footer-about-box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer-contact-item {
    width: 50%;
  }

  .footer-main-r {
    margin-left: 70px;
  }

  .footer-sitemap-b {
    margin-left: -20px;
    margin-right: -20px;
  }

  .footer-sitemap-col {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-sitemap-title {
    letter-spacing: 7px;
  }

  .insurance-intro-tab-pane {
    padding: 60px;
  }

  .insurance-intro-thumb-slider {
    margin-left: -60px;
    margin-right: -60px;
  }

  .insurance-intro-thumb-slide {
    width: 16.6667%;
  }

  .insurance-intro-thumb-slider-arrow:hover {
    background-color: var(--blue-hover-dark);
  }

  .insurance-intro-thumb-slider-arrow.v-next {
    inset: 50% 0% auto auto;
  }

  .insurance-intro-content-title-b {
    align-items: flex-start;
  }

  .insurance-intro-content-btn {
    padding-left: 50px;
    padding-right: 50px;
  }

  .common-bg-circle.v-template-hr-info {
    left: 290px;
  }

  .home-insurance-circle-box {
    width: 580px;
    margin-top: -376px;
    margin-left: -416px;
  }

  .home-insurance-circle-box.v-top-right {
    margin-right: -416px;
  }

  .home-quote-content {
    padding: 40px;
  }

  .home-quote-btn-b {
    margin-top: 40px;
  }

  .home-faq-l-b {
    margin-right: 90px;
  }

  .why-ginsmall-box {
    padding: 60px 30px;
  }

  .testimonial-slide {
    padding-left: 30px;
    padding-right: 30px;
  }

  .testimonial-slider-mask {
    margin-left: -30px;
    margin-right: -30px;
  }

  .testimonial-box {
    padding: 40px;
  }

  .testimonial-profile-b {
    flex: 1;
  }

  .inner-banner-slider-nav {
    padding-left: 60px;
    padding-right: 60px;
  }

  .hr-class-photo-small-b {
    margin-bottom: -27px;
    margin-right: -27px;
  }

  .hr-class-photo-small-white {
    margin-top: -27px;
    margin-left: -27px;
  }

  .hr-class-col-r {
    margin-left: 80px;
  }

  .hr-class-link {
    padding-bottom: 60px;
  }

  .hr-class-item {
    margin-bottom: 60px;
  }

  .hr-intro-pdf-link {
    padding: 40px;
  }

  .about-bg-circle-box {
    width: 580px;
    margin-top: -190px;
    margin-left: -120px;
  }

  .about-bg-circle-box.v-bottom-right {
    margin-bottom: 15px;
    margin-right: -10px;
  }

  .about-content-b {
    margin-left: -60px;
    margin-right: -60px;
  }

  .about-content-col {
    padding-left: 60px;
    padding-right: 60px;
  }

  .about-content-img-color {
    margin-top: 40px;
    margin-left: 40px;
  }

  .about-content-img-color.v-second {
    margin-top: 60px;
    margin-left: 60px;
  }

  .about-wethink-b {
    margin-top: 200px;
    margin-bottom: 200px;
  }

  .contact-bg-circle-box {
    width: 580px;
    margin-top: -130px;
    margin-left: -390px;
  }

  .contact-bg-circle-box.v-bottom-right {
    margin-bottom: -120px;
    margin-right: -350px;
  }

  .contact-map-content {
    padding-left: 60px;
    padding-right: 60px;
  }

  .procedure-step-l-b {
    margin-right: 60px;
  }

  .procedure-bg-circle-box {
    width: 580px;
    margin-top: -30px;
    margin-left: -260px;
  }

  .procedure-bg-circle-box.v-bottom-right {
    margin-right: -260px;
  }

  .procedure-step-title-b {
    padding-right: 15%;
  }

  .procedure-bottom-img-deco {
    margin-left: -60px;
  }

  .procedure-bottom-img-deco.v-even {
    margin-left: 60px;
  }

  .procedure-bottom-deco-1 {
    margin-top: 32%;
  }

  .procedure-bottom-deco-2 {
    margin-top: 60px;
  }

  .qna-top-content-b {
    padding-left: 60px;
    padding-right: 60px;
  }

  .faq-list-bg-circle-box {
    width: 580px;
    margin-top: -290px;
    margin-left: -132px;
  }

  .faq-more-bg-circle-box {
    width: 580px;
    margin-bottom: -290px;
    margin-right: -290px;
  }

  .search-result-circle-box {
    width: 580px;
    margin-top: -348px;
    margin-left: -174px;
  }

  .search-result-circle-box.v-right {
    margin-right: -174px;
  }

  .qna-related-circle-box {
    width: 580px;
    margin-top: -348px;
    margin-right: -174px;
  }

  .qna-related-circle-box.v-bottom {
    margin-bottom: -435px;
    margin-left: -116px;
  }

  .related-faq-hot-b {
    margin-left: 90px;
  }

  .blog-list-l-b {
    margin-right: 60px;
  }

  .blog-list {
    margin-left: -5%;
    margin-right: -5%;
  }

  .blog-item {
    margin-bottom: 60px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .blog-item-link {
    padding: 25px 25px 110px;
  }

  .blog-item-tag {
    letter-spacing: 2px;
    margin-top: 14px;
    margin-left: 6px;
    font-size: 20px;
  }

  .blog-item-des {
    max-height: 202.3px;
    font-size: 17px;
  }

  .blog-item-info-b {
    margin-bottom: 30px;
    font-size: 17px;
  }

  .blog-item-info {
    margin-left: 8%;
  }

  .blog-item-btn-b {
    margin-bottom: 60px;
    margin-left: 25px;
    margin-right: 25px;
  }

  .blog-list-bg-circle-box {
    width: 580px;
    margin-top: -290px;
    margin-left: -132px;
  }

  .blog-list-bg-circle-box.v-bottom {
    margin-right: -290px;
  }

  .blog-feature-content-b {
    padding: 60px;
  }

  .blog-feature-info-b {
    font-size: 17px;
  }

  .blog-hot-list {
    margin-bottom: -60px;
    margin-left: -30px;
    margin-right: -30px;
  }

  .blog-hot-item {
    margin-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-detail-col-index {
    margin-right: 60px;
  }

  .blog-detail-content-box {
    padding: 60px 60px 90px;
  }

  .hr-learn-banner-hover-heading {
    font-size: 36px;
  }

  .hr-learn-banner-btn {
    font-size: 20px;
  }

  .hr-learn-article-index-b {
    margin-right: 60px;
  }

  .hr-learn-article-bg-circle-box {
    width: 580px;
    margin-top: -150px;
    margin-left: -140px;
  }

  .login-member-feature-list {
    margin-left: -25px;
    margin-right: -25px;
  }

  .login-member-feature-item {
    margin-bottom: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .form-agreement-b {
    margin-top: 0;
  }

  .member-b {
    padding-left: 280px;
  }

  .member-menu-b {
    width: 280px;
  }

  .member-info-row.v-construction-plan {
    display: flex;
  }

  .member-info-col-fieldname.v-construction {
    width: 320px;
  }

  .member-info-col-fieldname.v-consturction-plan {
    width: 170px;
  }

  .member-info-col-fieldname.v-medical {
    width: 320px;
  }

  .member-filter-item {
    width: 25%;
  }

  .member-filter-item.v-insurance {
    width: 20%;
  }

  .member-quote-item-link {
    padding-left: 35px;
    padding-right: 35px;
    display: flex;
  }

  .member-quote-item-main {
    border-bottom-style: none;
    border-right-style: solid;
    margin-bottom: 0;
    margin-right: 30px;
    padding-right: 30px;
  }

  .member-quote-item-img {
    justify-content: center;
    width: 215px;
  }

  .member-quote-item-name-b {
    flex-flow: wrap;
  }

  .member-quote-item-name-wrap {
    flex: 0 auto;
    width: 100%;
  }

  .member-quote-item-title {
    letter-spacing: 4px;
    font-size: 24px;
  }

  .mamber-quote-item-info {
    justify-content: flex-start;
    align-items: center;
    width: 220px;
    display: flex;
  }

  .mamber-quote-item-info-list {
    flex: 1;
    display: block;
  }

  .mamber-quote-item-info-item {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .m-quotation-innerpage-b {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .m-quotation-innerpage-summary {
    order: 1;
    width: 410px;
    min-width: 0;
    height: 100vh;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
    position: sticky;
    top: 90px;
  }

  .m-quote-breakdown-b {
    font-size: 17px;
  }

  .m-quote-breakdown-row {
    margin-bottom: 20px;
  }

  .m-quote-breakdown-sum {
    font-size: 20px;
  }

  .m-quote-code-b {
    margin-top: 35px;
  }

  .m-quote-innerpage-summary-r-b {
    width: auto;
    margin-left: 0;
  }

  .m-quote-document-upload-item {
    width: 100%;
  }

  .member-coupon-item-link {
    height: 100%;
    display: flex;
  }

  .member-insure-table {
    font-size: 16px;
  }

  .member-coupon-list {
    margin-left: -20px;
    margin-right: -20px;
  }

  .member-coupon-item {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .member-empleyee-list-tool {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .member-employee-filter-list {
    max-width: 510px;
  }

  .member-employee-table {
    font-size: 16px;
  }

  .member-accont-feature-list {
    margin-bottom: -40px;
    margin-left: -35px;
    margin-right: -35px;
  }

  .member-accont-feature-item {
    margin-bottom: 40px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .member-add-qr-link {
    padding: 25px;
  }

  .member-add-ar-copied-b {
    font-size: 24px;
  }

  .member-construction-list-tool {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .member-consturction-filter-list {
    max-width: 700px;
  }

  .member-construction-plan-list {
    margin-left: -30px;
    margin-right: -30px;
  }

  .member-construction-plan-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .member-construction-plan-summary-item {
    flex-wrap: nowrap;
  }

  .member-construction-plan-fieldname {
    width: auto;
    margin-right: 20px;
  }

  .member-construction-table {
    font-size: 16px;
  }

  .member-medical-filter-item {
    width: 25%;
  }

  .member-medical-list-tool {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }

  .member-medical-table {
    font-size: 16px;
  }

  .insurance-quote-select-industry-list {
    justify-content: space-between;
  }

  .insurance-quote-range-gp {
    margin-bottom: 50px;
  }

  .template-bottom-faq-img-b {
    margin-right: 60px;
  }

  .template-more-feature-list {
    margin-left: 0;
    margin-right: 0;
  }

  .template-more-feature-item {
    padding-left: 60px;
    padding-right: 60px;
  }

  .template-hr-info-bg-circle-box {
    width: 580px;
    margin-top: -290px;
  }

  .template-case-study-item {
    margin-left: -30px;
    margin-right: -30px;
  }

  .template-case-study-col {
    padding-left: 30px;
    padding-right: 30px;
  }

  .template-plan-table-cell.v-clear {
    padding-left: 20px;
    padding-right: 20px;
  }

  .template-plan-bg-circle-box {
    width: 580px;
    margin-top: -360px;
    margin-left: -245px;
  }

  .template-plan-bg-circle-box.v-bottom-right {
    margin-right: -260px;
  }

  .template-plan-bg-circle-box.v-left {
    margin-right: -245px;
  }

  .template-top-white-box {
    width: 45%;
    padding: 60px;
  }

  .template-quotation-b {
    padding-left: 330px;
  }

  .template-quotation-progress-b {
    width: 330px;
  }

  .template-quotation-progress-box, .template-quotation-progress-summary {
    padding: 60px;
  }

  .template-quotation-notice-box {
    padding: 40px;
  }

  .template-quotation-notice-info-content {
    justify-content: flex-start;
    align-items: center;
  }

  .t-q-employee-table-top {
    display: block;
  }

  .t-q-employee-table-col {
    padding-top: 0;
    padding-bottom: 0;
  }

  .t-q-employee-table-col.col-title {
    width: 220px;
  }

  .t-q-employee-table-col.col-qty, .t-q-employee-table-col.col-income {
    flex: 1;
  }

  .t-q-employee-table-tool {
    border-left-style: none;
    align-items: flex-start;
    padding-top: 14px;
  }

  .t-q-employee-table-type {
    width: 220px;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .t-q-employee-col-fieldname {
    display: none;
  }

  .template-quotation-i-li {
    background-image: url('../images/temp-i-bullet-white.svg');
    background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: 3px;
  }

  .t-q-employee-table-employee-item {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .template-quotation-extra-form-wrap {
    margin-left: -4%;
    margin-right: -4%;
  }

  .template-quotation-extra-form-item, .template-quotation-reg-form-item {
    padding-left: 4%;
    padding-right: 4%;
  }

  .template-quotation-reg-form-wrap {
    margin-left: -4%;
    margin-right: -4%;
  }

  .template-quote-submit-after-box {
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .template-b-home-l-b {
    width: 400px;
  }

  .template-b-home-filter-box, .template-b-home-other-filter {
    padding-left: 40px;
    padding-right: 40px;
  }

  .range-gp {
    margin-bottom: 50px;
  }

  .tamplate-b-top-field-col.col-sort {
    min-width: 55%;
  }

  .template-b-home-item-logo-b {
    width: 275px;
    margin-right: 50px;
  }

  .btn-b-item-tool {
    margin-right: 25px;
  }

  .btn-download-terms {
    margin-left: 60px;
  }

  .pop-template-compare-list {
    margin-left: -30px;
    margin-right: -30px;
  }

  .pop-compare-template-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .template-plan-terms-b {
    padding-left: 60px;
    padding-right: 60px;
  }

  .template-b-plan-table-cell.v-clear {
    padding-left: 20px;
    padding-right: 20px;
  }

  .template-top-radio-gp {
    display: flex;
  }

  .template-top-radio-list {
    margin-left: 40px;
    margin-right: -1.5vw;
  }

  .template-top-radio-item {
    margin-right: 0;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }

  .template-c-plan-bg-circle-box {
    width: 500px;
    margin-top: -390px;
    margin-left: -170px;
  }

  .template-c1-text-watermark {
    letter-spacing: 4px;
    margin-top: -40px;
    margin-left: -54px;
    font-size: 128px;
  }

  .t-q-1-checkbox-gp {
    margin-left: -20px;
    margin-right: -20px;
  }

  .t-q-1-checkbox-item {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .t-q-1-checkbox-graphic {
    width: 75px;
  }

  .template-c-member-table-top {
    display: block;
  }

  .template-c-member-table-col {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .template-c-member-table-col.col-gender, .template-c-member-table-col.col-type, .template-c-member-table-col.col-age, .template-c-member-table-col.col-roomrank, .template-c-member-table-col.col-planrank {
    width: 20%;
  }

  .template-c-member-table-delete {
    border-left-style: none;
  }

  .template-c-member-table-row {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .tempalte-c-member-fieldname {
    display: none;
  }

  .template-covering-list {
    margin-left: -30px;
    margin-right: -30px;
  }

  .template-covering-item {
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-quotation-menu-col {
    width: 20%;
  }

  .member-quote-item-company-name {
    letter-spacing: 4px;
    font-size: 24px;
  }

  .template-i-plan-bg-circle-box {
    width: 500px;
    margin-top: -280px;
    margin-left: -170px;
  }

  .home-info-link {
    padding-bottom: 110px;
  }

  .home-item-des {
    max-height: 202.3px;
    font-size: 17px;
  }

  .home-item-btn-b {
    margin-bottom: 60px;
    margin-left: 25px;
    margin-right: 25px;
  }

  .template-quotation-progress-bg {
    margin-left: -60px;
    margin-right: -60px;
  }

  .template-quote-result-radio-main-cell-update {
    padding-left: 30px;
    padding-right: 30px;
  }

  .template-quotation-bg {
    margin-left: -60px;
    margin-right: -60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .member-quote-wtsapp-container {
    padding-top: 10px;
    padding-left: 0;
  }

  .update-icon-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .update-icon-b {
    width: 100px;
  }

  .price-list-arrow-nxt {
    width: 40px;
  }

  .update-tab-content-col {
    width: calc(50% - 20px);
  }

  .update-tab-content-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .update-template-top-btn {
    padding-left: 60px;
    padding-right: 60px;
  }

  .swipper-tab-link {
    width: 20%;
  }

  .tab-arrow-nxt {
    width: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .section-div.contact-map {
    background-image: url('../images/contact-map-gradient2x.jpg'), url('../images/bg-gradient-12x.jpg');
    background-position: 0%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: 50%, cover;
  }

  .common-bg-circle.v-bottom-left {
    margin-left: -46%;
  }

  .home-insurance-circle-box.v-bottom-left {
    margin-bottom: 70px;
  }

  .tall-banner-b {
    min-height: 560px;
  }

  .common-tab-menu.v-quote-commercial {
    border-bottom: 1px solid #a7a7a74d;
    justify-content: space-between;
  }

  .common-tab-link.v-quote-commercial {
    flex: none;
    width: auto;
    min-width: 0%;
  }

  .common-tab-link.v-quote-personal {
    border-bottom-style: none;
    flex: none;
    width: auto;
    min-width: 0%;
  }

  .quote-insurance-banner-watermark {
    font-size: 58px;
  }

  .common-banner-col-hover-title {
    font-size: 24px;
  }

  .radio-box.v-select-quote-industry {
    padding-left: 25px;
    padding-right: 25px;
  }

  .contact-map-content {
    background-image: none;
  }

  .procedure-bottom-img-deco {
    overflow: visible;
  }

  .hr-learn-banner-btn {
    margin-bottom: 25px;
  }

  .common-banner-col-list {
    height: 580px;
  }

  .common-banner-col-default {
    font-size: 20px;
  }

  .member-content {
    padding-left: 0;
  }

  .member-form-btn-gp {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .form-cancel-btn:hover {
    color: var(--blue-hover-dark);
  }

  .member-quote-item-img {
    margin-right: 60px;
  }

  .m-quote-document-upload-item {
    width: 50%;
  }

  .m-quote-innerpage-coupon-list {
    flex-flow: wrap;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
  }

  .member-qoute-innerpage-coupon-item {
    width: 50%;
    min-width: 450px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .member-insure-table {
    font-size: 17px;
  }

  .member-coupon-list {
    margin-left: -30px;
    margin-right: -30px;
  }

  .member-coupon-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .member-employee-table {
    font-size: 17px;
  }

  .member-consturction-filter-list {
    max-width: 775px;
  }

  .member-construction-plan-summary {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .member-construction-table, .member-medical-table {
    font-size: 17px;
  }

  .template-hr-info-item-watermark {
    font-size: 58px;
  }

  .template-more-feature-list {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .template-top-info-btn {
    width: 38%;
    padding: 40px;
  }

  .template-top-info-main {
    padding: 40px 60px;
  }

  .template-quotation-content {
    padding-left: 0;
  }

  .template-quotation-notice-box {
    padding: 60px;
  }

  .template-quotation-notice-info-list {
    margin-left: -20px;
    margin-right: -20px;
  }

  .template-quotation-notice-info-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .template-quotation-notice-info-graphic {
    width: 120px;
  }

  .template-quotation-notice-info-content {
    display: flex;
  }

  .template-quotation-notice-info-title {
    margin-right: 6%;
  }

  .template-quotation-notice-info-value-b {
    padding-bottom: 10px;
  }

  .template-quotation-notice-info-value-txt {
    margin-bottom: -4px;
    font-size: 36px;
  }

  .quote-form-btn-gp {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .t-q-employee-table-col {
    padding-left: 22px;
    padding-right: 22px;
  }

  .t-q-employee-table-col.col-title {
    width: 320px;
  }

  .t-q-employee-table-main {
    margin-left: -22px;
    margin-right: -22px;
  }

  .t-q-employee-table-tool {
    width: 120px;
  }

  .t-q-employee-table-tool-item {
    margin-left: 20px;
  }

  .t-q-employee-table-type {
    width: 320px;
  }

  .template-quotation-icon-subtitle-icon {
    flex: none;
  }

  .template-c-member-table-wrap {
    margin-left: -2%;
  }

  .template-c-member-table-col {
    padding-left: 2%;
    padding-right: 2%;
  }

  .i-template-covering-btn {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 991px) {
  h1, h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 20px;
  }

  .all {
    padding-top: 70px;
  }

  .container {
    max-width: none;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .container.v-header {
    position: relative;
  }

  .container.v-procedure {
    padding-left: 5%;
  }

  .header-wrap {
    height: 70px;
  }

  .header-bg {
    z-index: 10;
    display: block;
  }

  .nav-menu {
    background-color: var(--white);
    flex: 0 auto;
    width: 100%;
    height: 100vh;
    padding-top: 70px;
    display: block;
    position: fixed;
    inset: 0% auto auto 0%;
    overflow: auto;
  }

  .header-brand {
    z-index: 10;
    width: 240px;
    min-width: 0;
  }

  .nav-sublist {
    border-left-style: none;
    padding-bottom: 120px;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
  }

  .nav-item {
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-mainlist {
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
  }

  .nav-login-b {
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
  }

  .nav-link-dropdown {
    text-align: center;
    display: block;
  }

  .nav-link-dropdown-list.w--open {
    background-color: var(--transparent);
    box-shadow: none;
    max-height: none;
    margin-left: -5vw;
    margin-right: -5vw;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: hidden;
    transform: none;
  }

  .nav-dropdown-arrow {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-right: -17px;
  }

  .btn-menu {
    z-index: 10;
    flex: none;
    padding: 0;
  }

  .btn-menu.w--open {
    background-color: var(--transparent);
  }

  .btn-menu-wrap {
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
  }

  .btn-menu-line-1, .btn-menu-line-2 {
    background-color: var(--logo-dark-blue);
    border-radius: 10px;
    width: 100%;
    height: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0;
    position: relative;
  }

  .nav-link-dropdown-list-wrap {
    padding-top: 20px;
  }

  .footer-subscribe-b {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer-subscribe-wrap {
    margin-left: -2%;
    margin-right: -2%;
  }

  .footer-subscribe-col {
    padding-left: 2%;
    padding-right: 2%;
  }

  .footer-subscriibe-submit {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-main-b {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .footer-main-wrap {
    display: block;
  }

  .footer-main-l {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-bottom: 60px;
    display: flex;
  }

  .footer-about-b {
    width: 50%;
    margin-right: 5vw;
  }

  .footer-about-box {
    flex: 1;
    padding: 20px;
  }

  .footer-contact-icon {
    width: 30px;
  }

  .footer-main-r {
    margin-left: 0;
  }

  .footer-sitemap-col {
    margin-bottom: 40px;
  }

  .footer-sitemap-title {
    margin-bottom: 20px;
  }

  .footer-social-list {
    justify-content: center;
    margin-top: -10px;
  }

  .footer-social-item {
    margin-left: 8px;
    margin-right: 8px;
  }

  .footer-bottom-b {
    margin-top: 40px;
    display: block;
  }

  .footer-license-b {
    text-align: center;
    margin-bottom: 15px;
  }

  .footer-copyright-b {
    text-align: center;
  }

  .banner-heading {
    font-size: 30px;
  }

  .section-div {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .insurance-intro-tab-link {
    letter-spacing: 2px;
    padding: 15px;
    font-size: 20px;
  }

  .insurance-intro-tab-pane {
    background-size: 100%;
    padding: 30px;
  }

  .insurance-tab-h3 {
    margin-bottom: 20px;
  }

  .insurance-intro-thumb-slider {
    margin-bottom: 30px;
    margin-left: -30px;
    margin-right: -30px;
  }

  .insurance-intro-thumb-slide {
    width: 33.3%;
  }

  .insurance-intro-content-title-txt {
    padding-bottom: 10px;
    font-size: 24px;
  }

  .insurance-intro-content-main-b {
    flex-wrap: wrap;
  }

  .insurance-intro-content-main-col.col-btn {
    width: 100%;
    margin-top: 20px;
  }

  .btn-common.v-temp-quote-login {
    width: auto;
  }

  .btn-common.v-template-quote-plan-update {
    padding-left: 20px;
    padding-right: 20px;
  }

  .insurance-intro-content-btn {
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 18px;
  }

  .insurance-intro-content-btn-icon {
    width: 30px;
    height: 30px;
  }

  .home-insurance-circle-box {
    width: 40%;
    margin-top: -15%;
    margin-left: -20%;
  }

  .home-insurance-circle-box.v-top-right {
    margin-right: -20%;
  }

  .home-quote-b {
    margin-top: 60px;
  }

  .big-heading {
    font-size: 30px;
  }

  .home-quote-list {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .home-quote-item {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .home-quote-content {
    padding-top: 20px;
  }

  .home-quote-item-img {
    padding-top: 100%;
  }

  .home-quote-item-title {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .home-quote-item-des {
    line-height: 160%;
  }

  .home-quote-btn-b {
    margin-top: 20px;
  }

  .lined-h3-b {
    margin-bottom: 30px;
    padding-left: 20px;
  }

  .home-faq-l-b {
    width: 280px;
    margin-right: 5%;
    top: 90px;
  }

  .home-faq-total-title {
    margin-bottom: 5px;
  }

  .faq-list-more-b {
    margin-top: 30px;
  }

  .faq-item {
    margin-bottom: 30px;
  }

  .why-ginsmall-item {
    width: 50%;
  }

  .why-ginsmall-box {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .why-ginsmall-title {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .testimonial-slide {
    width: 50%;
  }

  .common-tab-link.v-quote-faq {
    width: 33.3%;
  }

  .common-tab-link.v-quote-commercial, .common-tab-link.v-quote-personal {
    min-width: 25%;
  }

  .common-tab-link.v-hr-intro {
    width: 25%;
  }

  .common-tab-link.v-contact {
    width: 33.3%;
  }

  .common-tab-link-content {
    flex: 0 auto;
  }

  .quote-insurance-banner-watermark {
    font-size: 40px;
    transform: none;
  }

  .common-banner-col-hover-content {
    max-width: none;
  }

  .inner-banner-slider-nav {
    padding-left: 5%;
    padding-right: 5%;
  }

  .hr-class-col-l {
    width: 45%;
  }

  .hr-class-col-r {
    margin-left: 6%;
  }

  .hr-class-title {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .hr-intro-pdf-title {
    font-size: 28px;
  }

  .hr-intro-col-r {
    margin-bottom: -20px;
    margin-left: 20px;
  }

  .hr-intro-box {
    margin-bottom: 20px;
  }

  .hr-intro-btn-more {
    padding: 20px;
  }

  .hr-intro-more-title {
    font-size: 28px;
  }

  .hr-intro-box-title {
    letter-spacing: 2px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }

  .hr-intro-box-col {
    padding: 20px;
  }

  .about-bg-circle-box {
    width: 40%;
    margin-top: -14%;
    margin-left: -10%;
  }

  .about-bg-circle-box.v-bottom-right {
    margin-bottom: 7%;
    margin-right: -10%;
  }

  .about-content-b {
    margin-left: -3%;
    margin-right: -3%;
  }

  .about-content-col {
    padding-left: 3%;
    padding-right: 3%;
  }

  .about-content-img-color {
    margin-top: 5%;
    margin-left: 5%;
  }

  .about-wethink-b {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .about-wethink-txt {
    font-size: 30px;
  }

  .about-hover-b {
    letter-spacing: 2px;
    font-size: 30px;
  }

  .contact-top-wrap {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .contact-bg-circle-box {
    width: 40%;
    margin-top: -10%;
    margin-left: -18%;
  }

  .contact-bg-circle-box.v-bottom-right {
    margin-bottom: -6%;
    margin-right: -25%;
  }

  .form-submit-b {
    margin-top: 60px;
  }

  .form-submit-b.v-inquiry {
    margin-top: 40px;
  }

  .form-wrap {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .form-item {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .form-txtfield.datepicker {
    background-size: 50px;
    padding-right: 45px;
  }

  .form-select.update {
    font-size: 18px;
  }

  .radio-box-gp {
    margin-left: -10px;
    margin-right: -10px;
  }

  .radio-box-gp.v-member-content-title, .radio-box-gp.v-edit-construction {
    margin-top: 10px;
  }

  .radio-box-gp-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .radio-box-gp-item.v-member-content-title, .radio-box-gp-item.v-edit-construction {
    width: 50%;
  }

  .contact-box-list {
    margin-top: 60px;
    margin-left: -2%;
    margin-right: -2%;
  }

  .contact-box-item {
    padding-left: 2%;
    padding-right: 2%;
  }

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

  .contact-map-content {
    padding: 60px 5vw;
  }

  .submit-page-subtitle {
    margin-bottom: 20px;
  }

  .procedure-top-big-heading {
    font-size: 30px;
  }

  .procedure-top-b {
    margin-bottom: -100px;
  }

  .procedure-step-list {
    padding-top: 100px;
  }

  .procedure-step-row {
    margin-bottom: 40px;
  }

  .procedure-step-l-b {
    width: 45%;
    margin-right: 3%;
    top: 90px;
  }

  .procedure-bg-circle-box {
    width: 40%;
    margin-top: -10%;
    margin-left: -18%;
  }

  .procedure-bg-circle-box.v-bottom-right {
    margin-right: -18%;
  }

  .procedure-box {
    padding: 30px;
  }

  .procedure-box-content-title {
    font-size: 18px;
  }

  .procedure-step-title-b {
    letter-spacing: 2px;
    padding-right: 5%;
    font-size: 17px;
  }

  .procedure-step-circle {
    width: 25px;
    height: 25px;
  }

  .procedure-step-dot {
    width: 6px;
    height: 6px;
  }

  .procedure-step-big-num {
    margin-top: -55px;
    font-size: 100px;
  }

  .procedure-bottom-gp {
    margin-bottom: 80px;
  }

  .procedure-bottom-img-b {
    width: 40%;
    margin-right: 5%;
  }

  .procedure-bottom-img-deco {
    margin-left: 0%;
  }

  .procedure-bottom-img-deco.v-even {
    margin-left: 5vw;
  }

  .procedure-bottom-content-gp {
    margin-top: 40px;
  }

  .procedure-bottom-deco-2 {
    margin-top: 5vw;
  }

  .procedure-bottom-banner-title {
    font-size: 30px;
  }

  .qna-top-btn {
    font-size: 20px;
  }

  .qna-top-btn-arrow {
    margin-left: 20px;
  }

  .qna-top-content-b {
    padding: 60px 5vw;
  }

  .qna-filter-gp {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .qna-filter-gp-title {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .filter-checkbox-item {
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .faq-list-bg-circle-box {
    width: 40%;
    margin-top: -10%;
    margin-left: -8%;
  }

  .qna-more-default-title {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .faq-more-bg-circle-box {
    width: 40%;
    margin-bottom: -20%;
    margin-right: -20%;
  }

  .search-result-circle-box {
    width: 40%;
    margin-top: -26%;
    margin-left: -13%;
  }

  .search-result-circle-box.v-right {
    margin-right: -13%;
  }

  .ask-form-item {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .ask-form-wrap {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .ask-form-contact-or {
    width: 35px;
  }

  .qna-related-circle-box {
    width: 40%;
    margin-top: -26%;
    margin-right: -13%;
  }

  .qna-related-circle-box.v-bottom {
    margin-bottom: -30%;
    margin-left: -8%;
  }

  .related-faq-hot-b {
    width: 280px;
    margin-left: 5%;
    top: 90px;
  }

  .blog-filter-gp {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .blog-list-l-b {
    margin-right: 5%;
    top: 90px;
  }

  .blog-item {
    width: 100%;
    margin-bottom: 30px;
  }

  .blog-item-link {
    padding-bottom: 70px;
  }

  .blog-item-title {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .blog-item-des {
    max-height: 136px;
  }

  .blog-item-btn-b {
    margin-bottom: 20px;
  }

  .blog-list-bg-circle-box {
    width: 40%;
    margin-top: -10%;
    margin-left: -8%;
  }

  .blog-list-bg-circle-box.v-bottom {
    margin-right: -20%;
  }

  .blog-feature-content-b {
    padding-left: 5%;
    padding-right: 5%;
  }

  .blog-feature-title {
    letter-spacing: 2px;
    font-size: 30px;
  }

  .blog-hot-list {
    margin-bottom: -30px;
  }

  .blog-hot-item {
    width: 50%;
    margin-bottom: 30px;
  }

  .blog-detail-col-index {
    width: 200px;
    margin-right: 5%;
  }

  .blog-index-heading-b {
    margin-bottom: 30px;
  }

  .blog-index-heading-line {
    margin-left: 20px;
  }

  .blog-index-gp {
    margin-bottom: 30px;
  }

  .blog-index-sublist {
    margin-top: 10px;
    padding-left: 20px;
  }

  .blog-index-sublink-txt {
    margin-left: 0;
  }

  .blog-detail-title {
    letter-spacing: 2px;
    font-size: 30px;
  }

  .blog-detail-content-box {
    padding: 30px 30px 60px;
  }

  .blog-detail-tag {
    font-size: 18px;
  }

  .detail-share-title {
    margin-bottom: 20px;
  }

  .detail-share-title-txt {
    font-size: 18px;
  }

  .detail-back-b {
    margin-top: 40px;
  }

  .hr-learn-banner-hover-content {
    display: block;
  }

  .hr-learn-banner-hover-heading {
    font-size: 28px;
  }

  .hr-learn-top-handbook-btn {
    top: 70px;
  }

  .hr-learn-article-tabs-menu {
    top: 115px;
  }

  .hr-learn-article-index-b {
    margin-right: 5%;
    top: 115px;
  }

  .hr-learn-article-content-b {
    padding-bottom: 60px;
  }

  .hr-learn-article-gp {
    padding-top: 60px;
  }

  .detail-bottom-btn-gp {
    margin-top: 40px;
  }

  .hr-learn-article-list {
    margin-bottom: 60px;
  }

  .hr-learn-handbook-main {
    margin-left: 5%;
  }

  .handbook-form-wrap {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .handbook-form-item {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .handbook-form-submit-b {
    margin-top: 60px;
  }

  .pop-handbook {
    padding-top: 113px;
  }

  .hr-learn-article-bg-circle-box {
    width: 40%;
    margin-top: 0%;
    margin-left: -2%;
  }

  .login-member-feature-heading-b {
    margin-bottom: 40px;
  }

  .login-member-feature-item {
    width: 50%;
  }

  .login-member-feature-title-icon {
    width: 50px;
  }

  .login-col-img {
    width: 45%;
  }

  .login-tab-link-content {
    flex: 0 auto;
  }

  .login-form-wrap {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .login-form-item {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .inquiry-form-or-b {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .inquiry-form-bottom-b {
    margin-top: 60px;
  }

  .form-agreement-b {
    margin-top: 40px;
  }

  .form-agreement-row {
    margin-bottom: 40px;
  }

  .pop-inquiry-login {
    padding-top: 60px;
    padding-bottom: 200px;
  }

  .pop-login-box {
    margin-left: 5%;
    margin-right: 5%;
    padding: 40px;
  }

  .register-menu-b {
    margin-bottom: 40px;
  }

  .terms-intro-box {
    padding-top: 60px;
  }

  .terms-content-gp {
    margin-bottom: 60px;
  }

  .common-banner-col-list {
    height: auto;
    display: block;
  }

  .common-banner-col-item {
    height: 150px;
    transition: height .8s, width .8s;
    position: relative;
  }

  .common-banner-col-mask {
    border-bottom: 1px solid var(--grey-fc);
    border-right-style: none;
  }

  .common-item-banner-col-img {
    opacity: 1;
  }

  .common-banner-col-default-img {
    display: none;
  }

  .common-banner-col-default {
    white-space: normal;
  }

  .member-b {
    padding-left: 240px;
  }

  .member-menu-b {
    z-index: 1000;
    width: 240px;
    padding-top: 110px;
  }

  .member-menu-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .member-content-box {
    margin-bottom: 40px;
  }

  .member-content-box.v-construction-plan {
    height: auto;
  }

  .member-content-box-heading-b {
    margin-bottom: 20px;
  }

  .member-content-box-heading-b.v-construction-evident-radio {
    display: block;
  }

  .member-info-row {
    padding-right: 0;
  }

  .member-info-row.v-construction-cover {
    display: block;
  }

  .member-info-col-fieldname.v-construction, .member-info-col-fieldname.v-medical {
    width: 170px;
  }

  .member-info-gp {
    display: block;
  }

  .member-info-gp-item {
    flex: 0 auto;
    min-width: 0;
  }

  .pw-form-item {
    margin-bottom: 40px;
  }

  .member-filter-item.v-insurance {
    width: 50%;
  }

  .member-quote-tab-link-content {
    flex: 0 auto;
  }

  .member-quote-item-main {
    align-items: center;
  }

  .member-quote-item-img {
    width: 180px;
    margin-right: 20px;
    display: block;
  }

  .member-quote-item-name-b {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .mamber-quote-item-date {
    margin-bottom: 10px;
    position: static;
  }

  .mamber-quote-item-info-item {
    letter-spacing: 0;
  }

  .m-quotation-innerpage-summary {
    padding-top: 30px;
    padding-bottom: 40px;
    display: block;
    position: static;
  }

  .m-quote-code-b {
    margin-top: 20px;
  }

  .m-quote-summary-footnote {
    margin-top: 10px;
  }

  .m-quote-innerpage-summary-submit-b {
    margin-top: 20px;
  }

  .m-quotation-innerpage-heading-b {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .m-quotation-innerpage-heading-txt {
    font-size: 20px;
  }

  .m-quote-innerpage-summary-r-b {
    width: auto;
    margin-top: 20px;
    margin-left: 0;
  }

  .m-quote-document-upload-item {
    width: 100%;
  }

  .member-coupon-item-main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pop-cancel-insure {
    padding-top: 60px;
    padding-bottom: 200px;
  }

  .pop-cancel-insure-box {
    margin-left: 5%;
    margin-right: 5%;
    padding: 40px;
  }

  .m-quotation-innerpage-intro-b {
    margin-bottom: 30px;
  }

  .member-quote-select-date-b {
    margin-left: -10px;
    margin-right: -10px;
  }

  .member-quote-select-date-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .member-quote-payment-tab-link {
    padding: 10px;
  }

  .member-insure-table {
    font-size: 16px;
  }

  .member-insure-table-top {
    display: none;
  }

  .member-insure-table-wrap {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .member-insure-table-col {
    text-align: left;
    border-right-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .member-insure-table-col.col-no, .member-insure-table-col.col-cat {
    width: 33.3%;
  }

  .member-insure-table-col.col-company {
    flex: 0 auto;
    width: 33.3%;
  }

  .member-insure-table-col.col-insure-no, .member-insure-table-col.col-date, .member-insure-table-col.col-price, .member-insure-table-col.col-status {
    width: 33.3%;
  }

  .member-insure-table-row {
    border-left: 4px solid var(--logo-dark-blue);
  }

  .member-table-fieldname {
    color: var(--logo-dark-blue);
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    display: block;
  }

  .member-coupon-tab-link-content {
    flex: 0 auto;
  }

  .member-employee-table {
    font-size: 16px;
  }

  .member-empoyee-table-wrap {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .member-employee-table-top-box {
    display: none;
  }

  .member-employee-table-top-b {
    border-bottom: 2px solid var(--logo-dark-blue);
    padding-bottom: 5px;
    display: none;
  }

  .member-employee-table-checkbox-col {
    width: 30px;
  }

  .member-employee-table-box {
    border-left: 4px solid var(--logo-dark-blue);
  }

  .member-employee-table-col {
    text-align: left;
    border-right-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .member-employee-table-col.col-no, .member-employee-table-col.col-date, .member-employee-table-col.col-nickname, .member-employee-table-col.col-name {
    width: 33.3%;
  }

  .member-employee-table-col.col-email {
    flex: 0 auto;
    width: 100%;
  }

  .member-employee-table-col.col-account, .member-employee-table-col.col-date {
    width: 33.3%;
  }

  .m-employee-delete-intro {
    margin-bottom: 30px;
  }

  .m-employee-delete-intro-heading {
    font-size: 20px;
  }

  .member-accont-feature-list {
    margin-bottom: -20px;
  }

  .member-accont-feature-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .member-add-employee-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .member-add-employee-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .member-add-qr-link {
    padding: 15px;
  }

  .member-add-ar-copied-b {
    letter-spacing: 2px;
    font-size: 18px;
  }

  .member-content-b {
    margin-bottom: 40px;
  }

  .member-construction-plan-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .member-construction-plan-item {
    width: auto;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .member-construction-plan-summary {
    margin-top: 20px;
    font-size: 16px;
  }

  .member-construction-table {
    font-size: 16px;
  }

  .member-consturction-table-top {
    display: none;
  }

  .member-construction-table-wrap {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .member-construction-table-col {
    text-align: left;
    border-right-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .member-construction-table-col.col-date, .member-construction-table-col.col-cat, .member-construction-table-col.col-status, .member-construction-table-col.col-cat {
    width: 33.3%;
  }

  .member-construction-table-col.col-address {
    flex: 0 auto;
    width: 100%;
  }

  .member-construction-table-col.col-value, .member-construction-table-col.col-code, .member-construction-table-col.col-status, .member-construction-table-col.col-year {
    width: 33.3%;
  }

  .member-construction-table-row {
    border-left: 4px solid var(--logo-dark-blue);
  }

  .pop-use-credits {
    padding-top: 60px;
    padding-bottom: 200px;
  }

  .pop-use-credit-box {
    margin-left: 5%;
    margin-right: 5%;
    padding: 40px;
  }

  .use-credit-to-currency {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .credit-to-use-label {
    margin-bottom: 21px;
  }

  .member-construction-use-credit-done {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .member-construction-cover-content.v-new {
    margin-right: 0;
  }

  .member-construction-evident-intro {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .member-medical-table-row {
    border-left: 4px solid var(--logo-dark-blue);
  }

  .member-medical-table-wrap {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .member-medical-table-col {
    text-align: left;
    border-right-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .member-medical-table-col.col-no, .member-medical-table-col.col-status, .member-medical-table-col.col-status {
    width: 33.3%;
  }

  .member-medical-table-col.col-name {
    flex: 0 auto;
    width: 100%;
  }

  .member-medical-table-col.col-type {
    width: 33.3%;
  }

  .member-medical-table-col.col-plan {
    width: 50%;
  }

  .member-medical-table-col.col-gender, .member-medical-table-col.col-status, .member-medical-table-col.col-datestart, .member-medical-table-col.col-dateend {
    width: 33.3%;
  }

  .member-medical-table-top {
    display: none;
  }

  .member-medical-table {
    font-size: 16px;
  }

  .insurance-quote-range-gp {
    margin-bottom: 30px;
  }

  .template-bottom-faq-img-b {
    width: 35%;
    margin-right: 5%;
    top: 110px;
  }

  .hr-info-list-more-b {
    margin-top: 30px;
  }

  .template-hr-info-list {
    margin-left: -1%;
    margin-right: -1%;
  }

  .template-hr-info-item {
    margin-bottom: 30px;
    padding-left: 1%;
    padding-right: 1%;
  }

  .template-hr-info-item-watermark {
    font-size: 4vw;
  }

  .template-hr-info-item-title {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .template-more-feature-list {
    margin-bottom: -40px;
    margin-left: -2%;
    margin-right: -2%;
  }

  .template-more-feature-item {
    margin-bottom: 40px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .template-more-feature-icon {
    width: 100px;
    margin-bottom: 15px;
  }

  .template-more-feature-title {
    margin-bottom: 10px;
  }

  .template-hr-info-bg-circle-box {
    width: 40%;
    margin-top: -15%;
    margin-left: -20%;
  }

  .template-case-study-item {
    margin-bottom: 60px;
    margin-left: -2%;
    margin-right: -2%;
  }

  .template-case-study-col {
    padding-left: 2%;
    padding-right: 2%;
  }

  .template-case-study-col.col-img {
    width: 40%;
  }

  .template-case-study-list {
    margin-bottom: -60px;
  }

  .template-covering-box {
    padding: 41px 20px;
  }

  .template-covering-icon-b {
    width: 70px;
    margin-bottom: 20px;
  }

  .template-plan-table-top {
    top: 69px;
  }

  .template-plan-table-l.v-clear {
    padding-right: 15px;
  }

  .template-plan-table-r.v-top {
    font-size: 17px;
  }

  .template-plan-table-cell {
    padding: 15px;
  }

  .template-plan-table-cell.v-clear {
    padding-left: 5px;
    padding-right: 5px;
  }

  .template-plan-table-title {
    font-size: 18px;
  }

  .template-plan-table-des {
    margin-top: 10px;
  }

  .template-plan-table-icon {
    width: 30px;
  }

  .template-plan-bg-circle-box {
    width: 40%;
    margin-top: -19%;
    margin-left: -12%;
  }

  .template-plan-bg-circle-box.v-bottom-right {
    margin-right: -18%;
  }

  .template-plan-bg-circle-box.v-left {
    margin-right: -12%;
  }

  .template-top-white-box {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .template-top-info-wrap {
    display: block;
  }

  .template-top-info-btn {
    width: auto;
    max-width: none;
  }

  .template-top-info-btn.template-i {
    max-width: none;
  }

  .template-top-info-title {
    font-size: 24px;
  }

  .template-top-info-value-wrap {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .template-top-info-value-price {
    font-size: 28px;
  }

  .template-top-info-value-icon {
    width: 30px;
    height: 30px;
  }

  .template-top-info-main {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .template-quotation-b {
    padding-left: 220px;
  }

  .template-quotation-content {
    padding-top: 40px;
  }

  .template-quotation-progress-b {
    width: 220px;
    padding-top: 70px;
  }

  .template-quotation-progress-box {
    padding: 40px 30px;
  }

  .template-quotation-progress-summary {
    padding: 30px;
    font-size: 16px;
  }

  .template-quotation-progress-summary-title {
    font-size: 20px;
    line-height: 120%;
  }

  .template-quotation-progress-summary-subtitle {
    font-size: 16px;
    line-height: 120%;
  }

  .template-quotation-progress-summary-value-wrap {
    letter-spacing: 1px;
    font-size: 16px;
  }

  .template-quotation-innerpage-heading-b {
    margin-bottom: 30px;
  }

  .template-quotation-innerpage-heading-txt {
    font-size: 20px;
  }

  .template-quotation-innerpage-subheading-txt {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .t-q-1-form-wrap {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .t-q-1-form-item {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .template-quotation-notice-box {
    margin-top: 30px;
    padding: 20px;
  }

  .template-quotation-warning-txt {
    font-size: 18px;
  }

  .template-quotation-notice-info-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .template-quotation-notice-info-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .template-quotation-notice-contact-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .template-quotation-notice-contact-item {
    border-bottom: 1px solid var(--light-grey);
    text-align: left;
    border-right-style: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    display: flex;
  }

  .template-quotation-notice-contact-title {
    width: 200px;
    margin-bottom: 0;
  }

  .quote-form-btn-gp {
    margin-top: 60px;
  }

  .template-quotation-i-content {
    margin-right: 0;
  }

  .template-quotation-innerpage-bottom-note {
    padding-left: 20px;
    padding-right: 20px;
  }

  .template-quotation-extra-form-wrap {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .template-quotation-extra-form-item {
    width: 100%;
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .template-quotation-terms-b {
    padding-left: 20px;
    padding-right: 20px;
  }

  .template-quotation-terms-title {
    margin-bottom: 20px;
  }

  .template-quotation-reg-form-item {
    width: 100%;
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .template-quotation-reg-form-wrap {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .template-quote-reg-or-b {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .template-quotation-agreement-b {
    margin-top: 40px;
  }

  .template-quote-submit-after-heading {
    margin-bottom: 40px;
  }

  .template-quote-submit-after-item {
    width: 50%;
  }

  .template-quotation-result-big-q {
    font-size: 30px;
  }

  .template-quote-result-radio-main-price {
    letter-spacing: 0;
    font-size: 26px;
  }

  .template-b-home-l-b {
    width: 240px;
    top: 70px;
  }

  .template-b-home-r-b {
    padding-top: 40px;
  }

  .template-b-home-filter-box {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .filter-gp-title {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .filter-gp-title.v-c2 {
    margin-bottom: 30px;
  }

  .template-b-home-filter-tab-link-content {
    flex: 0 auto;
  }

  .template-b-home-other-filter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form-plus-minus-btn-gp {
    padding-right: 9px;
  }

  .form-plus-minus-btn {
    width: 20px;
    margin-left: 0;
  }

  .template-b-top-social-list {
    justify-content: center;
    min-height: 0;
  }

  .template-b-home-item {
    margin-bottom: 40px;
  }

  .template-b-home-item-open {
    padding: 15px 20px;
  }

  .template-b-home-item-open.update {
    padding: 10px;
  }

  .template-b-home-item-ec-arrow.v-expanded {
    margin-right: 20px;
  }

  .template-b-home-item-content {
    padding: 20px;
  }

  .template-b-home-item-top {
    display: block;
  }

  .template-b-home-item-logo-b {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .template-b-home-item-top-content {
    padding-right: 0;
  }

  .template-b-home-item-main {
    display: block;
  }

  .template-b-home-item-price-b {
    text-align: center;
    margin-top: 15px;
  }

  .template-b-home-item-price-original {
    font-size: 20px;
  }

  .template-b-home-item-price-txt {
    font-size: 30px;
  }

  .template-b-home-item-main-content {
    margin-right: 0;
  }

  .template-b-home-item-main-tag-list {
    margin-left: -4px;
    margin-right: -4px;
  }

  .template-b-home-item-main-tag-item {
    margin-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .template-b-home-item-bottom-wrap {
    justify-content: center;
  }

  .template-b-home-item-bottom-expand {
    order: 0;
  }

  .template-b-home-item-bottom-detail-btn-b {
    text-align: center;
    margin-top: 15px;
  }

  .template-b-home-item-bottom-expand-wrap {
    text-align: center;
    display: block;
  }

  .template-b-home-item-bottom-expand-content {
    max-width: none;
  }

  .btn-download-terms {
    margin-top: 15px;
    margin-left: 0;
  }

  .pop-template-compare-list {
    margin-left: -1%;
    margin-right: -1%;
  }

  .pop-compare-template-item {
    padding-left: 1%;
    padding-right: 1%;
  }

  .pop-compare-template-item-box {
    padding: 20px;
  }

  .pop-compare-template-item-title {
    font-size: 18px;
  }

  .pop-compare-template-item-price {
    font-size: 28px;
  }

  .template-b-quote-summary-subtitle {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .btn-template-quotation-add {
    min-width: 300px;
  }

  .template-plan-terms-b {
    padding-left: 20px;
    padding-right: 20px;
  }

  .template-b-plan-table-top {
    top: 69px;
  }

  .template-b-plan-table-top.mobile-only {
    display: block;
  }

  .template-b-plan-table-top.mobile-hide {
    display: none;
  }

  .template-b-plan-table-l {
    width: 120px;
  }

  .template-b-plan-table-l.v-clear {
    padding-right: 15px;
  }

  .template-b-plan-table-r.v-top {
    font-size: 17px;
  }

  .template-b-plan-table-cell {
    padding: 15px;
  }

  .template-b-plan-table-cell.v-clear {
    padding-left: 5px;
    padding-right: 5px;
  }

  .template-b-plan-table-cell-recommend-box {
    background-size: 18px;
    padding-left: 26px;
    font-size: 14px;
  }

  .b-plan-price-original {
    font-size: 18px;
  }

  .b-plan-price-main {
    font-size: 24px;
  }

  .b-plan-price-online-discount, .b-plan-price-member-discount {
    font-size: 14px;
  }

  .template-b-plan-table-bottom {
    margin-top: 0;
  }

  .template-b-plan-table-title {
    font-size: 18px;
  }

  .template-b-plan-subgp-title {
    letter-spacing: 2px;
    width: auto;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 120%;
    position: relative;
    transform: none;
  }

  .template-b-plan-table-cell-price-breakdown-txt {
    letter-spacing: 0;
  }

  .template-b-plan-subgp {
    margin-bottom: 60px;
  }

  .rediect-graphic-b {
    width: 240px;
    margin-top: -20px;
  }

  .template-c-plan-bg-circle-box {
    width: 40%;
    margin-top: -30%;
    margin-left: -12%;
  }

  .template-c1-text-watermark {
    margin-left: -5vw;
    font-size: 90px;
  }

  .t-q-1-checkbox-content {
    letter-spacing: 1px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 120%;
  }

  .template-c-member-list-box {
    padding: 20px;
  }

  .template-c-member-table-col.col-gender, .template-c-member-table-col.col-type, .template-c-member-table-col.col-age, .template-c-member-table-col.col-roomrank, .template-c-member-table-col.col-planrank {
    width: 50%;
  }

  .form-radio-field-question-num {
    margin-right: 0;
  }

  .template-covering-list {
    margin-left: -1%;
    margin-right: -1%;
  }

  .template-covering-item {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%;
  }

  .header-quotation-tab {
    background-color: var(--grey-fa);
  }

  .header-quotation-tab-menu {
    width: 150px;
  }

  .header-quotation-tab-link {
    text-align: left;
    padding: 10px;
  }

  .header-quotation-content-wrap {
    display: block;
  }

  .header-quotation-content-img-b {
    width: 100%;
    padding-top: 100%;
    display: none;
  }

  .header-quotation-tab-link-active {
    text-align: left;
    padding: 10px;
  }

  .i-template-hover-show {
    padding: 41px 20px;
  }

  .i-template-top-info-wrap {
    display: block;
  }

  .i-template-banner-heading-b {
    margin-bottom: 200px;
  }

  .i-template-banner-btn-txt {
    font-size: 28px;
  }

  .template-i-plan-bg-circle-box {
    width: 40%;
    margin-top: -30%;
    margin-left: -12%;
  }

  .i4-claim-max-b {
    margin-left: 32px;
    margin-right: 32px;
    font-size: 14px;
  }

  .hr-detail-index-line-b {
    height: 50px;
  }

  .quotation-hints-profile-info-title {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .quote-insurance-icon-col {
    width: 20%;
  }

  .home-info-b {
    padding-top: 30px;
  }

  .home-info-list-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .home-info-list-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-info-link {
    padding-bottom: 70px;
  }

  .home-item-title {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .home-item-des {
    max-height: 136px;
  }

  .home-item-btn-b {
    margin-bottom: 20px;
  }

  .home-section-banner-b {
    width: 80%;
  }

  .insurance-intro-thumb-col {
    width: 30%;
  }

  .template-quotation-progress-bg {
    margin-top: -40px;
    margin-left: -30px;
    margin-right: -30px;
  }

  .home-insurance-title {
    font-size: 20px;
  }

  .template-quotation-bg {
    margin-left: -5vw;
    margin-right: -5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .member-quote-wtsapp-container {
    padding-top: 10px;
    padding-left: 0;
    display: inline-block;
  }

  .update-btn {
    padding-left: 25px;
    padding-right: 25px;
  }

  .update-big-icon-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .update-big-icon-col {
    width: calc(50% - 10px);
  }

  .update-icon-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .update-icon-tick {
    width: 24px;
  }

  .update-icon-b {
    width: 60px;
  }

  .update-table-top {
    top: 69px;
  }

  .update-table-l {
    width: 120px;
  }

  .update-table-r.v-clear {
    font-size: 17px;
  }

  .update-table-cell {
    padding: 15px 10px;
  }

  .update-table-icon {
    width: 30px;
  }

  .price-list-col {
    width: 50%;
  }

  .update-article-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .update-article-col._50, .update-article-img-col._50 {
    width: calc(50% - 10px);
  }

  .update-download-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .update-download-col {
    width: calc(50% - 10px);
  }

  .update-download-title {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .update-article-big-col {
    flex: 0 auto;
    width: 100%;
  }

  .update-article-big-img-col {
    order: -9999;
    width: 100%;
  }

  .update-template-top {
    top: 70px;
  }

  .template-top-filter-wrap {
    grid-column-gap: 20px;
  }

  .template-top-filter-col {
    width: calc(25% - 15px);
  }

  .template-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .temp-update-top-container, .temp-update-main-container {
    padding: 10px;
  }

  .temp-update-main-col {
    width: calc(50% - 20px);
  }

  .temp-update-btn-b {
    padding: 10px;
  }

  .temp-update-btn {
    padding-left: 25px;
    padding-right: 25px;
  }

  .temp-grid-col {
    width: calc(50% - 10px);
  }

  .temp-update-top-grid-container {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .temp-grid-promo-pop-b {
    padding-left: 10px;
    padding-right: 10px;
  }

  .update-tab-content-big-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }

  .update-tab-content-big-col {
    width: calc(50% - 10px);
  }

  .update-tab-content-b {
    padding: 20px;
  }

  .compare-title-l {
    width: 120px;
  }

  .compare-title-b, .compare-content-b {
    padding: 20px 10px;
  }

  .update-template-top-btn {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .compare-table-top {
    top: 69px;
  }

  .compare-table-top.mobile-only {
    display: block;
  }

  .compare-table-top.mobile-hide {
    display: none;
  }

  .compare-table-subgp {
    margin-bottom: 60px;
  }

  .compare-table-subgp-title {
    letter-spacing: 2px;
    width: auto;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 120%;
    position: relative;
    transform: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1, h2 {
    letter-spacing: 2px;
    font-size: 28px;
  }

  h3 {
    letter-spacing: 2px;
  }

  li {
    margin-bottom: 10px;
  }

  .header-brand {
    width: 240px;
  }

  .nav-subcat-dropdown-col-link-item {
    margin-top: 10px;
  }

  .footer-subscribe-b {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-subscribe-wrap {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .footer-subscribe-col {
    width: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .small-title {
    margin-bottom: 10px;
    font-size: 17px;
  }

  .footer-subscriibe-field {
    font-size: 16px;
  }

  .footer-main-l {
    margin-bottom: 40px;
  }

  .footer-about-title {
    margin-bottom: 10px;
    font-size: 17px;
  }

  .footer-sitemap-b {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .footer-sitemap-col {
    width: 50%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .footer-sitemap-title {
    letter-spacing: 2px;
  }

  .footer-social-list {
    justify-content: center;
    margin-top: 0;
  }

  .footer-social-item {
    margin-left: 6px;
    margin-right: 6px;
  }

  .footer-bottom-b {
    font-size: 14px;
  }

  .home-banner-img {
    background-image: linear-gradient(#ffffffb3, #fff0), url('../images/home-banner15x.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .banner-heading {
    letter-spacing: 2px;
    font-size: 28px;
  }

  .section-div.v-blog-detail {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-div.orange-bg.radius {
    border-radius: 40px;
  }

  .insurance-intro-box {
    margin-top: -50px;
  }

  .insurance-intro-tab-link {
    font-size: 18px;
  }

  .insurance-intro-tab-pane {
    padding: 20px;
  }

  .insurance-intro-thumb-slider {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .insurance-intro-thumb-slider-arrow {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .insurance-intro-content-main-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .insurance-intro-content-main-col {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .insurance-intro-content-main-title-b {
    margin-bottom: 10px;
  }

  .btn-common {
    padding: 8px 30px;
  }

  .insurance-intro-content-btn {
    padding-left: 15px;
    padding-right: 15px;
  }

  .insurance-intro-content-btn-icon {
    width: 25px;
    height: 25px;
  }

  .big-heading {
    font-size: 28px;
  }

  .home-quote-list {
    margin-top: 20px;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .home-quote-item {
    width: auto;
    max-width: 600px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .home-quote-link {
    transition-property: all;
  }

  .home-quote-link:hover {
    transform: translate(0, -10px);
  }

  .home-quote-content {
    padding-bottom: 20px;
  }

  .home-quote-item-img {
    padding-top: 78.125%;
  }

  .home-quote-item-title {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .home-quote-item-des {
    line-height: 140%;
  }

  .home-faq-b {
    display: block;
  }

  .home-faq-l-b {
    width: auto;
    margin-bottom: 20px;
    margin-right: 0%;
    position: static;
  }

  .home-faq-total-b {
    margin-bottom: 20px;
  }

  .home-faq-total-title {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .home-faq-total-num {
    font-size: 30px;
  }

  .faq-hit-item {
    padding-right: 0;
  }

  .faq-hit-link {
    background-position: 0 11px;
    background-size: 18px;
    padding-left: 30px;
  }

  .faq-search {
    margin-bottom: 20px;
  }

  .faq-search-field {
    font-size: 16px;
  }

  .faq-item {
    margin-bottom: 20px;
    padding: 20px;
  }

  .faq-item-tag-list {
    margin-bottom: 15px;
  }

  .faq-question-b {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .faq-question-txt {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .faq-like-b {
    margin-top: 15px;
  }

  .why-ginsmall-list {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .why-ginsmall-item {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .why-ginsmall-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .why-ginsmall-icon-b {
    width: 70px;
  }

  .why-ginsmall-title {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .testimonial-slide {
    width: 100%;
  }

  .testimonial-box {
    padding: 20px;
  }

  .testimonial-profile-img {
    width: 50px;
    margin-right: 10px;
  }

  .testimonial-name {
    font-size: 18px;
  }

  .testimonial-name-title {
    font-size: 16px;
  }

  .common-h2-b {
    margin-bottom: 30px;
  }

  .common-tab-menu {
    margin-bottom: 20px;
  }

  .common-tab-link {
    letter-spacing: 1px;
    font-size: 15px;
  }

  .common-tab-link.v-quote-commercial, .common-tab-link.v-quote-personal {
    min-width: 0%;
  }

  .common-tab-link-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .quotation-faq-content {
    padding-top: 0;
  }

  .quote-insurance-banner-watermark {
    letter-spacing: 1px;
    font-size: 30px;
  }

  .inner-banner-slider-nav {
    padding-bottom: 20px;
  }

  .hr-class-b {
    display: block;
  }

  .hr-class-col-l {
    width: auto;
    margin-bottom: 40px;
  }

  .hr-class-photo-small-b {
    margin-bottom: -15px;
    margin-right: -15px;
  }

  .hr-class-photo-small-white {
    margin-top: -15px;
    margin-left: -15px;
  }

  .hr-class-col-r {
    width: auto;
    margin-left: 0%;
  }

  .hr-class-link {
    padding-bottom: 20px;
  }

  .hr-class-item {
    margin-bottom: 20px;
  }

  .hr-class-tag {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .hr-intro-content {
    display: block;
  }

  .hr-intro-col-l {
    width: auto;
  }

  .hr-intro-pdf-link {
    min-height: 60vw;
  }

  .hr-intro-pdf-title {
    font-size: 24px;
  }

  .hr-intro-col-r {
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 0;
    display: block;
  }

  .hr-intro-box {
    display: block;
  }

  .hr-intro-btn-more {
    height: auto;
    display: block;
  }

  .hr-intro-more-title {
    font-size: 24px;
  }

  .about-content-b {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .about-content-col {
    width: auto;
    margin-bottom: 60px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .about-wethink-b {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .about-wethink-txt {
    letter-spacing: 2px;
    font-size: 28px;
  }

  .about-hover-b {
    font-size: 28px;
  }

  .contact-top-wrap {
    display: block;
  }

  .contact-top-tip {
    width: 40px;
  }

  .contact-top-info-b {
    margin-top: 10px;
    margin-left: 0;
  }

  .form-wrap {
    margin-bottom: -20px;
  }

  .form-item {
    margin-bottom: 20px;
  }

  .form-txtfield {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .form-field-label {
    margin-bottom: 7px;
    font-size: 15px;
  }

  .form-select {
    background-size: 45px;
    padding-left: 10px;
    padding-right: 40px;
    font-size: 16px;
  }

  .form-textarea {
    min-height: 150px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .radio-box {
    min-width: 100px;
  }

  .radio-box.v-select-quote-industry {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .contact-box-item {
    width: 100%;
    max-width: none;
  }

  .contact-box-link {
    padding: 8px 15px 15px;
  }

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

  .contact-map-b {
    display: block;
  }

  .contact-map-content {
    background-image: url('../images/bg-gradient-12x.jpg');
    width: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-map-img {
    height: auto;
    padding-top: 100%;
  }

  .contact-map-info-icon {
    margin-bottom: 10px;
  }

  .contact-map-info-seperator {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .procedure-top-big-heading {
    letter-spacing: 2px;
    font-size: 28px;
  }

  .procedure-step-row {
    display: block;
  }

  .procedure-step-l-b {
    width: auto;
    margin-bottom: 20px;
    margin-right: 0%;
  }

  .procedure-bg-circle-box {
    width: 50%;
    margin-top: 0%;
    margin-left: -12%;
  }

  .procedure-bg-circle-box.v-bottom-right {
    margin-right: -12%;
  }

  .procedure-step-title-b {
    padding-right: 0%;
  }

  .procedure-step-des {
    margin-top: 20px;
  }

  .procedure-step-line {
    background-color: var(--logo-dark-blue);
  }

  .procedure-step-circle {
    border-color: var(--logo-dark-blue);
    width: 20px;
    height: 20px;
  }

  .procedure-step-dot {
    opacity: 1;
    transform: scale(1);
  }

  .procedure-step-small-num {
    display: none;
  }

  .procedure-step-title-txt {
    color: var(--logo-dark-blue);
    font-size: 20px;
  }

  .procedure-step-big-num {
    opacity: 1;
    letter-spacing: 2px;
    margin-top: -46px;
    font-size: 80px;
    transform: scale(1);
  }

  .procedure-bottom-gp {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .procedure-bottom-img-b {
    width: auto;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .procedure-bottom-img-b.v-even {
    margin-left: 0%;
  }

  .procedure-bottom-banner-title {
    font-size: 28px;
  }

  .qna-top-box {
    display: block;
  }

  .qna-top-btn {
    padding: 20px;
  }

  .qna-top-btn-arrow {
    width: 30px;
    height: 30px;
    margin-left: 20px;
  }

  .qna-top-content-b {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .qna-filter-gp {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .qna-filter-gp-title {
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-size: 18px;
  }

  .filter-checkbox-item {
    padding: 0 10px;
  }

  .filter-checkbox-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .filter-checkbox-list.v-all {
    margin-bottom: 10px;
  }

  .checkbox-content {
    font-size: 16px;
  }

  .checkbox-box {
    margin-right: 8px;
  }

  .qna-more-list {
    display: block;
  }

  .qna-more-item {
    width: auto;
  }

  .qna-more-btn {
    padding: 8px 30px;
  }

  .qna-more-default-title {
    font-size: 18px;
  }

  .mobile-hide {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .mobile-filter-dropdown {
    margin-bottom: 10px;
    display: block;
  }

  .mobile-filter-dropdown-toggle {
    background-color: var(--logo-dark-blue);
    color: var(--white);
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 15px;
    transition: background-color .8s;
    display: flex;
  }

  .mobile-filter-dropdown-toggle:hover {
    background-color: var(--blue-hover-dark);
  }

  .mobile-filter-dropdown-ttxt {
    flex: 1;
  }

  .mobile-filter-dropdown-arrow {
    background-image: url('../images/dropdown-arrow-white2x_1dropdown-arrow-white@2x.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex: none;
    width: 12px;
    height: 12px;
    padding: 0;
  }

  .mobile-filter-dropdown-list {
    max-height: 80vh;
    overflow: auto;
  }

  .mobile-filter-dropdown-list.w--open {
    background-color: var(--white);
  }

  .mobile-filter-dropdown-list-box {
    background-color: var(--white);
    padding: 0 20px;
  }

  .search-result-circle-box {
    margin-top: -20%;
  }

  .ask-form-item {
    margin-bottom: 20px;
  }

  .ask-form-wrap {
    margin-bottom: -20px;
  }

  .qna-related-circle-box {
    margin-top: -20%;
  }

  .qna-related-circle-box.v-bottom {
    margin-bottom: -23%;
  }

  .related-faq-hot-b {
    width: auto;
    margin-bottom: 20px;
    margin-left: 0%;
    margin-right: 0%;
    position: static;
  }

  .related-faq-b {
    display: block;
  }

  .blog-filter-gp {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-list-b {
    display: block;
  }

  .blog-list-l-b {
    width: auto;
    margin-bottom: 20px;
    margin-right: 0%;
    position: static;
  }

  .blog-list {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .blog-item {
    width: auto;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .blog-item-img-b {
    margin-bottom: 20px;
  }

  .blog-item-tag {
    font-size: 16px;
  }

  .blog-item-info-b {
    flex-wrap: wrap;
    font-size: 15px;
  }

  .blog-mobile-filter-b {
    z-index: 100;
    background-color: var(--grey-fc);
    margin-bottom: 10px;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-bottom: 10px;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
    position: sticky;
    top: 70px;
  }

  .blog-feature-link {
    display: block;
  }

  .blog-feature-img-b {
    width: auto;
  }

  .blog-feature-info-b {
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-size: 15px;
  }

  .blog-feature-title {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .blog-hot-list {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .blog-hot-item {
    width: auto;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .blog-detail-b {
    display: block;
  }

  .blog-detail-col-index {
    width: auto;
    margin-bottom: 30px;
    margin-right: 0%;
    position: static;
  }

  .blog-index-heading-b, .blog-index-gp {
    margin-bottom: 20px;
  }

  .blog-index-sublink {
    margin-top: 5px;
  }

  .blog-detail-title {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .blog-detail-tag, .detail-share-title-txt {
    letter-spacing: 1px;
    font-size: 16px;
  }

  .link-block {
    width: 28px;
  }

  .hr-learn-banner-hover-heading {
    margin-bottom: 15px;
    font-size: 20px;
  }

  .hr-learn-banner-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .hr-learn-top-handbook-btn {
    font-size: 18px;
  }

  .hr-learn-article-tabs-menu {
    top: 110px;
  }

  .hr-learn-article-tab-link {
    width: 80px;
    padding: 10px 5px;
  }

  .hr-learn-article-tabs-content {
    padding-top: 40px;
  }

  .hr-learn-article-wrap {
    padding-right: 0;
    display: block;
  }

  .hr-learn-article-index-b {
    z-index: 100;
    background-color: var(--grey-fc);
    width: auto;
    margin-top: 20px;
    margin-left: -5vw;
    margin-right: -5vw;
    padding: 10px 5vw;
    top: 110px;
    overflow: hidden;
  }

  .hr-learn-article-tab-img-b {
    width: 30px;
  }

  .hr-learn-article-gp {
    margin-bottom: 0;
  }

  .btn-sitcky-contact {
    border-top: 1px solid var(--light-grey);
    width: 100%;
    height: 50px;
    inset: auto 0% 0%;
  }

  .btn-sticky-contact-icon {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
  }

  .btn-sticky-contact-content {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
  }

  .hr-learn-handbook-box {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hr-learn-handbook-wrap {
    display: block;
  }

  .btn-hr-learn-handbook {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .hr-learn-handbook-main {
    margin-left: 0%;
  }

  .handbook-form-wrap {
    margin-bottom: -20px;
  }

  .handbook-form-item {
    margin-bottom: 20px;
  }

  .handbook-form-submit-b {
    margin-top: 40px;
  }

  .pop-handbook {
    padding-top: 110px;
  }

  .btn-pop-handbook-close {
    margin-top: -29px;
  }

  .hr-learn-article-bg-b {
    display: none;
  }

  .hr-learn-article-bg-circle-box {
    width: 50%;
  }

  .login-member-feature-heading-b {
    margin-bottom: 30px;
  }

  .login-member-feature-heading-line {
    min-width: 50px;
  }

  .login-member-feature-list {
    margin-left: -2%;
    margin-right: -2%;
  }

  .login-member-feature-box {
    padding: 16px;
  }

  .login-member-feature-item {
    margin-bottom: 20px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .login-member-feature-title-b {
    letter-spacing: 1px;
    font-size: 17px;
    line-height: 120%;
  }

  .login-member-feature-title-icon {
    width: 50px;
  }

  .login-b {
    display: block;
  }

  .login-col-img {
    width: auto;
  }

  .login-img {
    height: auto;
    padding-top: 60%;
    position: relative;
  }

  .login-col-main {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .login-tab-menu {
    margin-bottom: 30px;
  }

  .login-tab-link {
    letter-spacing: 1px;
    font-size: 15px;
  }

  .login-tab-link-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .login-or-b {
    font-size: 18px;
  }

  .login-or-line {
    min-width: 50px;
  }

  .login-option-link {
    width: 50px;
  }

  .login-form-item {
    margin-bottom: 20px;
  }

  .inquiry-form-or-b {
    letter-spacing: 1px;
    margin-bottom: 30px;
    font-size: 18px;
  }

  .inquiry-form-or-line {
    min-width: 50px;
  }

  .inquiry-form-bottom-b {
    margin-top: 60px;
  }

  .register-menu-b {
    margin-bottom: 30px;
  }

  .register-menu-link {
    letter-spacing: 1px;
    font-size: 15px;
  }

  .register-or-b {
    font-size: 18px;
  }

  .member-b {
    padding-left: 0;
  }

  .member-menu-b {
    width: 100%;
    padding-bottom: 110px;
    padding-left: 5vw;
    padding-right: 5vw;
    transform: translate(0, 100%);
  }

  .member-content {
    padding-bottom: 120px;
  }

  .member-content-box {
    padding: 20px;
  }

  .member-info-row {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
  }

  .member-info-row.v-construction-cover {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .member-info-col-fieldname {
    width: auto;
    margin-bottom: 5px;
    padding-right: 0;
  }

  .member-info-col-fieldname.v-construction, .member-info-col-fieldname.v-medical {
    width: auto;
  }

  .member-info-data-txt {
    letter-spacing: 1px;
    min-width: 0;
  }

  .member-info-field {
    max-width: none;
  }

  .member-form-btn-item {
    margin-left: 30px;
  }

  .btn-member-mobile-menu {
    z-index: 2000;
    border-top: 1px solid var(--white);
    background-color: var(--logo-dark-blue);
    color: var(--white);
    text-align: center;
    letter-spacing: 2px;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    text-decoration: none;
    transition-property: background-color;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .btn-member-mobile-menu:hover {
    background-color: var(--blue-hover-dark);
    color: var(--white);
  }

  .btn-member-mobile-menu-icon {
    width: 30px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .btn-member-mobile-menu-icon.v-close {
    opacity: 0;
  }

  .member-filter-list {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 10px;
  }

  .member-quote-tab-menu {
    max-width: 250px;
    margin-bottom: 20px;
  }

  .member-quote-tab-link {
    letter-spacing: 1px;
    font-size: 15px;
  }

  .member-quote-tab-link-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .member-quote-item-img {
    width: 150px;
  }

  .member-mobile-filter-b {
    z-index: 100;
    background-color: var(--grey-fc);
    margin-bottom: 10px;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-bottom: 10px;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
    position: sticky;
    top: 70px;
  }

  .m-quotation-innerpage-main {
    padding-bottom: 60px;
  }

  .m-quotation-innerpage-summary {
    padding-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .m-quote-breakdown-b {
    font-size: 15px;
  }

  .btn-promotioncode {
    padding: 8px 30px;
  }

  .member-quote-payment-radio-gp {
    margin-top: 30px;
  }

  .member-insure-table-col.col-no, .member-insure-table-col.col-cat, .member-insure-table-col.col-company, .member-insure-table-col.col-insure-no, .member-insure-table-col.col-date, .member-insure-table-col.col-price, .member-insure-table-col.col-status {
    width: 50%;
  }

  .member-coupon-tabs-menu {
    max-width: 400px;
  }

  .member-coupon-tabs-link {
    letter-spacing: 1px;
    font-size: 15px;
  }

  .member-coupon-tab-link-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .member-notice-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .member-empleyee-list-tool {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .member-employee-list-btn-b {
    margin-left: -10px;
    margin-right: -10px;
  }

  .member-employee-list-btn-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .btn-member-add-employee {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .member-employee-table-col.col-no, .member-employee-table-col.col-date, .member-employee-table-col.col-nickname {
    width: 50%;
  }

  .member-employee-table-col.col-name, .member-employee-table-col.col-email {
    width: 100%;
  }

  .member-employee-table-col.col-account, .member-employee-table-col.col-date {
    width: 50%;
  }

  .member-accont-feature-list {
    margin-bottom: 0;
    margin-left: -2%;
    margin-right: -2%;
  }

  .member-accont-feature-item {
    width: 50%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .member-add-employee-list {
    margin-bottom: 0;
  }

  .member-add-employee-item {
    padding-bottom: 40px;
  }

  .btn-member-download {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .member-construction-list-tool {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .btn-member-add-construction {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .member-construction-list-btn-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .member-consturction-list-btn-b {
    margin-left: -10px;
    margin-right: -10px;
  }

  .member-construction-plan-summary {
    margin-left: -2%;
    margin-right: -2%;
  }

  .member-construction-plan-summary-item {
    padding-left: 2%;
    padding-right: 2%;
  }

  .member-construction-table-col.col-date, .member-construction-table-col.col-cat, .member-construction-table-col.col-status, .member-construction-table-col.col-cat {
    width: 50%;
  }

  .member-construction-table-col.col-address {
    width: 100%;
  }

  .member-construction-table-col.col-value, .member-construction-table-col.col-code, .member-construction-table-col.col-status, .member-construction-table-col.col-year {
    width: 50%;
  }

  .member-construct-credit-from-range-b {
    display: block;
  }

  .member-construct-credit-from-range-txt-b {
    justify-content: center;
    margin-top: 15px;
    margin-left: 0;
  }

  .use-credit-to-currency {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .credit-to-use-label {
    margin-bottom: 10px;
  }

  .member-construction-cover-content {
    background-position: 0 1px;
    background-size: 18px;
    padding-top: 0;
    padding-left: 28px;
  }

  .member-construction-cover-tc {
    margin-bottom: 5px;
  }

  .member-medical-list-tool {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .member-medical-table-col.col-no, .member-medical-table-col.col-status, .member-medical-table-col.col-status, .member-medical-table-col.col-name, .member-medical-table-col.col-type, .member-medical-table-col.col-plan, .member-medical-table-col.col-gender, .member-medical-table-col.col-status, .member-medical-table-col.col-datestart, .member-medical-table-col.col-dateend {
    width: 50%;
  }

  .template-bottom-faq-b {
    display: block;
  }

  .template-bottom-faq-img-b {
    width: auto;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .template-hr-info-list {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .template-hr-info-item {
    width: 50%;
    margin-bottom: 20px;
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .template-hr-info-item-watermark {
    letter-spacing: 1px;
    font-size: 30px;
  }

  .template-more-feature-item {
    width: 50%;
  }

  .template-more-feature-icon {
    width: 80px;
    margin-bottom: 10px;
  }

  .template-case-study-item {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .template-case-study-col {
    padding-left: 0%;
    padding-right: 0%;
  }

  .template-case-study-col.col-img {
    width: auto;
    margin-bottom: 30px;
  }

  .template-case-study-img-b {
    max-width: 300px;
  }

  .template-covering-title {
    font-size: 18px;
  }

  .template-plan-table-top {
    border-bottom: 1px solid var(--logo-dark-blue);
  }

  .template-plan-table-row {
    display: block;
  }

  .template-plan-table-l {
    text-align: center;
    width: auto;
  }

  .template-plan-table-r {
    width: auto;
  }

  .template-plan-table-r.v-top {
    font-size: 16px;
  }

  .template-plan-table-cell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .template-plan-table-des {
    margin-top: 5px;
  }

  .template-plan-table-icon {
    width: 25px;
  }

  .btn-template-plan {
    padding: 8px 30px;
  }

  .template-plan-bg-circle-box {
    width: 50%;
  }

  .template-plan-bg-circle-box.v-bottom-right {
    margin-right: -12%;
  }

  .template-top-b {
    display: block;
  }

  .template-top-white-box {
    width: auto;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .template-top-info-b {
    padding-top: 200px;
  }

  .template-top-register-btn {
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }

  .template-top-info-wrap {
    position: relative;
  }

  .template-top-info-title {
    letter-spacing: 2px;
    font-size: 24px;
  }

  .template-top-info-value-wrap {
    font-size: 16px;
  }

  .template-top-info-value-price {
    font-size: 24px;
  }

  .template-top-info-btn-main {
    margin-bottom: 10px;
  }

  .template-top-info-value-icon {
    width: 25px;
    height: 25px;
  }

  .template-top-info-title-item {
    background-position: 0 3px;
    background-size: 18px;
    margin-bottom: 10px;
  }

  .template-quotation-b {
    padding-left: 0;
  }

  .template-quotation-content.v-submit {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .template-quotation-progress-b {
    width: auto;
    height: auto;
    padding-top: 0;
    display: block;
    position: sticky;
    top: auto;
    bottom: 0;
    left: auto;
    overflow: hidden;
  }

  .template-quotation-progress-box {
    padding: 40px 5% 15px;
  }

  .template-quotation-progress-summary {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 15px;
  }

  .template-quotation-progress-summary-title {
    letter-spacing: 2px;
    font-size: 20px;
  }

  .template-quotation-progress-summary-subtitle {
    letter-spacing: 1px;
    width: auto;
    margin-right: 15px;
    font-size: 16px;
  }

  .template-quotation-progress-summary-value-wrap {
    flex: none;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .template-quotation-progress-summary-value-wrap.v-result {
    flex: none;
    margin-right: 10px;
  }

  .template-quotation-progress-item {
    justify-content: flex-start;
    align-items: center;
    width: 25%;
    padding-top: 20px;
    display: flex;
  }

  .template-quotation-progress-item.last-item {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    width: auto;
  }

  .template-quotation-progress-link {
    font-size: 13px;
  }

  .template-quotation-progress-circle {
    width: 18px;
    height: 18px;
    margin-right: 0;
  }

  .template-quotation-progress-circle.v-done {
    background-size: 20px;
  }

  .template-quotation-progress-circle.last {
    width: 10px;
    height: 18px;
  }

  .template-quotation-progress-circle-dot {
    width: 6px;
    height: 6px;
  }

  .template-quotation-progress-line {
    width: 20vw;
    height: 2px;
    margin-left: 0;
  }

  .template-quotation-progress-line.last-line {
    width: 10vw;
    display: block;
  }

  .template-quotation-progress-line.half {
    display: none;
  }

  .template-quotation-progress-line.v-orange-mobile {
    background-color: var(--logo-orange);
  }

  .template-quotation-innerpage-subheading-txt {
    font-size: 16px;
  }

  .t-q-1-form-wrap {
    margin-bottom: -20px;
  }

  .t-q-1-form-item {
    margin-bottom: 20px;
  }

  .template-quotation-warning-txt {
    font-size: 16px;
  }

  .template-quotation-progress-txt {
    text-align: center;
    flex: 0 auto;
    width: 80px;
    margin-top: -5px;
    margin-left: 0;
    position: absolute;
    inset: 0% auto auto 50%;
    transform: translate(-50%, -100%);
  }

  .template-quotation-progress-txt.last-mobile {
    text-align: left;
    display: none;
  }

  .template-quotation-progress-wrap {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: -25px;
    padding-bottom: 10px;
    display: flex;
  }

  .template-quotation-progress-summary-center {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .template-quotation-notice-info-value-txt {
    margin-bottom: -3px;
    font-size: 24px;
  }

  .quote-form-btn-gp {
    margin-top: 40px;
  }

  .t-q-employee-table-tool {
    width: 50px;
  }

  .t-q-employee-table-tool-list {
    display: block;
  }

  .t-q-employee-table-tool-item {
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 14px;
    line-height: 120%;
  }

  .t-q-employee-col-fieldname {
    letter-spacing: 1px;
  }

  .template-quotation-extra-form-wrap {
    margin-bottom: -20px;
  }

  .template-quotation-extra-form-item {
    margin-bottom: 20px;
  }

  .template-quotation-extra-form-label {
    font-size: 15px;
  }

  .template-quotation-reg-form-item {
    margin-bottom: 20px;
  }

  .template-quotation-reg-form-wrap {
    margin-bottom: -20px;
  }

  .template-quote-reg-or-b {
    letter-spacing: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
  }

  .template-quote-submit-after-heading {
    margin-bottom: 30px;
  }

  .template-quote-submit-after-list {
    margin-left: -2%;
    margin-right: -2%;
  }

  .template-quote-submit-after-item {
    padding-left: 2%;
    padding-right: 2%;
  }

  .template-quote-submit-after-box {
    padding-bottom: 20px;
  }

  .template-quote-submit-after-num {
    margin-bottom: 5px;
    font-size: 30px;
  }

  .template-quotation-result-big-q {
    font-size: 28px;
  }

  .template-quotation-result-big-box {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .template-quote-result-radio-main-price {
    font-size: 22px;
  }

  .insurance-intro-total-num {
    margin-bottom: -3px;
    font-size: 30px;
  }

  .insurance-intro-content-main-graphic-b {
    max-width: 80px;
  }

  .template-b-home-b {
    display: block;
  }

  .template-b-home-l-b {
    z-index: 100;
    width: auto;
    max-height: none;
    padding: 20px 5vw 10px;
    position: sticky;
    top: 70px;
    overflow: visible;
  }

  .template-b-home-r-b {
    padding-top: 0;
  }

  .template-b-home-filter-box {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .template-b-home-filter-box.template-b {
    border-radius: 8px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .filter-gp-title {
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-size: 18px;
  }

  .filter-gp-title.v-c2 {
    margin-bottom: 20px;
  }

  .template-b-home-filter-tab {
    margin-bottom: 30px;
  }

  .template-b-home-filter-tab-link {
    letter-spacing: 1px;
    font-size: 15px;
  }

  .template-b-home-filter-bottom {
    display: none;
  }

  .template-b-home-filter-tab-link-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .template-b-filter-gp {
    margin-bottom: 30px;
  }

  .template-b-home-other-filter {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 30px;
  }

  .range-gp {
    margin-top: 20px;
  }

  .tamplate-b-top-field-col.col-sort {
    min-width: 50%;
  }

  .template-b-top-social-list {
    justify-content: center;
    margin-top: 0;
  }

  .template-b-home-item {
    margin-bottom: 30px;
  }

  .template-b-home-item-open {
    letter-spacing: 1px;
    font-size: 16px;
  }

  .template-b-home-item-top {
    margin-bottom: 20px;
  }

  .template-b-home-item-logo-b {
    width: 200px;
    margin-bottom: 10px;
  }

  .template-home-item-top-title {
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .template-b-home-item-price-discount {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .template-b-home-item-price-original {
    margin-bottom: 0;
  }

  .template-b-home-item-price-member-discount {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .template-b-home-item-main-tag-item {
    font-size: 14px;
    line-height: 120%;
  }

  .template-b-home-item-bottom {
    margin-top: 15px;
    padding-top: 15px;
  }

  .btn-b-item-tool {
    padding: 8px 15px;
  }

  .template-b-home-item-bottom-expand-wrap {
    margin-top: 20px;
  }

  .template-b-home-item-bottom-expand-content {
    max-width: none;
  }

  .template-b-home-item-bottom-expand-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .template-b-home-item-bottom-expand-row {
    border-bottom: 1px solid var(--light-grey);
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
  }

  .template-b-home-item-bottom-expand-col-l {
    text-align: center;
    margin-bottom: 5px;
    font-weight: 500;
  }

  .template-b-home-item-bottom-expand-col-r {
    text-align: center;
    max-width: none;
    margin-left: 0;
  }

  .pop-template-compare-list {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .pop-compare-template-item {
    width: auto;
    margin-bottom: 20px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .pop-compare-template-item-logo {
    max-width: 180px;
    margin-bottom: 10px;
  }

  .pop-compare-template-item-title {
    margin-bottom: 10px;
  }

  .pop-template-compare-btn-item {
    margin-left: 30px;
  }

  .template-b-quote-summary-company {
    margin-bottom: 5px;
  }

  .template-b-quote-summary-subtitle {
    letter-spacing: 1px;
    flex: none;
    width: auto;
    margin-right: 15px;
    font-size: 16px;
  }

  .btn-template-quotation-add {
    min-width: 80%;
  }

  .template-plan-terms-b {
    margin-top: 40px;
  }

  .template-b-plan-table-top {
    border-bottom: 1px solid var(--logo-dark-blue);
    position: relative;
    top: auto;
  }

  .template-b-plan-table-row {
    display: block;
  }

  .template-b-plan-table-l {
    text-align: center;
    width: auto;
  }

  .template-b-plan-table-l.v-top {
    padding-bottom: 40px;
  }

  .template-b-plan-table-l.v-clear {
    padding-right: 0;
  }

  .template-b-plan-table-r {
    width: auto;
  }

  .template-b-plan-table-r.v-top {
    letter-spacing: 0;
    font-size: 16px;
  }

  .template-b-plan-table-cell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .template-b-plan-table-cell.v-clear {
    display: none;
  }

  .template-plan-table-cell-top-title {
    font-size: 16px;
  }

  .b-plan-price-original {
    margin-bottom: 0;
  }

  .b-plan-price-online-discount, .b-plan-price-member-discount {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .table-scroll {
    margin-left: -5vw;
    margin-right: -5vw;
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: auto;
  }

  .table-scroll-content {
    min-width: 600px;
  }

  .template-b-plan-table-cell-recommend {
    margin-top: -5px;
  }

  .template-b-plan-table-title, .template-plan-table-cell-top-subtitle {
    font-size: 16px;
  }

  .template-b-plan-subgp-title {
    text-align: left;
    width: auto;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 120%;
  }

  .template-b-plan-table-subrow {
    display: block;
  }

  .rediect-graphic-b {
    width: 200px;
  }

  .template-c-guide-form-intro {
    margin-bottom: 40px;
  }

  .tempalte-c-guide-form-wrap {
    margin-bottom: -20px;
  }

  .template-c-plan-bg-circle-box {
    width: 50%;
  }

  .template-c1-text-watermark {
    letter-spacing: 1px;
    max-width: 100vw;
    font-size: 80px;
    overflow: hidden;
  }

  .template-c-item-info-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .template-c-item-info-box-row {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .t-q-1-checkbox-gp {
    margin-left: -5px;
    margin-right: -5px;
  }

  .t-q-1-checkbox-item {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .t-q-1-checkbox-content {
    letter-spacing: 0;
    padding: 10px;
    font-size: 16px;
  }

  .t-q-1-checkbox-graphic {
    width: 40px;
  }

  .template-c-member-list-box {
    padding: 15px;
  }

  .template-c-member-list-box-title {
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 120%;
  }

  .template-c-member-table-delete {
    width: 50px;
  }

  .m-quote-coupon-more {
    margin-top: 50px;
  }

  .partner-carousel-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-search-field-2 {
    font-size: 16px;
  }

  .form-radio-field-question-num {
    width: 28px;
  }

  .template-covering-list {
    margin-left: -2%;
    margin-right: -2%;
  }

  .template-covering-item {
    width: 50%;
    margin-bottom: 4%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .quotation-cursor {
    width: 60px;
  }

  .header-quotation-tab {
    display: block;
  }

  .header-quotation-tab-menu {
    width: auto;
    display: flex;
  }

  .header-quotation-tab-link {
    width: 50%;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .header-quotation-tab-link-line {
    display: none;
  }

  .header-quotation-tab-link-txt {
    text-align: center;
  }

  .header-quotation-menu-col-title {
    padding-bottom: 5px;
    font-size: 16px;
  }

  ._100-b {
    width: 100%;
  }

  .i-template-covering-btn-b {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .i-template-covering-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .i-template-top-info-wrap {
    position: relative;
  }

  .i-template-top-b {
    display: block;
  }

  .i-template-banner-heading-b {
    margin-bottom: 150px;
  }

  .i-template-banner-btn-txt {
    font-size: 24px;
  }

  .template-i-plan-bg-circle-box {
    width: 50%;
  }

  .t-i-q-1-checkbox-graphic {
    width: 40px;
  }

  .i4-claim-max-b {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .i4-claim-max-col {
    width: auto;
    height: 60px;
  }

  .i4-claim-max-col.v-last {
    height: auto;
  }

  .i4-claim-max-dot {
    margin-left: auto;
    margin-right: auto;
  }

  .i4-claim-max-line-b {
    width: 5px;
    height: auto;
    margin: 1px 0;
    inset: 0% auto 0% 50%;
    transform: translate(-50%);
  }

  .i4-claim-max-line-progress.v-33 {
    width: 100%;
    height: 33.3%;
  }

  .i4-claim-max-txt {
    margin-top: 0;
    margin-left: 17px;
    inset: 50% auto auto 0%;
    transform: translate(0, -50%);
  }

  .hr-detail-index-txt {
    margin-top: 3px;
  }

  .hr-detail-index-line-b {
    height: 15px;
  }

  .hr-detail-index-circle {
    width: 24px;
    height: 24px;
  }

  .hr-detail-index-dot {
    width: 8px;
    height: 8px;
  }

  .sticky-btn-b {
    padding-right: 10px;
  }

  .btn-whatsapp {
    width: 40px;
    height: 40px;
  }

  .header-btn-common {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .quotation-hints-profile-info-title {
    font-size: 16px;
  }

  .quote-insurance-icon-col {
    width: 25%;
  }

  .home-info-list-row {
    margin-top: -20px;
  }

  .home-info-list-col {
    width: 90%;
    padding-top: 20px;
  }

  .home-item-img-b {
    margin-bottom: 20px;
  }

  .home-section-banner-subtitle {
    font-size: 17px;
  }

  .home-cfa-banner-container {
    min-height: 250px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-cfa-content-b {
    width: 55%;
  }

  .home-cfa-banner-img {
    width: 50%;
  }

  .home-cfa-banner-gradient {
    background-image: linear-gradient(90deg, var(--logo-dark-blue) 50%, #035aa600 80%);
  }

  .template-quotation-progress-bg {
    margin: -15px -5vw -10px;
  }

  .template-quotation-progress-bottom-wrap {
    flex-flow: row-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
  }

  .template-quotation-progress-description-mobile {
    display: block;
  }

  .template-quotation-mobile-description-b {
    padding-right: 10px;
    display: block;
  }

  .template-quotation-progress-mobile-border-b {
    padding-top: 28px;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .template-quotation-progress-mobile-border-btemplate-quotation-progress-mobile-border-top {
    border-top: 2px solid var(--light-grey);
    border-right: 2px solid var(--light-grey);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    width: 20px;
    height: 20px;
    margin-right: -10px;
    padding: 0;
  }

  .template-quotation-progress-mobile-border-btemplate-quotation-progress-mobile-border-top.v-blue {
    border-top-color: var(--logo-dark-blue);
    border-right-color: var(--logo-dark-blue);
  }

  .template-quotation-progress-mobile-border-btemplate-quotation-progress-mobile-border-bottom {
    border-right: 2px solid var(--light-grey);
    border-bottom: 2px solid var(--light-grey);
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    width: 20px;
    height: 40px;
    margin-right: -10px;
    padding: 0;
  }

  .template-quotation-progress-mobile-border-btemplate-quotation-progress-mobile-border-bottom.v-orange {
    border-right-color: var(--logo-orange);
    border-bottom-color: var(--logo-orange);
  }

  .template-quote-result-radio-main-cell-update {
    padding-top: 15px;
  }

  .home-insurance-title {
    font-size: 18px;
  }

  .subtitle-txt {
    font-size: 17px;
  }

  .update-big-icon-col {
    width: 100%;
  }

  .update-table-top {
    position: static;
  }

  .update-table-row {
    display: block;
  }

  .update-table-l {
    border: 1px solid var(--logo-orange);
    text-align: center;
    width: auto;
  }

  .update-table-l.v-clear {
    display: none;
  }

  .update-table-r {
    width: auto;
  }

  .update-table-r.v-clear {
    font-size: 16px;
  }

  .update-table-cell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .update-table-title-b {
    padding-top: 5px;
  }

  .update-table-icon {
    width: 25px;
  }

  .swiper-arrow-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .price-list-arrow-prev, .price-list-arrow-nxt {
    width: 30px;
  }

  .update-article-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .update-article-col._50 {
    width: 100%;
  }

  .update-article-img-col {
    order: -9999;
    width: 100%;
  }

  .update-article-img-col._50 {
    width: 100%;
  }

  .update-article-img {
    padding-top: 60%;
  }

  .update-home-inside-content {
    padding-top: 20px;
  }

  .update-download-col {
    width: 100%;
  }

  .plan-detail-dropdown-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .plan-detail-dropdown-title {
    width: 160px;
  }

  .template-top-filter-col {
    width: calc(33.33% - 13.33px);
  }

  .result-top-b {
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .result-top-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: space-between;
  }

  .result-top-col {
    flex: 0 auto;
  }

  .result-top-switch-col {
    display: none;
  }

  .temp-update-top-container {
    grid-row-gap: 10px;
  }

  .update-temp-logo {
    width: 50%;
  }

  .update-temp-top-title-b {
    flex: 0 auto;
  }

  .update-temp-plan-b {
    flex: 0 auto;
    width: calc(50% - 10px);
  }

  .update-temp-price-b {
    width: calc(50% - 10px);
  }

  .temp-update-main-wrap {
    grid-column-gap: 20px;
  }

  .temp-update-main-col {
    width: calc(50% - 10px);
    padding-right: 20px;
  }

  .temp-update-grid {
    display: none;
  }

  .temp-grid-col {
    width: 100%;
  }

  .temp-update-main-grid-wrap {
    grid-column-gap: 20px;
  }

  .temp-update-main-grid-col {
    width: calc(50% - 10px);
    padding-right: 20px;
  }

  .temp-update-top-grid-container {
    grid-row-gap: 10px;
  }

  .update-temp-grid-logo {
    width: 50%;
  }

  .update-temp-top-grid-title-b {
    flex: 0 auto;
  }

  .update-temp-grid-plan-b {
    flex: 0 auto;
    width: calc(50% - 10px);
  }

  .temp-list-promo-b {
    border-radius: 10px;
    padding: 10px;
  }

  .update-tab-content-big-col {
    width: 100%;
  }

  .update-tab-content-col {
    width: calc(50% - 5px);
  }

  .update-tab-content-img._100 {
    padding-top: 35%;
  }

  .update-tab-content-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .compare-table-row {
    flex-flow: wrap;
  }

  .compare-title-l {
    width: 100%;
    max-width: none;
  }

  .compare-content-r.v-top {
    border-left-style: none;
  }

  .compare-title-b {
    justify-content: center;
    align-items: center;
  }

  .compare-content-b.vtop {
    border-bottom-color: var(--white);
    color: var(--logo-dark-blue);
  }

  .compare-table-content {
    border-top-left-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .compare-table-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    top: auto;
    overflow: hidden;
  }

  .compare-table-subgp-title {
    text-align: left;
    width: auto;
    font-size: 20px;
    line-height: 120%;
  }

  .compare-table-subrow {
    flex-flow: wrap;
  }

  .swipper-tab-menu {
    margin-bottom: 20px;
  }

  .swipper-tab-link {
    letter-spacing: 1px;
    width: 33.33%;
    font-size: 15px;
  }

  .tab-swiper-arrow-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .tab-arrow-prev, .tab-arrow-nxt {
    width: 30px;
  }

  .template-filter-close-b {
    width: 15px;
  }
}

@media screen and (max-width: 479px) {
  .header-brand {
    width: 180px;
  }

  .footer-main-l {
    display: block;
  }

  .footer-about-b {
    width: auto;
    margin-right: 0;
    padding-bottom: 20px;
  }

  .footer-sitemap-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .footer-sitemap-col {
    width: auto;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-sitemap-title {
    margin-bottom: 15px;
  }

  .section-div.orange-bg.radius {
    border-radius: 25px;
  }

  .insurance-intro-tab-link {
    letter-spacing: 1px;
    font-size: 17px;
  }

  .insurance-intro-thumb-slide {
    width: 50%;
  }

  .btn-common.v-radio {
    flex: none;
  }

  .why-ginsmall-list {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .why-ginsmall-item {
    width: auto;
    margin-bottom: 15px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .why-ginsmall-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .common-tab-link.v-contact {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .common-tab-link-content {
    padding-left: 5px;
    padding-right: 5px;
  }

  .hr-intro-box-col {
    border-bottom: 1px solid #e7e7e7;
    border-right-style: none;
    width: auto;
  }

  .hr-intro-box-row, .contact-top-info-b {
    display: block;
  }

  .contact-top-info-data {
    margin-left: 30px;
  }

  .contact-top-info-fieldname {
    margin-bottom: 2px;
    margin-right: 0;
  }

  .contact-top-info-field-icon {
    width: 20px;
  }

  .form-wrap {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .form-item {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .form-radio-field-b {
    display: block;
  }

  .form-radio-field-question {
    margin-bottom: 8px;
  }

  .form-radio-field-question.v-medium {
    margin-right: 0;
  }

  .radio-box-gp-item {
    width: 50%;
  }

  .procedure-bg-circle-box {
    width: 70%;
  }

  .procedure-bottom-img-b {
    margin-bottom: 40px;
  }

  .ask-form-item {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .ask-form-wrap {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .ask-form-contact-gp {
    display: block;
  }

  .ask-form-contact-col {
    width: auto;
  }

  .ask-form-contact-or {
    width: auto;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .blog-detail-col-content {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .blog-detail-content-box {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .hr-learn-article-tab-link {
    width: 70px;
    font-size: 12px;
  }

  .hr-learn-article-tab-img-b {
    width: 30px;
  }

  .detail-bottom-btn-gp {
    text-align: center;
    flex-wrap: wrap;
    display: block;
  }

  .detail-bottom-btn-item {
    margin-bottom: 10px;
  }

  .handbook-form-wrap {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .handbook-form-item {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .hr-learn-article-bg-circle-box {
    width: 70%;
  }

  .login-member-feature-list {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .login-member-feature-item {
    width: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .login-tab-link-content {
    padding-left: 5px;
    padding-right: 5px;
  }

  .login-form-wrap {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .login-form-item {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .form-agreement-checkbox-gp {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .form-agreement-checkbox-item {
    padding-left: 0;
    padding-right: 0;
  }

  .pop-login-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .common-banner-col-item {
    height: 100px;
  }

  .common-banner-col-hover {
    background-image: linear-gradient(#0000 20%, #000c);
  }

  .member-form-btn-item {
    margin-left: 20px;
  }

  .pw-form-item {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .pw-form-wrap {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .member-filter-list {
    display: block;
  }

  .member-filter-item {
    width: auto;
  }

  .member-filter-item.v-insurance {
    width: 100%;
  }

  .member-quote-tab-link-content {
    padding-left: 5px;
    padding-right: 5px;
  }

  .member-quote-item-main {
    display: block;
  }

  .member-quote-item-img {
    width: 100%;
    max-width: 180px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .member-quote-item-name-b {
    text-align: center;
  }

  .mamber-quote-item-info-list {
    display: block;
  }

  .mamber-quote-item-info-item {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .m-quote-document-upload-list {
    margin-bottom: -10px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .m-quote-document-upload-item {
    width: auto;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .member-coupon-item-link {
    display: block;
  }

  .member-coupon-item-side {
    background-image: url('../images/member-coupon-item-dash-m2x.png');
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-size: auto 3px;
    width: auto;
    display: block;
  }

  .member-coupon-value-b {
    margin-top: 15px;
  }

  .pop-cancel-insure-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .member-quote-select-date-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .member-quote-select-date-col {
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .member-quote-payment-tab-link {
    width: 50%;
  }

  .member-insure-table-col.col-company {
    width: 100%;
  }

  .member-coupon-tab-link-content {
    padding-left: 5px;
    padding-right: 5px;
  }

  .member-employee-filter-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .member-employee-filter-item {
    width: auto;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .member-accont-feature-list {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .member-accont-feature-item {
    width: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .member-add-employee-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .member-add-employee-item {
    width: auto;
    min-width: 0;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .member-add-employee-item-btn-b {
    position: relative;
  }

  .member-consturction-filter-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .member-construction-filter-item {
    width: auto;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .member-construction-plan-summary {
    display: block;
  }

  .member-construction-plan-summary-item {
    border-bottom: 1px solid var(--light-grey);
    border-right-style: none;
    padding: 12px 0%;
  }

  .member-construction-table-col.col-cat {
    width: 100%;
  }

  .pop-use-credit-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .member-construction-cover-content.v-hori-align {
    display: block;
  }

  .member-construction-cover-tc.v-hori-align {
    margin-bottom: 5px;
    margin-right: 0;
  }

  .member-medical-filter-item {
    width: auto;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .member-medical-filter-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .member-medical-table-col.col-name, .member-medical-table-col.col-plan {
    width: 100%;
  }

  .insurance-quote-select-industry-item {
    width: 50%;
  }

  .template-hr-info-list {
    display: block;
  }

  .template-hr-info-item {
    width: auto;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .template-more-feature-list {
    margin-bottom: -30px;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .template-more-feature-item {
    width: auto;
    margin-bottom: 30px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .template-plan-bg-circle-box {
    width: 70%;
  }

  .template-quotation-progress-summary-subtitle.v-result {
    width: 100%;
  }

  .template-quotation-progress-line {
    width: 18vw;
  }

  .t-q-1-form-wrap {
    margin-bottom: 0;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .t-q-1-form-item {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .template-quotation-notice-info-graphic {
    width: 70px;
    margin-right: 10px;
  }

  .template-quotation-notice-contact-item {
    display: block;
  }

  .template-quotation-notice-contact-title {
    width: auto;
    margin-bottom: 5px;
  }

  .t-q-employee-table-col.col-qty, .t-q-employee-table-col.col-income {
    width: 100%;
  }

  .template-quotation-innerpage-bottom-note {
    padding-left: 0;
    padding-right: 0;
  }

  .template-quotation-extra-form-wrap {
    margin-bottom: 0;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .template-quotation-extra-form-wrap.v-address {
    margin-left: -2%;
    margin-right: -2%;
  }

  .template-quotation-extra-form-item {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .template-quotation-extra-form-item.v-address {
    padding-left: 2%;
    padding-right: 2%;
  }

  .template-quotation-terms-b {
    padding-left: 0;
    padding-right: 0;
  }

  .template-quotation-reg-form-item {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .template-quotation-reg-form-wrap {
    margin-bottom: 0;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .template-quote-result-radio-item {
    width: 100%;
    min-width: 300px;
    margin-bottom: 30px;
  }

  .template-b-home-filter-tab-link-content {
    padding-left: 5px;
    padding-right: 5px;
  }

  .template-b-top-fields {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .tamplate-b-top-field-col {
    padding-left: 0;
    padding-right: 0;
  }

  .tamplate-b-top-field-col.col-sort {
    flex: 0 auto;
    width: 100%;
    min-width: 0%;
    max-width: none;
  }

  .tamplate-b-top-field-col.col-code, .tamplate-b-top-field-col.col-social {
    width: 100%;
  }

  .template-b-top-social-list {
    justify-content: flex-start;
  }

  .template-b-home-item-content {
    padding: 15px;
  }

  .pop-template-compare.update {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .pop-compare-template-item-title {
    font-size: 16px;
  }

  .pop-compare-template-item-price {
    font-size: 24px;
  }

  .pop-template-compare-btn-item {
    margin-left: 20px;
  }

  .template-plan-terms-b {
    padding-left: 0;
    padding-right: 0;
  }

  .tempalte-c-guide-form-wrap {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .template-c-plan-bg-circle-box {
    width: 70%;
  }

  .template-c1-text-watermark {
    margin-top: 0;
    font-size: 60px;
  }

  .template-c-member-table-col.col-gender, .template-c-member-table-col.col-type, .template-c-member-table-col.col-age, .template-c-member-table-col.col-roomrank, .template-c-member-table-col.col-planrank, .template-covering-item {
    width: 100%;
  }

  .header-quotation-menu-col {
    width: 50%;
  }

  .template-i-plan-bg-circle-box {
    width: 70%;
  }

  .sticky-btn-b {
    display: none;
  }

  .quotation-hints-profile-pic {
    width: 60px;
    height: 60px;
  }

  .quotation-hints-profile-info-b {
    margin-left: 10px;
  }

  .quote-insurance-icon-row {
    margin-left: -5px;
    margin-right: -5px;
  }

  .quote-insurance-icon-col {
    width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .quote-insurance-content-b {
    font-size: 15px;
  }

  .mobile-header-btn-row {
    margin-left: -5px;
    margin-right: -5px;
  }

  .mobile-header-btn-col {
    padding-left: 5px;
    padding-right: 5px;
  }

  .header-whatsapp-b {
    z-index: 11;
    display: block;
    position: relative;
  }

  .home-section-banner-container {
    padding: 0;
    display: block;
  }

  .home-section-banner-b {
    background-color: var(--logo-dark-blue);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 10px;
  }

  .home-section-banner-img {
    background-image: url('../images/home-banner15x.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 56.25%;
    position: static;
  }

  .home-cfa-banner-container {
    padding: 0;
    display: block;
  }

  .home-cfa-content-b {
    background-color: var(--logo-dark-blue);
    width: 100%;
    padding: 20px 10px;
  }

  .home-cfa-banner-img-b {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
  }

  .home-cfa-banner-img {
    width: 100%;
    position: absolute;
    inset: 0%;
  }

  .home-cfa-banner-gradient {
    display: none;
  }

  .insurance-intro-thumb-col {
    width: 45%;
  }

  .home-insurance-title {
    font-size: 16px;
  }

  .update-btn {
    padding-left: 20px;
    padding-right: 20px;
  }

  .update-table-cell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .price-list-col {
    width: 100%;
  }

  .update-apply-list-b {
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-table-b {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .plan-table-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-bottom: 1px solid var(--light-grey);
    flex-flow: wrap;
    padding-bottom: 8px;
    display: flex;
  }

  .plan-table-title {
    width: 100%;
  }

  .plan-table-content {
    text-align: left;
    width: 100%;
  }

  .plan-detail-dropdown-content {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-detail-dropdown-title {
    flex: 0 auto;
    width: 100%;
  }

  .template-top-filter-col {
    width: calc(50% - 10px);
  }

  .temp-update-top-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .update-temp-logo {
    width: 100%;
  }

  .update-temp-top-title-b {
    flex: 0 auto;
  }

  .update-temp-plan-b, .update-temp-price-b {
    width: 100%;
  }

  .update-temp-price-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .temp-update-main-wrap {
    grid-column-gap: 0px;
  }

  .temp-update-main-col {
    border-bottom: 1px solid var(--grey);
    border-right-style: none;
    width: 100%;
    padding-bottom: 10px;
    padding-right: 0;
  }

  .temp-update-btn {
    padding-left: 20px;
    padding-right: 20px;
  }

  .temp-update-main-grid-wrap {
    grid-column-gap: 0px;
  }

  .temp-update-main-grid-col {
    border-bottom: 1px solid var(--grey);
    border-right-style: none;
    width: 100%;
    padding-bottom: 10px;
    padding-right: 0;
  }

  .temp-update-top-grid-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .update-temp-grid-logo {
    width: 100%;
  }

  .update-temp-top-grid-title-b {
    flex: 0 auto;
  }

  .update-temp-grid-plan-b {
    width: 100%;
  }

  .update-tab-content-b {
    padding: 15px;
  }

  .update-tab-content-col {
    width: 100%;
  }

  .update-tab-content-img._100 {
    padding-top: 65%;
  }

  .update-tab-content-wrap {
    flex-flow: wrap;
  }

  .swipper-tab-link {
    width: 50%;
  }
}