*,
::after,
::before {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
button {
  background-color: rgba(0, 0, 0, 0);
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}
figure {
  margin: 0;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}
dd,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
p {
  margin: 0;
}
cite {
  font-style: normal;
}
fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
  margin-top: -1rem;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@font-face {
  font-family: "Myriad Pro Light";
  src: url(../fonts/Myriad/MyriadPro-Light.eot?) format("eot"),
    url(../fonts/Myriad/MyriadPro-Light.woff2) format("woff2"),
    url(../fonts/Myriad/MyriadPro-Light.woff) format("woff"),
    url(../fonts/Myriad/MyriadPro-Light.ttf) format("truetype"),
    url(../fonts/Myriad/MyriadPro-Light.svg#Myriad_Pro_Light) format("svg");
}
@font-face {
  font-family: "Myriad Pro Regular";
  src: url(../fonts/Myriad/MyriadPro-Regular.eot?) format("eot"),
    url(../fonts/Myriad/MyriadPro-Regular.woff2) format("woff2"),
    url(../fonts/Myriad/MyriadPro-Regular.woff) format("woff"),
    url(../fonts/Myriad/MyriadPro-Regular.ttf) format("truetype"),
    url(../fonts/Myriad/MyriadPro-Regular.svg#Myriad_Pro_Regular) format("svg");
}
@font-face {
  font-family: "Myriad Pro Semibold";
  src: url(../fonts/Myriad/MyriadPro-Semibold.eot?) format("eot"),
    url(../fonts/Myriad/MyriadPro-Semibold.woff2) format("woff2"),
    url(../fonts/Myriad/MyriadPro-Semibold.woff) format("woff"),
    url(../fonts/Myriad/MyriadPro-Semibold.ttf) format("truetype"),
    url(../fonts/Myriad/MyriadPro-Semibold.svg#Myriad_Pro_Semibold)
      format("svg");
}
@font-face {
  font-family: "Myriad Pro Bold";
  src: url(../fonts/Myriad/MyriadPro-Bold.eot?) format("eot"),
    url(../fonts/Myriad/MyriadPro-Bold.woff2) format("woff2"),
    url(../fonts/Myriad/MyriadPro-Bold.woff) format("woff"),
    url(../fonts/Myriad/MyriadPro-Bold.ttf) format("truetype"),
    url(../fonts/Myriad/MyriadPro-Bold.svg#Myriad_Pro_Bold) format("svg");
}
@font-face {
  font-family: "Myriad Pro BoldCond";
  src: url(../fonts/Myriad/MyriadPro-BoldCond.eot?) format("eot"),
    url(../fonts/Myriad/MyriadPro-BoldCond.woff2) format("woff2"),
    url(../fonts/Myriad/MyriadPro-BoldCond.woff) format("woff"),
    url(../fonts/Myriad/MyriadPro-BoldCond.ttf) format("truetype"),
    url(../fonts/Myriad/MyriadPro-BoldCond.svg#Myriad_Pro_BoldCond)
      format("svg");
}
@font-face {
  font-family: "Myriad Pro Cond";
  src: url(../fonts/Myriad/MyriadPro-Cond.eot?) format("eot"),
    url(../fonts/Myriad/MyriadPro-Cond.woff2) format("woff2"),
    url(../fonts/Myriad/MyriadPro-Cond.woff) format("woff"),
    url(../fonts/Myriad/MyriadPro-Cond.ttf) format("truetype"),
    url(../fonts/Myriad/MyriadPro-Cond.svg#Myriad_Pro_Cond) format("svg");
}
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?72sow0);
  src: url(../fonts/icomoon.eot?72sow0#iefix) format("embedded-opentype"),
    url(../fonts/icomoon.ttf?72sow0) format("truetype"),
    url(../fonts/icomoon.woff?72sow0) format("woff"),
    url(../fonts/icomoon.svg?72sow0#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: icomoon !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
  content: "";
  color: #fff;
}
.icon-phone .path1:before {
  content: "";
  color: #f5f6fb;
}
.icon-phone .path2:before {
  content: "";
  margin-left: -1em;
  color: #00afcb;
}
.icon-mail .path1:before {
  content: "";
  color: #f5f6fb;
}
.icon-mail .path2:before {
  content: "";
  margin-left: -1em;
  color: #00afcb;
}
.icon-mail-grey .path1:before {
  content: "";
  color: #016494;
}
.icon-mail-grey .path2:before {
  content: "";
  margin-left: -1em;
  color: #f5f6fb;
}
.icon-mail-grey .path3:before {
  content: "";
  margin-left: -1em;
  color: #f5f6fb;
}
.icon-mail-grey .path4:before {
  content: "";
  margin-left: -1em;
  color: #f5f6fb;
}
.icon-rocket .path1:before {
  content: "";
  color: #0acfee;
}
.icon-rocket .path2:before {
  content: "";
  margin-left: -1em;
  color: #00afcb;
}
.icon-upi .path1:before {
  content: "";
  color: #004667;
}
.icon-upi .path2:before {
  content: "";
  margin-left: -1em;
  color: #097939;
}
.icon-upi .path3:before {
  content: "";
  margin-left: -1em;
  color: #ed752e;
}
.icon-upi .path4:before {
  content: "";
  margin-left: -1em;
  color: #009ab3;
}
.icon-card .path1:before {
  content: "";
  color: #004667;
}
.icon-card .path2:before {
  content: "";
  margin-left: -1em;
  color: #009ab3;
}
.icon-card .path3:before {
  content: "";
  margin-left: -1em;
  color: #009ab3;
}
.icon-Filled-outline .path1:before {
  content: "";
  color: #f5f6fb;
}
.icon-Filled-outline .path2:before {
  content: "";
  margin-left: -1em;
  color: #009ab3;
}
.icon-Filled-outline .path3:before {
  content: "";
  margin-left: -1em;
  color: #2b78b7;
}
.icon-Filled-outline .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-Filled-outline .path5:before {
  content: "";
  margin-left: -1em;
  color: #004667;
}
.icon-Filled-outline .path6:before {
  content: "";
  margin-left: -1em;
  color: #009ab3;
}
.icon-shopping-bag .path1:before {
  content: "";
  color: #005075;
}
.icon-shopping-bag .path2:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-shopping-bag .path3:before {
  content: "";
  margin-left: -1em;
  color: #00afcb;
}
.icon-shopping-bag .path4:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-screen .path1:before {
  content: "";
  color: #00afcb;
}
.icon-screen .path2:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-screen .path3:before {
  content: "";
  margin-left: -1em;
  color: #dcb57b;
}
.icon-engine .path1:before {
  content: "";
  color: #00afcb;
}
.icon-engine .path2:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-engine .path3:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-engine .path4:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-engine .path5:before {
  content: "";
  margin-left: -1em;
  color: #00afcb;
}
.icon-engine .path6:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-engine .path7:before {
  content: "";
  margin-left: -1em;
  color: #00afcb;
}
.icon-engine .path8:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-transfer .path1:before {
  content: "";
  color: #00afcb;
}
.icon-transfer .path2:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-transfer .path3:before {
  content: "";
  margin-left: -1em;
  color: #016494;
}
.icon-transfer .path4:before {
  content: "";
  margin-left: -1em;
  color: #006687;
}
.icon-transfer .path5:before {
  content: "";
  margin-left: -1em;
  color: #00b8ce;
}
.icon-transfer .path6:before {
  content: "";
  margin-left: -1em;
  color: #016494;
}
.icon-transfer .path7:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-transfer .path8:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-discount .path1:before {
  content: "";
  color: #dcb57b;
}
.icon-discount .path2:before {
  content: "";
  margin-left: -1em;
  color: #fafafa;
}
.icon-call:before {
  content: "";
}
.icon-mail-primary .path1:before {
  content: "";
  color: #fff;
}
.icon-mail-primary .path2:before {
  content: "";
  margin-left: -1em;
  color: #00b8ce;
}
.icon-mail-primary .path3:before {
  content: "";
  margin-left: -1em;
  color: #00b8ce;
}
.icon-mail-primary .path4:before {
  content: "";
  margin-left: -1em;
  color: #00b8ce;
}
.icon-twitter .path1:before {
  content: "";
  color: #f5f6fb;
}
.icon-twitter .path2:before {
  content: "";
  margin-left: -1em;
  color: #005075;
}
.icon-linkedin:before {
  content: "";
  color: #f5f6fb;
}
.icon-instagram:before {
  content: "";
  color: #f5f6fb;
}
.icon-facebook:before {
  content: "";
  color: #f5f6fb;
}
.icon-video-player .path1:before {
  content: "";
  color: #fff;
  opacity: 0.6;
}
.icon-video-player .path2:before {
  content: "";
  margin-left: -1em;
  color: #006295;
}
.icon-video-player .path3:before {
  content: "";
  margin-left: -1em;
  color: #006295;
}
.btn {
  display: inline-block;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  padding: 1.6rem 1.7rem;
  border-radius: 0.5rem;
  min-width: 15rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  font-size: 1.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  letter-spacing: 1px;
}

.btn.btn-primary {
  background-color: #006295;
  color: #f5f6fb;
  border: none;
}
.btn.btn-border {
  background-color: #fff;
  color: #006295;
  border: 1px solid #005075;
}
.btn.btn-border-blue {
  background-color: #005075;
  color: #fff;
  border: 1px solid #fff;
}

.team-container {
  justify-content: space-around;
}

.btn:focus {
  outline: 0;
}
.btn:hover {
  background-color: #08415f;
  color: #fff;
}
html {
  font-size: 10px;
}
body {
  background: #fff;
  font-family: "Myriad Pro Regular";
  font-family: "Myriad Pro Regular";
  color: #4d4d4d;
}
img {
  width: 100%;
}
a:hover {
  text-decoration: none;
  color: #005075;
}
p {
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  p {
    font-size: 1.4rem;
  }
}
button {
  box-shadow: none;
  border: none;
}
textarea {
  resize: none;
}
.cm-line-break {
  display: block;
}
.cm-bold {
  font-family: "Myriad Pro Bold";
}
.no-scroll {
  overflow: hidden;
}
.theme-bg {
  background: #005075;
}
.grey-bg {
  background: #f5f6fb;
}
.lyt-main {
  padding-top: 6.5rem;
}
.cm-container {
  max-width: 125rem;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .cm-container {
    max-width: 100%;
    padding: 0 1.8rem;
  }
}
.cm-hidden-xs {
  display: block !important;
}
.cm-visible-xs {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 9px;
  }
  .cm-container {
    padding: 0 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .cm-hidden-xs {
    display: none !important;
  }
  .cm-visible-xs {
    display: block !important;
  }
}
.action-link {
  margin-top: 5rem;
  text-align: center;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .action-link {
    margin-top: 1rem;
  }
}
.error {
  display: block;
  margin-top: 1rem;
  text-align: left;
  color: #ec1e1e;
}
.clr-black {
  color: #005075;
}
.span-icon-txt {
  display: flex;
  align-items: center;
}
.span-icon-txt .icon-play {
  font-size: 2.4rem;
  margin-right: 1rem;
}
.set-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.set-bg .fetch-img-src {
  display: none;
}
.new-hide {
  display: none !important;
}
.address-logo {
  width: 30px;
}

.gri-logo{
  width: 30px;
  border: 1px solid white;
  border-radius: 100px;
  padding: 6px;
}
<<<<<<< HEAD
=======

>>>>>>> d3a0b0e6c1155b3be4a4ad68d569f0a2a99b8e42
.address-text {
  font-size: 1.6rem;
  color: #f5f6fb;
  font-family: "Myriad Pro Semibold";
  line-height: normal;
  font-weight: 400;
  text-align: justify;
}
.bs-header {
  background-color: #f5f6fb;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.bs-header.active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.bs-header .navbar {
  height: 100%;
  width: 100%;
  float: left;
}
.bs-header .navbar .nav-header {
  float: left;
}
.bs-header .navbar .nav-header .act-wrap {
  display: none;
}
.bs-header .navbar .logo-wrap {
  width: 100%;
  max-width: 13rem;
  margin-top: 0;
  padding: 1rem 0;
}
.bs-header .navbar .epay-logo {
  width: 16rem;
  height: 3.6rem;
}
.bs-header .navbar .nav-links {
  margin: 0;
  float: left;
  padding-left: 4rem;
  max-width: 88%;
  min-width: 88%;
}
@media only screen and (min-width: 770px) {
  .bs-header .navbar .nav-links {
    display: flex;
    justify-content: flex-end;
  }
}
.bs-header .navbar .nav-links .nav-item {
  position: relative;
  list-style: none;
  float: left;
  padding: 2rem;
}
.bs-header .navbar .nav-links .nav-item.last-child {
  padding-left: 10rem !important;
}
.bs-header .navbar .nav-links .nav-item.last-child:hover {
  background: 0 0;
}
.bs-header .navbar .nav-links .nav-item:hover {
  background: #fff;
}
.bs-header .navbar .nav-links .nav-item:hover .nav-link {
  color: #005075;
  border-color: #00afcb;
}
.bs-header .navbar .nav-links .nav-item .nav-link {
  font-size: 16px;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  transition: 0.3s all ease-in;
  display: block;
  transition: 0.3s;
  border-bottom: 1px solid transparent;
}
.bs-header .navbar .menu-show {
  transition: 0.4s;
  font-size: 2.4rem;
  cursor: pointer;
  display: none;
  margin: 0;
  float: left;
  color: #005075;
  line-height: 3rem;
}
.bs-header .navbar #menu-toggle {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
.bs-header .menu-hide {
  transition: 0.4s;
  font-size: 2.4rem;
  cursor: pointer;
  display: none;
}
.bs-header .menu-hide:hover {
  color: gray;
}
.bs-header .menu-show:hover {
  color: gray;
}
.bs-header .link-list {
  display: flex;
}
.bs-header .link-item {
  padding: 0 1rem;
  margin-top: 1.2rem;
  position: relative;
}
.bs-header .link-item .btn {
  min-width: 10rem;
  padding: 0.7rem;
  text-align: center;
  font-size: 16px;
  border: 1px solid #006295;
}
.bs-header .dropdown-language-wrap {
  position: absolute;
  width: 100%;
  padding: 0 1rem;
  left: 0;
  display: none;
}
.bs-header .dropdown-language-wrap.active {
  display: block;
}
.bs-header .dropdown-language-wrap .dropdown-language {
  background: #fff;
  border: 1px solid #005075;
  border-top: none;
}
.bs-header .dropdown-language-wrap .radio-language {
  padding: 1rem;
  font-size: 1.4rem;
  color: #4d4d4d;
}
.bs-header .dropdown-language-wrap .radio-language:hover {
  color: #005075;
}
.bs-header .js-language-btn.active {
  background: #08415f;
  color: #fff;
}
@media (min-width: 768px) {
  .bs-header .navbar .has-dropdown .dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 13rem;
    padding: 0;
    border: unset;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
  }
  .bs-header .navbar .has-dropdown .dropdown-menu .sub-nav-list {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .bs-header .navbar .has-dropdown .dropdown-menu .sub-nav-item {
    width: 100%;
    position: relative;
    display: block;
  }
  .bs-header .navbar .has-dropdown .dropdown-menu .sub-nav-item .sub-nav-link {
    position: relative;
    display: block;
    padding: 0.9rem 1.2rem;
    font-size: 18px;
    font-weight: "Myriad Pro Regular";
    color: #4d4d4d;
  }
  .bs-header
    .navbar
    .has-dropdown
    .dropdown-menu
    .sub-nav-item
    .sub-nav-link:hover {
    color: #006295;
  }
  .bs-header .navbar .has-dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    display: block !important;
  }
}
@media (max-width: 1024px) {
  .bs-header .navbar .epay-logo {
    margin-top: -8px;
  }
  .bs-header .navbar .nav-links .nav-item.last-child {
    padding-left: 3rem !important;
  }
}
@media (max-width: 768px) {
  .bs-header {
    padding: 1.2rem 0 1rem;
  }
  .bs-header .nav-container {
    position: relative;
  }
  .bs-header .navbar .epay-logo {
    margin-top: -8px;
  }
  .bs-header .navbar .menu-show {
    display: block;
  }
  .bs-header .navbar .nav-links {
    position: fixed;
    width: 80%;
    height: 100vh;
    top: 0;
    left: -100%;
    padding: 50px 0;
    transition: 1s;
    background: #fff;
    z-index: 3;
    text-align: center;
  }
  .bs-header .navbar .nav-links .nav-item {
    width: 100%;
    padding: 0;
    float: none;
  }
  .bs-header .navbar .nav-links .nav-item.last-child {
    padding-left: 0 !important;
    margin-bottom: 4rem;
  }
  .bs-header .navbar .nav-links .nav-item .nav-link {
    padding: 2.2rem;
    text-decoration: none;
    font-size: 1.8rem;
    color: #4d4d4d;
    transition: 0.3s;
    border-bottom: none;
  }
  .bs-header .navbar .nav-links .nav-item .nav-link:hover {
    color: #005075;
  }
  .bs-header .navbar .nav-links .has-dropdown .dropdown-menu .sub-nav-link {
    padding: 0.5rem 0;
    display: inline-block;
    text-decoration: none;
    font-size: 1.8rem;
    color: #005075;
    transition: 0.3s;
  }
  .bs-header .navbar .has-dropdown:hover .dropdown-menu {
    display: none !important;
  }
  .bs-header .navbar .menu-hide {
    position: absolute;
    top: 1rem;
    left: 2rem;
    color: #005075;
  }
  .bs-header .navbar #menu-toggle:checked ~ .nav .nav-links {
    left: 0;
  }
  .bs-header .navbar .has-dropdown .dropdown-menu {
    display: none;
  }
  .bs-header .navbar .dropdown-menu {
    margin: 0;
    padding: 0;
    flex-direction: column;
  }
  .bs-header .navbar .nav-header {
    float: right;
  }
  .bs-header .navbar .nav-header .logo-wrap {
    position: absolute;
    padding: 0.5rem 0 0;
    margin: 0;
    left: 5rem;
    max-width: 10rem;
  }
  .bs-header .navbar .nav-header .act-wrap {
    display: block;
  }
  .bs-header .navbar .nav-header .act-wrap .btn {
    min-width: 15rem;
    padding: 0.4rem 1rem;
    font-size: 1.8rem;
  }
  .bs-header .menu-hide {
    display: block;
  }
  .bs-header .link-list {
    display: block;
    padding: 0;
  }
  .bs-header .link-item {
    padding: 0;
  }
  .bs-header .link-item .btn {
    min-width: 16.5rem;
    padding: 0.9rem 1rem;
  }
  .bs-header .link-item .btn.btn-border {
    display: none;
  }
  .bs-header .js-language-btn {
    display: inline-block !important;
  }
  .bs-header .dropdown-language-wrap {
    width: 16.5rem;
    padding: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.bs-section {
  padding: 8rem 0;
}
.bs-section .sec-head {
  margin-bottom: 5rem;
  position: relative;
}
.bs-section .sec-head .title {
  font-size: 3.2rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  text-align: center;
}
.bs-section .sec-head .title.typ-white {
  color: #fff;
}
.bs-section .sec-head .title .curve {
  position: relative;
}
.bs-section .sec-head .title .curve::after {
  background: url(../images/title.svg) no-repeat;
  position: absolute;
  left: 1rem;
  right: 0;
  bottom: -1.5rem;
  content: "";
  height: 1.5rem;
  width: 11rem;
}
@media only screen and (max-width: 768px) {
  .bs-section {
    padding: 4rem 0;
  }
  .bs-section .sec-head {
    position: relative;
    margin-bottom: 5rem;
  }
  .bs-section .sec-head .title {
    font-size: 2.4rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Bold";
    line-height: normal;
    text-align: center;
  }
  .bs-section .sec-head .title.typ-white {
    color: #fff;
  }
  .bs-section .sec-head .title .curve {
    position: relative;
  }
  .bs-section .sec-head .title .curve::after {
    background: url(../images/vector1.svg) no-repeat;
    position: absolute;
    left: 1rem;
    right: 0;
    bottom: -1.5rem;
    content: "";
    height: 1rem;
    width: 7rem;
  }
  .bs-section.typ-faq .sec-head {
    margin-bottom: 2rem;
  }
}
.bs-footer {
  background-color: #005075;
  padding: 7.2rem 0;
}
.bs-footer .footer-top {
  display: flex;
}
.bs-footer .footer-top .footer-logo {
  width: 47%;
}
.bs-footer .footer-top .footer-logo .logo {
  width: 50%;
  margin-bottom: 2.5rem;
}
.bs-footer .footer-top .footer-logo .logo img {
  max-width: 13.2rem;
}
.bs-footer .footer-top .footer-logo .email {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
}
.bs-footer .footer-top .footer-logo .email .icon-wrap .icon {
  font-size: 3rem;
}
.bs-footer .footer-top .footer-logo .email .text {
  font-size: 1.6rem;
  color: #f5f6fb;
  font-family: "Myriad Pro Semibold";
  line-height: normal;
  margin-left: 1rem;
}
.bs-footer .footer-top .quick-list {
  width: 53%;
  display: flex;
}
.bs-footer .footer-top .quick-list .item {
  width: 33%;
}
.bs-footer .footer-top .quick-list .quick-nav .quick-nav-title {
  font-size: 1.8rem;
  color: #fff;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  margin-bottom: 1.9rem;
}
.bs-footer .footer-top .quick-list .quick-nav .nav-item {
  margin-bottom: 2.6rem;
}
.bs-footer .footer-top .quick-list .quick-nav .nav-item:last-child {
  margin-bottom: 0;
}
.bs-footer .footer-top .quick-list .quick-nav .nav-link {
  font-size: 1.8rem;
  color: #f5f6fb;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  transition: 0.2s all ease-in;
}
.bs-footer .footer-top .quick-list .quick-nav .nav-link:hover {
  text-decoration: underline;
}
.bs-footer .footer-bottom .copyright .desc {
  font-size: 1.5rem;
  color: #e6e7e8;
  font-family: "Myriad Pro Regular";
  line-height: 2rem;
  color: rgba(230, 231, 232, 0.6);
  text-align: center;
  margin-bottom: 0.9rem;
}
.bs-footer .footer-bottom .copyright .desc:last-child {
  margin-bottom: 0;
}
.bs-footer .footer-bottom .copyright .desc.new {
  margin-bottom: 3.5rem;
  font-family: "Myriad Pro Semibold";
}
@media only screen and (min-width: 768px) and (max-width: 920px) {
  .bs-footer .footer-top .footer-logo {
    width: 47% !important;
  }
  .bs-footer .footer-top .quick-list {
    width: 53% !important;
  }
  .bs-footer .footer-top .quick-list .item {
    margin-top: 0 !important;
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .bs-footer {
    padding: 2.8rem 0;
  }
  .bs-footer .footer-top {
    flex-wrap: wrap;
  }
  .bs-footer .footer-top .footer-logo {
    width: 100%;
    margin-bottom: 1rem;
  }
  .bs-footer .footer-top .footer-logo .logo {
    width: 100%;
  }
  .bs-footer .footer-top .quick-list {
    width: 100%;
    flex-wrap: wrap;
  }
  .bs-footer .footer-top .quick-list .item {
    width: 100%;
    margin-top: 4.2rem;
  }
  .bs-footer .footer-top .quick-list .quick-nav .quick-nav-title {
    margin-bottom: 1.1rem;
  }
  .bs-footer .footer-top .quick-list .quick-nav .nav-item {
    margin-bottom: 0;
    display: inline;
    margin-right: 4.7rem;
  }
  .bs-footer .footer-top .quick-list .quick-nav .nav-item:last-child {
    margin: 0;
  }
  .bs-footer .footer-bottom .copyright .desc {
    margin-bottom: 0.4rem;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .bs-footer .footer-bottom .copyright .desc.new {
    margin-bottom: 1.4rem;
  }
}
.bs-banner {
  background-image: url(../images/banner-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: relative;
  padding: 4rem 0;
  background-color: #f5f6fb;
}
.bs-banner.typ-white {
  background-color: #fff;
}
.bs-banner .cm-container {
  display: flex;
  align-items: center;
  z-index: 2;
  position: relative;
}
.bs-banner .info-wrap {
  width: 55%;
}
.bs-banner .info-wrap .title {
  font-size: 5.5rem;
  color: #fff;
  font-family: "Myriad Pro Semibold";
  line-height: 5.4rem;
  padding-bottom: 3rem;
  padding-left: 0.1rem;
  position: relative;
}
.bs-banner .info-wrap .title .typ-blue {
  color: #00afcb;
}
.bs-banner .info-wrap .desc {
  font-size: 2.4rem;
  color: #fff;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  letter-spacing: 0.21rem;
}
.bs-banner .info-wrap .desc p {
  font-size: 1.8rem;
}
.bs-banner .info-wrap .action-wrap {
  margin-top: 5rem;
}
.bs-banner .info-wrap .action-wrap .btn.typ-banner {
  border: 1px solid #fff;
  border-radius: 0.6rem;
  padding: 1.5rem 6rem 1.4rem;
  color: #fff;
  font-size: 1.8rem;
}
.bs-banner .img-wrap {
  width: 40%;
  z-index: 2;
  padding-left: 7.3rem;
}
.bs-banner .curve {
  position: relative;
}
.bs-banner .curve::after {
  background: url(../images/curve.svg) no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2rem;
  content: "";
  height: 1.6rem;
  width: 16rem;
}
.bs-banner .contact-list-wrap {
  margin-top: 2rem;
}
.bs-banner .contact-list-wrap .item {
  display: flex;
  margin-bottom: 5.8rem;
  position: relative;
}
.bs-banner .contact-list-wrap .item:last-child {
  margin-bottom: 0;
}
.bs-banner .contact-list-wrap .icon-wrap {
  margin-right: 1.7rem;
}
.bs-banner .contact-list-wrap .icon-wrap .icon {
  font-size: 4rem;
}
.bs-banner .contact-list-wrap .text-wrap .text {
  font-size: 1.6rem;
  color: #f5f6fb;
  font-weight: "Myriad Pro Light";
  opacity: 0.7;
}
.bs-banner .contact-list-wrap .text-wrap .text:hover {
  opacity: 1;
}
.bs-banner .contact-list-wrap .text-wrap .text:hover .link {
  color: #fff;
}
.bs-banner .contact-list-wrap .text-wrap .text .typ-big {
  font-size: 2.4rem;
  font-family: "Myriad Pro Regular";
}
.bs-banner.typ-seller {
  height: 48rem;
  background-color: #fff;
}
.bs-banner.typ-seller .cm-container {
  align-items: flex-start;
}
.bs-banner.typ-seller .info-wrap {
  width: 67%;
  margin-top: 5rem;
}
.bs-banner.typ-seller .info-wrap .subtitle {
  font-size: 4.8rem;
  color: #fff;
  font-family: "Myriad Pro Semibold";
  line-height: 5.6rem;
}
.bs-banner.typ-seller .img-wrap {
  width: 28%;
  padding-left: 0;
  position: relative;
  bottom: 3rem;
  right: 5rem;
}
.bs-banner.typ-about {
  min-height: 30rem;
  padding-top: 11rem;
  background-image: url(../images/about-bg.svg);
}
.bs-banner.typ-works {
  padding: 3rem 0;
}
.bs-banner.typ-works .img-wrap {
  width: 38%;
}
.bs-banner.typ-help {
  background-color: #fff;
}
.bs-banner.typ-help .img-wrap {
  width: 38%;
}
.bs-banner.typ-empower {
  background-color: #fff;
}
.bs-banner.typ-empower .info-wrap {
  width: 60%;
}
.bs-banner.typ-empower .img-wrap {
  text-align: center;
}
.bs-banner.typ-empower .img-wrap img {
  width: auto;
}
.bs-banner.typ-career {
  min-height: 61rem;
  background-color: #f5f6fb;
}
.bs-banner.typ-career .cm-container {
  position: relative;
}
.bs-banner.typ-career .curve::after {
  bottom: -1.5rem;
  background: url(../images/curve-career.svg) no-repeat;
  height: 1rem;
  width: 15rem;
}
.bs-banner.typ-career .info-wrap {
  padding-top: 9rem;
  width: 43%;
}
.bs-banner.typ-career .info-wrap .title {
  line-height: 6rem;
}
.bs-banner.typ-career .info-wrap .desc p {
  line-height: 2.4rem;
}
.bs-banner.typ-career .info-wrap .action-wrap .btn.typ-banner {
  padding: 1.5rem 5rem 1.4rem;
}
.bs-banner.typ-career .img-wrap {
  position: absolute;
  width: 58%;
  right: -8rem;
  top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 920px) {
  .bs-banner .img-wrap {
    width: 40% !important;
  }
  .bs-banner.typ-seller .info-wrap {
    width: 42% !important;
    margin: 0 auto;
  }
  .bs-banner.typ-seller .img-wrap {
    width: 23rem !important;
    bottom: 14rem !important;
    right: -37rem !important;
  }
  .bs-banner.typ-empower .info-wrap {
    width: 60%;
    padding: 0 2rem;
  }
  .bs-banner.typ-empower .img-wrap img {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .bs-banner {
    padding: 3.4rem 0 0;
    background-image: url(../images/banner-bg-m.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
  }
  .bs-banner .cm-container {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .bs-banner .info-wrap {
    width: 100%;
    z-index: 2;
  }
  .bs-banner .info-wrap .title {
    font-size: 2.8rem;
    color: #fff;
    font-family: "Myriad Pro Semibold";
    line-height: 2.79rem;
    padding-bottom: 3rem;
    position: relative;
    text-align: center;
  }
  .bs-banner .info-wrap .title .typ-blue {
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-top: 0.4rem;
  }
  .bs-banner .info-wrap .desc {
    font-size: 1.6rem;
    color: #fff;
    font-family: "Myriad Pro Regular";
    line-height: normal;
    letter-spacing: 0.14rem;
    text-align: center;
  }
  .bs-banner .info-wrap .desc p {
    font-size: 1.6rem;
  }
  .bs-banner .info-wrap .action-wrap {
    margin: 3.4rem 0;
    text-align: center;
  }
  .bs-banner .info-wrap .action-wrap .btn.typ-banner {
    padding: 1.2rem 7.5rem 1.1rem;
  }
  .bs-banner .img-wrap {
    padding: 0;
    width: 85%;
  }
  .bs-banner .curve {
    position: relative;
  }
  .bs-banner .curve::after {
    background: url(../images/curve-m.svg) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.2rem;
    content: "";
    height: 1.1rem;
    width: 9rem;
    margin: 0 auto;
  }
  .bs-banner .contact-list-wrap {
    margin-top: 0;
    margin-bottom: 2.8rem;
  }
  .bs-banner .contact-list-wrap .item {
    margin-bottom: 1.4rem;
    padding-left: 5.5rem;
  }
  .bs-banner .contact-list-wrap .item:last-child {
    margin-bottom: 0;
  }
  .bs-banner .contact-list-wrap .icon-wrap {
    margin-right: 1.3rem;
  }
  .bs-banner .contact-list-wrap .icon-wrap .icon {
    font-size: 3rem;
  }
  .bs-banner .contact-list-wrap .text-wrap .text {
    font-size: 1.2rem;
  }
  .bs-banner .contact-list-wrap .text-wrap .text .typ-big {
    font-size: 1.8rem;
    opacity: 0.6;
  }
  .bs-banner.typ-seller {
    height: 36rem;
    min-height: auto;
    background-image: url(../images/seller-bg-m.png);
  }
  .bs-banner.typ-seller .info-wrap {
    width: 35rem;
    padding-right: 2rem;
    margin: 0 auto;
    margin-top: 0;
  }
  .bs-banner.typ-seller .info-wrap .subtitle {
    font-size: 2.3rem;
    color: #fff;
    font-family: "Myriad Pro Semibold";
    line-height: 3.05rem;
  }
  .bs-banner.typ-seller .info-wrap .action-wrap {
    margin: 3.4rem 0;
    text-align: left;
  }
  .bs-banner.typ-seller .info-wrap .action-wrap .btn.typ-banner {
    padding: 1rem 4.6rem;
    font-size: 1.6rem;
  }
  .bs-banner.typ-seller .img-wrap {
    margin-top: 0;
    width: 18rem;
    padding-left: 0;
    position: absolute;
    bottom: -14rem;
    right: 2rem;
  }
  .bs-banner.typ-about {
    min-height: 14rem;
    padding-top: 3rem;
    background-image: url(../images/about-bg-m.svg);
  }
  .bs-banner.typ-about .info-wrap .title {
    font-size: 3.6rem;
    line-height: 4.3rem;
  }
  .bs-banner.typ-help {
    background-image: url(../images/works-bg-m.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
  .bs-banner.typ-help .info-wrap .title {
    padding-bottom: 3.5rem;
  }
  .bs-banner.typ-help .img-wrap {
    width: 68%;
    align-self: flex-end;
  }
  .bs-banner.typ-works {
    background-image: url(../images/works-bg-m.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    padding: 4rem 0 3rem;
  }
  .bs-banner.typ-works .img-wrap {
    width: 70%;
  }
  .bs-banner.typ-works .info-wrap .action-wrap {
    margin: 0 0 1.5rem;
  }
  .bs-banner.typ-empower .info-wrap {
    width: 100%;
    padding: 0 2rem;
  }
  .bs-banner.typ-empower .img-wrap img {
    width: 50%;
  }
  .bs-banner.typ-career {
    min-height: auto;
    background-color: #f5f6fb;
  }
  .bs-banner.typ-career .cm-container {
    position: relative;
  }
  .bs-banner.typ-career .curve::after {
    background: url(../images/curve-m.svg) no-repeat;
    height: 2rem;
    width: 10rem;
    bottom: -2rem;
  }
  .bs-banner.typ-career .info-wrap {
    padding: 2rem;
    width: 100%;
  }
  .bs-banner.typ-career .info-wrap .title {
    font-size: 3rem;
  }
  .bs-banner.typ-career .info-wrap .desc p {
    line-height: 2.4rem;
  }
  .bs-banner.typ-career .img-wrap {
    position: relative;
    width: 100%;
    right: 0;
  }
}
.bs-icon-text .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.3rem;
}
.bs-icon-text .list .item {
  width: 38%;
  position: relative;
  margin: 0 7.3rem 7rem;
}
.bs-icon-text .img-wrap {
  width: 15.5rem;
  height: 14.5rem;
  background: #00afcb;
  border-radius: 0.6rem;
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bs-icon-text .img-wrap img {
  width: auto;
}
.bs-icon-text .info-wrap {
  width: 36.5rem;
  background: #fff;
  padding: 1.3rem 2rem 1.2rem 2.2rem;
  border-radius: 0.4rem;
  position: absolute;
  bottom: 1.4rem;
  left: 12.9rem;
}
.bs-icon-text .info-wrap .title {
  font-size: 2.4rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  margin-bottom: 0.2rem;
}
.bs-icon-text .info-wrap .desc {
  font-size: 1.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bs-icon-text .list .item {
    width: 50% !important;
  }
  .bs-icon-text .img-wrap img {
    width: 100% !important;
  }
}
@media (max-width: 1024px) {
  .bs-icon-text .list {
    margin: 0;
  }
  .bs-icon-text .list .item {
    width: 50%;
    position: relative;
    margin: 0 0 4rem;
  }
  .bs-icon-text .list .item:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .bs-icon-text .list {
    margin: 0;
  }
  .bs-icon-text .list .item {
    width: 100%;
    position: relative;
    margin: 0 0 2rem;
  }
  .bs-icon-text .list .item:last-child {
    margin-bottom: 0;
  }
  .bs-icon-text .img-wrap {
    width: 10.1rem;
    height: 9.5rem;
    padding: 1.5rem;
  }
  .bs-icon-text .img-wrap img {
    width: auto;
  }
  .bs-icon-text .info-wrap {
    width: 24.5rem;
    padding: 0.62rem 1rem 0.84rem 1.46rem;
    bottom: 0.9rem;
    left: 8.5rem;
  }
  .bs-icon-text .info-wrap .title {
    font-size: 1.6rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Bold";
    line-height: normal;
    margin-bottom: 0;
  }
  .bs-icon-text .info-wrap .desc {
    font-size: 1.2rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Regular";
    line-height: normal;
  }
}
.bs-modal {
  display: none;
  position: fixed;
  z-index: 10;
  padding-top: 7rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
.bs-modal.typ-video {
  background-color: rgba(0, 0, 0, 0.8);
}
.bs-modal.typ-video .video-frame {
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
}
.bs-modal.typ-video .close {
  position: absolute;
  font-size: 3.5rem;
  top: -2rem;
  right: -1rem;
  cursor: pointer;
}
.bs-modal.typ-video .cont-wrap {
  position: relative;
}
.bs-modal .cont-wrap {
  background: #fff;
  border-radius: 1rem;
  max-width: 60rem;
  margin: auto;
}
.bs-modal .modal-header {
  position: relative;
}
.bs-modal .modal-header .close {
  position: absolute;
  font-size: 3.5rem;
  top: 1.4rem;
  right: 1.9rem;
  cursor: pointer;
}
.bs-modal .img-wrap {
  border-radius: 1rem;
  height: 20rem;
}
.bs-modal .modal-content {
  padding: 1.7rem 4.5rem 2.3rem 6.8rem;
}
.bs-modal .meta-wrap {
  margin-bottom: 2rem;
}
.bs-modal .meta-wrap .title {
  font-size: 2.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Bold";
  margin-bottom: 1rem;
}
.bs-modal .meta-wrap .desc {
  color: #4d4d4d;
  max-width: 61rem;
}
.bs-modal .middle-wrap {
  padding: 1rem 0 3rem;
}
.bs-modal .middle-wrap .info-wrap {
  display: flex;
  border: 0.1rem dashed #979798;
  padding: 1.3rem 2.5rem 1.5rem 2rem;
  align-items: center;
  border-radius: 0.6rem;
  justify-content: space-between;
}
.bs-modal .middle-wrap .text {
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
  display: block;
  color: #4d4d4d;
}
.bs-modal .middle-wrap .icon-wrap {
  margin-right: 1.4rem;
}
.bs-modal .middle-wrap .icon-wrap .icon {
  font-size: 4rem;
}
.bs-modal .middle-wrap .action-wrap .btn {
  padding: 1.1rem;
  min-width: 14rem;
  background: #005075;
  color: #fff;
}
.bs-modal .middle-wrap .text-wrap {
  display: flex;
  align-items: center;
}
.bs-modal .bottom-wrap .link {
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
  display: block;
  color: #000;
  font-family: "Myriad Pro Bold";
  opacity: 0.4;
}
.bs-modal .bottom-wrap .action-wrap {
  margin-top: 4rem;
  text-align: center;
}
.bs-modal .bottom-wrap .action-wrap .btn {
  min-width: 18.4rem;
  padding: 1.8rem;
}
.bs-modal .video-wrapper {
  position: relative;
  padding: 1.5rem;
  background: #fff;
  border-radius: 0.5rem;
}
.bs-modal .video-wrapper .video {
  width: 100%;
  height: 32rem;
}
.bs-modal .video-wrapper .close {
  position: absolute;
  font-size: 3rem;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bs-modal {
    padding-top: 2rem;
  }
  .bs-modal.typ-video {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10rem 1.5rem 0;
  }
  .bs-modal.typ-video .close {
    font-size: 2.5rem;
    top: -1rem;
    right: -1rem;
  }
  .bs-modal .cont-wrap {
    max-width: 100%;
  }
  .bs-modal .modal-header .close {
    font-size: 3rem;
    top: 1rem;
    right: 1.5rem;
  }
  .bs-modal .img-wrap {
    height: 16.8rem;
  }
  .bs-modal .modal-content {
    padding: 2rem 2.5rem 2.3rem 2.8rem;
  }
  .bs-modal .meta-wrap {
    margin-bottom: 1.2rem;
  }
  .bs-modal .meta-wrap .title {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }
  .bs-modal .meta-wrap .desc {
    color: #4d4d4d;
    max-width: 100%;
  }
  .bs-modal .middle-wrap {
    padding: 1rem 0 1.9rem;
  }
  .bs-modal .middle-wrap .info-wrap {
    flex-wrap: wrap;
    padding: 1.3rem 1.5rem 1rem 1rem;
    justify-content: center;
  }
  .bs-modal .middle-wrap .text {
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
  }
  .bs-modal .middle-wrap .icon-wrap {
    margin-right: 1rem;
  }
  .bs-modal .middle-wrap .icon-wrap .icon {
    font-size: 4rem;
  }
  .bs-modal .middle-wrap .action-wrap .btn {
    padding: 0.6rem;
    font-size: 1.4rem;
  }
  .bs-modal .middle-wrap .text-wrap {
    margin-bottom: 1.5rem;
  }
  .bs-modal .bottom-wrap .link {
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
  }
  .bs-modal .bottom-wrap .action-wrap {
    margin-top: 2rem;
    text-align: center;
  }
  .bs-modal .bottom-wrap .action-wrap .btn {
    padding: 1rem;
    font-size: 1.4rem;
  }
}
.bs-help .list {
  display: flex;
  flex-wrap: wrap;
}
.bs-help .list .item {
  display: flex;
  margin: 0 7rem 5.6rem;
  width: 21%;
}
.bs-help .list .item:last-child {
  flex: auto;
  margin-bottom: 0;
}
.bs-help .service-box .img-wrap {
  width: 16rem;
  margin-bottom: 3rem;
}
.bs-help .service-box .content-wrap .title {
  font-size: 3.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: 3.9rem;
  margin-bottom: 1.6rem;
}
.bs-help .service-box .content-wrap .cont-list .cont-item {
  font-size: 1.8rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: 1.97rem;
  margin-bottom: 1.2rem;
}
.bs-help .service-box .content-wrap .cont-list .cont-item:last-child {
  margin-bottom: 0;
}
.bs-help .service-box .content-wrap .cont-list .cont-item .link {
  color: #00afcb;
  transition: 0.3s all ease-in;
}
.bs-help .service-box .content-wrap .cont-list .cont-item .link:hover {
  color: #005075;
}
@media only screen and (max-width: 768px) {
  .bs-help .list .item {
    display: flex;
    margin: 0 3rem 3.5rem;
    width: 100%;
  }
  .bs-help .list .item:last-child {
    margin-bottom: 0;
  }
  .bs-help .service-box {
    display: flex;
  }
  .bs-help .service-box .img-wrap {
    width: 5rem;
    margin-bottom: 0;
  }
  .bs-help .service-box .content-wrap {
    margin-left: 1rem;
  }
  .bs-help .service-box .content-wrap .title {
    font-size: 2.4rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Regular";
    line-height: 2.6rem;
    margin: 1.2rem 0;
  }
}
.bs-sale .swiper-button-next,
.bs-sale .swiper-button-prev {
  background: #f5f6fb;
  color: #005075;
  border-radius: 0.4rem;
  padding: 2rem;
}
.bs-sale .swiper-pagination {
  justify-content: center;
  width: 90%;
  margin-top: -2rem;
  z-index: 9;
}
.bs-sale .swiper-pagination-bullet {
  width: 2.7rem;
  height: 0.27rem;
}
.bs-sale .swiper-pagination-bullet:hover {
  height: 0.6rem;
}
.bs-sale .swiper-pagination-bullet-active {
  height: 0.6rem;
}
.bs-sale .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.45rem;
}
@media only screen and (max-width: 768px) {
  .bs-sale {
    padding: 0;
  }
  .bs-sale .img-wrap img {
    height: 15rem;
  }
  .bs-sale .swiper-pagination {
    margin-top: 1.5rem;
    width: 100%;
  }
  .bs-sale .swiper-pagination-bullet {
    width: 1.85rem;
    height: 0.18rem;
  }
  .bs-sale .swiper-pagination-bullet:hover {
    height: 0.4rem;
  }
  .bs-sale .swiper-pagination-bullet-active {
    height: 0.4rem;
  }
  .bs-sale .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.31rem;
  }
}
.bs-shop-logo .sec-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bs-shop-logo .sec-head .title {
  font-size: 2.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Bold";
  line-height: 3.1rem;
}
.bs-shop-logo .sec-head .bs-form .icon {
  color: #005075;
  font-size: 2rem;
  margin-right: 2.1rem;
}
.bs-shop-logo .sec-head .bs-form .form-group {
  display: flex;
  align-items: center;
  padding: 1rem 1.1rem 0.8rem;
  background: #f5f6fb;
  border-radius: 0.6rem;
  min-width: 37.2rem;
  border: 1px solid transparent;
}
.bs-shop-logo .sec-head .bs-form .form-group:focus-within {
  border-color: #828282;
}
.bs-shop-logo .sec-head .bs-form .form-control {
  font-size: 1.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  outline: 0;
  border: none;
  background: 0 0;
  width: 100%;
}
.bs-shop-logo .logo-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.6rem;
}
.bs-shop-logo .logo-list .item {
  width: 17.3%;
  margin: 0 1.6rem 3.2rem;
}
.bs-shop-logo .logo-list .item.no-mb {
  margin-bottom: 0;
}
.bs-shop-logo .logo-list .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10rem;
  border: 1px solid #f5f6fb;
  padding: 2rem;
  position: relative;
  transition: 0.3s ease-in all;
}
.bs-shop-logo .logo-list .img-wrap img {
  width: auto;
  max-width: 100%;
}
.bs-shop-logo .logo-list .img-wrap .link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.bs-shop-logo .logo-list .img-wrap:hover {
  border-color: #005075;
}
@media only screen and (max-width: 768px) {
  .bs-shop-logo {
    padding-top: 2.5rem;
  }
  .bs-shop-logo .sec-head {
    display: block;
    margin-bottom: 3rem;
  }
  .bs-shop-logo .sec-head .title {
    font-size: 1.8rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Bold";
    line-height: 2.15rem;
    margin-bottom: 1.5rem;
    text-align: left;
  }
  .bs-shop-logo .sec-head .bs-form .form-group {
    max-width: 31.7rem;
    min-width: auto;
  }
  .bs-shop-logo .logo-list {
    margin: 0 -0.48rem;
  }
  .bs-shop-logo .logo-list .item {
    width: 22%;
    margin: 0 0.48rem 0.9rem;
  }
  .bs-shop-logo .logo-list .item.no-mb {
    margin-bottom: 0;
  }
  .bs-shop-logo .logo-list .item:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
  .bs-shop-logo .logo-list .img-wrap {
    height: 3.5rem;
    padding: 0.9rem;
  }
}
.bs-question .question-dashboard .ques-list {
  display: flex;
}
.bs-question .question-dashboard .ques-list .ques-item {
  flex: 1;
  margin-right: 2rem;
}
.bs-question .question-dashboard .ques-list .ques-item:nth-child(2) {
  flex: 4;
  min-height: 58rem;
  margin-right: 0;
}
.bs-question .help-dasboard {
  margin-top: 0.7rem;
}
.bs-question .help-dasboard .help-item {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  padding: 0.5rem 1rem;
  min-width: 21.2rem;
  transition: 0.3s all ease-in-out;
}
.bs-question .help-dasboard .help-item.active,
.bs-question .help-dasboard .help-item:hover {
  border-color: #005075;
}
.bs-question .help-dasboard .help-item img {
  width: 4rem;
  margin: 0 1rem 0 0;
}
.bs-question .help-dasboard .help-item .title {
  font-size: 1.8rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: 1.97rem;
}
.bs-question .help-dasboard .swiper-slide {
  width: auto;
}
.bs-question .ques-tab {
  padding: 2rem 3rem;
}
.bs-question .ques-tab .business-tab {
  margin-bottom: 2rem;
}
.bs-question .ques-tab .business-tab .profile {
  font-size: 1.7rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: 1.97rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.2rem solid transparent;
}
.bs-question .ques-tab .business-tab .profile.special,
.bs-question .ques-tab .business-tab .profile:hover {
  color: #005075;
  border-color: #005075;
}
.bs-question .ques-tab .bs-acccordion {
  padding: 0;
}
.bs-question .ques-tab .bs-acccordion .accordion-item .accordion-head {
  padding: 1.05rem 2.5rem 1.05rem 1.3rem;
}
.bs-question
  .ques-tab
  .bs-acccordion
  .accordion-item
  .accordion-head
  .accordion-title {
  font-family: "Myriad Pro Regular";
}
.bs-question .ques-tab .bs-acccordion .accordion-item .accordion-head .icon {
  font-size: 1.6rem;
  right: 1rem;
}
.bs-question .ques-tab .bs-acccordion .accordion-item .accordion-content {
  padding: 2rem 2rem 2rem 1.5rem;
}
.bs-question .ques-tab .swiper-container {
  margin: 0;
}
.bs-question .ques-tab .swiper-container .swiper-slide {
  width: auto !important;
}
@media only screen and (max-width: 768px) {
  .bs-question .question-dashboard .ques-list {
    flex-wrap: wrap;
  }
  .bs-question .question-dashboard .ques-list .ques-item:nth-child(2) {
    min-height: auto;
  }
  .bs-question .help-dasboard {
    margin: 0 -0.45rem;
    display: inline-flex;
    overflow-x: scroll;
    max-width: 33rem;
  }
  .bs-question .help-dasboard .help-item {
    margin: 0 0.45rem 1.6rem;
    padding: 0.5rem;
    min-width: 11rem;
  }
  .bs-question .help-dasboard .help-item img {
    width: 3rem;
    margin: 0 0.4rem 0 0;
  }
  .bs-question .help-dasboard .help-item .title {
    font-size: 1.2rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Regular";
    line-height: 1.32rem;
  }
  .bs-question .ques-tab {
    padding: 1.7rem 1.1rem 4rem 1.8rem;
  }
  .bs-question .ques-tab .business-tab {
    display: flex;
    overflow-x: scroll;
    max-width: 30rem;
    margin-bottom: 0;
  }
  .bs-question .ques-tab .business-tab .profile {
    font-size: 1.6rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Regular";
    line-height: 1.76rem;
    margin: 0 3rem 2.2rem 0;
    padding-bottom: 0.3rem;
  }
  .bs-question .ques-tab .business-tab .profile:last-child {
    margin-right: 0;
  }
  .bs-question .ques-tab .bs-acccordion {
    padding: 0;
  }
  .bs-question .ques-tab .bs-acccordion .accordion-item .accordion-head .icon {
    font-size: 1.5rem;
    right: 1.3rem;
    top: 1.25rem;
  }
  .bs-question .ques-tab .bs-acccordion .accordion-item .accordion-content {
    padding: 1rem 1rem 1rem 1.5rem;
  }
  .bs-question .ques-tab .swiper-container .swiper-slide {
    transition: all 0.3s ease;
  }
}
.step-bg {
  background-color: #f5f6fb;
  position: relative;
  background-size: contain;
  background-position: 0 -100%;
  background-image: url(../images/steps-bg.svg);
  background-repeat: no-repeat;
}
.step-bg.no-bg {
  background-position: 0 -33%;
}
.our-team-bg {
  position: relative;
  background-color: #f5f6fb;
  z-index: 2;
  background-image: url(../images/our-team-bottom.svg);
  background-position: 0 105%;
  background-repeat: no-repeat;
  background-size: contain;
}
.our-team-bg::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/our-team-top.svg);
  background-position: 0 -20%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.benefit-bg {
  background-image: url(../images/benefits.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  background-position: 0 122%;
}
.why-us {
  background-image: url(../images/why-us.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 100%;
  background-color: #f5f6fb;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sign-up {
    background-size: cover !important;
  }
}
@media only screen and (max-width: 768px) {
  .step-bg.no-bg {
    background-image: none;
  }
  .our-team-bg {
    position: relative;
    background-color: #f5f6fb;
    z-index: 2;
    background-image: url(../images/our-team-top-m.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .our-team-bg::before {
    display: none;
  }
  .benefit-bg {
    background-image: url(../images/benefit-bg-m.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
  }
  .why-us {
    background-image: none;
  }
  .sign-up {
    background-image: url(../images/sign-up.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
  }
}
.bs-step-slider {
  background-color: #f5f6fb;
  position: relative;
  background-size: contain;
  background-position: 0 -103%;
  background-image: url(../images/steps-bg.svg);
  background-repeat: no-repeat;
}
.bs-step-slider .cont-wrap {
  display: flex;
  position: relative;
}
.bs-step-slider .media-wrap {
  background: url(../images/epl.png) no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 46.8rem;
  height: 53rem;
  padding: 0 8.57rem 0 13rem;
  margin-left: 10rem;
}
.bs-step-slider .media-wrap .img-wrap {
  background: url(../images/cover.png) no-repeat;
  background-size: contain;
  height: 48rem;
  border-radius: 2rem;
  padding: 1.3rem 2.8rem 5rem 1.5rem;
}
.bs-step-slider .info-wrap {
  width: 58.5rem;
  padding-left: 5rem;
  margin-top: 15rem;
}
.bs-step-slider .meta-wrap {
  max-width: 49rem;
}
.bs-step-slider .meta-wrap .count {
  background: #00afcb;
  font-size: 3.3rem;
  color: #fff;
  height: 5rem;
  width: 5rem;
  line-height: 5.5rem;
  display: block;
  text-align: center;
  border-radius: 50%;
  font-family: "Myriad Pro Bold";
}
.bs-step-slider .meta-wrap .subtitle {
  font-size: 2.4rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Semibold";
  margin-top: 2.6rem;
}
.bs-step-slider .meta-wrap .title {
  font-size: 5.6rem;
  font-family: "Myriad Pro Semibold";
  color: #fff;
}
.bs-step-slider .meta-wrap .desc {
  font-size: 2.4rem;
  font-family: "Myriad Pro Regular";
  color: #fff;
  max-width: 80%;
  line-height: 2.4rem;
}
.bs-step-slider .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 18rem;
  left: 12rem;
}
@media only screen and (max-width: 768px) {
  .bs-step-slider {
    background-image: none;
  }
  .bs-step-slider .cont-wrap {
    flex-wrap: wrap;
  }
  .bs-step-slider .media-wrap {
    background: url(../images/epl.png) no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 28.4rem;
    height: 40rem;
    padding: 0.65rem 3.7rem 1.8rem 7.5rem;
    margin: 0 auto;
  }
  .bs-step-slider .media-wrap .img-wrap {
    background: url(../images/cover.png) no-repeat;
    background-size: cover;
    height: 35.5rem;
    border-radius: 2rem;
    padding: 0.8rem 0.7rem 0 0.8rem;
    overflow: hidden;
  }
  .bs-step-slider .img-wrap {
    width: 100%;
  }
  .bs-step-slider .info-wrap {
    width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
  .bs-step-slider .meta-wrap {
    text-align: center;
    max-width: 100%;
  }
  .bs-step-slider .meta-wrap .count {
    font-size: 1.6rem;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.3rem;
    margin: 0 auto;
  }
  .bs-step-slider .meta-wrap .subtitle {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
  .bs-step-slider .meta-wrap .title {
    font-size: 2.4rem;
    margin-bottom: 1.1rem;
  }
  .bs-step-slider .meta-wrap .desc {
    max-width: 100%;
  }
  .bs-step-slider .meta-wrap .desc p {
    font-size: 1.6rem;
  }
  .bs-step-slider .swiper-container {
    padding-bottom: 3.3rem;
  }
  .bs-step-slider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    left: auto;
  }
}
.bs-tab .tab-wrap {
  display: none;
}
.bs-tab .tab-wrap.active {
  display: block;
}
.bs-acccordion {
  padding: 0 5.4rem;
}
.bs-acccordion .accordion-item {
  margin-bottom: 1rem;
}
.bs-acccordion .accordion-item:last-child {
  margin-bottom: 0;
}
.bs-acccordion .accordion-item .accordion-head {
  cursor: pointer;
  background-color: #fff;
  position: relative;
  padding: 1.9rem 0 1.9rem 3.3rem;
}
.bs-acccordion .accordion-item .accordion-head.active .accordion-title {
  color: #005075;
}
.bs-acccordion .accordion-item .accordion-head .accordion-title {
  font-size: 1.5rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Semibold";
  line-height: normal;
}
.bs-acccordion .accordion-item .accordion-head .accordion-title:hover {
  color: #005075;
}
.bs-acccordion .accordion-item .accordion-head .icon {
  font-size: 3rem;
  color: #006295;
  position: absolute;
  right: 3rem;
  top: 1rem;
  font-family: "Myriad Pro Bold";
}
.bs-acccordion .accordion-item .accordion-head.active .icon {
  transform: rotate(-45deg);
}
.bs-acccordion .accordion-item .accordion-content {
  background-color: #fff;
  display: none;
  padding: 2rem 2rem 2rem 3.5rem;
}
.bs-acccordion .accordion-item .accordion-content .desc {
  font-size: 1.5rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  margin-bottom: 2rem;
  line-height: 2.7rem;
}
.bs-acccordion .accordion-item .accordion-content .desc:last-child {
  margin-bottom: 0;
}
.bs-acccordion .accordion-item .accordion-content .link {
  color: #00afcb;
}
.bs-acccordion .accordion-item .accordion-content .list {
  margin-top: 1rem;
}
.bs-acccordion .accordion-item .accordion-content .list .item {
  font-size: 1.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  margin-bottom: 0.5rem;
  list-style: disc;
  margin-left: 1.5rem;
}
.bs-acccordion .accordion-item .accordion-content .list .item:last-child {
  margin-bottom: 0;
}
.bs-acccordion .app-step-wrap .step-list {
  display: flex;
}
.bs-acccordion .app-step-wrap .step-item {
  width: 33.33%;
  padding: 2rem 5rem;
  text-align: center;
}
.bs-acccordion .app-step-wrap .icon-wrap {
  width: 10rem;
  margin: 0 auto 1rem;
  border: 2px solid #005075;
  border-radius: 50%;
}
.bs-acccordion .app-step-wrap .step-desc {
  color: #005075;
  font-weight: "Myriad Pro Semibold";
}
@media only screen and (max-width: 768px) {
  .bs-acccordion {
    padding: 0;
  }
  .bs-acccordion .accordion-item {
    margin-bottom: 1rem;
  }
  .bs-acccordion .accordion-item:last-child {
    margin-bottom: 0;
  }
  .bs-acccordion .accordion-item .accordion-head {
    padding: 1.3rem 1.3rem 1rem;
  }
  .bs-acccordion .accordion-item .accordion-head .accordion-title {
    font-size: 1.4rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Semibold";
    line-height: normal;
    padding-right: 1.5rem;
  }
  .bs-acccordion .accordion-item .accordion-head .icon {
    font-size: 2rem;
    right: 1rem;
    top: 0.75rem;
  }
  .bs-acccordion .accordion-item .accordion-content {
    padding: 1rem 2rem 1rem 1.3rem;
  }
  .bs-acccordion .accordion-item .accordion-content .desc {
    font-size: 1.4rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Regular";
    line-height: normal;
    line-height: 1.7rem;
    margin-bottom: 1.5rem;
  }
  .bs-acccordion .accordion-item .accordion-content .list {
    margin-top: 0.5rem;
  }
  .bs-acccordion .accordion-item .accordion-content .list .item {
    font-size: 1.4rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Regular";
    line-height: normal;
    margin-bottom: 0.3rem;
  }
  .bs-acccordion .app-step-wrap .step-list {
    display: flex;
    flex-wrap: wrap;
  }
  .bs-acccordion .app-step-wrap .step-item {
    width: 100%;
    padding: 2rem 5rem;
    text-align: center;
  }
}
.bs-benefit-tile .list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: space-between;
  margin: 0 -2rem;
}
.bs-benefit-tile .list .item {
  flex-basis: 28%;
  margin: 0 2rem 4rem;
}
.bs-benefit-tile .benefit-tile {
  padding: 2rem;
  background: #196183;
  height: 24rem;
}
.bs-benefit-tile .benefit-tile .img-wrap {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  background: rgba(0, 80, 117, 0.9);
  text-align: center;
}
.bs-benefit-tile .benefit-tile .img-wrap img {
  width: 4.4rem;
  display: inline-block;
  margin: 2rem 1.5rem;
}
.bs-benefit-tile .benefit-tile .info-wrap {
  margin: 1.4rem 1.4rem 0 0.4rem;
}
.bs-benefit-tile .benefit-tile .info-wrap .title {
  font-size: 1.8rem;
  color: #fff;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  text-transform: uppercase;
}
.bs-benefit-tile .benefit-tile .info-wrap .desc {
  font-size: 1.4rem;
  color: #fff;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  margin-top: 1.4rem;
}
.bs-benefit-tile.typ-big .list {
  margin: 0 -2rem;
  padding: 0 4rem;
}
.bs-benefit-tile.typ-big .list .item {
  flex-basis: 43.5%;
  margin: 0 2rem 4rem;
}
.bs-benefit-tile.typ-big .list .item:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.bs-benefit-tile.typ-big .benefit-tile {
  padding: 3.2rem 5.2rem;
  border-radius: 0.6rem;
  height: 26rem;
}
.bs-benefit-tile.typ-big .benefit-tile .img-wrap {
  width: 6rem;
  height: 6rem;
}
.bs-benefit-tile.typ-big .benefit-tile .img-wrap img {
  width: 3.6rem;
  display: inline-block;
  margin: 1.2rem;
}
.bs-benefit-tile.typ-big .benefit-tile .info-wrap {
  margin: 1.4rem 0 0;
}
.bs-benefit-tile.typ-big .benefit-tile .info-wrap .title {
  font-size: 2.2rem;
  color: #fff;
  font-family: "Myriad Pro Bold";
  line-height: 4.4rem;
  text-transform: unset;
  letter-spacing: 0.05rem;
}
.bs-benefit-tile.typ-big .benefit-tile .info-wrap .desc {
  font-size: 1.6rem;
  color: #fff;
  font-family: "Myriad Pro Regular";
  line-height: 2.6rem;
  letter-spacing: 0.03rem;
  margin-top: 0;
  opacity: 0.8;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bs-benefit-tile .list {
    display: flex !important;
    margin: 0 -1rem !important;
  }
  .bs-benefit-tile .list .item {
    margin: 0 1rem 2rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .bs-benefit-tile .list {
    display: block;
    margin: 0;
  }
  .bs-benefit-tile .list .item {
    margin: 0 0 1rem;
  }
  .bs-benefit-tile .benefit-tile {
    padding: 1.1rem 1.3rem;
    background: #196183;
    height: auto;
    display: flex;
  }
  .bs-benefit-tile .benefit-tile .img-wrap {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    background: rgba(0, 80, 117, 0.9);
    text-align: center;
  }
  .bs-benefit-tile .benefit-tile .img-wrap img {
    width: 2.5rem;
    display: inline-block;
    margin: 0.75rem;
  }
  .bs-benefit-tile .benefit-tile .info-wrap {
    margin: 0;
    padding-left: 1.5rem;
  }
  .bs-benefit-tile .benefit-tile .info-wrap .title {
    font-size: 1.6rem;
    color: #fff;
    font-family: "Myriad Pro Bold";
    line-height: normal;
    text-transform: uppercase;
  }
  .bs-benefit-tile .benefit-tile .info-wrap .title .cm-line-break {
    display: inline;
  }
  .bs-benefit-tile .benefit-tile .info-wrap .desc {
    font-size: 1.4rem;
    color: #fff;
    font-family: "Myriad Pro Regular";
    line-height: normal;
    margin-top: 0.13rem;
  }
  .bs-benefit-tile.typ-big .list {
    margin: 0;
    padding: 0;
  }
  .bs-benefit-tile.typ-big .list .item {
    flex-basis: 43.5%;
    margin: 0 0 0.4rem;
  }
  .bs-benefit-tile.typ-big .list .item:nth-last-child(-n + 2) {
    margin-bottom: 0.4rem;
  }
  .bs-benefit-tile.typ-big .list .item:last-child {
    margin-bottom: 0;
  }
  .bs-benefit-tile.typ-big .benefit-tile {
    padding: 0.9rem 1.8rem 1.5rem;
    display: block;
    height: auto;
  }
  .bs-benefit-tile.typ-big .benefit-tile .img-wrap {
    width: 5.5rem;
    height: 5.5rem;
  }
  .bs-benefit-tile.typ-big .benefit-tile .img-wrap img {
    width: 3.1rem;
    margin: 1.2rem;
  }
  .bs-benefit-tile.typ-big .benefit-tile .info-wrap {
    margin: 0.58rem 0 0;
    padding-left: 0;
  }
  .bs-benefit-tile.typ-big .benefit-tile .info-wrap .title {
    font-size: 1.8rem;
    color: #fff;
    font-family: "Myriad Pro Bold";
    line-height: 2.87rem;
    text-transform: unset;
    letter-spacing: 0.03rem;
  }
  .bs-benefit-tile.typ-big .benefit-tile .info-wrap .desc {
    font-size: 1.2rem;
    color: #fff;
    font-family: "Myriad Pro Regular";
    line-height: 1.9rem;
    letter-spacing: 0.02rem;
    opacity: 1;
  }
}
.bs-career .sec-head {
  text-align: center;
  padding: 0 2rem;
}
.bs-career .sec-head .title {
  font-size: 4.6rem;
  color: #000;
  font-family: "Myriad Pro Bold";
  line-height: 4.94rem;
  margin-bottom: 0.9rem;
}
.bs-career .sec-head .desc {
  font-size: 2.4rem;
  color: #000;
  font-family: "Myriad Pro Regular";
  line-height: 2.47rem;
  margin-bottom: 5.8rem;
}
.bs-career .content-wrap {
  display: flex;
  justify-content: center;
}
.bs-career .content-wrap .career {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 1rem 1rem 1rem 3rem;
  border-radius: 0.6rem;
}
.bs-career .content-wrap .career .icon-mail-grey {
  font-size: 5rem;
}
.bs-career .content-wrap .career .icon-rocket {
  font-size: 4rem;
}
.bs-career .content-wrap .career .text {
  font-size: 2.8rem;
  color: #000;
  font-family: "Myriad Pro Semibold";
  line-height: normal;
  letter-spacing: 0.56rem;
  margin: 0 7.2rem 0 2.3rem;
}
.bs-career .content-wrap .career .icon-wrap {
  width: 8px;
  background-color: #005075;
  border-radius: 0.4rem;
  padding: 1rem 1.3rem;
}
@media only screen and (max-width: 768px) {
  .bs-career .sec-head {
    padding: 0 1.5rem;
    margin-bottom: 0;
  }
  .bs-career .sec-head .title {
    font-size: 2.6rem;
    color: #000;
    font-family: "Myriad Pro Bold";
    line-height: 4.15rem;
    margin-bottom: 0.2rem;
  }
  .bs-career .sec-head .desc {
    font-size: 1.4rem;
    color: #000;
    font-family: "Myriad Pro Regular";
    line-height: 2.24rem;
    margin-bottom: 3.2rem;
  }
  .bs-career .content-wrap {
    display: flex;
    justify-content: center;
  }
  .bs-career .content-wrap .career {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0.4rem 0.4rem 0.4rem 0.7rem;
  }
  .bs-career .content-wrap .career .icon-mail-grey {
    font-size: 3.44rem;
  }
  .bs-career .content-wrap .career .icon-rocket {
    font-size: 2rem;
  }
  .bs-career .content-wrap .career .text {
    font-size: 1.6rem;
    color: #000;
    font-family: "Myriad Pro Semibold";
    line-height: normal;
    letter-spacing: 0.16rem;
    margin: 0 3.55rem 0 0.92rem;
  }
  .bs-career .content-wrap .career .icon-wrap {
    width: 8px;
    background-color: #005075;
    border-radius: 0.4rem;
    padding: 1rem 1.3rem;
  }
}
.bs-grow-business {
  background-color: #f5f6fb;
}
.bs-grow-business.typ-career .list {
  margin: 0 -3.9rem;
}
.bs-grow-business.typ-career .list .item {
  flex-basis: 50%;
  padding: 0 3.9rem;
}
.bs-grow-business.typ-career .list .item .stats {
  width: 100%;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.bs-grow-business.typ-career .list .item .stats .title {
  padding: 3rem 0;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.bs-grow-business.typ-career .list .item .stats .title .count {
  font-size: 3.6rem;
  color: #005075;
  font-family: "Myriad Pro Bold";
  line-height: normal;
}
.bs-grow-business.typ-career .list .item .stats .percent-grow {
  padding: 5rem 3.5rem;
  height: auto;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.bs-grow-business.typ-career .list .item .stats .percent-grow .desc {
  font-size: 1.8rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: 2.7rem;
}
.bs-grow-business .list {
  display: flex;
}
.bs-grow-business .list .item {
  flex-basis: 33.33%;
}
.bs-grow-business .list .item .stats {
  height: 100%;
  background: #fff;
  width: 36rem;
}
.bs-grow-business .list .item .stats .title {
  background-color: #b3e7ef;
  text-align: center;
  padding: 4.4rem 0 4rem;
}
.bs-grow-business .list .item .stats .title .count {
  font-size: 3.6rem;
  color: #005075;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}
.bs-grow-business .list .item .stats .percent-grow {
  background-color: #fff;
  padding: 3rem 2rem;
  height: 16rem;
  text-align: center;
}
.bs-grow-business .list .item .stats .percent-grow .text {
  font-size: 2.2rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Semibold";
  line-height: normal;
  text-align: center;
  margin-bottom: 1rem;
  display: block;
  text-transform: uppercase;
}
.bs-grow-business .list .item .stats .percent-grow .desc {
  font-size: 1.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: 2.1rem;
  text-align: center;
  padding: 0 4rem;
}
.bs-grow-business .swiper-pagination {
  display: none;
}
@media only screen and (max-width: 768px) {
  .bs-grow-business .sec-head .title {
    font-size: 2rem;
  }
  .bs-grow-business .swiper-pagination {
    display: block;
  }
  .bs-grow-business .list .item {
    flex-basis: 100%;
    margin: 0;
  }
  .bs-grow-business .list .item .stats {
    width: 100%;
  }
  .bs-grow-business .list .item .stats .title {
    padding: 3.2rem 0;
  }
  .bs-grow-business .list .item .stats .percent-grow {
    background-color: #fff;
    padding: 3.3rem 2rem 7.5rem;
    text-align: center;
  }
  .bs-grow-business .list .item .stats .percent-grow .text {
    font-size: 2.2rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Semibold";
    line-height: normal;
    text-align: center;
    margin-bottom: 1rem;
    display: block;
  }
  .bs-grow-business .list .item .stats .percent-grow .desc {
    font-size: 1.6rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Regular";
    line-height: normal;
    text-align: center;
    padding: 0 3rem;
  }
}
.bs-payment-method {
  background: url(../images/butterfly-bg.png);
  background-size: cover;
}
.bs-payment-method .title {
  font-size: 3.6rem;
  color: #000;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  text-align: center;
  padding-bottom: 4.4rem;
}
.bs-payment-method .join-us {
  text-align: -webkit-center;
}
.bs-payment-method .join-us .content-wrap {
  width: 33rem;
  height: auto;
  border: 1px solid #979798;
  border-radius: 0.6rem;
  display: flex;
  justify-content: start;
  padding-bottom: 0;
  align-items: center;
  margin: 0 auto;
}
.bs-payment-method .join-us .address {
  font-size: 1.4rem;
  color: #005075;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  padding: 0.8rem 1rem 0.7rem;
}
.bs-payment-method .join-us .address .icon {
  font-size: 2rem;
  font-weight: 600;
  margin-right: 0.3rem;
  color: #979798;
}
.bs-payment-method .join-us .mobile_update {
  border: 0;
  padding: 1.1rem 1rem 0.9rem 1.4rem;
  outline: 0;
  vertical-align: middle;
  border-left: 1px solid #979798;
  font-size: 1.6rem;
}
.bs-payment-method .join_btn {
  text-align: center;
}
.bs-payment-method .join_btn .btn {
  width: 30rem;
  height: 5rem;
}
.bs-payment-method.typ-sm {
  padding: 11rem 0 12rem;
}
.bs-payment-method.typ-sm .title {
  font-family: "Myriad Pro Bold";
  padding: 0 20rem;
  color: #4d4d4d;
}
.bs-payment-method.typ-sm .join_btn {
  margin-top: 5.8rem;
}
@media only screen and (max-width: 768px) {
  .bs-payment-method {
    background: url(../images/butterfly-bg-m.png) no-repeat;
    background-position: bottom right;
  }
  .bs-payment-method .title {
    font-size: 2.3rem;
    padding-bottom: 3.9rem;
  }
  .bs-payment-method .title .cm-line-break {
    display: inline;
  }
  .bs-payment-method .join-us .content-wrap {
    width: 27.8rem;
  }
  .bs-payment-method .join-us .mobile_update {
    border-left: 0;
  }
  .bs-payment-method .join_btn .btn {
    width: 20rem;
  }
  .bs-payment-method.typ-sm {
    padding: 4.5rem 0;
    border-bottom: 1rem solid #f5f6fb;
    background: 0 0;
  }
  .bs-payment-method.typ-sm .title {
    padding: 0;
  }
  .bs-payment-method.typ-sm .join_btn {
    margin-top: 4.6rem;
  }
}
.bs-seller {
  border-top: 1rem solid #f5f6fb;
  border-bottom: 1rem solid #f5f6fb;
}
.bs-seller .info-wrap {
  display: flex;
  padding-left: 5rem;
  padding-right: 5rem;
}
.bs-seller .content-wrap {
  display: inline;
  margin-top: 2.6rem;
}
.bs-seller .content-wrap .pro {
  font-size: 1.6rem;
  color: #000;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  letter-spacing: 0.16rem;
}
.bs-seller .content-wrap .title {
  font-size: 4.6rem;
  color: #000;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  margin-top: 1.5rem;
}
.bs-seller .content-wrap .sub-title {
  font-size: 2.6rem;
  color: #000;
  font-family: "Myriad Pro Semibold";
  line-height: normal;
  margin-top: 0.8rem;
}
.bs-seller .content-wrap .desc {
  font-size: 1.6rem;
  color: #000;
  font-family: "Myriad Pro Regular";
  line-height: normal;
  margin-top: 1.4rem;
}
.bs-seller .content-wrap .btn {
  margin-top: 3.4rem;
  width: 30rem;
  text-align: center;
}
.bs-seller .img-wrap {
  width: 50%;
}
.bs-seller .img-wrap img {
  width: 90%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bs-seller .info-wrap {
    flex-wrap: unset !important;
  }
}
@media only screen and (max-width: 768px) {
  .bs-seller .info-wrap {
    display: flex;
    padding: 0;
    flex-wrap: wrap-reverse;
  }
  .bs-seller .content-wrap {
    display: inline;
    padding-bottom: 2rem;
    text-align: center;
  }
  .bs-seller .content-wrap .pro {
    font-size: 1.2rem;
    margin-bottom: 3rem;
    display: block;
  }
  .bs-seller .content-wrap .title {
    font-size: 2.6rem;
    margin-top: 0;
  }
  .bs-seller .content-wrap .sub-title {
    font-size: 1.6rem;
    margin-top: 0.6rem;
  }
  .bs-seller .content-wrap .desc {
    font-size: 1.2rem;
    margin-top: 1.6rem;
  }
  .bs-seller .content-wrap .btn {
    margin-top: 3.9rem;
  }
  .bs-seller .img-wrap {
    width: 100%;
    max-width: none;
    text-align: center;
  }
  .bs-seller .img-wrap img {
    width: 75%;
  }
}
.bs-our-team {
  display: flex;
  margin-bottom: 12.7rem;
}
.bs-our-team.typ-reverse {
  flex-direction: row-reverse;
}
.bs-our-team.typ-reverse .team-content {
  padding-left: 19rem;
}
.bs-our-team.typ-reverse .bg-wrap {
  width: 30%;
  background-image: url(../images/back.svg);
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0 10.5rem 0 0;
  position: relative;
  margin-left: 5rem;
  margin-right: 5rem;
}
.bs-our-team.typ-reverse .bg-wrap .img-wrap {
  position: relative;
}
.bs-our-team.typ-reverse .bg-wrap .img-wrap::after {
  content: " ";
  background-image: url(../images/upper.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 12.3rem;
  height: 25.3rem;
  right: -5rem;
  left: auto;
}
.bs-our-team.typ-reverse .team-content {
  width: 62.5%;
}
.bs-our-team:last-child {
  margin-bottom: 0;
}
.bs-our-team .bg-wrap {
  width: 30%;
  background-image: url(../images/back.svg);
  background-repeat: no-repeat;
  padding: 0 0 0 9.5rem;
  position: relative;
  margin-left: 8.5rem;
}
.bs-our-team .bg-wrap .img-wrap::after {
  content: " ";
  background-image: url(../images/upper.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 12.3rem;
  height: 25.3rem;
  left: 4.04rem;
  top: 4rem;
}
.bs-our-team .team-content {
  width: 62.5%;
  padding-left: 7.3rem;
}
.bs-our-team .team-content .title-wrap {
  margin-bottom: 5rem;
}
.bs-our-team .team-content .title-wrap .title {
  font-size: 3.6rem;
  color: #005075;
  font-family: "Myriad Pro Bold";
  line-height: 4rem;
  margin-top: 2rem;
}
.bs-our-team .team-content .title-wrap .sub-title {
  font-size: 2.3rem;
  color: #000;
  font-family: "Myriad Pro Regular";
  line-height: 2.6rem;
  position: relative;
  display: inline-block;
}
.bs-our-team .team-content .title-wrap .sub-title::after {
  content: " ";
  position: absolute;
  background-color: #006295;
  width: 6.1rem;
  height: 0.2rem;
  top: 3.5rem;
  left: 0;
}
.bs-our-team .team-content .list .item {
  font-size: 2rem;
  color: #000;
  font-family: "Myriad Pro Regular";
  line-height: 2.83rem;
  margin-bottom: 0.7rem;
  position: relative;
  padding-left: 2.1rem;
}
.bs-our-team .team-content .list .item:last-child {
  margin-bottom: 0;
}
.bs-our-team .team-content .list .item::before {
  content: " ";
  background-color: #00afcb;
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 0.95rem;
}
@media only screen and (max-width: 768px) {
  .bs-our-team {
    display: flex;
    margin-bottom: 6.46rem;
  }
  .bs-our-team.typ-reverse {
    flex-direction: row-reverse;
  }
  .bs-our-team.typ-reverse .team-content {
    padding-left: 0;
  }
  .bs-our-team.typ-reverse .bg-wrap {
    width: 35.5%;
    background-image: url(../images/back-m.svg);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 0 2.85rem 0 0;
    position: relative;
    margin-left: 0;
    margin-right: 0;
  }
  .bs-our-team.typ-reverse .bg-wrap .img-wrap {
    position: relative;
  }
  .bs-our-team.typ-reverse .bg-wrap .img-wrap::after {
    content: " ";
    background-image: url(../images/upper-m.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 3.8rem;
    height: 8.3rem;
    top: 2rem;
    right: -1.8rem;
    left: auto;
  }
  .bs-our-team:last-child {
    margin-bottom: 0;
  }
  .bs-our-team .bg-wrap {
    width: 35.5%;
    background-image: url(../images/back-m.svg);
    padding: 0 0 0 2.85rem;
    margin-left: 0;
    margin-top: 1.4rem;
  }
  .bs-our-team .bg-wrap .img-wrap img {
    border-radius: 1rem;
  }
  .bs-our-team .bg-wrap .img-wrap::after {
    background-image: url(../images/upper-m.svg);
    width: 3.8rem;
    height: 8.3rem;
    left: 1.04rem;
    top: 2rem;
  }
  .bs-our-team .team-content {
    width: 64.5%;
    padding-left: 1.89rem;
  }
  .bs-our-team .team-content .title-wrap {
    margin-bottom: 2rem;
  }
  .bs-our-team .team-content .title-wrap .title {
    font-size: 1.6rem;
    color: #005075;
    font-family: "Myriad Pro Bold";
    line-height: 1.5rem;
    margin-top: 0;
  }
  .bs-our-team .team-content .title-wrap .sub-title {
    font-size: 1rem;
    color: #000;
    font-family: "Myriad Pro Regular";
    line-height: 1.6rem;
    position: relative;
    display: inline-block;
  }
  .bs-our-team .team-content .title-wrap .sub-title::after {
    content: " ";
    position: absolute;
    background-color: #006295;
    width: 2.4rem;
    height: 0.2rem;
    top: 2rem;
    left: 0;
  }
  .bs-our-team .team-content .list .item {
    font-size: 1.2rem;
    color: #000;
    font-family: "Myriad Pro Regular";
    line-height: 1.2rem;
    margin-bottom: 0.7rem;
    position: relative;
    padding: 0 1rem;
  }
  .bs-our-team .team-content .list .item:last-child {
    margin-bottom: 0;
  }
  .bs-our-team .team-content .list .item::before {
    content: " ";
    background-color: #00afcb;
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    left: 0;
    top: 0.2rem;
  }
}
.bs-partner-logo {
  padding: 3rem 0;
}
.bs-partner-logo .partner-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80%;
}
.bs-partner-logo .partner-logo .logo {
  width: auto;
  margin-right: 4.7rem;
}
.bs-partner-logo .cont-wrap {
  display: flex;
  align-items: center;
}
.bs-partner-logo .title {
  padding: 1rem 1.3rem;
  background: #f5f6fb;
  font-size: 1.6rem;
  color: #000;
  margin-right: 3.2rem;
  min-width: 16rem;
}
@media only screen and (max-width: 768px) {
  .bs-partner-logo .partner-logo {
    max-width: 100%;
  }
  .bs-partner-logo .partner-logo .logo {
    margin-right: 1.2rem;
  }
  .bs-partner-logo .cont-wrap {
    flex-wrap: wrap;
    align-items: center;
  }
  .bs-partner-logo .title {
    padding: 1rem 1.3rem 2rem;
    background: 0 0;
    font-size: 1.2rem;
    color: #000;
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
}
.bs-partner .partner-list {
  display: flex;
  justify-content: center;
  margin: 0 -1rem;
}
.bs-partner .partner-list .item {
  width: 57.5rem;
  margin: 0 1rem;
}
.bs-partner .partner-list .item .card {
  height: 45rem;
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.bs-partner .partner-list .item .card .link {
  position: absolute;
  bottom: 4rem;
}
.bs-partner .partner-list .item .card .link img {
  width: auto;
}
.bs-partner .partner-list .item .card:hover {
  box-shadow: rgba(45, 45, 45, 0.05) 0 2px 2px, rgba(49, 49, 49, 0.05) 0 4px 4px,
    rgba(42, 42, 42, 0.05) 0 8px 8px, rgba(32, 32, 32, 0.05) 0 16px 16px,
    rgba(49, 49, 49, 0.05) 0 32px 32px, rgba(35, 35, 35, 0.05) 0 64px 64px;
  transform: translate(0, -4px);
}
.bs-partner .partner-list .item .card-small {
  height: 24.5rem;
}
.bs-partner .partner-list .item .card-small .link {
  bottom: 2rem;
}
.bs-partner .partner-list .item .card-small-type2 {
  height: 19rem;
}
.bs-partner .partner-list .item .card-small-type2 .link {
  bottom: 2rem;
}
.bs-partner .partner-list .item .multiple {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.bs-partner .partner-list .item .multiple .small-item {
  width: 27.66rem;
  margin: 0 1rem;
}
.bs-partner .partner-list .item .multiple .small-item:first-child {
  margin-bottom: 1.5rem;
}
.bs-partner .partner-list .item .multiple .small-item.typ-full {
  width: 100%;
}
.bs-partner.typ-offer .sec-head {
  margin-bottom: 1.5rem;
}
.bs-partner.typ-offer .sec-head .title {
  text-align: left;
  font-size: 2.6rem;
  line-height: 3.1rem;
  color: #000;
}
.bs-partner.typ-offer .partner-list .item .card {
  align-items: center;
}
.bs-partner.typ-offer .off {
  width: 13rem;
  height: 18rem;
  padding: 4.2rem 2.3rem 6.8rem 3.3rem;
  z-index: 2;
  background: rgba(1, 100, 148, 0.5);
}
.bs-partner.typ-offer .off .text {
  z-index: 2;
  color: #f5f6fb;
  font-size: 2.6rem;
  font-family: "Myriad Pro Bold";
  line-height: 4.3rem;
}
.bs-partner.typ-offer .off .text .typ-small {
  font-size: 1.4rem;
  display: block;
  line-height: 1.6rem;
}
.bs-partner.typ-offer .off .text .count {
  font-size: 3.6rem;
  line-height: 4.7rem;
  display: block;
}
@media (max-width: 1024px) {
  .bs-partner .partner-list .item .multiple .small-item {
    width: 26.16rem;
  }
}
@media only screen and (max-width: 768px) {
  .bs-partner .partner-list {
    margin: 0 -0.28rem;
  }
  .bs-partner .partner-list .item {
    width: 15.92rem;
    margin: 0 0.28rem;
  }
  .bs-partner .partner-list .item .card {
    height: 18.87rem;
    position: relative;
    display: flex;
    justify-content: center;
  }
  .bs-partner .partner-list .item .card .link {
    position: absolute;
    bottom: 2.1rem;
    text-align: center;
  }
  .bs-partner .partner-list .item .card .link img {
    width: 50%;
  }
  .bs-partner .partner-list .item .card-small {
    height: 9.57rem;
  }
  .bs-partner .partner-list .item .card-small .link {
    bottom: 0.94rem;
  }
  .bs-partner .partner-list .item .card-small-type2 {
    height: 8.66rem;
  }
  .bs-partner .partner-list .item .card-small-type2 .link {
    bottom: 1.18rem;
  }
  .bs-partner .partner-list .item .multiple {
    margin: 0 -0.3rem;
  }
  .bs-partner .partner-list .item .multiple .small-item {
    width: 7.59rem;
    margin: 0 0.3rem;
  }
  .bs-partner .partner-list .item .multiple .small-item:first-child {
    margin-bottom: 0.62rem;
  }
  .bs-partner .partner-list .item .multiple .small-item.typ-full .link img {
    width: 30%;
  }
  .bs-partner.typ-offer {
    padding-top: 3rem;
  }
  .bs-partner.typ-offer .sec-head {
    margin-bottom: 1.7rem;
  }
  .bs-partner.typ-offer .sec-head .title {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.1rem;
    color: #4d4d4d;
  }
  .bs-partner.typ-offer .partner-list .item .card {
    align-items: center;
  }
  .bs-partner.typ-offer .off {
    width: 6rem;
    height: auto;
    padding: 1rem;
  }
  .bs-partner.typ-offer .off .text {
    font-size: 1.4rem;
    line-height: normal;
  }
  .bs-partner.typ-offer .off .text .typ-small {
    font-size: 1.2rem;
    line-height: normal;
  }
  .bs-partner.typ-offer .off .text .count {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 330px) {
  .bs-partner .partner-list .item .multiple {
    margin: 0 -0.3rem;
  }
  .bs-partner .partner-list .item .multiple .small-item {
    width: 6.6rem;
    margin: 0 0.3rem;
  }
  .bs-partner .partner-list .item .multiple .small-item:first-child {
    margin-bottom: 0.62rem;
  }
}
.bs-offer-banner {
  padding: 3rem 0 7rem;
}
.bs-offer-banner .sec-head {
  margin-bottom: 2.3rem;
}
.bs-offer-banner .sec-head .title {
  font-size: 2.6rem;
  line-height: 3rem;
  font-family: "Myriad Pro Bold";
  color: #000;
  text-align: left;
}
.bs-offer-banner .banner-list {
  display: flex;
  margin: -1.2rem;
}
.bs-offer-banner .banner-list .banner-item {
  padding: 1.2rem;
  width: 33.33%;
}
.bs-offer-banner .banner-list .banner-item .img-wrap {
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bs-offer-banner {
    padding: 3rem 0 2.5rem;
  }
  .bs-offer-banner .sec-head {
    margin-bottom: 1.3rem;
  }
  .bs-offer-banner .sec-head .title {
    font-size: 1.6rem;
    line-height: 1.9rem;
    text-align: center;
  }
  .bs-offer-banner .banner-list {
    display: flex;
    margin: 0 0 -0.6rem;
    flex-wrap: wrap;
  }
  .bs-offer-banner .banner-list .banner-item {
    width: 100%;
    padding: 0 0 0.6rem;
  }
  .bs-offer-banner .banner-list .banner-item .img-wrap {
    border-radius: 0.5rem;
  }
}
.bs-investor .list {
  display: flex;
  flex-wrap: wrap;
  margin: -1.8rem;
}
.bs-investor .item {
  width: 33.33%;
  padding: 0 1.8rem;
  margin: 1.8rem 0;
}
.bs-investor .investor-card {
  height: 31.5rem;
  border-radius: 0.5rem;
  position: relative;
}
.bs-investor .investor-card .info-wrap {
  position: absolute;
  top: 13.5rem;
  left: 3rem;
  right: 3rem;
}
.bs-investor .investor-card .info-wrap .title {
  font-size: 2.6rem;
  line-height: 4.15rem;
  font-family: "Myriad Pro Semibold";
  color: #fff;
}
.bs-investor .investor-card .info-wrap .desc {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #fff;
  font-family: "Myriad Pro Regular";
}
.bs-investor .investor-card .logo-wrap {
  margin-bottom: 1rem;
}
.bs-investor .investor-card .logo-wrap img {
  width: auto;
}
.bs-investor .investor-card .link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 768px) {
  .bs-investor .list {
    margin: -0.4rem;
  }
  .bs-investor .item {
    width: 50%;
    padding: 0 0.4rem;
    margin: 0.4rem 0;
  }
  .bs-investor .investor-card {
    height: 20.5rem;
  }
  .bs-investor .investor-card .info-wrap {
    top: auto;
    left: 1.3rem;
    right: 1.3rem;
    bottom: 2rem;
  }
  .bs-investor .investor-card .info-wrap .title {
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-bottom: 0.3rem;
  }
  .bs-investor .investor-card .info-wrap .desc {
    font-size: 1rem;
    line-height: 1.1rem;
  }
  .bs-investor .investor-card .logo-wrap img {
    width: auto;
    max-width: 30%;
  }
}
.bs-team .banner-wrap {
  margin-bottom: 7rem;
}
.bs-team .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem -6.5rem;
}
.bs-team .item {
  width: 33.33%;
  padding: 0 1.5rem;
  margin-bottom: 6.5rem;
}
.bs-team .team-card .img-wrap {
  text-align: center;
  margin-bottom: 2.4rem;
  position: relative;
}
.bs-team .team-card .img-wrap::before {
  content: "";
  position: absolute;
  background: #cfb4ff;
  bottom: 0.4rem;
  left: 0;
  border-radius: 1rem;
  width: 100%;
  height: 25rem;
  z-index: 1;
}
.bs-team .team-card .img-wrap img {
  width: auto;
  position: relative;
  z-index: 2;
}
.bs-team .team-card .info-wrap {
  padding: 0 1.7rem 0 2.4rem;
}
.bs-team .team-card .info-wrap .title {
  color: #005075;
  font-size: 2rem;
  line-height: 3.2rem;
  font-family: "Myriad Pro Bold";
}
.bs-team .team-card .info-wrap .designation {
  font-family: "Myriad Pro Regular";
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #000;
}
.bs-team .team-card .info-wrap .desc {
  font-family: "Myriad Pro Regular";
  font-size: 1.4rem;
  line-height: 2rem;
  color: #000;
  margin-bottom: 2rem;
}
.bs-team .team-card .info-wrap .desc:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .bs-team .banner-wrap {
    margin-bottom: 4rem;
  }
  .bs-team .list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem -2rem;
  }
  .bs-team .item {
    width: 100%;
    padding: 0 1.5rem;
    margin-bottom: 2rem;
  }
  .bs-team .team-card .img-wrap {
    margin-bottom: 1.5rem;
    padding: 0 0.6rem;
  }
  .bs-team .team-card .img-wrap::before {
    bottom: 0.2rem;
    height: 15rem;
  }
  .bs-team .team-card .img-wrap img {
    max-width: 70%;
  }
  .bs-team .team-card .info-wrap {
    padding: 0;
  }
  .bs-team .team-card .info-wrap .title {
    font-size: 2rem;
    line-height: 2.1rem;
  }
  .bs-team .team-card .info-wrap .designation {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
  }
}
.bs-icon-box {
  background: #f5f6fb;
}
.bs-icon-box .list {
  display: flex;
  margin: -1.5rem;
}
.bs-icon-box .item {
  padding: 1.5rem;
  width: 33.33%;
}
.bs-icon-box .item .icon-wrap {
  max-width: 4rem;
  margin-bottom: 1.5rem;
}
.bs-icon-box .item .info-wrap {
  padding: 2rem;
  border: 1px solid #828282;
  border-radius: 2rem;
}
.bs-icon-box .item .info-wrap .icon-title {
  font-size: 2.4rem;
  color: #005075;
  margin-bottom: 1rem;
  font-family: "Myriad Pro Bold" !important;
}
.bs-icon-box .item .info-wrap .icon-desc {
  font-size: 1.8rem;
  color: #4d4d4d;
  line-height: 2.1rem;
  margin-bottom: 1rem;
  font-family: "Myriad Pro Regular" !important;
}
@media only screen and (max-width: 768px) {
  .bs-icon-box .list {
    flex-wrap: wrap;
    margin: 0;
  }
  .bs-icon-box .item {
    padding: 0 0 1rem;
    width: 100%;
  }
  .bs-icon-box .item:last-child {
    padding-bottom: 0;
  }
  .bs-icon-box .item .icon-wrap {
    margin-bottom: 1rem;
  }
  .bs-icon-box .item .info-wrap {
    padding: 2rem;
  }
  .bs-icon-box .item .info-wrap .icon-title {
    font-size: 2rem;
  }
  .bs-icon-box .item .info-wrap .icon-desc {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.bs-step-list {
  background-color: #f5f6fb;
  position: relative;
  background-size: contain;
  background-position: 0 -103%;
  background-image: url(../images/steps-bg.svg);
  background-repeat: no-repeat;
}
.bs-step-list .sec-cont {
  display: flex;
  flex-wrap: wrap;
}
.bs-step-list .video-wrap {
  width: 50%;
  padding-right: 5rem;
}
.bs-step-list .video-wrap .desc {
  margin: 2rem 0 0 3rem;
  font-size: 1.8rem;
  color: #005075;
}
.bs-step-list .video-wrap .modal-link {
  cursor: pointer;
}
.bs-step-list .cont-wrap {
  width: 50%;
}
.bs-step-list .cont-wrap .item {
  padding-top: 3rem;
}
.bs-step-list .cont-wrap .item p {
  font-size: 1.8rem;
}
.bs-step-list .cont-wrap .step {
  margin-bottom: 0.5rem;
  display: inline-block;
  background: #005075;
  color: #fff;
  padding: 0.2rem 1rem 0.4rem;
  font-size: 1.3rem;
  font-family: "Myriad Pro Bold";
}
.bs-step-list .action-wrap {
  text-align: center;
  margin-top: 5rem;
  width: 100%;
}
.bs-step-list .action-wrap .btn {
  background: #005075;
  color: #fff;
  min-width: 25rem;
}
.bs-step-list .action-wrap .btn:hover {
  background: #08415f;
}
@media only screen and (max-width: 768px) {
  .bs-step-list .video-wrap {
    width: 100%;
    padding-right: 0;
  }
  .bs-step-list .video-wrap .desc {
    margin: 2rem 0 3rem 2rem;
  }
  .bs-step-list .cont-wrap {
    width: 100%;
  }
  .bs-step-list .cont-wrap .item {
    padding-top: 2rem;
  }
  .bs-step-list .cont-wrap .item p {
    font-size: 1.6rem;
  }
  .bs-step-list .action-wrap {
    margin-top: 3rem;
  }
}
.bs-partner-lender .img-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.bs-partner-lender .img-item {
  padding: 1rem;
  /* margin-left: 85px;
  margin-right: 85px; */
}
.bs-partner-lender .partner-image {
  width: 110px;
}
@media only screen and (max-width: 768px) {
  .bs-partner-lender .img-list {
    margin: -0.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
  }
  .bs-partner-lender .img-item {
    padding: 0.5rem;
    width: 33.33%;
  }
  .bs-partner-lender .partner-img-1 {
    margin-left: -22px;
    margin-bottom: 20px;
    width: 160px;
  }
}
.bs-offer .offer-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -1.5rem;
}
.bs-offer .offer-item {
  display: flex;
  width: 50%;
  padding: 1.5rem;
  cursor: pointer;
  transition: 0.3s ease all;
  border-radius: 1rem;
}
.bs-offer .offer-item:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.bs-offer .offer-item .img-wrap {
  width: 30%;
}
.bs-offer .offer-item .info-wrap {
  width: 70%;
  padding-left: 2rem;
}
.bs-offer .offer-item .info-wrap .offer-title {
  font-size: 2rem;
  font-family: "Myriad Pro Bold";
  color: #005075;
  margin: 1rem 0;
}
.bs-offer .offer-item .info-wrap .desc {
  font-size: 1.6rem;
  color: #4d4d4d;
  margin-bottom: 1rem;
  padding-right: 3rem;
  line-height: 2.1rem;
}
@media only screen and (max-width: 768px) {
  .bs-offer .offer-item {
    width: 100%;
  }
  .bs-offer .offer-item .info-wrap {
    padding-left: 1rem;
  }
  .bs-offer .offer-item .info-wrap .offer-title {
    font-size: 1.8rem;
    margin: 0 0 1rem;
  }
  .bs-offer .offer-item .info-wrap .desc {
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding-right: 1.5rem;
  }
}
.bs-offer-popup {
  padding-top: 4rem;
}
.bs-offer-popup .modal-content {
  padding: 1.5rem 2rem;
}
.bs-offer-popup .close {
  position: absolute;
  width: 3rem;
  top: -1rem;
  right: -1rem;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.bs-offer-popup .cont-wrap {
  position: relative;
}
.bs-offer-popup .img-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bs-offer-popup .img-wrap img {
  width: auto;
}
.bs-offer-popup .info-wrap {
  width: 100%;
}
.bs-offer-popup .info-wrap .offer-title {
  font-size: 2rem;
  font-family: "Myriad Pro Bold";
  color: #005075;
  margin-bottom: 0.5rem;
  text-align: center;
}
.bs-offer-popup .info-wrap .desc {
  font-size: 1.6rem;
  color: #4d4d4d;
  margin-bottom: 2rem;
  text-align: center;
}
.bs-offer-popup .info-wrap .term-title {
  font-size: 1.8rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Semibold";
  margin-bottom: 1rem;
}
.bs-offer-popup .info-wrap .term-item {
  font-size: 1.4rem;
  color: #4d4d4d;
  padding-bottom: 1rem;
  position: relative;
  padding-left: 1rem;
  line-height: 2.1rem;
}
.bs-offer-popup .info-wrap .term-item::before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #005075;
  left: 0;
  top: 0.8rem;
}
.bs-offer-popup .info-wrap .dot-black {
  height: 5px;
  width: 5px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 3px;
  margin-left: 1.5rem;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bs-offer-popup {
    padding: 1rem 2rem;
  }
  .bs-offer-popup .img-wrap img {
    object-fit: contain;
    height: 15rem;
  }
  .bs-offer-popup .info-wrap {
    width: 100%;
  }
  .bs-offer-popup .info-wrap .desc {
    margin-bottom: 1.5rem;
  }
  .bs-offer-popup .info-wrap .term-title {
    font-size: 1.6rem;
    margin-bottom: 0.7rem;
  }
}
.bs-video-gallery {
  background: #08415f;
}
.bs-video-gallery .cont-wrap {
  display: flex;
  align-items: center;
}
.bs-video-gallery .video-wrap {
  top: 0;
  left: 0;
  width: 60%;
  background-size: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  height: 55rem;
  overflow: hidden;
  position: absolute;
  order: 1;
}
.bs-video-gallery .video-wrap::after {
  content: "";
  position: absolute;
  background: url(../images/card-pattern.png) no-repeat;
  bottom: 0;
  right: -3rem;
  width: 12.3rem;
  height: 25.3rem;
}
.bs-video-gallery .video-wrap::before {
  content: "";
  position: absolute;
  background: url(../images/card-pattern.png) no-repeat;
  top: 0;
  left: -4rem;
  width: 12.3rem;
  height: 25.3rem;
}
.bs-video-gallery .video-wrap .video-card {
  height: 17.5rem;
  border-radius: 1rem;
  position: relative;
}
.bs-video-gallery .video-wrap .video-card .icon-wrap {
  width: 10rem;
  height: 10rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.bs-video-gallery .video-wrap .list {
  display: flex;
  margin: -1rem;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  padding-right: 2rem;
  padding-left: 2rem;
  left: 0;
  animation: scroll 10s linear 1s infinite;
  width: 100%;
}
.bs-video-gallery .video-wrap .list:hover {
  animation-play-state: paused;
}
.bs-video-gallery .video-wrap .list .item {
  padding: 1rem;
  width: 50%;
}
@keyframes scroll {
  100% {
    top: -360px;
  }
}
.bs-video-gallery .info-wrap {
  width: 100%;
  padding-left: 60%;
  position: relative;
  height: 55rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.bs-video-gallery .info-wrap .title {
  font-size: 5.6rem;
  font-family: "Myriad Pro Bold";
  color: #fff;
  margin-bottom: 2.1rem;
  width: 100%;
  padding-left: 2rem;
  margin-top: auto;
}
.bs-video-gallery .info-wrap .desc {
  font-size: 2.4rem;
  font-family: "Myriad Pro Regular";
  color: #fff;
  width: 100%;
  padding-left: 2rem;
  margin-bottom: auto;
}
@media only screen and (max-width: 768px) {
  .bs-video-gallery .video-wrap {
    width: 100%;
    height: 20rem;
    position: relative;
  }
  .bs-video-gallery .video-wrap .video-card .icon-wrap {
    width: 8rem;
    height: 8rem;
  }
  .bs-video-gallery .video-wrap .list {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: -0.6rem;
    z-index: 9;
    animation: scroll 30s linear 1s infinite;
  }
  .bs-video-gallery .video-wrap .list .item {
    min-width: 32rem;
    width: 100%;
    padding: 0.6rem;
  }
}
@keyframes scroll {
  100% {
    left: -1800px;
  }
}
.bs-video-gallery .info-wrap {
  width: 100%;
  padding-left: 0;
  display: block;
  height: auto;
}
.bs-video-gallery .info-wrap .title {
  font-size: 2.4rem;
  margin-bottom: 6.6rem;
  padding-bottom: 1rem;
  text-align: center;
}
.bs-video-gallery .info-wrap .title .curve {
  position: relative;
}
.bs-video-gallery .info-wrap .title .curve::after {
  background: url(../images/title-video.svg) no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1rem;
  content: "";
  height: 1rem;
  width: 7rem;
}
.bs-video-gallery .info-wrap .desc {
  font-size: 1.6rem;
  margin-bottom: 0;
  text-align: center;
  margin-top: 6rem;
  padding: 0 1.5rem;
}
.bs-media-card {
  position: relative;
}
.bs-media-card .swiper-container {
  padding: 3rem 0;
}
.bs-media-card .swiper-button-next {
  right: -8rem;
}
.bs-media-card .swiper-button-prev {
  left: -8rem;
}
.bs-media-card .card-block {
  padding: 3rem 2.6rem 4rem;
  background: #fff;
  border-radius: 1rem;
  color: #4d4d4d;
  text-align: center;
  transform: scale(1);
  z-index: 1;
  height: auto;
}
.bs-media-card .card-block.swiper-slide-active {
  background: #00afcb;
  color: #fff;
  transform: scale(1.1);
  z-index: 2;
}
.bs-media-card .card-title {
  font-size: 2.4rem;
  font-family: "Myriad Pro Bold";
  margin-bottom: 1.5rem;
}
.bs-media-card .card-desc {
  font-size: 1.8rem;
  font-family: "Myriad Pro Regular";
  margin-bottom: 1.5rem;
  line-height: 2.7rem;
}
.bs-media-card .card-link {
  font-size: 1.8rem;
  font-family: "Myriad Pro Semibold";
  text-align: left;
  display: block;
}
.bs-media-card .img-wrap {
  margin-bottom: 3rem;
}
.bs-media-card .img-wrap img {
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .bs-media-card {
    position: relative;
  }
  .bs-media-card .swiper-container {
    padding: 1rem 0 5rem;
  }
  .bs-media-card .swiper-button-next {
    right: -1rem;
    background: #08415f;
  }
  .bs-media-card .swiper-button-prev {
    left: -1rem;
    background: #08415f;
  }
  .bs-media-card .card-block {
    transform: scale(1);
  }
  .bs-media-card .card-block.swiper-slide-active {
    transform: scale(1);
  }
  .bs-media-card .card-desc {
    padding: 0 2rem;
  }
  .bs-media-card .card-link {
    text-align: center;
  }
  .bs-media-card .img-wrap {
    margin-bottom: 1.5rem;
  }
}
.bs-resource {
  background-image: url(../images/butterfly-bg-1.png);
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.bs-resource .card-list {
  display: flex;
  flex-wrap: wrap;
  margin: -1.5rem -2rem;
  margin-right: 0;
}
.bs-resource .card-item {
  width: 33.33%;
  padding: 1.5rem 2rem;
  display: none;
}
.bs-resource .card-item.display {
  display: block;
}
.bs-resource .action-wrap {
  text-align: center;
}
.bs-resource .action-wrap .btn {
  margin-top: 5rem;
}
@media only screen and (max-width: 768px) {
  .bs-resource .card-list {
    flex-wrap: wrap;
    margin: -1.5rem;
  }
  .bs-resource .card-item {
    width: 100%;
    padding: 1.5rem;
  }
  .bs-resource .action-wrap .btn {
    margin-top: 3rem;
  }
}
.bs-card {
  height: 100%;
  position: relative;
}
.bs-card .card-link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.bs-card.typ-small .img-wrap {
  height: 15.7rem;
}
.bs-card.typ-horizontal {
  display: flex;
  justify-content: space-between;
}
.bs-card.typ-horizontal .card-title {
  color: #005075;
  font-size: 2rem;
  margin-bottom: 0.9rem;
}
.bs-card.typ-horizontal .info-wrap {
  background: rgba(0, 0, 0, 0);
  padding: 1rem 1rem 0;
  padding-left: 2.5rem;
  width: 60%;
}
.bs-card.typ-horizontal .img-wrap {
  height: 14rem;
  width: 40%;
  border-radius: 1rem;
}
.bs-card.typ-horizontal .bs-btn {
  padding: 0.8rem 0.9rem;
  color: #fff;
  background: #00afcb;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border-radius: 2rem;
  font-size: 1.2rem;
  margin-top: 2rem;
}
.bs-card .card-title {
  color: #4d4d4d;
  font-size: 2rem;
  margin-bottom: 1rem;
  font-family: "Myriad Pro Bold";
}
.bs-card .desc {
  font-size: 1.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Regular";
  line-height: 2.1rem;
}
.bs-card .info-wrap {
  padding: 2.5rem 2rem;
}
.bs-card .list {
  display: flex;
  margin: 0 -1rem;
}
.bs-card .item {
  width: 33.33%;
  padding: 0 1rem;
}
.bs-card .img-wrap {
  height: 18.7rem;
  position: relative;
  overflow: hidden;
  background-position: top center;
}
.bs-card .img-wrap .icon-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bs-card.typ-small .img-wrap {
    height: 15.7rem;
  }
  .bs-card .info-wrap {
    background: rgba(0, 0, 0, 0);
    padding: 3.1rem 4rem 2.1rem;
    text-align: center;
  }
  .bs-card .list {
    flex-wrap: wrap;
  }
  .bs-card .item {
    width: 100%;
  }
  .bs-card .img-wrap {
    height: 18.7rem;
    position: relative;
    border-radius: 1rem;
  }
  .bs-card .img-wrap .icon-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 7rem;
    height: 7rem;
  }
}
.bs-popup {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
}
.bs-popup.typ-subscribe .popup-wrap {
  max-width: 50rem;
}
.bs-popup .popup-wrap {
  max-width: 70rem;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  border-radius: 10px;
  padding: 1rem;
}
.bs-popup .popup-wrap .title {
  font-size: 3rem;
  font-family: "Myriad Pro Bold";
  color: #005075;
  padding: 0 2rem 1.5rem 1.5rem;
}
.bs-popup .form-control {
  color: #005075;
  padding: 0.9rem 2rem;
  outline: 0;
  border: 1px solid #005075;
  border-radius: 5px;
  height: 4rem;
  width: 100%;
  background: #f4f8f9;
}
.bs-popup .form-group {
  margin-bottom: 1.5rem;
  position: relative;
}
.bs-popup .form-group .label {
  font-size: 1.4rem;
}
.bs-popup .form-group label.error {
  font-size: 1.2rem;
  color: red;
}
.bs-popup .form-group.typ-checkbox label.error {
  position: absolute;
  bottom: -1.3rem;
  left: 0;
  color: red;
}
.bs-popup .action-wrap .btn {
  min-width: 10rem;
  padding: 1rem;
  text-align: center;
  font-size: 1.4rem;
  background: #005075;
  color: #fff;
  border-radius: 5px;
  font-family: "Myriad Pro Regular";
  cursor: pointer;
}
.bs-popup .close-btn {
  top: 1rem;
  right: 1rem;
  position: absolute;
  cursor: pointer;
}
.bs-popup .close-btn img {
  width: auto;
}
.bs-cusomer-banner {
  background: #005075;
  padding: 5rem 7rem;
}
.bs-cusomer-banner .content-wrap .title {
  font-size: 3.5rem;
  color: #fff;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  width: 97.4rem;
  margin-top: 10.7rem;
}
.bs-cusomer-banner .btn-border-blue {
  width: 23.6rem;
  height: 5.5rem;
  margin-top: 4.5rem;
  margin-bottom: 9.3rem;
}
.bs_get-started .swiper-slide {
  display: flex;
}
.bs_get-started .swiper-slide .right-wrap .img-wrap {
  width: 50%;
}
.bs_get-started .swiper-slide .right-wrap .img-wrap .img {
  width: 50%;
}
.cp-form .sec-head .title {
  font-size: 4.6rem;
  color: #000;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  margin-bottom: 1.3rem;
}
.cp-form .sec-head .desc {
  text-align: center;
}
.cp-form .sec-head .desc p {
  font-size: 2.6rem;
  color: #000;
  font-family: "Myriad Pro Regular";
  line-height: normal;
}
.cp-form .field-label {
  font-size: 1.6rem;
  color: #000;
  margin-bottom: 0.5rem;
  display: block;
}
.cp-form .form-wrap {
  width: 74rem;
  margin: 0 auto;
}
.cp-form .form-wrap .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5rem;
}
.cp-form .form-wrap .item {
  margin: 0 5rem;
}
.cp-form .form-wrap .item.typ-full {
  width: 100%;
}
.cp-form .form-control {
  height: 4rem;
  width: 32rem;
  line-height: 1.2;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  border-radius: 4px;
  border: 1px solid #828282;
  outline: 0;
  color: #4d4d4d;
}
.cp-form .form-control.textarea {
  width: 74rem;
  height: 6.7rem;
}
.cp-form .form-control:focus {
  border-color: #005075;
}
.cp-form .form-control::placeholder {
  opacity: 0.5;
}
.cp-form .error-msg {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: red;
  font-family: "Myriad Pro Regular";
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}
.cp-form .form-group {
  margin-bottom: 1rem;
  padding-bottom: 1.8rem;
  position: relative;
}
.cp-form .form-group label.error {
  position: absolute;
  font-size: 1.4rem;
  margin-top: 0;
}
.cp-form .action-wrap {
  text-align: center;
  width: 100%;
  margin-top: 3rem;
  position: relative;
}
.cp-form .action-wrap .btn {
  box-shadow: none;
  color: #fff;
  width: 40rem;
  text-align: center;
  background: #005075;
  padding: 1.6rem 0 1.5rem;
}
.cp-form .success-message {
  font-size: 2rem;
  text-align: center;
  display: none;
  color: #005075;
  margin-top: 2rem;
}
.cp-form .success-message.active {
  display: block;
}
@media only screen and (max-width: 768px) {
  .cp-form .sec-head {
    margin-bottom: 1.6rem;
  }
  .cp-form .sec-head .title {
    font-size: 2.6rem;
    color: #000;
    font-family: "Myriad Pro Bold";
    line-height: normal;
    margin-bottom: 0.3rem;
  }
  .cp-form .sec-head .desc {
    text-align: center;
    padding: 0 2rem;
  }
  .cp-form .sec-head .desc p {
    font-size: 1.6rem;
    color: #000;
    font-family: "Myriad Pro Regular";
    line-height: normal;
  }
  .cp-form .field-label {
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 0.5rem;
    display: block;
  }
  .cp-form .form-wrap {
    width: 32rem;
    margin: 0 auto;
  }
  .cp-form .form-wrap .list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .cp-form .form-wrap .item {
    margin: 0;
  }
  .cp-form .form-wrap .item.typ-full {
    width: 100%;
  }
  .cp-form .form-control {
    height: auto;
    padding: 1rem 1.5rem;
  }
  .cp-form .form-control.textarea {
    width: 32rem;
    height: 6.7rem;
  }
  .cp-form .form-group {
    margin-bottom: 1.6rem;
  }
  .cp-form .action-wrap {
    text-align: center;
    width: 100%;
    margin-top: 1.6rem;
  }
  .cp-form .action-wrap .btn {
    box-shadow: none;
    color: #fff;
    width: 30rem;
    text-align: center;
    background: #005075;
    padding: 1.6rem 0 1.5rem;
  }
  .cp-form .success-message {
    font-size: 1.4rem;
  }
}
.cp-story {
  display: flex;
  align-items: center;
  padding: 0 0rem 0 2rem;
}
.cp-story .info-wrap {
  width: 48%;
  padding: 0.3rem 0rem 0 3rem;
}
.cp-story .info-wrap .desc {
  text-align: justify;
  color: #000;
}
.cp-story .info-wrap .desc p {
  font-size: 1.8rem;
  line-height: 4.1rem;
}
.cp-story .info-wrap .title {
  margin-bottom: 1.4rem;
  font-size: 3.6rem;
  font-family: "Myriad Pro Bold";
  line-height: 4.3rem;
  color: #4d4d4d;
}
.cp-story .img-wrap {
  height: 57rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp-story .media-wrap {
  width: 55%;
  background: url(../images/about-bg.png) no-repeat;
  background-size: contain;
  padding: 5rem 0rem 4rem 0rem;
  position: relative;
}
.cp-story .media-wrap::after {
  content: "";
  position: absolute;
  background: url(../images/abt-flower.png);
  bottom: 0;
  width: 16rem;
  height: 34rem;
  left: 8rem;
}
@media only screen and (min-width: 768px) and (max-width: 920px) {
  .cp-story .img-wrap {
    width: 50%;
    margin: 0 auto;
  }
  .cp-story .media-wrap {
    background-position: 18rem -4rem;
  }
  .cp-story .media-wrap::after {
    left: 20rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .cp-story {
    flex-wrap: wrap;
    padding: 0;
  }
  .cp-story .info-wrap {
    width: 100%;
    padding: 0;
    margin-top: 0.86rem;
  }
  .cp-story .info-wrap .desc {
    line-height: 2.78rem;
  }
  .cp-story .info-wrap .desc p {
    font-size: 1.6rem;
  }
  .cp-story .img-wrap {
    height: 22rem;
  }
  .cp-story .img-wrap .link {
    width: 65%;
  }
  .cp-story .media-wrap {
    width: 100%;
    padding: 0 2.5rem 4rem 6rem;
    background-size: contain;
    margin-right: 2.5rem;
  }
  .cp-story .media-wrap::after {
    content: "";
    position: absolute;
    background: url(../images/abt-flower.png);
    bottom: 0;
    width: 6rem;
    height: 16rem;
    left: 4rem;
    background-size: cover;
  }
}
.cp-steps {
  display: flex;
  align-items: center;
  position: relative;
}
.cp-steps .img-wrap {
  width: 55%;
}
.cp-steps .info-wrap {
  width: 45%;
  padding-left: 5rem;
}
.cp-steps .meta-wrap .count {
  background: #00afcb;
  font-size: 3.3rem;
  color: #fff;
  height: 5rem;
  width: 5rem;
  line-height: 5.5rem;
  display: block;
  text-align: center;
  border-radius: 50%;
  font-family: "Myriad Pro Bold";
}
.cp-steps .meta-wrap .subtitle {
  font-size: 3.6rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Semibold";
  margin-top: 2.6rem;
}
.cp-steps .meta-wrap .title {
  font-size: 4.6rem;
  font-family: "Myriad Pro Semibold";
  color: #fff;
}
.cp-steps .meta-wrap .desc {
  font-family: "Myriad Pro Regular";
  color: #fff;
  max-width: 70%;
  line-height: 2.4rem;
}
.cp-steps .meta-wrap .desc p {
  font-size: 1.8rem;
}
.cp-steps.typ-benefits {
  display: block;
}
.cp-steps.typ-benefits .swiper-slide {
  display: flex;
}
.cp-steps.typ-benefits .media-wrap {
  background: url(../images/pattern.png);
  background-size: cover;
  width: 52.7rem;
  height: 46rem;
  padding: 4.45rem 4.78rem 2rem 8.31rem;
}
.cp-steps.typ-benefits .media-wrap .img-wrap {
  border-radius: 0.5rem;
  width: 100%;
}
.cp-steps.typ-benefits .info-wrap {
  width: 64.3rem;
  padding-left: 4.5rem;
  margin-top: 18rem;
}
.cp-steps.typ-benefits
  .swiper-container-horizontal
  > .swiper-pagination-bullets {
  bottom: 5rem;
  left: 10rem;
}
.cp-steps.typ-instant {
  display: block;
}
.cp-steps.typ-instant .swiper-slide {
  display: flex;
  align-items: center;
}
.cp-steps.typ-instant .media-wrap {
  background: url(../images/card-pattern1.png) no-repeat;
  background-position: top right;
  width: 45%;
  height: 35rem;
  padding: 2rem 6.1rem 2rem 2.7rem;
  position: relative;
}
.cp-steps.typ-instant .media-wrap::after {
  content: "";
  position: absolute;
  background: url(../images/card-pattern.png) no-repeat;
  bottom: 0;
  left: -3rem;
  width: 12.3rem;
  height: 25.3rem;
}
.cp-steps.typ-instant .media-wrap .img-wrap {
  height: 28.8rem;
  border-radius: 1rem;
  width: 100%;
  position: relative;
  z-index: 2;
}
.cp-steps.typ-instant .info-wrap {
  width: 55%;
  padding-left: 0;
}
.cp-steps.typ-instant .swiper-container {
  padding-bottom: 10rem;
}
.cp-steps.typ-instant .swiper-pagination {
  justify-content: center;
}
.cp-steps.typ-instant .meta-wrap {
  padding-left: 10rem;
}
.cp-steps.typ-instant .meta-wrap .title {
  color: #4d4d4d;
  font-size: 4.6rem;
  margin-bottom: 1.3rem;
}
.cp-steps.typ-instant .meta-wrap .desc {
  color: #4d4d4d;
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.cp-steps.typ-instant .meta-wrap .action-wrap {
  margin-top: 4.5rem;
}
.cp-steps.typ-instant .meta-wrap .action-wrap .btn {
  width: 30rem;
  font-size: 1.6rem;
  padding: 1.6rem 0 1.5rem;
  text-align: center;
}
.cp-steps.typ-benefit-pan {
  display: block;
}
.cp-steps.typ-benefit-pan .swiper-slide {
  display: flex;
}
.cp-steps.typ-benefit-pan .media-wrap {
  background: url(../images/card-pattern1.png) no-repeat;
  background-position: 100% -7%;
  width: 45%;
  height: 58rem;
  padding: 4rem 6.1rem 4rem 2.7rem;
  margin-right: 4rem;
  position: relative;
}
.cp-steps.typ-benefit-pan .media-wrap::after {
  content: "";
  position: absolute;
  background: url(../images/card-pattern.png) no-repeat;
  bottom: 0;
  left: 0;
  width: 12.3rem;
  height: 25.3rem;
}
.cp-steps.typ-benefit-pan .media-wrap .img-wrap {
  height: 50rem;
  border-radius: 0;
  width: 100%;
}
.cp-steps.typ-benefit-pan .info-wrap {
  width: 50%;
  padding-left: 0;
  margin-top: 6rem;
}
.cp-steps.typ-benefit-pan .swiper-container {
  padding-bottom: 0;
}
.cp-steps.typ-benefit-pan .swiper-pagination {
  justify-content: center;
  bottom: 13rem;
  left: 8rem;
}
.cp-steps.typ-benefit-pan .meta-wrap .title {
  color: #4d4d4d;
  font-size: 3.2rem;
  max-width: 40rem;
  margin-bottom: 3.8rem;
  color: #000;
  font-family: "Myriad Pro Bold";
}
.cp-steps.typ-benefit-pan .meta-wrap .benefit-list {
  display: flex;
}
.cp-steps.typ-benefit-pan .meta-wrap .benefit-list .icon-wrap {
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  background: #f5f6fb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp-steps.typ-benefit-pan .meta-wrap .benefit-list .icon-wrap .icon {
  font-size: 3.4rem;
}
.cp-steps.typ-benefit-pan .meta-wrap .benefit-list .desc {
  color: #000;
  font-size: 1.6rem;
  margin-left: 2rem;
  width: 43rem;
}
.cp-steps.typ-benefit-pan .meta-wrap .benefit-list .item {
  display: flex;
  margin-bottom: 2rem;
  align-items: center;
}
.cp-steps.typ-benefit-pan .meta-wrap .benefit-list .item:last-child {
  margin-bottom: 0;
}
.cp-steps.typ-process {
  display: flex;
}
.cp-steps.typ-process .img-wrap {
  width: 45%;
  padding-left: 10rem;
}
.cp-steps.typ-process .info-wrap {
  width: 52%;
}
@media only screen and (min-width: 768px) and (max-width: 920px) {
  .cp-steps.typ-instant .media-wrap {
    height: 32rem !important;
  }
  .cp-steps.typ-instant .media-wrap .img-wrap {
    height: 30rem !important;
    width: 60% !important;
    margin: 0 auto;
  }
  .cp-steps.typ-benefit-pan .info-wrap {
    width: 50% !important;
    margin-top: 8rem !important;
  }
  .cp-steps.typ-benefit-pan .media-wrap {
    display: inline-block !important;
  }
  .cp-steps.typ-process .img-wrap {
    width: 45% !important;
  }
  .cp-steps.typ-process .info-wrap {
    width: 52% !important;
    padding-left: 5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .cp-steps {
    flex-wrap: wrap;
  }
  .cp-steps .img-wrap {
    width: 100%;
  }
  .cp-steps .info-wrap {
    width: 100%;
    padding-left: 0;
  }
  .cp-steps .meta-wrap {
    text-align: center;
  }
  .cp-steps .meta-wrap .count {
    font-size: 1.6rem;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.8rem;
    margin: 0 auto;
  }
  .cp-steps .meta-wrap .subtitle {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
  .cp-steps .meta-wrap .title {
    font-size: 2.4rem;
    margin-bottom: 1.1rem;
  }
  .cp-steps .meta-wrap .desc {
    max-width: 100%;
  }
  .cp-steps .meta-wrap .desc p {
    font-size: 1.6rem;
  }
  .cp-steps .swiper-container {
    padding-bottom: 3.3rem;
  }
  .cp-steps.typ-benefits .swiper-slide {
    flex-wrap: wrap;
  }
  .cp-steps.typ-benefits .media-wrap {
    background: url(../images/pattern.png);
    background-size: 100% 100%;
    width: 32.4rem;
    height: 27rem;
    padding: 2.23rem 2.39rem 2.43rem 4.16rem;
    margin: 0 auto;
  }
  .cp-steps.typ-benefits .info-wrap {
    width: 100%;
    padding-left: 0;
    margin-top: 3.4rem;
  }
  .cp-steps.typ-benefits
    .swiper-container-horizontal
    > .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
  }
  .cp-steps.typ-instant .swiper-slide {
    flex-wrap: wrap-reverse;
  }
  .cp-steps.typ-instant .media-wrap {
    background: url(../images/card-pattern1-m.png) no-repeat;
    background-position: top right;
    width: 100%;
    height: 20rem;
    padding: 2.4rem;
    position: relative;
  }
  .cp-steps.typ-instant .media-wrap::after {
    content: "";
    position: absolute;
    background: url(../images/card-pattern.png) no-repeat;
    background-size: cover;
    bottom: 0;
    left: -1rem;
    width: 4.4rem;
    height: 11.7rem;
  }
  .cp-steps.typ-instant .media-wrap .img-wrap {
    height: 17rem;
    border-radius: 0.7rem;
  }
  .cp-steps.typ-instant .info-wrap {
    width: 100%;
    padding-left: 0;
    margin-top: 3rem;
  }
  .cp-steps.typ-instant .swiper-container {
    padding-bottom: 0;
  }
  .cp-steps.typ-instant .swiper-pagination {
    display: none;
  }
  .cp-steps.typ-instant .meta-wrap {
    padding-left: 0;
  }
  .cp-steps.typ-instant .meta-wrap .title {
    font-size: 2.4rem;
    margin-bottom: 0.3rem;
  }
  .cp-steps.typ-instant .meta-wrap .desc {
    font-size: 1.6rem;
    line-height: normal;
  }
  .cp-steps.typ-instant .meta-wrap .action-wrap {
    margin-top: 2.4rem;
  }
  .cp-steps.typ-instant .meta-wrap .action-wrap .btn {
    width: 20rem;
    font-size: 1.6rem;
    padding: 1.3rem 0;
  }
  .cp-steps.typ-benefit-pan {
    display: block;
  }
  .cp-steps.typ-benefit-pan .swiper-slide {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-steps.typ-benefit-pan .media-wrap {
    display: none;
  }
  .cp-steps.typ-benefit-pan .info-wrap {
    width: 100%;
    margin-top: 0;
    padding: 0 2rem;
  }
  .cp-steps.typ-benefit-pan .swiper-container {
    padding-bottom: 10rem;
  }
  .cp-steps.typ-benefit-pan .swiper-pagination {
    bottom: 5rem;
    left: 0;
  }
  .cp-steps.typ-benefit-pan .meta-wrap .title {
    max-width: none;
    margin-bottom: 4.6rem;
    text-align: left;
    font-size: 2.6rem;
  }
  .cp-steps.typ-benefit-pan .meta-wrap .benefit-list {
    display: flex;
  }
  .cp-steps.typ-benefit-pan .meta-wrap .benefit-list .item {
    align-items: flex-start;
    margin-bottom: 1rem;
  }
  .cp-steps.typ-benefit-pan .meta-wrap .benefit-list .desc {
    text-align: left;
    width: 21rem;
    margin-top: 1.1rem;
  }
  .cp-steps.typ-process {
    justify-content: center;
  }
  .cp-steps.typ-process .media-wrap {
    background: url(../images/mob-cover.png);
    background-size: 100% 100%;
    width: 100%;
    height: 33.2rem;
    padding: 0.65rem 6rem 0 11rem;
  }
  .cp-steps.typ-process .media-wrap .img-wrap {
    height: 28.7rem;
    border-radius: 1.5rem;
  }
  .cp-steps.typ-process .img-wrap {
    width: 80%;
    padding-left: 0;
  }
  .cp-steps.typ-process .info-wrap {
    width: 100%;
    margin-top: 4rem;
  }
}
.cp-sign-up .stp-btn {
  background: rgba(0, 80, 117, 0.1);
  color: #000;
  font-size: 1.8rem;
  font-family: "Myriad Pro Semibold";
  padding: 0.25rem 2.4rem 0.5rem;
  transition: all 0.2s ease-in-out;
}
.cp-sign-up .stp-btn.active,
.cp-sign-up .stp-btn:hover {
  background: #005075;
  color: #fff;
}
.cp-sign-up .list {
  display: flex;
  margin: 0 -1rem;
}
.cp-sign-up .item {
  margin: 0 1rem;
}
.cp-sign-up .desc-wrap {
  margin-top: 5rem;
  max-width: 40rem;
}
.cp-sign-up .desc-wrap .desc {
  color: #000;
  display: none;
}
.cp-sign-up .desc-wrap .desc.active {
  display: block;
}
.cp-sign-up .desc-wrap .desc p {
  font-size: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .cp-sign-up .stp-btn {
    font-size: 1.1rem;
    padding: 0.4rem 1.4rem;
    background: rgba(0, 80, 117, 0.1);
  }
  .cp-sign-up .stp-btn.active,
  .cp-sign-up .stp-btn:hover {
    background: #005075;
    color: #fff;
  }
  .cp-sign-up .list {
    margin: 0 -0.7rem;
    justify-content: center;
  }
  .cp-sign-up .item {
    margin: 0 0.7rem;
  }
  .cp-sign-up .desc-wrap {
    margin-top: 3.3rem;
    max-width: 100%;
  }
  .cp-sign-up .desc-wrap .desc {
    text-align: center;
  }
  .cp-sign-up .desc-wrap .desc p {
    font-size: 1.7rem;
  }
}
.cp-step-list .stp-btn {
  background: #dcb57b;
  padding: 0.1rem 0.6rem 0.3rem;
  margin-bottom: 0.7rem;
  font-size: 1.2rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Semibold";
}
.cp-step-list .desc {
  max-width: 45rem;
}
.cp-step-list .desc p {
  font-size: 2.4rem;
}
.cp-step-list .item {
  margin-bottom: 4rem;
}
.cp-step-list .item:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .cp-step-list .stp-btn {
    margin-bottom: 0.9rem;
  }
  .cp-step-list .desc {
    max-width: 100%;
  }
  .cp-step-list .desc p {
    font-size: 1.8rem;
  }
  .cp-step-list .item {
    margin-bottom: 1.5rem;
  }
  .cp-step-list .item:last-child {
    margin-bottom: 0;
  }
}
.cp-testimonials {
  background: #005075;
  margin: 7rem;
  padding-bottom: 2rem;
}
.cp-testimonials .swiper-slide {
  display: flex;
  align-items: center;
}
.cp-testimonials .swiper-pagination {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
  z-index: 9;
  width: 100%;
  max-width: 117rem;
}
.cp-testimonials .swiper-button-prev {
  left: 0;
}
.cp-testimonials .swiper-container {
  margin: 0 -5rem;
}
.cp-testimonials .swiper-wrapper {
  padding: 0 5rem;
}
.cp-testimonials .swiper-button-next {
  right: 0;
}
.cp-testimonials .media-wrap {
  background: url(../images/test-pattern.svg) no-repeat;
  background-position: top right;
  width: 37%;
  height: 50rem;
  padding: 2.55rem 6.19rem 5.86rem 6.72rem;
  position: relative;
  margin-left: 10rem;
}
.cp-testimonials .media-wrap::after {
  display: none;
}
.cp-testimonials .media-wrap .img-wrap {
  position: relative;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp-testimonials .media-wrap .img-wrap img {
  border-radius: 0.5rem;
}
.cp-testimonials .media-wrap .img-wrap .link {
  position: absolute;
}
.cp-testimonials .media-wrap .img-wrap .icon {
  font-size: 10rem;
}
.cp-testimonials .info-wrap {
  width: 50%;
}
.cp-testimonials .info-wrap .desc {
  position: relative;
  color: #fff;
  width: 49.8rem;
  padding: 0 6.8rem;
  padding-top: 2.2rem;
}
.cp-testimonials .info-wrap .desc p {
  font-size: 2rem;
  font-weight: "Myriad Pro Light";
  font-family: "Myriad Pro Regular";
}
.cp-testimonials .info-wrap .desc::before {
  content: "";
  position: absolute;
  background: url(../images/comma.svg) no-repeat;
  top: 0;
  left: 0;
  width: 5.2rem;
  height: 5.2rem;
}
.cp-testimonials .info-wrap .desc::after {
  content: "";
  position: absolute;
  background: url(../images/comma.svg) no-repeat;
  bottom: -2rem;
  right: 3.5rem;
  width: 5.2rem;
  height: 5.2rem;
  transform: scaleX(-1);
}
.cp-testimonials .info-wrap .title-wrap {
  margin-top: 8rem;
  padding-left: 6.8rem;
}
.cp-testimonials .info-wrap .title-wrap .title {
  font-size: 3rem;
  font-family: "Myriad Pro Semibold";
  color: #dcb57b;
  line-height: 4.3rem;
}
.cp-testimonials .info-wrap .title-wrap .designation {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.9rem;
}
@media (max-width: 1024px) {
  .cp-testimonials .swiper-pagination {
    max-width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  .cp-testimonials {
    background: #005075;
    margin: 0;
    padding-bottom: 4rem;
  }
  .cp-testimonials .swiper-slide {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cp-testimonials .swiper-container {
    padding-bottom: 0;
    margin: 0;
  }
  .cp-testimonials .swiper-wrapper {
    padding: 0;
  }
  .cp-testimonials .swiper-pagination {
    display: none;
  }
  .cp-testimonials .swiper-button-next {
    top: 50%;
    right: -1rem;
  }
  .cp-testimonials .media-wrap {
    background: url(../images/test-pattern-m.svg) no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 1.75rem 1.18rem 0 3.5rem;
    margin-left: 0;
    position: relative;
  }
  .cp-testimonials .media-wrap::after {
    display: none;
  }
  .cp-testimonials .media-wrap .img-wrap {
    width: 80%;
    margin: 0 auto;
  }
  .cp-testimonials .media-wrap .img-wrap .icon {
    font-size: 5.5rem;
  }
  .cp-testimonials .info-wrap {
    width: 100%;
    margin-top: 1rem;
  }
  .cp-testimonials .info-wrap .desc {
    text-align: center;
    width: auto;
    padding: 1.9rem 5rem 0;
  }
  .cp-testimonials .info-wrap .desc p {
    font-size: 1.7rem;
  }
  .cp-testimonials .info-wrap .desc::before {
    content: "";
    position: absolute;
    background: url(../images/comma.svg) no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    width: 4.2rem;
    height: 4.2rem;
  }
  .cp-testimonials .info-wrap .desc::after {
    content: "";
    position: absolute;
    background: url(../images/comma.svg) no-repeat;
    background-size: cover;
    bottom: -2rem;
    right: 0;
    width: 4.2rem;
    height: 4.2rem;
  }
  .cp-testimonials .info-wrap .title-wrap {
    margin-top: 2.7rem;
    padding-left: 5.4rem;
  }
  .cp-testimonials .info-wrap .title-wrap .title {
    font-size: 2.4rem;
    line-height: 3.1rem;
  }
  .cp-testimonials .info-wrap .title-wrap .designation {
    font-size: 1.2rem;
    line-height: 1.44rem;
  }
}
.cp-process {
  display: flex;
}
.cp-process .media-wrap {
  background: url(../images/epl.png) no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 46.8rem;
  height: 53rem;
  padding: 0 8.57rem 0 13rem;
  margin-left: 10rem;
}
.cp-process .media-wrap .img-wrap {
  background: url(../images/cover.png) no-repeat;
  background-size: contain;
  height: 48rem;
  border-radius: 2rem;
  padding: 1.3rem 2.8rem 5rem 1.5rem;
}
.cp-process .info-wrap {
  width: 58.5rem;
  padding-left: 5rem;
  margin-top: 12rem;
}
@media only screen and (max-width: 768px) {
  .cp-process {
    flex-wrap: wrap;
  }
  .cp-process .media-wrap {
    background: url(../images/epl.png) no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 28.4rem;
    height: 40rem;
    padding: 0.65rem 3.7rem 1.8rem 7.5rem;
    margin: 0 auto;
  }
  .cp-process .media-wrap .img-wrap {
    background: url(../images/cover.png) no-repeat;
    background-size: cover;
    height: 35.5rem;
    border-radius: 2rem;
    padding: 0.8rem 0.7rem 0 0.8rem;
    overflow: hidden;
  }
  .cp-process .img-wrap {
    width: 100%;
  }
  .cp-process .info-wrap {
    width: 100%;
    padding-left: 0;
    margin-top: 3rem;
  }
}
.cp-terms .info-wrap .desc {
  text-align: justify;
  color: #000;
}
.cp-terms .info-wrap .desc p {
  font-size: 1.8rem;
  line-height: 3rem;
  margin-bottom: 2rem;
}
.cp-terms .info-wrap .desc .term-list {
  margin-bottom: 2rem;
}
.cp-terms .info-wrap .desc .term-item {
  font-size: 1.8rem;
  line-height: 3rem;
  margin-bottom: 1rem;
  display: list-item;
}
.cp-terms .info-wrap .desc .term-item:last-child {
  margin-bottom: 0;
}
.cp-terms .info-wrap .desc .int-txt {
  font-size: 18px;
  color: #000;
  font-weight: bolder;
}
.cp-terms .info-wrap .desc .dot-black {
  height: 5px;
  width: 5px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 3px;
  margin-left: 1.5rem;
  margin-right: 0.5rem;
}
.cp-terms .info-wrap .desc .order-list {
  list-style-type: disc !important;
}
.cp-terms .info-wrap .desc .order-list .term-item {
  font-size: 1.6rem;
  line-height: 2.7rem;
  margin-bottom: 1rem;
}
.cp-terms .info-wrap .title {
  margin-bottom: 1.4rem;
  font-size: 3.6rem;
  font-family: "Myriad Pro Bold";
  line-height: 4.3rem;
  color: #005075;
}
.cp-terms .info-wrap .sub-title {
  margin-bottom: 1.4rem;
  font-size: 2.4rem;
  font-family: "Myriad Pro Bold";
  line-height: 4.3rem;
  color: #005075;
}
.cp-terms .signature-wrap {
  padding-bottom: 5rem;
}
.cp-terms .signature-wrap .s-list {
  display: flex;
  align-items: flex-end;
}
.cp-terms .signature-wrap .s-item {
  margin-right: 5rem;
}
.cp-terms .signature-wrap .name {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;
}
.cp-terms .signature-wrap .name .cm-bold {
  display: block;
}
.cp-terms .icon-block-wrap {
  padding-bottom: 3rem;
}
.cp-terms .icon-block-wrap .title {
  text-align: center;
  font-size: 2.4rem;
}
.cp-terms .icon-block-wrap .icon-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2rem;
}
.cp-terms .icon-block-wrap .icon-item {
  width: 33.33%;
  padding: 2rem;
  text-align: center;
}
.cp-terms .icon-block-wrap .ico-title {
  font-size: 2rem;
  line-height: 2.7rem;
  color: #000;
  font-family: "Myriad Pro Semibold";
}
.cp-terms .img-wrap {
  margin-bottom: 0.5rem;
}
.cp-terms .img-wrap img {
  width: auto;
}
.cp-terms .logo-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5rem;
}
.cp-terms .logo-wrap .left-wrap .typ-icon {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .cp-terms .info-wrap .desc p {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
  }
  .cp-terms .info-wrap .desc .term-list {
    margin-bottom: 1.5rem;
  }
  .cp-terms .info-wrap .desc .term-item {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
  .cp-terms .info-wrap .desc .term-item:last-child {
    margin-bottom: 0;
  }
  .cp-terms .info-wrap .title {
    margin-bottom: 1.4rem;
    font-size: 2rem;
    line-height: 3rem;
  }
  .cp-terms .info-wrap .sub-title {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  .cp-terms .signature-wrap {
    padding-bottom: 3rem;
  }
  .cp-terms .signature-wrap .s-item {
    margin-right: 3rem;
  }
  .cp-terms .signature-wrap .name {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cp-terms .icon-block-wrap .title {
    font-size: 2rem;
  }
  .cp-terms .icon-block-wrap .icon-list {
    margin: 0 -1rem;
  }
  .cp-terms .icon-block-wrap .icon-item {
    width: 50%;
    padding: 1rem;
  }
  .cp-terms .icon-block-wrap .ico-title {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
  .cp-terms .logo-wrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: 3rem;
  }
  .cp-terms .logo-wrap .left-wrap .typ-icon {
    margin-top: 1rem;
  }
  .cp-terms .logo-wrap .img-wrap img {
    height: 3rem;
  }
}
.cp-card {
  display: flex;
  align-items: center;
}
.cp-card .media-wrap {
  background: url(../images/card-pattern1.png) no-repeat;
  background-position: top right;
  width: 45%;
  height: 35rem;
  padding: 2rem 6.1rem 2rem 2.7rem;
  position: relative;
}
.cp-card .media-wrap::after {
  content: "";
  position: absolute;
  background: url(../images/card-pattern.png) no-repeat;
  bottom: 0;
  left: -3rem;
  width: 12.3rem;
  height: 25.3rem;
}
.cp-card .media-wrap .img-wrap {
  height: auto;
  border-radius: 1rem;
  width: 100%;
  position: relative;
  z-index: 2;
}
.cp-card .info-wrap {
  width: 55%;
  padding-left: 0;
}
.cp-card .meta-wrap {
  padding-left: 10rem;
}
.cp-card .meta-wrap .title {
  color: #4d4d4d;
  font-size: 4.6rem;
  margin-bottom: 1.3rem;
  font-family: "Myriad Pro Semibold";
}
.cp-card .meta-wrap .desc {
  color: #4d4d4d;
  font-size: 1.8rem;
  line-height: 2.6rem;
  max-width: 40rem;
}
.cp-card .meta-wrap .action-wrap {
  margin-top: 4.5rem;
}
.cp-card .meta-wrap .action-wrap .btn {
  width: 30rem;
  font-size: 1.6rem;
  padding: 1.6rem 0 1.5rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cp-card {
    flex-wrap: wrap-reverse;
  }
  .cp-card .media-wrap {
    background: url(../images/card-pattern1-m.png) no-repeat;
    background-position: top right;
    width: 100%;
    height: auto;
    padding: 2.4rem;
    position: relative;
  }
  .cp-card .media-wrap::after {
    content: "";
    position: absolute;
    background: url(../images/card-pattern.png) no-repeat;
    background-size: cover;
    bottom: 0;
    left: -1rem;
    width: 4.4rem;
    height: 11.7rem;
  }
  .cp-card .media-wrap .img-wrap {
    border-radius: 0.7rem;
    max-width: 40rem;
    margin: 0 auto;
  }
  .cp-card .info-wrap {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .cp-card .meta-wrap {
    padding-left: 0;
  }
  .cp-card .meta-wrap .title {
    font-size: 2.4rem;
    margin-bottom: 0.3rem;
  }
  .cp-card .meta-wrap .desc {
    font-size: 1.6rem;
    line-height: normal;
    margin: 0 auto;
  }
  .cp-card .meta-wrap .action-wrap {
    margin-top: 2.4rem;
  }
  .cp-card .meta-wrap .action-wrap .btn {
    width: 20rem;
    font-size: 1.6rem;
    padding: 1.3rem 0;
  }
}
.cp-not-found {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.cp-not-found .icon-wrap {
  text-align: center;
  margin-bottom: 2rem;
}
.cp-not-found .icon-wrap img {
  max-width: 20rem;
}
.cp-not-found .info-wrap {
  text-align: center;
}
.cp-not-found .info-wrap .title {
  font-size: 3.2rem;
  color: #005075;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  margin-bottom: 1rem;
}
.cp-not-found .info-wrap .desc {
  font-size: 2.4rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Bold";
  line-height: normal;
  margin-bottom: 2rem;
}
.cp-not-found .cont-wrap {
  max-width: 40rem;
}
@media only screen and (max-width: 768px) {
  .cp-not-found .icon-wrap {
    text-align: center;
    margin-bottom: 2rem;
  }
  .cp-not-found .icon-wrap img {
    max-width: 16rem;
  }
  .cp-not-found .info-wrap {
    text-align: center;
    padding: 0 3rem;
  }
  .cp-not-found .info-wrap .title {
    font-size: 2.4rem;
    color: #005075;
    font-family: "Myriad Pro Bold";
    line-height: normal;
    margin-bottom: 1rem;
  }
  .cp-not-found .info-wrap .desc {
    font-size: 1.8rem;
    color: #4d4d4d;
    font-family: "Myriad Pro Bold";
    line-height: normal;
    margin-bottom: 2rem;
  }
  .cp-not-found .cont-wrap {
    max-width: 40rem;
  }
}
.cp-sitemap .site-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.cp-sitemap .site-title {
  font-size: 2.4rem;
  color: #005075;
  font-family: "Myriad Pro Semibold";
  margin-top: 2.6rem;
}
.cp-sitemap .site-list {
  display: flex;
  margin: -2rem;
  flex-wrap: wrap;
  margin-top: 0;
}
.cp-sitemap .site-item {
  margin: 2rem;
  font-size: 2rem;
  color: #4d4d4d;
  font-family: "Myriad Pro Semibold";
  list-style: disc;
  padding: 0;
}
.cp-sitemap .left-wrap,
.cp-sitemap .right-wrap {
  width: 50%;
  padding: 0 4rem;
}
.mod-social-link {
  display: flex;
  justify-content: center;
  margin: 13.2rem 0 6.4rem;
}
.mod-social-link ul {
  display: flex;
  align-items: flex-start;
}
.mod-social-link .item {
  margin-right: 4.68rem;
}
.mod-social-link .item:last-child {
  margin: 0;
}
.mod-social-link .item .icon {
  font-size: 3.4rem;
  display: block;
  transition: all 0.3s ease-in-out;
}
.mod-social-link .item .icon:hover {
  transform: scale(1.3);
}
@media only screen and (max-width: 768px) {
  .mod-social-link .item {
    margin-right: 3rem;
  }
}
.js-bg .img {
  display: none;
}
.js-bg .addto {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.swiper-pagination-bullet {
  width: 5.1rem;
  height: 0.5rem;
  background: #00afcb;
  border-radius: 10rem;
  opacity: 1;
  transition: 0.2s all ease-in;
}
.swiper-pagination-bullet:hover {
  height: 1.1rem;
  background: #dcb57b;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.9rem;
}
.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.swiper-pagination-bullet-active {
  height: 1.1rem;
  background: #dcb57b;
}
.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-button-next,
.swiper-button-prev {
  background: #00afcb;
  color: #fff;
  border-radius: 0.4rem;
  padding: 3.5rem;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .swiper-pagination-bullet {
    width: 3.2rem;
    height: 0.32rem;
    transition: 0.2s all ease-in;
  }
  .swiper-pagination-bullet:hover {
    height: 0.7rem;
    background: #dcb57b;
  }
  .swiper-pagination-bullet-active {
    height: 0.7rem;
  }
  .swiper-pagination {
    justify-content: center;
  }
  .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.5rem;
  }
  .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
    margin-left: 0;
  }
  .swiper-button-next,
  .swiper-button-prev {
    background: #00afcb;
    color: #fff;
    border-radius: 0.4rem;
    padding: 2.5rem;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 1.5rem;
  }
}