* {
  margin: 0;
  box-sizing: border-box;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  outline: none;
  scroll-margin-top: 100px;
}
@media (max-width: 768px) {
  * {
    scroll-margin-top: 60px;
  }
}

@font-face {
  font-family: "Times New Roman";
  src: url("../fonts/TimesNewRomanPSMT.eot");
  src: url("../fonts/TimesNewRomanPSMT.eot?#iefix") format("embedded-opentype"), url("../fonts/TimesNewRomanPSMT.woff2") format("woff2"), url("../fonts/TimesNewRomanPSMT.woff") format("woff"), url("../fonts/TimesNewRomanPSMT.ttf") format("truetype"), url("../fonts/TimesNewRomanPSMT.svg#TimesNewRomanPSMT") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Times New Roman - Italic */
@font-face {
  font-family: "Times New Roman";
  src: url("../fonts/TimesNewRomanPS-ItalicMT.eot");
  src: url("../fonts/TimesNewRomanPS-ItalicMT.eot?#iefix") format("embedded-opentype"), url("../fonts/TimesNewRomanPS-ItalicMT.woff2") format("woff2"), url("../fonts/TimesNewRomanPS-ItalicMT.woff") format("woff"), url("../fonts/TimesNewRomanPS-ItalicMT.ttf") format("truetype"), url("../fonts/TimesNewRomanPS-ItalicMT.svg#TimesNewRomanPS-ItalicMT") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "GT Planar Trial";
  src: url("../fonts/GTPlanarTrial-Bd.eot");
  src: url("../fonts/GTPlanarTrial-Bd.eot?#iefix") format("embedded-opentype"), url("../fonts/GTPlanarTrial-Bd.woff2") format("woff2"), url("../fonts/GTPlanarTrial-Bd.woff") format("woff"), url("../fonts/GTPlanarTrial-Bd.ttf") format("truetype"), url("../fonts/GTPlanarTrial-Bd.svg#GTPlanarTrial-Bd") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Planar Trial";
  src: url("../fonts/GTPlanarTrial-Md.eot");
  src: url("../fonts/GTPlanarTrial-Md.eot?#iefix") format("embedded-opentype"), url("../fonts/GTPlanarTrial-Md.woff2") format("woff2"), url("../fonts/GTPlanarTrial-Md.woff") format("woff"), url("../fonts/GTPlanarTrial-Md.ttf") format("truetype"), url("../fonts/GTPlanarTrial-Md.svg#GTPlanarTrial-Md") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Planar Trial";
  src: url("../fonts/GTPlanarTrial-Lt.eot");
  src: url("../fonts/GTPlanarTrial-Lt.eot?#iefix") format("embedded-opentype"), url("../fonts/GTPlanarTrial-Lt.woff2") format("woff2"), url("../fonts/GTPlanarTrial-Lt.woff") format("woff"), url("../fonts/GTPlanarTrial-Lt.ttf") format("truetype"), url("../fonts/GTPlanarTrial-Lt.svg#GTPlanarTrial-Lt") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Planar Trial";
  src: url("../fonts/GTPlanarTrial-Rg.eot");
  src: url("../fonts/GTPlanarTrial-Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/GTPlanarTrial-Rg.woff2") format("woff2"), url("../fonts/GTPlanarTrial-Rg.woff") format("woff"), url("../fonts/GTPlanarTrial-Rg.ttf") format("truetype"), url("../fonts/GTPlanarTrial-Rg.svg#GTPlanarTrial-Rg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html:not(.no-js) [data-aos=fade-up] {
  transform: translate3d(0, 24px, 0);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "GT Planar Trial", sans-serif;
  font-weight: normal;
  transition: background 0.25s linear;
}

.position_relative {
  position: relative;
}

html,
body {
  -webkit-overflow-scrolling: auto;
  scroll-behavior: smooth;
  /* Disable inertial scrolling */
}

[data-scroll] {
  opacity: 0;
  will-change: transform, scale, opacity;
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll=in] {
  opacity: 1;
}

[data-scroll=in] .char {
  animation: slide-in 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(2ms * var(--char-index) + 100ms);
}

@keyframes slide-in {
  from {
    transform: translateY(0.65em);
    opacity: 0;
  }
}
.gradient-background-static {
  position: relative;
  z-index: 1;
}
.gradient-background-static::before {
  content: "";
  position: absolute;
  width: 60%;
  height: 100%;
  top: 0;
  right: 0;
  background: linear-gradient(300deg, #2278ab, #e63333, #9a8546, #1e77a1, #fc5c06);
  z-index: -1;
  opacity: 0.2;
  filter: blur(80px);
}
@media (max-width: 768px) {
  .gradient-background-static::before {
    filter: blur(40px);
  }
}

.gradient-background {
  position: relative;
}
.gradient-background::before {
  will-change: background-position;
  transform: translateZ(0);
}
.gradient-background.h-100::before {
  height: 100vh;
}
.gradient-background.clip {
  overflow: clip;
}
.gradient-background.v2::before {
  background: linear-gradient(300deg, #9a8546, #1e77a1, #fc5c06, #2278ab, #e63333);
  background-size: 360% 360%;
  animation: gradient-animation 12s ease infinite;
}
.gradient-background.v3::before {
  background: linear-gradient(300deg, #fc5c06, #2278ab, #e63333, #9a8546, #1e77a1);
  background-size: 360% 360%;
  animation: gradient-animation 12s ease infinite;
}
.gradient-background.v4::before {
  background: linear-gradient(300deg, #e63333, #9a8546, #1e77a1, #fc5c06, #2278ab);
  background-size: 360% 360%;
  animation: gradient-animation 12s ease infinite;
}
.gradient-background::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(300deg, #2278ab, #e63333, #9a8546, #1e77a1, #fc5c06);
  background-size: 360% 360%;
  animation: gradient-animation 12s ease infinite;
  z-index: -1;
  opacity: 0.2;
  filter: blur(80px);
}

.gradient_text {
  background: linear-gradient(300deg, #2278ab, #e63333, #9a8546, #1e77a1, #fc5c06);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 360% 360%;
  animation: gradient-animation 12s linear infinite;
  display: inline-block;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.space_10 {
  height: 10px;
}
@media (max-width: 768px) {
  .space_10 {
    height: 5px;
  }
}

.space_20 {
  height: 20px;
}
@media (max-width: 768px) {
  .space_20 {
    height: 10px;
  }
}

.space_30 {
  height: 30px;
}
@media (max-width: 768px) {
  .space_30 {
    height: 15px;
  }
}

.space_40 {
  height: 40px;
}
@media (max-width: 768px) {
  .space_40 {
    height: 20px;
  }
}

.space_50 {
  height: 50px;
}
@media (max-width: 768px) {
  .space_50 {
    height: 25px;
  }
}

.space_60 {
  height: 50px;
}
@media (max-width: 768px) {
  .space_60 {
    height: 30px;
  }
}

.space_70 {
  height: 70px;
}
@media (max-width: 768px) {
  .space_70 {
    height: 35px;
  }
}

.space_80 {
  height: 80px;
}
@media (max-width: 768px) {
  .space_80 {
    height: 40px;
  }
}

.space_90 {
  height: 90px;
}
@media (max-width: 768px) {
  .space_90 {
    height: 45px;
  }
}

.space_100 {
  height: 100px;
}
@media (max-width: 768px) {
  .space_100 {
    height: 50px;
  }
}

.place_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .container {
    padding: 0 20px;
    min-width: auto;
  }
}

.box_layout {
  max-width: 900px;
  margin: 0 auto;
}
.box_layout a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.box_layout.v2 {
  max-width: 600px;
}

.border_box {
  border-radius: 16px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  overflow: hidden;
}
@media (max-width: 768px) {
  .border_box {
    padding: 0 20px;
  }
}
.border_box.pad {
  padding: 64px;
}
@media (max-width: 768px) {
  .border_box.pad {
    padding: 20px;
  }
}

.img_fluid {
  max-width: 100%;
  display: block;
}

.desk_hide {
  display: none;
}
@media (max-width: 768px) {
  .desk_hide {
    display: block;
  }
}

.mob_hide {
  display: block;
}
@media (max-width: 768px) {
  .mob_hide {
    display: none;
  }
}

.multi_btns {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .multi_btns {
    flex-wrap: wrap;
  }
}

.text_left {
  text-align: left !important;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

@media (max-width: 768px) {
  .pad_mob_20 {
    padding: 0 20px;
  }
}

.hover_effect {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.hover_effect span {
  position: absolute;
  display: block;
  width: 0%;
  height: 100%;
  border-radius: 50%;
  transition: width 0.35s linear, height 0.35s linear;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .hover_effect span {
    display: none;
  }
}
.hover_effect:hover span {
  width: 300%;
  height: 300%;
}

.primary_btn {
  color: var(--core-primary, #000);
  font-family: "GT Planar Trial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  padding: 0 24px;
  border-radius: 12px;
  border: 2px solid var(--core-primary, #000);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  background: transparent;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  padding-top: 1px;
  min-width: -moz-max-content;
  min-width: max-content;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .primary_btn {
    font-weight: 400;
    height: 48px;
    padding: 0 20px;
    padding-top: 1px;
  }
}
.primary_btn.input_button {
  width: 100%;
  padding: 0px;
}
.primary_btn.input_button input {
  background: transparent;
  border: none !important;
  padding: 0px !important;
  font-weight: 500;
  height: 100%;
  cursor: pointer;
}
.primary_btn.v2 {
  height: 48px;
  padding: 0 20px;
}
.primary_btn.v3 {
  font-size: 14px;
  height: 40px;
  gap: 8px;
  padding-left: 16px;
  padding-right: 18px;
}
.primary_btn.v3 svg {
  height: 18px;
  width: 18px;
}
.primary_btn svg path {
  transition: 0.35s linear;
  stroke: #000;
}
.primary_btn.hover_effect span {
  background-color: #000;
}
@media (min-width: 768px) {
  .primary_btn:hover {
    color: #fff;
  }
  .primary_btn:hover input {
    color: #fff;
  }
  .primary_btn:hover svg path {
    stroke: #fff;
  }
}

.secondary_btn {
  color: #fff;
  font-family: "GT Planar Trial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  padding: 0 24px;
  border-radius: 12px;
  background: var(--core-primary, #000);
  border: 2px solid var(--core-primary, #000);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-top: 1px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .secondary_btn {
    font-weight: 400;
    height: 48px;
    padding: 0 20px;
    padding-top: 1px;
  }
}
.secondary_btn.input_button {
  width: 100%;
  padding: 0px;
  cursor: pointer;
}
.secondary_btn.input_button input {
  background: transparent;
  border: none !important;
  padding: 0px !important;
  font-weight: 500;
  height: 100%;
}
.secondary_btn.v2 {
  height: 48px;
  padding: 0 20px;
}
.secondary_btn svg path {
  transition: 0.35s linear;
  stroke: #fff;
}
.secondary_btn.hover_effect span {
  background-color: #fff;
}
@media (min-width: 768px) {
  .secondary_btn:hover {
    color: #000;
  }
  .secondary_btn:hover input {
    color: #000;
  }
  .secondary_btn:hover svg path {
    stroke: #000;
  }
}

.load_more {
  min-width: 180px;
  justify-content: center;
}

.arrow_btn {
  display: inline-flex;
  width: 48px;
  min-width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 92px;
  background: var(--system-black-100, #000);
  border: 1px solid var(--system-black-100, #000);
}
.arrow_btn.v2 {
  background: transparent;
  border: 1px solid var(--system-black-100, #000);
}
.arrow_btn.v2 svg path {
  transition: 0.35s linear;
  stroke: #000;
}
.arrow_btn.v2.hover_effect span {
  background-color: #000;
}
@media (min-width: 768px) {
  .arrow_btn.v2:hover svg path {
    stroke: #fff;
  }
}
.arrow_btn.reverse svg {
  transform: rotate(180deg);
}
.arrow_btn.hover_effect span {
  background-color: #fff;
}
.arrow_btn svg path {
  transition: 0.35s linear;
  stroke: #fff;
}
@media (min-width: 768px) {
  .arrow_btn:hover svg path {
    stroke: #000;
  }
}

.default_btn {
  color: var(--core-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  padding-right: 36px;
  transition: 0.25s linear;
  z-index: 1;
  height: 40px;
}
.default_btn span {
  background: #fff;
}
.default_btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url("../images/icons/arrow-right-black.svg") center right no-repeat;
  background-size: 24px;
  transition: 0.25s linear;
  opacity: 1;
  z-index: -1;
}
.default_btn:hover {
  padding-left: 36px;
  padding-right: 0px;
}
.default_btn:hover::before {
  background: url("../images/icons/arrow-right-black.svg") center left no-repeat;
}

.know_more_btn {
  color: #fbf7ee;
  font-size: 13.953px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  position: relative;
  height: 40px;
  display: inline-flex;
  align-items: center;
  padding-right: 30px;
  transition: 0.25s linear;
}
.know_more_btn.v2 {
  color: #000;
}
.know_more_btn.v2::before {
  background: url("../images/icons/arrow-right-circled-black.svg") center right no-repeat;
}
.know_more_btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url("../images/icons/arrow-right-circled.svg") center right no-repeat;
  background-size: 20px;
  transition: 0.25s linear;
  opacity: 1;
  z-index: -1;
}
.know_more_btn:hover {
  padding-right: 34px;
}

.learn_more_btn {
  color: var(--core-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 40px;
  padding-right: 34px;
}
.learn_more_btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url("../images/icons/nav-arrow-right.svg") center right no-repeat;
  transition: 0.25s linear;
  opacity: 1;
  z-index: -1;
  transition: 0.35s linear;
}
.learn_more_btn:hover::before {
  transform: translateX(4px);
}

.align_center {
  align-items: center;
}

.grid_col_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
@media (max-width: 768px) {
  .grid_col_2 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.grid_col_2.reverse .grid_col_2_each:last-child {
  order: -1;
}
@media (max-width: 768px) {
  .grid_col_2.reverse .grid_col_2_each:last-child {
    order: 0;
  }
}

.grid_col_2-3 {
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 80px;
}
@media (max-width: 768px) {
  .grid_col_2-3 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.grid_col_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 768px) {
  .grid_col_3 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.grid_col_4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.grid_col_4 > a,
.grid_col_4 > div {
  flex: 1 1 270px; /* Grow, shrink, base size */
  max-width: 270px;
}
@media (max-width: 768px) {
  .grid_col_4 > a,
  .grid_col_4 > div {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .grid_col_2_mob {
    grid-template-columns: 1fr 1fr;
  }
}

.gap_20 {
  gap: 20px;
}

.gap_30 {
  gap: 30px;
}

.gap_40 {
  gap: 40px;
}
@media (max-width: 768px) {
  .gap_40 {
    gap: 20px;
  }
}

.gap_40_80 {
  gap: 80px 40px;
}
@media (max-width: 768px) {
  .gap_40_80 {
    gap: 20px;
  }
}

.label {
  color: var(--system-black-100, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .label {
    font-size: 13px;
    margin-bottom: 12px;
  }
}

.big_title {
  color: var(--system-black-100, #000);
  font-size: 56px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media (max-width: 768px) {
  .big_title {
    font-size: 32px;
  }
}

.title {
  color: var(--system-black-100, #000);
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media (max-width: 768px) {
  .title {
    font-size: 24px;
  }
}

.title2 {
  color: var(--system-black-100, #000);
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media (max-width: 768px) {
  .title2 {
    font-size: 24px;
  }
}

.title3 {
  color: var(--system-black-100, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media (max-width: 768px) {
  .title3 {
    font-size: 20px;
  }
  .title3 br {
    display: none;
  }
}

.subtext {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  border-top: 1px solid var(--core-border, #e7e7e7);
  border-bottom: 1px solid var(--core-border, #e7e7e7);
  padding: 30px 0;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.subtext.max_width {
  max-width: 450px;
}
.subtext.max_width_v2 {
  max-width: 620px;
}
.subtext.m_auto {
  margin: auto;
}
.subtext.no_border {
  border: none;
  padding: 0px;
  min-height: auto;
  display: block;
}
.subtext.no_border a {
  border-bottom: #191919 1px solid;
}
@media (max-width: 768px) {
  .subtext {
    font-size: 15px;
    padding: 20px 0;
    min-height: auto;
    flex-direction: column;
    align-items: flex-start;
  }
}

.subtext2 {
  color: var(--CoolGray-90, #21272a);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}

.content_card {
  padding: 28px;
  border-radius: 16px;
  max-width: 320px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 768px) {
  .content_card {
    padding: 20px;
    max-width: 100%;
  }
}
.content_card--title {
  color: var(--CoolGray-90, #21272a);
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .content_card--title {
    font-size: 24px;
  }
}
.content_card--desc {
  color: var(--system-black-100, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .content_card--desc {
    font-size: 15px;
    margin-bottom: 12px;
  }
}

.product_card {
  width: 468px;
  display: inline-block;
}
@media (max-width: 768px) {
  .product_card {
    width: 100%;
  }
}
.product_card:hover .product_card--asset img {
  transform: scale(1.035);
}
.product_card--asset {
  border-radius: 12px;
  background: #f4f4f4;
  margin-bottom: 30px;
  overflow: hidden;
}
.product_card--asset img {
  max-height: 320px;
  margin: 0 auto;
  transition: 0.35s linear;
}
.product_card_info--title {
  color: var(--system-black-100, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  position: relative;
}
.product_card_info--title sup {
  font-size: 18px;
  padding-left: 4px;
  position: absolute;
  top: -10px;
  font-family: "GT Planar Trial", sans-serif;
}
@media (max-width: 768px) {
  .product_card_info--title {
    font-size: 24px;
  }
}
.product_card_info--desc {
  color: var(--system-black-100, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  border-top: 0.5px solid var(--core-border-dark, #bdbdbd);
  margin-top: 20px;
  padding-top: 20px;
}
.product_card_info--desc sup {
  font-family: "GT Planar Trial", sans-serif;
}
@media (max-width: 768px) {
  .product_card_info--desc {
    font-size: 15px;
    margin-top: 12px;
    padding-top: 18px;
  }
}
.product_card_info--btn {
  margin-top: 24px;
  display: flex;
  gap: 18px;
  align-items: center;
}
.product_card_info--btn a {
  justify-content: center;
}

.icon_content.align_center {
  text-align: center;
}
.icon_content.align_left {
  text-align: left;
}
.icon_content_width {
  width: 276px;
}
.icon_content--asset img {
  display: inline-block;
}
@media (max-width: 768px) {
  .icon_content--asset img {
    max-width: 50px;
  }
}
.icon_content--text {
  color: var(--system-black-100, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .icon_content--text {
    font-size: 16px;
  }
}
.icon_content--desc {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .icon_content--desc {
    font-size: 16px;
  }
}

.image_content {
  border-radius: 20px;
  background: var(--Default-White, #fff);
  overflow: hidden;
  width: 276px;
}
.image_content.fixed_btn_wrap {
  position: relative;
  height: 100%;
  padding-bottom: 60px;
}
.image_content .fixed_btn {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0;
}
.image_content.w-auto {
  width: auto;
}
.image_content.v2 {
  width: 820px;
}
@media (max-width: 768px) {
  .image_content.v2 {
    width: auto;
  }
}
.image_content.v2 .image_content--asset {
  margin-bottom: 0px;
}
.image_content:hover .image_content--asset img {
  transform: scale(1.035);
}
@media (max-width: 768px) {
  .image_content {
    width: 100%;
  }
}
.image_content--asset {
  margin-bottom: 24px;
  border-radius: 20px;
  overflow: hidden;
}
.image_content--asset img {
  transition: 0.35s linear;
}
.image_content_info--title2 {
  color: var(--CoolGray-90, #21272a);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 768px) {
  .image_content_info--title2 {
    font-size: 18px;
    max-width: 80%;
    margin: 0 auto;
  }
}
.image_content_info--title {
  color: var(--CoolGray-90, #21272a);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 768px) {
  .image_content_info--title {
    font-size: 18px;
    max-width: 80%;
    margin: 0 auto;
  }
}
.image_content_info--desc {
  color: var(--CoolGray-60, #697077);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-top: 12px;
}

.generic_swiper {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .generic_swiper {
    padding-bottom: 40px;
  }
  .generic_swiper[data-slide] {
    margin: 0 -20px;
  }
}
.generic_swiper.has_title {
  margin-top: -52px;
}
@media (max-width: 768px) {
  .generic_swiper.has_title {
    margin-top: 30px;
  }
}
.generic_swiper.reverse_btns {
  flex-direction: column-reverse;
}
.generic_swiper.reverse_btns .generic_swiper_btns {
  margin-bottom: 64px;
  min-height: 48px;
}
.generic_swiper.reverse_btns .generic_swiper_btns .swiper-button-prev,
.generic_swiper.reverse_btns .generic_swiper_btns .swiper-button-next {
  margin-top: 0px;
}
.generic_swiper .swiper {
  width: 100%;
}
@media (max-width: 768px) {
  .generic_swiper .swiper {
    padding: 0 20px;
  }
}
.generic_swiper .swiper-slide {
  width: auto;
  height: auto;
}
@media (max-width: 768px) {
  .generic_swiper .swiper-slide {
    width: 82vw;
  }
}
.generic_swiper_navipage {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.generic_swiper_btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 768px) {
  .generic_swiper_btns {
    display: none;
  }
}
.generic_swiper_btns .swiper-button-prev,
.generic_swiper_btns .swiper-button-next {
  position: relative;
  right: auto;
  left: auto;
  top: auto;
  bottom: auto;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 0;
  margin-top: 36px;
}
.generic_swiper_btns .swiper-button-prev::after,
.generic_swiper_btns .swiper-button-next::after {
  display: none;
}

.swiper-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .swiper-scrollbar {
    display: block;
    max-width: 50%;
    left: 50% !important;
    transform: translateX(-50%);
    height: 4px !important;
    bottom: 0px !important;
  }
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--core-gradient-base, linear-gradient(89deg, #ffd46a 2.24%, #fc6257 46.97%, #70b0eb 95.43%));
  background: #31373e;
}

.swiper-pagination {
  position: relative;
  bottom: auto !important;
  margin-top: 32px;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
@media (max-width: 768px) {
  .swiper-pagination {
    display: none;
  }
}
.swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 2px;
  border-radius: 30px;
  opacity: 1;
  transition: 0.35s linear;
  position: relative;
  background: rgba(0, 0, 0, 0.16);
}
.swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--core-gradient-base, linear-gradient(89deg, #ffd46a 2.24%, #fc6257 46.97%, #70b0eb 95.43%));
  opacity: 0;
  transition: 0.35s linear;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
}

.advertise {
  background: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 99;
}
.advertise_wrap {
  position: relative;
  padding: 0 50px;
}
@media (max-width: 768px) {
  .advertise_wrap {
    padding: 0 30px;
  }
}
.advertise_card {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--system-white-100, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
@media (max-width: 768px) {
  .advertise_card {
    font-size: 12px;
  }
}
.advertise_card--btn {
  border-radius: 4px;
  border: 1px solid var(--system-white-60, rgba(255, 255, 255, 0.6));
  padding: 5px 6px;
  display: inline-flex;
}
.advertise .swiper {
  height: 40px;
}
.advertise .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.advertise .swiper-button-next {
  right: 0px;
}
.advertise .swiper-button-prev {
  left: 0px;
}
.advertise .swiper-button-prev::after,
.advertise .swiper-button-next::after {
  display: none;
}

.assist_card {
  border-radius: 16px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 64px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-width: 620px;
}
@media (max-width: 768px) {
  .assist_card {
    padding: 32px;
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .assist_card--icon svg {
    width: 42px;
    height: 42px;
  }
}
.assist_card--title {
  color: var(--CoolGray-90, #21272a);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width: 768px) {
  .assist_card--title {
    font-size: 24px;
  }
}

.news_card {
  border-radius: 12px;
  border: 1px solid var(--core-border, #e7e7e7);
  background: var(--Default-White, #fff);
  max-width: 305px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.news_card:hover .news_card_info--asset img {
  transform: scale(1.035);
}
.news_card_info--asset {
  overflow: hidden;
}
.news_card_info--asset img {
  transition: 0.35s linear;
}
.news_card_info--title {
  color: var(--CoolGray-90, #21272a);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  padding: 24px 16px;
}
@media (max-width: 768px) {
  .news_card_info--title {
    font-size: 18px;
  }
}
.news_card--btn {
  padding: 16px;
}

.news_card_v2 {
  max-width: 420px;
  display: block;
}
.news_card_v2.main {
  padding: 32px;
  max-width: 100%;
  display: grid;
  grid-template-columns: 620px 1fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 768px) {
  .news_card_v2.main {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 20px;
  }
}
.news_card_v2.main .news_card_v2_info--title {
  color: var(--system-black-100, #000);
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width: 768px) {
  .news_card_v2.main .news_card_v2_info--title {
    font-size: 20px;
  }
}
.news_card_v2.main .news_card_v2--asset {
  margin-bottom: 0px;
  display: flex;
}
.news_card_v2.main .news_card_v2--asset img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .news_card_v2.main .news_card_v2--asset img {
    height: auto;
  }
}
.news_card_v2:hover .news_card_v2--asset img {
  transform: scale(1.035);
}
.news_card_v2--asset {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 40px;
  overflow: hidden;
}
.news_card_v2--asset img {
  transition: 0.35s linear;
}
.news_card_v2_info--label {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 12px;
}
.news_card_v2_info--desc {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-top: 16px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .news_card_v2_info--desc {
    font-size: 15px;
  }
}
.news_card_v2_info--title {
  color: var(--system-black-100, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .news_card_v2_info--title {
    font-size: 20px;
  }
}
.news_card_v2_info--date {
  color: var(--system-black-60, rgba(0, 0, 0, 0.6));
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  display: flex;
  align-items: center;
}
.news_card_v2_info--date .author {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 10px;
}
.news_card_v2_info--date .author::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--core-border, #e7e7e7);
  right: 0;
  display: block;
  margin-left: 10px;
}
.news_card_v2_info--date .author span {
  color: #000;
}
@media (max-width: 768px) {
  .news_card_v2_info--date {
    font-size: 13px;
  }
}

.feature_product_card {
  padding: 80px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border-bottom: 1px solid #f3e6de;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.feature_product_card.border {
  border-radius: 20px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  -webkit-backdrop-filter: blur(37px);
          backdrop-filter: blur(37px);
}
@media (max-width: 768px) {
  .feature_product_card {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 30px;
  }
  .feature_product_card .primary_btn {
    display: flex;
    justify-content: center;
  }
}

.product_banner {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: 0px;
  padding: 60px 0;
}
@media (min-width: 768px) {
  .product_banner--asset {
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  .product_banner {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 30px 10px;
    min-height: auto;
  }
  .product_banner .hover_effect {
    width: 100%;
    justify-content: center;
  }
}
.product_banner_each {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.product_banner_wrap {
  position: relative;
  border-bottom: 1px solid #f3e6de;
}

.window_cards {
  height: 250px;
  width: 340px;
  min-width: 340px;
  padding: 64px;
  border-radius: 12px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  background: var(--Default-White, #fff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.window_cards_wrap {
  display: flex;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 768px) {
  .window_cards_wrap {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .window_cards {
    width: 100%;
    height: 140px;
    min-width: auto;
    padding: 32px;
  }
}
.window_cards:hover .window_cards--asset img {
  transform: scale(1.035);
}
.window_cards--asset img {
  max-height: 40px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .window_cards--asset img {
    max-height: 26px;
  }
}

.video_card {
  border-radius: 12px;
  background: var(--core-grey-white, #f4f4f4);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.video_card.no_video {
  cursor: auto;
  pointer-events: none;
}
.video_card.no_video .video_card--play {
  display: none;
}
.video_card:hover .video_card--asset img,
.video_card:hover .video_card--play svg {
  transform: scale(1.035);
}
.video_card--asset {
  overflow: hidden;
}
.video_card--asset img {
  transition: 0.35s linear;
}
.video_card--play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 40px;
  background: var(--system-white-100, #fff);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .video_card--play {
    width: 38px;
    height: 38px;
  }
}
.video_card--play svg {
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .video_card--play svg {
    width: 16px;
    height: 16px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    display: none;
  }
  to {
    opacity: 1;
    display: flex;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    display: flex;
  }
  to {
    opacity: 0;
    display: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  top: 0;
  left: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  body::before {
    z-index: 99;
  }
}
body.overlay_modal {
  overflow: hidden;
}
body.overlay_modal::before {
  opacity: 1;
}
body::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  top: 0;
  left: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  transition: 0.35s linear;
}
body.overlay::after {
  opacity: 1;
}

.mp_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(100%);
  transition: 0.35s linear;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .mp_modal.mp_modal_load {
    padding: 0 20px;
    display: flex;
    align-items: center;
  }
}
.mp_modal.mp_modal_load .mp_modal_inner {
  max-width: 760px;
  min-width: 760px;
}
@media screen and (max-width: 768px) {
  .mp_modal.mp_modal_load .mp_modal_inner {
    max-width: 100%;
    min-width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 0px;
    border-radius: 16px;
    min-height: 300px;
  }
}
.mp_modal--content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  min-height: 400px;
  padding: 32px;
  border: 1px solid #f3e6de;
  border-radius: 16px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mp_modal--content {
    padding: 20px;
    min-height: 300px;
  }
}
.mp_modal--title {
  font-size: 32px;
  line-height: 120%;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .mp_modal--title {
    font-size: 26px;
    margin-bottom: 16px;
  }
}
.mp_modal--desc {
  font-size: 26px;
  line-height: 130%;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .mp_modal--desc {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
.mp_modal--btn {
  position: relative !important;
  top: auto !important;
  right: auto !important;
}
.mp_modal.video .mp_modal_inner {
  background: transparent;
}
@media (max-width: 768px) {
  .mp_modal.video {
    justify-content: center;
    align-items: center;
    padding: 0 20px;
  }
  .mp_modal.video .mp_modal_inner {
    height: auto;
    min-height: auto;
    padding-bottom: 0px;
    border-radius: 16px;
    text-align: right;
  }
  .mp_modal.video .mp_modal--close {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 12px;
  }
  .mp_modal.video .mp_modal--asset {
    border-radius: 16px;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .mp_modal {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 120px;
  }
}
.mp_modal.open {
  display: flex;
  transform: translateY(0%);
  opacity: 1;
}
.mp_modal--close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  z-index: 2;
}
@media (max-width: 768px) {
  .mp_modal--close {
    top: 136px;
    position: fixed;
    z-index: 3;
  }
}
.mp_modal--close img {
  border-radius: 50%;
  display: block;
  cursor: pointer;
  width: 36px;
  height: 36px;
}
@media (max-width: 768px) {
  .mp_modal--close img {
    width: 32px;
    height: 32px;
  }
}
.mp_modal--asset {
  cursor: pointer;
}
.mp_modal--asset video,
.mp_modal--asset iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  aspect-ratio: 16/9;
}
.mp_modal_inner {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  min-width: 1080px;
  max-width: 1080px;
  min-height: 400px;
}
@media (max-width: 768px) {
  .mp_modal_inner {
    min-width: 100%;
    max-width: 100%;
    border-radius: 16px 16px 0px 0px;
    height: calc(100vh - 120px);
    padding-bottom: 60px;
    overflow: auto;
  }
  .mp_modal_inner::-webkit-scrollbar {
    display: none;
  }
}

.breadcrumb {
  height: 56px;
  background: var(--core-grey-white, #f4f4f4);
  display: flex;
  align-items: center;
}
.breadcrumb .container {
  width: 100%;
}
@media (max-width: 768px) {
  .breadcrumb {
    min-height: 56px;
    height: auto;
  }
}
.breadcrumb ul {
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 768px) {
  .breadcrumb ul {
    flex-wrap: wrap;
    padding: 12px 0;
    gap: 6px;
  }
}
.breadcrumb ul li {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: url("../images/icons/caret-right-black.svg") center right no-repeat;
  padding-right: 28px;
}
@media (max-width: 768px) {
  .breadcrumb ul li {
    font-size: 13px;
    padding-right: 18px;
    background-size: 12px;
  }
}
.breadcrumb ul li:last-child {
  padding-right: 0px;
  background: none;
}
.breadcrumb ul li a {
  font-weight: 300;
}

.case_study {
  width: 379px;
  height: 440px;
  padding: 35px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  z-index: 1;
  display: inline-block;
  background: var(--core-grey-white, #f4f4f4);
}
.case_study::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0%;
  left: 0;
  bottom: 0;
  background: #f4f4f4 url("../images/frames/frame_9.webp") center no-repeat;
  background-size: cover;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.case_study .case_study_info--title {
  opacity: 0;
}
.case_study .case_study_info_card .case_study_info--title {
  opacity: 1;
}
.case_study:hover::before {
  opacity: 1;
  height: 100%;
}
.case_study:hover .case_study_info--title,
.case_study:hover .case_study_info_card--subtext,
.case_study:hover .know_more_btn {
  color: #000;
}
.case_study:hover .case_study_info--title {
  opacity: 1;
  transition: 0.35s linear;
}
.case_study:hover .case_study_info_card .case_study_info--title {
  opacity: 0;
  transition: 0.15s linear;
}
.case_study:hover .case_study_info_card--btn {
  border-top: 0.436px solid #9a8546;
}
.case_study:hover .know_more_btn::before {
  background: url("../images/icons/arrow-right-circled-black.svg") center right no-repeat;
  background-size: 20px;
}
@media (max-width: 768px) {
  .case_study {
    padding: 30px;
  }
}
.case_study.v2 .case_study_info {
  justify-content: space-between;
}
.case_study.v2 .case_study_info--title,
.case_study.v2 .case_study_info_card--subtext {
  color: #000;
}
.case_study.v2 .case_study_info_card--btn {
  border-top: 0.436px solid #9a8546;
}
.case_study.v2:hover .case_study--asset img {
  transform: scale(1.5);
}
@media (max-width: 768px) {
  .case_study {
    width: 100%;
    height: 380px;
  }
}
.case_study:hover .case_study--asset img {
  transform: scale(1.035);
}
.case_study--asset {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.case_study--asset img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.35s linear;
}
.case_study_info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: 1;
}
.case_study_info--title {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width: 768px) {
  .case_study_info--title {
    font-size: 20px;
  }
}
.case_study_info_card {
  margin-top: 20px;
}
.case_study_info_card--subtext {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .case_study_info_card--subtext {
    font-size: 13px;
  }
}
.case_study_info_card--btn {
  border-top: 0.436px solid #fbf7ee;
  padding-top: 10px;
  margin-top: 20px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .case_study_info_card--btn {
    font-size: 13px;
    padding-top: 5px;
    margin-top: 12px;
  }
}

.custom_list ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 0px;
}
@media (max-width: 768px) {
  .custom_list ul {
    gap: 16px;
  }
}
.custom_list ul li {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  background: url("../images/icons/check.svg") center left no-repeat;
  background-size: 28px;
  padding-left: 54px;
}
@media (max-width: 768px) {
  .custom_list ul li {
    font-size: 16px;
    background-size: 22px;
    padding-left: 40px;
  }
}

.custom_list_v2 ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-left: 0px;
  counter-reset: item;
}
@media (max-width: 768px) {
  .custom_list_v2 ul {
    gap: 24px;
  }
}
.custom_list_v2 ul li {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  padding-left: 46px;
  counter-increment: item;
  position: relative;
}
@media (max-width: 768px) {
  .custom_list_v2 ul li {
    font-size: 16px;
    background-size: 22px;
    padding-left: 40px;
  }
}
.custom_list_v2 ul li::before {
  content: counter(item, decimal-leading-zero) "";
  position: absolute;
  left: 0;
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.custom_list_v3 {
  margin-bottom: 40px;
}
.custom_list_v3 ul {
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .custom_list_v3 ul {
    gap: 16px;
  }
}
.custom_list_v3 ul li {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 768px) {
  .custom_list_v3 ul li {
    font-size: 15px;
    gap: 18px;
  }
}
.custom_list_v3 ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
}
@media (max-width: 768px) {
  .custom_list_v3 ul li span {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }
  .custom_list_v3 ul li span img {
    max-height: 18px;
  }
}
.custom_list_v3 ul li span.label {
  color: var(--system-black-60, rgba(0, 0, 0, 0.6));
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 4px;
  text-transform: none;
  width: auto;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .custom_list_v3 ul li span.label {
    font-size: 13px;
    line-height: 120%;
  }
}

.image_card {
  border-radius: 12px;
  overflow: hidden;
}
.image_card.v2 {
  min-height: 560px;
  padding: 38px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .image_card.v2 {
    min-height: 320px;
  }
}

.pinned_section {
  position: relative;
  align-items: flex-start;
}
.pinned_section .pinned_card {
  position: sticky;
  top: 121px;
}
@media (max-width: 768px) {
  .pinned_section .pinned_card {
    position: static;
  }
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.accordion_wrap {
  border: 0.5px solid #bdbdbd;
  padding: 64px;
  border-radius: 16px;
}
@media (max-width: 768px) {
  .accordion_wrap {
    padding: 24px;
  }
}
.accordion.v2 {
  gap: 0px;
}
.accordion.v2 .accordion_item {
  border: none;
  border-radius: 0px;
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
}
.accordion.v2 .accordion_item.active {
  background: transparent;
}
.accordion.v2 .accordion_item.active .accordion_header::before {
  background: url("../images/icons/MinusCircle.svg") center no-repeat;
  background-size: contain;
  right: 0px;
  top: calc(50% - 12px);
  transform: rotateX(0deg);
}
.accordion.v2 .accordion_header {
  padding: 24px 0;
}
@media (max-width: 768px) {
  .accordion.v2 .accordion_header {
    padding-right: 25px;
  }
}
.accordion.v2 .accordion_header::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../images/icons/PlusCircle.svg") center no-repeat;
  background-size: contain;
  right: 0px;
  top: calc(50% - 12px);
  transition: 0.35s linear;
}
.accordion.v3 {
  gap: 0px;
}
.accordion.v3 .image_card {
  display: none;
}
@media (max-width: 768px) {
  .accordion.v3 .image_card {
    display: block;
    margin-bottom: 24px;
  }
}
.accordion.v3 .accordion_item {
  border: none;
  border-radius: 0px;
  padding: 40px 0;
  position: relative;
}
.accordion.v3 .accordion_item span {
  -webkit-text-fill-color: initial;
}
@media (max-width: 768px) {
  .accordion.v3 .accordion_item {
    padding: 20px 0;
  }
}
.accordion.v3 .accordion_item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  left: 0;
  bottom: 0;
}
.accordion.v3 .accordion_item.active {
  background: transparent;
}
.accordion.v3 .accordion_item.active::before {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
}
.accordion.v3 .accordion_item.active .accordion_header span {
  -webkit-text-fill-color: transparent;
}
.accordion.v3 .accordion_item.active .accordion_header::before {
  background: url("../images/icons/remove-empty.svg") center no-repeat;
  background-size: contain;
  right: 0px;
  top: calc(50% - 12px);
  transform: rotateX(0deg);
}
.accordion.v3 .accordion_header {
  padding: 0;
  color: var(--core-primary, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width: 768px) {
  .accordion.v3 .accordion_header {
    font-size: 18px;
  }
}
.accordion.v3 .accordion_header::before {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  background: url("../images/icons/add-circled-outline.svg") center no-repeat;
  background-size: contain;
  right: 0px;
  top: calc(50% - 12px);
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .accordion.v3 .accordion_header::before {
    width: 24px;
    height: 24px;
  }
}
.accordion.v3 .accordion_content {
  padding-top: 24px;
}
.accordion.v4 {
  gap: 0px;
}
.accordion.v4 .accordion_item {
  border: none;
  border-radius: 0px;
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
}
.accordion.v4 .accordion_item:first-child .accordion_header {
  margin-top: -24px;
}
@media (max-width: 768px) {
  .accordion.v4 .accordion_item:first-child .accordion_header {
    margin-top: -16px;
  }
}
.accordion.v4 .accordion_item:last-child {
  border: none;
}
.accordion.v4 .accordion_item .accordion_header {
  padding-right: 40px;
}
.accordion.v4 .accordion_item .accordion_header::before {
  width: 32px;
  height: 32px;
  top: calc(50% - 16px);
}
@media (max-width: 768px) {
  .accordion.v4 .accordion_item .accordion_header::before {
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
  }
}
.accordion.v4 .accordion_item.active {
  background: transparent;
}
.accordion.v4 .accordion_item.active .accordion_header::before {
  background: url("../images/icons/MinusCircle.svg") center no-repeat;
  background-size: contain;
  right: 0px;
  transform: rotateX(0deg);
}
.accordion.v4 .accordion_header {
  padding: 24px 0;
  font-weight: 300;
}
@media (max-width: 768px) {
  .accordion.v4 .accordion_header {
    padding: 16px 0;
  }
}
.accordion.v4 .accordion_header::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../images/icons/PlusCircle.svg") center no-repeat;
  background-size: contain;
  right: 0px;
  top: calc(50% - 12px);
  transition: 0.35s linear;
}
.accordion.v4 .accordion_content {
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0%;
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .accordion.v4 .accordion_content {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .accordion {
    gap: 16px;
  }
}
.accordion_item {
  border-radius: 12px;
  border: 1px solid #c2c6cb;
  overflow: hidden;
  transition: 0.35s linear;
}
.accordion_item.active {
  background: var(--core-grey-white, #f4f4f4);
}
.accordion_item.active .accordion_header::before {
  transform: rotateX(180deg);
}
.accordion_header {
  cursor: pointer;
  padding: 24px;
  transition: 0.35s linear;
  position: relative;
  color: var(--core-primary, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 768px) {
  .accordion_header {
    font-size: 16px;
    padding: 16px 12px;
  }
}
.accordion_header::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../images/icons/chevron-down.svg") center no-repeat;
  background-size: contain;
  right: 20px;
  top: calc(50% - 12px);
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .accordion_header::before {
    right: 10px;
  }
}
.accordion_content {
  display: none;
}
.accordion_content p {
  margin: 0;
}

.product_features {
  border-radius: 12px;
  overflow: hidden;
}
.product_features.head {
  border-radius: 0px;
  position: sticky;
  top: 80px;
  z-index: 9;
  transition: top 0.8s ease-in-out;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .product_features.head {
    padding-bottom: 60px;
    top: 50px;
  }
  .product_features.head .product_features_each--item:first-child {
    display: block;
    display: block;
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
  }
}
.product_features.head.active {
  background: #fff;
  padding-top: 20px;
}
.product_features.head.active .compare_product_group {
  padding: 12px;
}
.product_features.head.active .select_product--asset {
  opacity: 0.35;
}
.product_features.head.active .compare_product--asset {
  height: 40px;
}
@media (max-width: 768px) {
  .product_features.head.active .compare_product--asset {
    height: 0px;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .product_features.head.active .compare_product--title {
    margin-top: 0px;
  }
}
.product_features.head .product_features_each {
  background: transparent;
  gap: 20px;
}
@media (max-width: 768px) {
  .product_features.head .product_features_each {
    gap: 10px;
  }
}
.product_features.head .product_features_each--item {
  padding: 0px;
  border: none;
}
.product_features.highlight .highlight--item {
  background: #e2eef7;
}
.product_features.highlight .highlight--item > div {
  color: #191919;
}
.product_features .highlight--item {
  transition: 0.35s linear;
}
.product_features_each {
  display: grid;
  grid-template-columns: 0.75fr repeat(3, 1fr);
  background: #fff;
}
@media (max-width: 768px) {
  .product_features_each {
    grid-template-columns: 1fr 1fr;
  }
}
.product_features_each:first-child .product_features_each--item:first-child {
  border-top-left-radius: 12px;
}
.product_features_each:first-child .product_features_each--item:last-child {
  border-top-right-radius: 12px;
}
.product_features_each:last-child .product_features_each--item {
  border-bottom: none;
}
.product_features_each:last-child .product_features_each--item:first-child {
  border-bottom-left-radius: 12px;
}
.product_features_each:last-child .product_features_each--item:last-child {
  border-bottom-right-radius: 12px;
}
.product_features_each--label {
  display: none;
}
@media (max-width: 768px) {
  .product_features_each--label {
    display: block;
    color: #7b7b7b;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 12px;
  }
}
.product_features_each--item {
  color: var(--core-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 24px;
  border-top: #e7e7e7 1px solid;
  border-right: #e7e7e7 1px solid;
  position: relative;
}
.product_features_each--item:nth-child(3) .product_features_each--label {
  font-size: 0px;
}
.product_features_each--item .select_product {
  height: calc(100% - 56px);
}
@media (max-width: 768px) {
  .product_features_each--item {
    padding: 16px 12px;
    font-size: 13px;
  }
  .product_features_each--item:first-child {
    display: none;
  }
}
.product_features_each--item:last-child {
  border-right: none;
}
@media (max-width: 768px) {
  .product_features_each--item:last-child {
    display: none;
  }
}

.product_main_title {
  padding: 80px 20px;
  text-align: center;
  position: relative;
}
.product_main_title .title {
  max-width: 840px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .product_main_title {
    padding: 60px 20px;
  }
}

.masthead {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .masthead {
    display: block;
  }
}

.mob_fluid {
  display: flex;
  justify-content: center;
}

.sticky_tabs {
  position: sticky;
  top: 81px;
  background: #fff;
  z-index: 98;
  transition: 0.6s ease-in-out !important;
}
@media (max-width: 768px) {
  .sticky_tabs {
    top: 51px;
  }
  .sticky_tabs .container {
    padding: 0px;
  }
}

.tabs .tabs_dropdown {
  position: relative;
}
.tabs .tabs_dropdown .tab-dropdown-toggle {
  display: none;
}
@media (max-width: 768px) {
  .tabs .tabs_dropdown .tab-dropdown-toggle {
    display: block;
    border: none;
    background: #f2f2f2 url("../images/icons/chevron-down.svg") center right 20px no-repeat;
    height: 50px;
    width: 100%;
    text-align: left;
    padding: 0 20px;
    background-size: 18px;
    position: relative;
    z-index: 10;
  }
}
@media (max-width: 768px) {
  .tabs .tabs_dropdown .tab-list {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% - 12px);
    -webkit-backdrop-filter: blur(120px);
            backdrop-filter: blur(120px);
    background: rgba(255, 255, 255, 0.65);
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    flex-direction: column;
    gap: 0px !important;
    z-index: 9;
    padding: 20px;
  }
  .tabs .tabs_dropdown .tab-list .tab-line {
    display: none;
  }
  .tabs .tabs_dropdown .tab-list .tab-item {
    height: 40px;
    justify-content: flex-start;
  }
  .tabs .tabs_dropdown .tab-list .tab-item.active a {
    font-weight: 400;
  }
  .tabs .tabs_dropdown .tab-list .tab-item a {
    display: block;
    padding: 0px;
  }
}

.tabs {
  position: relative;
}
.tabs.v2 .tab-list {
  justify-content: center;
  gap: 0px;
}
.tabs.v2 .tab-list .tab-item {
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  display: grid;
  place-content: center;
  position: relative;
  z-index: 1;
}
.tabs.v2 .tab-list .tab-item.active a span {
  -webkit-text-fill-color: transparent;
}
.tabs.v2 .tab-list .tab-item a {
  padding: 0 40px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs.v2 .tab-list .tab-item a span {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  background-clip: text;
  -webkit-background-clip: text;
}
.tabs.v2 .tab-list .tab-line {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  bottom: 0;
  z-index: 1;
}
.tabs.v3 .tab-list {
  gap: 32px;
}
.tabs.v3 .tab-list li {
  height: 80px;
  display: grid;
  place-content: center;
  position: relative;
  z-index: 1;
}
.tabs.v3 .tab-list li a {
  color: var(--core-primary, #000);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .tabs.v3 .tab-list li a {
    font-size: 14px;
  }
}
.tabs.v3 .tab-list .tab-line {
  border-bottom: 1.5px solid var(--core-primary, #000);
  bottom: 0;
  z-index: 1;
}
.tabs.v4 {
  border-radius: 16px;
  border: 1px solid var(--core-border, #e7e7e7);
}
.tabs.v4 .tab-list {
  display: flex;
  border-bottom: 1px solid var(--core-border, #e7e7e7);
  overflow: auto;
}
.tabs.v4 .tab-list::-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .tabs.v4 .tab-list {
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
.tabs.v4 .tab-list .tab-item {
  flex-grow: 1;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 768px) {
  .tabs.v4 .tab-list .tab-item {
    position: relative;
  }
  .tabs.v4 .tab-list .tab-item.active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  }
}
.tabs.v4 .tab-list .tab-item a {
  padding: 32px 12px;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 768px) {
  .tabs.v4 .tab-list .tab-item a {
    padding: 18px 12px;
    font-size: 14px;
  }
}
.tabs.v4 .tab-list .tab-item a span {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  background-clip: text;
  -webkit-background-clip: text;
}
.tabs.v4 .tab-list .tab-item.active a span {
  -webkit-text-fill-color: transparent;
}
.tabs.v4 .tab-list .tab-line {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  bottom: 0;
  z-index: 1;
  height: 1px;
}
@media (max-width: 768px) {
  .tabs.v4 .tab-list .tab-line {
    display: none;
  }
}
.tabs.v4 .tab-content {
  padding: 64px;
}
@media (max-width: 768px) {
  .tabs.v4 .tab-content {
    padding: 24px 20px;
  }
}
.tabs.v5 {
  border-radius: 16px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  overflow: hidden;
}
.tabs.v5 .tab-list {
  display: flex;
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
  gap: 0px;
}
@media (max-width: 768px) {
  .tabs.v5 .tab-list {
    flex-wrap: wrap;
  }
}
.tabs.v5 .tab-list .tab-item {
  flex-grow: 1;
  border-right: 0.5px solid var(--core-border-dark, #bdbdbd);
  text-align: center;
  padding: 0px;
  position: relative;
}
@media (max-width: 768px) {
  .tabs.v5 .tab-list .tab-item {
    padding: 0 16px;
  }
}
.tabs.v5 .tab-list .tab-item:last-child {
  border: none;
}
@media (max-width: 768px) {
  .tabs.v5 .tab-list .tab-item:last-child:last-child {
    border-top: 0.5px solid var(--core-border-dark, #bdbdbd);
  }
}
.tabs.v5 .tab-list .tab-item a {
  height: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 40px;
  position: relative;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  color: var(--system-black-100, #000);
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .tabs.v5 .tab-list .tab-item a {
    height: 50px;
    font-size: 15px;
    padding-right: 24px;
  }
}
.tabs.v5 .tab-list .tab-item a::before {
  content: "";
  position: absolute;
  top: calc(50% - 14px);
  right: 0;
  background: url("../images/icons/CaretDownWhite.svg") center right no-repeat;
  width: 24px;
  height: 24px;
  z-index: 1;
  opacity: 0;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .tabs.v5 .tab-list .tab-item a::before {
    background-size: 12px;
    width: 12px;
    height: 12px;
    top: calc(50% - 8px);
  }
}
.tabs.v5 .tab-list .tab-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.35s linear;
}
.tabs.v5 .tab-list .tab-item:nth-child(1)::before {
  background: var(--care-package, linear-gradient(101deg, #d5534f 5.55%, #c0130e 99.13%));
}
.tabs.v5 .tab-list .tab-item:nth-child(2)::before {
  background: var(--care-plus, linear-gradient(101deg, #d39364 0.69%, #b45f21 99.31%));
}
.tabs.v5 .tab-list .tab-item:nth-child(3)::before {
  background: var(--care-basic, linear-gradient(180deg, #4ca0e0 0%, #097ad1 100%));
}
.tabs.v5 .tab-list .tab-item.active a {
  color: #fff;
}
.tabs.v5 .tab-list .tab-item.active a::before {
  opacity: 1;
}
.tabs.v5 .tab-list .tab-item.active::before {
  opacity: 1;
}
.tabs.v5 .tab-content {
  padding: 64px;
}
@media (max-width: 768px) {
  .tabs.v5 .tab-content {
    padding: 24px 20px;
  }
}
.tabs .tabs_border {
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
}
@media (max-width: 768px) {
  .tabs .tabs_border {
    border: none;
  }
}
.tabs .tab-list {
  list-style: none;
  padding: 0;
  display: flex;
  position: relative;
  gap: 15px;
}
.tabs .tab-list .tab-item {
  position: relative;
}
.tabs .tab-list .tab-item a {
  color: var(--CoolGray-90, #21272a);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  padding: 10px 0;
  display: block;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .tabs .tab-list .tab-item a {
    font-size: 16px;
  }
}
.tabs .tab-list .tab-item.active a,
.tabs .tab-list .tab-item a:hover {
  color: #000;
}
.tabs .tab-list .tab-line {
  position: absolute;
  bottom: -2px;
  height: 2px;
  background: #000;
  width: 0;
  transition: width 0.3s, left 0.3s;
}
.tabs .tab-content .tab-pane {
  display: none;
}
.tabs .tab-content .tab-pane.active {
  display: block;
}

@media (min-width: 768px) {
  .news_section .tab-list {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .news_section .tab-list {
    padding-top: 32px;
  }
}

@keyframes rotate-circle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.gradient_circle {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.gradient_circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/icons/gradient-circle.svg") center no-repeat;
  background-size: contain;
  animation: rotate-circle 5s linear infinite;
  z-index: -1;
}
.gradient_circle.big {
  width: 80px;
  height: 80px;
}
@media (max-width: 768px) {
  .gradient_circle.big {
    width: 48px;
    height: 48px;
  }
  .gradient_circle.big img {
    width: 20px;
  }
}
.gradient_circle--text {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-top: 4px;
}

.step_guide {
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  .step_guide {
    min-width: 52vw;
  }
}
.step_guide--info {
  color: var(--system-black-100, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  text-align: center;
}
@media (max-width: 768px) {
  .step_guide--info {
    padding: 0 20px 40px;
  }
}
.step_guide--info a {
  font-weight: 500;
  text-decoration: underline;
}
.step_guide:last-child::before {
  display: none;
}
.step_guide::before {
  content: "";
  position: absolute;
  height: 100%;
  border-right: #bdbdbd 0.5px solid;
  right: -40px;
  top: 0;
}
@media (max-width: 768px) {
  .step_guide::before {
    right: 0px;
    border: none;
  }
}
.step_guide_col_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px;
  border-bottom: #bdbdbd 0.5px solid;
  padding-bottom: 80px;
  margin-bottom: 80px;
}
.step_guide_col_3.no_border {
  border: none;
}
.step_guide_col_3.pb {
  padding-bottom: 0px;
}
.step_guide_col_3.mb {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .step_guide_col_3 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    gap: 20px;
    border: none;
    grid-template-columns: 1fr;
  }
}
.step_guide_col_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
  border-bottom: #bdbdbd 0.5px solid;
  padding-bottom: 80px;
}
.step_guide_col_2.no_border {
  border: none;
}
@media (max-width: 768px) {
  .step_guide_col_2 {
    padding-bottom: 0px;
    gap: 20px;
    border: none;
    grid-template-columns: 1fr;
  }
}
.step_guide_wrap {
  padding: 80px 56px;
}
@media (max-width: 768px) {
  .step_guide_wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px 20px;
  }
  .step_guide_wrap::-webkit-scrollbar {
    display: none;
  }
}
.step_guide--icon {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .step_guide--icon {
    margin-bottom: 12px;
  }
}
.step_guide--title {
  color: var(--system-black-100, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .step_guide--title {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.step_guide--title2 {
  color: var(--system-black-100, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .step_guide--title2 {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.step_guide--desc {
  color: var(--system-black-100, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.step_guide--desc .info_label {
  font-style: italic;
  margin-top: 12px;
  display: block;
}
@media (max-width: 768px) {
  .step_guide--desc {
    font-size: 14px;
    max-width: 80%;
    margin: 0 auto;
  }
}

.tech_specs {
  padding: 60px 80px;
}
@media (max-width: 768px) {
  .tech_specs {
    padding: 0;
  }
}
.tech_specs_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .tech_specs_list {
    gap: 12px;
  }
}
.tech_specs_list_each {
  color: var(--CoolGray-90, #21272a);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 40px;
}
@media (max-width: 768px) {
  .tech_specs_list_each {
    font-size: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}
.tech_specs_list_each--desc {
  text-align: right;
}

.features_card {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 768px) {
  .features_card {
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.features_card .features_card_each:first-child {
  max-width: 530px;
}
@media (max-width: 768px) {
  .features_card .features_card_each:first-child {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .features_card .features_card_each:last-child {
    padding: 0 20px;
  }
}
.features_card_wrap {
  padding: 64px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid var(--core-border, #e7e7e7);
}
@media (max-width: 768px) {
  .features_card_wrap {
    padding: 30px 20px;
    margin: 0 -20px;
    border-radius: 0px;
  }
}
.features_card_wrap .container {
  min-width: 100%;
}
.features_card_wrap .generic_swiper_btns .swiper-button-prev,
.features_card_wrap .generic_swiper_btns .swiper-button-next,
.features_card_wrap .generic_swiper_btns .swiper-button-prev {
  margin-top: 40px;
}

.stikcy_navbar {
  position: sticky;
  top: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--core-border, #e7e7e7);
  border-bottom: 1px solid var(--core-border, #e7e7e7);
  background: #fff;
  z-index: 98;
  justify-content: center;
  transform: translateY(0px);
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .stikcy_navbar {
    height: 50px;
    justify-content: flex-end;
    padding-right: 20px;
    top: 50px;
  }
}
.stikcy_navbar--title {
  background: url("../images/icons/chevron-down.svg") no-repeat center right;
  padding: 0 30px;
  background-size: 20px;
  display: none;
}
@media (max-width: 768px) {
  .stikcy_navbar--title {
    display: block;
  }
}
.stikcy_navbar ul {
  padding-left: 0px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .stikcy_navbar ul {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid var(--core-border, #e7e7e7);
    display: none;
  }
}
.stikcy_navbar ul li a {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 46px;
  border-radius: 12px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .stikcy_navbar ul li a {
    height: 50px;
    border-radius: 0px;
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
  }
}
.stikcy_navbar ul li a.active {
  background: #f4f4f4;
}

body.header_up .stikcy_navbar,
body.header_up .sticky_tabs {
  top: 0;
}
@media (max-width: 768px) {
  body.header_up .stikcy_navbar,
  body.header_up .sticky_tabs {
    top: 0;
  }
}
body.header_up .compare_plans_each.head {
  top: 0;
}
body.header_up .product_features.head {
  top: 0;
  transition: top 0.1s linear;
}

.compare_product {
  text-align: center;
}
.compare_product:hover .compare_product_group {
  background: #f2f2f2;
}
@media (max-width: 768px) {
  .compare_product {
    margin: 0 2px;
  }
}
.compare_product_group {
  border-radius: 8.205px;
  border: 0.5px solid var(--core-border, #e7e7e7);
  background: var(--system-white-100, #fff);
  padding: 34px;
  position: relative;
  overflow: hidden;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .compare_product_group {
    padding: 10px;
  }
}
.compare_product_group::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 88.03%);
}
.compare_product--asset {
  transition: 0.35s linear;
  height: 160px;
}
@media (max-width: 768px) {
  .compare_product--asset {
    height: 96px;
  }
}
.compare_product--asset img {
  display: inline-block;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .compare_product--asset img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.compare_product--title {
  margin-top: -40px;
}
@media (max-width: 768px) {
  .compare_product--title {
    margin-top: 0px;
  }
  .compare_product--title .secondary_btn {
    height: 38px;
    padding: 0 8px;
    font-size: 12px;
    border-radius: 8px;
    min-width: auto;
  }
  .compare_product--title .secondary_btn svg {
    width: 16px;
  }
}
.compare_product--learnmore {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .compare_product--learnmore {
    margin-top: 0px;
  }
  .compare_product--learnmore .learn_more_btn {
    font-size: 13px;
    padding-right: 24px;
  }
  .compare_product--learnmore .learn_more_btn::before {
    background-size: 20px;
  }
}

.choose_modal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.choose_modal--title {
  color: var(--system-black-60, rgba(0, 0, 0, 0.6));
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .choose_modal--title {
    font-size: 14px;
    max-width: 120px;
    text-align: right;
  }
}
.choose_modal--link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 40px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 768px) {
  .choose_modal--link {
    font-size: 14px;
  }
}
.choose_modal--link:hover svg {
  transform: rotate(6deg);
}
.choose_modal--link svg {
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .choose_modal--link svg {
    width: 20px;
  }
}
.choose_modal--link svg path {
  stroke: #000;
}

.highlight_diff label {
  cursor: pointer;
  border-radius: 8px;
  border: 1.5px solid var(--core-primary, #000);
  color: var(--system-black-100, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: center;
  padding: 12px;
  gap: 12px;
  max-width: 225px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  /* Hide the default checkbox */
  /* Style the checked state */
  /* Optional: Add a checkmark for visual indication */
}
@media (max-width: 768px) {
  .highlight_diff label {
    padding: 8px;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-width: 1px;
    font-size: 13px;
    max-width: 100%;
  }
}
.highlight_diff label input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1.5px solid #000;
  /* Black border */
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .highlight_diff label input[type=checkbox] {
    width: 14px;
    height: 14px;
    border-width: 1px;
  }
}
.highlight_diff label input[type=checkbox]:checked {
  background-color: #000;
  /* Black background when checked */
  position: relative;
}
.highlight_diff label input[type=checkbox]:checked::before {
  border-radius: 2px;
  content: "";
  /* Unicode for checkmark */
  color: white;
  position: absolute;
  background: #000 url("../images/icons/check-white.svg") center no-repeat;
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.get_in_touch {
  display: grid;
  grid-template-columns: 1fr 500px;
  gap: 80px;
}
@media (max-width: 768px) {
  .get_in_touch {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.get_in_touch_wrap {
  padding: 60px 0;
}
@media (max-width: 768px) {
  .get_in_touch_wrap {
    padding: 40px 0;
  }
}
.get_in_touch_info--icon {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .get_in_touch_info--icon {
    margin-bottom: 12px;
  }
  .get_in_touch_info--icon img,
  .get_in_touch_info--icon svg {
    width: 40px;
    height: 40px;
  }
}
.get_in_touch_info .title {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .get_in_touch_info .title {
    margin-bottom: 16px;
  }
}
.get_in_touch_card {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(27px);
          backdrop-filter: blur(27px);
  padding: 32px;
  display: grid;
  grid-template-columns: 200px 1fr;
  align-items: center;
  gap: 40px;
}
@media (max-width: 768px) {
  .get_in_touch_card {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px;
  }
}
.get_in_touch_card--asset {
  border-radius: 8px;
  overflow: hidden;
}
.get_in_touch_card_info--title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 16px;
}
.get_in_touch_card_info--desc {
  color: #000;
  font-size: 14px;
  font-style: normal;
  line-height: 150%;
}
.get_in_touch_card_info--desc a {
  font-weight: 500;
  text-decoration: underline;
}
.get_in_touch_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(27px);
          backdrop-filter: blur(27px);
  padding: 32px;
}
@media (max-width: 768px) {
  .get_in_touch_list {
    grid-template-columns: 1fr;
    padding: 30px 20px;
  }
}
.get_in_touch_list_each:first-child {
  position: relative;
}
@media (max-width: 768px) {
  .get_in_touch_list_each:first-child {
    padding-bottom: 32px;
  }
}
.get_in_touch_list_each:first-child::before {
  content: "";
  position: absolute;
  height: 100%;
  border-right: 0.5px solid var(--core-border-color, #baa89e);
  top: 0;
  right: -16px;
}
@media (max-width: 768px) {
  .get_in_touch_list_each:first-child::before {
    border-bottom: 0.5px solid var(--core-border-color, #baa89e);
    border-right: none;
    height: auto;
    width: 100%;
    top: auto;
    bottom: 0px;
    right: 0;
  }
}
.get_in_touch_list_each:last-child {
  padding-left: 20px;
}
@media (max-width: 768px) {
  .get_in_touch_list_each:last-child {
    padding-left: 0px;
  }
}
.get_in_touch_list--title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .get_in_touch_list--title {
    font-size: 20px;
    max-width: 60%;
  }
}
.get_in_touch_list--text {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.get_in_touch_list--text a {
  font-weight: 400;
  text-decoration: underline;
}

.cus_form {
  padding: 48px 40px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.06);
  /* Hide the default checkbox */
  /* Style the checked state */
  /* Optional: Add a checkmark for visual indication */
}
@media (max-width: 768px) {
  .cus_form {
    padding: 30px 20px;
  }
}
.cus_form .form_group {
  margin-bottom: 24px;
  position: relative;
}
.cus_form .form_group .iti {
  display: block;
}
.cus_form .form_group .iti__selected-flag {
  background: transparent !important;
}
.cus_form .form_group .iti__country-list {
  border-radius: 8px;
  top: calc(100% + 2px);
  box-shadow: none;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
}
.cus_form .form_group .iti__country {
  padding: 12px;
  font-size: 14px;
}
.cus_form .form_group .iti__flag-box,
.cus_form .form_group .iti__country-name {
  margin-right: 12px;
}
.cus_form .form_group_col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 768px) {
  .cus_form .form_group_col {
    display: block;
  }
}
.cus_form label {
  color: var(--CoolGray-90, #21272a);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 8px;
  display: block;
}
.cus_form input,
.cus_form select,
.cus_form textarea {
  border-radius: 6px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  height: 48px;
  padding: 12px 16px;
  width: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  color: var(--core-primary, #000);
  outline: none;
  transition: 0.25s linear;
}
.cus_form input::-moz-placeholder, .cus_form select::-moz-placeholder, .cus_form textarea::-moz-placeholder {
  color: var(--system-black-40, rgba(0, 0, 0, 0.4));
}
.cus_form input::placeholder,
.cus_form select::placeholder,
.cus_form textarea::placeholder {
  color: var(--system-black-40, rgba(0, 0, 0, 0.4));
}
.cus_form input:not(:-moz-placeholder), .cus_form select:not(:-moz-placeholder), .cus_form textarea:not(:-moz-placeholder) {
  border: 0.5px solid var(--core-primary, #000);
}
.cus_form input:not(:placeholder-shown), .cus_form input:focus,
.cus_form select:not(:placeholder-shown),
.cus_form select:focus,
.cus_form textarea:not(:placeholder-shown),
.cus_form textarea:focus {
  border: 0.5px solid var(--core-primary, #000);
}
.cus_form textarea {
  height: 100px;
  resize: none;
}
.cus_form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: url("../images/icons/nav-arrow-down.svg") center right 16px no-repeat;
  background-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
}
.cus_form button {
  display: flex;
  justify-content: center;
  width: 100%;
}
.cus_form .btn_input {
  width: 100%;
  padding: 0;
}
.cus_form .btn_input input {
  background: transparent !important;
  padding: 0 24px;
  border: none !important;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
}
.cus_form .disclaimer {
  border-top: 0.5px solid var(--core-border-dark, #bdbdbd);
  padding-top: 12px;
}
.cus_form .disclaimer label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.cus_form .disclaimer label input {
  min-width: 16px;
}
.cus_form .checkbox_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
  margin-top: 16px;
}
.cus_form .checkbox_list label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.cus_form input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1.5px solid #000;
  /* Black border */
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  padding: 0px;
}
@media (max-width: 768px) {
  .cus_form input[type=checkbox] {
    width: 14px;
    height: 14px;
    border-width: 1px;
  }
}
.cus_form input[type=checkbox]:checked {
  background-color: #000;
  /* Black background when checked */
  position: relative;
}
.cus_form input[type=checkbox]:checked::before {
  border-radius: 4px;
  content: "";
  /* Unicode for checkmark */
  color: white;
  position: absolute;
  background: #000 url("../images/icons/check-white.svg") center no-repeat;
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_detail {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 620px;
}
.product_detail.v2 .product_detail_each:last-child {
  padding-left: 30px;
}
@media (max-width: 768px) {
  .product_detail.v2 .product_detail_each:last-child {
    padding-left: 0px;
  }
}
@media (max-width: 768px) {
  .product_detail {
    display: flex;
    flex-direction: column-reverse;
  }
}
.product_detail .container {
  min-width: auto;
}
.product_detail_each {
  padding: 40px 0;
}
.product_detail_each:last-child {
  border-left: 1px solid var(--core-border, #e7e7e7);
  height: 100%;
  padding-left: 80px;
}
@media (max-width: 768px) {
  .product_detail_each:last-child {
    border: none;
    border-bottom: 1px solid var(--core-border, #e7e7e7);
    height: auto;
    padding-left: 0px;
    width: 100%;
  }
}
.product_detail_each .title {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .product_detail_each .title {
    margin-bottom: 16px;
  }
}
.product_detail_each:first-child {
  padding-right: 80px;
}
@media (max-width: 768px) {
  .product_detail_each:first-child {
    padding-right: 0px;
    padding-bottom: 0px;
  }
}
.product_detail_card {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(27px);
          backdrop-filter: blur(27px);
  margin-top: 34px;
}
@media (max-width: 768px) {
  .product_detail_card {
    margin-top: 20px;
  }
}
.product_detail_card--btns {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 32px;
}
@media (max-width: 768px) {
  .product_detail_card--btns {
    padding: 30px 20px;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .product_detail_card--btns {
    grid-template-columns: 1fr;
  }
}
.product_detail_card--btns a {
  justify-content: center;
  flex-grow: 1;
}
.product_detail_card--links {
  border-top: 0.5px solid var(--core-border-color, #baa89e);
  padding: 20px 32px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
}
@media (max-width: 768px) {
  .product_detail_card--links {
    padding: 20px 0px;
  }
}
.product_detail_card--links a {
  color: var(--core-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .product_detail_card--links a {
    font-size: 13px;
    font-weight: 400;
  }
}
.product_detail_card--links a img,
.product_detail_card--links a svg {
  transition: 0.25s linear;
}
.product_detail_card--links a:hover img,
.product_detail_card--links a:hover svg {
  transform: scale(1.035);
}

.product_swiper .parallax_swiper_card .image_card img {
  height: auto;
}
.product_swiper.v2 {
  padding: 80px 0;
}
@media (max-width: 768px) {
  .product_swiper.v2 {
    padding: 0px;
    padding-bottom: 20px;
  }
}
.product_swiper.v2 .image_card {
  display: inline-block;
  max-width: 90%;
}
@media (max-width: 768px) {
  .product_swiper.v2 .image_card {
    max-width: 80%;
  }
}
.product_swiper_wrap {
  position: relative;
}
.product_swiper_each {
  display: none;
}
.product_swiper_each.active {
  display: block;
  animation: fadeInShow 0.35s linear;
  will-change: opacity;
}
.product_swiper--btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .product_swiper--btns {
    padding-bottom: 20px;
  }
}
.product_swiper--btns span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  background: var(--bg);
  color: #fff;
  height: 40px;
  min-width: 40px;
  border-radius: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  font-size: 0px;
  cursor: pointer;
  transition: 0.45s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
@media (max-width: 768px) {
  .product_swiper--btns span {
    height: 36px;
    min-width: 36px;
    border-radius: 38px;
  }
}
.product_swiper--btns span.active {
  font-size: 14px;
}
@media (max-width: 768px) {
  .product_swiper--btns span.active {
    font-size: 12px;
  }
}
.product_swiper .image_card {
  display: inline-block;
}
.product_swiper .swiper-slide {
  text-align: center;
  overflow: hidden;
}
.product_swiper .swiper-pagination {
  margin: 0 auto;
  margin-top: 20px;
}
.product_swiper .swiper-button-prev,
.product_swiper .swiper-button-next {
  top: 50%;
  right: -10px;
}
@media (max-width: 768px) {
  .product_swiper .swiper-button-prev,
  .product_swiper .swiper-button-next {
    right: -10px;
  }
  .product_swiper .swiper-button-prev .arrow_btn,
  .product_swiper .swiper-button-next .arrow_btn {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }
}
.product_swiper .swiper-button-prev::after,
.product_swiper .swiper-button-next::after {
  display: none;
}
@media (max-width: 768px) {
  .product_swiper .swiper-button-prev {
    left: -10px;
    right: auto;
  }
}

footer {
  background: var(--core-primary, #000);
}
footer .social_links_wrap {
  text-align: center;
}
@media (max-width: 768px) {
  footer .social_links_wrap {
    margin-top: 30px;
  }
}
footer .social_links_wrap .image_card {
  display: inline-block;
  border-radius: 0px;
}
footer .social_links ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-left: 0px;
  padding-top: 30px;
}
footer .social_links ul li a {
  border-radius: 4px;
  border: 1px solid var(--system-white-20, rgba(255, 255, 255, 0.2));
  height: 36px;
  width: 36px;
  min-width: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.35s linear;
}
footer .social_links ul li a img,
footer .social_links ul li a svg {
  transition: 0.35s linear;
}
footer .social_links ul li a:hover {
  border: 1px solid var(--system-white-20, rgba(255, 255, 255, 0.5));
}
footer .social_links ul li a:hover img,
footer .social_links ul li a:hover svg {
  transform: scale(1.15);
}
footer .footer_top {
  padding: 80px 0px 60px;
  border-bottom: 1px solid var(--system-white-20, rgba(255, 255, 255, 0.2));
  display: grid;
  grid-template-columns: 1fr 460px;
  gap: 32px;
}
@media (max-width: 768px) {
  footer .footer_top {
    grid-template-columns: repeat(1, 1fr);
    padding: 40px 0px;
  }
  footer .footer_top .footer_list {
    gap: 0px !important;
  }
  footer .footer_top .footer_list_each {
    border-bottom: 1px solid var(--system-white-20, rgba(255, 255, 255, 0.2));
    padding: 16px 0;
    position: relative;
  }
  footer .footer_top .footer_list_each.active::before {
    transform: rotateX(180deg);
  }
  footer .footer_top .footer_list_each::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../images/icons/nav-arrow-down-white.svg") top right no-repeat;
    right: 0;
    top: 16px;
    pointer-events: none;
    transition: 0.35s linear;
  }
  footer .footer_top .footer_list_each--links {
    display: none;
  }
}
footer .footer_bottom {
  padding: 60px 0px 80px;
}
@media (max-width: 768px) {
  footer .footer_bottom {
    padding: 40px 0;
  }
}
footer .footer_links {
  font-size: 14px;
  font-style: normal;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  color: #fff;
}
@media (max-width: 768px) {
  footer .footer_links {
    display: block;
    height: auto;
    padding-bottom: 20px;
    text-align: center;
    font-size: 13px;
  }
}
footer .footer_links a {
  font-weight: 500;
  display: inline-block;
  color: #fff;
  position: relative;
}
footer .footer_links a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #737578;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
footer .footer_links a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
footer .footer_links ul {
  padding-left: 0px;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  footer .footer_links ul {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 18px;
    gap: 6px 12px;
  }
}
footer .footer_links ul li {
  position: relative;
  padding-right: 12px;
}
footer .footer_links ul li:last-child::before {
  display: none;
}
footer .footer_links ul li::before {
  content: "";
  position: absolute;
  border-right: rgba(255, 255, 255, 0.6) 1px solid;
  height: calc(100% - 4px);
  top: 2px;
  right: 0px;
}
footer .footer_links ul li a {
  font-weight: 300;
  color: var(--system-white-60, rgba(255, 255, 255, 0.6));
}
footer .footer_list.col_5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
@media (max-width: 768px) {
  footer .footer_list.col_5 {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
}
footer .footer_list.col_4 {
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
footer .footer_list.col_4 .footer_list_each {
  max-width: 300px;
}
@media (max-width: 768px) {
  footer .footer_list.col_4 .footer_list_each {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  footer .footer_list.col_4 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
}
footer .footer_list_each--title {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
footer .footer_list_each--links {
  color: var(--system-white-60, rgba(255, 255, 255, 0.6));
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-top: 16px;
}
footer .footer_list_each--links a {
  display: inline-flex;
  position: relative;
}
footer .footer_list_each--links a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #737578;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
footer .footer_list_each--links a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
footer .footer_list_each--links ul {
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer .footer_list_each--links ul li {
  display: flex;
  gap: 8px;
}
footer .footer_list_each--links ul li img {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-top: 2px;
}
footer .footer_list_each--links ul li a {
  display: inline-flex;
  position: relative;
}
footer .footer_list_each--links ul li a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #737578;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
footer .footer_list_each--links ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.subscribe {
  padding: 32px;
  border-radius: 16px;
  border: 1px solid var(--system-white-20, rgba(255, 255, 255, 0.2));
}
@media (max-width: 768px) {
  .subscribe {
    padding: 20px;
  }
}
.subscribe--title {
  color: var(--system-white-100, #fff);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .subscribe--title {
    font-size: 18px;
  }
}
.subscribe--form {
  position: relative;
}
.subscribe--form input {
  border-radius: 12px;
  border: 1px solid var(--core-primary, #000);
  background: #fbf7ee;
  height: 56px;
  padding: 16px;
  width: 100%;
  outline: none;
}
.subscribe--form button {
  position: absolute;
  top: 2px;
  right: 2px;
  height: 52px;
  border-radius: 12px;
  background: var(--core-primary, #000);
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .subscribe--form button {
    font-size: 0px;
    gap: 0px;
  }
}

.progress_card {
  position: relative;
  display: block;
  max-width: 270px;
  padding-bottom: 60px;
  height: 100%;
  cursor: pointer;
}
.progress_card.active .progress_card--title::before {
  width: 100%;
  transition: 3.4s linear;
}
@media (max-width: 768px) {
  .progress_card.active .progress_card--title::before {
    opacity: 1;
    width: 100%;
  }
}
.progress_card.active .progress_card--title span {
  -webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
  .progress_card {
    max-width: 100%;
  }
}
.progress_card .card_asset {
  display: none;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .progress_card .card_asset {
    display: block;
    height: 240px;
  }
  .progress_card .card_asset img,
  .progress_card .card_asset video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.progress_card_grid {
  display: grid;
  grid-template-columns: 740px 420px;
  gap: 40px;
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .progress_card_grid {
    display: none;
  }
}
@media (max-width: 768px) {
  .progress_card_grid_wrap .swiper-slide.swiper-slide-active .progress_card--title span {
    -webkit-text-fill-color: transparent;
  }
  .progress_card_grid_wrap .swiper-slide.swiper-slide-active .progress_card--title::before {
    opacity: 1;
    width: 100%;
  }
}
.progress_card_grid_each {
  border-radius: 12px;
  background: #f4f4f4;
  overflow: hidden;
}
@media (max-width: 768px) {
  .progress_card_grid_each:last-child {
    display: none;
  }
}
.progress_card--title {
  color: var(--system-black-100, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  padding-bottom: 20px;
  transition: 0.35s linear;
  position: relative;
}
.progress_card--title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  left: 0;
  z-index: -1;
}
.progress_card--title::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  bottom: 0;
  left: 0;
}
@media (max-width: 768px) {
  .progress_card--title::before {
    width: 100%;
    opacity: 0;
    transition: 0.35s linear;
  }
}
.progress_card--title span {
  -webkit-text-fill-color: initial;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .progress_card--title {
    font-size: 22px;
    padding-bottom: 12px;
  }
}
.progress_card--desc {
  color: var(--system-black-100, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .progress_card--desc {
    padding-top: 12px;
    font-size: 14px;
    opacity: 1;
  }
}
.progress_card--arrow {
  margin-top: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.progress_parallax_swiper .swiper-slide {
  overflow: hidden;
}

.progress_card_swiper {
  height: 100%;
}
.progress_card_swiper .swiper {
  height: 100%;
}
.progress_card_swiper .image_card {
  padding: 20px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
}

.parallax_swiper {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.parallax_swiper .swiper-slide {
  overflow: hidden;
}
.parallax_swiper_card .image_card {
  height: 100%;
}
.parallax_swiper_card .image_card img {
  height: 100%;
}

.expertise_swiper {
  display: flex;
}
@media (max-width: 768px) {
  .expertise_swiper {
    display: none;
  }
}
.expertise_swiper_first {
  max-width: 315px;
  margin-top: 120px;
  margin-right: -60px;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.expertise_swiper_last {
  max-width: 320px;
  max-height: 410px;
  pointer-events: none;
}

.news_events .grid_col_3 {
  gap: 100px 40px;
}
@media (max-width: 768px) {
  .news_events .grid_col_3 {
    gap: 40px;
  }
}

.digital_grid {
  display: grid;
  grid-template-columns: 450px calc(100% - 530px);
  align-items: flex-start;
  gap: 80px;
}
@media (max-width: 768px) {
  .digital_grid {
    display: block;
    margin: 0 -20px;
  }
}
@media (max-width: 768px) {
  .digital_grid_each:first-child {
    display: none;
  }
}
@media (min-width: 768px) {
  .digital_grid_each:last-child {
    position: sticky;
    top: 100px;
  }
}
.digital_grid .image_card {
  max-width: 100%;
}
.digital_grid_list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.digital_grid_list_each {
  padding-bottom: 32px;
  cursor: pointer;
  position: relative;
}
.digital_grid_list_each::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: #e7e7e7 1px solid;
  left: 0;
  bottom: 0;
}
.digital_grid_list_each::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .digital_grid_list_each::before {
    display: none;
  }
}
.digital_grid_list_each.active::before {
  width: 100%;
  transition: 3.4s linear;
}
.digital_grid_list_each.active .digital_grid_list--title span {
  -webkit-text-fill-color: transparent;
}
.digital_grid_list_each.active .digital_grid_list--btn {
  height: 70px;
}
.digital_grid_list--title {
  color: var(--system-black-100, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .digital_grid_list--title {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
.digital_grid_list--title span {
  -webkit-text-fill-color: initial;
}
.digital_grid_list--desc {
  color: var(--CoolGray-90, #21272a);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .digital_grid_list--desc {
    font-size: 14px;
  }
}
.digital_grid_list--btn {
  height: 0px;
  overflow: hidden;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .digital_grid_list--btn {
    height: auto;
  }
}
.digital_grid_each .digital_swiper {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.digital_grid_each .digital_swiper .swiper-scrollbar {
  bottom: 40px !important;
}
.digital_grid_each .digital_swiper .digital_grid_list_each {
  display: none;
}
@media (max-width: 768px) {
  .digital_grid_each .digital_swiper {
    border-radius: 0px;
    padding-bottom: 40px;
  }
  .digital_grid_each .digital_swiper .digital_grid_list_each {
    display: block;
  }
}
.digital_grid_each .digital_swiper .swiper-slide {
  padding: 80px;
}
.digital_grid_each .digital_swiper .swiper-slide.swiper-slide-active .digital_grid_list--title span {
  -webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
  .digital_grid_each .digital_swiper .swiper-slide {
    padding: 40px 20px;
  }
}

.line_border {
  border-bottom: 0.5px solid var(--core-primary, #000);
}

.blog_detail {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 60px;
  align-items: flex-start;
}
.blog_detail.fluid {
  display: block;
}
.blog_detail.fluid .feature_img {
  margin-top: 0px;
}
.blog_detail.fluid .feature_img img {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .blog_detail {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.blog_detail_content .news_card_v2_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.blog_detail_content .news_card_v2_info .news_card_v2_info--label {
  margin-bottom: 0px;
}
.blog_detail_content .feature_img {
  margin: 60px 0;
}
@media (max-width: 768px) {
  .blog_detail_content .feature_img {
    margin: 30px 0;
  }
}
.blog_detail_content .feature_img img {
  height: 520px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .blog_detail_content .feature_img img {
    height: 260px;
    margin: 0 auto;
  }
}
.blog_detail_content h1 {
  font-size: 32px;
  line-height: 130%;
  margin-bottom: 16px;
  color: #000;
  font-weight: 400;
}
@media (max-width: 768px) {
  .blog_detail_content h1 {
    font-size: 18px;
  }
}
.blog_detail_content h2 {
  color: var(--system-black-100, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .blog_detail_content h2 {
    font-size: 22px;
  }
}
.blog_detail_content p {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .blog_detail_content p {
    font-size: 15px;
  }
}
.blog_detail_content ul {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .blog_detail_content ul {
    padding-left: 20px;
  }
}
.blog_detail_content ul li {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: 16px;
  list-style: initial;
}
@media (max-width: 768px) {
  .blog_detail_content ul li {
    font-size: 15px;
  }
}
.blog_detail_content ul li::marker {
  width: 10px;
  height: 10px;
  background: #000;
  display: block;
}
.blog_detail_content blockquote {
  border-top: 0.5px solid var(--core-border-dark, #bdbdbd);
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
  padding: 40px;
  color: var(--system-black-100, #000);
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin: 60px 0;
}
@media (max-width: 768px) {
  .blog_detail_content blockquote {
    margin: 30px 0;
    font-size: 20px;
    padding: 20px 0;
  }
}
.blog_detail_content img {
  max-width: 100%;
  margin: 60px 0;
}
@media (max-width: 768px) {
  .blog_detail_content img {
    margin: 30px 0;
  }
}
.blog_detail_list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.blog_detail_list.stikcy {
  position: sticky;
  top: 100px;
}
.blog_detail_list_card {
  padding: 32px;
  border-radius: 20px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
}
@media (max-width: 768px) {
  .blog_detail_list_card {
    display: none;
  }
}
.blog_detail_list_card--title {
  color: var(--system-black-60, rgba(0, 0, 0, 0.6));
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog_detail_list_card ul {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
}
.blog_detail_list_card ul li a {
  color: var(--system-black-60, rgba(0, 0, 0, 0.6));
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  display: block;
  transition: 0.25s linear;
  position: relative;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.blog_detail_list_card ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  border-bottom: 0.5px solid var(--core-primary, #000);
}
.blog_detail_list_card ul li a.active {
  color: var(--system-black-100, #000);
}
.blog_detail_list_card ul li a.active::before {
  width: 100%;
  transition: 0.25s linear;
}
.blog_detail_list_related_bottom {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 60px;
}
@media (max-width: 768px) {
  .blog_detail_list_related_bottom {
    display: none;
  }
}
.blog_detail_list_related--title {
  color: var(--system-black-60, rgba(0, 0, 0, 0.6));
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 16px;
}
.blog_detail_list_related_list {
  border-radius: 20px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
}
.blog_detail_list_related_list--title {
  color: var(--system-black-100, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .blog_detail_list_related_list--title {
    margin-bottom: 12px;
  }
}
.blog_detail_list_related_list ul {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .blog_detail_list_related_list ul {
    gap: 12px;
  }
}
.blog_detail_list_related_list ul li a {
  color: var(--system-black-100, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: url("../images/icons/caret-right-black.svg") center right no-repeat;
  display: block;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .blog_detail_list_related_list ul li a {
    font-size: 15px;
  }
}
.blog_detail_list_related_list ul li a:hover {
  background: url("../images/icons/caret-right-black.svg") center right -3px no-repeat;
}
.blog_detail_list_related_list_each {
  padding: 24px;
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
}
@media (max-width: 768px) {
  .blog_detail_list_related_list_each {
    padding: 20px;
  }
}
.blog_detail_list_related_list_each:last-child {
  border: none;
}
.blog_detail_list_info--title {
  color: var(--system-black-60, rgba(0, 0, 0, 0.6));
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 16px;
}
.blog_detail_list_info ul {
  padding-left: 16px;
}
.blog_detail_list_info ul li {
  color: var(--system-black-100, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 12px;
  list-style: disc;
  padding-left: 6px;
}

.news_detail {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: 24px;
}
.news_detail .news_card_v2_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.news_detail .news_card_v2_info .news_card_v2_info--label {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .news_detail {
    font-size: 15px;
  }
}
.news_detail p {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .news_detail p {
    font-size: 15px;
  }
}
.news_detail ul {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .news_detail ul {
    padding-left: 20px;
  }
}
.news_detail ul li {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: 16px;
  list-style: initial;
}
@media (max-width: 768px) {
  .news_detail ul li {
    font-size: 15px;
  }
}
.news_detail ul li::marker {
  width: 10px;
  height: 10px;
  background: #000;
  display: block;
}
.news_detail blockquote {
  border-top: 0.5px solid var(--core-border-dark, #bdbdbd);
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
  padding: 40px;
  color: var(--system-black-100, #000);
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin: 60px 0;
}
@media (max-width: 768px) {
  .news_detail blockquote {
    margin: 30px 0;
    font-size: 20px;
    padding: 20px 0;
  }
}

.loader {
  --uib-size: 50px;
  --uib-color: #0084cb;
  --uib-color-2: #c2651e;
  --uib-color-3: #b8262a;
  --uib-speed: 1.75s;
  position: relative;
  height: var(--uib-size);
  width: var(--uib-size);
  filter: url("#uib-jelly-triangle-ooze");
}
.loader_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  background: #fff;
}
.loader::before {
  background-color: var(--uib-color-2);
}
.loader::after {
  background-color: var(--uib-color-3);
}
.loader .dot {
  background-color: var(--uib-color);
}
.loader::before, .loader::after,
.loader .dot {
  content: "";
  position: absolute;
  width: 33%;
  height: 33%;
  border-radius: 100%;
  will-change: transform;
  transition: background-color 0.3s ease;
}
.loader .dot {
  top: 6%;
  left: 30%;
  animation: grow var(--uib-speed) ease infinite;
}
.loader::before {
  bottom: 6%;
  right: 0;
  animation: grow var(--uib-speed) ease calc(var(--uib-speed) * -0.666) infinite;
}
.loader::after {
  bottom: 6%;
  left: 0;
  animation: grow var(--uib-speed) ease calc(var(--uib-speed) * -0.333) infinite;
}
.loader .traveler {
  position: absolute;
  top: 6%;
  left: 30%;
  width: 33%;
  height: 33%;
  border-radius: 100%;
  animation: triangulate var(--uib-speed) ease infinite;
  transition: background-color 0.3s ease;
}

@keyframes triangulate {
  0%, 100% {
    transform: none;
    background-color: var(--uib-color);
  }
  33.333% {
    transform: translate(120%, 175%);
    background-color: var(--uib-color-2);
  }
  66.666% {
    transform: translate(-95%, 175%);
    background-color: var(--uib-color-3);
  }
}
@keyframes grow {
  0%, 85%, 100% {
    transform: scale(1.5);
  }
  50%, 60% {
    transform: scale(0);
  }
}
.help_card {
  padding: 64px;
}
@media (max-width: 768px) {
  .help_card {
    padding: 30px 20px;
  }
}
.help_card--title {
  color: #000;
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .help_card--title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.help_card--desc {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .help_card--desc {
    font-size: 14px;
    margin-bottom: 24px;
  }
}
.help_card_list {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 768px) {
  .help_card_list {
    gap: 24px;
  }
}
.help_card_list_each {
  border-radius: 12px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  text-align: center;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .help_card_list_each {
    height: 160px;
  }
}
.help_card_list_each--icon {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .help_card_list_each--icon {
    margin-bottom: 8px;
  }
  .help_card_list_each--icon svg,
  .help_card_list_each--icon img {
    max-width: 30px;
    max-height: 30px;
  }
}
.help_card_list_each--link a {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .help_card_list_each--link a {
    font-size: 14px;
  }
}
.help_card_list_each--link span {
  display: block;
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-top: 10px;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .help_card_list_each--link span {
    font-size: 11px;
    margin-top: 8px;
  }
}

.icon_card {
  padding: 32px;
  border-radius: 20px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(37px);
          backdrop-filter: blur(37px);
  max-width: 420px;
  text-align: center;
  display: block;
}
.icon_card.v2 {
  max-width: 100%;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .icon_card.v2 {
    min-height: 260px;
  }
}
@media (max-width: 768px) {
  .icon_card--asset img,
  .icon_card--asset svg {
    max-height: 50px;
  }
}
.icon_card--title {
  color: var(--CoolGray-90, #21272a);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .icon_card--title {
    font-size: 18px;
    margin-top: 24px;
  }
}
.icon_card--desc {
  font-weight: 300;
  margin-top: 12px;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .icon_card--desc {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
  }
}
.icon_card--btn {
  margin-top: 24px;
  border-radius: 12px;
  border: 2px solid var(--core-border-dark, #bdbdbd);
  padding: 0 16px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  color: var(--core-primary, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding-top: 1px;
}
@media (max-width: 768px) {
  .icon_card--btn {
    margin-top: 16px;
  }
}

.compare_modal {
  width: 600px;
  height: 100%;
  top: 0;
  right: 0;
  position: fixed;
  border-radius: 16px 0px 0px 16px;
  background: #fff;
  overflow: hidden;
  z-index: 999;
  padding: 64px 35px;
  overflow: auto;
  transform: translateX(100%);
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.45s;
}
@media (max-width: 768px) {
  .compare_modal {
    width: 100%;
    border-radius: 0px;
    padding: 64px 24px;
  }
}
.compare_modal.open {
  transform: translateX(0%);
}
.compare_modal::-webkit-scrollbar {
  display: none;
}
.compare_modal .cus_form {
  padding: 0px;
  background: transparent;
  box-shadow: none;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .compare_modal .cus_form {
    margin-bottom: 30px;
  }
}
.compare_modal--close {
  border-radius: 48px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  position: sticky;
  top: 0;
  right: 0;
  float: right;
  transform: translateY(-40px);
  z-index: 9;
}
@media (max-width: 768px) {
  .compare_modal--close {
    width: 30px;
    height: 30px;
  }
}
.compare_modal--close img {
  width: 18px;
  height: 18px;
}
.compare_modal--title {
  color: var(--system-black-100, #000);
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 34px;
}
@media (max-width: 768px) {
  .compare_modal--title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.compare_modal_product {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 36px;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 32px;
  border-top: var(--border, 0.5px) solid var(--core-border-dark, #bdbdbd);
  border-bottom: var(--border, 0.5px) solid var(--core-border-dark, #bdbdbd);
}
@media (max-width: 768px) {
  .compare_modal_product {
    grid-template-columns: 80px 1fr;
    gap: 16px;
  }
}
.compare_modal_product--asset {
  border-radius: 6px;
  background: #fff;
  padding: 12px;
}
.compare_modal_product--asset img {
  height: 60px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .compare_modal_product--asset img {
    height: 50px;
  }
}
.compare_modal_product--title {
  color: var(--system-black-100, #000);
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width: 768px) {
  .compare_modal_product--title {
    font-size: 16px;
  }
}
.compare_modal_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 768px) {
  .compare_modal_list {
    grid-template-columns: 1fr;
  }
}
.compare_modal_list--title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .compare_modal_list--title {
    margin-bottom: 20px;
  }
}
.compare_modal_list_each {
  /* Hide the default checkbox */
  /* Style the checked state */
  /* Optional: Add a checkmark for visual indication */
}
.compare_modal_list_each .border {
  border-radius: 8px;
  border: 1px solid var(--core-border-dark, #bdbdbd);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: 0.25s linear;
}
.compare_modal_list_each input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border: 1.5px solid #000;
  /* Black border */
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .compare_modal_list_each input[type=checkbox] {
    width: 14px;
    height: 14px;
    border-width: 1px;
  }
}
.compare_modal_list_each input[type=checkbox]:checked {
  background-color: #000;
  /* Black background when checked */
  position: relative;
}
.compare_modal_list_each input[type=checkbox]:checked ~ .border {
  border: 1.5px solid var(--core-primary, #000);
}
.compare_modal_list_each input[type=checkbox]:checked::before {
  border-radius: 2px;
  content: "";
  /* Unicode for checkmark */
  color: white;
  position: absolute;
  background: #000 url("../images/icons/check-white.svg") center no-repeat;
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compare_modal_list_each label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  position: relative;
  padding: 16px;
  height: 100%;
}
.compare_modal_list_each_info--title {
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 10px;
}
.compare_modal_list_each_info--desc {
  color: var(--system-black-100, #000);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .compare_modal button {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
  }
}

.select_product {
  text-align: center;
  border-radius: 8px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  height: 214px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
  overflow: hidden;
}
.select_product .secondary_btn {
  min-height: 48px;
}
.select_product_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding-bottom: 160px;
}
@media (max-width: 768px) {
  .select_product_list {
    grid-template-columns: 1fr;
    padding-bottom: 80px;
  }
}
.select_product--asset {
  margin-bottom: 20px;
}

.team_card {
  border-radius: 20px;
  width: 340px;
  position: relative;
}
@media (max-width: 768px) {
  .team_card {
    width: auto;
  }
}
.team_card::before {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  left: 1px;
  top: 1px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  border-radius: 20px;
  z-index: -1;
  background: var(--Default-White, #fff);
}
.team_card--img {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 24px;
  background: #dde1e6;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .team_card--img {
    margin-bottom: 16px;
  }
}
.team_card_info {
  text-align: center;
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .team_card_info {
    padding-bottom: 24px;
  }
}
.team_card_info--name {
  color: var(--CoolGray-90, #21272a);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .team_card_info--name {
    font-size: 20px;
  }
}
.team_card_info--desg {
  color: var(--CoolGray-60, #697077);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .team_card_info--desg {
    font-size: 13px;
  }
}
.team_card_info--links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.team_card_info--links a {
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .team_card_info--links a img {
    width: 30px;
  }
}
.team_card_info--links a:hover {
  transform: scale(1.035);
}

.award_card {
  text-align: center;
  width: 276px;
}
@media (max-width: 768px) {
  .award_card {
    width: auto;
  }
}
.award_card_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #f4f4f4 url("../images/frames/award-bg.webp") center no-repeat;
  height: 260px;
  background-size: cover;
}
.award_card--title {
  color: var(--CoolGray-90, #21272a);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .award_card--title {
    font-size: 18px;
  }
}
.award_card--label {
  color: var(--core-primary, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-top: 24px;
}

.milestone_card {
  border-left: 1px solid var(--core-border, #e7e7e7);
  width: 350px;
}
@media (max-width: 768px) {
  .milestone_card {
    width: auto;
  }
}
.milestone_card_wrap {
  padding: 24px;
}
.milestone_card--year {
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 16px;
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
@media (max-width: 768px) {
  .milestone_card--year {
    font-size: 24px;
  }
}
.milestone_card--title {
  color: var(--core-primary, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .milestone_card--title {
    min-height: 50px;
    font-size: 16px;
  }
}
.milestone_card--desc {
  color: var(--core-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  padding: 16px 24px 50px;
}
@media (max-width: 768px) {
  .milestone_card--desc {
    font-size: 14px;
  }
}
.milestone_card--layer {
  height: 1px;
  background: #f2f2f2;
  overflow: hidden;
}
@media (max-width: 768px) {
  .milestone_card--layer {
    height: 1px;
  }
}

.content_info {
  display: grid;
  grid-template-columns: 620px 1fr;
  gap: 80px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .content_info {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.content_info .image_card {
  position: sticky;
  top: 100px;
}
@media (max-width: 768px) {
  .content_info .image_card {
    position: relative;
    top: auto;
  }
}
.content_info_list {
  border-radius: 20px;
  border: 1px solid var(--core-border, #e7e7e7);
  order: -1;
}
@media (max-width: 768px) {
  .content_info_list {
    order: 0;
  }
}
.content_info_list_each {
  padding: 40px;
  border-bottom: 1px solid var(--core-border, #e7e7e7);
}
@media (max-width: 768px) {
  .content_info_list_each {
    padding: 20px;
  }
}
.content_info_list_each:last-child {
  border: none;
}
.content_info_list_each--title {
  color: var(--system-black-100, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .content_info_list_each--title {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
.content_info_list_each--desc {
  color: var(--system-black-100, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .content_info_list_each--desc {
    font-size: 14px;
  }
}

@keyframes arrowMove {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0px);
  }
}
.banner_section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  position: relative;
}
.banner_section .subtext {
  max-width: 620px;
}
@media (max-width: 768px) {
  .banner_section {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 40px 20px 0px;
  }
}
.banner_section--asset {
  border-radius: 0 0 0 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .banner_section--asset {
    border-radius: 20px;
  }
}
.banner_section--arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 70px;
  background: #fff;
  box-shadow: 0px 4px 24px 5px rgba(0, 0, 0, 0.08);
  width: 48px;
  height: 48px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  animation: arrowMove 1.45s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}
@media (max-width: 768px) {
  .banner_section--arrow {
    width: 38px;
    height: 38px;
    left: calc(50% - 19px);
    bottom: -18px;
  }
  .banner_section--arrow img {
    width: 16px;
  }
}

.logo_card {
  border-radius: 12px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  height: 200px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .logo_card {
    min-width: 100px;
    padding: 20px;
    height: 120px;
  }
}
.logo_card_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.logo_card_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 768px) {
  .logo_card_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
.logo_card img {
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .logo_card img {
    height: 30px;
  }
}
.logo_card:hover img {
  transform: scale(1.025);
}

.dropdown {
  position: relative;
  cursor: pointer;
}
.dropdown.open .dropdown_list {
  display: flex;
  animation: fadeInUp 0.25s linear;
}
.dropdown.open .dropdown--title::before {
  transform: rotateX(180deg);
}
.dropdown--title {
  color: var(--system-black-100, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  padding-right: 30px;
  position: relative;
  padding: 8px 30px 8px 0px;
}
@media (max-width: 768px) {
  .dropdown--title {
    font-size: 16px;
  }
}
.dropdown--title::before {
  content: "";
  position: absolute;
  background: url("../images/icons/CaretDown.svg") center right no-repeat;
  background-size: 26px;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.25s linear;
}
.dropdown_list {
  background: rgba(242, 242, 242, 0.15);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 180px;
  display: none;
  border: #f2f2f2 1px solid;
}
.dropdown_list.right {
  left: auto;
  right: 0;
}
.dropdown_list--each {
  color: var(--system-black-100, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
@media (max-width: 768px) {
  .dropdown_list--each {
    font-size: 15px;
  }
}
.dropdown_list--each label {
  width: 100%;
  display: block;
  cursor: pointer;
}
.dropdown_list--each label input {
  position: absolute;
  left: 0;
  opacity: 0;
}
.dropdown_list--each.active {
  font-weight: 400;
}

.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding-left: 0px;
}
@media (max-width: 768px) {
  .pagination ul {
    gap: 8px;
  }
}
.pagination ul li {
  width: 24px;
  text-align: center;
  opacity: 0.4;
  transition: 0.25s linear;
  color: var(--system-black-100, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .pagination ul li {
    font-size: 15px;
  }
}
.pagination ul li.active {
  opacity: 1;
}
.pagination ul li a {
  display: block;
}

@keyframes blink-shadow-1 {
  0%, 100% {
    stroke: rgba(233, 3, 13, 0.15);
  }
  50% {
    stroke: rgba(233, 3, 13, 0.85);
  }
}
@keyframes blink-shadow-2 {
  0%, 100% {
    stroke: rgba(233, 3, 13, 0.85);
  }
  50% {
    stroke: rgba(233, 3, 13, 0.15);
  }
}
.custom_map {
  border-radius: 30px;
  border: 1px solid var(--core-border, #e7e7e7);
  overflow: hidden;
}
@media (max-width: 768px) {
  .custom_map {
    overflow: auto;
    border-radius: 12px;
  }
  .custom_map::-webkit-scrollbar {
    display: none;
  }
}
.custom_map .jsvmap-container {
  height: 650px;
  width: 100%;
}
.custom_map .jsvmap-container svg {
  display: block;
}
@media (max-width: 768px) {
  .custom_map .jsvmap-container svg text {
    font-size: 10px;
  }
}
.custom_map .jsvmap-container svg circle {
  transition: 0.25s linear;
  stroke: rgba(233, 3, 13, 0.15);
  stroke-width: 2px;
}
@media (max-width: 768px) {
  .custom_map .jsvmap-container svg circle {
    r: 3px;
  }
}
.custom_map .jsvmap-container svg circle:nth-child(odd) {
  animation: blink-shadow-1 1.5s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate;
}
.custom_map .jsvmap-container svg circle:nth-child(even) {
  animation: blink-shadow-2 1.5s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate;
}
@media (max-width: 768px) {
  .custom_map .jsvmap-container svg {
    pointer-events: none;
  }
}
@media (max-width: 768px) {
  .custom_map .jsvmap-container {
    height: 500px;
    width: 900px;
  }
}

@media (max-width: 768px) {
  .icon {
    max-width: 60px;
  }
}

.text_editor h1 {
  font-size: 32px;
  line-height: 130%;
  margin-bottom: 16px;
  color: #000;
  font-weight: 500;
}
@media (max-width: 768px) {
  .text_editor h1 {
    font-size: 18px;
  }
}
.text_editor h3 {
  font-weight: 500;
  margin-bottom: 12px;
}
.text_editor h4 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .text_editor h4 {
    font-size: 18px;
  }
}
.text_editor h6 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 16px;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .text_editor h6 {
    font-size: 14px;
  }
}
.text_editor p {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .text_editor p {
    font-size: 14px;
  }
}
.text_editor b {
  font-weight: 400;
}
.text_editor ul {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  padding-left: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .text_editor ul {
    font-size: 14px;
  }
}
.text_editor ul li {
  list-style: initial;
}
.text_editor a {
  border-bottom: #000 1px solid;
}
.text_editor img {
  max-width: 100%;
  border-radius: 16px;
  margin: 20px 0;
}

.office_card {
  max-width: 360px;
}
.office_card--title {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .office_card--title {
    font-size: 20px;
  }
}
.office_card--desc {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .office_card--desc {
    font-size: 15px;
  }
}
.office_card--link a {
  opacity: 0.6;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .office_card--link a {
    font-size: 14px;
  }
}

.office_card_v2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  max-width: 360px;
}
.office_card_v2--asset {
  margin-bottom: 20px;
  border-radius: 16px;
  overflow: hidden;
}
.office_card_v2--title {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .office_card_v2--title {
    font-size: 20px;
  }
}
.office_card_v2--desc {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.office_card_v2--desc a {
  position: relative;
}
.office_card_v2--desc a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #737578;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.office_card_v2--desc a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.office_card_v2--desc p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.office_card_v2--desc p b {
  display: inline-flex;
}
@media (max-width: 768px) {
  .office_card_v2--desc {
    font-size: 14px;
  }
}
.office_card_v2--desc svg {
  width: 22px;
  height: 22px;
}
@media (max-width: 768px) {
  .office_card_v2--desc svg {
    width: 20px;
    height: 20px;
  }
}
.office_card_v2--btn {
  margin-top: 24px;
}

.office_card_v3 {
  display: grid;
  grid-template-columns: 620px 1fr;
  gap: 60px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .office_card_v3 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (min-width: 768px) {
  .office_card_v3--asset {
    position: sticky;
    top: 100px;
  }
}
.office_card_v3_info--title {
  color: #000;
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .office_card_v3_info--title {
    font-size: 20px;
    margin-bottom: 18px;
  }
}
.office_card_v3_info--desc {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 24px;
}
.office_card_v3_info--desc a {
  position: relative;
}
.office_card_v3_info--desc a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #737578;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.office_card_v3_info--desc a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.office_card_v3_info--desc p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.office_card_v3_info--desc p b {
  display: inline-flex;
}
@media (max-width: 768px) {
  .office_card_v3_info--desc {
    font-size: 14px;
    margin-bottom: 18px;
  }
}
.office_card_v3_info--desc svg {
  width: 22px;
  height: 22px;
}
@media (max-width: 768px) {
  .office_card_v3_info--desc svg {
    width: 20px;
    height: 20px;
  }
}
.office_card_v3_info--links {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .office_card_v3_info--links {
    font-size: 15px;
  }
}

.download_card {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 60px;
  max-width: 572px;
}
@media (max-width: 768px) {
  .download_card {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .download_card--asset img {
    max-height: 100px;
  }
}
.download_card_info--title {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .download_card_info--title {
    font-size: 20px;
  }
}
.download_card_info--desc {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .download_card_info--desc {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .program_features .step_guide {
    width: auto;
  }
  .program_features .step_guide .step_guide--desc {
    margin-left: 0;
    max-width: 100%;
  }
}

.compare_plans {
  border-radius: 16px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  overflow: clip;
}
@media (max-width: 768px) {
  .compare_plans {
    overflow: auto;
  }
  .compare_plans::-webkit-scrollbar {
    display: none;
  }
}
.compare_plans.v2 .compare_plans_each {
  display: grid;
  grid-template-columns: 500px repeat(3, 1fr);
}
@media (max-width: 768px) {
  .compare_plans.v2 .compare_plans_each {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.compare_plans.v2 .compare_plans_each.head .compare_plans--plan:nth-child(2) {
  background: var(--care-plus, linear-gradient(101deg, #d39364 0.69%, #b45f21 99.31%));
}
.compare_plans.v2 .compare_plans_each.head .compare_plans--plan:nth-child(3) {
  background: linear-gradient(106deg, #4ca0e0 19.6%, #097ad1 102.41%);
}
.compare_plans.v2 .compare_plans_each.head .compare_plans--plan:nth-child(4) {
  background: #777;
}
.compare_plans.v2 .compare_plans_each.content .compare_plans--plan:nth-child(2) {
  background: var(--care-plus-bg, #f0dfd3);
}
.compare_plans.v2 .compare_plans_each.content .compare_plans--plan:nth-child(3) {
  background: var(--care-basic-bg, #e2eef7);
}
.compare_plans.v2 .compare_plans_each.content .compare_plans--plan:nth-child(4) {
  background: #f7f7f7;
}
.compare_plans_each {
  display: grid;
  grid-template-columns: 400px repeat(4, 1fr);
}
@media (max-width: 768px) {
  .compare_plans_each {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.compare_plans_each .compare_plans--title {
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0 28px;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  background: #fff;
}
@media (max-width: 768px) {
  .compare_plans_each .compare_plans--title {
    height: auto;
    font-size: 14px;
    padding: 8px 12px;
    position: sticky;
    left: 0;
    width: 180px;
  }
}
.compare_plans_each .compare_plans--plan {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media (max-width: 768px) {
  .compare_plans_each .compare_plans--plan {
    height: auto;
    font-size: 14px;
    width: 120px;
    padding: 12px 20px;
  }
}
.compare_plans_each.head {
  position: sticky;
  top: 81px;
  z-index: 2;
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
  transition: 0.6s ease-in-out !important;
}
@media (max-width: 768px) {
  .compare_plans_each.head {
    top: 0;
  }
}
.compare_plans_each.head .compare_plans--plan {
  color: var(--system-white-100, #fff);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 768px) {
  .compare_plans_each.head .compare_plans--plan {
    font-size: 15px;
  }
}
.compare_plans_each.head .compare_plans--plan:nth-child(2) {
  background: var(--care-package, linear-gradient(101deg, #d5534f 5.55%, #c0130e 99.13%));
}
.compare_plans_each.head .compare_plans--plan:nth-child(3) {
  background: var(--care-plus, linear-gradient(101deg, #d39364 0.69%, #b45f21 99.31%));
}
.compare_plans_each.head .compare_plans--plan:nth-child(4) {
  background: linear-gradient(106deg, #4ca0e0 19.6%, #097ad1 102.41%);
}
.compare_plans_each.head .compare_plans--plan:nth-child(5) {
  background: #777;
}
.compare_plans_each.content {
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
}
.compare_plans_each.content:last-child {
  border: none;
}
@media (max-width: 768px) {
  .compare_plans_each.content .compare_plans--plan img {
    height: 20px;
  }
}
.compare_plans_each.content .compare_plans--plan:nth-child(2) {
  background: var(--care-package-bg, #f7e8e7);
}
.compare_plans_each.content .compare_plans--plan:nth-child(3) {
  background: var(--care-plus-bg, #f0dfd3);
}
.compare_plans_each.content .compare_plans--plan:nth-child(4) {
  background: var(--care-basic-bg, #e2eef7);
}
.compare_plans_each.content .compare_plans--plan:nth-child(5) {
  background: #f7f7f7;
}

.download_brochure {
  border-radius: 12px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  overflow: hidden;
  display: block;
}
.download_brochure:hover .download_brochure--asset,
.download_brochure:hover .download_brochure_info--btn {
  transform: scale(1.035);
}
.download_brochure--asset {
  height: 220px;
  padding: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s linear;
}
.download_brochure_info {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-top: 0.5px solid var(--core-border-dark, #bdbdbd);
}
.download_brochure_info--title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.download_brochure_info--btn {
  transition: 0.25s linear;
}

.brochures_tabs {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 75px;
}
.brochures_tabs.v2 .brochures_tabs_list--item {
  opacity: 0.6;
  transition: 0.25s linear;
}
.brochures_tabs.v2 .brochures_tabs_list--item.active {
  opacity: 1;
  border-bottom: #000 0.5px solid;
}
.brochures_tabs.v2 .brochures_tabs_list--item.active:last-child {
  border: none;
}
@media (max-width: 768px) {
  .brochures_tabs {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.brochures_tabs_list {
  border-radius: 16px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
}
@media (max-width: 768px) {
  .brochures_tabs_list {
    border-radius: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 2;
    display: none;
  }
  .brochures_tabs_list.active {
    display: block;
    animation: fadeInUp 0.25s linear;
  }
}
.brochures_tabs_list_wrap {
  position: relative;
}
.brochures_tabs_list--title {
  padding: 14px 12px;
  font-size: 14px;
  display: none;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  background: rgba(242, 242, 242, 0.4549019608);
}
.brochures_tabs_list--title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/icons/CaretDown.svg") center right 12px no-repeat;
  background-size: 16px;
  transition: 0.25s linear;
}
.brochures_tabs_list--title.active::before {
  transform: rotateX(180deg);
}
@media (max-width: 768px) {
  .brochures_tabs_list--title {
    display: block;
  }
}
.brochures_tabs_list--item {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 24px;
  border-bottom: 0.5px solid var(--core-border-dark, #bdbdbd);
  cursor: pointer;
  background: url("../images/icons/CaretRight.svg") center right 24px no-repeat;
  background-size: 20px;
}
@media (max-width: 768px) {
  .brochures_tabs_list--item {
    padding: 12px;
    font-size: 14px;
    background: transparent;
  }
}
.brochures_tabs_list--item span {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  background-clip: text;
  -webkit-background-clip: text;
}
.brochures_tabs_list--item.active span {
  -webkit-text-fill-color: transparent;
}
.brochures_tabs_list--item:last-child {
  border: none;
}
.brochures_tabs_content--pane {
  display: none;
}
.brochures_tabs_content--pane.active {
  display: block;
  animation: fadeInUp 0.35s linear;
}

header {
  border-bottom: 1px solid #f3e6de;
  background: var(--core-grey-white, #f4f4f4);
  -webkit-backdrop-filter: blur(27px);
          backdrop-filter: blur(27px);
  position: sticky;
  top: 0;
  z-index: 99;
}

.navbar {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .navbar {
    height: 50px;
  }
}
.navbar--logo a {
  display: block;
}
@media (max-width: 768px) {
  .navbar--logo img {
    height: 20px;
  }
}
@media (max-width: 768px) {
  .navbar--links {
    position: absolute;
    top: 100%;
    width: 100%;
    right: 0;
    background: #fff;
    max-height: calc(90svh - 50px);
    overflow: auto;
    display: none;
    transition: 0.35s linear;
  }
  .navbar--links.open {
    display: block;
    animation: fadeInUp 0.35s linear;
  }
  .navbar--links::-webkit-scrollbar {
    display: none;
  }
}
.navbar--links ul {
  padding-left: 0px;
  display: flex;
  align-items: center;
  gap: 2px;
}
@media (max-width: 768px) {
  .navbar--links ul {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (max-width: 768px) {
  .navbar--links ul li {
    display: block;
    width: 100%;
  }
}
.navbar--links ul li .menu {
  padding: 12px 12px 12px 20px;
  display: block;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  transition: 0.65s cubic-bezier(0.86, 0, 0.07, 1);
  border-radius: 8px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .navbar--links ul li .menu {
    border-radius: 0px;
  }
}
.navbar--links ul li .menu svg {
  transition: 0.65s cubic-bezier(0.86, 0, 0.07, 1);
}
@media (max-width: 768px) {
  .navbar--links ul li .menu svg {
    transform: rotate(270deg);
  }
}
.navbar--links ul li .menu svg path {
  transition: 0.25s linear;
}
.navbar--links ul li .menu.open {
  background: #000;
  color: #fff;
}
@media (max-width: 768px) {
  .navbar--links ul li .menu.open {
    background: rgba(0, 0, 0, 0.05);
    color: #000;
  }
}
.navbar--links ul li .menu.open svg {
  transform: rotateX(180deg);
}
@media (max-width: 768px) {
  .navbar--links ul li .menu.open svg {
    transform: rotate(360deg);
  }
}
.navbar--links ul li .menu.open svg path {
  stroke: #fff;
}
@media (max-width: 768px) {
  .navbar--links ul li .menu.open svg path {
    stroke: #000;
  }
}
@media (min-width: 768px) {
  .navbar--links ul li .menu.open .submenu {
    height: var(--height);
    z-index: 9;
  }
}
.navbar--links ul li .menu.open .submenu_content {
  animation: fadeInUp 0.35s linear;
}
@media (min-width: 768px) {
  .navbar--links ul li .menu.open .submenu_content {
    filter: blur(0);
    animation: none;
  }
}
.navbar--links ul li .menu span {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .navbar--links ul li .menu span {
    justify-content: space-between;
  }
}
.navbar--contact {
  display: none;
}
@media (max-width: 768px) {
  .navbar--contact {
    display: block;
    padding: 40px 20px;
  }
  .navbar--contact .primary_btn {
    width: 100%;
    height: 46px;
    justify-content: center;
  }
}
.navbar_primary {
  display: flex;
  align-items: center;
  gap: 48px;
}
.navbar_secondary {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .navbar_secondary .primary_btn {
    display: none;
  }
}
.navbar .case_study {
  height: 100%;
  width: 100%;
}
.navbar .lang_dropdown {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.navbar .lang_dropdown ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .navbar .lang_dropdown {
    gap: 6px;
  }
}
.navbar .lang_dropdown--menu {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  background: #fff;
  border-radius: 12px;
  min-width: 120px;
  padding: 20px;
  display: none;
}
@media (max-width: 768px) {
  .navbar .lang_dropdown--menu {
    padding: 12px 16px;
  }
}
.navbar .lang_dropdown--menu ul {
  padding-left: 0;
}
.navbar .lang_dropdown--menu ul li label {
  display: flex;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .navbar .lang_dropdown--menu ul li label {
    font-size: 14px;
  }
}
.navbar .lang_dropdown--menu ul li label input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.navbar .lang_dropdown--menu ul li label input:checked + span {
  font-weight: 400;
}
.navbar .lang_dropdown.open .lang_dropdown--text svg {
  transform: rotateX(180deg);
}
.navbar .lang_dropdown.open .lang_dropdown--menu {
  display: block;
  animation: fadeInUp 0.25s linear;
}
@media (max-width: 768px) {
  .navbar .lang_dropdown--icon img {
    height: 16px;
  }
}
.navbar .lang_dropdown--text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .navbar .lang_dropdown--text {
    font-size: 14px;
    gap: 6px;
  }
}
.navbar .lang_dropdown--text svg {
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .navbar .lang_dropdown--text svg {
    width: 20px;
    height: 20px;
  }
}
.navbar .submenu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background: #fff;
  box-shadow: 0px 20px 34px -16px rgba(0, 0, 0, 0.08);
  cursor: auto;
  display: none;
}
.navbar .submenu .container {
  max-height: calc(100vh - 120px);
  overflow: auto;
}
@media (min-width: 768px) {
  .navbar .submenu {
    height: 0px;
    overflow: hidden;
    display: block;
    transition: 0.65s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 4;
  }
}
@media (max-width: 768px) {
  .navbar .submenu {
    position: relative;
    top: auto;
    padding: 20px 0;
    margin-top: 12px;
    border-radius: 8px;
  }
}
.navbar .submenu--title {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 28px;
}
@media (max-width: 768px) {
  .navbar .submenu--title {
    display: none;
  }
}
.navbar .submenu_content {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 120px;
  transition: 0.25s linear;
}
@media (min-width: 768px) {
  .navbar .submenu_content {
    transition: 0.65s cubic-bezier(0.86, 0, 0.07, 1);
    filter: blur(10px);
    padding: 48px 0;
  }
}
@media (max-width: 768px) {
  .navbar .submenu_content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.navbar .submenu_content_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 64px;
}
@media (min-width: 768px) {
  .navbar .submenu_content_list {
    padding-left: 10px;
  }
}
@media (max-width: 768px) {
  .navbar .submenu_content_list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.navbar .submenu_content_list_each {
  display: grid;
  grid-template-columns: 76px 1fr;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.navbar .submenu_content_list_each::before {
  content: "";
  position: absolute;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: -10px;
  left: -10px;
  background: rgba(234, 240, 243, 0.5);
  z-index: -1;
  border-radius: 8px;
  opacity: 0;
  transition: 0.25s linear;
}
.navbar .submenu_content_list_each:hover::before {
  opacity: 1;
}
.navbar .submenu_content_list_each:hover .submenu_content_list_each--asset.bg {
  border: #191919 1px solid;
}
.navbar .submenu_content_list_each:hover .submenu_content_list_each--asset img {
  transform: scale(1.035);
}
@media (max-width: 768px) {
  .navbar .submenu_content_list_each {
    grid-template-columns: 46px 1fr;
    gap: 16px;
  }
}
.navbar .submenu_content_list_each--asset {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .navbar .submenu_content_list_each--asset {
    width: 46px;
    height: 46px;
    border-radius: 6px;
  }
}
.navbar .submenu_content_list_each--asset img {
  max-width: 40px;
  min-width: 32px;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .navbar .submenu_content_list_each--asset img {
    max-width: 20px;
  }
}
.navbar .submenu_content_list_each--asset.bg {
  background: #f5f5f5;
  transition: 0.25s linear;
  border: rgba(0, 0, 0, 0) 1px solid;
  padding: 6px;
}
.navbar .submenu_content_list_each--asset.bg img {
  max-width: 100%;
}
.navbar .submenu_content_list_each--asset.border {
  background: #fff url("../images/icons/border.svg") center no-repeat;
  background-size: 76px;
}
@media (max-width: 768px) {
  .navbar .submenu_content_list_each--asset.border {
    background-size: 44px;
  }
}
.navbar .submenu_content_list_each_info--title {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .navbar .submenu_content_list_each_info--title {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
.navbar .submenu_content_list_each_info--desc {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .navbar .submenu_content_list_each_info--desc {
    font-size: 11px;
    line-height: 120%;
  }
}
.navbar .submenu_content_banner {
  overflow: hidden;
  z-index: 1;
  height: 100%;
  border-radius: 20px;
  padding: 48px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 768px) {
  .navbar .submenu_content_banner {
    padding: 12px 18px;
    border-radius: 8px;
  }
}
.navbar .submenu_content_banner.map_banner {
  justify-content: space-between;
}
@media (max-width: 768px) {
  .navbar .submenu_content_banner.map_banner .submenu_content_banner_asset {
    display: block;
  }
}
.navbar .submenu_content_banner.map_banner .submenu_content_banner_asset--title {
  margin-top: 0px;
}
.navbar .submenu_content_banner.map_banner .submenu_content_banner--btn a {
  margin-top: 24px;
}
.navbar .submenu_content_banner.map_banner .submenu_content_banner_asset--img {
  margin: -48px -45px 0;
}
@media (max-width: 768px) {
  .navbar .submenu_content_banner.map_banner .submenu_content_banner_asset--img {
    margin: -16px -20px 0;
  }
}
.navbar .submenu_content_banner.map_banner .submenu_content_banner_asset--img img {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .navbar .submenu_content_banner_asset {
    display: none;
  }
}
.navbar .submenu_content_banner_asset--img img {
  margin: 0 auto;
}
.navbar .submenu_content_banner_asset--title {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .navbar .submenu_content_banner_asset--title {
    font-size: 16px;
  }
}
.navbar .submenu_content_banner--btn a {
  color: var(--core-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0px;
  margin-top: 40px;
}
.navbar .submenu_content_banner--btn a img {
  transition: 0.25s linear;
}
.navbar .submenu_content_banner--btn a:hover img {
  transform: translateX(2px);
}
@media (max-width: 768px) {
  .navbar .submenu_content_banner--btn a {
    margin-top: 0px;
    font-size: 14px;
  }
}

.hamburger_menu {
  display: none;
}
@media (max-width: 768px) {
  .hamburger_menu {
    display: block;
  }
}

.vbp-header-menu-button__svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
  transform: scaleX(-1);
}

.vbp-header-menu-button__svg line {
  stroke: #000;
  stroke-dasharray: 100%;
  stroke-dashoffset: 0%;
  transition: transform 0.3s, stroke-dashoffset 0.4s;
  transform-origin: center;
  stroke-width: 2px;
}

.vbp-header-menu-button__svg .top {
  transform: translateY(-35%);
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(35%);
  -ms-transform: translateY(35%);
  -o-transform: translateY(35%);
}

.vbp-header-menu-button__svg .middle {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition: opacity 0.3s, transform 0.3s;
  -ms-transition: opacity 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
}

.vbp-header-menu-button__svg .bottom {
  transform: translateY(33%);
  -webkit-transform: translateY(33%);
  -moz-transform: translateY(33%);
  -ms-transform: translateY(33%);
  -o-transform: translateY(33%);
  stroke-dasharray: 100%;
  stroke-dashoffset: 9px;
}

.vbp-header-menu-button__svg:hover .bottom {
  stroke-dashoffset: 0%;
}

/*** Mode Croix ***/
.hamburger_menu.menu-open .vbp-header-menu-button__svg .top {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  stroke-linecap: round;
}

.hamburger_menu.menu-open .vbp-header-menu-button__svg .middle {
  transform: scaleX(0.1);
  -webkit-transform: scaleX(0.1);
  -moz-transform: scaleX(0.1);
  -ms-transform: scaleX(0.1);
  -o-transform: scaleX(0.1);
  opacity: 0;
}

.hamburger_menu.menu-open .vbp-header-menu-button__svg line.bottom {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  stroke-linecap: round;
}

.hamburger_menu.menu-open .vbp-header-menu-button__svg .bottom {
  stroke-dashoffset: 0%;
}

.static_page_info--label {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  display: inline-block;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .static_page_info--label {
    margin-bottom: 12px;
    font-size: 14px;
  }
}

.video_card_v2--asset {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 214px;
}
.video_card_v2--asset img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video_card_v2--asset .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: auto;
  height: auto;
}
.video_card_v2--title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .video_card_v2--title {
    font-size: 18px;
    margin-top: 16px;
    font-weight: 300;
  }
}

.wpcf7-not-valid-tip {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}

.wpcf7 form .wpcf7-response-output {
  border: none;
  padding: 0;
  line-height: 18px;
  font-size: 14px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #46b450;
}

form.submitting .wpcf7-spinner {
  margin: 0;
  position: absolute;
  right: 20px;
  top: calc(50% - 12px);
}

button[disabled] {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.compare_btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}

.reset_compare {
  min-width: 120px;
  justify-content: center;
}

.job_modal {
  display: flex;
  justify-content: center;
  overflow: auto;
  align-items: flex-start;
  padding: 100px 0;
}
@media (max-width: 768px) {
  .job_modal {
    padding: 0px;
    padding-top: 120px;
  }
}
.job_modal::-webkit-scrollbar {
  display: none;
}
.job_modal .mp_modal_inner {
  max-width: 550px;
  min-width: 550px;
}
@media (max-width: 768px) {
  .job_modal .mp_modal_inner {
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 0px;
  }
  .job_modal .mp_modal_inner .cus_form {
    padding-bottom: 100px;
  }
}
.job_modal .mp_modal--close {
  top: 24px;
  right: 24px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .job_modal .mp_modal--close {
    position: absolute;
  }
}
.job_modal .mp_modal--close img {
  width: 16px;
  height: 16px;
  border-radius: 0%;
}

.file-upload-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 6px;
  border: 0.5px solid var(--core-border-dark, #bdbdbd);
  height: 48px;
}
.file-upload-wrapper .file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  cursor: pointer;
  opacity: 0;
}
.file-upload-wrapper .file-label {
  color: var(--core-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  padding: 12px 16px;
  border-right: 0.5px solid var(--core-border-dark, #bdbdbd);
  padding-top: 14px;
}
.file-upload-wrapper .file-label.active {
  display: none;
}
.file-upload-wrapper .file-name {
  color: var(--system-black-40, rgba(0, 0, 0, 0.4));
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  padding: 12px 16px;
  padding-top: 14px;
}
.file-upload-wrapper .file-name.active {
  color: #000;
}
.file-upload-wrapper .cancel-btn {
  background: none;
  border: none;
  font-size: 16px;
  color: #888;
  cursor: pointer;
  padding: 4px;
  position: absolute;
  z-index: 2;
  right: 16px;
  width: auto;
}

.theme_toggle {
  display: inline-flex;
  align-items: center;
  border-radius: 32px;
  border: 2px solid #000;
  height: 40px;
  padding: 0 4px;
  cursor: pointer;
  transition: 0.35s linear;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .theme_toggle {
    height: 30px;
  }
}
.theme_toggle .toggle-indicator {
  position: absolute;
  bottom: 2px;
  width: 32px;
  height: 32px;
  background-color: #000;
  transition: transform 0.3s ease;
  transform: translateX(100%);
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .theme_toggle .toggle-indicator {
    width: 22px;
    height: 22px;
  }
}
.theme_toggle.active .toggle-indicator {
  transform: translateX(0%);
  background-color: #fff;
}
.theme_toggle_each {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .theme_toggle_each {
    width: 22px;
    height: 22px;
  }
  .theme_toggle_each img {
    height: 16px;
  }
}

.posh {
  display: flex;
  justify-content: space-between;
  gap: 120px;
  overflow: hidden;
  padding: 64px;
  border-radius: 16px;
}
@media (max-width: 768px) {
  .posh {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 30px 20px;
  }
}
.posh_info {
  display: flex;
  gap: 32px;
}
@media (max-width: 768px) {
  .posh_info {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
  }
}
.posh_info .subtext {
  margin-top: 10px;
}

.video_card video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card_asset {
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.card_asset img,
.card_asset video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.wpcf7 form.invalid .wpcf7-response-output {
  display: none !important;
}

.progress_card_grid .parallax_swiper_card {
  height: 412px;
}

.generic_swiper.no_swiper {
  margin-top: 64px;
  padding: 0 var(--gap);
}
@media (max-width: 768px) {
  .generic_swiper.no_swiper {
    margin-top: 32px;
  }
}
.generic_swiper.no_swiper > .container {
  display: none;
}
.generic_swiper.no_swiper .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 172px 72px;
}
@media (max-width: 768px) {
  .generic_swiper.no_swiper .swiper-wrapper {
    gap: 36px;
    grid-template-columns: 1fr;
  }
  .generic_swiper.no_swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
}
.generic_swiper.no_swiper .swiper-wrapper .product_card {
  width: 100%;
}

.disclaimer a {
  color: #0283ca;
}

.checkbox_list .wpcf7-list-item,
.disclaimer .wpcf7-list-item {
  display: inline-flex;
  gap: 10px;
}
.checkbox_list .cus_form input[type=checkbox],
.disclaimer .cus_form input[type=checkbox] {
  margin-top: 2px;
}

.gap_0 {
  gap: 0px !important;
}

i.times {
  font-family: "Times New Roman";
  font-style: italic;
}

.pr-3 {
  padding-right: 3px;
}

.compare_modal_2 .product_features_each {
  grid-template-columns: 0.75fr repeat(2, 1fr);
}
@media (max-width: 768px) {
  .compare_modal_2 .product_features_each {
    grid-template-columns: 1fr 1fr;
  }
}
.compare_modal_2 .product_features_each--item:last-child {
  position: relative;
  display: none;
}

.generic_swiper.single_image .swiper-wrapper {
  justify-content: center;
}

.compare_modal_list_each_info--title sup {
  position: absolute;
  top: 12px;
}

.hidden {
  display: none;
}

.dark_theme {
  background: var(--core-primary, #000);
  color: #fff;
}
.dark_theme .loader_wrap {
  background: #191919;
}
.dark_theme header {
  background: #000;
}
.dark_theme select option {
  background: #191919;
}
.dark_theme .cus_form .form_group .iti__country {
  background: #191919;
}
.dark_theme .office_card_v3_info--desc svg path,
.dark_theme .office_card_v2--desc svg path {
  fill: #fff;
}
.dark_theme .navbar--links ul li .menu,
.dark_theme .lang_dropdown--text {
  color: var(--core-grey-white, #f4f4f4);
}
.dark_theme .navbar--links ul li .menu svg path,
.dark_theme .lang_dropdown--text svg path,
.dark_theme .lang_dropdown--icon svg path {
  stroke: #f4f4f4;
}
.dark_theme .primary_btn {
  color: #f4f4f4;
  border-color: #f4f4f4;
}
.dark_theme .primary_btn svg path {
  stroke: #f4f4f4;
}
.dark_theme .primary_btn.hover_effect span {
  background-color: #fff;
}
@media (min-width: 768px) {
  .dark_theme .primary_btn:hover {
    color: #000;
  }
  .dark_theme .primary_btn:hover input {
    color: #000;
  }
  .dark_theme .primary_btn:hover svg path {
    stroke: #000;
  }
}
.dark_theme .secondary_btn {
  background-color: #f4f4f4;
  color: #000;
  border-color: #f4f4f4;
}
.dark_theme .secondary_btn svg path {
  fill: #000;
}
.dark_theme .secondary_btn.hover_effect span {
  background-color: #000;
}
@media (min-width: 768px) {
  .dark_theme .secondary_btn:hover {
    color: #fff;
  }
  .dark_theme .secondary_btn:hover input {
    color: #fff;
  }
  .dark_theme .secondary_btn:hover svg path {
    stroke: #fff;
  }
}
.dark_theme .theme_toggle {
  border-color: #f4f4f4;
}
.dark_theme .hamburger_menu svg line {
  stroke: #f4f4f4;
}
.dark_theme .breadcrumb {
  border-top: 1px solid var(--Dark-grey, #484848);
  background: var(--core-primary, #000);
}
.dark_theme .digital_grid_each .digital_swiper {
  background: #000;
}
.dark_theme .digital_grid_each .digital_swiper::before {
  display: none;
}
.dark_theme footer {
  border-top: 1px solid var(--Dark-grey, #484848);
}
.dark_theme .breadcrumb ul li {
  color: #fff;
  background: url("../images/icons/caret-right-white.svg") center right no-repeat;
}
.dark_theme .breadcrumb ul li:last-child {
  background: none;
}
.dark_theme .arrow_btn {
  background: var(--system-white-100, #fff);
  border: 1px solid var(--system-white-100, #fff);
}
.dark_theme .arrow_btn svg path {
  transition: 0.35s linear;
  stroke: #000;
}
.dark_theme .arrow_btn.hover_effect span {
  background-color: #000;
}
@media (min-width: 768px) {
  .dark_theme .arrow_btn:hover svg path {
    stroke: #fff;
  }
}
.dark_theme .arrow_btn.v2 {
  border: 1px solid var(--system-white-100, #fff);
  background: transparent;
}
.dark_theme .arrow_btn.v2 svg path {
  transition: 0.35s linear;
  stroke: #fff;
}
.dark_theme .arrow_btn.v2.hover_effect span {
  background-color: #fff;
}
@media (min-width: 768px) {
  .dark_theme .arrow_btn.v2:hover svg path {
    stroke: #000;
  }
}
.dark_theme .accordion.v3 .accordion_header::before {
  background: url("../images/icons/add-circled-outline-white.svg") center no-repeat;
  background-size: contain;
}
.dark_theme .default_btn::before {
  background: url("../images/icons/arrow-right.svg") center right no-repeat;
  background-size: 24px;
}
.dark_theme .default_btn:hover::before {
  background: url("../images/icons/arrow-right.svg") center left no-repeat;
}
.dark_theme .tabs.v4 .tab-list .tab-line,
.dark_theme .tabs.v2 .tab-list .tab-line {
  background: var(--core-gradient-dark, linear-gradient(92deg, #0086ce 2.15%, #dd660b 36.74%, #e9030d 77.36%));
}
.dark_theme header,
.dark_theme .product_banner_wrap {
  border-color: #484848;
}
.dark_theme .gradient-background.clip {
  background: transparent;
}
.dark_theme .assist_card,
.dark_theme .posh {
  border: 1px solid var(--Dark-grey, #484848);
}
.dark_theme .help_card_list_each--icon svg path {
  fill: #fff;
}
.dark_theme .progress_card--title::after,
.dark_theme .accordion.v3 .accordion_item::before {
  background: #484848;
}
.dark_theme .digital_grid_list_each::after,
.dark_theme .news_card {
  border-color: #484848;
}
.dark_theme .feature_product_card {
  border: #484848 1px solid;
}
.dark_theme .stikcy_navbar ul li a.active {
  color: #000;
}
.dark_theme .banner_section--arrow {
  background: transparent;
  border: 1px solid #fff;
}
.dark_theme .banner_section--arrow svg path {
  stroke: #fff;
}
.dark_theme .mp_modal--close svg path,
.dark_theme .team_card_info--links a svg path,
.dark_theme .download_brochure_info--btn svg path,
.dark_theme .blog_detail_list_card--title svg path {
  fill: #fff;
  fill-opacity: 1;
}
.dark_theme .news_card,
.dark_theme .default_btn span,
.dark_theme .get_in_touch_list,
.dark_theme .cus_form,
.dark_theme .product_detail_card,
.dark_theme .stikcy_navbar,
.dark_theme .team_card::before {
  background: #000;
}
.dark_theme .product_detail_card--links a svg path {
  stroke: var(--core-grey-white, #f4f4f4);
}
.dark_theme .product_detail_card--links a svg #FilePdf path {
  fill: var(--core-grey-white, #f4f4f4);
}
.dark_theme .cus_form input[type=checkbox] {
  border-color: #fff;
}
.dark_theme .cus_form input[type=checkbox]:checked::before {
  background: #fff url("../images/icons/check-black.svg") center no-repeat;
}
.dark_theme .cus_form select {
  background: url("../images/icons/nav-arrow-down-white.svg") center right 16px no-repeat !important;
}
.dark_theme .brochures_tabs_list--item {
  background: url("../images/icons/caret-right-white.svg") center right 24px no-repeat;
}
.dark_theme .get_in_touch_card {
  background: rgba(0, 0, 0, 0.2);
}
.dark_theme .title,
.dark_theme .accordion.v3 .accordion_header,
.dark_theme .digital_grid_list--title,
.dark_theme .tabs .tab-list .tab-item a,
.dark_theme .label,
.dark_theme .big_title,
.dark_theme .product_detail_card--links a,
.dark_theme .stikcy_navbar ul li a,
.dark_theme .title2,
.dark_theme .accordion_header,
.dark_theme .title3 {
  color: var(--core-grey-white, #f4f4f4);
}
.dark_theme .subtext,
.dark_theme .icon_content--desc,
.dark_theme .assist_card--title,
.dark_theme .progress_card--desc,
.dark_theme .progress_card--title,
.dark_theme .subtext2,
.dark_theme .digital_grid_list--desc,
.dark_theme .news_card_info--title,
.dark_theme .default_btn,
.dark_theme .tabs .tab-list .tab-item.active a,
.dark_theme .tabs .tab-list .tab-item a:hover,
.dark_theme .icon_card--title,
.dark_theme .icon_card--btn,
.dark_theme .icon_card--desc,
.dark_theme .office_card_v3_info--title,
.dark_theme .office_card_v3_info--desc,
.dark_theme .office_card_v3_info--links,
.dark_theme .office_card_v2--title,
.dark_theme .office_card_v2--desc,
.dark_theme .office_card--title,
.dark_theme .office_card--desc,
.dark_theme .office_card--link a,
.dark_theme .help_card--title,
.dark_theme .help_card--desc,
.dark_theme .help_card_list_each--link a,
.dark_theme .help_card_list_each--link span,
.dark_theme .get_in_touch_list--title,
.dark_theme .get_in_touch_list--text,
.dark_theme .cus_form label,
.dark_theme .cus_form .form_group .iti__selected-flag,
.dark_theme .image_content_info--title,
.dark_theme .custom_list_v2 ul li,
.dark_theme .icon_content--text,
.dark_theme .product_card_info--title,
.dark_theme .product_card_info--desc,
.dark_theme .tech_specs_list_each,
.dark_theme .text_editor h4,
.dark_theme .text_editor p,
.dark_theme .text_editor ul,
.dark_theme .image_content_info--title2,
.dark_theme .image_content_info--desc,
.dark_theme .content_info_list_each--title,
.dark_theme .content_info_list_each--desc,
.dark_theme .file-upload-wrapper .file-label,
.dark_theme .file-upload-wrapper .cancel-btn,
.dark_theme .file-upload-wrapper .file-name,
.dark_theme .file-upload-wrapper .file-name.active,
.dark_theme .custom_list ul li,
.dark_theme .step_guide--title,
.dark_theme .step_guide--desc,
.dark_theme .step_guide--info,
.dark_theme .team_card_info--name,
.dark_theme .team_card_info--desg,
.dark_theme .milestone_card--year,
.dark_theme .milestone_card--title,
.dark_theme .milestone_card--desc,
.dark_theme .video_card_v2--title,
.dark_theme .download_card_info--title,
.dark_theme .download_card_info--desc,
.dark_theme .download_brochure_info--title,
.dark_theme .brochures_tabs_list--item span,
.dark_theme .news_card_v2_info--title,
.dark_theme .news_card_v2_info--date,
.dark_theme .news_card_v2_info--date .author span,
.dark_theme .news_card_v2.main .news_card_v2_info--title,
.dark_theme .news_card_v2_info--desc,
.dark_theme .blog_detail_list_card--title,
.dark_theme .blog_detail_list_card ul li a,
.dark_theme .blog_detail_list_card ul li a.active,
.dark_theme .blog_detail_list_related_list--title,
.dark_theme .blog_detail_list_related_list ul li a,
.dark_theme .blog_detail_content p,
.dark_theme .blog_detail_content h2,
.dark_theme .blog_detail_content h1,
.dark_theme .blog_detail_content blockquote,
.dark_theme .blog_detail_content ul li,
.dark_theme .news_detail p,
.dark_theme .custom_list_v3 ul li,
.dark_theme .compare_plans_each .compare_plans--title,
.dark_theme .get_in_touch_card_info--title,
.dark_theme .get_in_touch_card_info--desc,
.dark_theme .navbar .submenu--title,
.dark_theme .navbar .submenu_content_list_each_info--title,
.dark_theme .navbar .submenu_content_list_each_info--desc,
.dark_theme .navbar .lang_dropdown--menu ul li label,
.dark_theme .custom_list_v3 ul li span.label,
.dark_theme .learn_more_btn,
.dark_theme .choose_modal--title,
.dark_theme .choose_modal--link,
.dark_theme .compare_modal--title,
.dark_theme .compare_modal_product--title,
.dark_theme .compare_modal_list--title,
.dark_theme .compare_modal_list_each_info--title,
.dark_theme .compare_modal_list_each_info--desc,
.dark_theme .product_features_each--item,
.dark_theme .highlight_diff label,
.dark_theme .award_card--label,
.dark_theme .blog_detail_list_related--title,
.dark_theme .box_layout a {
  color: #fff;
  opacity: 1;
}
.dark_theme .compare_modal_list_each .border {
  opacity: 0.4;
}
.dark_theme .mp_modal--content {
  background: #000;
}
.dark_theme .learn_more_btn::before {
  background: url("../images/icons/nav-arrow-right-white.svg") center right no-repeat;
}
.dark_theme .compare_modal_list_each input[type=checkbox]:checked ~ .border,
.dark_theme .compare_modal_list_each input[type=checkbox],
.dark_theme .highlight_diff label input[type=checkbox] {
  border-color: #fff;
  opacity: 1;
}
.dark_theme .compare_modal--close {
  border-color: #fff;
}
.dark_theme .compare_modal_list_each input[type=checkbox]:checked,
.dark_theme .highlight_diff label input[type=checkbox]:checked {
  border-color: #000;
}
.dark_theme .compare_modal,
.dark_theme .digital_grid {
  background: #000;
}
.dark_theme .product_features.head.active,
.dark_theme .product_features_each {
  background: #000;
}
.dark_theme .pagination ul li,
.dark_theme .choose_modal--link,
.dark_theme .compare_modal--close {
  color: #fff;
}
.dark_theme .pagination ul li svg path,
.dark_theme .choose_modal--link svg path,
.dark_theme .compare_modal--close svg path {
  fill: #fff;
}
.dark_theme .tech_specs_list_each {
  opacity: 0.9;
}
.dark_theme .news_card_v2_info--date {
  color: #b2b2b2;
}
.dark_theme .image_content_info--desc,
.dark_theme .file-upload-wrapper .cancel-btn,
.dark_theme .file-upload-wrapper .file-name,
.dark_theme .team_card_info--desg,
.dark_theme .blog_detail_list_card--title,
.dark_theme .blog_detail_list_card ul li a,
.dark_theme .custom_list_v3 ul li span.label {
  opacity: 0.7;
}
.dark_theme .swiper-scrollbar {
  background: rgba(255, 255, 255, 0.2117647059);
}
.dark_theme .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}
.dark_theme .milestone_card--layer {
  background: rgba(255, 255, 255, 0.16);
}
.dark_theme .milestone_card--layer::before, .dark_theme .milestone_card--layer::after {
  display: none;
}
.dark_theme .cus_form input,
.dark_theme .cus_form select,
.dark_theme .cus_form textarea {
  background: transparent;
  border-color: #484848;
  color: #fff;
}
.dark_theme .cus_form input::-moz-placeholder, .dark_theme .cus_form select::-moz-placeholder, .dark_theme .cus_form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark_theme .cus_form input::placeholder,
.dark_theme .cus_form select::placeholder,
.dark_theme .cus_form textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark_theme .cus_form input:not(:-moz-placeholder), .dark_theme .cus_form select:not(:-moz-placeholder), .dark_theme .cus_form textarea:not(:-moz-placeholder) {
  border: 0.5px solid var(--core-primary, rgba(255, 255, 255, 0.85));
}
.dark_theme .cus_form input:not(:placeholder-shown), .dark_theme .cus_form input:focus,
.dark_theme .cus_form select:not(:placeholder-shown),
.dark_theme .cus_form select:focus,
.dark_theme .cus_form textarea:not(:placeholder-shown),
.dark_theme .cus_form textarea:focus {
  border: 0.5px solid var(--core-primary, rgba(255, 255, 255, 0.85));
}
.dark_theme .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.35);
}
.dark_theme .office_card--desc,
.dark_theme .office_card--link,
.dark_theme .help_card_list_each--link span,
.dark_theme .navbar .submenu--title,
.dark_theme .navbar .submenu_content_list_each_info--desc {
  opacity: 0.6;
}
.dark_theme .subtext a {
  border-bottom: #fff 1px solid;
}
.dark_theme .custom_map .jsvmap-container {
  background: #fff;
}
.dark_theme .tabs .tab-list .tab-line {
  background: #e7e7e7;
}
@media (max-width: 768px) {
  .dark_theme .stikcy_navbar ul {
    background: #191919;
  }
}
.dark_theme .stikcy_navbar--title {
  color: #fff;
  background: url("../images/icons/chevron-down-white.svg") no-repeat center right;
}
.dark_theme .tabs .tabs_dropdown .tab-dropdown-toggle {
  background: #191919 url("../images/icons/chevron-down-white.svg") center right 20px no-repeat;
}
@media (max-width: 768px) {
  .dark_theme .tabs.v3 .tab-list {
    background: #191919;
  }
}
.dark_theme .subscribe--form input {
  color: #000;
}
.dark_theme .content_card {
  background: var(--core-grey-white, #f4f4f4);
}
.dark_theme .blog_detail_list_related_list ul li a {
  background: url("../images/icons/caret-right-white.svg") center right no-repeat;
}
.dark_theme .accordion.v2 .accordion_item .accordion_header::before {
  background: url("../images/icons/PlusCircle-white.svg") center no-repeat;
  background-size: contain;
}
.dark_theme .accordion.v2 .accordion_item.active .accordion_header::before {
  background: url("../images/icons/MinusCircle-white.svg") center no-repeat;
  background-size: contain;
}
.dark_theme .icon_card {
  background: transparent;
  border-color: #484848;
}
.dark_theme .tabs.v4,
.dark_theme .tabs.v4 .tab-list,
.dark_theme .border_box,
.dark_theme .help_card_list_each,
.dark_theme .product_detail_card--links,
.dark_theme .stikcy_navbar,
.dark_theme .accordion.v2 .accordion_item,
.dark_theme .subtext,
.dark_theme .content_info_list_each,
.dark_theme .content_info_list,
.dark_theme .team_card::before,
.dark_theme .milestone_card,
.dark_theme .download_brochure,
.dark_theme .download_brochure_info,
.dark_theme .brochures_tabs_list--item,
.dark_theme .brochures_tabs_list,
.dark_theme .tabs .tabs_border,
.dark_theme .blog_detail_list_card,
.dark_theme .blog_detail_list_related_list,
.dark_theme .blog_detail_list_related_list_each,
.dark_theme .blog_detail_list_card ul li a::before,
.dark_theme .blog_detail_content blockquote,
.dark_theme .line_border,
.dark_theme .tabs.v2 .tab-list .tab-item,
.dark_theme .compare_plans_each,
.dark_theme .compare_plans,
.dark_theme .product_detail_each:last-child,
.dark_theme .features_card_wrap,
.dark_theme .tabs.v5,
.dark_theme .tabs.v5 .tab-list,
.dark_theme .tabs.v5 .tab-list .tab-item,
.dark_theme .product_features_each--item,
.dark_theme .accordion_item,
.dark_theme .highlight_diff label,
.dark_theme .mp_modal--content {
  border-color: #484848;
}
.dark_theme .accordion_header::before {
  background: url("../images/icons/chevron-down-white.svg") center no-repeat;
}
.dark_theme .digital_swiper {
  border: #484848 1px solid;
}
.dark_theme .accordion_item.active {
  background: rgba(72, 72, 72, 0.5);
}
.dark_theme .milestone_card {
  border: 1px solid #484848;
  height: 100%;
  margin-right: -1px;
}
.dark_theme .image_content.v2 {
  border: #484848 1px solid;
}
.dark_theme .image_content {
  background: transparent;
}
.dark_theme .logo_card {
  background: #fff;
}
.dark_theme .mp_modal_inner {
  background: transparent;
}
.dark_theme .milestone_card--layer::after,
.dark_theme .image_card.v2::after,
.dark_theme .navbar .submenu_content_banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: -2;
}
.dark_theme .sticky_tabs,
.dark_theme .compare_plans_each .compare_plans--title,
.dark_theme .navbar .submenu,
.dark_theme .navbar .lang_dropdown.open .lang_dropdown--menu {
  background: #000;
}
.dark_theme .tabs.v3 .tab-list .tab-line {
  bottom: -2px;
}
.dark_theme .brochures_tabs_list--title {
  background: #fff;
}
.dark_theme .text_editor h6 {
  color: #fff;
}
.dark_theme .brochures_tabs_list {
  background: #191919;
}
.dark_theme .navbar .submenu {
  border-top: 1px solid var(--core-border, #484848);
}
.dark_theme .navbar--links ul li .menu.open {
  background: var(--system-white-100, #fff);
  color: var(--system-black-100, #000);
}
.dark_theme .navbar--links ul li .menu.open svg path {
  stroke: var(--system-black-100, #000);
}
.dark_theme .navbar .submenu_content_list_each::before {
  background: rgba(234, 240, 243, 0.15);
}
@media (max-width: 768px) {
  .dark_theme .navbar--links {
    background: #000;
  }
  .dark_theme .navbar .submenu_content_list_each--asset.border {
    background: #000 url("../images/icons/border.svg") center no-repeat;
    background-size: 44px;
  }
  .dark_theme .navbar .submenu {
    border: 1px solid #484848;
  }
  .dark_theme .navbar--links ul li .menu.open {
    background: #000;
    color: #fff;
  }
  .dark_theme .navbar--links ul li .menu.open svg path {
    stroke: #fff;
  }
}/*# sourceMappingURL=style.css.map */