@charset "UTF-8";
.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-grow {
  flex-grow: 1;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-direction-column {
  flex-direction: column;
}

.d-none {
  display: none !important;
}

#content {
  display: none !important;
}

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .d-flex-sm1 {
    display: flex;
  }
  .flex-wrap-sm1 {
    flex-wrap: wrap;
  }
  .flex-grow-sm1 {
    flex-grow: 1;
  }
  .flex-direction-row-sm1 {
    flex-direction: row;
  }
  .flex-direction-column-sm1 {
    flex-direction: column;
  }
  .d-none-xs {
    display: block;
  }
  .d-none-lg {
    display: none;
  }
  .dsp-no-wrapper-xs-wr20 {
    width: calc(100% + 40px) !important;
    margin: 0 0 0 -20px;
  }
  .dsp-grid-xs-1-36-0 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 36px 0px;
  }
  _:-ms-fullscreen, :root .dsp-grid-xs-1-36-0 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-xs-1-36-0 > * {
    width: 1392px;
    float: left;
    margin: 36px 0px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs-1-36-0 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(1n+1), :root .dsp-grid-xs-1-36-0 > *:nth-child(1n+1) {
    margin-right: 0;
  }
  .dsp-grid-xs-4-8-8 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px 8px;
  }
  _:-ms-fullscreen, :root .dsp-grid-xs-4-8-8 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-xs-4-8-8 > * {
    width: 342px;
    float: left;
    margin: 8px 8px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs-4-8-8 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-xs-4-8-8 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-xs-4-8-8 > *:nth-child(3) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-xs-4-8-8 > *:nth-child(4) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-xs-4-8-8 > *:nth-child(4n+4) {
    margin-right: 0;
  }
  .dsp-grid-xs-2-12-12 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px 12px;
  }
  _:-ms-fullscreen, :root .dsp-grid-xs-2-12-12 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-xs-2-12-12 > * {
    width: 690px;
    float: left;
    margin: 12px 12px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs-2-12-12 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-xs-2-12-12 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-xs-2-12-12 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .dsp-overflow-xs-wr20-comp280-12 {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: calc(100% + 40px) !important;
    margin: 0 0 0 -20px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .dsp-overflow-xs-wr20-comp280-12 > * {
    width: 280px;
    flex-shrink: 0;
    margin-right: 12px;
  }
  .dsp-overflow-xs-wr20-comp280-12 > *:first-child {
    margin-left: 20px;
  }
  .dsp-overflow-xs-wr20-comp280-12 > *:last-child {
    margin-right: 20px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .d-flex-sm-md-lg {
    display: flex;
  }
  .flex-wrap-sm-md-lg {
    flex-wrap: wrap;
  }
  .flex-grow-sm-md-lg {
    flex-grow: 1;
  }
  .flex-direction-row-sm-md-lg {
    flex-direction: row;
  }
  .flex-direction-column-sm-md-lg {
    flex-direction: column;
  }
  .d-none-lg {
    display: flex !important;
  }
  .d-none-xs {
    display: none;
  }
  .dsp-grid-lg-2-24-24 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px 24px;
  }
  _:-ms-fullscreen, :root .dsp-grid-lg-2-24-24 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-lg-2-24-24 > * {
    width: 684px;
    float: left;
    margin: 24px 24px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-2-24-24 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-2-24-24 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-lg-2-24-24 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .dsp-grid-lg-2-120-24 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 120px 24px;
  }
  _:-ms-fullscreen, :root .dsp-grid-lg-2-120-24 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-lg-2-120-24 > * {
    width: 684px;
    float: left;
    margin: 120px 24px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-2-120-24 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-2-120-24 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-lg-2-120-24 > *:nth-child(2n+2) {
    margin-right: 0;
  }
  .dsp-grid-lg-3-24-24 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px 24px;
  }
  _:-ms-fullscreen, :root .dsp-grid-lg-3-24-24 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-lg-3-24-24 > * {
    width: 448px;
    float: left;
    margin: 24px 24px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-24-24 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-24-24 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-24-24 > *:nth-child(3) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-24-24 > *:nth-child(3n+3) {
    margin-right: 0;
  }
  .dsp-grid-lg-3-48-24 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 48px 24px;
  }
  _:-ms-fullscreen, :root .dsp-grid-lg-3-48-24 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-lg-3-48-24 > * {
    width: 448px;
    float: left;
    margin: 48px 24px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-48-24 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-48-24 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-48-24 > *:nth-child(3) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-48-24 > *:nth-child(3n+3) {
    margin-right: 0;
  }
  .dsp-grid-lg-3-0-24 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px 24px;
  }
  _:-ms-fullscreen, :root .dsp-grid-lg-3-0-24 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-lg-3-0-24 > * {
    width: 448px;
    float: left;
    margin: 0px 24px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-0-24 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-0-24 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-0-24 > *:nth-child(3) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-0-24 > *:nth-child(3n+3) {
    margin-right: 0;
  }
  .dsp-grid-lg-4-16-16 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px 16px;
  }
  _:-ms-fullscreen, :root .dsp-grid-lg-4-16-16 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-lg-4-16-16 > * {
    width: 336px;
    float: left;
    margin: 16px 16px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-4-16-16 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-4-16-16 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-4-16-16 > *:nth-child(3) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-lg-4-16-16 > *:nth-child(4) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-lg-4-16-16 > *:nth-child(4n+4) {
    margin-right: 0;
  }
  .dsp-grid-lg-4-24-24 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px 24px;
  }
  _:-ms-fullscreen, :root .dsp-grid-lg-4-24-24 {
    overflow: hidden;
  }
  _:-ms-fullscreen > *, :root .dsp-grid-lg-4-24-24 > * {
    width: 330px;
    float: left;
    margin: 24px 24px 0 0;
  }
  _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-4-24-24 > *:nth-child(1) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-4-24-24 > *:nth-child(2) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-4-24-24 > *:nth-child(3) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-lg-4-24-24 > *:nth-child(4) {
    margin-top: 0;
  }
  _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-lg-4-24-24 > *:nth-child(4n+4) {
    margin-right: 0;
  }
}
#mq-info {
  height: 0px !important;
}

#mq-values {
  height: 0px !important;
}
#mq-values #mq-xs1 {
  width: 0px;
}
#mq-values #mq-xs2 {
  width: 450px;
}
#mq-values #mq-sm1 {
  width: 768px;
}
#mq-values #mq-sm2 {
  width: 1024px;
}
#mq-values #mq-md {
  width: 1180px;
}
#mq-values #mq-lg {
  width: 1680px;
}

@media all and (max-width: 449px) {
  #mq-info {
    width: 0px;
  }
}
@media all and (min-width: 450px) and (max-width: 767px) {
  #mq-info {
    width: 450px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  #mq-info {
    width: 768px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1179px) {
  #mq-info {
    width: 1024px;
  }
}
@media all and (min-width: 1180px) and (max-width: 1679px) {
  #mq-info {
    width: 1180px;
  }
}
@media all and (min-width: 1680px) {
  #mq-info {
    width: 1680px;
  }
}
*, *::before, *::after {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  outline: 0;
  text-rendering: optimizeLegibility;
}

blockquote {
  quotes: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

main, header, aside, img {
  display: block;
}

input:not([type=checkbox]):not([type=radio]), textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=checkbox], input[type=radio] {
  position: absolute;
  z-index: -100;
  opacity: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield !important; /* Firefox */
}

hr {
  height: 0;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
}


/* Global Spacing */
.h-0 {
  height: 0;
}

.h-8px {
  height: 8px;
}

.h-10px {
  height: 10px;
}

.h-12px {
  height: 12px;
}

.h-16px {
  height: 16px;
}

.h-24px {
  height: 24px;
}

.h-32px {
  height: 32px;
}

.h-48px {
  height: 48px;
}

.h-56px {
  height: 56px;
}

.h-64px {
  height: 64px;
}

.h-72px {
  height: 72px;
}

.h-80px {
  height: 80px;
}

.h-96px {
  height: 96px;
}

.mt-0 {
  margin-top: 0;
}

.pt-0 {
  padding-top: 0;
}

.mt-8px {
  margin-top: 8px;
}

.pt-8px {
  padding-top: 8px;
}

.mt-10px {
  margin-top: 10px;
}

.pt-10px {
  padding-top: 10px;
}

.mt-12px {
  margin-top: 12px;
}

.pt-12px {
  padding-top: 12px;
}

.mt-16px {
  margin-top: 16px;
}

.pt-16px {
  padding-top: 16px;
}

.mt-24px {
  margin-top: 24px;
}

.pt-24px {
  padding-top: 24px;
}

.mt-32px {
  margin-top: 32px;
}

.pt-32px {
  padding-top: 32px;
}

.mt-48px {
  margin-top: 48px;
}

.pt-48px {
  padding-top: 48px;
}

.mt-56px {
  margin-top: 56px;
}

.pt-56px {
  padding-top: 56px;
}

.mt-64px {
  margin-top: 64px;
}

.pt-64px {
  padding-top: 64px;
}

.mt-72px {
  margin-top: 72px;
}

.pt-72px {
  padding-top: 72px;
}

.mt-80px {
  margin-top: 80px;
}

.pt-80px {
  padding-top: 80px;
}

.mt-96px {
  margin-top: 96px;
}

.pt-96px {
  padding-top: 96px;
}

.mt-169px {
  margin-top: 169px;
}

.pt-169px {
  padding-top: 169px;
}

.mr-0 {
  margin-right: 0;
}

.pr-0 {
  padding-right: 0;
}

.mr-8px {
  margin-right: 8px;
}

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

.mr-10px {
  margin-right: 10px;
}

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

.mr-12px {
  margin-right: 12px;
}

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

.mr-15px {
  margin-right: 15px;
}

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

.mr-16px {
  margin-right: 16px;
}

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

.mr-22px {
  margin-right: 22px;
}

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

.mr-24px {
  margin-right: 24px;
}

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

.mr-32px {
  margin-right: 32px;
}

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

.mr-48px {
  margin-right: 48px;
}

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

.mr-56px {
  margin-right: 56px;
}

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

.mr-64px {
  margin-right: 64px;
}

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

.mr-72px {
  margin-right: 72px;
}

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

.mr-80px {
  margin-right: 80px;
}

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

.mr-96px {
  margin-right: 96px;
}

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

.mb-0 {
  margin-bottom: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.mb-8px {
  margin-bottom: 8px;
}

.pb-8px {
  padding-bottom: 8px;
}

.mb-10px {
  margin-bottom: 10px;
}

.pb-10px {
  padding-bottom: 10px;
}

.mb-12px {
  margin-bottom: 12px;
}

.pb-12px {
  padding-bottom: 12px;
}

.mb-16px {
  margin-bottom: 16px;
}

.pb-16px {
  padding-bottom: 16px;
}

.mb-24px {
  margin-bottom: 24px;
}

.pb-24px {
  padding-bottom: 24px;
}

.mb-30px {
  margin-bottom: 30px;
}

.pb-30px {
  padding-bottom: 30px;
}

.mb-32px {
  margin-bottom: 32px;
}

.pb-32px {
  padding-bottom: 32px;
}

.mb-38px {
  margin-bottom: 38px;
}

.pb-38px {
  padding-bottom: 38px;
}

.mb-40px {
  margin-bottom: 40px;
}

.pb-40px {
  padding-bottom: 40px;
}

.mb-48px {
  margin-bottom: 48px;
}

.pb-48px {
  padding-bottom: 48px;
}

.mb-56px {
  margin-bottom: 56px;
}

.pb-56px {
  padding-bottom: 56px;
}

.mb-64px {
  margin-bottom: 64px;
}

.pb-64px {
  padding-bottom: 64px;
}

.mb-72px {
  margin-bottom: 72px;
}

.pb-72px {
  padding-bottom: 72px;
}

.mb-80px {
  margin-bottom: 80px;
}

.pb-80px {
  padding-bottom: 80px;
}

.mb-96px {
  margin-bottom: 96px;
}

.pb-96px {
  padding-bottom: 96px;
}

.ml-0 {
  margin-left: 0;
}

.pl-0 {
  padding-left: 0;
}

.ml-8px {
  margin-left: 8px;
}

.pl-8px {
  padding-left: 8px;
}

.ml-10px {
  margin-left: 10px;
}

.pl-10px {
  padding-left: 10px;
}

.ml-12px {
  margin-left: 12px;
}

.pl-12px {
  padding-left: 12px;
}

.ml-16px {
  margin-left: 16px;
}

.pl-16px {
  padding-left: 16px;
}

.ml-24px {
  margin-left: 24px;
}

.pl-24px {
  padding-left: 24px;
}

.ml-32px {
  margin-left: 32px;
}

.pl-32px {
  padding-left: 32px;
}

.ml-48px {
  margin-left: 48px;
}

.pl-48px {
  padding-left: 48px;
}

.ml-56px {
  margin-left: 56px;
}

.pl-56px {
  padding-left: 56px;
}

.ml-64px {
  margin-left: 64px;
}

.pl-64px {
  padding-left: 64px;
}

.ml-72px {
  margin-left: 72px;
}

.pl-72px {
  padding-left: 72px;
}

.ml-80px {
  margin-left: 80px;
}

.pl-80px {
  padding-left: 80px;
}

.ml-96px {
  margin-left: 96px;
}

.pl-96px {
  padding-left: 96px;
}

/* End: Global Spacing */
@media all and (min-width: 0px) {
  .h-xs1-0 {
    height: 0;
  }
  .h-xs1-8px {
    height: 8px;
  }
  .h-xs1-10px {
    height: 10px;
  }
  .h-xs1-12px {
    height: 12px;
  }
  .h-xs1-16px {
    height: 16px;
  }
  .h-xs1-24px {
    height: 24px;
  }
  .h-xs1-32px {
    height: 32px;
  }
  .h-xs1-48px {
    height: 48px;
  }
  .h-xs1-56px {
    height: 56px;
  }
  .h-xs1-64px {
    height: 64px;
  }
  .h-xs1-72px {
    height: 72px;
  }
  .h-xs1-80px {
    height: 80px;
  }
  .h-xs1-96px {
    height: 96px;
  }
  .mt-xs1-0 {
    margin-top: 0;
  }
  .pt-xs1-0 {
    padding-top: 0;
  }
  .mt-xs1-8px {
    margin-top: 8px;
  }
  .pt-xs1-8px {
    padding-top: 8px;
  }
  .mt-xs1-10px {
    margin-top: 10px;
  }
  .pt-xs1-10px {
    padding-top: 10px;
  }
  .mt-xs1-12px {
    margin-top: 12px;
  }
  .pt-xs1-12px {
    padding-top: 12px;
  }
  .mt-xs1-16px {
    margin-top: 16px;
  }
  .pt-xs1-16px {
    padding-top: 16px;
  }
  .mt-xs1-24px {
    margin-top: 24px;
  }
  .pt-xs1-24px {
    padding-top: 24px;
  }
  .mt-xs1-32px {
    margin-top: 32px;
  }
  .pt-xs1-32px {
    padding-top: 32px;
  }
  .mt-xs1-48px {
    margin-top: 48px;
  }
  .pt-xs1-48px {
    padding-top: 48px;
  }
  .mt-xs1-56px {
    margin-top: 56px;
  }
  .pt-xs1-56px {
    padding-top: 56px;
  }
  .mt-xs1-64px {
    margin-top: 64px;
  }
  .pt-xs1-64px {
    padding-top: 64px;
  }
  .mt-xs1-72px {
    margin-top: 72px;
  }
  .pt-xs1-72px {
    padding-top: 72px;
  }
  .mt-xs1-80px {
    margin-top: 80px;
  }
  .pt-xs1-80px {
    padding-top: 80px;
  }
  .mt-xs1-96px {
    margin-top: 96px;
  }
  .pt-xs1-96px {
    padding-top: 96px;
  }
  .mt-xs1-169px {
    margin-top: 169px;
  }
  .pt-xs1-169px {
    padding-top: 169px;
  }
  .mr-xs1-0 {
    margin-right: 0;
  }
  .pr-xs1-0 {
    padding-right: 0;
  }
  .mr-xs1-8px {
    margin-right: 8px;
  }
  .pr-xs1-8px {
    padding-right: 8px;
  }
  .mr-xs1-10px {
    margin-right: 10px;
  }
  .pr-xs1-10px {
    padding-right: 10px;
  }
  .mr-xs1-12px {
    margin-right: 12px;
  }
  .pr-xs1-12px {
    padding-right: 12px;
  }
  .mr-xs1-15px {
    margin-right: 15px;
  }
  .pr-xs1-15px {
    padding-right: 15px;
  }
  .mr-xs1-16px {
    margin-right: 16px;
  }
  .pr-xs1-16px {
    padding-right: 16px;
  }
  .mr-xs1-22px {
    margin-right: 22px;
  }
  .pr-xs1-22px {
    padding-right: 22px;
  }
  .mr-xs1-24px {
    margin-right: 24px;
  }
  .pr-xs1-24px {
    padding-right: 24px;
  }
  .mr-xs1-32px {
    margin-right: 32px;
  }
  .pr-xs1-32px {
    padding-right: 32px;
  }
  .mr-xs1-48px {
    margin-right: 48px;
  }
  .pr-xs1-48px {
    padding-right: 48px;
  }
  .mr-xs1-56px {
    margin-right: 56px;
  }
  .pr-xs1-56px {
    padding-right: 56px;
  }
  .mr-xs1-64px {
    margin-right: 64px;
  }
  .pr-xs1-64px {
    padding-right: 64px;
  }
  .mr-xs1-72px {
    margin-right: 72px;
  }
  .pr-xs1-72px {
    padding-right: 72px;
  }
  .mr-xs1-80px {
    margin-right: 80px;
  }
  .pr-xs1-80px {
    padding-right: 80px;
  }
  .mr-xs1-96px {
    margin-right: 96px;
  }
  .pr-xs1-96px {
    padding-right: 96px;
  }
  .mb-xs1-0 {
    margin-bottom: 0;
  }
  .pb-xs1-0 {
    padding-bottom: 0;
  }
  .mb-xs1-8px {
    margin-bottom: 8px;
  }
  .pb-xs1-8px {
    padding-bottom: 8px;
  }
  .mb-xs1-10px {
    margin-bottom: 10px;
  }
  .pb-xs1-10px {
    padding-bottom: 10px;
  }
  .mb-xs1-12px {
    margin-bottom: 12px;
  }
  .pb-xs1-12px {
    padding-bottom: 12px;
  }
  .mb-xs1-16px {
    margin-bottom: 16px;
  }
  .pb-xs1-16px {
    padding-bottom: 16px;
  }
  .mb-xs1-24px {
    margin-bottom: 24px;
  }
  .pb-xs1-24px {
    padding-bottom: 24px;
  }
  .mb-xs1-30px {
    margin-bottom: 30px;
  }
  .pb-xs1-30px {
    padding-bottom: 30px;
  }
  .mb-xs1-32px {
    margin-bottom: 32px;
  }
  .pb-xs1-32px {
    padding-bottom: 32px;
  }
  .mb-xs1-38px {
    margin-bottom: 38px;
  }
  .pb-xs1-38px {
    padding-bottom: 38px;
  }
  .mb-xs1-40px {
    margin-bottom: 40px;
  }
  .pb-xs1-40px {
    padding-bottom: 40px;
  }
  .mb-xs1-48px {
    margin-bottom: 48px;
  }
  .pb-xs1-48px {
    padding-bottom: 48px;
  }
  .mb-xs1-56px {
    margin-bottom: 56px;
  }
  .pb-xs1-56px {
    padding-bottom: 56px;
  }
  .mb-xs1-64px {
    margin-bottom: 64px;
  }
  .pb-xs1-64px {
    padding-bottom: 64px;
  }
  .mb-xs1-72px {
    margin-bottom: 72px;
  }
  .pb-xs1-72px {
    padding-bottom: 72px;
  }
  .mb-xs1-80px {
    margin-bottom: 80px;
  }
  .pb-xs1-80px {
    padding-bottom: 80px;
  }
  .mb-xs1-96px {
    margin-bottom: 96px;
  }
  .pb-xs1-96px {
    padding-bottom: 96px;
  }
  .ml-xs1-0 {
    margin-left: 0;
  }
  .pl-xs1-0 {
    padding-left: 0;
  }
  .ml-xs1-8px {
    margin-left: 8px;
  }
  .pl-xs1-8px {
    padding-left: 8px;
  }
  .ml-xs1-10px {
    margin-left: 10px;
  }
  .pl-xs1-10px {
    padding-left: 10px;
  }
  .ml-xs1-12px {
    margin-left: 12px;
  }
  .pl-xs1-12px {
    padding-left: 12px;
  }
  .ml-xs1-16px {
    margin-left: 16px;
  }
  .pl-xs1-16px {
    padding-left: 16px;
  }
  .ml-xs1-24px {
    margin-left: 24px;
  }
  .pl-xs1-24px {
    padding-left: 24px;
  }
  .ml-xs1-32px {
    margin-left: 32px;
  }
  .pl-xs1-32px {
    padding-left: 32px;
  }
  .ml-xs1-48px {
    margin-left: 48px;
  }
  .pl-xs1-48px {
    padding-left: 48px;
  }
  .ml-xs1-56px {
    margin-left: 56px;
  }
  .pl-xs1-56px {
    padding-left: 56px;
  }
  .ml-xs1-64px {
    margin-left: 64px;
  }
  .pl-xs1-64px {
    padding-left: 64px;
  }
  .ml-xs1-72px {
    margin-left: 72px;
  }
  .pl-xs1-72px {
    padding-left: 72px;
  }
  .ml-xs1-80px {
    margin-left: 80px;
  }
  .pl-xs1-80px {
    padding-left: 80px;
  }
  .ml-xs1-96px {
    margin-left: 96px;
  }
  .pl-xs1-96px {
    padding-left: 96px;
  }
}
@media all and (min-width: 450px) {
  .h-xs2-0 {
    height: 0;
  }
  .h-xs2-8px {
    height: 8px;
  }
  .h-xs2-10px {
    height: 10px;
  }
  .h-xs2-12px {
    height: 12px;
  }
  .h-xs2-16px {
    height: 16px;
  }
  .h-xs2-24px {
    height: 24px;
  }
  .h-xs2-32px {
    height: 32px;
  }
  .h-xs2-48px {
    height: 48px;
  }
  .h-xs2-56px {
    height: 56px;
  }
  .h-xs2-64px {
    height: 64px;
  }
  .h-xs2-72px {
    height: 72px;
  }
  .h-xs2-80px {
    height: 80px;
  }
  .h-xs2-96px {
    height: 96px;
  }
  .mt-xs2-0 {
    margin-top: 0;
  }
  .pt-xs2-0 {
    padding-top: 0;
  }
  .mt-xs2-8px {
    margin-top: 8px;
  }
  .pt-xs2-8px {
    padding-top: 8px;
  }
  .mt-xs2-10px {
    margin-top: 10px;
  }
  .pt-xs2-10px {
    padding-top: 10px;
  }
  .mt-xs2-12px {
    margin-top: 12px;
  }
  .pt-xs2-12px {
    padding-top: 12px;
  }
  .mt-xs2-16px {
    margin-top: 16px;
  }
  .pt-xs2-16px {
    padding-top: 16px;
  }
  .mt-xs2-24px {
    margin-top: 24px;
  }
  .pt-xs2-24px {
    padding-top: 24px;
  }
  .mt-xs2-32px {
    margin-top: 32px;
  }
  .pt-xs2-32px {
    padding-top: 32px;
  }
  .mt-xs2-48px {
    margin-top: 48px;
  }
  .pt-xs2-48px {
    padding-top: 48px;
  }
  .mt-xs2-56px {
    margin-top: 56px;
  }
  .pt-xs2-56px {
    padding-top: 56px;
  }
  .mt-xs2-64px {
    margin-top: 64px;
  }
  .pt-xs2-64px {
    padding-top: 64px;
  }
  .mt-xs2-72px {
    margin-top: 72px;
  }
  .pt-xs2-72px {
    padding-top: 72px;
  }
  .mt-xs2-80px {
    margin-top: 80px;
  }
  .pt-xs2-80px {
    padding-top: 80px;
  }
  .mt-xs2-96px {
    margin-top: 96px;
  }
  .pt-xs2-96px {
    padding-top: 96px;
  }
  .mt-xs2-169px {
    margin-top: 169px;
  }
  .pt-xs2-169px {
    padding-top: 169px;
  }
  .mr-xs2-0 {
    margin-right: 0;
  }
  .pr-xs2-0 {
    padding-right: 0;
  }
  .mr-xs2-8px {
    margin-right: 8px;
  }
  .pr-xs2-8px {
    padding-right: 8px;
  }
  .mr-xs2-10px {
    margin-right: 10px;
  }
  .pr-xs2-10px {
    padding-right: 10px;
  }
  .mr-xs2-12px {
    margin-right: 12px;
  }
  .pr-xs2-12px {
    padding-right: 12px;
  }
  .mr-xs2-15px {
    margin-right: 15px;
  }
  .pr-xs2-15px {
    padding-right: 15px;
  }
  .mr-xs2-16px {
    margin-right: 16px;
  }
  .pr-xs2-16px {
    padding-right: 16px;
  }
  .mr-xs2-22px {
    margin-right: 22px;
  }
  .pr-xs2-22px {
    padding-right: 22px;
  }
  .mr-xs2-24px {
    margin-right: 24px;
  }
  .pr-xs2-24px {
    padding-right: 24px;
  }
  .mr-xs2-32px {
    margin-right: 32px;
  }
  .pr-xs2-32px {
    padding-right: 32px;
  }
  .mr-xs2-48px {
    margin-right: 48px;
  }
  .pr-xs2-48px {
    padding-right: 48px;
  }
  .mr-xs2-56px {
    margin-right: 56px;
  }
  .pr-xs2-56px {
    padding-right: 56px;
  }
  .mr-xs2-64px {
    margin-right: 64px;
  }
  .pr-xs2-64px {
    padding-right: 64px;
  }
  .mr-xs2-72px {
    margin-right: 72px;
  }
  .pr-xs2-72px {
    padding-right: 72px;
  }
  .mr-xs2-80px {
    margin-right: 80px;
  }
  .pr-xs2-80px {
    padding-right: 80px;
  }
  .mr-xs2-96px {
    margin-right: 96px;
  }
  .pr-xs2-96px {
    padding-right: 96px;
  }
  .mb-xs2-0 {
    margin-bottom: 0;
  }
  .pb-xs2-0 {
    padding-bottom: 0;
  }
  .mb-xs2-8px {
    margin-bottom: 8px;
  }
  .pb-xs2-8px {
    padding-bottom: 8px;
  }
  .mb-xs2-10px {
    margin-bottom: 10px;
  }
  .pb-xs2-10px {
    padding-bottom: 10px;
  }
  .mb-xs2-12px {
    margin-bottom: 12px;
  }
  .pb-xs2-12px {
    padding-bottom: 12px;
  }
  .mb-xs2-16px {
    margin-bottom: 16px;
  }
  .pb-xs2-16px {
    padding-bottom: 16px;
  }
  .mb-xs2-24px {
    margin-bottom: 24px;
  }
  .pb-xs2-24px {
    padding-bottom: 24px;
  }
  .mb-xs2-30px {
    margin-bottom: 30px;
  }
  .pb-xs2-30px {
    padding-bottom: 30px;
  }
  .mb-xs2-32px {
    margin-bottom: 32px;
  }
  .pb-xs2-32px {
    padding-bottom: 32px;
  }
  .mb-xs2-38px {
    margin-bottom: 38px;
  }
  .pb-xs2-38px {
    padding-bottom: 38px;
  }
  .mb-xs2-40px {
    margin-bottom: 40px;
  }
  .pb-xs2-40px {
    padding-bottom: 40px;
  }
  .mb-xs2-48px {
    margin-bottom: 48px;
  }
  .pb-xs2-48px {
    padding-bottom: 48px;
  }
  .mb-xs2-56px {
    margin-bottom: 56px;
  }
  .pb-xs2-56px {
    padding-bottom: 56px;
  }
  .mb-xs2-64px {
    margin-bottom: 64px;
  }
  .pb-xs2-64px {
    padding-bottom: 64px;
  }
  .mb-xs2-72px {
    margin-bottom: 72px;
  }
  .pb-xs2-72px {
    padding-bottom: 72px;
  }
  .mb-xs2-80px {
    margin-bottom: 80px;
  }
  .pb-xs2-80px {
    padding-bottom: 80px;
  }
  .mb-xs2-96px {
    margin-bottom: 96px;
  }
  .pb-xs2-96px {
    padding-bottom: 96px;
  }
  .ml-xs2-0 {
    margin-left: 0;
  }
  .pl-xs2-0 {
    padding-left: 0;
  }
  .ml-xs2-8px {
    margin-left: 8px;
  }
  .pl-xs2-8px {
    padding-left: 8px;
  }
  .ml-xs2-10px {
    margin-left: 10px;
  }
  .pl-xs2-10px {
    padding-left: 10px;
  }
  .ml-xs2-12px {
    margin-left: 12px;
  }
  .pl-xs2-12px {
    padding-left: 12px;
  }
  .ml-xs2-16px {
    margin-left: 16px;
  }
  .pl-xs2-16px {
    padding-left: 16px;
  }
  .ml-xs2-24px {
    margin-left: 24px;
  }
  .pl-xs2-24px {
    padding-left: 24px;
  }
  .ml-xs2-32px {
    margin-left: 32px;
  }
  .pl-xs2-32px {
    padding-left: 32px;
  }
  .ml-xs2-48px {
    margin-left: 48px;
  }
  .pl-xs2-48px {
    padding-left: 48px;
  }
  .ml-xs2-56px {
    margin-left: 56px;
  }
  .pl-xs2-56px {
    padding-left: 56px;
  }
  .ml-xs2-64px {
    margin-left: 64px;
  }
  .pl-xs2-64px {
    padding-left: 64px;
  }
  .ml-xs2-72px {
    margin-left: 72px;
  }
  .pl-xs2-72px {
    padding-left: 72px;
  }
  .ml-xs2-80px {
    margin-left: 80px;
  }
  .pl-xs2-80px {
    padding-left: 80px;
  }
  .ml-xs2-96px {
    margin-left: 96px;
  }
  .pl-xs2-96px {
    padding-left: 96px;
  }
}
@media all and (min-width: 768px) {
  .h-sm1-0 {
    height: 0;
  }
  .h-sm1-8px {
    height: 8px;
  }
  .h-sm1-10px {
    height: 10px;
  }
  .h-sm1-12px {
    height: 12px;
  }
  .h-sm1-16px {
    height: 16px;
  }
  .h-sm1-24px {
    height: 24px;
  }
  .h-sm1-32px {
    height: 32px;
  }
  .h-sm1-48px {
    height: 48px;
  }
  .h-sm1-56px {
    height: 56px;
  }
  .h-sm1-64px {
    height: 64px;
  }
  .h-sm1-72px {
    height: 72px;
  }
  .h-sm1-80px {
    height: 80px;
  }
  .h-sm1-96px {
    height: 96px;
  }
  .mt-sm1-0 {
    margin-top: 0;
  }
  .pt-sm1-0 {
    padding-top: 0;
  }
  .mt-sm1-8px {
    margin-top: 8px;
  }
  .pt-sm1-8px {
    padding-top: 8px;
  }
  .mt-sm1-10px {
    margin-top: 10px;
  }
  .pt-sm1-10px {
    padding-top: 10px;
  }
  .mt-sm1-12px {
    margin-top: 12px;
  }
  .pt-sm1-12px {
    padding-top: 12px;
  }
  .mt-sm1-16px {
    margin-top: 16px;
  }
  .pt-sm1-16px {
    padding-top: 16px;
  }
  .mt-sm1-24px {
    margin-top: 24px;
  }
  .pt-sm1-24px {
    padding-top: 24px;
  }
  .mt-sm1-32px {
    margin-top: 32px;
  }
  .pt-sm1-32px {
    padding-top: 32px;
  }
  .mt-sm1-48px {
    margin-top: 48px;
  }
  .pt-sm1-48px {
    padding-top: 48px;
  }
  .mt-sm1-56px {
    margin-top: 56px;
  }
  .pt-sm1-56px {
    padding-top: 56px;
  }
  .mt-sm1-64px {
    margin-top: 64px;
  }
  .pt-sm1-64px {
    padding-top: 64px;
  }
  .mt-sm1-72px {
    margin-top: 72px;
  }
  .pt-sm1-72px {
    padding-top: 72px;
  }
  .mt-sm1-80px {
    margin-top: 80px;
  }
  .pt-sm1-80px {
    padding-top: 80px;
  }
  .mt-sm1-96px {
    margin-top: 96px;
  }
  .pt-sm1-96px {
    padding-top: 96px;
  }
  .mt-sm1-169px {
    margin-top: 169px;
  }
  .pt-sm1-169px {
    padding-top: 169px;
  }
  .mr-sm1-0 {
    margin-right: 0;
  }
  .pr-sm1-0 {
    padding-right: 0;
  }
  .mr-sm1-8px {
    margin-right: 8px;
  }
  .pr-sm1-8px {
    padding-right: 8px;
  }
  .mr-sm1-10px {
    margin-right: 10px;
  }
  .pr-sm1-10px {
    padding-right: 10px;
  }
  .mr-sm1-12px {
    margin-right: 12px;
  }
  .pr-sm1-12px {
    padding-right: 12px;
  }
  .mr-sm1-15px {
    margin-right: 15px;
  }
  .pr-sm1-15px {
    padding-right: 15px;
  }
  .mr-sm1-16px {
    margin-right: 16px;
  }
  .pr-sm1-16px {
    padding-right: 16px;
  }
  .mr-sm1-22px {
    margin-right: 22px;
  }
  .pr-sm1-22px {
    padding-right: 22px;
  }
  .mr-sm1-24px {
    margin-right: 24px;
  }
  .pr-sm1-24px {
    padding-right: 24px;
  }
  .mr-sm1-32px {
    margin-right: 32px;
  }
  .pr-sm1-32px {
    padding-right: 32px;
  }
  .mr-sm1-48px {
    margin-right: 48px;
  }
  .pr-sm1-48px {
    padding-right: 48px;
  }
  .mr-sm1-56px {
    margin-right: 56px;
  }
  .pr-sm1-56px {
    padding-right: 56px;
  }
  .mr-sm1-64px {
    margin-right: 64px;
  }
  .pr-sm1-64px {
    padding-right: 64px;
  }
  .mr-sm1-72px {
    margin-right: 72px;
  }
  .pr-sm1-72px {
    padding-right: 72px;
  }
  .mr-sm1-80px {
    margin-right: 80px;
  }
  .pr-sm1-80px {
    padding-right: 80px;
  }
  .mr-sm1-96px {
    margin-right: 96px;
  }
  .pr-sm1-96px {
    padding-right: 96px;
  }
  .mb-sm1-0 {
    margin-bottom: 0;
  }
  .pb-sm1-0 {
    padding-bottom: 0;
  }
  .mb-sm1-8px {
    margin-bottom: 8px;
  }
  .pb-sm1-8px {
    padding-bottom: 8px;
  }
  .mb-sm1-10px {
    margin-bottom: 10px;
  }
  .pb-sm1-10px {
    padding-bottom: 10px;
  }
  .mb-sm1-12px {
    margin-bottom: 12px;
  }
  .pb-sm1-12px {
    padding-bottom: 12px;
  }
  .mb-sm1-16px {
    margin-bottom: 16px;
  }
  .pb-sm1-16px {
    padding-bottom: 16px;
  }
  .mb-sm1-24px {
    margin-bottom: 24px;
  }
  .pb-sm1-24px {
    padding-bottom: 24px;
  }
  .mb-sm1-30px {
    margin-bottom: 30px;
  }
  .pb-sm1-30px {
    padding-bottom: 30px;
  }
  .mb-sm1-32px {
    margin-bottom: 32px;
  }
  .pb-sm1-32px {
    padding-bottom: 32px;
  }
  .mb-sm1-38px {
    margin-bottom: 38px;
  }
  .pb-sm1-38px {
    padding-bottom: 38px;
  }
  .mb-sm1-40px {
    margin-bottom: 40px;
  }
  .pb-sm1-40px {
    padding-bottom: 40px;
  }
  .mb-sm1-48px {
    margin-bottom: 48px;
  }
  .pb-sm1-48px {
    padding-bottom: 48px;
  }
  .mb-sm1-56px {
    margin-bottom: 56px;
  }
  .pb-sm1-56px {
    padding-bottom: 56px;
  }
  .mb-sm1-64px {
    margin-bottom: 64px;
  }
  .pb-sm1-64px {
    padding-bottom: 64px;
  }
  .mb-sm1-72px {
    margin-bottom: 72px;
  }
  .pb-sm1-72px {
    padding-bottom: 72px;
  }
  .mb-sm1-80px {
    margin-bottom: 80px;
  }
  .pb-sm1-80px {
    padding-bottom: 80px;
  }
  .mb-sm1-96px {
    margin-bottom: 96px;
  }
  .pb-sm1-96px {
    padding-bottom: 96px;
  }
  .ml-sm1-0 {
    margin-left: 0;
  }
  .pl-sm1-0 {
    padding-left: 0;
  }
  .ml-sm1-8px {
    margin-left: 8px;
  }
  .pl-sm1-8px {
    padding-left: 8px;
  }
  .ml-sm1-10px {
    margin-left: 10px;
  }
  .pl-sm1-10px {
    padding-left: 10px;
  }
  .ml-sm1-12px {
    margin-left: 12px;
  }
  .pl-sm1-12px {
    padding-left: 12px;
  }
  .ml-sm1-16px {
    margin-left: 16px;
  }
  .pl-sm1-16px {
    padding-left: 16px;
  }
  .ml-sm1-24px {
    margin-left: 24px;
  }
  .pl-sm1-24px {
    padding-left: 24px;
  }
  .ml-sm1-32px {
    margin-left: 32px;
  }
  .pl-sm1-32px {
    padding-left: 32px;
  }
  .ml-sm1-48px {
    margin-left: 48px;
  }
  .pl-sm1-48px {
    padding-left: 48px;
  }
  .ml-sm1-56px {
    margin-left: 56px;
  }
  .pl-sm1-56px {
    padding-left: 56px;
  }
  .ml-sm1-64px {
    margin-left: 64px;
  }
  .pl-sm1-64px {
    padding-left: 64px;
  }
  .ml-sm1-72px {
    margin-left: 72px;
  }
  .pl-sm1-72px {
    padding-left: 72px;
  }
  .ml-sm1-80px {
    margin-left: 80px;
  }
  .pl-sm1-80px {
    padding-left: 80px;
  }
  .ml-sm1-96px {
    margin-left: 96px;
  }
  .pl-sm1-96px {
    padding-left: 96px;
  }
}
@media all and (min-width: 1024px) {
  .h-sm2-0 {
    height: 0;
  }
  .h-sm2-8px {
    height: 8px;
  }
  .h-sm2-10px {
    height: 10px;
  }
  .h-sm2-12px {
    height: 12px;
  }
  .h-sm2-16px {
    height: 16px;
  }
  .h-sm2-24px {
    height: 24px;
  }
  .h-sm2-32px {
    height: 32px;
  }
  .h-sm2-48px {
    height: 48px;
  }
  .h-sm2-56px {
    height: 56px;
  }
  .h-sm2-64px {
    height: 64px;
  }
  .h-sm2-72px {
    height: 72px;
  }
  .h-sm2-80px {
    height: 80px;
  }
  .h-sm2-96px {
    height: 96px;
  }
  .mt-sm2-0 {
    margin-top: 0;
  }
  .pt-sm2-0 {
    padding-top: 0;
  }
  .mt-sm2-8px {
    margin-top: 8px;
  }
  .pt-sm2-8px {
    padding-top: 8px;
  }
  .mt-sm2-10px {
    margin-top: 10px;
  }
  .pt-sm2-10px {
    padding-top: 10px;
  }
  .mt-sm2-12px {
    margin-top: 12px;
  }
  .pt-sm2-12px {
    padding-top: 12px;
  }
  .mt-sm2-16px {
    margin-top: 16px;
  }
  .pt-sm2-16px {
    padding-top: 16px;
  }
  .mt-sm2-24px {
    margin-top: 24px;
  }
  .pt-sm2-24px {
    padding-top: 24px;
  }
  .mt-sm2-32px {
    margin-top: 32px;
  }
  .pt-sm2-32px {
    padding-top: 32px;
  }
  .mt-sm2-48px {
    margin-top: 48px;
  }
  .pt-sm2-48px {
    padding-top: 48px;
  }
  .mt-sm2-56px {
    margin-top: 56px;
  }
  .pt-sm2-56px {
    padding-top: 56px;
  }
  .mt-sm2-64px {
    margin-top: 64px;
  }
  .pt-sm2-64px {
    padding-top: 64px;
  }
  .mt-sm2-72px {
    margin-top: 72px;
  }
  .pt-sm2-72px {
    padding-top: 72px;
  }
  .mt-sm2-80px {
    margin-top: 80px;
  }
  .pt-sm2-80px {
    padding-top: 80px;
  }
  .mt-sm2-96px {
    margin-top: 96px;
  }
  .pt-sm2-96px {
    padding-top: 96px;
  }
  .mt-sm2-169px {
    margin-top: 169px;
  }
  .pt-sm2-169px {
    padding-top: 169px;
  }
  .mr-sm2-0 {
    margin-right: 0;
  }
  .pr-sm2-0 {
    padding-right: 0;
  }
  .mr-sm2-8px {
    margin-right: 8px;
  }
  .pr-sm2-8px {
    padding-right: 8px;
  }
  .mr-sm2-10px {
    margin-right: 10px;
  }
  .pr-sm2-10px {
    padding-right: 10px;
  }
  .mr-sm2-12px {
    margin-right: 12px;
  }
  .pr-sm2-12px {
    padding-right: 12px;
  }
  .mr-sm2-15px {
    margin-right: 15px;
  }
  .pr-sm2-15px {
    padding-right: 15px;
  }
  .mr-sm2-16px {
    margin-right: 16px;
  }
  .pr-sm2-16px {
    padding-right: 16px;
  }
  .mr-sm2-22px {
    margin-right: 22px;
  }
  .pr-sm2-22px {
    padding-right: 22px;
  }
  .mr-sm2-24px {
    margin-right: 24px;
  }
  .pr-sm2-24px {
    padding-right: 24px;
  }
  .mr-sm2-32px {
    margin-right: 32px;
  }
  .pr-sm2-32px {
    padding-right: 32px;
  }
  .mr-sm2-48px {
    margin-right: 48px;
  }
  .pr-sm2-48px {
    padding-right: 48px;
  }
  .mr-sm2-56px {
    margin-right: 56px;
  }
  .pr-sm2-56px {
    padding-right: 56px;
  }
  .mr-sm2-64px {
    margin-right: 64px;
  }
  .pr-sm2-64px {
    padding-right: 64px;
  }
  .mr-sm2-72px {
    margin-right: 72px;
  }
  .pr-sm2-72px {
    padding-right: 72px;
  }
  .mr-sm2-80px {
    margin-right: 80px;
  }
  .pr-sm2-80px {
    padding-right: 80px;
  }
  .mr-sm2-96px {
    margin-right: 96px;
  }
  .pr-sm2-96px {
    padding-right: 96px;
  }
  .mb-sm2-0 {
    margin-bottom: 0;
  }
  .pb-sm2-0 {
    padding-bottom: 0;
  }
  .mb-sm2-8px {
    margin-bottom: 8px;
  }
  .pb-sm2-8px {
    padding-bottom: 8px;
  }
  .mb-sm2-10px {
    margin-bottom: 10px;
  }
  .pb-sm2-10px {
    padding-bottom: 10px;
  }
  .mb-sm2-12px {
    margin-bottom: 12px;
  }
  .pb-sm2-12px {
    padding-bottom: 12px;
  }
  .mb-sm2-16px {
    margin-bottom: 16px;
  }
  .pb-sm2-16px {
    padding-bottom: 16px;
  }
  .mb-sm2-24px {
    margin-bottom: 24px;
  }
  .pb-sm2-24px {
    padding-bottom: 24px;
  }
  .mb-sm2-30px {
    margin-bottom: 30px;
  }
  .pb-sm2-30px {
    padding-bottom: 30px;
  }
  .mb-sm2-32px {
    margin-bottom: 32px;
  }
  .pb-sm2-32px {
    padding-bottom: 32px;
  }
  .mb-sm2-38px {
    margin-bottom: 38px;
  }
  .pb-sm2-38px {
    padding-bottom: 38px;
  }
  .mb-sm2-40px {
    margin-bottom: 40px;
  }
  .pb-sm2-40px {
    padding-bottom: 40px;
  }
  .mb-sm2-48px {
    margin-bottom: 48px;
  }
  .pb-sm2-48px {
    padding-bottom: 48px;
  }
  .mb-sm2-56px {
    margin-bottom: 56px;
  }
  .pb-sm2-56px {
    padding-bottom: 56px;
  }
  .mb-sm2-64px {
    margin-bottom: 64px;
  }
  .pb-sm2-64px {
    padding-bottom: 64px;
  }
  .mb-sm2-72px {
    margin-bottom: 72px;
  }
  .pb-sm2-72px {
    padding-bottom: 72px;
  }
  .mb-sm2-80px {
    margin-bottom: 80px;
  }
  .pb-sm2-80px {
    padding-bottom: 80px;
  }
  .mb-sm2-96px {
    margin-bottom: 96px;
  }
  .pb-sm2-96px {
    padding-bottom: 96px;
  }
  .ml-sm2-0 {
    margin-left: 0;
  }
  .pl-sm2-0 {
    padding-left: 0;
  }
  .ml-sm2-8px {
    margin-left: 8px;
  }
  .pl-sm2-8px {
    padding-left: 8px;
  }
  .ml-sm2-10px {
    margin-left: 10px;
  }
  .pl-sm2-10px {
    padding-left: 10px;
  }
  .ml-sm2-12px {
    margin-left: 12px;
  }
  .pl-sm2-12px {
    padding-left: 12px;
  }
  .ml-sm2-16px {
    margin-left: 16px;
  }
  .pl-sm2-16px {
    padding-left: 16px;
  }
  .ml-sm2-24px {
    margin-left: 24px;
  }
  .pl-sm2-24px {
    padding-left: 24px;
  }
  .ml-sm2-32px {
    margin-left: 32px;
  }
  .pl-sm2-32px {
    padding-left: 32px;
  }
  .ml-sm2-48px {
    margin-left: 48px;
  }
  .pl-sm2-48px {
    padding-left: 48px;
  }
  .ml-sm2-56px {
    margin-left: 56px;
  }
  .pl-sm2-56px {
    padding-left: 56px;
  }
  .ml-sm2-64px {
    margin-left: 64px;
  }
  .pl-sm2-64px {
    padding-left: 64px;
  }
  .ml-sm2-72px {
    margin-left: 72px;
  }
  .pl-sm2-72px {
    padding-left: 72px;
  }
  .ml-sm2-80px {
    margin-left: 80px;
  }
  .pl-sm2-80px {
    padding-left: 80px;
  }
  .ml-sm2-96px {
    margin-left: 96px;
  }
  .pl-sm2-96px {
    padding-left: 96px;
  }
}
@media all and (min-width: 1180px) {
  .h-smd-0 {
    height: 0;
  }
  .h-smd-8px {
    height: 8px;
  }
  .h-smd-10px {
    height: 10px;
  }
  .h-smd-12px {
    height: 12px;
  }
  .h-smd-16px {
    height: 16px;
  }
  .h-smd-24px {
    height: 24px;
  }
  .h-smd-32px {
    height: 32px;
  }
  .h-smd-48px {
    height: 48px;
  }
  .h-smd-56px {
    height: 56px;
  }
  .h-smd-64px {
    height: 64px;
  }
  .h-smd-72px {
    height: 72px;
  }
  .h-smd-80px {
    height: 80px;
  }
  .h-smd-96px {
    height: 96px;
  }
  .mt-md-0 {
    margin-top: 0;
  }
  .pt-md-0 {
    padding-top: 0;
  }
  .mt-md-8px {
    margin-top: 8px;
  }
  .pt-md-8px {
    padding-top: 8px;
  }
  .mt-md-10px {
    margin-top: 10px;
  }
  .pt-md-10px {
    padding-top: 10px;
  }
  .mt-md-12px {
    margin-top: 12px;
  }
  .pt-md-12px {
    padding-top: 12px;
  }
  .mt-md-16px {
    margin-top: 16px;
  }
  .pt-md-16px {
    padding-top: 16px;
  }
  .mt-md-24px {
    margin-top: 24px;
  }
  .pt-md-24px {
    padding-top: 24px;
  }
  .mt-md-32px {
    margin-top: 32px;
  }
  .pt-md-32px {
    padding-top: 32px;
  }
  .mt-md-48px {
    margin-top: 48px;
  }
  .pt-md-48px {
    padding-top: 48px;
  }
  .mt-md-56px {
    margin-top: 56px;
  }
  .pt-md-56px {
    padding-top: 56px;
  }
  .mt-md-64px {
    margin-top: 64px;
  }
  .pt-md-64px {
    padding-top: 64px;
  }
  .mt-md-72px {
    margin-top: 72px;
  }
  .pt-md-72px {
    padding-top: 72px;
  }
  .mt-md-80px {
    margin-top: 80px;
  }
  .pt-md-80px {
    padding-top: 80px;
  }
  .mt-md-96px {
    margin-top: 96px;
  }
  .pt-md-96px {
    padding-top: 96px;
  }
  .mt-md-169px {
    margin-top: 169px;
  }
  .pt-md-169px {
    padding-top: 169px;
  }
  .mr-md-0 {
    margin-right: 0;
  }
  .pr-md-0 {
    padding-right: 0;
  }
  .mr-md-8px {
    margin-right: 8px;
  }
  .pr-md-8px {
    padding-right: 8px;
  }
  .mr-md-10px {
    margin-right: 10px;
  }
  .pr-md-10px {
    padding-right: 10px;
  }
  .mr-md-12px {
    margin-right: 12px;
  }
  .pr-md-12px {
    padding-right: 12px;
  }
  .mr-md-15px {
    margin-right: 15px;
  }
  .pr-md-15px {
    padding-right: 15px;
  }
  .mr-md-16px {
    margin-right: 16px;
  }
  .pr-md-16px {
    padding-right: 16px;
  }
  .mr-md-22px {
    margin-right: 22px;
  }
  .pr-md-22px {
    padding-right: 22px;
  }
  .mr-md-24px {
    margin-right: 24px;
  }
  .pr-md-24px {
    padding-right: 24px;
  }
  .mr-md-32px {
    margin-right: 32px;
  }
  .pr-md-32px {
    padding-right: 32px;
  }
  .mr-md-48px {
    margin-right: 48px;
  }
  .pr-md-48px {
    padding-right: 48px;
  }
  .mr-md-56px {
    margin-right: 56px;
  }
  .pr-md-56px {
    padding-right: 56px;
  }
  .mr-md-64px {
    margin-right: 64px;
  }
  .pr-md-64px {
    padding-right: 64px;
  }
  .mr-md-72px {
    margin-right: 72px;
  }
  .pr-md-72px {
    padding-right: 72px;
  }
  .mr-md-80px {
    margin-right: 80px;
  }
  .pr-md-80px {
    padding-right: 80px;
  }
  .mr-md-96px {
    margin-right: 96px;
  }
  .pr-md-96px {
    padding-right: 96px;
  }
  .mb-md-0 {
    margin-bottom: 0;
  }
  .pb-md-0 {
    padding-bottom: 0;
  }
  .mb-md-8px {
    margin-bottom: 8px;
  }
  .pb-md-8px {
    padding-bottom: 8px;
  }
  .mb-md-10px {
    margin-bottom: 10px;
  }
  .pb-md-10px {
    padding-bottom: 10px;
  }
  .mb-md-12px {
    margin-bottom: 12px;
  }
  .pb-md-12px {
    padding-bottom: 12px;
  }
  .mb-md-16px {
    margin-bottom: 16px;
  }
  .pb-md-16px {
    padding-bottom: 16px;
  }
  .mb-md-24px {
    margin-bottom: 24px;
  }
  .pb-md-24px {
    padding-bottom: 24px;
  }
  .mb-md-30px {
    margin-bottom: 30px;
  }
  .pb-md-30px {
    padding-bottom: 30px;
  }
  .mb-md-32px {
    margin-bottom: 32px;
  }
  .pb-md-32px {
    padding-bottom: 32px;
  }
  .mb-md-38px {
    margin-bottom: 38px;
  }
  .pb-md-38px {
    padding-bottom: 38px;
  }
  .mb-md-40px {
    margin-bottom: 40px;
  }
  .pb-md-40px {
    padding-bottom: 40px;
  }
  .mb-md-48px {
    margin-bottom: 48px;
  }
  .pb-md-48px {
    padding-bottom: 48px;
  }
  .mb-md-56px {
    margin-bottom: 56px;
  }
  .pb-md-56px {
    padding-bottom: 56px;
  }
  .mb-md-64px {
    margin-bottom: 64px;
  }
  .pb-md-64px {
    padding-bottom: 64px;
  }
  .mb-md-72px {
    margin-bottom: 72px;
  }
  .pb-md-72px {
    padding-bottom: 72px;
  }
  .mb-md-80px {
    margin-bottom: 80px;
  }
  .pb-md-80px {
    padding-bottom: 80px;
  }
  .mb-md-96px {
    margin-bottom: 96px;
  }
  .pb-md-96px {
    padding-bottom: 96px;
  }
  .ml-md-0 {
    margin-left: 0;
  }
  .pl-md-0 {
    padding-left: 0;
  }
  .ml-md-8px {
    margin-left: 8px;
  }
  .pl-md-8px {
    padding-left: 8px;
  }
  .ml-md-10px {
    margin-left: 10px;
  }
  .pl-md-10px {
    padding-left: 10px;
  }
  .ml-md-12px {
    margin-left: 12px;
  }
  .pl-md-12px {
    padding-left: 12px;
  }
  .ml-md-16px {
    margin-left: 16px;
  }
  .pl-md-16px {
    padding-left: 16px;
  }
  .ml-md-24px {
    margin-left: 24px;
  }
  .pl-md-24px {
    padding-left: 24px;
  }
  .ml-md-32px {
    margin-left: 32px;
  }
  .pl-md-32px {
    padding-left: 32px;
  }
  .ml-md-48px {
    margin-left: 48px;
  }
  .pl-md-48px {
    padding-left: 48px;
  }
  .ml-md-56px {
    margin-left: 56px;
  }
  .pl-md-56px {
    padding-left: 56px;
  }
  .ml-md-64px {
    margin-left: 64px;
  }
  .pl-md-64px {
    padding-left: 64px;
  }
  .ml-md-72px {
    margin-left: 72px;
  }
  .pl-md-72px {
    padding-left: 72px;
  }
  .ml-md-80px {
    margin-left: 80px;
  }
  .pl-md-80px {
    padding-left: 80px;
  }
  .ml-md-96px {
    margin-left: 96px;
  }
  .pl-md-96px {
    padding-left: 96px;
  }
}
@media all and (min-width: 1680px) {
  .h-lg-0 {
    height: 0;
  }
  .h-lg-8px {
    height: 8px;
  }
  .h-lg-10px {
    height: 10px;
  }
  .h-lg-12px {
    height: 12px;
  }
  .h-lg-16px {
    height: 16px;
  }
  .h-lg-24px {
    height: 24px;
  }
  .h-lg-32px {
    height: 32px;
  }
  .h-lg-48px {
    height: 48px;
  }
  .h-lg-56px {
    height: 56px;
  }
  .h-lg-64px {
    height: 64px;
  }
  .h-lg-72px {
    height: 72px;
  }
  .h-lg-80px {
    height: 80px;
  }
  .h-lg-96px {
    height: 96px;
  }
  .mt-lg-0 {
    margin-top: 0;
  }
  .pt-lg-0 {
    padding-top: 0;
  }
  .mt-lg-8px {
    margin-top: 8px;
  }
  .pt-lg-8px {
    padding-top: 8px;
  }
  .mt-lg-10px {
    margin-top: 10px;
  }
  .pt-lg-10px {
    padding-top: 10px;
  }
  .mt-lg-12px {
    margin-top: 12px;
  }
  .pt-lg-12px {
    padding-top: 12px;
  }
  .mt-lg-16px {
    margin-top: 16px;
  }
  .pt-lg-16px {
    padding-top: 16px;
  }
  .mt-lg-24px {
    margin-top: 24px;
  }
  .pt-lg-24px {
    padding-top: 24px;
  }
  .mt-lg-32px {
    margin-top: 32px;
  }
  .pt-lg-32px {
    padding-top: 32px;
  }
  .mt-lg-48px {
    margin-top: 48px;
  }
  .pt-lg-48px {
    padding-top: 48px;
  }
  .mt-lg-56px {
    margin-top: 56px;
  }
  .pt-lg-56px {
    padding-top: 56px;
  }
  .mt-lg-64px {
    margin-top: 64px;
  }
  .pt-lg-64px {
    padding-top: 64px;
  }
  .mt-lg-72px {
    margin-top: 72px;
  }
  .pt-lg-72px {
    padding-top: 72px;
  }
  .mt-lg-80px {
    margin-top: 80px;
  }
  .pt-lg-80px {
    padding-top: 80px;
  }
  .mt-lg-96px {
    margin-top: 96px;
  }
  .pt-lg-96px {
    padding-top: 96px;
  }
  .mt-lg-169px {
    margin-top: 169px;
  }
  .pt-lg-169px {
    padding-top: 169px;
  }
  .mr-lg-0 {
    margin-right: 0;
  }
  .pr-lg-0 {
    padding-right: 0;
  }
  .mr-lg-8px {
    margin-right: 8px;
  }
  .pr-lg-8px {
    padding-right: 8px;
  }
  .mr-lg-10px {
    margin-right: 10px;
  }
  .pr-lg-10px {
    padding-right: 10px;
  }
  .mr-lg-12px {
    margin-right: 12px;
  }
  .pr-lg-12px {
    padding-right: 12px;
  }
  .mr-lg-15px {
    margin-right: 15px;
  }
  .pr-lg-15px {
    padding-right: 15px;
  }
  .mr-lg-16px {
    margin-right: 16px;
  }
  .pr-lg-16px {
    padding-right: 16px;
  }
  .mr-lg-22px {
    margin-right: 22px;
  }
  .pr-lg-22px {
    padding-right: 22px;
  }
  .mr-lg-24px {
    margin-right: 24px;
  }
  .pr-lg-24px {
    padding-right: 24px;
  }
  .mr-lg-32px {
    margin-right: 32px;
  }
  .pr-lg-32px {
    padding-right: 32px;
  }
  .mr-lg-48px {
    margin-right: 48px;
  }
  .pr-lg-48px {
    padding-right: 48px;
  }
  .mr-lg-56px {
    margin-right: 56px;
  }
  .pr-lg-56px {
    padding-right: 56px;
  }
  .mr-lg-64px {
    margin-right: 64px;
  }
  .pr-lg-64px {
    padding-right: 64px;
  }
  .mr-lg-72px {
    margin-right: 72px;
  }
  .pr-lg-72px {
    padding-right: 72px;
  }
  .mr-lg-80px {
    margin-right: 80px;
  }
  .pr-lg-80px {
    padding-right: 80px;
  }
  .mr-lg-96px {
    margin-right: 96px;
  }
  .pr-lg-96px {
    padding-right: 96px;
  }
  .mb-lg-0 {
    margin-bottom: 0;
  }
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .mb-lg-8px {
    margin-bottom: 8px;
  }
  .pb-lg-8px {
    padding-bottom: 8px;
  }
  .mb-lg-10px {
    margin-bottom: 10px;
  }
  .pb-lg-10px {
    padding-bottom: 10px;
  }
  .mb-lg-12px {
    margin-bottom: 12px;
  }
  .pb-lg-12px {
    padding-bottom: 12px;
  }
  .mb-lg-16px {
    margin-bottom: 16px;
  }
  .pb-lg-16px {
    padding-bottom: 16px;
  }
  .mb-lg-24px {
    margin-bottom: 24px;
  }
  .pb-lg-24px {
    padding-bottom: 24px;
  }
  .mb-lg-30px {
    margin-bottom: 30px;
  }
  .pb-lg-30px {
    padding-bottom: 30px;
  }
  .mb-lg-32px {
    margin-bottom: 32px;
  }
  .pb-lg-32px {
    padding-bottom: 32px;
  }
  .mb-lg-38px {
    margin-bottom: 38px;
  }
  .pb-lg-38px {
    padding-bottom: 38px;
  }
  .mb-lg-40px {
    margin-bottom: 40px;
  }
  .pb-lg-40px {
    padding-bottom: 40px;
  }
  .mb-lg-48px {
    margin-bottom: 48px;
  }
  .pb-lg-48px {
    padding-bottom: 48px;
  }
  .mb-lg-56px {
    margin-bottom: 56px;
  }
  .pb-lg-56px {
    padding-bottom: 56px;
  }
  .mb-lg-64px {
    margin-bottom: 64px;
  }
  .pb-lg-64px {
    padding-bottom: 64px;
  }
  .mb-lg-72px {
    margin-bottom: 72px;
  }
  .pb-lg-72px {
    padding-bottom: 72px;
  }
  .mb-lg-80px {
    margin-bottom: 80px;
  }
  .pb-lg-80px {
    padding-bottom: 80px;
  }
  .mb-lg-96px {
    margin-bottom: 96px;
  }
  .pb-lg-96px {
    padding-bottom: 96px;
  }
  .ml-lg-0 {
    margin-left: 0;
  }
  .pl-lg-0 {
    padding-left: 0;
  }
  .ml-lg-8px {
    margin-left: 8px;
  }
  .pl-lg-8px {
    padding-left: 8px;
  }
  .ml-lg-10px {
    margin-left: 10px;
  }
  .pl-lg-10px {
    padding-left: 10px;
  }
  .ml-lg-12px {
    margin-left: 12px;
  }
  .pl-lg-12px {
    padding-left: 12px;
  }
  .ml-lg-16px {
    margin-left: 16px;
  }
  .pl-lg-16px {
    padding-left: 16px;
  }
  .ml-lg-24px {
    margin-left: 24px;
  }
  .pl-lg-24px {
    padding-left: 24px;
  }
  .ml-lg-32px {
    margin-left: 32px;
  }
  .pl-lg-32px {
    padding-left: 32px;
  }
  .ml-lg-48px {
    margin-left: 48px;
  }
  .pl-lg-48px {
    padding-left: 48px;
  }
  .ml-lg-56px {
    margin-left: 56px;
  }
  .pl-lg-56px {
    padding-left: 56px;
  }
  .ml-lg-64px {
    margin-left: 64px;
  }
  .pl-lg-64px {
    padding-left: 64px;
  }
  .ml-lg-72px {
    margin-left: 72px;
  }
  .pl-lg-72px {
    padding-left: 72px;
  }
  .ml-lg-80px {
    margin-left: 80px;
  }
  .pl-lg-80px {
    padding-left: 80px;
  }
  .ml-lg-96px {
    margin-left: 96px;
  }
  .pl-lg-96px {
    padding-left: 96px;
  }
}
.w-0 {
  width: 0 !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-100 {
  width: 100% !important;
}

.w-330px {
  width: 330px !important;
}

.mt-32px {
  margin-top: 32px !important;
}

@media all and (min-width: 0px) {
  .w-xs1-100 {
    width: 100% !important;
  }
  .gap-xs1-24px-0px {
    gap: 24px 0px !important;
  }
  .pt-xs1-6px {
    padding-top: 6px !important;
  }
  .pt-xs1-8px {
    padding-top: 8px !important;
  }
  .pt-xs1-16px {
    padding-top: 16px !important;
  }
  .pt-xs1-24px {
    padding-top: 24px !important;
  }
  .pb-xs1-6px {
    padding-bottom: 6px !important;
  }
  .pb-xs1-16px {
    padding-bottom: 16px !important;
  }
  .pb-xs1-24px {
    padding-bottom: 24px !important;
  }
  .pb-xs1-32px {
    padding-bottom: 32px !important;
  }
  .pl-xs1-32px {
    padding-left: 32px !important;
  }
  .mt-xs1-px {
    margin-top: px !important;
  }
  .mt-xs1-16px {
    margin-top: 16px !important;
  }
  .mt-xs1-32px {
    margin-top: 32px !important;
  }
  .mb-xs1-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs1-16px {
    margin-bottom: 16px !important;
  }
  .br-tl-xs1-16px {
    border-top-left-radius: 16px !important;
  }
  .br-tr-xs1-16px {
    border-top-right-radius: 16px !important;
  }
  .br-bl-xs1-16px {
    border-bottom-left-radius: 16px !important;
  }
  .br-br-xs1-16px {
    border-bottom-right-radius: 16px !important;
  }
}
@media all and (min-width: 450px) {
  .pl-xs2-32px {
    padding-left: 32px !important;
  }
}
@media all and (min-width: 768px) {
  .w-sm1-0 {
    width: 0 !important;
  }
  .w-sm1-25 {
    width: 25% !important;
  }
  .w-sm1-50 {
    width: 50% !important;
  }
  .w-sm1-100 {
    width: 100% !important;
  }
  .w-sm1-330px {
    width: 330px !important;
  }
  .w-sm1-auto {
    width: auto !important;
  }
  .pr-sm1-12px {
    padding-right: 12px !important;
  }
  .pl-sm1-12px {
    padding-left: 12px !important;
  }
  .pl-sm1-32px {
    padding-left: 32px !important;
  }
}
@media all and (min-width: 1024px) {
  .w-sm2-0 {
    width: 0 !important;
  }
  .w-sm2-25 {
    width: 25% !important;
  }
  .w-sm2-50 {
    width: 50% !important;
  }
  .w-sm2-100 {
    width: 100% !important;
  }
  .w-sm2-330px {
    width: 330px !important;
  }
  .w-sm2-auto {
    width: auto !important;
  }
  .pr-sm2-12px {
    padding-right: 12px !important;
  }
  .pl-sm2-12px {
    padding-left: 12px !important;
  }
}
@media all and (min-width: 1180px) {
  .w-md-0 {
    width: 0 !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-330px {
    width: 330px !important;
  }
  .gap-md-0px-0px {
    gap: 0px 0px !important;
  }
  .gap-md-8px-8px {
    gap: 8px 8px !important;
  }
  .gap-md-12px-12px {
    gap: 12px 12px !important;
  }
  .gap-md-24px-20px {
    gap: 24px 20px !important;
  }
  .gap-md-20px-20px {
    gap: 20px 20px !important;
  }
  .gap-md-48px-48px {
    gap: 48px 48px !important;
  }
  .gap-md-64px-0px {
    gap: 64px 0px !important;
  }
  .pt-md-4px {
    padding-top: 4px !important;
  }
  .pt-md-6px {
    padding-top: 6px !important;
  }
  .pt-md-16px {
    padding-top: 16px !important;
  }
  .pt-md-20px {
    padding-top: 20px !important;
  }
  .pr-md-6px {
    padding-right: 6px !important;
  }
  .pr-md-12px {
    padding-right: 12px !important;
  }
  .pr-md-24px {
    padding-right: 24px !important;
  }
  .pb-md-4px {
    padding-bottom: 4px !important;
  }
  .pb-md-6px {
    padding-bottom: 6px !important;
  }
  .pb-md-16px {
    padding-bottom: 16px !important;
  }
  .pb-md-20px {
    padding-bottom: 20px !important;
  }
  .pl-md-6px {
    padding-left: 6px !important;
  }
  .pl-md-12px {
    padding-left: 12px !important;
  }
  .pl-md-24px {
    padding-left: 24px !important;
  }
  .mt-md-24px {
    margin-top: 24px !important;
  }
  .mt-md-36px {
    margin-top: 36px !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-16px {
    margin-bottom: 16px !important;
  }
  .br-tl-md-12px {
    border-top-left-radius: 12px !important;
  }
  .br-tr-md-12px {
    border-top-right-radius: 12px !important;
  }
  .br-bl-md-12px {
    border-bottom-left-radius: 12px !important;
  }
  .br-br-md-12px {
    border-bottom-right-radius: 12px !important;
  }
}
@media all and (min-width: 1680px) {
  .w-lg-auto {
    width: auto !important;
  }
  .w-lg-0 {
    width: 0 !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-330px {
    width: 330px !important;
  }
  .gap-lg-0px-0px {
    gap: 0px 0px !important;
  }
  .gap-lg-8px-8px {
    gap: 8px 8px !important;
  }
  .gap-lg-12px-12px {
    gap: 12px 12px !important;
  }
  .gap-lg-24px-20px {
    gap: 24px 20px !important;
  }
  .gap-lg-20px-20px {
    gap: 20px 20px !important;
  }
  .gap-lg-48px-48px {
    gap: 48px 48px !important;
  }
  .gap-lg-64px-0px {
    gap: 64px 0px !important;
  }
  .pt-lg-4px {
    padding-top: 4px !important;
  }
  .pt-lg-6px {
    padding-top: 6px !important;
  }
  .pt-lg-16px {
    padding-top: 16px !important;
  }
  .pt-lg-20px {
    padding-top: 20px !important;
  }
  .pr-lg-6px {
    padding-right: 6px !important;
  }
  .pr-lg-12px {
    padding-right: 12px !important;
  }
  .pr-lg-24px {
    padding-right: 24px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-4px {
    padding-bottom: 4px !important;
  }
  .pb-lg-6px {
    padding-bottom: 6px !important;
  }
  .pb-lg-16px {
    padding-bottom: 16px !important;
  }
  .pb-lg-20px {
    padding-bottom: 20px !important;
  }
  .pb-lg-80px {
    padding-bottom: 80px !important;
  }
  .pl-lg-6px {
    padding-left: 6px !important;
  }
  .pl-lg-12px {
    padding-left: 12px !important;
  }
  .pl-lg-24px {
    padding-left: 24px !important;
  }
  .mt-lg-16px {
    margin-top: 16px !important;
  }
  .mt-lg-24px {
    margin-top: 24px !important;
  }
  .mt-lg-36px {
    margin-top: 36px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-16px {
    margin-bottom: 16px !important;
  }
  .br-tl-lg-12px {
    border-top-left-radius: 12px !important;
  }
  .br-tr-lg-12px {
    border-top-right-radius: 12px !important;
  }
  .br-bl-lg-12px {
    border-bottom-left-radius: 12px !important;
  }
  .br-br-lg-12px {
    border-bottom-right-radius: 12px !important;
  }
}
/* B&W */
/* Brand */
/* Neutrals */
/* Peen Blue */
/* Vivid sky blue */
/* Vivid sky blue */
html {
  height: 100%;
}

body {
  min-height: 100%;
  background-color: #363636;
}
body.scroll-disabled {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
body.noscroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.dsp-none {
  display: none;
}

#content-wrapper {
  z-index: 0;
}

#overlay-wrapper {
  display: block;
  visibility: hidden;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(34, 31, 68, 0.24);
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s 0s;
}
#overlay-wrapper.on {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s 0s, opacity 0.3s 0.05s;
}

.c-wrapper {
  margin: 0 auto 0 auto;
}

.no-header header {
  display: none;
}

.no-menu #menu-primary,
.no-menu #hamburger-menu-wrapper {
  display: none;
}

.no-footer footer {
  display: none;
}

/* Common XS1 and XS2 */
/* XS1 */
@media all and (max-width: 449px) {
  .c-wrapper {
    width: calc(100% - 40px);
  }
}
/* XS2 */
@media all and (min-width: 450px) and (max-width: 767px) {
  .c-wrapper {
    width: calc(100% - 40px);
  }
}
/* Common SM1 and SM2 */
/* SM1 */
@media all and (min-width: 768px) and (max-width: 1023px) {
  body {
    zoom: 0.5;
  }
  .c-wrapper {
    width: 1280px;
  }
}
/* SM2 */
@media all and (min-width: 1024px) and (max-width: 1179px) {
  body {
    zoom: 0.57;
  }
  .c-wrapper {
    width: 1280px;
  }
}
/* Common MD and LG */
/* MD */
@media all and (min-width: 1180px) and (max-width: 1679px) {
  body {
    zoom: 0.78;
  }
  .c-wrapper {
    width: 1280px;
  }
}
/* LG */
@media all and (min-width: 1680px) {
  .c-wrapper {
    width: 1392px;
  }
}
/* ***** Icon helpers ***** */
/* ***** Icon List ***** */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-01 {
    display: flex;
    flex-direction: column;
    width: 161px;
  }
  .card-01 > .cm-container-01 {
    width: 100%;
    height: 134px;
  }
  .card-01 > .cm-container-01 img {
    width: 100%;
    height: 134px;
    object-fit: cover;
    object-position: center;
  }
  .card-01 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 12px 12px 0;
    background-color: transparent;
  }
  .card-01 > .cm-container-02 .cm-item-01 {
    color: #F6F6F6;
  }
  .card-01 > .cm-container-02 .cm-item-02 {
    display: flex;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
    color: #F6F6F6;
  }
  .card-01.peen-blue-900 .cm-container-02 .cm-item-01 {
    color: #030F3A;
  }
  .card-01.peen-blue-900 .cm-container-02 .cm-item-02 {
    color: #030F3A;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-01 {
    display: flex;
    flex-direction: column;
    width: 684px;
    height: 566px;
    padding: 0 60px 48px 48px;
    position: relative;
  }
  .card-01 > .cm-container-01 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .card-01 > .cm-container-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .card-01 > .cm-container-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 15, 21, 0.1) 0%, rgba(17, 15, 21, 0.6) 100%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  .card-01 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: auto;
  }
  .card-01 > .cm-container-02 .cm-item-01 {
    color: #F6F6F6;
  }
  .card-01 > .cm-container-02 .cm-item-02 {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateY(10px);
    transition: height 0.6s ease, opacity 0.6s ease, transform 0.6s ease;
    color: #F6F6F6;
  }
  .card-01:hover {
    cursor: pointer;
  }
  .card-01:hover .cm-container-01::after {
    opacity: 1;
  }
  .card-01:hover .cm-container-02 .cm-item-02 {
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: height 0.6s ease, opacity 0.6s ease, transform 0.6s ease;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-02 {
    display: flex;
    flex-direction: column;
    width: 335px;
    position: relative;
  }
  .card-02 > .cm-container-01 {
    width: 100%;
    height: 175px;
  }
  .card-02 > .cm-container-01 img {
    width: 100%;
    height: 175px;
    object-fit: cover;
    object-position: center;
  }
  .card-02 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 20px 20px 0;
    background-color: #FFFFFF;
  }
  .card-02 > .cm-container-02 .cm-item-01 {
    overflow: hidden;
    color: #030F3A;
  }
  .card-02 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #0D1944;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
  .card-02:hover {
    cursor: pointer;
  }
  .card-02:hover .cm-container-01::after {
    opacity: 1;
  }
  .card-02:hover .cm-container-01 {
    background: linear-gradient(180deg, rgba(17, 15, 21, 0.3) 0%, rgba(17, 15, 21, 0.3) 100%);
  }
  .card-02:hover .cm-container-02 .cm-item-02 {
    display: flex;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-02 {
    display: flex;
    flex-direction: column;
    width: 448px;
    height: 432px;
    position: relative;
  }
  .card-02 > .cm-container-01 {
    width: 448px;
    height: 280px;
  }
  .card-02 > .cm-container-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .card-02 > .cm-container-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 15, 58, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  .card-02 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 32px 20px 0;
    background-color: #FFFFFF;
  }
  .card-02 > .cm-container-02 .cm-item-01 {
    overflow: hidden;
    color: #0D1944;
  }
  .card-02 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #030F3A;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
  .card-02:hover {
    cursor: pointer;
  }
  .card-02:hover .cm-container-01::after {
    opacity: 1;
  }
  .card-02:hover .cm-container-01 {
    background: linear-gradient(180deg, rgba(17, 15, 21, 0.3) 0%, rgba(17, 15, 21, 0.3) 100%);
  }
  .card-02:hover .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #030F3A;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-03 {
    display: flex;
    flex-direction: column;
    width: 330px;
  }
  .card-03 > .cm-container-01 {
    width: 100%;
    height: 175px;
  }
  .card-03 > .cm-container-01 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background-color: #FFFFFF;
  }
  .card-03 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px 16px 0;
    background-color: transparent;
    text-align: start;
  }
  .card-03 > .cm-container-02 .cm-item-01 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    color: #0D1944;
    text-overflow: ellipsis;
  }
  .card-03 > .cm-container-02 .cm-item-02 {
    color: #030F3A;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
  .card-03:hover {
    cursor: pointer;
  }
  .card-03:hover .cm-container-01::after {
    opacity: 1;
  }
  .card-03:hover .cm-container-01 {
    background: linear-gradient(180deg, rgba(17, 15, 21, 0.3) 0%, rgba(17, 15, 21, 0.3) 100%);
  }
  .card-03:hover .cm-container-02 .cm-item-02 {
    display: flex;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-03 {
    display: flex;
    flex-direction: column;
    width: 330px;
    height: 376px;
  }
  .card-03 > .cm-container-01 {
    width: 100%;
    height: 280px;
  }
  .card-03 > .cm-container-01 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
  }
  .card-03 > .cm-container-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 15, 58, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  .card-03 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 16px 16px 0;
    background-color: transparent;
    text-align: start;
  }
  .card-03 > .cm-container-02 .cm-item-01 {
    overflow: hidden;
    color: #030F3A;
  }
  .card-03 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #0D1944;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
  .card-03:hover {
    cursor: pointer;
  }
  .card-03:hover .cm-container-01::after {
    opacity: 1;
  }
  .card-03:hover .cm-container-02 .cm-item-02 {
    display: flex;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-04 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 86px;
    padding: 20px;
    background-color: #0D1944;
  }
  .card-04 > .cm-container-01 {
    display: flex;
    gap: 20px;
  }
  .card-04 > .cm-container-01 .cm-item-01 {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }
  .card-04 > .cm-container-01 .cm-item-01 .cm-unit-01 {
    color: #4ECCF2;
  }
  .card-04 > .cm-container-01 .cm-item-01 .cm-unit-02 {
    color: #E4E4E4;
  }
  .card-04 > .cm-container-01 .cm-item-02 {
    order: 1;
    display: flex;
    width: 44px;
    height: 44px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
  }
  .card-04 > .cm-container-01 .cm-item-02 svg {
    width: 28px;
    height: 28px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-04 {
    display: flex;
    flex-direction: column;
    width: 330px;
    height: 416px;
    padding: 40px;
    background-color: #0D1944;
  }
  .card-04 > .cm-container-01 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .card-04 > .cm-container-01 .cm-item-01 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .card-04 > .cm-container-01 .cm-item-01 .cm-unit-01 {
    color: #4ECCF2;
  }
  .card-04 > .cm-container-01 .cm-item-01 .cm-unit-02 {
    color: #E4E4E4;
  }
  .card-04 > .cm-container-01 .cm-item-02 {
    display: flex;
    width: 80px;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-top: auto;
    padding: 10px;
  }
  .card-04 > .cm-container-01 .cm-item-02 svg {
    width: 100%;
    height: 100%;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-05 {
    display: flex;
    flex-direction: column;
    width: 280px;
    height: 326px;
    position: relative;
  }
  .card-05 > .cm-container-01 {
    width: 280px;
    height: 280px;
  }
  .card-05 > .cm-container-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .card-05 > .cm-container-02 {
    padding: 12px 16px 12px 0;
    background-color: #FFFFFF;
  }
  .card-05 > .cm-container-02 .cm-item-01 {
    overflow: hidden;
    color: #030F3A;
    text-overflow: ellipsis;
    width: max-content;
  }
  .card-05:hover {
    cursor: pointer;
  }
  .card-05:hover .cm-container-01::after {
    opacity: 1;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-05 {
    display: flex;
    flex-direction: column;
    width: 448px;
    height: 432px;
    position: relative;
  }
  .card-05 > .cm-container-01 {
    width: 448px;
    height: 448px;
  }
  .card-05 > .cm-container-01 img {
    width: 100%;
    height: 100%;
  }
  .card-05 > .cm-container-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 15, 58, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  .card-05 > .cm-container-02 {
    padding: 20px 32px 20px 0;
    background-color: #FFFFFF;
  }
  .card-05 > .cm-container-02 .cm-item-01 {
    overflow: hidden;
    color: #030F3A;
    text-overflow: ellipsis;
    width: max-content;
  }
  .card-05:hover {
    cursor: pointer;
  }
  .card-05:hover .cm-container-01::after {
    opacity: 1;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-06 {
    display: flex;
    flex-direction: column;
    width: 280px;
    height: 344px;
    position: relative;
  }
  .card-06 > .cm-container-01 {
    width: 100%;
    height: 232px;
  }
  .card-06 > .cm-container-01 img {
    width: 100%;
    height: 232px;
    object-fit: cover;
    object-position: center;
  }
  .card-06 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 16px 0;
    background-color: #FFFFFF;
  }
  .card-06 > .cm-container-02 .cm-item-01 {
    overflow: hidden;
    color: #030F3A;
    text-overflow: ellipsis;
  }
  .card-06 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #0D1944;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
  .card-06:hover {
    cursor: pointer;
  }
  .card-06:hover .cm-container-01::after {
    opacity: 1;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-06 {
    display: flex;
    flex-direction: column;
    width: 684px;
    height: 730px;
    position: relative;
  }
  .card-06 > .cm-container-01 {
    width: 100%;
    height: 560px;
  }
  .card-06 > .cm-container-01 img {
    width: 100%;
    height: 560px;
    object-fit: cover;
    object-position: center;
  }
  .card-06 > .cm-container-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 15, 58, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  .card-06 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 40px 20px 0;
    background-color: #FFFFFF;
  }
  .card-06 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
  }
  .card-06 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #0D1944;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
  .card-06:hover {
    cursor: pointer;
  }
  .card-06:hover .cm-container-01::after {
    opacity: 1;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-07 {
    display: flex;
    flex-direction: column;
    height: 340px;
    position: relative;
    gap: 12px;
    background-color: #FFFFFF;
  }
  .card-07 > .cm-container-01 {
    width: 100%;
    height: 280px;
  }
  .card-07 > .cm-container-01 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
  }
  .card-07 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .card-07 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
    text-overflow: ellipsis;
  }
  .card-07 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #0D1944;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
  .card-07:hover {
    cursor: pointer;
  }
  .card-07:hover .cm-container-01::after {
    opacity: 1;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-07 {
    display: flex;
    flex-direction: column;
    width: 448px;
    height: 500px;
    position: relative;
    gap: 24px;
    background-color: #FFFFFF;
  }
  .card-07 > .cm-container-01 {
    width: 100%;
    height: 400px;
  }
  .card-07 > .cm-container-01 img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
  }
  .card-07 > .cm-container-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 15, 58, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  .card-07 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .card-07 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
    text-overflow: ellipsis;
  }
  .card-07 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #0D1944;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
  .card-07:hover {
    cursor: pointer;
  }
  .card-07:hover .cm-container-01::after {
    opacity: 1;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-08 {
    display: flex;
    flex-direction: column;
    height: 312px;
    position: relative;
    gap: 12px;
    background-color: #FFFFFF;
  }
  .card-08 > .cm-container-01 {
    width: 100%;
    height: 252px;
  }
  .card-08 > .cm-container-01 img {
    width: 100%;
    height: 252px;
    object-fit: cover;
    object-position: center;
  }
  .card-08 > .cm-container-01 .cm-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #030F3A;
    position: absolute;
    top: calc(50% - 22px);
    left: calc(50% - 22px);
  }
  .card-08 > .cm-container-01 .cm-item-01:after {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_435_908%29%22%3E%20%3Cpath%20d%3D%22M4.375%2017.5C4.20924%2017.5%204.05027%2017.4342%203.93306%2017.317C3.81585%2017.1998%203.75%2017.0408%203.75%2016.875V3.12505C3.74999%203.01643%203.77829%202.90969%203.8321%202.81535C3.88591%202.721%203.96338%202.64231%204.05687%202.58702C4.15037%202.53174%204.25665%202.50177%204.36525%202.50008C4.47385%202.49838%204.58102%202.52502%204.67619%202.57736L17.1762%209.45236C17.2743%209.50629%2017.356%209.58556%2017.413%209.6819C17.47%209.77823%2017.5%209.8881%2017.5%2010C17.5%2010.1119%2017.47%2010.2218%2017.413%2010.3181C17.356%2010.4145%2017.2743%2010.4937%2017.1762%2010.5477L4.67619%2017.4227C4.58391%2017.4734%204.48031%2017.5%204.375%2017.5ZM5%204.18186V15.818L15.578%2010L5%204.18186Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_435_908%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .card-08 > .cm-container-02 {
    display: flex;
    flex-direction: column;
  }
  .card-08 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-08 {
    display: flex;
    flex-direction: column;
    width: 684px;
    height: 593px;
    position: relative;
    gap: 16px;
    background-color: #FFFFFF;
  }
  .card-08 > .cm-container-01 {
    width: 100%;
    height: 513px;
  }
  .card-08 > .cm-container-01 img {
    width: 100%;
    height: 513px;
    object-fit: cover;
    object-position: center;
  }
  .card-08 > .cm-container-01 .cm-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #030F3A;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
  }
  .card-08 > .cm-container-01 .cm-item-01:after {
    display: block;
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_435_902%29%22%3E%20%3Cpath%20d%3D%22M5.25%2021.0001C5.05109%2021.0001%204.86032%2020.921%204.71967%2020.7804C4.57902%2020.6397%204.5%2020.449%204.5%2020.2501V3.75006C4.49999%203.61972%204.53395%203.49163%204.59852%203.37842C4.6631%203.2652%204.75606%203.17077%204.86825%203.10443C4.98044%203.03808%205.10798%203.00212%205.2383%203.00009C5.36862%202.99806%205.49722%203.03002%205.61143%203.09283L20.6114%2011.3428C20.7291%2011.4075%2020.8273%2011.5027%2020.8956%2011.6183C20.964%2011.7339%2021%2011.8657%2021%2012C21%2012.1343%2020.964%2012.2662%2020.8956%2012.3818C20.8273%2012.4974%2020.7291%2012.5925%2020.6114%2012.6572L5.61143%2020.9072C5.50069%2020.9681%205.37637%2021%205.25%2021.0001ZM6%205.01823V18.9817L18.6936%2012.0001L6%205.01823Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_435_902%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .card-08 > .cm-container-02 {
    display: flex;
    flex-direction: column;
  }
  .card-08 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-09 {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 12px;
    background-color: #FFFFFF;
  }
  .card-09 > .cm-container-01 {
    width: 100%;
    height: 435px;
  }
  .card-09 > .cm-container-01 img {
    width: 100%;
    height: 435px;
    object-fit: cover;
    object-position: center;
  }
  .card-09 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    margin-bottom: 22px;
  }
  .card-09 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
  }
  .card-09:hover {
    cursor: pointer;
  }
  .card-09:hover .cm-container-01::after {
    opacity: 1;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-09 {
    display: flex;
    flex-direction: column;
    width: 330px;
    height: 489px;
    position: relative;
    gap: 12px;
    background-color: #FFFFFF;
  }
  .card-09 > .cm-container-01 {
    width: 100%;
    height: 429px;
  }
  .card-09 > .cm-container-01 img {
    width: 100%;
    height: 429px;
    object-fit: cover;
    object-position: center;
  }
  .card-09 > .cm-container-01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 15, 58, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  .card-09 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
  }
  .card-09 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
  }
  .card-09:hover {
    cursor: pointer;
  }
  .card-09:hover .cm-container-01::after {
    opacity: 1;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-10 {
    display: flex;
    flex-direction: column;
    width: 335px;
    height: 276px;
    position: relative;
    gap: 12px;
    padding: 20px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #F1F1F1;
    background-color: #F6F6F6;
  }
  .card-10 > .cm-container-01 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .card-10 > .cm-container-01 .cm-item-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .card-10 > .cm-container-01 .cm-item-01 .cm-unit-01 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .card-10 > .cm-container-01 .cm-item-01 .cm-unit-01 .cm-unit-01-A {
    color: #030F3A;
  }
  .card-10 > .cm-container-01 .cm-item-01 .cm-unit-01 .cm-unit-01-B {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    align-self: stretch;
    overflow: hidden;
    color: #030F3A;
    text-overflow: ellipsis;
  }
  .card-10 > .cm-container-01 .cm-item-02 {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 165px;
    height: 48px;
    margin-top: auto;
    line-height: 22px;
    background-color: #030F3A;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;
  }
  .card-10 > .cm-container-01 .cm-item-02:after {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_429_1164%29%22%3E%20%3Cpath%20d%3D%22M26%2024V28H6V24H4V28C4%2028.5304%204.21071%2029.0391%204.58579%2029.4142C4.96086%2029.7893%205.46957%2030%206%2030H26C26.5304%2030%2027.0391%2029.7893%2027.4142%2029.4142C27.7893%2029.0391%2028%2028.5304%2028%2028V24H26Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M26%2014L24.59%2012.59L17%2020.17V2H15V20.17L7.41%2012.59L6%2014L16%2024L26%2014Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_429_1164%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-10 {
    display: flex;
    flex-direction: column;
    width: 448px;
    height: 372px;
    position: relative;
    gap: 12px;
    padding: 24px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #F1F1F1;
    background-color: #F6F6F6;
  }
  .card-10 > .cm-container-01 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .card-10 > .cm-container-01 .cm-item-01 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .card-10 > .cm-container-01 .cm-item-01 .cm-unit-01 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .card-10 > .cm-container-01 .cm-item-01 .cm-unit-01 .cm-unit-01-A {
    color: #030F3A;
  }
  .card-10 > .cm-container-01 .cm-item-01 .cm-unit-01 .cm-unit-01-B {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    align-self: stretch;
    overflow: hidden;
    color: #030F3A;
    text-overflow: ellipsis;
  }
  .card-10 > .cm-container-01 .cm-item-02 {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 165px;
    height: 56px;
    margin-top: auto;
    line-height: 22px;
    background-color: #030F3A;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;
  }
  .card-10 > .cm-container-01 .cm-item-02:after {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_429_1164%29%22%3E%20%3Cpath%20d%3D%22M26%2024V28H6V24H4V28C4%2028.5304%204.21071%2029.0391%204.58579%2029.4142C4.96086%2029.7893%205.46957%2030%206%2030H26C26.5304%2030%2027.0391%2029.7893%2027.4142%2029.4142C27.7893%2029.0391%2028%2028.5304%2028%2028V24H26Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M26%2014L24.59%2012.59L17%2020.17V2H15V20.17L7.41%2012.59L6%2014L16%2024L26%2014Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_429_1164%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-11 {
    display: flex;
    flex-direction: column;
    width: 280px;
    height: 322px;
    position: relative;
    background-color: transparent;
  }
  .card-11 > .cm-container-01 {
    width: 100%;
    height: 210px;
  }
  .card-11 > .cm-container-01 img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: center;
  }
  .card-11 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 16px 0;
  }
  .card-11 > .cm-container-02 .cm-item-01 {
    color: #F6F6F6;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
  }
  .card-11 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #F6F6F6;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-11 {
    display: flex;
    flex-direction: column;
    width: 448px;
    height: 480px;
    position: relative;
    background-color: transparent;
  }
  .card-11 > .cm-container-01 {
    width: 100%;
    height: 336px;
  }
  .card-11 > .cm-container-01 img {
    width: 100%;
    height: 336px;
    object-fit: cover;
    object-position: center;
  }
  .card-11 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 20px 32px 0;
  }
  .card-11 > .cm-container-02 .cm-item-01 {
    color: #F6F6F6;
  }
  .card-11 > .cm-container-02 .cm-item-02 {
    overflow: hidden;
    color: #F6F6F6;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .card-12 {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 424px;
    background-color: #FFFFFF;
  }
  .card-12 > .cm-container-01 {
    width: 100%;
    height: 336px;
  }
  .card-12 > .cm-container-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .card-12 > .cm-container-01 .cm-item-01 {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #030F3A;
    position: absolute;
    top: calc(50% - 22px);
    left: calc(50% - 22px);
  }
  .card-12 > .cm-container-01 .cm-item-01:after {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_435_908%29%22%3E%20%3Cpath%20d%3D%22M4.375%2017.5C4.20924%2017.5%204.05027%2017.4342%203.93306%2017.317C3.81585%2017.1998%203.75%2017.0408%203.75%2016.875V3.12505C3.74999%203.01643%203.77829%202.90969%203.8321%202.81535C3.88591%202.721%203.96338%202.64231%204.05687%202.58702C4.15037%202.53174%204.25665%202.50177%204.36525%202.50008C4.47385%202.49838%204.58102%202.52502%204.67619%202.57736L17.1762%209.45236C17.2743%209.50629%2017.356%209.58556%2017.413%209.6819C17.47%209.77823%2017.5%209.8881%2017.5%2010C17.5%2010.1119%2017.47%2010.2218%2017.413%2010.3181C17.356%2010.4145%2017.2743%2010.4937%2017.1762%2010.5477L4.67619%2017.4227C4.58391%2017.4734%204.48031%2017.5%204.375%2017.5ZM5%204.18186V15.818L15.578%2010L5%204.18186Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_435_908%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }
  .card-12 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 32px 20px 0;
  }
  .card-12 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
  }
  .card-12.card-12-video .cm-container-01 .cm-item-01 {
    display: flex;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .card-12 {
    display: block !important;
    flex-direction: column;
    width: 448px;
    background-color: #FFFFFF;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .card-12 > .cm-container-01 {
    width: 100%;
    height: 336px;
  }
  .card-12 > .cm-container-01 img, .card-12 > .cm-container-01 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .card-12 > .cm-container-01 .cm-item-01 {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #030F3A;
    position: absolute;
    top: calc(50% - 22px);
    left: calc(50% - 22px);
  }
  .card-12 > .cm-container-01 .cm-item-01:after {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_435_908%29%22%3E%20%3Cpath%20d%3D%22M4.375%2017.5C4.20924%2017.5%204.05027%2017.4342%203.93306%2017.317C3.81585%2017.1998%203.75%2017.0408%203.75%2016.875V3.12505C3.74999%203.01643%203.77829%202.90969%203.8321%202.81535C3.88591%202.721%203.96338%202.64231%204.05687%202.58702C4.15037%202.53174%204.25665%202.50177%204.36525%202.50008C4.47385%202.49838%204.58102%202.52502%204.67619%202.57736L17.1762%209.45236C17.2743%209.50629%2017.356%209.58556%2017.413%209.6819C17.47%209.77823%2017.5%209.8881%2017.5%2010C17.5%2010.1119%2017.47%2010.2218%2017.413%2010.3181C17.356%2010.4145%2017.2743%2010.4937%2017.1762%2010.5477L4.67619%2017.4227C4.58391%2017.4734%204.48031%2017.5%204.375%2017.5ZM5%204.18186V15.818L15.578%2010L5%204.18186Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_435_908%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .card-12 > .cm-container-02 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 32px 20px 0;
  }
  .card-12 > .cm-container-02 .cm-item-01 {
    color: #030F3A;
  }
  .card-12.card-12-video .cm-container-01 .cm-item-01 {
    display: flex;
  }
}
.content-block-01 .c-wrapper > .c-container-02 p a {
  color: #A3A3A3;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-01 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background-color: #030F3A;
  }
  .content-block-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-01 .c-wrapper > .c-container-01 {
    color: #F6F6F6;
  }
  .content-block-01 .c-wrapper > .c-container-02 {
    color: #A3A3A3;
  }
  .content-block-01.dark {
    background-color: #030F3A;
  }
  .content-block-01.light {
    background-color: #FFFFFF;
  }
  .content-block-01.light .c-wrapper > .c-container-01 {
    color: #030F3A;
  }
  .content-block-01.light .c-wrapper > .c-container-02 {
    color: #030F3A;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-01 {
    display: flex;
    flex-direction: column;
    padding: 160px 0;
    background-color: #030F3A;
  }
  .content-block-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .content-block-01 .c-wrapper > .c-container-01 {
    width: 920px;
    color: #F6F6F6;
  }
  .content-block-01 .c-wrapper > .c-container-02 {
    place-self: end;
    width: 684px;
    color: #A3A3A3;
  }
  .content-block-01.dark {
    background-color: #030F3A;
  }
  .content-block-01.light {
    background-color: #FFFFFF;
  }
  .content-block-01.light .c-wrapper > .c-container-01 {
    color: #030F3A;
  }
  .content-block-01.light .c-wrapper > .c-container-02 {
    color: #030F3A;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-02 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-block-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-02 .c-wrapper .c-container-01 {
    color: #252525;
    padding-right: 12px;
    z-index: 11;
  }
  .content-block-02 .c-wrapper > .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    z-index: 11;
    padding-right: 12px;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-01 {
    color: #030F3A;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-01 > p {
    margin-bottom: 20px;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-01 > p:last-child {
    margin-bottom: 0;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-02 {
    display: flex;
    width: max-content;
    color: rgba(3, 15, 58, 0.8);
    width: 100%;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-02:after {
    content: "";
    position: absolute;
    right: -10px;
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-02 .c-wrapper > .c-container-03 {
    position: absolute;
    right: -20px;
    width: 311px;
    height: 342px;
    bottom: -60px;
  }
  .content-block-02 .c-wrapper > .c-container-03 .c-item-01 {
    width: 100%;
    height: 100%;
  }
  .content-block-02 .c-wrapper > .c-container-03 .c-item-02 {
    width: 100%;
    height: 100%;
  }
  .content-block-02.dark {
    background-color: #030F3A;
  }
  .content-block-02.dark .c-wrapper > .c-container-01 {
    color: #A3A3A3;
  }
  .content-block-02.dark .c-wrapper > .c-container-02 .c-item-01 {
    color: rgba(163, 163, 163, 0.8);
  }
  .content-block-02.dark .c-wrapper > .c-container-02 .c-item-02 {
    color: rgba(163, 163, 163, 0.8);
  }
  .content-block-02.dark .c-wrapper > .c-container-02 .c-item-02:after {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-02.dark .c-wrapper .c-container-03 .c-item-01 {
    display: none;
  }
  .content-block-02.dark .c-wrapper .c-container-03 .c-item-02 {
    display: block;
  }
  .content-block-02.light {
    background-color: #FFFFFF;
  }
  .content-block-02.light .c-wrapper > .c-container-01 {
    color: #030F3A;
  }
  .content-block-02.light .c-wrapper > .c-container-02 .c-item-01 {
    color: rgba(3, 15, 58, 0.8);
  }
  .content-block-02.light .c-wrapper .c-container-03 .c-item-01 {
    display: block;
  }
  .content-block-02.light .c-wrapper .c-container-03 .c-item-02 {
    display: none;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-02 {
    display: flex;
    flex-direction: column;
    padding: 160px 0 180px 0;
    background-color: #FFFFFF;
  }
  .content-block-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 72px;
  }
  .content-block-02 .c-wrapper .c-container-01 {
    width: 920px;
    color: #030F3A;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.64px;
    z-index: 11;
  }
  .content-block-02 .c-wrapper > .c-container-02 {
    width: 684px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    z-index: 11;
    place-self: end;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-01 {
    color: #030F3A;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-01 > p {
    margin-bottom: 40px;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-01 > p:last-child {
    margin-bottom: 0;
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-02 {
    display: flex;
    width: max-content;
    color: rgba(3, 15, 58, 0.8);
  }
  .content-block-02 .c-wrapper > .c-container-02 .c-item-02:after {
    content: "";
    position: absolute;
    right: -36px;
    display: flex;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-02 .c-wrapper .c-container-03 {
    position: absolute;
    bottom: -180px;
    left: 342px;
  }
  .content-block-02.dark {
    background-color: #030F3A;
  }
  .content-block-02.dark .c-wrapper > .c-container-01 {
    color: #F6F6F6;
  }
  .content-block-02.dark .c-wrapper > .c-container-02 .c-item-01 {
    color: #E4E4E4;
  }
  .content-block-02.dark .c-wrapper > .c-container-02 .c-item-02 {
    color: #E4E4E4;
  }
  .content-block-02.dark .c-wrapper > .c-container-02 .c-item-02:after {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-02.dark .c-wrapper .c-container-03 .c-item-01 {
    display: none;
  }
  .content-block-02.dark .c-wrapper .c-container-03 .c-item-02 {
    display: block;
  }
  .content-block-02.light {
    background-color: #FFFFFF;
  }
  .content-block-02.light .c-wrapper > .c-container-01 {
    color: rgba(3, 15, 58, 0.96);
  }
  .content-block-02.light .c-wrapper > .c-container-02 .c-item-01 {
    color: rgba(3, 15, 58, 0.8);
  }
  .content-block-02.light .c-wrapper .c-container-03 .c-item-01 {
    display: block;
  }
  .content-block-02.light .c-wrapper .c-container-03 .c-item-02 {
    display: none;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-03 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    overflow: hidden;
  }
  .content-block-03 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
    z-index: 11;
  }
  .content-block-03 .c-wrapper .c-container-01 {
    color: #F1F1F1;
    z-index: 11;
    padding-right: 12px;
  }
  .content-block-03 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 11;
    padding-right: 32px;
  }
  .content-block-03 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    align-items: center;
    color: #E4E4E4;
    padding-left: 32px;
  }
  .content-block-03 .c-wrapper .c-container-02 .c-item-01:after {
    content: "";
    position: absolute;
    left: 0;
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23E4E4E4%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23E4E4E4%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-03 .c-container-03 {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .content-block-03 .c-container-03 .c-item-01 {
    width: 311px;
    height: 488px;
  }
  .content-block-03 .c-container-03 .c-item-02 {
    width: 311px;
    height: 488px;
  }
  .content-block-03.dark {
    background: #030F3A;
  }
  .content-block-03.dark .c-container-03 .c-item-01 {
    display: none;
  }
  .content-block-03.dark .c-container-03 .c-item-02 {
    display: flex;
  }
  .content-block-03.light {
    background: #FFFFFF;
  }
  .content-block-03.light .c-wrapper .c-container-01 {
    color: #011522;
  }
  .content-block-03.light .c-wrapper .c-container-02 .c-item-01 {
    color: #011522;
  }
  .content-block-03.light .c-wrapper .c-container-02 .c-item-01:after {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23011522%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23011522%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-03.light .c-container-03 .c-item-01 {
    display: flex;
  }
  .content-block-03.light .c-container-03 .c-item-02 {
    display: none;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-03 {
    display: flex;
    flex-direction: column;
    padding: 120px 0 160px 0;
  }
  .content-block-03 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 96px;
    z-index: 11;
  }
  .content-block-03 .c-wrapper .c-container-01 {
    width: 920px;
    color: #F6F6F6;
    place-self: self-end;
    z-index: 11;
  }
  .content-block-03 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 11;
  }
  .content-block-03 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    align-items: center;
    width: max-content;
    color: #E4E4E4;
  }
  .content-block-03 .c-wrapper .c-container-02 .c-item-01:after {
    content: "";
    position: absolute;
    right: -36px;
    display: flex;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23E4E4E4%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23E4E4E4%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-03 .c-container-03 {
    position: absolute;
    bottom: 0;
    left: calc(50% - 321px);
    top: 0;
  }
  .content-block-03.dark {
    background: #030F3A;
  }
  .content-block-03.dark .c-container-03 .c-item-01 {
    display: none;
  }
  .content-block-03.dark .c-container-03 .c-item-02 {
    display: flex;
  }
  .content-block-03.light {
    background: #FFFFFF;
  }
  .content-block-03.light .c-wrapper .c-container-01 {
    color: #011522;
  }
  .content-block-03.light .c-wrapper .c-container-02 .c-item-01 {
    color: #011522;
  }
  .content-block-03.light .c-wrapper .c-container-02 .c-item-01:after {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23011522%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23011522%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-03.light .c-container-03 .c-item-01 {
    display: flex;
  }
  .content-block-03.light .c-container-03 .c-item-02 {
    display: none;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-04 {
    display: flex;
    padding: 40px 0 60px 0;
    background-color: #030F3A;
  }
  .content-block-04 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .content-block-04 .c-wrapper .c-container-01 {
    color: #F6F6F6;
    padding-right: 20px;
  }
  .content-block-04 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding-right: 20px;
  }
  .content-block-04 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .content-block-04 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    color: #F6F6F6;
  }
  .content-block-04 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #C2C2C2;
  }
  .content-block-04.light {
    background-color: #FFFFFF;
  }
  .content-block-04.light .c-wrapper .c-container-01 {
    color: #030F3A;
  }
  .content-block-04.light .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    color: #030F3A;
  }
  .content-block-04.light .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #0D1944;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-04 {
    display: flex;
    padding: 120px 0 160px 0;
    background-color: #030F3A;
  }
  .content-block-04 .c-wrapper {
    display: flex;
    gap: 80px;
  }
  .content-block-04 .c-wrapper > .c-container-01 {
    color: #F6F6F6;
    flex: 1;
  }
  .content-block-04 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 628px;
  }
  .content-block-04 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-04 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    color: #F6F6F6;
  }
  .content-block-04 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #C2C2C2;
  }
  .content-block-04.light {
    background-color: #FFFFFF;
  }
  .content-block-04.light .c-wrapper .c-container-01 {
    color: #030F3A;
  }
  .content-block-04.light .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    color: #030F3A;
  }
  .content-block-04.light .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #0D1944;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-05 {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 40px 0 60px 0;
  }
  .content-block-05 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-05 .c-container-01 > .c-item-03 {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 15, 21, 0) 0%, #110F15 100%);
  }
  .content-block-05 .c-container-01 > .c-item-01 {
    order: 2;
    height: 320px;
  }
  .content-block-05 .c-container-01 > .c-item-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .content-block-05 .c-container-01 > .c-item-01 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .content-block-05 .c-container-01 > .c-item-02 {
    order: 1;
  }
  .content-block-05 .c-container-01 > .c-item-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-05 .c-container-01 > .c-item-02 .c-wrapper .c-unit-01 {
    color: #030F3A;
    padding-right: 12px;
  }
  .content-block-05 .c-container-01 > .c-item-02 .c-wrapper .c-unit-02 {
    color: #0D1944;
    padding-right: 12px;
  }
  .content-block-05 .c-container-02 {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 32px 32px 60px 20px;
  }
  .content-block-05 .c-container-02 > .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-05 .c-container-02 > .c-item-01 .c-unit-01 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .content-block-05 .c-container-02 > .c-item-01 .c-unit-01 .c-unit-01-A {
    color: #030F3A;
  }
  .content-block-05 .c-container-02 > .c-item-01 .c-unit-01 .c-unit-01-B {
    color: rgba(13, 25, 68, 0.8);
  }
  .content-block-05 .c-container-02 > .c-item-01 .c-unit-02 {
    display: flex;
    align-items: center;
    width: max-content;
    color: rgba(13, 25, 68, 0.8);
  }
  .content-block-05 .c-container-02 > .c-item-01 .c-unit-02:after {
    content: "";
    position: absolute;
    right: -21px;
    display: flex;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-05 {
    display: flex;
    flex-direction: column;
  }
  .content-block-05 > .c-container-01 {
    height: 1050px;
  }
  .content-block-05 > .c-container-01 > .c-item-03 {
    width: 100%;
    background: linear-gradient(180deg, #110F15 -19.08%, rgba(17, 15, 21, 0) 100%);
    position: absolute;
    height: 828px;
    z-index: 55;
  }
  .content-block-05 > .c-container-01 > .c-item-01 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .content-block-05 > .c-container-01 > .c-item-01 img {
    width: 100%;
    height: 1050px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-05 > .c-container-01 > .c-item-01 video {
    width: 100%;
    height: 1050px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-05 > .c-container-01 > .c-item-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 144px;
    z-index: 77;
  }
  .content-block-05 > .c-container-01 > .c-item-02 .c-wrapper .c-unit-01 {
    width: 800px;
    color: #F6F6F6;
  }
  .content-block-05 > .c-container-01 > .c-item-02 .c-wrapper .c-unit-02 {
    width: 566px;
    color: #E4E4E4;
  }
  .content-block-05 > .c-container-02 {
    display: flex;
    background-color: #FFFFFF;
    padding: 80px 280px 160px 280px;
  }
  .content-block-05 > .c-container-02 > .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 393px;
    padding-right: 32px;
  }
  .content-block-05 > .c-container-02 > .c-item-01 .c-unit-01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-05 > .c-container-02 > .c-item-01 .c-unit-01 .c-unit-01-A {
    color: #030F3A;
  }
  .content-block-05 > .c-container-02 > .c-item-01 .c-unit-01 .c-unit-01-B {
    color: rgba(13, 25, 68, 0.8);
  }
  .content-block-05 > .c-container-02 > .c-item-01 .c-unit-02 {
    display: flex;
    align-items: center;
    width: max-content;
    color: rgba(13, 25, 68, 0.8);
  }
  .content-block-05 > .c-container-02 > .c-item-01 .c-unit-02:after {
    content: "";
    position: absolute;
    right: -36px;
    display: flex;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-06 {
    display: flex;
    flex-direction: column;
    height: 320px;
  }
  .content-block-06 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 11;
    padding-top: 40px;
  }
  .content-block-06 .c-wrapper .c-container-01 .c-item-01 {
    color: #F6F6F6;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    padding-right: 12px;
  }
  .content-block-06 .c-wrapper .c-container-01 .c-item-02 {
    color: #C2C2C2;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-right: 12px;
  }
  .content-block-06 .c-container-02 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 320px;
  }
  .content-block-06 .c-container-02 img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-06 .c-container-02 video {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-06 .c-container-03 {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-06 {
    display: flex;
    flex-direction: column;
    height: 1050px;
  }
  .content-block-06 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    z-index: 11;
    width: 1274px;
    padding-top: 144px;
  }
  .content-block-06 .c-wrapper .c-container-01 .c-item-01 {
    color: #F6F6F6;
    font-family: Inter;
    font-size: 120px;
    font-style: normal;
    font-weight: 700;
    line-height: 120px;
  }
  .content-block-06 .c-wrapper .c-container-01 .c-item-02 {
    width: 684px;
    color: #7A7A7A;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  }
  .content-block-06 .c-container-02 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1050px;
  }
  .content-block-06 .c-container-02 img {
    width: 100%;
    height: 1050px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-06 .c-container-02 video {
    width: 100%;
    height: 1050px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-06 .c-container-03 {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-07 {
    position: relative;
    width: 100%;
    height: 200vh;
    overflow: hidden;
  }
  .content-block-07 .c-container-01 {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .content-block-07 .c-container-01 .c-item-01 {
    width: 100%;
    height: 100vh;
    z-index: -1;
    position: absolute;
    top: 0;
  }
  .content-block-07 .c-container-01 .c-item-01 img {
    width: 100%;
    height: 100vh;
    object-position: center;
    object-fit: cover;
  }
  .content-block-07 .c-container-01 .c-item-01 video {
    width: 100%;
    height: 200vh;
    object-position: center;
    object-fit: cover;
  }
  .content-block-07 .c-container-01 .c-item-02 {
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30% 20px 0px 20px;
    background: linear-gradient(180deg, rgba(17, 15, 21, 0) 0%, #110F15 100%);
  }
  .content-block-07 .c-container-01 .c-item-02 .c-unit-01 {
    color: #F6F6F6;
  }
  .content-block-07 .c-container-01 .c-item-02 .c-unit-02 {
    color: #C2C2C2;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-07 {
    position: relative;
    width: 100%;
    height: 200vh;
    overflow: hidden;
  }
  .content-block-07 .c-container-01 {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .content-block-07 .c-container-01 .c-item-01 {
    width: 100%;
    height: 100vh;
    z-index: -1;
    position: absolute;
    top: 0;
  }
  .content-block-07 .c-container-01 .c-item-01 img {
    width: 100%;
    height: auto;
    object-position: center;
    object-fit: cover;
  }
  .content-block-07 .c-container-01 .c-item-01 video {
    width: 100%;
    height: 200vh;
    object-position: center;
    object-fit: cover;
  }
  .content-block-07 .c-container-01 .c-item-02 {
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10% 0px 0px 10%;
    background: linear-gradient(180deg, rgba(17, 15, 21, 0) 0%, #110F15 100%);
  }
  .content-block-07 .c-container-01 .c-item-02 .c-unit-01 {
    width: 1274px;
    color: #F0F0F0;
    margin-bottom: 48px;
  }
  .content-block-07 .c-container-01 .c-item-02 .c-unit-02 {
    width: 668px;
    color: #FFFFFF;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-08 {
    position: relative;
    width: 100%;
    height: 200vh;
    overflow: hidden;
  }
  .content-block-08 .c-container-01 {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .content-block-08 .c-container-01 .c-item-01 {
    width: 100%;
    height: 100vh;
    z-index: -1;
    position: absolute;
    top: 0;
  }
  .content-block-08 .c-container-01 .c-item-01 img {
    width: 100%;
    height: 100vh;
    object-position: center;
    object-fit: cover;
  }
  .content-block-08 .c-container-01 .c-item-01 video {
    width: 100%;
    height: 200vh;
    object-position: center;
    object-fit: cover;
  }
  .content-block-08 .c-container-01 .c-item-02 {
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px 0px 0px 0px;
    background: linear-gradient(180deg, rgba(17, 15, 21, 0) -1%, #110F15 100%);
  }
  .content-block-08 .c-container-01 .c-item-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-A {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-A .c-unit-01 {
    color: #F6F6F6;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-A .c-unit-02 {
    color: #F1F1F1;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-B {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-B .c-item-02-B-01 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
    color: #F1F1F1;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
    color: #F1F1F1;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-08 {
    position: relative;
    width: 100%;
    height: 200vh;
    overflow: hidden;
  }
  .content-block-08 .c-container-01 {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .content-block-08 .c-container-01 .c-item-01 {
    width: 100%;
    height: 100vh;
    z-index: -1;
    position: absolute;
    top: 0;
  }
  .content-block-08 .c-container-01 .c-item-01 img {
    width: 100%;
    height: 100vh;
    object-position: center;
    object-fit: cover;
  }
  .content-block-08 .c-container-01 .c-item-01 video {
    width: 100%;
    height: 200vh;
    object-position: center;
    object-fit: cover;
  }
  .content-block-08 .c-container-01 .c-item-02 {
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5% 0px 0px 0%;
    background: linear-gradient(180deg, rgba(17, 15, 21, 0) 0%, #110F15 100%);
  }
  .content-block-08 .c-container-01 .c-item-02 .c-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-A {
    display: flex;
    flex-direction: column;
    width: 802px;
    gap: 48px;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-A .c-unit-01 {
    color: #F6F6F6;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-A .c-unit-02 {
    width: 684px;
    color: #F1F1F1;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-B {
    display: flex;
    flex-direction: column;
    gap: 64px;
    border-left: 1px solid #F6F6F6;
    padding-left: 64px;
    margin-top: 150px;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-B .c-item-02-B-01 {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-01 {
    color: #F6F6F6;
  }
  .content-block-08 .c-container-01 .c-item-02 .c-item-02-B .c-item-02-B-01 .c-unit-02 {
    color: #C2C2C2;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-09 {
    display: flex;
    flex-direction: column;
    padding: 40px 0;
    background: #030F3A;
  }
  .content-block-09 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-09 .c-wrapper .c-container-01 {
    color: #F6F6F6;
    padding-right: 33px;
  }
  .content-block-09 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .content-block-09 .c-wrapper .c-container-02 .c-item-01:last-child .card-04 .cm-container-01 .cm-item-02 {
    padding: 0px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-09 {
    display: flex;
    flex-direction: column;
    padding: 120px 0 132px 0;
    background: #030F3A;
  }
  .content-block-09 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .content-block-09 .c-wrapper .c-container-01 {
    width: 802px;
    color: #F0F0F0;
  }
  .content-block-09 .c-wrapper .c-container-02 {
    display: flex;
    gap: 24px;
  }
  .content-block-09 .c-wrapper .c-container-02 .c-item-01:last-child .card-04 .cm-container-01 .cm-item-02 {
    padding: 0px;
  }
}
/* 
    1. Düğme büyüklükleri (lg, md, sm) media query aralıklarında yer alacaktır.
    2. Düğme stil ve ton özellikleri birleşik yazılacaktır ve media query aralıklarının 
       dışında yer alacaktır. Örnekler:
       Style: Solid
       Tone: Primary
       Class: btn-solid-primary
       --
       Style: Outline
       Tone: Secondary
       Class: btn-outline-secondary
    3. Düğme class yapısı baz ve state değerlerinden oluşacaktır. State değerlerindeki color, 
       background-color, border vb değerler transition ile işlenecektir.

*/
.btn-solid-primary {
  background-color: #fff;
  color: #464646;
  transition: background 0.2s, color 0.2s;
}
.btn-solid-primary:after {
  display: block;
  content: "";
  left: 8px;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
.btn-solid-primary:hover {
  background-color: #E4E4E4;
}
.btn-solid-primary:disabled {
  background-color: #F6F6F6;
  color: #A3A3A3;
}
.btn-solid-primary:disabled:after {
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}

.btn-outline-primary {
  border: 1px solid #464646;
  background-color: #464646;
  color: #030F3A;
  transition: border 0.2s, background 0.2s, color 0.2s;
}
.btn-outline-primary:after {
  display: block;
  content: "";
  left: 8px;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23252525%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23252525%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
.btn-outline-primary:hover {
  background-color: #464646;
}
.btn-outline-primary:disabled {
  border-color: #A3A3A3;
  background-color: #A3A3A3;
  color: #A3A3A3;
}

.btn-solid-secondary {
  background: #030F3A;
  color: #F6F6F6;
  transition: background 0.2s, color 0.2s;
}
.btn-solid-secondary:hover {
  background-color: #0D1944;
}
.btn-solid-secondary:disabled {
  background: #F6F6F6;
  color: #A3A3A3;
}
.btn-solid-secondary:disabled:after {
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}

.btn-outline-secondary {
  border: 1px solid #252525;
  background-color: #464646;
  color: #030F3A;
  transition: border 0.2s, background 0.2s, color 0.2s;
}
.btn-outline-secondary:after {
  display: block;
  content: "";
  left: 8px;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
.btn-outline-secondary:hover {
  background-color: #0D1944;
}
.btn-outline-secondary:disabled {
  border: 1px solid #A3A3A3;
  background: #F6F6F6;
  color: #A3A3A3;
}
.btn-outline-secondary:disabled:after {
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}

[class*=btn-].processing {
  color: rgba(0, 0, 0, 0);
}
[class*=btn-].processing:after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%20%3Cg%20fill%3D%22none%22%3E%20%3Cpath%20id%3D%22track%22%20fill%3D%22%23C6CCD2%22%20d%3D%22M24%2C48%20C10.745166%2C48%200%2C37.254834%200%2C24%20C0%2C10.745166%2010.745166%2C0%2024%2C0%20C37.254834%2C0%2048%2C10.745166%2048%2C24%20C48%2C37.254834%2037.254834%2C48%2024%2C48%20Z%20M24%2C44%20C35.045695%2C44%2044%2C35.045695%2044%2C24%20C44%2C12.954305%2035.045695%2C4%2024%2C4%20C12.954305%2C4%204%2C12.954305%204%2C24%20C4%2C35.045695%2012.954305%2C44%2024%2C44%20Z%22%2F%3E%20%3Cpath%20id%3D%22section%22%20fill%3D%22%233F4850%22%20d%3D%22M24%2C0%20C37.254834%2C0%2048%2C10.745166%2048%2C24%20L44%2C24%20C44%2C12.954305%2035.045695%2C4%2024%2C4%20L24%2C0%20Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  animation: loading-spinner 1s linear infinite;
}

@keyframes loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .btn-lg {
    height: 48px;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  .btn-sm {
    height: 40px;
    padding: 0 32px;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .btn-lg {
    display: flex;
    justify-content: center;
    padding: 0 32px;
    height: 56px;
    align-items: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  .btn-sm {
    height: 48px;
    padding: 0 32px;
    font-size: toEm(15);
    line-height: 24px;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-10 {
    display: flex;
    flex-direction: column;
    background-color: #030F3A;
    padding: 40px 20px;
    border-top: 1px solid #464646;
  }
  .content-block-10 .c-row-01 {
    display: flex;
    flex-direction: column;
    background-color: #0D1944;
  }
  .content-block-10 .c-row-01 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    order: 2;
    padding: 32px 20px 32px 32px;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-01 {
    color: rgba(241, 241, 241, 0.8);
    padding-right: 20px;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    padding-right: 20px;
    gap: 24px;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 .c-item-02-A {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 .c-item-02-A .c-unit-01 {
    color: #F1F1F1;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 .c-item-02-A .c-unit-02 {
    color: #E4E4E4;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 .c-item-02-B .c-unit-01 {
    width: fit-content;
  }
  .content-block-10 .c-row-01 .c-container-02 {
    width: 100%;
    height: 278px;
    order: 1;
  }
  .content-block-10 .c-row-01 .c-container-02 img {
    width: 100%;
    height: 278px;
    object-fit: cover;
    object-position: center;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-10 {
    display: flex;
    gap: 96px;
    background-color: #030F3A;
    padding: 80px;
    border-top: 1px solid #464646;
  }
  .content-block-10 .c-row-01 {
    display: flex;
    background-color: #0D1944;
    width: 100%;
  }
  .content-block-10 .c-row-01 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 160px;
    flex: 1;
    padding: 72px 24px 114px 72px;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-01 {
    color: #F1F1F1;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 566px;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 .c-item-02-A {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 .c-item-02-A .c-unit-01 {
    color: #F1F1F1;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 .c-item-02-A .c-unit-02 {
    color: #E4E4E4;
  }
  .content-block-10 .c-row-01 .c-container-01 .c-item-02 .c-item-02-B .c-unit-01 {
    width: fit-content;
  }
  .content-block-10 .c-row-01 .c-container-02 {
    width: 760px;
    height: 680px;
  }
  .content-block-10 .c-row-01 .c-container-02 img {
    width: 100%;
    height: 680px;
    object-fit: cover;
    object-position: center;
  }
}
.gm-style-iw-tc:after {
  display: none;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-11 .c-container-02 {
    display: block;
    width: 100%;
    height: 100vh;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c {
    max-width: 335px !important;
    overflow: visible;
    padding: 0;
    border-radius: 0;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-chr .gm-style-iw-ch {
    display: none;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect {
    position: absolute !important;
    right: -2px;
    top: 16px;
    z-index: 66;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect span {
    mask-image: none !important;
    display: block;
    content: "";
    position: absolute;
    top: -9px;
    right: 0;
    width: 40px !important;
    height: 40px !important;
    background-color: white !important;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-d {
    overflow: visible !important;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c > button {
    display: none !important;
  }
  .gm-style .gm-style-iw-t:after {
    display: none;
  }
  .info-box .c-unit-01 {
    width: 100%;
    padding: 32px 16px 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .info-box .c-unit-01 .c-unit-01-A {
    color: #030F3A;
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }
  .info-box .c-unit-01 .c-unit-01-B {
    margin-top: 8px;
    color: #0D1944;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
  }
  .info-box .c-unit-01 picture {
    margin: 32px 0 16px 0;
  }
  .info-box .c-unit-01 picture img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
  }
  .info-box .c-unit-01 .c-unit-01-C {
    color: #030F3A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .info-box .c-unit-01 .c-unit-01-D {
    margin-top: 32px;
    width: max-content;
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: #030F3A;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  .gm-style-iw {
    top: 158px !important;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-11 .c-container-02 {
    display: block;
    width: 100%;
    height: 1050px;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c {
    width: 453px;
    left: 525px;
    overflow: visible;
    padding: 0;
    border-radius: 0;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-chr .gm-style-iw-ch {
    display: none;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect {
    position: absolute !important;
    right: 0 !important;
    top: 32px;
    z-index: 66;
    opacity: 1;
    height: 48px;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect span {
    mask-image: none;
    display: block;
    content: "";
    position: absolute;
    top: -9px;
    right: 0;
    width: 40px !important;
    height: 40px !important;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-d {
    overflow: visible !important;
  }
  .gm-style .gm-style-iw-t .gm-style-iw-c > button {
    display: none !important;
  }
  .gm-style .gm-style-iw-t:after {
    display: none;
  }
  .info-box .c-unit-01 {
    width: 100%;
    padding: 32px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .info-box .c-unit-01 .c-unit-01-A {
    color: var(--Color-Peen-blue-900-B, #030F3A);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
  }
  .info-box .c-unit-01 .c-unit-01-B {
    margin-top: 8px;
    color: #0D1944;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px;
  }
  .info-box .c-unit-01 picture {
    margin: 32px 0 24px 0;
  }
  .info-box .c-unit-01 picture img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
  }
  .info-box .c-unit-01 .c-unit-01-C {
    color: #030F3A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
  }
  .info-box .c-unit-01 .c-unit-01-D {
    margin-top: 48px;
    width: max-content;
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background: var(--Color-Peen-blue-900-B, #030F3A);
    color: var(--color-bw-white, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
  }
  .gm-style-iw {
    position: fixed !important;
    right: 20px !important; /* Sayfanın sağından 20px boşluk bırak */
    width: 400px !important;
    max-width: 400px !important;
    transform: none !important;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 10000; /* Önde olmasını sağla */
    max-height: initial !important;
    top: -326px !important;
  }
  .gm-style-iw-d {
    overflow: hidden !important; /* Taşmaları engelle */
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-12 {
    padding: 40px 0 60px 0;
    background: #030F3A;
  }
  .content-block-12 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-12 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    padding-right: 12px;
    width: 100%;
    gap: 32px;
    order: 2;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-A {
    color: #F6F6F6;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 {
    display: flex;
    gap: 16px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-A {
    width: 32px;
    height: 32px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-A svg {
    width: 32px;
    height: 32px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-01 {
    color: #F6F6F6;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-02 {
    color: #C2C2C2;
  }
  .content-block-12 .c-wrapper .c-container-02 {
    order: 1;
    padding-right: 12px;
  }
  .content-block-12 .c-wrapper .c-container-02 img {
    width: 100%;
    height: 242px;
    object-fit: cover;
    object-position: center;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-12 {
    padding: 120px 0;
    background: #030F3A;
  }
  .content-block-12 .c-wrapper {
    display: flex;
    gap: 24px;
  }
  .content-block-12 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    width: 684px;
    padding: 0 48px 48px 0;
    gap: 80px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-A {
    color: #F6F6F6;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 {
    display: flex;
    gap: 24px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-01 {
    color: #F6F6F6;
  }
  .content-block-12 .c-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-02 {
    color: #C2C2C2;
  }
  .content-block-12 .c-wrapper .c-container-02 {
    flex: 1;
  }
  .content-block-12 .c-wrapper .c-container-02 img {
    width: 100%;
    height: 854px;
    object-fit: cover;
    object-position: center;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-13 {
    padding: 40px 0 64px 0;
    background-color: #FFFFFF;
  }
  .content-block-13 .c-wrapper {
    display: flex;
    flex-direction: column;
  }
  .content-block-13 .c-wrapper .c-container-01 {
    height: 242px;
    order: 2;
    margin-top: 28px;
  }
  .content-block-13 .c-wrapper .c-container-01 img {
    width: 100%;
    height: 242px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-13 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    order: 1;
    gap: 20px;
  }
  .content-block-13 .c-wrapper .c-container-02 .c-item-01 {
    color: #030F3A;
  }
  .content-block-13 .c-wrapper .c-container-02 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 12px;
  }
  .content-block-13 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 {
    padding-left: 40px;
    align-items: center;
    color: #0D1944;
  }
  .content-block-13 .c-wrapper .c-container-02 .c-item-02 .c-unit-01:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #0D1944;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 14px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-13 {
    padding: 120px 0;
    background-color: #FFFFFF;
  }
  .content-block-13 .c-wrapper {
    display: flex;
  }
  .content-block-13 .c-wrapper .c-container-01 {
    width: 684px;
    height: 854px;
  }
  .content-block-13 .c-wrapper .c-container-01 img {
    width: 100%;
    height: 854px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-13 .c-wrapper .c-container-02 {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 72px 60px 222px 72px;
    background-color: #F1F1F1;
    gap: 60px;
    height: 854px;
  }
  .content-block-13 .c-wrapper .c-container-02 .c-item-01 {
    color: #030F3A;
    font-family: Inter;
    font-size: 88px;
    font-style: normal;
    font-weight: 700;
    line-height: 88px;
    letter-spacing: -2.64px;
  }
  .content-block-13 .c-wrapper .c-container-02 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-13 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 {
    color: #0D1944;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-left: 35px;
  }
  .content-block-13 .c-wrapper .c-container-02 .c-item-02 .c-unit-01:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #0D1944;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 14px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-14 {
    padding: 40px 0;
    background-color: #FFFFFF;
  }
  .content-block-14 .c-wrapper {
    display: flex;
  }
  .content-block-14 .c-wrapper .c-container-01 {
    width: 100%;
    padding-right: 12px;
    color: #0D1944;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-14 {
    padding: 120px 0 96px 0;
    background-color: #FFFFFF;
  }
  .content-block-14 .c-wrapper {
    display: flex;
  }
  .content-block-14 .c-wrapper .c-container-01 {
    width: 1038px;
    color: #0D1944;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-15 {
    padding: 20px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-block-15 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-15 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    order: 2;
    padding-right: 12px;
  }
  .content-block-15 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-15 .c-wrapper .c-container-01 .c-item-01 .c-unit-01 {
    color: #030F3A;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -1.08px;
  }
  .content-block-15 .c-wrapper .c-container-01 .c-item-01 .c-unit-02 {
    color: #0D1944;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 {
    margin-top: 24px;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A {
    border-bottom: 1px solid #E4E4E4;
    padding: 12px 0 12px 0;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A > a {
    display: flex;
    width: 100%;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A > a > .c-item-01 {
    width: 279px;
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A > a > .c-item-02 {
    flex: 1;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A > a:after {
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 14px);
    right: 0;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6132%29%22%3E%20%3Cpath%20d%3D%22M16%2022L6%2012L7.4%2010.6L16%2019.2L24.6%2010.6L26%2012L16%2022Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6132%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A.on > a {
    color: #8C95B2;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A.on > a:after {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6131%29%22%3E%20%3Cpath%20d%3D%22M16%2010L26%2020L24.6%2021.4L16%2012.8L7.4%2021.4L6%2020L16%2010Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6131%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 [data-expand] .expandingContent .c-item-01 .c-item-01-A {
    padding-top: 22px;
    color: #0D1944;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .content-block-15 .c-wrapper .c-container-02 {
    flex: 1;
    order: 1;
  }
  .content-block-15 .c-wrapper .c-container-02 img {
    width: 100%;
    height: 242px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-15 {
    padding: 120px 0 120px 0;
    background-color: #FFFFFF;
  }
  .content-block-15 .c-wrapper {
    display: flex;
    gap: 24px;
  }
  .content-block-15 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    width: 684px;
    padding-right: 48px;
  }
  .content-block-15 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-15 .c-wrapper .c-container-01 .c-item-01 .c-unit-01 {
    color: #030F3A;
  }
  .content-block-15 .c-wrapper .c-container-01 .c-item-01 .c-unit-02 {
    color: #0D1944;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 {
    margin-top: 60px;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A {
    border-bottom: 1px solid #E4E4E4;
    padding: 20px 0 20px 0;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A > a {
    display: flex;
    width: 100%;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A > a > .c-item-01 {
    color: #030F3A;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A > a > .c-item-02 {
    flex: 1;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A > a:after {
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 14px);
    right: 0;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6132%29%22%3E%20%3Cpath%20d%3D%22M16%2022L6%2012L7.4%2010.6L16%2019.2L24.6%2010.6L26%2012L16%2022Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6132%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A.on > a {
    color: #8C95B2;
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 > .c-item-02-A.on > a:after {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6131%29%22%3E%20%3Cpath%20d%3D%22M16%2010L26%2020L24.6%2021.4L16%2012.8L7.4%2021.4L6%2020L16%2010Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6131%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-15 .c-wrapper .c-container-01 > .c-item-02 [data-expand] .expandingContent .c-item-01 .c-item-01-A {
    padding-top: 20px;
    color: #0D1944;
  }
  .content-block-15 .c-wrapper .c-container-02 {
    flex: 1;
  }
  .content-block-15 .c-wrapper .c-container-02 img {
    width: 100%;
    height: 854px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-16 {
    padding: 40px 0 60px 0;
    background-color: #F1F1F1;
  }
  .content-block-16 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-16 .c-wrapper .c-column-01 {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-01 {
    width: 100%;
    height: 278px;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-01 img {
    width: 100%;
    height: 278px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 32px 20px;
    gap: 24px;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-01 .c-unit-01 {
    color: #030F3A;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-01 .c-unit-02 {
    color: #0D1944;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-02 {
    color: #0D1944;
    display: flex;
    align-items: center;
    width: max-content;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-02:after {
    content: "";
    position: absolute;
    right: -25px;
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-16 {
    padding: 120px 0 120px 0;
    background-color: #F1F1F1;
  }
  .content-block-16 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-16 .c-wrapper .c-column-01 {
    display: flex;
    gap: 24px;
    background-color: #FFFFFF;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-01 {
    width: 684px;
    height: 764px;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-01 img {
    width: 100%;
    height: 764px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 60px;
    gap: 48px;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-01 .c-unit-01 {
    color: #030F3A;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-01 .c-unit-02 {
    padding-right: 64px;
    color: #0D1944;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-02 {
    display: flex;
    align-items: center;
    width: max-content;
    color: #0D1944;
  }
  .content-block-16 .c-wrapper .c-column-01 .c-container-02 .c-item-02:after {
    content: "";
    position: absolute;
    right: -36px;
    display: flex;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-16 .c-wrapper .c-column-01:nth-child(2n-1) {
    flex-flow: row-reverse;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-17 {
    padding: 40px 0 60px 0;
    background-color: #F1F1F1;
  }
  .content-block-17 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-17 .c-wrapper .c-column-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    order: 2;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-01 {
    color: #030F3A;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 {
    display: flex;
    gap: 12px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 .c-unit-01-A {
    width: 20px;
    height: 20px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 .c-unit-01-B {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    color: #030F3A;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    color: #0D1944;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-02 {
    width: 100%;
    height: 233px;
    order: 1;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-02 iframe {
    width: 100%;
    height: 233px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-17 {
    padding: 120px 0 120px 0;
    background-color: #F1F1F1;
  }
  .content-block-17 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-17 .c-wrapper .c-column-01 {
    display: flex;
    gap: 24px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 684px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-01 {
    color: #030F3A;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 {
    display: flex;
    gap: 16px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 .c-unit-01-B {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    color: #030F3A;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-01 .c-item-02 .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    color: #0D1944;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-02 {
    width: 684px;
    height: 456px;
  }
  .content-block-17 .c-wrapper .c-column-01 .c-container-02 iframe {
    width: 100%;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-18 {
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-block-18 .c-wrapper .c-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 .c-container-01 {
    padding-right: 12px;
    color: #030F3A;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -1.08px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 .c-container-02 {
    padding-right: 12px;
    color: #0D1944;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 .c-container-03 {
    display: flex;
    align-items: center;
    padding-left: 48px;
    margin-top: 16px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 .c-container-03:before {
    display: block;
    content: "";
    left: 0;
    position: absolute;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%2024C0%2010.7452%2010.7452%200%2024%200C37.2548%200%2048%2010.7452%2048%2024C48%2037.2548%2037.2548%2048%2024%2048C10.7452%2048%200%2037.2548%200%2024Z%22%20fill%3D%22%2325D366%22%2F%3E%20%3Cpath%20d%3D%22M36.8827%2023.409C36.7602%2020.0565%2035.3475%2016.881%2032.9394%2014.5454C30.5313%2012.2099%2027.3141%2010.8949%2023.9596%2010.875H23.8962C21.6371%2010.8733%2019.4166%2011.4598%2017.453%2012.5768C15.4895%2013.6938%2013.8505%2015.3027%2012.6975%2017.2453C11.5445%2019.188%2010.9171%2021.3973%2010.877%2023.656C10.837%2025.9147%2011.3857%2028.1448%2012.4692%2030.1271L11.3187%2037.0115C11.3169%2037.0256%2011.318%2037.04%2011.3221%2037.0536C11.3262%2037.0673%2011.3332%2037.0799%2011.3426%2037.0906C11.3519%2037.1014%2011.3635%2037.11%2011.3764%2037.1159C11.3894%2037.1219%2011.4034%2037.1249%2011.4177%2037.125H11.4375L18.2467%2035.6104C20.006%2036.455%2021.9327%2036.8933%2023.8843%2036.8928C24.0084%2036.8928%2024.1324%2036.8928%2024.2564%2036.8928C25.9731%2036.8438%2027.6632%2036.4553%2029.2289%2035.7497C30.7947%2035.0441%2032.2052%2034.0354%2033.3791%2032.7818C34.553%2031.5282%2035.467%2030.0545%2036.0683%2028.4457C36.6696%2026.837%2036.9464%2025.1252%2036.8827%2023.409ZM24.1917%2034.6301C24.0888%2034.6301%2023.9859%2034.6301%2023.8843%2034.6301C22.1595%2034.6322%2020.4594%2034.2195%2018.9275%2033.4268L18.5792%2033.2448L13.9614%2034.3359L14.8137%2029.664L14.6158%2029.3289C13.6706%2027.7174%2013.1615%2025.8874%2013.1386%2024.0192C13.1157%2022.1511%2013.5799%2020.3091%2014.4853%2018.6749C15.3908%2017.0407%2016.7063%2015.6705%2018.3024%2014.6993C19.8984%2013.7282%2021.7199%2013.1895%2023.5875%2013.1364C23.6913%2013.1364%2023.7955%2013.1364%2023.9001%2013.1364C26.7198%2013.1447%2029.4233%2014.2604%2031.4282%2016.2431C33.4331%2018.2258%2034.5789%2020.9167%2034.6187%2023.736C34.6584%2026.5555%2033.5891%2029.2776%2031.641%2031.3161C29.6928%2033.3546%2027.0219%2034.5461%2024.2036%2034.6341L24.1917%2034.6301Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M19.3628%2017.6038C19.2021%2017.6069%2019.0436%2017.6423%2018.8968%2017.7078C18.7499%2017.7733%2018.6177%2017.8676%2018.5079%2017.9851C18.1979%2018.3031%2017.3311%2019.0683%2017.2809%2020.6753C17.2308%2022.2822%2018.3536%2023.8721%2018.5106%2024.0951C18.6676%2024.318%2020.6571%2027.7893%2023.9345%2029.197C25.8608%2030.0269%2026.7051%2030.1694%2027.2526%2030.1694C27.4783%2030.1694%2027.6485%2030.1457%2027.8265%2030.1351C28.4269%2030.0982%2029.7819%2029.4042%2030.0774%2028.6495C30.373%2027.8948%2030.3927%2027.2352%2030.3149%2027.1032C30.2371%2026.9713%2030.0233%2026.8762%2029.7014%2026.7074C29.3795%2026.5385%2027.8002%2025.6941%2027.5033%2025.5754C27.3932%2025.5241%2027.2748%2025.4933%2027.1537%2025.4844C27.0748%2025.4885%2026.9982%2025.5118%2026.9304%2025.5523C26.8626%2025.5927%2026.8056%2025.6491%2026.7645%2025.7165C26.5007%2026.0451%2025.8951%2026.7588%2025.6918%2026.9647C25.6474%2027.0158%2025.5928%2027.057%2025.5314%2027.0857C25.4701%2027.1143%2025.4033%2027.1297%2025.3356%2027.131C25.2108%2027.1254%2025.0888%2027.0925%2024.9781%2027.0346C24.0214%2026.6284%2023.1492%2026.0466%2022.4066%2025.3194C21.7127%2024.6355%2021.124%2023.8526%2020.6598%2022.9961C20.4804%2022.6636%2020.6598%2022.4921%2020.8234%2022.3364C20.987%2022.1806%2021.1625%2021.9657%2021.3313%2021.7795C21.4699%2021.6206%2021.5854%2021.443%2021.6744%2021.2518C21.7204%2021.1631%2021.7437%2021.0643%2021.7421%2020.9644C21.7405%2020.8644%2021.7141%2020.7665%2021.6651%2020.6792C21.5874%2020.513%2021.0055%2018.8783%2020.7324%2018.2226C20.5108%2017.6619%2020.2469%2017.6434%2020.0159%2017.6262C19.826%2017.613%2019.6083%2017.6065%2019.3906%2017.5999H19.3628%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-18 .c-wrapper .c-column .c-column-02 .contactForm .form-block-01 .c-wrapper .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .submitFormBtn {
    width: 100%;
    margin-top: 28px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-18 {
    padding: 160px 0;
    background-color: #FFFFFF;
  }
  .content-block-18 .c-wrapper .c-column {
    display: flex;
    gap: 24px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 684px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 .c-container-01 {
    width: 644px;
    color: #030F3A;
    font-family: Inter;
    font-size: 88px;
    font-style: normal;
    font-weight: 600;
    line-height: 88px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 .c-container-02 {
    width: 566px;
    color: #0D1944;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 .c-container-03 {
    display: flex;
    align-items: center;
    padding-left: 56px;
  }
  .content-block-18 .c-wrapper .c-column .c-column-01 .c-container-03:before {
    display: block;
    content: "";
    left: 0;
    position: absolute;
    width: 48px;
    height: 48px;
    background-position: center center;
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%2024C0%2010.7452%2010.7452%200%2024%200C37.2548%200%2048%2010.7452%2048%2024C48%2037.2548%2037.2548%2048%2024%2048C10.7452%2048%200%2037.2548%200%2024Z%22%20fill%3D%22%2325D366%22%2F%3E%20%3Cpath%20d%3D%22M36.8827%2023.409C36.7602%2020.0565%2035.3475%2016.881%2032.9394%2014.5454C30.5313%2012.2099%2027.3141%2010.8949%2023.9596%2010.875H23.8962C21.6371%2010.8733%2019.4166%2011.4598%2017.453%2012.5768C15.4895%2013.6938%2013.8505%2015.3027%2012.6975%2017.2453C11.5445%2019.188%2010.9171%2021.3973%2010.877%2023.656C10.837%2025.9147%2011.3857%2028.1448%2012.4692%2030.1271L11.3187%2037.0115C11.3169%2037.0256%2011.318%2037.04%2011.3221%2037.0536C11.3262%2037.0673%2011.3332%2037.0799%2011.3426%2037.0906C11.3519%2037.1014%2011.3635%2037.11%2011.3764%2037.1159C11.3894%2037.1219%2011.4034%2037.1249%2011.4177%2037.125H11.4375L18.2467%2035.6104C20.006%2036.455%2021.9327%2036.8933%2023.8843%2036.8928C24.0084%2036.8928%2024.1324%2036.8928%2024.2564%2036.8928C25.9731%2036.8438%2027.6632%2036.4553%2029.2289%2035.7497C30.7947%2035.0441%2032.2052%2034.0354%2033.3791%2032.7818C34.553%2031.5282%2035.467%2030.0545%2036.0683%2028.4457C36.6696%2026.837%2036.9464%2025.1252%2036.8827%2023.409ZM24.1917%2034.6301C24.0888%2034.6301%2023.9859%2034.6301%2023.8843%2034.6301C22.1595%2034.6322%2020.4594%2034.2195%2018.9275%2033.4268L18.5792%2033.2448L13.9614%2034.3359L14.8137%2029.664L14.6158%2029.3289C13.6706%2027.7174%2013.1615%2025.8874%2013.1386%2024.0192C13.1157%2022.1511%2013.5799%2020.3091%2014.4853%2018.6749C15.3908%2017.0407%2016.7063%2015.6705%2018.3024%2014.6993C19.8984%2013.7282%2021.7199%2013.1895%2023.5875%2013.1364C23.6913%2013.1364%2023.7955%2013.1364%2023.9001%2013.1364C26.7198%2013.1447%2029.4233%2014.2604%2031.4282%2016.2431C33.4331%2018.2258%2034.5789%2020.9167%2034.6187%2023.736C34.6584%2026.5555%2033.5891%2029.2776%2031.641%2031.3161C29.6928%2033.3546%2027.0219%2034.5461%2024.2036%2034.6341L24.1917%2034.6301Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M19.3628%2017.6038C19.2021%2017.6069%2019.0436%2017.6423%2018.8968%2017.7078C18.7499%2017.7733%2018.6177%2017.8676%2018.5079%2017.9851C18.1979%2018.3031%2017.3311%2019.0683%2017.2809%2020.6753C17.2308%2022.2822%2018.3536%2023.8721%2018.5106%2024.0951C18.6676%2024.318%2020.6571%2027.7893%2023.9345%2029.197C25.8608%2030.0269%2026.7051%2030.1694%2027.2526%2030.1694C27.4783%2030.1694%2027.6485%2030.1457%2027.8265%2030.1351C28.4269%2030.0982%2029.7819%2029.4042%2030.0774%2028.6495C30.373%2027.8948%2030.3927%2027.2352%2030.3149%2027.1032C30.2371%2026.9713%2030.0233%2026.8762%2029.7014%2026.7074C29.3795%2026.5385%2027.8002%2025.6941%2027.5033%2025.5754C27.3932%2025.5241%2027.2748%2025.4933%2027.1537%2025.4844C27.0748%2025.4885%2026.9982%2025.5118%2026.9304%2025.5523C26.8626%2025.5927%2026.8056%2025.6491%2026.7645%2025.7165C26.5007%2026.0451%2025.8951%2026.7588%2025.6918%2026.9647C25.6474%2027.0158%2025.5928%2027.057%2025.5314%2027.0857C25.4701%2027.1143%2025.4033%2027.1297%2025.3356%2027.131C25.2108%2027.1254%2025.0888%2027.0925%2024.9781%2027.0346C24.0214%2026.6284%2023.1492%2026.0466%2022.4066%2025.3194C21.7127%2024.6355%2021.124%2023.8526%2020.6598%2022.9961C20.4804%2022.6636%2020.6598%2022.4921%2020.8234%2022.3364C20.987%2022.1806%2021.1625%2021.9657%2021.3313%2021.7795C21.4699%2021.6206%2021.5854%2021.443%2021.6744%2021.2518C21.7204%2021.1631%2021.7437%2021.0643%2021.7421%2020.9644C21.7405%2020.8644%2021.7141%2020.7665%2021.6651%2020.6792C21.5874%2020.513%2021.0055%2018.8783%2020.7324%2018.2226C20.5108%2017.6619%2020.2469%2017.6434%2020.0159%2017.6262C19.826%2017.613%2019.6083%2017.6065%2019.3906%2017.5999H19.3628%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-19 {
    padding: 0 0 40px 0;
    background-color: #FFFFFF;
  }
  .content-block-19.true {
    padding: 40px 0 40px 0;
  }
  .content-block-19 .c-wrapper .c-container-01 {
    display: flex;
    width: 100%;
    height: auto;
  }
  .content-block-19 .c-wrapper .c-container-01 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-19 {
    padding: 0 0 120px 0;
    background-color: #FFFFFF;
  }
  .content-block-19 .c-wrapper .c-container-01 {
    display: flex;
    width: 1392px;
    height: auto;
  }
  .content-block-19 .c-wrapper .c-container-01 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }
  .content-block-19.true {
    padding: 120px 0 120px 0;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-20 {
    padding: 40px 0 60px 0;
    background: #030F3A;
  }
  .content-block-20 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
  }
  .content-block-20 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 12px;
  }
  .content-block-20 .c-wrapper .c-container-01 .c-item-01 {
    width: 100%;
    color: #F6F6F6;
  }
  .content-block-20 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    color: #E4E4E4;
  }
  .content-block-20 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-01 {
    color: #F6F6F6;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 {
    display: flex;
    height: 212px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    background: #0D1944;
    margin-bottom: 20px;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 .c-unit-01-A {
    color: #F6F6F6;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 .c-unit-01-B {
    color: #C2C2C2;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-02 .c-unit-01:last-child {
    margin-bottom: 0;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-20 {
    padding: 120px 0 96px 0;
    background: #030F3A;
  }
  .content-block-20 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
  }
  .content-block-20 .c-wrapper .c-container-01 {
    display: flex;
    gap: 24px;
  }
  .content-block-20 .c-wrapper .c-container-01 .c-item-01 {
    width: 802px;
    padding-right: 118px;
    color: #F6F6F6;
  }
  .content-block-20 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex: 1;
    color: #E4E4E4;
  }
  .content-block-20 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 64px;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-01 {
    color: #F6F6F6;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 {
    display: flex;
    width: 448px;
    height: 234px;
    padding: 28px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    background: #0D1944;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 .c-unit-01-A {
    color: #F6F6F6;
    min-height: 56px;
  }
  .content-block-20 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 .c-unit-01-B {
    color: #C2C2C2;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-21 {
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-block-21 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .content-block-21 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 12px;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-01 {
    color: #030F3A;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -1.08px;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    color: #0D1944;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    color: rgba(13, 25, 68, 0.8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: "";
    position: absolute;
    right: -25px;
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-21 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background-color: #F6F6F6;
    width: 48%;
    height: 112px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 32px;
    height: 32px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A svg {
    width: 100%;
    height: 32px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-B {
    color: #030F3A;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background-color: #F6F6F6;
    padding-bottom: 24px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 24px 24px 32px 24px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A {
    flex: 1;
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 122.222% */
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    overflow: hidden;
    color: #0D1944;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
    color: #0D1944;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B .c-unit-01-B-02:after {
    content: "";
    position: absolute;
    right: -25px;
    display: flex;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 {
    width: 100%;
    height: 110px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 picture img {
    width: 100%;
    height: 110px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-21 {
    padding: 120px 0 240px 0;
    background-color: #FFFFFF;
  }
  .content-block-21 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
  }
  .content-block-21 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-01 {
    width: 1028px;
    padding-right: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 88px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 920px;
    padding-right: 48px;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    color: #0D1944;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    color: rgba(13, 25, 68, 0.8);
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
  }
  .content-block-21 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: "";
    position: absolute;
    right: -36px;
    display: flex;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-21 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    gap: 24px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    display: flex;
    min-width: 330px;
    height: 168px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background-color: #F6F6F6;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 60px;
    height: 60px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A svg {
    width: 60px;
    height: 60px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-B {
    color: #252525;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 120px;
    align-self: stretch;
    background-color: #F6F6F6;
    padding-bottom: 64px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 {
    display: flex;
    gap: 40px;
    padding: 64px 64px 0 64px;
    width: 100%;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-A {
    flex: 1;
    color: #030F3A;
    font-family: Inter;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.8px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 566px;
    padding-right: 12px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B .c-unit-01-B-01 {
    color: #030F3A;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B .c-unit-01-B-02 {
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
    color: #0D1944;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-01 .c-unit-01-B .c-unit-01-B-02:after {
    content: "";
    position: absolute;
    right: -36px;
    display: flex;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 {
    width: 100%;
    height: 235px;
    padding: 0 64px 0 64px;
  }
  .content-block-21 .c-wrapper .c-container-02 .c-item-02 .c-item-02-A .c-unit-02 picture img {
    width: 100%;
    height: 235px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-22 {
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-block-22 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-22 .c-wrapper > .c-container-01 {
    width: 100%;
    color: #030F3A;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-header {
    display: flex;
    gap: 16px;
    overflow-x: inherit;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-header .tab-head-item {
    color: #A3A3A3;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-header .tab-head-item.on {
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-01 {
    width: 100%;
    height: 242px;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-01 img {
    width: 100%;
    height: 242px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-02 .c-unit-01 {
    color: #030F3A;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-02 > .c-unit-02 {
    display: flex;
    flex-direction: column;
    color: #0D1944;
    gap: 10px;
  }
  .content-block-22 .c-wrapper > .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-02 > .c-unit-02 p br {
    display: none;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-22 {
    padding: 120px 0;
    background-color: #FFFFFF;
  }
  .content-block-22 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .content-block-22 .c-wrapper > .c-container-01 {
    width: 802px;
    color: #030F3A;
    font-family: Inter;
    font-size: 88px;
    font-style: normal;
    font-weight: 600;
    line-height: 88px;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-header {
    display: flex;
    gap: 16px;
    overflow-x: inherit;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-header .tab-head-item {
    color: #A3A3A3;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-header .tab-head-item.on {
    color: #030F3A;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 {
    display: flex;
    gap: 24px;
    width: 100%;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-01 {
    width: 694px;
    height: 854px;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-01 img {
    width: 100%;
    height: 854px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-left: 48px;
    flex: 1;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-02 .c-unit-01 {
    color: #030F3A;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-02 > .c-unit-02 {
    color: #0D1944;
    display: flex;
    flex-direction: column;
    gap: 13px;
  }
  .content-block-22 .c-wrapper .c-container-02 #content-block-22 > .tabber-body .tab-content-item .tab-content .c-container-01 .c-item-02 > .c-unit-02 p br {
    display: none;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-24 {
    align-items: start;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
  .content-block-24 > .c-container-01 {
    margin-top: 40px;
  }
  .content-block-24 > .c-container-02 {
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -1.08px;
  }
  .content-block-24 > .c-container-03 {
    margin-top: 32px;
    text-align: start;
  }
  .content-block-24 > .c-container-03 > p {
    margin-bottom: 20px;
  }
  .content-block-24 > .c-container-04 {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
  }
  .content-block-24 > .c-container-04 > .c-item-01 {
    width: 100%;
    height: 158px !important;
  }
  .content-block-24 > .c-container-04 > .c-item-01 .cloudimage-360 {
    height: 100%;
  }
  .content-block-24 > .c-container-04 > .c-item-01 .cloudimage-360 .cloudimage-360-inner-box {
    height: 100%;
  }
  .content-block-24 > .c-container-04 > .c-item-01 .cloudimage-360 .cloudimage-360-inner-box canvas {
    height: 100% !important;
  }
  .content-block-24 > .c-container-04 > .c-item-01 img {
    width: 100%;
    height: 158px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-24 > .c-container-04 > .c-item-02 {
    margin-top: 32px;
  }
  .content-block-24 > .c-container-04 > .c-item-02 > .c-unit-01 {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #E4E4E4;
    background: #FFF;
    padding: 24px;
    height: 128px;
    align-items: start;
  }
  .content-block-24 > .c-container-04 > .c-item-02 > .c-unit-01 .c-unit-01-A {
    color: #030F3A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
  .content-block-24 > .c-container-04 > .c-item-02 > .c-unit-01 .c-unit-01-B {
    margin-top: auto;
    color: #030F3A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }
  .content-block-24 > .c-container-04 > .c-item-03 {
    padding-top: 32px;
    padding-bottom: 60px;
  }
  .content-block-24 > .c-container-04 > .c-item-03 .c-unit-01 {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
  .content-block-24 > .c-container-04 > .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }
  .content-block-24 > .c-container-04 > .c-item-03 .c-unit-01 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-24 > .c-container-04 > .c-item-03 .c-unit-01 .c-unit-01-C {
    display: block !important;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-24 {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
  .content-block-24 > .c-container-02 {
    margin-bottom: 48px;
  }
  .content-block-24 > .c-container-03 {
    padding: 0 48px;
  }
  .content-block-24 > .c-container-04 .c-item-01 {
    width: 100%;
    height: 436px !important;
  }
  .content-block-24 > .c-container-04 .c-item-01 .cloudimage-360 {
    height: 100%;
  }
  .content-block-24 > .c-container-04 .c-item-01 .cloudimage-360 .cloudimage-360-inner-box {
    height: 100%;
  }
  .content-block-24 > .c-container-04 .c-item-01 .cloudimage-360 .cloudimage-360-inner-box canvas {
    height: 100% !important;
  }
  .content-block-24 > .c-container-04 .c-item-01 img {
    width: 100%;
  }
  .content-block-24 > .c-container-04 > .c-item-02 > .c-unit-01 {
    border-bottom: 1px solid #E4E4E4;
    background-color: #FFFFFF;
    padding: 24px;
    align-items: start;
  }
  .content-block-24 > .c-container-04 > .c-item-02 > .c-unit-01 .c-unit-01-A {
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .content-block-24 > .c-container-04 > .c-item-02 > .c-unit-01 .c-unit-01-B {
    margin-top: auto;
    color: #030F3A;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
  }
  .content-block-24 > .c-container-04 > .c-item-03 {
    padding-top: 50px;
  }
  .content-block-24 > .c-container-04 > .c-item-03 .c-unit-01 {
    width: 100%;
    height: 458px;
  }
  .content-block-24 > .c-container-04 > .c-item-03 .c-unit-01 .c-unit-01-C {
    display: block !important;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wStack-01 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background-color: #F1F1F1;
  }
  .content-block-wStack-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-wStack-01 .c-wrapper > .c-container-01 {
    color: #030F3A;
  }
  .content-block-wStack-01 .c-wrapper > .c-container-02 {
    display: flex;
    overflow: auto;
    gap: 12px;
  }
  .content-block-wStack-01 .c-wrapper > .c-container-02 .c-item-01 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content-block-wStack-01 .c-wrapper > .c-container-02 .c-item-01:first-child {
    margin-left: 20px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wStack-01 {
    display: flex;
    flex-direction: column;
    padding: 120px 0 160px 0;
    background-color: #F1F1F1;
  }
  .content-block-wStack-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .content-block-wStack-01 .c-wrapper > .c-container-01 {
    color: #030F3A;
  }
  .content-block-wStack-01 .c-wrapper > .c-container-02 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wStack-02 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background: #030F3A;
  }
  .content-block-wStack-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .content-block-wStack-02 .c-wrapper > .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 12px;
  }
  .content-block-wStack-02 .c-wrapper > .c-container-01 .c-item-01 {
    color: #F6F6F6;
  }
  .content-block-wStack-02 .c-wrapper > .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex: 1;
  }
  .content-block-wStack-02 .c-wrapper > .c-container-01 .c-item-02 .c-unit-01 {
    color: #C2C2C2;
  }
  .content-block-wStack-02 .c-wrapper > .c-container-01 .c-item-02 .c-unit-02 {
    display: flex;
    width: fit-content;
    color: rgba(194, 194, 194, 0.8);
  }
  .content-block-wStack-02 .c-wrapper > .c-container-01 .c-item-02 .c-unit-02:after {
    content: "";
    position: absolute;
    right: -28px;
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wStack-02 .c-wrapper > .c-container-02 {
    display: flex;
    overflow: auto;
    gap: 12px;
  }
  .content-block-wStack-02 .c-wrapper > .c-container-02 .c-item-01:first-child {
    padding-left: 20px;
  }
  .content-block-wStack-02.Light {
    background-color: #FFFFFF;
  }
  .content-block-wStack-02.Light .c-wrapper > .c-container-01 .c-item-01 {
    color: #030F3A;
  }
  .content-block-wStack-02.Light .c-wrapper > .c-container-01 .c-item-02 .c-unit-01 {
    color: #030F3A;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wStack-02 {
    display: flex;
    flex-direction: column;
    padding: 160px 0 180px 0;
    background: #030F3A;
  }
  .content-block-wStack-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
  }
  .content-block-wStack-02 .c-wrapper .c-container-01 {
    display: flex;
    gap: 24px;
  }
  .content-block-wStack-02 .c-wrapper .c-container-01 .c-item-01 {
    width: 802px;
    padding-right: 32px;
    color: #F6F6F6;
  }
  .content-block-wStack-02 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    flex: 1;
  }
  .content-block-wStack-02 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    color: #C2C2C2;
  }
  .content-block-wStack-02 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    display: flex;
    width: fit-content;
    color: #C2C2C2;
  }
  .content-block-wStack-02 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: "";
    position: absolute;
    right: -36px;
    display: flex;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wStack-02.Light {
    background-color: #FFFFFF;
  }
  .content-block-wStack-02.Light .c-wrapper > .c-container-01 .c-item-01 {
    color: #030F3A;
  }
  .content-block-wStack-02.Light .c-wrapper > .c-container-01 .c-item-02 .c-unit-01 {
    color: #030F3A;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wStack-03 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 40px 0;
    background-color: #FFFFFF;
  }
  .content-block-wStack-03 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-wStack-03 .c-wrapper .c-container-01 {
    display: flex;
  }
  .content-block-wStack-03 .c-wrapper .c-container-01 .c-item-01 {
    color: #252525;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
  }
  .content-block-wStack-03 .c-wrapper .c-container-02 {
    display: flex;
    overflow: auto;
    gap: 20px;
    flex-direction: column;
    width: auto !important;
    margin: 0 !important;
  }
  .content-block-wStack-03 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    height: 344px;
    padding: 90px;
    background-color: #E8DAFF;
    text-align: center;
  }
  .content-block-wStack-03 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    width: 280px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    color: #6929C4;
  }
  .content-block-wStack-03 .c-wrapper .c-container-02 .c-item-01:first-child {
    margin-left: 20px;
  }
  .content-block-wStack-03.padding-0 {
    padding-top: 0;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wStack-03 {
    display: flex;
    flex-direction: column;
    padding: 120px 0 120px 0;
    background-color: #FFFFFF;
  }
  .content-block-wStack-03 .c-wrapper {
    display: flex;
    flex-direction: column;
  }
  .content-block-wStack-03 .c-wrapper .c-container-01 {
    display: flex;
  }
  .content-block-wStack-03 .c-wrapper .c-container-01 .c-item-01 {
    color: #252525;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
  }
  .content-block-wStack-03 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 684px;
    height: 730px;
    background-color: #E8DAFF;
    color: #6929C4;
    text-align: center;
    font-family: "IBM Plex Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  .content-block-wStack-03.padding-0 {
    padding-top: 0;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wStack-04 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px 0;
    background: #FFFFFF;
  }
  .content-block-wStack-04 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-wStack-04 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-wStack-04 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 44px;
  }
  .content-block-wStack-04 .c-wrapper .c-container-01 .c-item-01 .c-unit-01 {
    color: var(--Color-Peen-blue-900-B, #030F3A);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 100% */
    letter-spacing: -1.08px;
  }
  .content-block-wStack-04 .c-wrapper .c-container-01 .c-item-01 .c-unit-02 {
    display: flex;
    width: 100%;
    height: 344px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px dashed #6929C4;
    background: #E8DAFF;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wStack-04 {
    display: flex;
    flex-direction: column;
    padding: 60px 0 160px 0;
    background: #FFFFFF;
  }
  .content-block-wStack-04 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-wStack-04 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-wStack-04 .c-wrapper .c-container-01 .c-item-01 .c-unit-01 {
    color: var(--Color-Peen-blue-900-B, #030F3A);
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px; /* 116.667% */
  }
  .content-block-wStack-04 .c-wrapper .c-container-01 .c-item-01 .c-unit-02 {
    display: flex;
    width: 684px;
    height: 730px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px dashed #6929C4;
    background: #E8DAFF;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wStack-05 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background: #FFFFFF;
  }
  .content-block-wStack-05 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-wStack-05 .c-wrapper .c-container-01 {
    color: #030F3A;
  }
  .content-block-wStack-05 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin-bottom: 12px;
  }
  .content-block-wStack-05 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .content-block-wStack-05 .c-wrapper .c-container-02 .c-item-01:last-child {
    margin-bottom: 0;
  }
  .content-block-wStack-05 .c-wrapper .c-container-03 {
    display: flex;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wStack-05 {
    display: flex;
    flex-direction: column;
    padding: 80px 0 160px 0;
    background: #FFFFFF;
  }
  .content-block-wStack-05 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .content-block-wStack-05 .c-wrapper .c-container-01 {
    color: #030F3A;
  }
  .content-block-wStack-05 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-wStack-05 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .content-block-wStack-05 .c-wrapper .c-container-03 {
    display: none;
  }
}
.content-block-wSlide-01.white {
  background-color: #FFFFFF;
}
.content-block-wSlide-01.neutrals {
  background-color: #F1F1F1;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wSlide-01 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-01 {
    color: #030F3A;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A {
    position: relative;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 .c-item-01 {
    width: auto !important;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 .c-item-01:first-child {
    margin-left: 20px;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 {
    display: none;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn, .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-01 .c-wrapper .c-container-03 {
    display: flex;
    width: max-content;
    color: #030F3A;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-03:after {
    content: "";
    position: absolute;
    display: flex;
    width: 20px;
    height: 20px;
    right: -28px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wSlide-01 {
    display: flex;
    flex-direction: column;
    padding: 120px 0 120px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-01 {
    width: 920px;
    color: #110F15;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A {
    position: relative;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 {
    height: 460px;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    width: 100%;
    gap: 16px;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn, .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-01 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-01 .c-wrapper .c-container-03 {
    display: none;
  }
}
.content-block-wSlide-02.white {
  background-color: #FFFFFF;
}
.content-block-wSlide-02.neutrals {
  background-color: #F1F1F1;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wSlide-02 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-01 {
    color: #030F3A;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A {
    position: relative;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 .c-item-01:first-child {
    margin-left: 20px;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 {
    display: none;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn, .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-02 .c-wrapper .c-container-03 {
    display: flex;
    width: max-content;
    margin-top: 8px;
    color: #030F3A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
  }
  .content-block-wSlide-02 .c-wrapper .c-container-03:after {
    content: "";
    position: absolute;
    display: flex;
    width: 20px;
    height: 20px;
    right: -28px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wSlide-02 {
    display: flex;
    flex-direction: column;
    padding: 120px 0 120px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-01 {
    width: 920px;
    color: #030F3A;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A {
    position: relative;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 {
    height: 460px;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    width: 100%;
    gap: 16px;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn, .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-02 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-02 .c-wrapper .c-container-03 {
    display: none;
  }
}
.content-block-wSlide-03.white {
  background-color: #FFFFFF;
}
.content-block-wSlide-03.neutrals {
  background-color: #F1F1F1;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wSlide-03 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-03 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-01 {
    color: #030F3A;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A {
    position: relative;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 .c-item-01:first-child {
    margin-left: 20px;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 {
    display: none;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn, .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-03 .c-wrapper .c-container-03 {
    display: flex;
    width: max-content;
    margin-top: 8px;
    color: #030F3A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
  }
  .content-block-wSlide-03 .c-wrapper .c-container-03:after {
    content: "";
    position: absolute;
    display: flex;
    width: 20px;
    height: 20px;
    right: -28px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%230D1944%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wSlide-03 {
    display: flex;
    flex-direction: column;
    padding: 120px 0 120px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-03 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-01 {
    width: 920px;
    color: #030F3A;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A {
    position: relative;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 {
    height: 460px;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A .c-container-02-A-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    width: 100%;
    gap: 16px;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn, .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-03 .c-wrapper .c-container-02 .c-container-02-A > .c-item-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-03 .c-wrapper .c-container-03 {
    display: none;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wSlide-04 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-04 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 {
    display: flex;
    order: 1;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A {
    position: relative;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 {
    display: flex;
    color: #030F3A;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 .c-unit-01-01 {
    border-bottom: 1px solid rgba(3, 15, 58, 0.2);
    align-self: stretch;
    padding-bottom: 24px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 p {
    display: flex;
    flex: 1;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 svg {
    top: -10px;
    margin-right: 12px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 .c-unit-01-A {
    color: var(--Color-Peen-blue-900-B, #030F3A);
    font-feature-settings: "dlig" on, "liga" off;
    font-family: "Be Vietnam";
    font-size: 140px;
    font-style: normal;
    font-weight: 800;
    line-height: 100px; /* 71.429% */
    letter-spacing: -4.2px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 {
    display: flex;
    align-self: start;
    width: 100%;
    align-items: center;
    gap: 16px;
    margin-left: 24px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-A {
    display: flex;
    width: 48px;
    height: 48px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-A img {
    width: 100%;
    height: 48px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-B {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    color: #030F3A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-B .c-unit-02-B-02 {
    color: rgba(3, 15, 58, 0.7);
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 {
    order: 2;
    display: flex;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .next-btn, .content-block-wSlide-04 .c-wrapper > .c-container-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wSlide-04 {
    display: flex;
    flex-direction: column;
    padding: 160px 0 160px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-04 .c-wrapper {
    display: flex;
    gap: 80px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 {
    display: flex;
    align-self: self-end;
    width: 1038px;
    order: 2;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A {
    position: relative;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 {
    display: flex;
    color: #030F3A;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 60px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 .c-unit-01-01 {
    border-bottom: 1px solid rgba(3, 15, 58, 0.2);
    align-self: stretch;
    padding-bottom: 60px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 svg {
    width: 94px;
    margin-right: 24px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-01 .c-unit-01-A {
    color: var(--Color-Peen-blue-900-B, #030F3A);
    font-feature-settings: "dlig" on, "liga" off;
    font-family: "Be Vietnam";
    font-size: 140px;
    font-style: normal;
    font-weight: 800;
    line-height: 100px; /* 71.429% */
    letter-spacing: -4.2px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;
    margin-left: 108px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-A {
    display: flex;
    width: 134px;
    height: 134px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-A img {
    width: 100%;
    height: 134px;
    object-fit: cover;
    object-position: center;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-B {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 255px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-B .c-unit-02-B-01 {
    color: #030F3A;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-01 .c-container-01-A .c-container-01-A-01 .c-item-01 > .c-unit-02 .c-unit-02-B .c-unit-02-B-02 {
    color: rgba(3, 15, 58, 0.7);
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 {
    order: 1;
    display: flex;
    align-content: center;
    width: 100%;
    gap: 16px;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .next-btn, .content-block-wSlide-04 .c-wrapper > .c-container-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-04 .c-wrapper > .c-container-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wSlide-05 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 48px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-05 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-header {
    display: flex;
    gap: 16px;
    overflow-x: visible;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-header .tab-head-item {
    color: #A3A3A3;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 100% */
    letter-spacing: -1.08px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-header .tab-head-item.on {
    background: none;
    color: #030F3A;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content {
    width: 100%;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A .c-container-02-A-01 {
    gap: 12px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A .c-container-02-A-01 .c-item-01 {
    display: flex;
    width: 280px !important;
    height: 158px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px dashed #6929C4;
    background: #E8DAFF;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A .c-container-02-A-01 .c-item-01:first-child {
    margin-left: 20px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A > .c-item-02 {
    display: none;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wSlide-05 {
    display: flex;
    flex-direction: column;
    padding: 160px 0 160px 0;
    background-color: #FFFFFF;
  }
  .content-block-wSlide-05 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-header {
    display: flex;
    gap: 24px;
    overflow-x: visible;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-header .tab-head-item {
    color: #A3A3A3;
    font-family: Inter;
    font-size: 88px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 96.8px */
    background: none;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-header .tab-head-item.on {
    background: none;
    color: #030F3A;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content {
    width: 100%;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A .c-container-02-A-01 .c-item-01 {
    display: flex;
    width: 448px !important;
    height: 480px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px dashed #6929C4;
    background: #E8DAFF;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A > .c-item-02 {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    width: 100%;
    gap: 16px;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A > .c-item-02 .next-btn, .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A > .c-item-02 .prev-btn {
    width: 40px;
    height: 40px;
    background-color: #FBFBFB;
    cursor: pointer;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A > .c-item-02 .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A > .c-item-02 .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A > .c-item-02 .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-05 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-container-02-A > .c-item-02 .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-block-wSlide-06 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background: #030F3A;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 12px;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-01 {
    color: #F6F6F6;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex: 1;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-02 .c-item-01 {
    color: #C2C2C2;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-02 .c-item-02 {
    display: flex;
    color: rgba(194, 194, 194, 0.8);
    width: max-content;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-02 .c-item-02:after {
    content: "";
    position: absolute;
    right: -24px;
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 {
    margin-top: 40px;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 {
    position: relative;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A {
    height: 100%;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A .c-item-01 {
    width: auto;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A .c-item-01:first-child {
    padding-left: 20px;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 > .c-container-01-B {
    display: none;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-block-wSlide-06 {
    display: flex;
    flex-direction: column;
    padding: 160px 0 180px 0;
    background: #030F3A;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 {
    display: flex;
    gap: 24px;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-01 {
    width: 802px;
    padding-right: 32px;
    color: #F6F6F6;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    flex: 1;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-02 .c-item-01 {
    color: #C2C2C2;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-02 .c-item-02 {
    display: flex;
    color: #C2C2C2;
    width: max-content;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-01 .c-container-02 .c-item-02:after {
    content: "";
    position: absolute;
    right: -36px;
    display: flex;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 {
    margin-top: 96px;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 {
    position: relative;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 .c-container-01-A {
    height: 460px;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 > .c-container-01-B {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    width: 100%;
    gap: 16px;
    margin-top: 48px;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 > .c-container-01-B .next-btn, .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 > .c-container-01-B .prev-btn {
    width: 40px;
    height: 40px;
    cursor: pointer;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 > .c-container-01-B .prev-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 > .c-container-01-B .prev-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 > .c-container-01-B .next-btn {
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23C2C2C2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23C2C2C2%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: unset;
  }
  .content-block-wSlide-06 .c-wrapper .c-column-02 .c-container-01 > .c-container-01-B .next-btn.swiper-button-disabled {
    background-color: unset;
    background-position: center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23464646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-list-block-01 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-list-block-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-01 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-list-block-01 .c-wrapper .c-container-01 .c-item-01 {
    color: #000;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 100% */
    letter-spacing: -1.08px;
  }
  .content-list-block-01 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-01 .c-wrapper .c-container-02 .c-container-02-A {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .content-list-block-01 .c-wrapper .c-container-02 .c-container-02-A .c-item-01 {
    color: #000;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 100% */
    letter-spacing: -1.08px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-list-block-01 {
    display: flex;
    flex-direction: column;
    padding: 120px 0;
    background-color: #FFFFFF;
  }
  .content-list-block-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-01 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-01 .c-wrapper .c-container-01 .c-item-01 {
    color: #000;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px; /* 116.667% */
  }
  .content-list-block-01 .c-wrapper .c-container-02 .c-container-02-A {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-01 .c-wrapper .c-container-02 .c-container-02-A .c-item-01 {
    color: #000;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px; /* 116.667% */
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-list-block-02 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-list-block-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-02 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-list-block-02 .c-wrapper .c-container-02 .card-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-list-block-02 {
    display: flex;
    flex-direction: column;
    padding: 120px 0;
    background-color: #FFFFFF;
  }
  .content-list-block-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
  }
  .content-list-block-02 .c-wrapper .c-container-02 .card-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-list-block-03 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-list-block-03 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-03 .c-wrapper .tabber-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-header {
    gap: 12px;
    overflow-x: unset;
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-header .tab-head-item {
    color: var(--Color-Neutrals-500, #A3A3A3);
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 100% */
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-header .tab-head-item.on {
    color: var(--Color-Peen-blue-900-B, #030F3A);
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 100% */
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content {
    width: 100%;
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-item-01 {
    display: flex;
    width: 100%;
    height: 328px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px dashed #6929C4;
    background: #E8DAFF;
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-item-01 a {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 100%;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    cursor: pointer;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-list-block-03 {
    display: flex;
    flex-direction: column;
    padding: 120px 0;
    background-color: #FFFFFF;
  }
  .content-list-block-03 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-03 .c-wrapper .tabber-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-header {
    gap: 32px;
    overflow-x: unset;
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-header .tab-head-item {
    color: var(--Color-Neutrals-500, #A3A3A3);
    font-family: Inter;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 100% */
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-header .tab-head-item.on {
    color: var(--Color-Peen-blue-900-B, #030F3A);
    font-family: Inter;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 100% */
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-item-01 {
    display: flex;
    width: 448px;
    height: 424px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px dashed #6929C4;
    background: #E8DAFF;
  }
  .content-list-block-03 .c-wrapper .tabber-container .tabber-body .tab-content-item .tab-content .c-item-01 a {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 100%;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    cursor: pointer;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .content-list-block-04 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 60px 0;
    background-color: #FFFFFF;
  }
  .content-list-block-04 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .content-list-block-04 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    width: 100%;
    height: 489px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px dashed #6929C4;
    background: #E8DAFF;
    padding: 50px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .content-list-block-04 {
    display: flex;
    flex-direction: column;
    padding: 120px 0;
    background-color: #FFFFFF;
  }
  .content-list-block-04 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    width: 330px;
    height: 489px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px dashed #6929C4;
    background: #E8DAFF;
    padding: 50px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .showcase-block-01 {
    width: 100%;
    /* target the active bullet */
    /* target all bullets */
  }
  .showcase-block-01 .c-container-01 .c-container-01-A {
    height: 100vh;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A > .c-item-01 > .c-item-01-A {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 120px 20px 40px 20px;
    gap: 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .showcase-block-01 .c-container-01 .c-container-01-A > .c-item-01 > .c-item-01-A > .c-unit-01 {
    color: #F1F1F1;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A > .c-item-01 > .c-item-01-A > .c-unit-01 .c-unit-01-B {
    display: none;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A > .c-item-01 > .c-item-01-A > .c-unit-02 {
    display: flex;
    flex-direction: column;
    height: 60%;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A > .c-item-01 > .c-item-01-A > .c-unit-02 .c-unit-02-A {
    order: 2;
    color: #F1F1F1;
    margin-top: auto;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A > .c-item-01 > .c-item-01-A > .c-unit-02 .c-unit-02-B {
    order: 1;
    color: #F1F1F1;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A > .c-item-01 .c-item-01-B {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A > .c-item-01 .c-item-01-B img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .showcase-block-01 .c-container-01 > .c-item-02 {
    position: absolute;
    left: 64px;
    bottom: 64px;
    z-index: 3;
    width: 32px;
    height: 32px;
  }
  .showcase-block-01 .c-container-01 > .c-item-02 > .c-item-01 {
    display: flex;
    width: 32px;
    height: 32px;
  }
  .showcase-block-01 .swiper-pagination {
    position: absolute;
    bottom: 64px !important;
    display: flex;
    left: 20px !important;
    gap: 0 16px;
  }
  .showcase-block-01 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    height: 4px;
    background-color: #FFFFFF;
    margin: 0 !important;
    border-radius: var(--Radius-Radius-round, 9999px);
  }
  .showcase-block-01 .swiper-pagination-bullet {
    width: 8px;
    height: 4px;
    background-color: #FFFFFF;
    margin: 0 !important;
    border-radius: var(--Radius-Radius-round, 9999px);
  }
}
@media all and (max-width: 767px) and (orientation: landscape) {
  .showcase-block-01 .swiper-pagination {
    bottom: 24px !important;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .showcase-block-01 {
    width: 100%;
    /* target the active bullet */
    /* target all bullets */
  }
  .showcase-block-01 .c-container-01 .c-container-01-A {
    height: 200vh;
    max-height: 1000px;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-A {
    display: flex;
    flex-direction: column;
    padding: 144px 60px 72px 80px;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-A .c-unit-01 {
    width: 100%;
    color: #FFFFFF;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-A {
    width: 1038px;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B {
    top: 0;
    right: -60px;
    position: absolute;
    color: rgba(241, 241, 241, 0.5);
    font-family: Inter;
    font-size: 160px;
    font-style: normal;
    font-weight: 700;
    line-height: 160px;
    letter-spacing: -4.8px;
    overflow: hidden;
    white-space: nowrap;
    width: fit-content;
    max-width: 3.1ch;
    min-height: 161px;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-A .c-unit-01 .c-unit-01-B > a {
    color: rgba(241, 241, 241, 0.5);
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-A .c-unit-02 {
    display: flex;
    margin-top: auto;
    justify-content: space-between;
    align-items: end;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
    color: #FFFFFF;
    padding-bottom: 8px;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
    opacity: 0.8;
    width: 535px;
    color: #FFFFFF;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-B {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .showcase-block-01 .c-container-01 .c-container-01-A .c-item-01 .c-item-01-B img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .showcase-block-01 .c-container-01 .c-item-02 {
    position: absolute;
    left: 64px;
    bottom: 64px;
    z-index: 3;
    width: 32px;
    height: 32px;
  }
  .showcase-block-01 .c-container-01 .c-item-02 .c-item-01 {
    display: flex;
    width: 32px;
    height: 32px;
  }
  .showcase-block-01 .swiper-pagination {
    display: none;
    position: absolute;
    bottom: 64px !important;
    justify-content: center;
    gap: 0 16px;
  }
  .showcase-block-01 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFFFFF;
    opacity: 1;
    margin: 0;
  }
  .showcase-block-01 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #FFFFFF;
    opacity: 0.4;
    margin: 0 !important;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .showcase-block-02 {
    display: flex;
    flex-direction: column;
    background-color: #030F3A;
    padding: 169px 20px 48px 20px;
  }
  .showcase-block-02 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .showcase-block-02 .c-container-01 .c-item-01 {
    color: #F1F1F1;
  }
  .showcase-block-02 .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-self: self-end;
  }
  .showcase-block-02 .c-container-01 .c-item-02 .c-unit-01 {
    color: #E4E4E4;
  }
  .showcase-block-02 .c-container-01 .c-item-02 .c-unit-02 {
    color: #E4E4E4;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .showcase-block-02 {
    display: flex;
    flex-direction: column;
    background-color: #030F3A;
    padding: 200px 80px 80px 80px;
  }
  .showcase-block-02 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 72px;
  }
  .showcase-block-02 .c-container-01 .c-item-01 {
    width: 1220px;
    color: #F1F1F1;
  }
  .showcase-block-02 .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    width: 448px;
    gap: 48px;
    align-self: self-end;
  }
  .showcase-block-02 .c-container-01 .c-item-02 .c-unit-01 {
    color: #E4E4E4;
  }
  .showcase-block-02 .c-container-01 .c-item-02 .c-unit-02 {
    color: #E4E4E4;
  }
  @keyframes opacityToggle {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes opacityToggle {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-moz-keyframes opacityToggle {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-o-keyframes opacityToggle {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .showcase-block-03 {
    display: flex;
    flex-direction: column;
    padding: 169px 20px 48px 20px;
    background-color: #030F3A;
  }
  .showcase-block-03 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A {
    display: flex;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-01 {
    color: #F1F1F1;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -1.44px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 {
    display: none;
  }
  .showcase-block-03 .c-container-01 .c-container-01-B {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-B .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 155px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-B .c-item-01 .c-unit-01 {
    color: #E4E4E4;
  }
  .showcase-block-03 .c-container-01 .c-container-01-B .c-item-01 .c-unit-02 {
    color: #A3A3A3;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .showcase-block-03 {
    display: flex;
    flex-direction: column;
    padding: 200px 80px 56px 80px;
    background-color: #030F3A;
  }
  .showcase-block-03 .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 240px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A {
    display: flex;
    gap: 400px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-01 {
    color: #F1F1F1;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 {
    display: flex;
    width: 100%;
    gap: 13px;
    height: 190px;
    /* Animasyon keyframes */
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 .c-unit-01 {
    right: -80px;
    position: absolute;
    color: rgba(241, 241, 241, 0.5);
    font-family: Inter;
    font-size: 160px;
    font-style: normal;
    font-weight: 700;
    line-height: 160px;
    letter-spacing: -4.8px;
    overflow: hidden;
    white-space: nowrap;
    width: fit-content;
    max-width: 2.2ch;
    min-height: 161px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 .c-unit-01:hover + .c-unit-02 {
    display: flex;
    animation: showUnit 0.5s ease-out forwards;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 .c-unit-02 {
    display: none;
    flex-direction: column;
    gap: 13px;
    position: absolute;
    right: 68px;
    bottom: -144px;
    opacity: 0;
    transition: opacity 0.5s ease-out;
    /* Hover durumu */
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 .c-unit-02 .c-unit-02-A {
    width: 170px;
    height: 116px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 .c-unit-02 .c-unit-02-A img {
    width: 100%;
    height: 116px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 .c-unit-02 .c-unit-02-B {
    color: #FFFFFF;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
  }
  .c-unit-01:hover + .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 .c-unit-02, .showcase-block-03 .c-container-01 .c-container-01-A .c-item-02 .c-unit-02:hover {
    display: flex;
    opacity: 1; /* Hover olduğunda görünür */
    transition: opacity 0.5s ease-out; /* Yavaşça görünür hale gelmesi */
  }
  @keyframes showUnit {
    0% {
      transform: translateY(-20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .showcase-block-03 .c-container-01 .c-container-01-B {
    display: flex;
    gap: 24px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-B .c-item-01 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 320px;
  }
  .showcase-block-03 .c-container-01 .c-container-01-B .c-item-01 .c-unit-01 {
    color: #E4E4E4;
  }
  .showcase-block-03 .c-container-01 .c-container-01-B .c-item-01 .c-unit-02 {
    color: #A3A3A3;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .breadcrumb-01 {
    position: absolute;
    z-index: 11;
    top: 100px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 20px 0 20px;
    background-color: transparent;
    white-space: nowrap;
    overflow: auto;
  }
  .breadcrumb-01::-webkit-scrollbar {
    width: 4px; /* Mobilde daha ince scrollbar */
  }
  .breadcrumb-01 .c-item-01 {
    margin-right: 32px;
    color: #C2C2C2;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
  }
  .breadcrumb-01 .c-item-01:not(:last-child):after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #FFFFFF;
    margin-left: 14px;
    top: 9px;
  }
  .breadcrumb-01 .c-item-01.on {
    opacity: 1;
  }
  .breadcrumb-01 .c-item-01:last-child {
    opacity: 1;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .breadcrumb-01 {
    position: absolute;
    z-index: 11;
    top: 116px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 20px;
    padding: 0 80px 0 80px;
    background-color: transparent;
  }
  .breadcrumb-01 .c-item-01 {
    margin-right: 32px;
    color: #C2C2C2;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
  }
  .breadcrumb-01 .c-item-01:not(:last-child):after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #FFFFFF;
    margin-left: 14px;
    top: 9px;
  }
  .breadcrumb-01 .c-item-01.on {
    opacity: 1;
  }
  .breadcrumb-01 .c-item-01:last-child {
    opacity: 1;
  }
}
@font-face {
  font-family: "Inter";
  src: url("/Content/Files/Fonts/Inter/Inter-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("/Content/Files/Fonts/Inter/Inter-Medium.ttf");
  font-weight: 500;
}
body {
  font-family: "Inter";
  font-size: 1em;
  font-weight: 400;
}
body .secondary-font-family {
  font-family: "Inter";
}
body.zoom-sm1 {
  font-size: 0.5em;
}
body.zoom-sm2 {
  font-size: 0.57em;
}
body.zoom-md {
  font-size: 0.78em;
}
body strong {
  font-weight: 700;
}
body a {
  color: #464646;
}
body p a {
  text-decoration: underline;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .header-01 {
    position: fixed;
    z-index: 88;
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 0 20px;
    background-color: rgba(255, 255, 255, 0);
  }
  .header-01 #site-logo .c-unit-01 {
    display: flex;
    width: 174px;
    height: 16px;
  }
  .header-01 #site-logo .c-unit-02 {
    display: none;
  }
  body.scrolled .header-01,
  body.scroll-disabled .header-01 {
    background-color: rgb(255, 255, 255);
    transition: background-color 0.2s 0s !important;
  }
  body.scrolled .header-01 #site-logo,
  body.scroll-disabled .header-01 #site-logo {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 222px;
    height: 60px;
    place-content: start;
  }
  body.scrolled .header-01 #site-logo .c-unit-01,
  body.scroll-disabled .header-01 #site-logo .c-unit-01 {
    display: none;
    width: 174px;
    height: 16px;
  }
  body.scrolled .header-01 #site-logo .c-unit-02,
  body.scroll-disabled .header-01 #site-logo .c-unit-02 {
    display: block;
    width: 174px;
    height: 16px;
  }
  body.scrolled .header-01 #site-logo .c-unit-02 svg,
  body.scroll-disabled .header-01 #site-logo .c-unit-02 svg {
    width: 174px;
    height: 16px;
  }
  body.scrolled .header-01 #menu-primary ul li a,
  body.scroll-disabled .header-01 #menu-primary ul li a {
    color: #030F3A;
  }
  body.scrolled .header-01 #menu-primary ul li a:after,
  body.scroll-disabled .header-01 #menu-primary ul li a:after {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6132%29%22%3E%20%3Cpath%20d%3D%22M16%2022L6%2012L7.4%2010.6L16%2019.2L24.6%2010.6L26%2012L16%2022Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6132%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  body.scrolled .header-01 #activity-container #menu-language #menu-language_header,
  body.scroll-disabled .header-01 #activity-container #menu-language #menu-language_header {
    background-color: rgba(255, 255, 255, 0.1);
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6141%29%22%3E%20%3Cpath%20d%3D%22M16%202C13.2311%202%2010.5243%202.82109%208.22202%204.35943C5.91973%205.89777%204.12532%208.08427%203.06569%2010.6424C2.00607%2013.2006%201.72882%2016.0155%202.26901%2018.7313C2.80921%2021.447%204.14258%2023.9416%206.10051%2025.8995C8.05845%2027.8574%2010.553%2029.1908%2013.2687%2029.731C15.9845%2030.2712%2018.7994%2029.9939%2021.3576%2028.9343C23.9157%2027.8747%2026.1022%2026.0803%2027.6406%2023.778C29.1789%2021.4757%2030%2018.7689%2030%2016C30%2012.287%2028.525%208.72601%2025.8995%206.1005C23.274%203.475%2019.713%202%2016%202ZM28%2015H22C21.8833%2011.3171%2020.9291%207.70915%2019.21%204.45C21.5786%205.0979%2023.6914%206.45684%2025.2632%208.34342C26.8351%2010.23%2027.7903%2012.5534%2028%2015ZM16%2028C15.7769%2028.015%2015.5531%2028.015%2015.33%2028C13.2583%2024.6962%2012.1085%2020.8981%2012%2017H20C19.9005%2020.8953%2018.7612%2024.6932%2016.7%2028C16.467%2028.0164%2016.2331%2028.0164%2016%2028ZM12%2015C12.0995%2011.1047%2013.2388%207.30682%2015.3%204C15.7453%203.94997%2016.1947%203.94997%2016.64%204C18.7223%207.3008%2019.8825%2011.0991%2020%2015H12ZM12.76%204.45C11.0513%207.71165%2010.1075%2011.3194%2010%2015H4.00001C4.20971%2012.5534%205.16495%2010.23%206.7368%208.34342C8.30865%206.45684%2010.4214%205.0979%2012.79%204.45H12.76ZM4.05001%2017H10.05C10.1544%2020.6798%2011.0948%2024.2875%2012.8%2027.55C10.4389%2026.8951%208.33478%2025.5332%206.77056%2023.6472C5.20634%2021.7612%204.25695%2019.4415%204.05001%2017ZM19.21%2027.55C20.9291%2024.2908%2021.8833%2020.6829%2022%2017H28C27.7903%2019.4466%2026.8351%2021.77%2025.2632%2023.6566C23.6914%2025.5432%2021.5786%2026.9021%2019.21%2027.55Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6141%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  body.scrolled .header-01 #activity-container #search-display-button,
  body.scroll-disabled .header-01 #activity-container #search-display-button {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6145%29%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.89731%202.03186%207.19657%203.18666%205.19162%205.19161C3.18667%207.19656%202.03187%209.8973%201.96745%2012.732C1.90304%2015.5667%202.93396%2018.3171%204.84577%2020.4111C6.75758%2022.505%209.40307%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM4%2013C4%2011.22%204.52784%209.4799%205.51677%207.99986C6.50571%206.51982%207.91131%205.36627%209.55585%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32622%2021.0483%206.63896%2019.361C4.95171%2017.6738%204.00265%2015.3861%204%2013Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6145%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: rgba(255, 255, 255, 0.1);
  }
  body.scrolled .header-01 #activity-container #hamburger-menu-buttons #button-hamburger,
  body.scroll-disabled .header-01 #activity-container #hamburger-menu-buttons #button-hamburger {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6651%29%22%3E%20%3Cpath%20d%3D%22M28%206H4V8H28V6Z%22%20fill%3D%22%23000000%22%2F%3E%20%3Cpath%20d%3D%22M28%2024H4V26H28V24Z%22%20fill%3D%22%23000000%22%2F%3E%20%3Cpath%20d%3D%22M28%2012H4V14H28V12Z%22%20fill%3D%22%23000000%22%2F%3E%20%3Cpath%20d%3D%22M28%2018H4V20H28V18Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6651%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #site-logo {
    z-index: 1;
    display: block;
    width: 130px;
    height: 12px;
  }
  #site-logo svg {
    width: 100%;
    height: 100%;
  }
  #activity-container {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }
  #activity-container #formNavMenu {
    display: none;
  }
  #activity-container #search-display-button {
    display: flex;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6145%29%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.89731%202.03186%207.19657%203.18666%205.19162%205.19161C3.18667%207.19656%202.03187%209.8973%201.96745%2012.732C1.90304%2015.5667%202.93396%2018.3171%204.84577%2020.4111C6.75758%2022.505%209.40307%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM4%2013C4%2011.22%204.52784%209.4799%205.51677%207.99986C6.50571%206.51982%207.91131%205.36627%209.55585%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32622%2021.0483%206.63896%2019.361C4.95171%2017.6738%204.00265%2015.3861%204%2013Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6145%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #activity-container #hamburger-menu-buttons #button-hamburger {
    display: flex;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6651%29%22%3E%20%3Cpath%20d%3D%22M28%206H4V8H28V6Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2024H4V26H28V24Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2012H4V14H28V12Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2018H4V20H28V18Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6651%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #activity-container #hamburger-menu-buttons #button-menuclose {
    display: none;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .header-01 {
    position: fixed;
    z-index: 88;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 112px;
    padding: 0 80px;
    background-color: transparent;
    overflow-x: clip;
    transition: background-color 0.2s 0.3s;
  }
  .header-01 #menu-language {
    opacity: 1;
  }
  .header-01 #menu-language.off {
    opacity: 0;
  }
  .header-01 #menu-language .lang-ul-level-1 > li {
    cursor: pointer;
  }
  .header-01 #menu-language .lang-ul-level-1 > li .lang-selected {
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: toEm(15);
    color: #F1F1F1;
    line-height: 16px;
    display: flex;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6141%29%22%3E%20%3Cpath%20d%3D%22M16%202C13.2311%202%2010.5243%202.82109%208.22202%204.35943C5.91973%205.89777%204.12532%208.08427%203.06569%2010.6424C2.00607%2013.2006%201.72882%2016.0155%202.26901%2018.7313C2.80921%2021.447%204.14258%2023.9416%206.10051%2025.8995C8.05845%2027.8574%2010.553%2029.1908%2013.2687%2029.731C15.9845%2030.2712%2018.7994%2029.9939%2021.3576%2028.9343C23.9157%2027.8747%2026.1022%2026.0803%2027.6406%2023.778C29.1789%2021.4757%2030%2018.7689%2030%2016C30%2012.287%2028.525%208.72601%2025.8995%206.1005C23.274%203.475%2019.713%202%2016%202ZM28%2015H22C21.8833%2011.3171%2020.9291%207.70915%2019.21%204.45C21.5786%205.0979%2023.6914%206.45684%2025.2632%208.34342C26.8351%2010.23%2027.7903%2012.5534%2028%2015ZM16%2028C15.7769%2028.015%2015.5531%2028.015%2015.33%2028C13.2583%2024.6962%2012.1085%2020.8981%2012%2017H20C19.9005%2020.8953%2018.7612%2024.6932%2016.7%2028C16.467%2028.0164%2016.2331%2028.0164%2016%2028ZM12%2015C12.0995%2011.1047%2013.2388%207.30682%2015.3%204C15.7453%203.94997%2016.1947%203.94997%2016.64%204C18.7223%207.3008%2019.8825%2011.0991%2020%2015H12ZM12.76%204.45C11.0513%207.71165%2010.1075%2011.3194%2010%2015H4.00001C4.20971%2012.5534%205.16495%2010.23%206.7368%208.34342C8.30865%206.45684%2010.4214%205.0979%2012.79%204.45H12.76ZM4.05001%2017H10.05C10.1544%2020.6798%2011.0948%2024.2875%2012.8%2027.55C10.4389%2026.8951%208.33478%2025.5332%206.77056%2023.6472C5.20634%2021.7612%204.25695%2019.4415%204.05001%2017ZM19.21%2027.55C20.9291%2024.2908%2021.8833%2020.6829%2022%2017H28C27.7903%2019.4466%2026.8351%2021.77%2025.2632%2023.6566C23.6914%2025.5432%2021.5786%2026.9021%2019.21%2027.55Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6141%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: rgba(255, 255, 255, 0.1);
  }
  .header-01 #menu-language .lang-ul-level-1 > li .lang-header {
    display: none;
  }
  .header-01 #menu-language .lang-ul-level-1 > li:hover .lang-selected {
    background-color: #FBFBFB;
  }
  .header-01 #menu-language .lang-ul-level-1 > li:hover .lang-option-container {
    opacity: 1;
    visibility: visible;
  }
  .header-01 #menu-language .lang-option-container {
    position: absolute;
    padding-top: 8px;
    margin: 0 0 0 -8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
  }
  .header-01 #menu-language .lang-option-container .lang-ul-level-2 {
    width: 110px;
    padding: 12px 24px;
    background-color: #F6F6F6;
  }
  .header-01 #menu-language .lang-option-container .lang-ul-level-2 > li.lang-selected {
    display: none;
  }
  .header-01.mouse-over {
    background-color: #FFFFFF;
  }
  .header-01.mouse-over #menu-primary .ul-level-1 > li > a {
    color: #030F3A;
  }
  .header-01.mouse-over #menu-primary .ul-level-1 > li > a:after {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6132%29%22%3E%20%3Cpath%20d%3D%22M16%2022L6%2012L7.4%2010.6L16%2019.2L24.6%2010.6L26%2012L16%2022Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6132%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .header-01.mouse-over #activity-container #menu-language #menu-language_header {
    background-color: rgba(255, 255, 255, 0.1);
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6141%29%22%3E%20%3Cpath%20d%3D%22M16%202C13.2311%202%2010.5243%202.82109%208.22202%204.35943C5.91973%205.89777%204.12532%208.08427%203.06569%2010.6424C2.00607%2013.2006%201.72882%2016.0155%202.26901%2018.7313C2.80921%2021.447%204.14258%2023.9416%206.10051%2025.8995C8.05845%2027.8574%2010.553%2029.1908%2013.2687%2029.731C15.9845%2030.2712%2018.7994%2029.9939%2021.3576%2028.9343C23.9157%2027.8747%2026.1022%2026.0803%2027.6406%2023.778C29.1789%2021.4757%2030%2018.7689%2030%2016C30%2012.287%2028.525%208.72601%2025.8995%206.1005C23.274%203.475%2019.713%202%2016%202ZM28%2015H22C21.8833%2011.3171%2020.9291%207.70915%2019.21%204.45C21.5786%205.0979%2023.6914%206.45684%2025.2632%208.34342C26.8351%2010.23%2027.7903%2012.5534%2028%2015ZM16%2028C15.7769%2028.015%2015.5531%2028.015%2015.33%2028C13.2583%2024.6962%2012.1085%2020.8981%2012%2017H20C19.9005%2020.8953%2018.7612%2024.6932%2016.7%2028C16.467%2028.0164%2016.2331%2028.0164%2016%2028ZM12%2015C12.0995%2011.1047%2013.2388%207.30682%2015.3%204C15.7453%203.94997%2016.1947%203.94997%2016.64%204C18.7223%207.3008%2019.8825%2011.0991%2020%2015H12ZM12.76%204.45C11.0513%207.71165%2010.1075%2011.3194%2010%2015H4.00001C4.20971%2012.5534%205.16495%2010.23%206.7368%208.34342C8.30865%206.45684%2010.4214%205.0979%2012.79%204.45H12.76ZM4.05001%2017H10.05C10.1544%2020.6798%2011.0948%2024.2875%2012.8%2027.55C10.4389%2026.8951%208.33478%2025.5332%206.77056%2023.6472C5.20634%2021.7612%204.25695%2019.4415%204.05001%2017ZM19.21%2027.55C20.9291%2024.2908%2021.8833%2020.6829%2022%2017H28C27.7903%2019.4466%2026.8351%2021.77%2025.2632%2023.6566C23.6914%2025.5432%2021.5786%2026.9021%2019.21%2027.55Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6141%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .header-01.mouse-over #activity-container #search-display-button {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6145%29%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.89731%202.03186%207.19657%203.18666%205.19162%205.19161C3.18667%207.19656%202.03187%209.8973%201.96745%2012.732C1.90304%2015.5667%202.93396%2018.3171%204.84577%2020.4111C6.75758%2022.505%209.40307%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM4%2013C4%2011.22%204.52784%209.4799%205.51677%207.99986C6.50571%206.51982%207.91131%205.36627%209.55585%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32622%2021.0483%206.63896%2019.361C4.95171%2017.6738%204.00265%2015.3861%204%2013Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6145%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: rgba(255, 255, 255, 0.1);
  }
  .header-01.mouse-over #site-logo {
    align-items: center;
    display: flex;
  }
  .header-01.mouse-over #site-logo .c-unit-01 {
    display: none;
  }
  .header-01.mouse-over #site-logo .c-unit-02 {
    display: block;
    opacity: 1;
  }
  .header-01.mouse-over #search-display-button {
    background-color: rgba(245, 245, 245, 0);
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6145%29%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.89731%202.03186%207.19657%203.18666%205.19162%205.19161C3.18667%207.19656%202.03187%209.8973%201.96745%2012.732C1.90304%2015.5667%202.93396%2018.3171%204.84577%2020.4111C6.75758%2022.505%209.40307%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM4%2013C4%2011.22%204.52784%209.4799%205.51677%207.99986C6.50571%206.51982%207.91131%205.36627%209.55585%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32622%2021.0483%206.63896%2019.361C4.95171%2017.6738%204.00265%2015.3861%204%2013Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6145%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    border: 2px solid rgba(255, 255, 255, 0.15);
  }
  .header-01.mouse-over #menu-language .lang-ul-level-1 > li > .lang-selected {
    display: flex;
    width: 48px;
    height: 48px;
    background-color: transparent;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6141%29%22%3E%20%3Cpath%20d%3D%22M16%202C13.2311%202%2010.5243%202.82109%208.22202%204.35943C5.91973%205.89777%204.12532%208.08427%203.06569%2010.6424C2.00607%2013.2006%201.72882%2016.0155%202.26901%2018.7313C2.80921%2021.447%204.14258%2023.9416%206.10051%2025.8995C8.05845%2027.8574%2010.553%2029.1908%2013.2687%2029.731C15.9845%2030.2712%2018.7994%2029.9939%2021.3576%2028.9343C23.9157%2027.8747%2026.1022%2026.0803%2027.6406%2023.778C29.1789%2021.4757%2030%2018.7689%2030%2016C30%2012.287%2028.525%208.72601%2025.8995%206.1005C23.274%203.475%2019.713%202%2016%202ZM28%2015H22C21.8833%2011.3171%2020.9291%207.70915%2019.21%204.45C21.5786%205.0979%2023.6914%206.45684%2025.2632%208.34342C26.8351%2010.23%2027.7903%2012.5534%2028%2015ZM16%2028C15.7769%2028.015%2015.5531%2028.015%2015.33%2028C13.2583%2024.6962%2012.1085%2020.8981%2012%2017H20C19.9005%2020.8953%2018.7612%2024.6932%2016.7%2028C16.467%2028.0164%2016.2331%2028.0164%2016%2028ZM12%2015C12.0995%2011.1047%2013.2388%207.30682%2015.3%204C15.7453%203.94997%2016.1947%203.94997%2016.64%204C18.7223%207.3008%2019.8825%2011.0991%2020%2015H12ZM12.76%204.45C11.0513%207.71165%2010.1075%2011.3194%2010%2015H4.00001C4.20971%2012.5534%205.16495%2010.23%206.7368%208.34342C8.30865%206.45684%2010.4214%205.0979%2012.79%204.45H12.76ZM4.05001%2017H10.05C10.1544%2020.6798%2011.0948%2024.2875%2012.8%2027.55C10.4389%2026.8951%208.33478%2025.5332%206.77056%2023.6472C5.20634%2021.7612%204.25695%2019.4415%204.05001%2017ZM19.21%2027.55C20.9291%2024.2908%2021.8833%2020.6829%2022%2017H28C27.7903%2019.4466%2026.8351%2021.77%2025.2632%2023.6566C23.6914%2025.5432%2021.5786%2026.9021%2019.21%2027.55Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6141%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: rgba(255, 255, 255, 0.1);
  }
  .header-01.mouse-over #menu-language .lang-ul-level-1 > li .lang-header {
    display: none;
  }
  .header-01.mouse-over #menu-language .lang-option-container .lang-ul-level-2 > li > a {
    color: #030F3A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
  }
  .header-01:hover {
    transition: background-color 0.2s 0s;
  }
  body.scrolled .header-01,
  body.scroll-disabled .header-01 {
    background-color: #FFFFFF !important;
    transition: background-color 0.2s 0s !important;
  }
  body.scrolled .header-01 #site-logo .c-unit-01,
  body.scroll-disabled .header-01 #site-logo .c-unit-01 {
    display: none;
    width: 100%;
    height: 100%;
  }
  body.scrolled .header-01 #site-logo .c-unit-02,
  body.scroll-disabled .header-01 #site-logo .c-unit-02 {
    opacity: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
  }
  body.scrolled .header-01 #menu-primary .ul-level-1 > li > a,
  body.scroll-disabled .header-01 #menu-primary .ul-level-1 > li > a {
    color: #030F3A;
    transition: color 0.4s ease-in-out;
  }
  body.scrolled .header-01 #menu-primary .ul-level-1 > li > a:after,
  body.scroll-disabled .header-01 #menu-primary .ul-level-1 > li > a:after {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6132%29%22%3E%20%3Cpath%20d%3D%22M16%2022L6%2012L7.4%2010.6L16%2019.2L24.6%2010.6L26%2012L16%2022Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6132%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  body.scrolled .header-01 #activity-container #menu-language #menu-language_header,
  body.scroll-disabled .header-01 #activity-container #menu-language #menu-language_header {
    background-color: rgba(255, 255, 255, 0.1);
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6141%29%22%3E%20%3Cpath%20d%3D%22M16%202C13.2311%202%2010.5243%202.82109%208.22202%204.35943C5.91973%205.89777%204.12532%208.08427%203.06569%2010.6424C2.00607%2013.2006%201.72882%2016.0155%202.26901%2018.7313C2.80921%2021.447%204.14258%2023.9416%206.10051%2025.8995C8.05845%2027.8574%2010.553%2029.1908%2013.2687%2029.731C15.9845%2030.2712%2018.7994%2029.9939%2021.3576%2028.9343C23.9157%2027.8747%2026.1022%2026.0803%2027.6406%2023.778C29.1789%2021.4757%2030%2018.7689%2030%2016C30%2012.287%2028.525%208.72601%2025.8995%206.1005C23.274%203.475%2019.713%202%2016%202ZM28%2015H22C21.8833%2011.3171%2020.9291%207.70915%2019.21%204.45C21.5786%205.0979%2023.6914%206.45684%2025.2632%208.34342C26.8351%2010.23%2027.7903%2012.5534%2028%2015ZM16%2028C15.7769%2028.015%2015.5531%2028.015%2015.33%2028C13.2583%2024.6962%2012.1085%2020.8981%2012%2017H20C19.9005%2020.8953%2018.7612%2024.6932%2016.7%2028C16.467%2028.0164%2016.2331%2028.0164%2016%2028ZM12%2015C12.0995%2011.1047%2013.2388%207.30682%2015.3%204C15.7453%203.94997%2016.1947%203.94997%2016.64%204C18.7223%207.3008%2019.8825%2011.0991%2020%2015H12ZM12.76%204.45C11.0513%207.71165%2010.1075%2011.3194%2010%2015H4.00001C4.20971%2012.5534%205.16495%2010.23%206.7368%208.34342C8.30865%206.45684%2010.4214%205.0979%2012.79%204.45H12.76ZM4.05001%2017H10.05C10.1544%2020.6798%2011.0948%2024.2875%2012.8%2027.55C10.4389%2026.8951%208.33478%2025.5332%206.77056%2023.6472C5.20634%2021.7612%204.25695%2019.4415%204.05001%2017ZM19.21%2027.55C20.9291%2024.2908%2021.8833%2020.6829%2022%2017H28C27.7903%2019.4466%2026.8351%2021.77%2025.2632%2023.6566C23.6914%2025.5432%2021.5786%2026.9021%2019.21%2027.55Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6141%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  body.scrolled .header-01 #activity-container #menu-language .lang-ul-level-1 li .lang-selected,
  body.scroll-disabled .header-01 #activity-container #menu-language .lang-ul-level-1 li .lang-selected {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6141%29%22%3E%20%3Cpath%20d%3D%22M16%202C13.2311%202%2010.5243%202.82109%208.22202%204.35943C5.91973%205.89777%204.12532%208.08427%203.06569%2010.6424C2.00607%2013.2006%201.72882%2016.0155%202.26901%2018.7313C2.80921%2021.447%204.14258%2023.9416%206.10051%2025.8995C8.05845%2027.8574%2010.553%2029.1908%2013.2687%2029.731C15.9845%2030.2712%2018.7994%2029.9939%2021.3576%2028.9343C23.9157%2027.8747%2026.1022%2026.0803%2027.6406%2023.778C29.1789%2021.4757%2030%2018.7689%2030%2016C30%2012.287%2028.525%208.72601%2025.8995%206.1005C23.274%203.475%2019.713%202%2016%202ZM28%2015H22C21.8833%2011.3171%2020.9291%207.70915%2019.21%204.45C21.5786%205.0979%2023.6914%206.45684%2025.2632%208.34342C26.8351%2010.23%2027.7903%2012.5534%2028%2015ZM16%2028C15.7769%2028.015%2015.5531%2028.015%2015.33%2028C13.2583%2024.6962%2012.1085%2020.8981%2012%2017H20C19.9005%2020.8953%2018.7612%2024.6932%2016.7%2028C16.467%2028.0164%2016.2331%2028.0164%2016%2028ZM12%2015C12.0995%2011.1047%2013.2388%207.30682%2015.3%204C15.7453%203.94997%2016.1947%203.94997%2016.64%204C18.7223%207.3008%2019.8825%2011.0991%2020%2015H12ZM12.76%204.45C11.0513%207.71165%2010.1075%2011.3194%2010%2015H4.00001C4.20971%2012.5534%205.16495%2010.23%206.7368%208.34342C8.30865%206.45684%2010.4214%205.0979%2012.79%204.45H12.76ZM4.05001%2017H10.05C10.1544%2020.6798%2011.0948%2024.2875%2012.8%2027.55C10.4389%2026.8951%208.33478%2025.5332%206.77056%2023.6472C5.20634%2021.7612%204.25695%2019.4415%204.05001%2017ZM19.21%2027.55C20.9291%2024.2908%2021.8833%2020.6829%2022%2017H28C27.7903%2019.4466%2026.8351%2021.77%2025.2632%2023.6566C23.6914%2025.5432%2021.5786%2026.9021%2019.21%2027.55Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6141%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  body.scrolled .header-01 #activity-container #search-display-button,
  body.scroll-disabled .header-01 #activity-container #search-display-button {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6145%29%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.89731%202.03186%207.19657%203.18666%205.19162%205.19161C3.18667%207.19656%202.03187%209.8973%201.96745%2012.732C1.90304%2015.5667%202.93396%2018.3171%204.84577%2020.4111C6.75758%2022.505%209.40307%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM4%2013C4%2011.22%204.52784%209.4799%205.51677%207.99986C6.50571%206.51982%207.91131%205.36627%209.55585%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32622%2021.0483%206.63896%2019.361C4.95171%2017.6738%204.00265%2015.3861%204%2013Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6145%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: rgba(255, 255, 255, 0.1);
  }
  #site-logo {
    z-index: 1;
    width: 222px;
    height: 60px;
  }
  #site-logo .c-unit-01 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
  }
  #site-logo .c-unit-02 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  #menu-primary {
    z-index: 0;
    flex: 1;
    opacity: 0;
    margin-left: 60px;
    margin-right: 32px;
  }
  #menu-primary.loaded {
    opacity: 1;
  }
  #activity-container {
    display: flex;
    gap: 12px;
  }
  #activity-container #menu-language .lang-ul-level-1 > li .lang-header {
    display: none;
  }
  #activity-container #menu-language .lang-option-container .lang-ul-level-2 {
    display: inline-flex;
    padding: var(--Spacing-12, 12px) var(--Spacing-24, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-08, 8px);
  }
  #activity-container #menu-language .lang-option-container .lang-ul-level-2 > li > a {
    color: #030F3A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  #activity-container #search-display-button {
    display: flex;
    width: 48px;
    height: 48px;
    background-color: transparent;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6145%29%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.89731%202.03186%207.19657%203.18666%205.19162%205.19161C3.18667%207.19656%202.03187%209.8973%201.96745%2012.732C1.90304%2015.5667%202.93396%2018.3171%204.84577%2020.4111C6.75758%2022.505%209.40307%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM4%2013C4%2011.22%204.52784%209.4799%205.51677%207.99986C6.50571%206.51982%207.91131%205.36627%209.55585%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32622%2021.0483%206.63896%2019.361C4.95171%2017.6738%204.00265%2015.3861%204%2013Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6145%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: rgba(255, 255, 255, 0.1);
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .comp-footer-01 {
    padding: 40px 0;
    background-color: #030F3A;
  }
  .comp-footer-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 72px;
  }
  .comp-footer-01 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-right: 20px;
  }
  .comp-footer-01 .c-wrapper .c-container-01 .c-item-01 {
    color: #F1F1F1;
  }
  .comp-footer-01 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    align-self: end;
  }
  .comp-footer-01 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    color: #C2C2C2;
  }
  .comp-footer-01 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    color: #C2C2C2;
  }
  .comp-footer-01 .c-wrapper .c-container-02 {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-01 {
    color: #C2C2C2;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 {
    display: flex;
    gap: 24px;
    position: absolute;
    bottom: 53px;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 {
    width: 24px;
    height: 24px;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_facebook {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1075%29%22%3E%20%3Cpath%20d%3D%22M26.67%204H5.33C4.97807%204.00262%204.6413%204.14358%204.39244%204.39244C4.14358%204.6413%204.00262%204.97807%204%205.33V26.67C4.00262%2027.0219%204.14358%2027.3587%204.39244%2027.6076C4.6413%2027.8564%204.97807%2027.9974%205.33%2028H16.82V18.72H13.7V15.09H16.82V12.42C16.82%209.32%2018.71%207.63%2021.49%207.63C22.42%207.63%2023.35%207.63%2024.28%207.77V11H22.37C20.86%2011%2020.57%2011.72%2020.57%2012.77V15.08H24.17L23.7%2018.71H20.57V28H26.67C27.0219%2027.9974%2027.3587%2027.8564%2027.6076%2027.6076C27.8564%2027.3587%2027.9974%2027.0219%2028%2026.67V5.33C27.9974%204.97807%2027.8564%204.6413%2027.6076%204.39244C27.3587%204.14358%2027.0219%204.00262%2026.67%204Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1075%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_instagram {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M15.9154%209.42505C11.9648%209.42505%208.69141%2012.642%208.69141%2016.649C8.69141%2020.6561%2011.9083%2023.873%2015.9154%2023.873C19.9224%2023.873%2023.1394%2020.5997%2023.1394%2016.649C23.1394%2012.6984%2019.866%209.42505%2015.9154%209.42505ZM15.9154%2021.2769C13.3757%2021.2769%2011.2875%2019.1887%2011.2875%2016.649C11.2875%2014.1094%2013.3757%2012.0212%2015.9154%2012.0212C18.4551%2012.0212%2020.5433%2014.1094%2020.5433%2016.649C20.5433%2019.1887%2018.4551%2021.2769%2015.9154%2021.2769Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3Cpath%20d%3D%22M23.4216%2010.8924C24.3255%2010.8924%2025.0583%2010.1596%2025.0583%209.2557C25.0583%208.35179%2024.3255%207.61902%2023.4216%207.61902C22.5177%207.61902%2021.7849%208.35179%2021.7849%209.2557C21.7849%2010.1596%2022.5177%2010.8924%2023.4216%2010.8924Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3Cpath%20d%3D%22M27.6544%205.02292C26.187%203.49911%2024.0988%202.70898%2021.7285%202.70898H10.1024C5.19231%202.70898%201.91895%205.98235%201.91895%2010.8924V22.4621C1.91895%2024.8889%202.70907%2026.9771%204.28932%2028.5009C5.81312%2029.9682%207.84487%2030.7019%2010.1588%2030.7019H21.672C24.0988%2030.7019%2026.1306%2029.9118%2027.598%2028.5009C29.1218%2027.0335%2029.9119%2024.9453%2029.9119%2022.5185V10.8924C29.9119%208.52203%2029.1218%206.49029%2027.6544%205.02292ZM27.4286%2022.5185C27.4286%2024.2681%2026.8078%2025.679%2025.792%2026.6384C24.7761%2027.5979%2023.3652%2028.1058%2021.672%2028.1058H10.1588C8.46568%2028.1058%207.05475%2027.5979%206.03887%2026.6384C5.023%2025.6226%204.51506%2024.2116%204.51506%2022.4621V10.8924C4.51506%209.19928%205.023%207.78835%206.03887%206.77248C6.99831%205.81304%208.46568%205.3051%2010.1588%205.3051H21.7849C23.478%205.3051%2024.889%205.81304%2025.9048%206.82891C26.8643%207.84479%2027.4286%209.25572%2027.4286%2010.8924V22.5185Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_linkedIn {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1090%29%22%3E%20%3Cpath%20d%3D%22M26.2%204H5.8C4.8%204%204%204.8%204%205.7V26.2C4%2027.1%204.8%2027.9%205.8%2027.9H26.2C27.2%2027.9%2028%2027.1%2028%2026.2V5.7C28%204.8%2027.2%204%2026.2%204ZM11.1%2024.4H7.6V13H11.1V24.4ZM9.4%2011.4C8.3%2011.4%207.3%2010.5%207.3%209.3C7.3%208.1%208.2%207.2%209.4%207.2C10.5%207.2%2011.5%208.1%2011.5%209.3C11.5%2010.5%2010.5%2011.4%209.4%2011.4ZM24.5%2024.3H21V18.7C21%2017.4%2021%2015.6%2019.1%2015.6C17.2%2015.6%2017%2017.1%2017%2018.5V24.2H13.5V13H16.8V14.5H16.9C17.4%2013.6%2018.6%2012.6%2020.3%2012.6C23.9%2012.6%2024.6%2015%2024.6%2018.1V24.3H24.5Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1090%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_twitter {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1084%29%22%3E%20%3Cpath%20d%3D%22M18.2342%2014.1624L26.9766%204H24.9049L17.3139%2012.8238L11.251%204H4.25806L13.4265%2017.3432L4.25806%2028H6.32986L14.3462%2018.6817L20.7491%2028H27.742L18.2342%2014.1624ZM15.3966%2017.4608L14.4677%2016.1321L7.07626%205.5596H10.2585L16.2234%2014.0919L17.1523%2015.4206L24.9059%2026.5113H21.7237L15.3966%2017.4608Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1084%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_youTube {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1093%29%22%3E%20%3Cpath%20d%3D%22M29.41%209.25995C29.2507%208.66799%2028.9387%208.12826%2028.5052%207.69479C28.0717%207.26131%2027.532%206.94929%2026.94%206.78995C24.76%206.19995%2016%206.19995%2016%206.19995C16%206.19995%207.24002%206.19995%205.06002%206.78995C4.46806%206.94929%203.92833%207.26131%203.49485%207.69479C3.06138%208.12826%202.74936%208.66799%202.59002%209.25995C2.18297%2011.4832%201.98543%2013.7398%202.00002%2016C1.98543%2018.2601%202.18297%2020.5167%202.59002%2022.74C2.74936%2023.3319%203.06138%2023.8716%203.49485%2024.3051C3.92833%2024.7386%204.46806%2025.0506%205.06002%2025.2099C7.24002%2025.7999%2016%2025.7999%2016%2025.7999C16%2025.7999%2024.76%2025.7999%2026.94%2025.2099C27.532%2025.0506%2028.0717%2024.7386%2028.5052%2024.3051C28.9387%2023.8716%2029.2507%2023.3319%2029.41%2022.74C29.8171%2020.5167%2030.0146%2018.2601%2030%2016C30.0146%2013.7398%2029.8171%2011.4832%2029.41%209.25995ZM13.2%2020.2V11.8L20.47%2016L13.2%2020.2Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1093%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-03 {
    display: flex;
    gap: 12px;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-03 .c-unit-01 {
    color: #C2C2C2;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .comp-footer-01 {
    padding: 120px 0 80px 0;
    background-color: #030F3A;
  }
  .comp-footer-01 .c-wrapper {
    display: flex;
    flex-direction: column;
    gap: 180px;
  }
  .comp-footer-01 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .comp-footer-01 .c-wrapper .c-container-01 .c-item-01 {
    width: 802px;
    color: #F1F1F1;
  }
  .comp-footer-01 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 448px;
    align-self: end;
  }
  .comp-footer-01 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    color: #C2C2C2;
  }
  .comp-footer-01 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    color: #C2C2C2;
  }
  .comp-footer-01 .c-wrapper .c-container-02 {
    display: flex;
    justify-content: space-between;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-01 {
    color: #C2C2C2;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 {
    display: flex;
    gap: 24px;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 {
    width: 32px;
    height: 32px;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_facebook {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1075%29%22%3E%20%3Cpath%20d%3D%22M26.67%204H5.33C4.97807%204.00262%204.6413%204.14358%204.39244%204.39244C4.14358%204.6413%204.00262%204.97807%204%205.33V26.67C4.00262%2027.0219%204.14358%2027.3587%204.39244%2027.6076C4.6413%2027.8564%204.97807%2027.9974%205.33%2028H16.82V18.72H13.7V15.09H16.82V12.42C16.82%209.32%2018.71%207.63%2021.49%207.63C22.42%207.63%2023.35%207.63%2024.28%207.77V11H22.37C20.86%2011%2020.57%2011.72%2020.57%2012.77V15.08H24.17L23.7%2018.71H20.57V28H26.67C27.0219%2027.9974%2027.3587%2027.8564%2027.6076%2027.6076C27.8564%2027.3587%2027.9974%2027.0219%2028%2026.67V5.33C27.9974%204.97807%2027.8564%204.6413%2027.6076%204.39244C27.3587%204.14358%2027.0219%204.00262%2026.67%204Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1075%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_instagram {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M15.9154%209.42505C11.9648%209.42505%208.69141%2012.642%208.69141%2016.649C8.69141%2020.6561%2011.9083%2023.873%2015.9154%2023.873C19.9224%2023.873%2023.1394%2020.5997%2023.1394%2016.649C23.1394%2012.6984%2019.866%209.42505%2015.9154%209.42505ZM15.9154%2021.2769C13.3757%2021.2769%2011.2875%2019.1887%2011.2875%2016.649C11.2875%2014.1094%2013.3757%2012.0212%2015.9154%2012.0212C18.4551%2012.0212%2020.5433%2014.1094%2020.5433%2016.649C20.5433%2019.1887%2018.4551%2021.2769%2015.9154%2021.2769Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3Cpath%20d%3D%22M23.4216%2010.8924C24.3255%2010.8924%2025.0583%2010.1596%2025.0583%209.2557C25.0583%208.35179%2024.3255%207.61902%2023.4216%207.61902C22.5177%207.61902%2021.7849%208.35179%2021.7849%209.2557C21.7849%2010.1596%2022.5177%2010.8924%2023.4216%2010.8924Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3Cpath%20d%3D%22M27.6544%205.02292C26.187%203.49911%2024.0988%202.70898%2021.7285%202.70898H10.1024C5.19231%202.70898%201.91895%205.98235%201.91895%2010.8924V22.4621C1.91895%2024.8889%202.70907%2026.9771%204.28932%2028.5009C5.81312%2029.9682%207.84487%2030.7019%2010.1588%2030.7019H21.672C24.0988%2030.7019%2026.1306%2029.9118%2027.598%2028.5009C29.1218%2027.0335%2029.9119%2024.9453%2029.9119%2022.5185V10.8924C29.9119%208.52203%2029.1218%206.49029%2027.6544%205.02292ZM27.4286%2022.5185C27.4286%2024.2681%2026.8078%2025.679%2025.792%2026.6384C24.7761%2027.5979%2023.3652%2028.1058%2021.672%2028.1058H10.1588C8.46568%2028.1058%207.05475%2027.5979%206.03887%2026.6384C5.023%2025.6226%204.51506%2024.2116%204.51506%2022.4621V10.8924C4.51506%209.19928%205.023%207.78835%206.03887%206.77248C6.99831%205.81304%208.46568%205.3051%2010.1588%205.3051H21.7849C23.478%205.3051%2024.889%205.81304%2025.9048%206.82891C26.8643%207.84479%2027.4286%209.25572%2027.4286%2010.8924V22.5185Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_linkedIn {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1090%29%22%3E%20%3Cpath%20d%3D%22M26.2%204H5.8C4.8%204%204%204.8%204%205.7V26.2C4%2027.1%204.8%2027.9%205.8%2027.9H26.2C27.2%2027.9%2028%2027.1%2028%2026.2V5.7C28%204.8%2027.2%204%2026.2%204ZM11.1%2024.4H7.6V13H11.1V24.4ZM9.4%2011.4C8.3%2011.4%207.3%2010.5%207.3%209.3C7.3%208.1%208.2%207.2%209.4%207.2C10.5%207.2%2011.5%208.1%2011.5%209.3C11.5%2010.5%2010.5%2011.4%209.4%2011.4ZM24.5%2024.3H21V18.7C21%2017.4%2021%2015.6%2019.1%2015.6C17.2%2015.6%2017%2017.1%2017%2018.5V24.2H13.5V13H16.8V14.5H16.9C17.4%2013.6%2018.6%2012.6%2020.3%2012.6C23.9%2012.6%2024.6%2015%2024.6%2018.1V24.3H24.5Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1090%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_twitter {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1084%29%22%3E%20%3Cpath%20d%3D%22M18.2342%2014.1624L26.9766%204H24.9049L17.3139%2012.8238L11.251%204H4.25806L13.4265%2017.3432L4.25806%2028H6.32986L14.3462%2018.6817L20.7491%2028H27.742L18.2342%2014.1624ZM15.3966%2017.4608L14.4677%2016.1321L7.07626%205.5596H10.2585L16.2234%2014.0919L17.1523%2015.4206L24.9059%2026.5113H21.7237L15.3966%2017.4608Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1084%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-02 #socialMediaLink_youTube {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1093%29%22%3E%20%3Cpath%20d%3D%22M29.41%209.25995C29.2507%208.66799%2028.9387%208.12826%2028.5052%207.69479C28.0717%207.26131%2027.532%206.94929%2026.94%206.78995C24.76%206.19995%2016%206.19995%2016%206.19995C16%206.19995%207.24002%206.19995%205.06002%206.78995C4.46806%206.94929%203.92833%207.26131%203.49485%207.69479C3.06138%208.12826%202.74936%208.66799%202.59002%209.25995C2.18297%2011.4832%201.98543%2013.7398%202.00002%2016C1.98543%2018.2601%202.18297%2020.5167%202.59002%2022.74C2.74936%2023.3319%203.06138%2023.8716%203.49485%2024.3051C3.92833%2024.7386%204.46806%2025.0506%205.06002%2025.2099C7.24002%2025.7999%2016%2025.7999%2016%2025.7999C16%2025.7999%2024.76%2025.7999%2026.94%2025.2099C27.532%2025.0506%2028.0717%2024.7386%2028.5052%2024.3051C28.9387%2023.8716%2029.2507%2023.3319%2029.41%2022.74C29.8171%2020.5167%2030.0146%2018.2601%2030%2016C30.0146%2013.7398%2029.8171%2011.4832%2029.41%209.25995ZM13.2%2020.2V11.8L20.47%2016L13.2%2020.2Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1093%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-03 {
    display: flex;
    gap: 24px;
  }
  .comp-footer-01 .c-wrapper .c-container-02 .c-item-03 .c-unit-01 {
    color: #C2C2C2;
  }
}
#hamburger-menu-wrapper,
#menu-primary,
#account-container,
#menu-socialmedia {
  display: none;
}

#menu-primary {
  visibility: hidden;
}
#menu-primary.loaded {
  visibility: visible;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  #page-wrapper.menu-on #hamburger-menu-wrapper {
    z-index: 105;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
  }
  #page-wrapper.menu-on.menu-off #hamburger-menu-wrapper {
    opacity: 0;
  }
  #hamburger-menu-wrapper {
    position: fixed;
    z-index: 0;
    visibility: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
  }
  #hamburger-menu-wrapper #site-logo-menu {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-top: 20px;
  }
  #hamburger-menu-wrapper #site-logo-menu > .c-unit-01 {
    display: none;
  }
  #hamburger-menu-wrapper #close-button-menu {
    display: block;
    order: 2;
    width: 40px;
    height: 40px;
    margin: 20px 20px 0 0;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #hamburger-menu-wrapper #menu-content-wrapper {
    order: 3;
    width: 100%;
    height: calc(100% - 64px);
  }
  #hamburger-menu-wrapper #menu-animation-wrapper {
    display: flex;
    justify-content: space-between;
    width: 300%;
    height: 100%;
  }
  #hamburger-menu-wrapper #menu-screen-1,
  #hamburger-menu-wrapper #menu-screen-2,
  #hamburger-menu-wrapper #menu-screen-3 {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #hamburger-menu-wrapper #menu-screen-2 > ul:last-child .level1-footer-link {
    display: none;
  }
  #hamburger-menu-wrapper #menu-language {
    width: 100%;
    padding: 0 16px 0 16px;
  }
  #hamburger-menu-wrapper #menu-language .lang-ul-level-1 > li > .lang-selected {
    display: none;
  }
  #hamburger-menu-wrapper #menu-language .lang-ul-level-1 > li .lang-header {
    margin-bottom: 16px;
    color: #030F3A;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
  }
  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2 {
    display: flex;
  }
  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2 > li.lang-selected > span {
    border: 2px solid #252525;
    color: #252525;
  }
  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2 > li:not(:last-child) {
    margin-right: 8px;
  }
  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2 > li > span,
  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2 > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 2px solid #E0E0E0;
    border-radius: 50%;
    font-weight: 500;
    font-size: toEm(14);
    color: #7A7A7A;
    line-height: 24px;
    transition: border 0.3s, color 0.3s;
  }
  #hamburger-menu-wrapper .ul-level-1, #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
    display: block;
    width: 100%;
    padding: 0 20px;
  }
  #hamburger-menu-wrapper .ul-level-1 > li > a, #hamburger-menu-wrapper .ul-level-1 > li > a h4, #hamburger-menu-wrapper .ul-level-2 > li > a, #hamburger-menu-wrapper .ul-level-2 > li > a h4, #hamburger-menu-wrapper .ul-level-3 > li > a, #hamburger-menu-wrapper .ul-level-3 > li > a h4 {
    display: flex;
    align-items: center;
    height: 48px;
    color: #030F3A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
  #hamburger-menu-wrapper .ul-level-1 > li > a svg, #hamburger-menu-wrapper .ul-level-1 > li > a h4 svg, #hamburger-menu-wrapper .ul-level-2 > li > a svg, #hamburger-menu-wrapper .ul-level-2 > li > a h4 svg, #hamburger-menu-wrapper .ul-level-3 > li > a svg, #hamburger-menu-wrapper .ul-level-3 > li > a h4 svg {
    display: none;
  }
  #hamburger-menu-wrapper .ul-level-1 > li.hasSubmenu, #hamburger-menu-wrapper .ul-level-2 > li.hasSubmenu, #hamburger-menu-wrapper .ul-level-3 > li.hasSubmenu {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23110F15%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6107%29%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20fill%3D%22%23110F15%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6107%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23110F15%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-position: right center;
  }
  #hamburger-menu-wrapper .ul-level-1 > li.hasSubmenu .submenu-ad, #hamburger-menu-wrapper .ul-level-2 > li.hasSubmenu .submenu-ad, #hamburger-menu-wrapper .ul-level-3 > li.hasSubmenu .submenu-ad {
    display: none;
  }
  #hamburger-menu-wrapper .ul-level-1 > li[data-blank], #hamburger-menu-wrapper .ul-level-2 > li[data-blank], #hamburger-menu-wrapper .ul-level-3 > li[data-blank] {
    display: none;
  }
  #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
    display: none;
    height: calc(100% - 52px);
  }
  #hamburger-menu-wrapper .ul-level-2.on, #hamburger-menu-wrapper .ul-level-3.on {
    display: block;
  }
  #hamburger-menu-wrapper .ul-level-2 > li > a picture, #hamburger-menu-wrapper .ul-level-2 > li > a .c-item-02, #hamburger-menu-wrapper .ul-level-3 > li > a picture, #hamburger-menu-wrapper .ul-level-3 > li > a .c-item-02 {
    display: none;
  }
  #hamburger-menu-wrapper .ul-level-2 > .level1-footer-link, #hamburger-menu-wrapper .ul-level-3 > .level1-footer-link {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 40px;
  }
  #hamburger-menu-wrapper .ul-level-2 > .level1-footer-link > a, #hamburger-menu-wrapper .ul-level-3 > .level1-footer-link > a {
    color: #030F3A;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
  }
  #hamburger-menu-wrapper .ul-level-2 > .level1-footer-link > a:after, #hamburger-menu-wrapper .ul-level-3 > .level1-footer-link > a:after {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #hamburger-menu-wrapper .level-2-header, #hamburger-menu-wrapper .level-3-header {
    z-index: 5;
    display: none;
    align-items: center;
    width: 100%;
    height: 52px;
    padding-left: 48px;
    background-position: 24px center;
    font-weight: 600;
    font-size: toEm(18);
    color: #464646;
    line-height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%20fill%3D%22%23030F3A%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6106%29%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6106%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-position: 16px center;
  }
  #hamburger-menu-wrapper .level-2-header picture, #hamburger-menu-wrapper .level-3-header picture {
    display: none;
  }
  #hamburger-menu-wrapper .level-2-header.on, #hamburger-menu-wrapper .level-3-header.on {
    display: flex;
  }
  #menu-primary {
    display: flex;
    width: 100%;
    height: calc(100% - 20px);
    overflow-y: auto;
  }
  .header-trans:not(.mouse-over) #menu-primary .ul-level-1 > li > a {
    background-color: rgba(245, 245, 245, 0);
    color: #FFFFFF;
  }
  .header-trans:not(.mouse-over) #menu-primary .ul-level-1 > li > a:after {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6651%29%22%3E%20%3Cpath%20d%3D%22M28%206H4V8H28V6Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2024H4V26H28V24Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2012H4V14H28V12Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2018H4V20H28V18Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6651%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    opacity: 0.6;
  }
  .header-trans:not(.mouse-over) #menu-primary .ul-level-1 > li > a:hover {
    background-color: rgba(245, 245, 245, 0.15);
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  #menu-primary {
    position: static;
    display: flex;
  }
  #menu-primary .ul-level-1, #menu-primary ul-level-2 {
    position: static;
    display: flex;
    flex: 1;
  }
  #menu-primary .ul-level-1 > li, #menu-primary ul-level-2 > li {
    display: flex;
  }
  #menu-primary .ul-level-1 > li > a, #menu-primary ul-level-2 > li > a {
    z-index: 1;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 24px;
    border-radius: 1000px;
    font-size: toEm(14);
    font-weight: 600;
    color: #FFFFFF;
    font-family: Inter;
    line-height: 24px;
  }
  #menu-primary .ul-level-1 > li > a:hover, #menu-primary ul-level-2 > li > a:hover {
    background-color: #F6F6F6;
    transition: background-color 0.3s ease, color 0.3s ease;
    color: #030F3A;
  }
  #menu-primary .ul-level-1 > li:nth-child(4), #menu-primary ul-level-2 > li:nth-child(4) {
    margin-left: auto;
  }
  #menu-primary .ul-level-1 > li:nth-last-child(2) > ul .level1-footer-link, #menu-primary ul-level-2 > li:nth-last-child(2) > ul .level1-footer-link {
    display: none;
  }
  #menu-primary li.hasSubmenu {
    position: static;
  }
  #menu-primary li.hasSubmenu > a:after {
    content: "";
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6132%29%22%3E%20%3Cpath%20d%3D%22M16%2022L6%2012L7.4%2010.6L16%2019.2L24.6%2010.6L26%2012L16%2022Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6132%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    margin-left: 8px;
  }
  #menu-primary li.hasSubmenu:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
  }
  #menu-primary li.hasSubmenu > .ul-level-2 {
    position: absolute;
    z-index: 2;
    top: 88px;
    display: flex;
  }
  #menu-primary li.hasSubmenu:after,
  #menu-primary li.hasSubmenu .ul-level-2,
  #menu-primary li.hasSubmenu .submenu-ad {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -moz-transition: visibility 0s 0.5s, transform 0.2s 0.3s ease-in, opacity 0.2s 0.3s;
    -o-transition: visibility 0s 0.5s, transform 0.2s 0.3s ease-in, opacity 0.2s 0.3s;
    -webkit-transition: visibility 0s 0.5s, transform 0.2s 0.3s ease-in, opacity 0.2s 0.3s;
    transition: visibility 0s 0.5s, transform 0.2s 0.3s ease-in, opacity 0.2s 0.3s;
  }
  #menu-primary li.hasSubmenu:hover:after,
  #menu-primary li.hasSubmenu:hover .ul-level-2,
  #menu-primary li.hasSubmenu:hover .submenu-ad {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: visibility 0s 0.5s, transform 0.5s 0.5s ease-out, opacity 0.2s 0.5s;
    -o-transition: visibility 0s 0.5s, transform 0.5s 0.5s ease-out, opacity 0.2s 0.5s;
    -webkit-transition: visibility 0s 0.5s, transform 0.5s 0.5s ease-out, opacity 0.2s 0.5s;
    transition: visibility 0s 0.5s, transform 0.5s 0.5s ease-out, opacity 0.2s 0.5s;
    display: flex;
    flex-wrap: wrap;
  }
  #menu-primary [data-type=classic-format] [data-ul-no="0-1"] {
    left: 0;
    right: 0;
    gap: 0 24px;
    width: 100%;
    padding: 48px 80px 80px 80px;
  }
  #menu-primary [data-type=classic-format] [data-ul-no="0-1"] > li {
    margin-right: 24px;
    width: 212px;
  }
  #menu-primary [data-type=classic-format]:after {
    height: 624px;
  }
  #menu-primary [data-type=classic-format] .ul-level-2 > li .top-title {
    color: #656565;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
  #menu-primary [data-type=classic-format] .ul-level-2 > li > ul {
    margin-top: 20px;
  }
  #menu-primary [data-type=classic-format] .ul-level-2 > li > ul > li > a {
    color: #030F3A;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
  }
  #menu-primary [data-type=classic-format] .ul-level-2 > li > ul > li:not(:last-child) {
    margin-bottom: 16px;
  }
  #menu-primary [data-type=classic-format] .ul-level-2 > li.level1-footer-link {
    bottom: 0;
    position: absolute;
  }
  #menu-primary [data-type=classic-format] .ul-level-2 > li.level1-footer-link > a {
    display: flex;
    align-items: center;
    color: #030F3A;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
  }
  #menu-primary [data-type=classic-format] .ul-level-2 > li.level1-footer-link > a:after {
    content: "";
    display: flex;
    left: 8px;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #menu-primary [data-type=classic-format] > .submenu-ad {
    position: absolute;
    z-index: 1;
    top: 156px;
    right: 64px;
    width: 566px;
    height: 424px;
  }
  #menu-primary [data-type=classic-format] > .submenu-ad picture {
    width: 566px;
    height: 424px;
  }
  #menu-primary [data-type=classic-format] > .submenu-ad picture img {
    width: 100%;
    height: 424px;
    object-fit: cover;
    object-position: center;
  }
  #menu-primary [data-type=visual-based-format]:after {
    height: 600px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 {
    left: 0;
    right: 0;
    gap: 0 24px;
    width: 100%;
    padding: 48px 80px 0 80px;
    display: flex;
    flex-wrap: wrap;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li {
    width: 233px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.visual-based-card {
    display: flex;
    flex-direction: column;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.visual-based-card picture {
    display: flex;
    height: 142px;
    margin-bottom: 16px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.visual-based-card picture img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.visual-based-card > .c-item-01 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.visual-based-card > .c-item-02 li {
    margin-bottom: 8px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.visual-based-card > .c-item-02 li:last-child {
    margin-bottom: 0;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li > a {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li > a:after {
    display: none;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li > a img {
    width: 100%;
    height: 142px;
    object-fit: cover;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li > a h4 {
    display: flex;
    align-items: center;
    color: #030F3A;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li .ul-level-3 {
    margin-top: 16px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li .ul-level-3 > li > a {
    color: #030F3A;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li .ul-level-3 > li:not(:last-child) {
    margin-bottom: 8px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.level1-footer-link {
    width: 100%;
    height: auto;
    margin-top: 80px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.level1-footer-link > a {
    display: flex;
    width: max-content;
    align-items: center;
    flex-direction: row;
    color: #030F3A;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
  }
  #menu-primary [data-type=visual-based-format] .ul-level-2 > li.level1-footer-link > a:after {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #menu-language .lang-ul-level-1 > li .lang-header {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: toEm(13);
    color: red;
    line-height: 18px;
  }
  #menu-language .lang-option-container .lang-ul-level-2 {
    display: flex;
  }
  #menu-language .lang-option-container .lang-ul-level-2 > li {
    width: 100%;
  }
  #menu-language .lang-option-container .lang-ul-level-2 > li.lang-selected > span {
    border: 2px solid blue;
    color: red;
  }
  #menu-language .lang-option-container .lang-ul-level-2 > li:not(:last-child) {
    margin-right: 8px;
  }
  .header-trans:not(.mouse-over) #menu-primary .ul-level-1 > li > a {
    background-color: rgba(245, 245, 245, 0);
    color: #FFFFFF;
  }
  .header-trans:not(.mouse-over) #menu-primary .ul-level-1 > li > a:after {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6651%29%22%3E%20%3Cpath%20d%3D%22M28%206H4V8H28V6Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2024H4V26H28V24Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2012H4V14H28V12Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M28%2018H4V20H28V18Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6651%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    opacity: 0.6;
  }
  .header-trans:not(.mouse-over) #menu-primary .ul-level-1 > li > a:hover {
    background-color: rgba(245, 245, 245, 0.15);
  }
}
/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .tabber-container .tabber-header {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
  }
  .tabber-container .tabber-header .tab-head-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .tabber-container .tabber-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: height 0.5s;
  }
  .tabber-container .tabber-body .tab-content-item {
    position: absolute;
    z-index: 0;
    top: -10000px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: visibility 0s 0.2s, position 0s 0.2s, opacity 0.2s;
  }
  .tabber-container .tabber-body .tab-content-item.on {
    position: relative;
    z-index: 1;
    top: auto;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, position 0s 0s, opacity 0.2s;
  }
}
/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1179px) {
  .tabber-container .tabber-header {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
  }
  .tabber-container .tabber-header .tab-head-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .tabber-container .tabber-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: height 0.5s;
  }
  .tabber-container .tabber-body .tab-content-item {
    position: absolute;
    z-index: 0;
    top: -10000px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: visibility 0s 0.2s, position 0s 0.2s, opacity 0.2s;
  }
  .tabber-container .tabber-body .tab-content-item.on {
    position: relative;
    z-index: 1;
    top: auto;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, position 0s 0s, opacity 0.2s;
  }
}
/* SM1 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1180px) {
  .tabber-container .tabber-header {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
  }
  .tabber-container .tabber-header .tab-head-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .tabber-container .tabber-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: height 0.5s;
  }
  .tabber-container .tabber-body .tab-content-item {
    position: absolute;
    z-index: 0;
    top: -10000px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: visibility 0s 0.2s, position 0s 0.2s, opacity 0.2s;
  }
  .tabber-container .tabber-body .tab-content-item.on {
    position: relative;
    z-index: 1;
    top: auto;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, position 0s 0s, opacity 0.2s;
  }
}
/* MD */
/* LG */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .heading-01 {
    font-size: 3em;
    font-weight: 700;
    letter-spacing: -1.44px;
    line-height: 48px;
    text-decoration: none;
  }
  .heading-02 {
    font-size: 3em;
    font-weight: 700;
    letter-spacing: -1.44px;
    line-height: 48px;
    text-decoration: none;
  }
  .heading-03 {
    font-size: 3em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 52px;
    text-decoration: none;
  }
  .heading-04 {
    font-size: 3em;
    font-weight: 700;
    letter-spacing: -1.44px;
    line-height: 48px;
    text-decoration: none;
  }
  .heading-05 {
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 40px;
    text-decoration: none;
  }
  .heading-06 {
    font-size: 2.1875em;
    font-weight: 700;
    letter-spacing: -1.08px;
    line-height: 36px;
    text-decoration: none;
  }
  .heading-07 {
    font-size: 2.25em;
    font-weight: 700;
    letter-spacing: -1.08px;
    line-height: 36px;
    text-decoration: none;
  }
  .heading-08 {
    font-size: 2em;
    font-weight: 600;
    letter-spacing: -0.96px;
    line-height: 36px;
    text-decoration: none;
  }
  .heading-09 {
    font-size: 2.25em;
    font-weight: 700;
    letter-spacing: -1.08px;
    line-height: 36px;
    text-decoration: none;
  }
  .heading-10 {
    font-size: 2.25em;
    font-weight: 700;
    letter-spacing: -1.08px;
    line-height: 36px;
    text-decoration: none;
  }
  .heading-11 {
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .heading-12 {
    font-size: 1.75em;
    font-weight: 600;
    letter-spacing: -0.84px;
    line-height: 28px;
    text-decoration: none;
  }
  .heading-13 {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: -0.72px;
    line-height: 24px;
    text-decoration: none;
  }
  .heading-14 {
    font-size: 1.375em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .heading-15 {
    font-size: 2.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 36px;
    text-decoration: none;
  }
  .heading-16 {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: -0.72px;
    line-height: 28px;
    text-decoration: none;
  }
  .heading-17 {
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .heading-18 {
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .heading-19 {
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .heading-20 {
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .heading-21 {
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .heading-22 {
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .heading-23 {
    font-size: 0.9375em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .body-01 {
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .body-02 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: -0.6px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-03 {
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .body-04 {
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .body-05 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: -0.42px;
    line-height: 20px;
    text-decoration: none;
  }
  .body-06 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .body-07 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .body-08 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .body-09 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .body-10 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .body-11 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .body-12 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .body-13 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .body-14 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .body-15 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .body-16 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .body-17 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .body-18 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 16px;
    text-decoration: none;
  }
  .link-01 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .link-02 {
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .caption-01 {
    font-size: 2em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .caption-02 {
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .caption-03 {
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .caption-04 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 16px;
    text-decoration: none;
  }
  .caption-05 {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .caption-06 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .caption-07 {
    font-size: 0.8125em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 15px;
    text-decoration: none;
  }
  .caption-08 {
    font-size: 0.9375em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .caption-09 {
    font-size: 0.875em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .card-title-01 {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .card-title-02 {
    font-size: 0.9375em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 15px;
    text-decoration: none;
  }
  .card-title-03 {
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-title-04 {
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-title-05 {
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-title-06 {
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-title-07 {
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .card-title-08 {
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-title-09 {
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-title-10 {
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-title-11 {
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-title-12 {
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-body-01 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .card-body-02 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .card-body-03 {
    font-size: 0.75em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 14px;
    text-decoration: none;
  }
  .card-body-04 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .card-utility-01 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .card-utility-02 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
  .card-utility-03 {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    text-decoration: none;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .heading-01 {
    font-size: 10em;
    font-weight: 700;
    letter-spacing: -4.8px;
    line-height: 160px;
    text-decoration: none;
  }
  .heading-02 {
    font-size: 8.75em;
    font-weight: 700;
    letter-spacing: -4.2px;
    line-height: 140px;
    text-decoration: none;
  }
  .heading-03 {
    font-size: 8.75em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 140px;
    text-decoration: none;
  }
  .heading-04 {
    font-size: 8.25em;
    font-weight: 700;
    letter-spacing: -3.96px;
    line-height: 132px;
    text-decoration: none;
  }
  .heading-05 {
    font-size: 7.5em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 120px;
    text-decoration: none;
  }
  .heading-06 {
    font-size: 6.5em;
    font-weight: 700;
    letter-spacing: -3.12px;
    line-height: 114px;
    text-decoration: none;
  }
  .heading-07 {
    font-size: 5.5em;
    font-weight: 700;
    letter-spacing: -2.64px;
    line-height: 88px;
    text-decoration: none;
  }
  .heading-08 {
    font-size: 5.5em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 96px;
    text-decoration: none;
  }
  .heading-09 {
    font-size: 4em;
    font-weight: 700;
    letter-spacing: -1.92px;
    line-height: 64px;
    text-decoration: none;
  }
  .heading-10 {
    font-size: 4em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 72px;
    text-decoration: none;
  }
  .heading-11 {
    font-size: 3.75em;
    font-weight: 700;
    letter-spacing: -1.8px;
    line-height: 60px;
    text-decoration: none;
  }
  .heading-12 {
    font-size: 3.75em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 60px;
    text-decoration: none;
  }
  .heading-13 {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 48px;
    text-decoration: none;
  }
  .heading-14 {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 52px;
    text-decoration: none;
  }
  .heading-15 {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 56px;
    text-decoration: none;
  }
  .heading-16 {
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .heading-17 {
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 40px;
    text-decoration: none;
  }
  .heading-18 {
    font-size: 1.75em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .heading-19 {
    font-size: 1.75em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 30px;
    text-decoration: none;
  }
  .heading-20 {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .heading-21 {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .heading-22 {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .heading-23 {
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-01 {
    font-size: 2.75em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 48px;
    text-decoration: none;
  }
  .body-02 {
    font-size: 2.5em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 48px;
    text-decoration: none;
  }
  .body-03 {
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 48px;
    text-decoration: none;
  }
  .body-04 {
    font-size: 1.75em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .body-05 {
    font-size: 1.625em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .body-06 {
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 30px;
    text-decoration: none;
  }
  .body-07 {
    font-size: 1.375em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-08 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .body-09 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-10 {
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-11 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-12 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-13 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-14 {
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .body-15 {
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .body-16 {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .body-17 {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .body-18 {
    font-size: 0.8125em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    text-decoration: none;
  }
  .link-01 {
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .link-02 {
    font-size: 1.375em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .caption-01 {
    font-size: 5em;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 80px;
    text-decoration: none;
  }
  .caption-02 {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: -0.48px;
    line-height: 52px;
    text-decoration: none;
  }
  .caption-03 {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 48px;
    text-decoration: none;
  }
  .caption-04 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .caption-05 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .caption-06 {
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .caption-07 {
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .caption-08 {
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .caption-09 {
    font-size: 0.875em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
  .card-title-01 {
    font-size: 4em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 64px;
    text-decoration: none;
  }
  .card-title-02 {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 54px;
    text-decoration: none;
  }
  .card-title-03 {
    font-size: 2.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 40px;
    text-decoration: none;
  }
  .card-title-04 {
    font-size: 2.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 40px;
    text-decoration: none;
  }
  .card-title-05 {
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 40px;
    text-decoration: none;
  }
  .card-title-06 {
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .card-title-07 {
    font-size: 1.75em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .card-title-08 {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: none;
  }
  .card-title-09 {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .card-title-10 {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .card-title-11 {
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .card-title-12 {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28px;
    text-decoration: none;
  }
  .card-body-01 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .card-body-02 {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    text-decoration: none;
  }
  .card-body-03 {
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-body-04 {
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: none;
  }
  .card-utility-01 {
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .card-utility-02 {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 24px;
    text-decoration: none;
  }
  .card-utility-03 {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    text-decoration: none;
  }
}
.f-dropmenu-sender {
  z-index: 120;
}

.f-dropmenu-cloned-sender {
  position: fixed;
}

.f-dropmenu {
  position: absolute;
  z-index: 110;
}
.f-dropmenu.out-of-window {
  bottom: 0;
}
.f-dropmenu.f-dropmenu-fade {
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -o-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.f-dropmenu.f-dropmenu-fade.on {
  opacity: 1;
  visibility: visible;
  -moz-transition: opacity 0.3s 0.1s, visibility 0s 0s;
  -o-transition: opacity 0.3s 0.1s, visibility 0s 0s;
  -webkit-transition: opacity 0.3s 0.1s, visibility 0s 0s;
  transition: opacity 0.3s 0.1s, visibility 0s 0s;
}

.f-dropmenu-overlay {
  background-color: rgba(76, 255, 0, 0.5) !important;
}

[data-expand] {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -moz-transition: height 0.4s ease-in-out, opacity 0.3s;
  -o-transition: height 0.4s ease-in-out, opacity 0.3s;
  -webkit-transition: height 0.4s ease-in-out, opacity 0.3s;
  transition: height 0.4s ease-in-out, opacity 0.3s;
}
[data-expand].on {
  opacity: 1;
  -moz-transition: height 0.4s ease-in-out, opacity 1s;
  -o-transition: height 0.4s ease-in-out, opacity 1s;
  -webkit-transition: height 0.4s ease-in-out, opacity 1s;
  transition: height 0.4s ease-in-out, opacity 1s;
}
[data-expand].init-on {
  opacity: 1;
  height: auto;
}

/*
   Notlar: 
*/
#search-area {
  position: fixed;
  opacity: 0;
  visibility: hidden;
}
#search-area.on {
  z-index: 200;
  opacity: 1;
  visibility: visible;
}

#search-result-list,
#search-no-result-pane,
#search-static-pane {
  display: none;
}
#search-result-list.on,
#search-no-result-pane.on,
#search-static-pane.on {
  display: flex;
}

#search-textbox[data-value=""] ~ #search-clear-button {
  display: none;
}

/* Common xs1 and xs2 */
@media all and (max-width: 767px) {
  #search-area[data-display-type=drawer] {
    transform: translateY(7%);
    transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  }
  #search-area[data-display-type=drawer].on {
    transform: translateY(0);
    transition: visibility 0s 0s, transform 0.3s ease-out, opacity 0.3s 0s;
  }
}
/* Common sm1, sm2, md, lg */
@media all and (min-width: 768px) {
  #search-area[data-display-type=drawer] {
    transform: translateY(20%);
    transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  }
  #search-area[data-display-type=drawer].on {
    transform: translateY(0);
    transition: visibility 0s 0s, transform 0.3s ease-out, opacity 0.3s 0s;
  }
}
/* Common xs1 and xs2 */
@media all and (max-width: 767px) {
  #search-area {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: start;
    align-content: center;
    padding: 40px 0;
    background-color: #fff;
  }
  #search-area-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    flex: 1;
    width: 100%;
    padding: 0 20px;
  }
  #search-visual {
    width: 120px;
    height: 120px;
    margin: 0 auto 24px auto;
  }
  #search-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #search-header {
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    color: #464646;
    text-align: center;
  }
  #search-header .search-logo {
    display: none;
  }
  .search-textbox-container {
    width: 100%;
  }
  .search-textbox-container #search-textbox {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 0 8px 0 16px;
    border-radius: 999px;
    border: 1px solid #E4E4E4;
    color: #252525;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  .search-textbox-container #search-textbox::placeholder {
    color: #7A7A7A;
  }
  .search-textbox-container #search-clear-button {
    position: absolute;
    top: calc(50% - 8px);
    right: 16px;
    display: flex;
    width: 16px;
    height: 16px;
    background-color: #F6F6F6;
    border-radius: 50%;
    background-position: center center;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #search-result-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
  }
  #search-result-container #search-result-list {
    display: flex;
    flex-direction: column;
    overflow: auto;
    margin-top: 28px;
  }
  #search-result-container #search-result-list .search-result-group-container {
    display: flex;
    flex-direction: column;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-header {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 0 0 4px;
    color: #C2C2C2;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items {
    display: flex;
    flex-direction: column;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 0 0 4px;
    background-color: #FFFFFF;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item .c-item-01 {
    display: inline-block;
    align-items: center;
    width: 100%;
    padding: 0 32px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item .c-item-01 > b {
    color: #252525;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item .c-item-01:after {
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%237A7A7A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%237A7A7A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item .c-item-02 {
    display: none;
  }
  #search-hide-button {
    position: absolute;
    right: 48px;
    display: block;
    width: 36px;
    height: 36px;
    background-color: #E4E4E4;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%237A7A7A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    top: 46px;
    right: 32px;
    z-index: 11;
  }
}
/* Common sm1, sm2, md, lg */
@media all and (min-width: 768px) {
  #search-area {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vH;
    background-color: #fff;
  }
  #search-area.on #search-area-wrapper #search-header {
    border-bottom: 1px solid #F1F1F1;
  }
  #search-area-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    flex: 1;
    width: 100%;
  }
  #search-header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 116px;
    padding: 0 80px;
  }
  #search-header .search-logo {
    display: flex;
    margin-right: 65px;
  }
  #search-header .search-logo .c-unit-02 {
    display: none;
  }
  .search-textbox-container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-grow: 1;
    height: 64px;
    padding: 0 8px 0 32px;
    background-color: #F5F5F5;
    border-radius: 100px;
  }
  .search-textbox-container #search-textbox {
    display: flex;
    flex-grow: 1;
    height: 100%;
    margin: 0 16px 0 0;
    background-color: transparent;
    color: #3D3D3D;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .search-textbox-container #search-clear-button {
    display: flex !important;
    position: absolute;
    top: calc(50% - 8px);
    right: 16px;
    display: flex;
    width: 16px;
    height: 16px;
    background-color: #F6F6F6;
    border-radius: 50%;
    background-position: center center;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  .search-textbox-container #search-hide-button #search-hide-button {
    display: block;
    width: 48px;
    height: 48px;
    background-color: #FBFBFB;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    border: 2px solid #FBFBFB;
    border-radius: 50%;
    visibility: visible;
    transition: border 0.3s;
  }
  .search-textbox-container #search-hide-button #search-hide-button:hover {
    border: 2px solid #A3A3A3;
  }
  #search-result-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
  }
  #search-result-container #search-result-list {
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: 0 80px;
  }
  #search-result-container #search-result-list::-webkit-scrollbar {
    width: 10px;
  }
  #search-result-container #search-result-list::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #search-result-container #search-result-list::-webkit-scrollbar-thumb {
    background: #888;
  }
  #search-result-container #search-result-list::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #search-result-container #search-result-list .search-result-group-container {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-header {
    display: flex;
    align-items: center;
    height: 54px;
    padding: 0 16px;
    color: #C2C2C2;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items {
    display: flex;
    flex-direction: column;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 48px;
    background-color: #FFFFFF;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item:hover {
    background-color: #FBFBFB;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item:hover .c-item-01 {
    color: #464646 !important;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item .c-item-01 {
    display: inline-block;
    width: 100%;
    padding: 0 32px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7A7A7A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item .c-item-01 > b {
    color: #252525;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item .c-item-01:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 3px;
    margin: 0 0 0 12px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6113%29%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%237A7A7A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6113%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%237A7A7A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #search-result-container #search-result-list .search-result-group-container .search-result-group-items .search-result-item .c-item-02 {
    display: flex;
    width: 240px;
    justify-content: end;
    text-align: end;
  }
  #search-result-container #search-no-result-pane {
    padding: 32px 32px;
    justify-content: center;
  }
  #search-hide-button {
    position: absolute;
    right: 48px;
    display: block;
    width: 48px;
    height: 48px;
    background-color: #E4E4E4;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%237A7A7A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    top: 34px;
    right: 92px;
    z-index: 11;
  }
}
[data-expand-parent].on [data-expand-content] {
  opacity: 1;
  transition: height 0.5s, opacity 0.6s;
}

[data-expand-content] {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.35s ease-in-out, opacity 0.3s 0s;
}
[data-expand-content].expand-content-on {
  height: auto;
  opacity: 1;
  transition: height 0.5s ease-in-out, opacity 0.6s 0.3s;
}

/* Common xs1 and xs2 */
/* Common sm1, sm2, md, lg */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .form-block-01 .c-wrapper {
    width: 100%;
  }
  .form-block-02 .c-wrapper {
    width: 100%;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .form-block-01 .c-wrapper {
    width: 684px;
  }
  .form-block-02 .c-wrapper {
    width: 100%;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .block-header-01 .block-title-01 {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
  }
  .block-header-01 .form-text-01 {
    padding-right: 16px;
    color: #464646;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .block-header-01 .block-title-01 {
    font-size: 18px;
    font-style: normal;
    color: #464646;
    font-weight: 600;
    line-height: 30px;
  }
  .block-header-01 .form-text-01 {
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .block-body-01 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 16px 0 32px 0;
    background-color: #fff;
  }
  .block-body-02 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 16px 0 32px 0;
    background-color: #fff;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .block-body-01 {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    gap: 24px;
  }
  .block-body-02 {
    display: flex;
    background-color: #FFFFFF;
    gap: 24px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .block-footer-01 {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .block-footer-02 {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .block-footer-01 {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .block-footer-02 {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}
/* Default */
.cb-01 {
  display: flex;
  align-items: center;
}
.cb-01 [type=checkbox] ~ .cb-box {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 1px solid #464646;
}
.cb-01 [type=checkbox] ~ .cb-box:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 11px;
  height: 9px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.2s;
}
.cb-01 [type=checkbox]:checked ~ .cb-box:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M4.0625%208.53125L0%204.50125L1.29188%203.25L4.0625%205.97188L10.0831%200L11.375%201.28375L4.0625%208.53125Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-repeat: no-repeat;
  opacity: 1;
}
.cb-01 [type=checkbox]:disabled ~ .cb-box {
  border: 1px solid #E4E4E4;
}
.cb-01 [type=checkbox]:disabled ~ .cb-text-01 {
  color: #E4E4E4;
}
.cb-01.parenterror label {
  display: none !important;
}
.cb-01.parenterror .cb-box {
  border: 1px solid #C72525;
  background: #FCF0F0;
}
.cb-01.error {
  border-radius: 12px;
  border: 1px solid #C72525;
}
.cb-01.error ~ .error {
  order: 2;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.cb-text-01 {
  color: #464646;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.cb-text-01 > a {
  color: #464646;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-decoration-line: underline;
}

/* Common xs1, xs2 */
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .cb-01.error {
    border-radius: 12px;
    border: 1px solid #C72525;
  }
  .cb-01.error ~ .error {
    order: 2;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
}
/* Common xs1, xs2 */
/* Common sm, md, lg */
/* Default Css Values */
.rb-01 {
  display: flex;
  align-items: center;
}
.rb-01 [type=radio] ~ .rb-box {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 1px solid #464646;
  border-radius: 50%;
}
.rb-01 [type=radio] ~ .rb-box:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(30, 30, 30, 0);
  transition: background-color 0.2s;
}
.rb-01 [type=radio]:checked ~ .rb-box:before {
  background-color: rgb(30, 30, 30);
}
.rb-01 [type=radio]:disabled ~ .rb-box {
  border: 1px solid #E4E4E4;
}
.rb-01 [type=radio]:disabled ~ .rb-box:before {
  background-color: #FBFBFB;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .rb-01 .rb-text-01 {
    font-size: toEm(14);
    font-weight: 500;
    line-height: 20px;
  }
  .rb-01.parenterror .error {
    position: absolute;
    bottom: -97px;
    width: max-content;
  }
  .rb-01.parenterror .error .error {
    position: absolute;
    bottom: -23px;
    width: max-content;
    margin-top: 4px;
    color: #C50038;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .rb-01 .rb-text-01 {
    font-size: toEm(15);
    font-weight: 500;
    line-height: 20px;
  }
  .rb-01.parenterror .error {
    position: absolute;
    bottom: -23px;
    width: max-content;
    margin-top: 4px;
    color: #C50038;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
}
/* Default Css Values */
.sl-01 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-right: 56px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11.9997%2013.1714L16.9495%208.22168L18.3637%209.63589L11.9997%2015.9999L5.63574%209.63589L7.04996%208.22168L11.9997%2013.1714Z%22%20fill%3D%22%231E1E1E%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 1px solid #F1F1F1;
  color: #464646;
  font-size: toEm(14);
  font-weight: 500;
  line-height: 22px;
}
.sl-01:disabled {
  background-color: #FBFBFB;
  border: 1px solid #E4E4E4;
}
.sl-01.error {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11.9997%2013.1714L16.9495%208.22168L18.3637%209.63589L11.9997%2015.9999L5.63574%209.63589L7.04996%208.22168L11.9997%2013.1714Z%22%20fill%3D%22%23C50038%22%2F%3E%20%3C%2Fsvg%3E%20");
  color: #C72525;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .sl-01 {
    height: 48px !important;
    padding-left: 12px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .sl-01 {
    height: 56px;
    padding-left: 16px;
    color: #252525;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
  .sl-01.error ~ .error {
    order: 2;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .select2 {
    display: none;
    justify-content: flex-start;
    align-items: center;
    height: 48px;
    background-color: #FFFFFF;
    color: #464646;
  }
  .select2.select2-hidden-accessible {
    display: none;
  }
  .select2 .selection {
    width: 100%;
  }
  .select2 .selection .select2-selection {
    display: flex !important;
    align-items: center;
    padding-left: 16px;
    font-size: toEm(15);
    width: 100%;
    height: 48px;
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
  }
  .select2 .selection .select2-selection .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    color: #464646;
  }
  .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__placeholder {
    color: #464646;
    line-height: 22px;
    font-size: toEm(14);
  }
  .select2 .selection .select2-selection .select2-selection__arrow {
    position: absolute;
    right: 10px;
    top: 11px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11.9997%2013.1714L16.9495%208.22168L18.3637%209.63589L11.9997%2015.9999L5.63574%209.63589L7.04996%208.22168L11.9997%2013.1714Z%22%20fill%3D%22%231E1E1E%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
  }
  .select2 .selection .select2-selection .select2-selection__arrow b {
    display: none;
  }
  .select2-container .select2-dropdown {
    padding-bottom: 8px;
    border-radius: 0 0 12px 12px;
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
  }
  .select2-container .select2-dropdown .select2-results {
    overflow-y: auto !important;
    max-height: 120px !important;
    height: 120px !important;
    display: flex;
    flex-direction: column;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #FFFFFF;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options li {
    padding: 8px 16px;
    color: #464646;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted {
    background-color: #F1F1F1;
  }
  .select2-container .select2-dropdown .select2-search {
    padding: 8px;
  }
  .select2-container .select2-dropdown .select2-search .select2-search__field {
    height: 24px;
    font-family: Inter;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .select2 {
    display: none;
    justify-content: flex-start;
    align-items: center;
    background-color: #FFFFFF;
    color: #464646;
    order: 1;
  }
  .select2.select2-hidden-accessible {
    display: none;
  }
  .select2 .selection {
    width: 100%;
  }
  .select2 .selection .select2-selection {
    display: flex !important;
    align-items: center;
    padding-left: 16px;
    font-size: 15px;
    width: 100%;
    height: 56px;
    border: 1px solid #F1F1F1;
  }
  .select2 .selection .select2-selection .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
  }
  .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__placeholder {
    color: #464646;
    line-height: 22px;
    font-size: 15px;
  }
  .select2 .selection .select2-selection .select2-selection__arrow {
    position: absolute;
    right: 10px;
    top: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11.9997%2013.1714L16.9495%208.22168L18.3637%209.63589L11.9997%2015.9999L5.63574%209.63589L7.04996%208.22168L11.9997%2013.1714Z%22%20fill%3D%22%231E1E1E%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
  }
  .select2 .selection .select2-selection .select2-selection__arrow b {
    display: none;
  }
  .select2.error {
    order: 2;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .select2.error ~ .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__placeholder {
    color: #C72525;
  }
  .select2.error ~ .error {
    order: 2;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .select2.error .selection .select2-selection {
    border-radius: 12px;
    border: 1px solid #C72525;
  }
  .select2.error .selection .select2-selection .select2-selection__rendered .select2-selection__placeholder {
    color: #C72525;
  }
  .select2-container .select2-dropdown {
    display: flex;
    padding-bottom: 8px;
    border-radius: 0 0 12px 12px;
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
    width: 100%;
  }
  .select2-container .select2-dropdown .select2-results {
    width: 100%;
    overflow-y: auto !important;
    max-height: 300px !important;
    height: 450px !important;
    display: flex;
    flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 41px;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #FFFFFF;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options li {
    padding: 8px 16px;
    color: #464646;
    font-family: Inter;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted {
    background-color: #F1F1F1;
  }
  .select2-container .select2-dropdown .select2-search {
    padding: 8px;
  }
  .select2-container .select2-dropdown .select2-search .select2-search__field {
    height: 24px;
    font-family: Inter;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .ta-01 {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    color: #030F3A;
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
    resize: none;
    font-size: toEm(15);
    font-weight: 500;
    line-height: 22px;
    font-family: Inter;
  }
  .ta-01:not([value=""]):not(:focus) ~ .field-label-02 {
    transform: scale(0.57) translateY(-15px);
  }
  .ta-01:focus {
    border: 1px solid #A3A3A3;
  }
  .ta-01.error {
    border-radius: 12px;
    border: 1px solid #C72525;
    background: #FCF0F0;
  }
  .ta-01.error ~ .error {
    order: 2;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .ta-01 {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    color: #030F3A;
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
    resize: none;
    font-size: toEm(15);
    font-weight: 500;
    line-height: 22px;
    font-family: Inter;
  }
  .ta-01:not([value=""]):not(:focus) ~ .field-label-02 {
    transform: scale(0.57) translateY(-15px);
  }
  .ta-01:focus {
    border: 1px solid #A3A3A3;
  }
  .ta-01.error {
    border: 1px solid #C72525;
    background: #FCF0F0;
  }
  .ta-01.error ~ .error {
    order: 2;
    margin-top: 4px;
    color: #C50038;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
}
/* Default Css Values */
.tb-01 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 56px;
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #E4E4E4;
  background-color: #FFFFFF;
  font-weight: 500;
  font-size: toEm(15);
  line-height: 22px;
  color: #030F3A;
}
.tb-01:focus {
  border: 1px solid #7A7A7A;
}
.tb-01.disabled {
  background-color: #F6F6F6;
  color: #E4E4E4;
}
.tb-01.error {
  border: 1px solid #C72525;
  background: #FCF0F0;
}
.tb-01.error ~ .error {
  order: 2;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.tb-02 {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 48px;
  border: 1px solid var(--Color-Neutrals-300, #E4E4E4);
  background: var(--color-bw-white, #FFF);
  color: var(--Color-Peen-blue-900-B, #030F3A);
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 146.667% */
}
.tb-02:disabled {
  background-color: #F5F5F5;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .tb-01 {
    width: 100%;
    height: 48px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 45px;
    border: 1px solid #E4E4E4;
    background: #FFFFFF;
    color: #1A1A1A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
  .tb-01:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
  .tb-02 {
    width: 100%;
    height: 48px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 45px;
    border: 1px solid #E4E4E4;
    background: #FFFFFF;
    color: #1A1A1A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
  .tb-02:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
  .icon-01 {
    position: absolute;
    left: 16px;
    top: 12px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6145%29%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.89731%202.03186%207.19657%203.18666%205.19162%205.19161C3.18667%207.19656%202.03187%209.8973%201.96745%2012.732C1.90304%2015.5667%202.93396%2018.3171%204.84577%2020.4111C6.75758%2022.505%209.40307%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM4%2013C4%2011.22%204.52784%209.4799%205.51677%207.99986C6.50571%206.51982%207.91131%205.36627%209.55585%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32622%2021.0483%206.63896%2019.361C4.95171%2017.6738%204.00265%2015.3861%204%2013Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6145%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .tb-01 {
    height: 56px;
  }
  .tb-01.error ~ .error {
    order: 2;
    margin-top: 4px;
    color: #C50038;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .tb-02 {
    width: 746px;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 56px;
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
    color: #1A1A1A;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }
  .tb-02:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
  .icon-01 {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_6145%29%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.89731%202.03186%207.19657%203.18666%205.19162%205.19161C3.18667%207.19656%202.03187%209.8973%201.96745%2012.732C1.90304%2015.5667%202.93396%2018.3171%204.84577%2020.4111C6.75758%2022.505%209.40307%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM4%2013C4%2011.22%204.52784%209.4799%205.51677%207.99986C6.50571%206.51982%207.91131%205.36627%209.55585%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32622%2021.0483%206.63896%2019.361C4.95171%2017.6738%204.00265%2015.3861%204%2013Z%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_6145%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .field-cluster-01 .field-label-01 {
    display: block;
    margin-bottom: 8px;
    color: #464646;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .field-cluster-01 .field-label-02 {
    display: block;
    margin-bottom: 8px;
    color: #464646;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .field-cluster-01 .field-label-02 span {
    font-weight: 600;
  }
  .field-cluster-01 .element-container-01, .field-cluster-01 .element-container-02 {
    display: flex;
    align-items: flex-start;
  }
  .field-cluster-01 .element-container-02 .searchIcon {
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .field-cluster-01 .element-container-02 .departmentIcon {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .field-cluster-01 .field-footnote-01 {
    margin-top: 4px;
    color: #464646;
    font-size: toEm(13);
    font-weight: 400;
    line-height: 18px;
  }
  .field-cluster-01.clustererror .element-container-01 {
    flex-direction: column;
  }
  .field-cluster-01.clustererror .element-container-01 .error {
    order: 2;
    margin-top: 4px;
    color: var(--Color-System-erro-100, #BF4233);
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
  }
  .field-cluster-01.clustererror .element-container-01 .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__placeholder {
    color: #C72525;
  }
  .field-cluster-01.cluster-disabled .field-label-01 {
    color: #E4E4E4;
  }
  .field-cluster-01.cluster-disabled .field-footnote-01 {
    color: #E4E4E4;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .field-cluster-01.w-lg-50 {
    width: 50%;
  }
  .field-cluster-01.w-lg-100 {
    width: 100%;
  }
  .field-cluster-01 .field-label-01 {
    display: block;
    margin-bottom: 8px;
    color: #464646;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .field-cluster-01 .field-label-02 {
    display: block;
    margin-bottom: 8px;
    color: #464646;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
  }
  .field-cluster-01 .element-container-01, .field-cluster-01 .element-container-02 {
    display: flex;
    align-items: flex-start;
  }
  .field-cluster-01 .element-container-02 .searchIcon {
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .field-cluster-01 .element-container-02 .departmentIcon {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .field-cluster-01 .field-footnote-01 {
    margin-top: 4px;
    color: #464646;
    font-size: toEm(13);
    font-weight: 400;
    line-height: 18px;
  }
  .field-cluster-01.clustererror .element-container-01 {
    flex-direction: column;
  }
  .field-cluster-01.cluster-disabled .field-label-01 {
    color: #E4E4E4;
  }
  .field-cluster-01.cluster-disabled .field-footnote-01 {
    color: #E4E4E4;
  }
}
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .form-group-01 {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .form-group-01 {
    display: flex;
    gap: 24px;
  }
  .successModal {
    padding: 32px;
  }
  .successModal .successModalHeaderHeader {
    display: flex;
    border: 1px solid red;
  }
  .successModal .successModalHeaderBody .modalContainer {
    display: flex;
    flex-direction: column;
  }
  .successModal .successModalHeaderBody .modalContainer .c-item-01 {
    margin: 32px 0 12px 0;
  }
  .successModal #modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1461%29%22%3E%20%3Cpath%20d%3D%22M24%209.4L22.6%208L16%2014.6L9.4%208L8%209.4L14.6%2016L8%2022.6L9.4%2024L16%2017.4L22.6%2024L24%2022.6L17.4%2016L24%209.4Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1461%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: #fff;
    border-radius: 50%;
  }
}
/* Common xs1, xs2 */
/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .form-group-02 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .form-group-02 .field-cluster-01 {
    width: 100%;
  }
  .form-group-02 .field-cluster-01.w-50 {
    width: 50%;
  }
  .form-group-02.w-100 {
    width: 100%;
  }
}
/* 
   NOTLAR:
   1. Configuration format:
      $mdl-size{no}: ("{mq}": "{width} {height}")
   2. Height 'auto' olarak tanımlandıysa mutlaka 'min' ve 'max-height' değerleri 
      aşağıdaki gibi tanımlanmalıdır:
      $mdl-size{no}: ("{mq}": "{width} auto", "{mq}-h": "{min-height} {max-height}")
   3. $mdl-size-list listesine 'size' seçenekleri eklenmelidir.
   4. Animasyon map değerleri ile js tarafındaki değerler birebir aynı olmalıdır.
      overlay-wrapper elementinin transition değerleri ile uyumlu olmalıdır.
*/
/* 
   NOTLAR:
   1. Configuration format:
      $drw-size{no}: ("{mq}": "{width} {height}")
   2. $drw-size-list listesine 'size' seçenekleri eklenmelidir.
   3. Animasyon map değerleri ile js tarafındaki değerler birebir aynı olmalıdır.
      overlay-wrapper elementinin transition değerleri ile uyumlu olmalıdır.
*/
[data-modal-section=content] {
  display: none;
}

#modal-wrapper {
  position: fixed;
  z-index: 1000;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
}
#modal-wrapper #modal-form {
  width: 100%;
  height: 100%;
}
#modal-wrapper #modal-content {
  display: flex;
  height: 100%;
  flex-direction: column;
}
#modal-wrapper #modal-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#modal-wrapper #modal-body {
  flex: 1;
  overflow-y: auto;
}
#modal-wrapper #modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#modal-wrapper #modal-footer .lnkBtnModalPrimary,
#modal-wrapper #modal-footer .lnkBtnModalSecondary,
#modal-wrapper #modal-footer .lnkBtnModalTertiary {
  display: flex;
  justify-content: center;
  align-items: center;
}
#modal-wrapper #modal-close {
  position: absolute;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s 0.2s;
}
#modal-wrapper.on {
  opacity: 1;
  visibility: visible;
}
#modal-wrapper.on #modal-close {
  opacity: 1;
  transition: opacity 0.3s 0s;
}
#modal-wrapper.type-mdl {
  opacity: 1;
}
#modal-wrapper.type-mdl.mdl-animate {
  -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}
#modal-wrapper.type-mdl.on.mdl-animate {
  -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  transition: visibility 0s 0s, opacity 0.5s ease-in-out;
}
#modal-wrapper.type-drw {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
#modal-wrapper.type-drw.drw-animate {
  -moz-transition: visibility 0s 0.3s, transform 0.3s ease-in;
  -o-transition: visibility 0s 0.3s, transform 0.3s ease-in;
  -webkit-transition: visibility 0s 0.3s, transform 0.3s ease-in;
  transition: visibility 0s 0.3s, transform 0.3s ease-in;
}
#modal-wrapper.type-drw.on.drw-animate {
  -moz-transition: visibility 0s 0s, transform 0.5s ease-out;
  -o-transition: visibility 0s 0s, transform 0.5s ease-out;
  -webkit-transition: visibility 0s 0s, transform 0.5s ease-out;
  transition: visibility 0s 0s, transform 0.5s ease-out;
}

/* Common xs1 and xs2 */
/* xs1 */
@media all and (max-width: 449px) {
  #modal-wrapper.type-mdl.size-1 {
    width: 100%;
    height: 240px;
    top: calc(50% - 240px / 2);
    left: calc(50% - 100% / 2);
  }
  #modal-wrapper.type-mdl.size-2 {
    width: 335px;
    height: 480px;
    top: calc(50% - 480px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-3 {
    width: 335px;
    height: 480px;
    top: calc(50% - 480px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-4 {
    width: 335px;
    height: 480px;
    top: calc(50% - 480px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-5 {
    width: 335px;
    height: 472px;
    top: calc(50% - 472px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-6 {
    width: 335px;
    height: 380px;
    top: calc(50% - 380px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-7 {
    width: 335px;
    height: 380px;
    top: calc(50% - 380px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-drw.size-1 {
    width: 100%;
    height: 100%;
    top: 100%;
    right: auto;
    bottom: auto;
    left: calc(100% - 100%);
  }
  #modal-wrapper.type-drw.size-1 #modal-close {
    top: 0;
    left: 100%;
  }
  #modal-wrapper.type-drw.on.drw-animate.size-1 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* xs2 */
@media all and (min-width: 450px) and (max-width: 767px) {
  #modal-wrapper.type-mdl.size-1 {
    width: 100%;
    height: 954px;
    top: calc(50% - 954px / 2);
    left: calc(50% - 100% / 2);
  }
  #modal-wrapper.type-mdl.size-2 {
    width: 335px;
    height: 480px;
    top: calc(50% - 480px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-3 {
    width: 335px;
    height: 480px;
    top: calc(50% - 480px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-4 {
    width: 335px;
    height: 480px;
    top: calc(50% - 480px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-5 {
    width: 335px;
    height: 472px;
    top: calc(50% - 472px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-6 {
    width: 335px;
    height: 380px;
    top: calc(50% - 380px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-mdl.size-7 {
    width: 335px;
    height: 380px;
    top: calc(50% - 380px / 2);
    left: calc(50% - 335px / 2);
  }
  #modal-wrapper.type-drw.size-1 {
    width: 100%;
    height: 100%;
    top: 100%;
    right: auto;
    bottom: auto;
    left: calc(100% - 100%);
  }
  #modal-wrapper.type-drw.size-1 #modal-close {
    top: 0;
    left: 100%;
  }
  #modal-wrapper.type-drw.on.drw-animate.size-1 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* Common sm1 and sm2 */
/* sm1 */
@media all and (min-width: 768px) and (max-width: 1023px) {
  #modal-wrapper.type-mdl.size-1 {
    width: 80%;
    height: 954px;
    top: calc(50% - 954px / 2);
    left: calc(50% - 80% / 2);
  }
  #modal-wrapper.type-mdl.size-2 {
    width: 920px;
    height: 676px;
    top: calc(50% - 676px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-3 {
    width: 684px;
    height: 710px;
    top: calc(50% - 710px / 2);
    left: calc(50% - 684px / 2);
  }
  #modal-wrapper.type-mdl.size-4 {
    width: 447px;
    height: 492px;
    top: calc(50% - 492px / 2);
    left: calc(50% - 447px / 2);
  }
  #modal-wrapper.type-mdl.size-5 {
    width: 920px;
    height: 716px;
    top: calc(50% - 716px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-6 {
    width: 920px;
    height: 524px;
    top: calc(50% - 524px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-7 {
    width: 447px;
    height: 424px;
    top: calc(50% - 424px / 2);
    left: calc(50% - 447px / 2);
  }
  #modal-wrapper.type-drw.size-1 {
    width: 100%;
    height: calc(100% - to-number(48)px);
    top: 100%;
    right: auto;
    bottom: auto;
    left: calc(100% - 100%);
  }
  #modal-wrapper.type-drw.size-1 #modal-close {
    top: 0;
    left: 100%;
  }
  #modal-wrapper.type-drw.on.drw-animate.size-1 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* sm2 */
@media all and (min-width: 1024px) and (max-width: 1179px) {
  #modal-wrapper.type-mdl.size-1 {
    width: 80%;
    height: 954px;
    top: calc(50% - 954px / 2);
    left: calc(50% - 80% / 2);
  }
  #modal-wrapper.type-mdl.size-2 {
    width: 920px;
    height: 676px;
    top: calc(50% - 676px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-3 {
    width: 684px;
    height: 710px;
    top: calc(50% - 710px / 2);
    left: calc(50% - 684px / 2);
  }
  #modal-wrapper.type-mdl.size-4 {
    width: 447px;
    height: 492px;
    top: calc(50% - 492px / 2);
    left: calc(50% - 447px / 2);
  }
  #modal-wrapper.type-mdl.size-5 {
    width: 920px;
    height: 716px;
    top: calc(50% - 716px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-6 {
    width: 920px;
    height: 524px;
    top: calc(50% - 524px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-7 {
    width: 447px;
    height: 424px;
    top: calc(50% - 424px / 2);
    left: calc(50% - 447px / 2);
  }
  #modal-wrapper.type-drw.size-1 {
    width: 100%;
    height: calc(100% - to-number(48)px);
    top: 100%;
    right: auto;
    bottom: auto;
    left: calc(100% - 100%);
  }
  #modal-wrapper.type-drw.size-1 #modal-close {
    top: 0;
    left: 100%;
  }
  #modal-wrapper.type-drw.on.drw-animate.size-1 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* Common md and lg */
/* md */
@media all and (min-width: 1180px) and (max-width: 1679px) {
  #modal-wrapper.type-mdl.size-1 {
    width: 80%;
    height: 954px;
    top: calc(50% - 954px / 2);
    left: calc(50% - 80% / 2);
  }
  #modal-wrapper.type-mdl.size-2 {
    width: 920px;
    height: 676px;
    top: calc(50% - 676px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-3 {
    width: 684px;
    height: 710px;
    top: calc(50% - 710px / 2);
    left: calc(50% - 684px / 2);
  }
  #modal-wrapper.type-mdl.size-4 {
    width: 447px;
    height: 492px;
    top: calc(50% - 492px / 2);
    left: calc(50% - 447px / 2);
  }
  #modal-wrapper.type-mdl.size-5 {
    width: 920px;
    height: 716px;
    top: calc(50% - 716px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-6 {
    width: 920px;
    height: 524px;
    top: calc(50% - 524px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-7 {
    width: 447px;
    height: 424px;
    top: calc(50% - 424px / 2);
    left: calc(50% - 447px / 2);
  }
  #modal-wrapper.type-drw.size-1 {
    width: 100%;
    height: calc(100% - to-number(48)px);
    top: 100%;
    right: auto;
    bottom: auto;
    left: calc(100% - 100%);
  }
  #modal-wrapper.type-drw.size-1 #modal-close {
    top: 0;
    left: 100%;
  }
  #modal-wrapper.type-drw.on.drw-animate.size-1 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* lg */
@media all and (min-width: 1680px) {
  #modal-wrapper.type-mdl.size-1 {
    width: 80%;
    height: 954px;
    top: calc(50% - 954px / 2);
    left: calc(50% - 80% / 2);
  }
  #modal-wrapper.type-mdl.size-2 {
    width: 920px;
    height: 676px;
    top: calc(50% - 676px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-3 {
    width: 684px;
    height: 710px;
    top: calc(50% - 710px / 2);
    left: calc(50% - 684px / 2);
  }
  #modal-wrapper.type-mdl.size-4 {
    width: 447px;
    height: 492px;
    top: calc(50% - 492px / 2);
    left: calc(50% - 447px / 2);
  }
  #modal-wrapper.type-mdl.size-5 {
    width: 920px;
    height: 716px;
    top: calc(50% - 716px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-6 {
    width: 920px;
    height: 524px;
    top: calc(50% - 524px / 2);
    left: calc(50% - 920px / 2);
  }
  #modal-wrapper.type-mdl.size-7 {
    width: 447px;
    height: 424px;
    top: calc(50% - 424px / 2);
    left: calc(50% - 447px / 2);
  }
  #modal-wrapper.type-drw.size-1 {
    width: 100%;
    height: calc(100% - to-number(48)px);
    top: 100%;
    right: auto;
    bottom: auto;
    left: calc(100% - 100%);
  }
  #modal-wrapper.type-drw.size-1 #modal-close {
    top: 0;
    left: 100%;
  }
  #modal-wrapper.type-drw.on.drw-animate.size-1 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
#modal-wrapper.type-mdl.size-1 {
  width: 100%;
  height: 100%;
}
#modal-wrapper.type-mdl.size-1 #modal-content #modal-header {
  display: none;
}
#modal-wrapper.type-mdl.size-1 #modal-content #modal-body {
  scrollbar-width: none;
}
#modal-wrapper.type-mdl.size-1.drw-animate {
  top: 120px;
  -moz-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -o-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -webkit-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
}
#modal-wrapper.type-mdl.size-1.drw-animate.on {
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
  -moz-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -o-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -webkit-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
}
#modal-wrapper.type-mdl.size-1 #modal-close {
  top: 32px !important;
  right: 32px !important;
  left: auto !important;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: #FBFBFB !important;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
#modal-wrapper.type-mdl.size-1 #modal-close:hover {
  background-color: #F6F6F6 !important;
}

#modal-wrapper.type-mdl.size-2 {
  width: 100%;
  height: 100%;
}
#modal-wrapper.type-mdl.size-2 #modal-content #modal-header {
  display: none;
}
#modal-wrapper.type-mdl.size-2 #modal-content #modal-body {
  scrollbar-width: none;
}
#modal-wrapper.type-mdl.size-2.drw-animate {
  top: 120px;
  -moz-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -o-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -webkit-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
}
#modal-wrapper.type-mdl.size-2.drw-animate.on {
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
  -moz-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -o-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -webkit-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
}
#modal-wrapper.type-mdl.size-2 #modal-close {
  top: 32px !important;
  right: 32px !important;
  left: auto !important;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: #FBFBFB !important;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
#modal-wrapper.type-mdl.size-2 #modal-close:hover {
  background-color: #F6F6F6 !important;
}

#modal-wrapper.type-mdl.size-3 {
  width: 100%;
  height: 100%;
}
#modal-wrapper.type-mdl.size-3 #modal-content #modal-header {
  display: none;
}
#modal-wrapper.type-mdl.size-3.drw-animate {
  top: 120px;
  -moz-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -o-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -webkit-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
}
#modal-wrapper.type-mdl.size-3.drw-animate.on {
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
  -moz-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -o-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -webkit-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
}
#modal-wrapper.type-mdl.size-3 #modal-close {
  top: 32px !important;
  right: 32px !important;
  left: auto !important;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: #FBFBFB !important;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
#modal-wrapper.type-mdl.size-3 #modal-close:hover {
  background-color: #F6F6F6 !important;
}

#modal-wrapper.type-mdl.size-4 {
  height: 100%;
}
#modal-wrapper.type-mdl.size-4 #modal-content #modal-header {
  display: none;
}
#modal-wrapper.type-mdl.size-4 #modal-content #modal-body {
  scrollbar-width: none;
}
#modal-wrapper.type-mdl.size-4.drw-animate {
  top: 120px;
  -moz-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -o-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -webkit-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
}
#modal-wrapper.type-mdl.size-4.drw-animate.on {
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
  -moz-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -o-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -webkit-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
}
#modal-wrapper.type-mdl.size-4 #modal-close {
  top: 32px !important;
  right: 32px !important;
  left: auto !important;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: #FBFBFB !important;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
#modal-wrapper.type-mdl.size-4 #modal-close:hover {
  background-color: #F6F6F6 !important;
}

/* Common xs1 and xs2 */
@media all and (max-width: 767px) {
  #modal-wrapper.type-mdl.size-1 {
    width: 80%;
    height: 325px;
    left: calc(50% - 165px);
    top: calc(50% - 200px);
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body {
    align-items: center;
    align-self: center;
    width: 100%;
    padding: 32px;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body .video-wrapper {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body .video-wrapper iframe {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body .c-item-01 {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body .c-item-01 video {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-close {
    position: fixed !important;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #FBFBFB !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-close:hover {
    background-color: #F6F6F6 !important;
  }
  #modal-wrapper.type-mdl.size-2 {
    width: 90%;
    height: 235px;
    left: calc(50% - 187px);
    top: calc(50% - 128px);
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-body {
    align-items: center;
    align-self: center;
    width: 100%;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-body .c-container-01 {
    width: 100%;
    height: 235px;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-body .c-container-01 img {
    width: 100%;
    height: 235px;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-close {
    position: fixed !important;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #FBFBFB !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-close:hover {
    background-color: #F6F6F6 !important;
  }
  #modal-wrapper.type-mdl.size-3 {
    width: 335px;
    height: 440px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content {
    padding: 24px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-header {
    display: flex;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-header .c-container-01 {
    width: 100%;
    padding-right: 53px;
    color: #030F3A;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-body {
    align-items: center;
    align-self: center;
    width: 100%;
    margin-top: 20px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-body > .c-container-01 {
    width: 100%;
    height: 100%;
    color: #0D1944;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-right: 24px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-body > .c-container-01 > p {
    margin-bottom: 20px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-close {
    top: 16px !important;
    right: 24px !important;
    position: absolute;
    border-radius: 48px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: #E4E4E4 !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #modal-wrapper.type-mdl.size-4 {
    height: 425px;
    width: 360px !important;
    left: calc(50% - 180px);
  }
  #modal-wrapper.type-mdl.size-4 #modal-content {
    align-items: center;
    gap: 40px;
    padding: 40px 20px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-header {
    display: flex;
    width: 60px;
    height: 60px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-header .c-container-01 {
    color: #030F3A;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-header .c-container-01 svg {
    max-width: 60px;
    max-height: 60px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    gap: 12px;
    width: 100%;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body > .c-container-01 {
    width: 100%;
    color: #030F3A;
    text-align: center;
    line-height: 26px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body > .c-container-01 > p {
    margin-bottom: 30px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body > .c-container-02 {
    text-align: center;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body > .c-container-02 > p {
    margin-bottom: 30px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-footer {
    width: 100%;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-footer > button {
    width: 100%;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-close {
    display: none;
    top: 60px !important;
    right: 40px !important;
    position: absolute;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #E4E4E4 !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
/* Common sm1, sm2, md, lg */
@media all and (min-width: 768px) {
  #modal-wrapper.type-mdl.size-1 {
    width: 80%;
    height: 811px;
    top: calc(50% - 405.5px);
    left: 10%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body {
    align-items: center;
    align-self: center;
    width: 100%;
    padding: 32px;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body .video-wrapper {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body .video-wrapper iframe {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body .c-item-01 {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-body .c-item-01 video {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-close {
    position: fixed !important;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #FBFBFB !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #modal-wrapper.type-mdl.size-1 #modal-content #modal-close:hover {
    background-color: #F6F6F6 !important;
  }
  #modal-wrapper.type-mdl.size-2 {
    width: 80%;
    height: 811px;
    top: calc(50% - 405.5px);
    left: 10%;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-body {
    align-items: center;
    align-self: center;
    width: 100%;
    padding: 32px;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-body .c-container-01 {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-body .c-container-01 img {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-close {
    position: fixed !important;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #FBFBFB !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #modal-wrapper.type-mdl.size-2 #modal-content #modal-close:hover {
    background-color: #F6F6F6 !important;
  }
  #modal-wrapper.type-mdl.size-3 {
    width: 920px;
    height: 680px;
    left: calc(50% - 460px) !important;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content {
    padding: 60px 40px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-header {
    display: flex;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-header .c-container-01 {
    width: 100%;
    padding-right: 96px;
    color: #030F3A;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-body {
    align-items: center;
    align-self: center;
    width: 100%;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-body > .c-container-01 {
    width: 100%;
    height: 100%;
    color: #0D1944;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top: 32px;
    padding-right: 60px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-body > .c-container-01 > p {
    margin-bottom: 30px;
  }
  #modal-wrapper.type-mdl.size-3 #modal-content #modal-close {
    top: 60px !important;
    right: 40px !important;
    position: absolute;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #E4E4E4 !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #modal-wrapper.type-mdl.size-4 {
    top: calc(50% - 240px);
    left: calc(50% - 236.5px);
    width: 473px;
    height: 480px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content {
    align-items: center;
    padding: 60px 40px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-header {
    display: flex;
    width: 72px;
    height: 72px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-header .c-container-01 {
    color: #030F3A;
    line-height: 48px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body {
    align-items: center;
    align-self: center;
    width: 100%;
    margin-top: 32px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body > .c-container-01 {
    width: 100%;
    color: #030F3A;
    text-align: center;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body > .c-container-01 > p {
    margin-bottom: 30px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body > .c-container-02 {
    margin-top: 12px;
    width: 100%;
    color: #0D1944;
    text-align: center;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-body > .c-container-02 > p {
    margin-bottom: 30px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-footer {
    width: 100%;
    margin-top: 48px;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-footer > button {
    width: 100%;
  }
  #modal-wrapper.type-mdl.size-4 #modal-content #modal-close {
    display: none;
    top: 60px !important;
    right: 40px !important;
    position: absolute;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #E4E4E4 !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23030F3A%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
}
#modal-wrapper.type-drw.size-1, #modal-wrapper.type-drw.size-2, #modal-wrapper.type-drw.size-3 {
  width: 100%;
  height: 100%;
}
#modal-wrapper.type-drw.size-1 #modal-content #modal-header, #modal-wrapper.type-drw.size-2 #modal-content #modal-header, #modal-wrapper.type-drw.size-3 #modal-content #modal-header {
  display: none;
}
#modal-wrapper.type-drw.size-1.drw-animate, #modal-wrapper.type-drw.size-2.drw-animate, #modal-wrapper.type-drw.size-3.drw-animate {
  top: 120px;
  -moz-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -o-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  -webkit-transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  transition: visibility 0s 0.3s, transform 0.3s ease-in, opacity 0.3s 0s;
  overflow-y: auto;
}
#modal-wrapper.type-drw.size-1.drw-animate.on, #modal-wrapper.type-drw.size-2.drw-animate.on, #modal-wrapper.type-drw.size-3.drw-animate.on {
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
  -moz-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -o-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  -webkit-transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
  transition: visibility 0s 0s, transform 0.5s ease-out, opacity 0.5s 0s;
}
#modal-wrapper.type-drw.size-1 #modal-close, #modal-wrapper.type-drw.size-2 #modal-close, #modal-wrapper.type-drw.size-3 #modal-close {
  top: 32px;
  right: 32px;
  left: auto !important;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: #FBFBFB !important;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
}
#modal-wrapper.type-drw.size-1 #modal-close:hover, #modal-wrapper.type-drw.size-2 #modal-close:hover, #modal-wrapper.type-drw.size-3 #modal-close:hover {
  background-color: #F6F6F6 !important;
}

@media all and (max-width: 767px) {
  #modal-wrapper.type-drw.size-1 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body {
    width: 100%;
    align-items: center;
    align-self: center;
    padding: 0 20px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    padding-top: 40px;
    color: #030F3A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-02 {
    text-align: start;
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -1.08px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-03 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 32px 0 60px 0;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-03 .c-item-01 {
    width: 100%;
    height: 280px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-03 .c-item-01 img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-03 .c-item-02 {
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-04 {
    color: #030F3A;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-05 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 32px 0 32px 0;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-05 .c-item-01 {
    width: 100%;
    height: 280px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-05 .c-item-01 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-05 .c-item-02 {
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
  #modal-wrapper.type-drw.size-1.drw-animate {
    top: 59px;
  }
  #modal-wrapper.type-drw.size-1 #modal-close {
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #FBFBFB !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #modal-wrapper.type-drw.size-1 #modal-close:hover {
    background-color: #F6F6F6 !important;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body {
    width: 100%;
    align-items: center;
    align-self: center;
    scrollbar-width: none;
    padding: 0 20px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 267px;
    margin-top: 40px;
    color: #030F3A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-02 {
    text-align: start;
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.96px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-03 {
    margin-top: 16px;
    color: #030F3A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-04 {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin: 32px 0 32px 0;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-04 .c-item-01 {
    width: 100%;
    height: 252px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-04 .c-item-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-04 .c-item-02 {
    color: #030F3A;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-05 {
    padding-bottom: 60px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-05 p {
    margin-bottom: 25px;
  }
  #modal-wrapper.type-drw.size-2.drw-animate {
    top: 59px;
  }
  #modal-wrapper.type-drw.size-2 #modal-close {
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #FBFBFB !important;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_4_1615%29%22%3E%20%3Cpath%20d%3D%22M17.4141%2016L24%209.4141L22.5859%208L16%2014.5859L9.4143%208L8%209.4141L14.5859%2016L8%2022.5859L9.4143%2024L16%2017.4141L22.5859%2024L24%2022.5859L17.4141%2016Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_4_1615%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23464646%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
  }
  #modal-wrapper.type-drw.size-2 #modal-close:hover {
    background-color: #F6F6F6 !important;
  }
  #modal-wrapper.type-drw.size-3 {
    background-color: #F1F1F1;
  }
  #modal-wrapper.type-drw.size-3 #modal-content {
    padding: 0 20px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body {
    width: 100%;
    align-items: center;
    align-self: center;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    gap: 64px;
    color: #030F3A;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-02 {
    color: #030F3A;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-03 {
    color: #030F3A;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-close {
    right: 20px;
    top: 20px;
  }
  #modal-wrapper.type-drw.size-3.drw-animate {
    top: 59px;
  }
  .fancybox-container .fancybox-inner .fancybox-toolbar {
    top: 25px;
    right: 150px;
  }
  .fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button--play {
    display: none;
  }
  .fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button--thumbs {
    display: none;
  }
  .fancybox-container .fancybox-inner .fancybox-navigation {
    display: none;
  }
  .fancybox-container .fancybox-inner .fancybox-infobar {
    display: none;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
    width: 100%;
    height: 30%;
    overflow: hidden;
    padding: 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a {
    width: 100%;
    height: 100%;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a picture {
    width: 100%;
    height: 100%;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a picture img {
    width: 100%;
    height: 100%;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a > .cm-container-01 {
    height: 100%;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a > .cm-container-02 {
    display: none;
  }
}
/* Common sm1, sm2, md, lg */
@media all and (min-width: 768px) {
  #modal-wrapper.type-drw.size-1 {
    border-radius: 48px 48px 0 0;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body {
    width: 920px;
    align-items: center;
    align-self: center;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 64px;
    margin-top: 48px;
    color: #030F3A;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-02 {
    margin-top: 60px;
    color: #030F3A;
    text-align: center;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: -1.92px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-03 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 48px;
    margin-bottom: 160px;
    margin-top: 48px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-03 .c-item-01 {
    width: 100%;
    height: 464px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-03 .c-item-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-03 .c-item-02 {
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-05 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 48px;
    margin-bottom: 32px;
    margin-top: 48px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-05 .c-item-01 {
    width: 100%;
    height: 464px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-05 .c-item-01 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-05 .c-item-02 {
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-04 {
    padding: 0 48px;
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 100px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-04 .c-item-01 {
    width: 100%;
    height: 690px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-04 .c-item-01 img {
    width: 100%;
    height: 100%;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-04 > .c-item-02 p {
    margin-bottom: 60px;
  }
  #modal-wrapper.type-drw.size-1 #modal-content #modal-body .c-container-04 > .c-item-02 p:last-child {
    margin-bottom: 0;
  }
  #modal-wrapper.type-drw.size-2 {
    border-radius: 48px 48px 0 0;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body {
    width: 920px;
    align-items: center;
    align-self: center;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 64px;
    margin-top: 48px;
    color: #030F3A;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-02 {
    margin-top: 60px;
    color: #030F3A;
    text-align: center;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body .c-container-03 {
    margin-top: 24px;
    color: #030F3A;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body > .c-container-04 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 32px;
    margin-top: 48px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body > .c-container-04 .c-item-01 {
    width: 100%;
    height: 690px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body > .c-container-04 .c-item-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body > .c-container-04 .c-item-02 {
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body > .c-container-04 .c-item-02 > p {
    margin-bottom: 60px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body > .c-container-04 .c-item-02 > p:last-child {
    margin-bottom: 0;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body > .c-container-05 {
    padding: 0 48px 160px 48px;
  }
  #modal-wrapper.type-drw.size-2 #modal-content #modal-body > .c-container-05 p {
    margin-bottom: 40px;
  }
  #modal-wrapper.type-drw.size-3 {
    border-radius: 48px 48px 0 0;
    background-color: #F1F1F1;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-header {
    display: none;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body {
    width: 1397px;
    align-items: center;
    align-self: center;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 64px;
    margin-top: 48px;
    color: #030F3A;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-02 {
    margin-top: 60px;
    color: #030F3A;
    text-align: center;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-03 {
    width: 920px;
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-04 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 48px;
    margin-bottom: 160px;
    margin-top: 48px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-04 .c-item-01 {
    width: 100%;
    height: 312px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-04 .c-item-01 img {
    height: 312px;
    object-fit: cover;
    object-position: center;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-04 .c-item-02 {
    margin-top: 32px;
    color: #030F3A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-04 .c-item-02 .c-unit-01 {
    display: flex;
    flex-direction: column;
    padding: 24px;
    height: 160px;
    border-bottom: 1px solid #E4E4E4;
    background-color: #FFFFFF;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-04 .c-item-03 .c-unit-01 {
    width: 100%;
    height: 458px;
  }
  #modal-wrapper.type-drw.size-3 #modal-content #modal-body .c-container-04 .c-item-03 .c-unit-01 img {
    width: 100%;
    height: 458px;
    object-fit: cover;
    object-position: center;
  }
  ::-webkit-scrollbar {
    display: none;
    width: 8px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #555;
  }
  ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
  ::-webkit-scrollbar-track:hover {
    background-color: #e0e0e0;
  }
  .fancybox-container .fancybox-inner .fancybox-toolbar {
    top: 25px;
    right: 150px;
  }
  .fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button--play {
    display: none;
  }
  .fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button--thumbs {
    display: none;
  }
  .fancybox-container .fancybox-inner .fancybox-navigation {
    display: none;
  }
  .fancybox-container .fancybox-inner .fancybox-infobar {
    display: none;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
    width: 70%;
    height: 70%;
    overflow: hidden;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a {
    width: 100%;
    height: 100%;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a picture {
    width: 100%;
    height: 100%;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a picture img {
    width: 100%;
    height: 100%;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a > .cm-container-01 {
    height: 100%;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content > a > .cm-container-02 {
    display: none;
  }
}

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